@noxedgebyvp/noxui
Version:
NoxUI is a comprehensive, enterprise-ready React UI component library designed for efficiency, scalability, and seamless user experiences. Built with performance and customization in mind, NoxUI offers a rich set of pre-designed components that follow mod
1 lines • 60.6 kB
JavaScript
"use strict";var n=require("react/jsx-runtime"),r=require("react");function e(n,r){void 0===r&&(r={});var e=r.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===e&&o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}}e(".custom-button {\r\n padding: 10px 20px;\r\n font-size: 16px;\r\n border: none;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.1s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n /* Disabled State */\r\n .custom-button:disabled {\r\n opacity: 0.6;\r\n cursor: not-allowed;\r\n }\r\n \r\n /* Spinner for loading state */\r\n .spinner {\r\n width: 16px;\r\n height: 16px;\r\n border: 2px solid white;\r\n border-top: 2px solid transparent;\r\n border-radius: 50%;\r\n animation: spin 1s linear infinite;\r\n }\r\n \r\n @keyframes spin {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n \r\n /* Theme support */\r\n .custom-button.light {\r\n color: black;\r\n }\r\n \r\n .custom-button.dark {\r\n color: white;\r\n }\r\n \r\n /* Predefined Variants with text color */\r\n .primary {\r\n background-color: #007bff;\r\n color: white;\r\n }\r\n .primary:hover {\r\n background-color: #0069d9;\r\n }\r\n .primary:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .secondary {\r\n background-color: #6c757d;\r\n color: white;\r\n }\r\n .secondary:hover {\r\n background-color: #5a6268;\r\n }\r\n .secondary:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .danger {\r\n background-color: #dc3545;\r\n color: white;\r\n }\r\n .danger:hover {\r\n background-color: #c82333;\r\n }\r\n .danger:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .info {\r\n background-color: #17a2b8;\r\n color: white;\r\n }\r\n .info:hover {\r\n background-color: #138496;\r\n }\r\n .info:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .warning {\r\n background-color: #ffc107;\r\n color: #000;\r\n }\r\n .warning:hover {\r\n background-color: #e0a800;\r\n }\r\n .warning:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .dark {\r\n background-color: #343a40;\r\n color: white;\r\n }\r\n .dark:hover {\r\n background-color: #23272b;\r\n }\r\n .dark:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .neon {\r\n background-color: #0ff;\r\n color: #000;\r\n box-shadow: 0 0 10px #0ff, 0 0 20px #0ff;\r\n }\r\n .neon:hover {\r\n background-color: #0dd;\r\n box-shadow: 0 0 12px #0ff, 0 0 24px #0ff;\r\n }\r\n .neon:active {\r\n transform: scale(0.96);\r\n box-shadow: 0 0 8px #0ff, 0 0 16px #0ff;\r\n }\r\n \r\n /* Optional radius utility classes */\r\n .radius-sm {\r\n border-radius: 4px;\r\n }\r\n .radius-md {\r\n border-radius: 8px;\r\n }\r\n .radius-lg {\r\n border-radius: 16px;\r\n }\r\n\r\n/* Outline Variants */\r\n.outline-primary {\r\n background-color: transparent;\r\n border: 2px solid #007bff;\r\n color: #007bff;\r\n }\r\n .outline-primary:hover {\r\n background-color: #007bff;\r\n color: white;\r\n }\r\n .outline-primary:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .outline-secondary {\r\n background-color: transparent;\r\n border: 2px solid #6c757d;\r\n color: #6c757d;\r\n }\r\n .outline-secondary:hover {\r\n background-color: #6c757d;\r\n color: white;\r\n }\r\n .outline-secondary:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .outline-danger {\r\n background-color: transparent;\r\n border: 2px solid #dc3545;\r\n color: #dc3545;\r\n }\r\n .outline-danger:hover {\r\n background-color: #dc3545;\r\n color: white;\r\n }\r\n .outline-danger:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .outline-info {\r\n background-color: transparent;\r\n border: 2px solid #17a2b8;\r\n color: #17a2b8;\r\n }\r\n .outline-info:hover {\r\n background-color: #17a2b8;\r\n color: white;\r\n }\r\n .outline-info:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .outline-warning {\r\n background-color: transparent;\r\n border: 2px solid #ffc107;\r\n color: #ffc107;\r\n }\r\n .outline-warning:hover {\r\n background-color: #ffc107;\r\n color: black;\r\n }\r\n .outline-warning:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .outline-dark {\r\n background-color: transparent;\r\n border: 2px solid #343a40;\r\n color: #343a40;\r\n }\r\n .outline-dark:hover {\r\n background-color: #343a40;\r\n color: white;\r\n }\r\n .outline-dark:active {\r\n transform: scale(0.96);\r\n }\r\n \r\n .outline-neon {\r\n background-color: transparent;\r\n border: 2px solid #0ff;\r\n color: #0ff;\r\n box-shadow: 0 0 4px #0ff;\r\n }\r\n .outline-neon:hover {\r\n background-color: #0ff;\r\n color: #000;\r\n box-shadow: 0 0 12px #0ff, 0 0 24px #0ff;\r\n }\r\n .outline-neon:active {\r\n transform: scale(0.96);\r\n box-shadow: 0 0 8px #0ff, 0 0 16px #0ff;\r\n }\r\n ");var o={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},t=r.createContext&&r.createContext(o),a=["attr","size","title"];function i(n,r){if(null==n)return{};var e,o,t=function(n,r){if(null==n)return{};var e={};for(var o in n)if(Object.prototype.hasOwnProperty.call(n,o)){if(r.indexOf(o)>=0)continue;e[o]=n[o]}return e}(n,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)e=a[o],r.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(t[e]=n[e])}return t}function c(){return c=Object.assign?Object.assign.bind():function(n){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o])}return n},c.apply(this,arguments)}function l(n,r){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),e.push.apply(e,o)}return e}function s(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?l(Object(e),!0).forEach((function(r){d(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function d(n,r,e){return r=function(n){var r=function(n,r){if("object"!=typeof n||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,r);if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(n)}(n,"string");return"symbol"==typeof r?r:r+""}(r),r in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function u(n){return n&&n.map(((n,e)=>r.createElement(n.tag,s({key:e},n.attr),u(n.child))))}function p(n){return e=>r.createElement(f,c({attr:s({},n.attr)},e),u(n.child))}function f(n){var e=e=>{var o,{attr:t,size:l,title:d}=n,u=i(n,a),p=l||e.size||"1em";return e.className&&(o=e.className),n.className&&(o=(o?o+" ":"")+n.className),r.createElement("svg",c({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},e.attr,t,u,{className:o,style:s(s({color:n.color||e.color},e.style),n.style),height:p,width:p,xmlns:"http://www.w3.org/2000/svg"}),d&&r.createElement("title",null,d),n.children)};return void 0!==t?r.createElement(t.Consumer,null,(n=>e(n))):e(o)}function x(n){return p({attr:{viewBox:"0 0 1024 1024",fill:"currentColor",fillRule:"evenodd"},child:[{tag:"path",attr:{d:"M799.855 166.312c.023.007.043.018.084.059l57.69 57.69c.041.041.052.06.059.084a.118.118 0 0 1 0 .069c-.007.023-.018.042-.059.083L569.926 512l287.703 287.703c.041.04.052.06.059.083a.118.118 0 0 1 0 .07c-.007.022-.018.042-.059.083l-57.69 57.69c-.041.041-.06.052-.084.059a.118.118 0 0 1-.069 0c-.023-.007-.042-.018-.083-.059L512 569.926 224.297 857.629c-.04.041-.06.052-.083.059a.118.118 0 0 1-.07 0c-.022-.007-.042-.018-.083-.059l-57.69-57.69c-.041-.041-.052-.06-.059-.084a.118.118 0 0 1 0-.069c.007-.023.018-.042.059-.083L454.073 512 166.371 224.297c-.041-.04-.052-.06-.059-.083a.118.118 0 0 1 0-.07c.007-.022.018-.042.059-.083l57.69-57.69c.041-.041.06-.052.084-.059a.118.118 0 0 1 .069 0c.023.007.042.018.083.059L512 454.073l287.703-287.702c.04-.041.06-.052.083-.059a.118.118 0 0 1 .07 0Z"},child:[]}]})(n)}e(".notification {\n /* A11y */\n outline: none;\n /* A11y */\n padding: 15px;\n margin: 10px;\n color: white;\n display: flex;\n align-items: center;\n border-radius: 5px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.success {\n background-color: #4caf50;\n}\n.info {\n background-color: #2196f3;\n}\n.warning {\n background-color: #ff9800;\n}\n.error {\n background-color: #f44336;\n}\n\n/* Positioning */\n.top-right {\n position: fixed;\n top: 20px;\n right: 20px;\n}\n\n.top-left {\n position: fixed;\n top: 20px;\n left: 20px;\n}\n\n.bottom-right {\n position: fixed;\n bottom: 20px;\n right: 20px;\n}\n\n.bottom-left {\n position: fixed;\n bottom: 20px;\n left: 20px;\n}\n\n.notification-container {\n display: flex;\n /* Stack notifications from bottom to top */\n align-items: flex-end; /* Align notifications to the right */\n}\n\n.notification-container.bottom {\n flex-direction: column-reverse;\n}\n.notification-container.top {\n flex-direction: column;\n}\n/* Positioning */\n\n.closeBtn {\n margin-left: 5px;\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n\n/* Animations */\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes popup {\n from {\n transform: scale(0.5);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@keyframes slideIn {\n from {\n transform: translateY(100%);\n }\n to {\n transform: translateY(0);\n }\n}\n\n.fadeIn {\n animation: fadeIn 0.5s;\n}\n.popup {\n animation: popup 0.5s ease-out;\n}\n.slideIn {\n animation: slideIn 0.5s ease-out;\n}\n/* Animations */\n");var b={marginRight:"10px"},h={success:n.jsx((function(n){return p({attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0 0 51.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"},child:[]},{tag:"path",attr:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"},child:[]}]})(n)}),{style:b}),info:n.jsx((function(n){return p({attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"},child:[]},{tag:"path",attr:{d:"M464 336a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"},child:[]}]})(n)}),{style:b}),warning:n.jsx((function(n){return p({attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M464 720a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm16-304v184c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V416c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8zm475.7 440l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zm-783.5-27.9L512 239.9l339.8 588.2H172.2z"},child:[]}]})(n)}),{style:b}),error:n.jsx((function(n){return p({attr:{viewBox:"0 0 1024 1024",fill:"currentColor",fillRule:"evenodd"},child:[{tag:"path",attr:{d:"M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64Zm0 76c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372Zm128.013 198.826c.023.007.042.018.083.059l45.02 45.019c.04.04.05.06.058.083a.118.118 0 0 1 0 .07c-.007.022-.018.041-.059.082L557.254 512l127.861 127.862a.268.268 0 0 1 .05.06l.009.023a.118.118 0 0 1 0 .07c-.007.022-.018.041-.059.082l-45.019 45.02c-.04.04-.06.05-.083.058a.118.118 0 0 1-.07 0c-.022-.007-.041-.018-.082-.059L512 557.254 384.14 685.115c-.042.041-.06.052-.084.059a.118.118 0 0 1-.07 0c-.022-.007-.041-.018-.082-.059l-45.02-45.019c-.04-.04-.05-.06-.058-.083a.118.118 0 0 1 0-.07c.007-.022.018-.041.059-.082L466.745 512l-127.86-127.86a.268.268 0 0 1-.05-.061l-.009-.023a.118.118 0 0 1 0-.07c.007-.022.018-.041.059-.082l45.019-45.02c.04-.04.06-.05.083-.058a.118.118 0 0 1 .07 0c.022.007.041.018.082.059L512 466.745l127.862-127.86c.04-.041.06-.052.083-.059a.118.118 0 0 1 .07 0Z"},child:[]}]})(n)}),{style:b})},m={fade:"fadeIn",pop:"popup",slide:"slideIn"},g=function(e){var o=e.type,t=void 0===o?"info":o,a=e.message,i=e.onClose,c=e.animation,l=void 0===c?"slide":c,s=r.useRef(null);r.useEffect((function(){s.current&&s.current.focus()}),[]);var d="error"===t||"warning"===t?"alert":"status",u="error"===t||"warning"===t?"assertive":"polite";return n.jsxs("div",{className:"notification ".concat(t," ").concat(m[l]),role:d,"aria-live":u,tabIndex:-1,ref:s,children:[h[t]," ",a,n.jsx("button",{className:"closeBtn",onClick:function(){return i()},children:n.jsx(x,{color:"white"})})]})},v=function(){return v=Object.assign||function(n){for(var r,e=1,o=arguments.length;e<o;e++)for(var t in r=arguments[e])Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t]);return n},v.apply(this,arguments)};function k(n,r,e,o){return new(e||(e=Promise))((function(t,a){function i(n){try{l(o.next(n))}catch(n){a(n)}}function c(n){try{l(o.throw(n))}catch(n){a(n)}}function l(n){var r;n.done?t(n.value):(r=n.value,r instanceof e?r:new e((function(n){n(r)}))).then(i,c)}l((o=o.apply(n,r||[])).next())}))}function w(n,r){var e,o,t,a={label:0,sent:function(){if(1&t[0])throw t[1];return t[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=c(0),i.throw=c(1),i.return=c(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(c){return function(l){return function(c){if(e)throw new TypeError("Generator is already executing.");for(;i&&(i=0,c[0]&&(a=0)),a;)try{if(e=1,o&&(t=2&c[0]?o.return:c[0]?o.throw||((t=o.return)&&t.call(o),0):o.next)&&!(t=t.call(o,c[1])).done)return t;switch(o=0,t&&(c=[2&c[0],t.value]),c[0]){case 0:case 1:t=c;break;case 4:return a.label++,{value:c[1],done:!1};case 5:a.label++,o=c[1],c=[0];continue;case 7:c=a.ops.pop(),a.trys.pop();continue;default:if(!(t=a.trys,(t=t.length>0&&t[t.length-1])||6!==c[0]&&2!==c[0])){a=0;continue}if(3===c[0]&&(!t||c[1]>t[0]&&c[1]<t[3])){a.label=c[1];break}if(6===c[0]&&a.label<t[1]){a.label=t[1],t=c;break}if(t&&a.label<t[2]){a.label=t[2],a.ops.push(c);break}t[2]&&a.ops.pop(),a.trys.pop();continue}c=r.call(n,a)}catch(n){c=[6,n],o=0}finally{e=t=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,l])}}}function y(n,r,e){if(e||2===arguments.length)for(var o,t=0,a=r.length;t<a;t++)!o&&t in r||(o||(o=Array.prototype.slice.call(r,0,t)),o[t]=r[t]);return n.concat(o||Array.prototype.slice.call(r))}"function"==typeof SuppressedError&&SuppressedError;for(var j,N=[],C=0;C<256;++C)N.push((C+256).toString(16).slice(1));var z=new Uint8Array(16);function S(){if(!j&&!(j="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return j(z)}var O={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function L(n,r,e){if(O.randomUUID&&!n)return O.randomUUID();var o=(n=n||{}).random||(n.rng||S)();return o[6]=15&o[6]|64,o[8]=63&o[8]|128,function(n,r=0){return(N[n[r+0]]+N[n[r+1]]+N[n[r+2]]+N[n[r+3]]+"-"+N[n[r+4]]+N[n[r+5]]+"-"+N[n[r+6]]+N[n[r+7]]+"-"+N[n[r+8]]+N[n[r+9]]+"-"+N[n[r+10]]+N[n[r+11]]+N[n[r+12]]+N[n[r+13]]+N[n[r+14]]+N[n[r+15]]).toLowerCase()}(o)}e(".grid-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n box-sizing: border-box;\r\n width: 100%;\r\n }\r\n \r\n .grid-col {\r\n box-sizing: border-box;\r\n }\r\n ");var E=function(e){var o=e.gutter,t=void 0===o?0:o,a=e.className,i=void 0===a?"":a,c=e.children,l={marginLeft:t?"-".concat(t/2,"px"):void 0,marginRight:t?"-".concat(t/2,"px"):void 0};return n.jsx("div",{className:"grid-row ".concat(i),style:l,children:r.Children.map(c,(function(n){return r.isValidElement(n)?r.cloneElement(n,v(v({},n.props),{gutter:t})):n}))})},I=function(r){var e=r.span,o=r.className,t=void 0===o?"":o,a=r.children,i=r.gutter,c=(void 0===i?0:i)/2,l={width:"".concat(e/24*100,"%"),paddingLeft:c,paddingRight:c};return n.jsx("div",{className:"grid-col ".concat(t),style:l,children:a})};e(".custom-input {\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .input-label {\r\n margin-bottom: 4px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n }\r\n \r\n .input-field {\r\n padding: 8px 12px;\r\n font-size: 14px;\r\n border: 1px solid #ccc;\r\n border-radius: 6px;\r\n outline: none;\r\n transition: border 0.2s;\r\n }\r\n \r\n .input-field:focus {\r\n border-color: #007bff;\r\n }\r\n \r\n .input-field:disabled {\r\n background-color: #f5f5f5;\r\n cursor: not-allowed;\r\n }\r\n \r\n .has-error {\r\n border-color: red;\r\n }\r\n \r\n .input-error {\r\n color: red;\r\n font-size: 12px;\r\n margin-top: 4px;\r\n }\r\n ");e(".nox-select-wrapper {\n display: inline-flex;\n flex-direction: column;\n position: relative;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.85);\n font-size: 14px;\n font-variant: tabular-nums;\n list-style: none;\n font-feature-settings: 'tnum';\n font-variant-numeric: tabular-nums;\n background-color: #fff;\n border-radius: 2px;\n transition: all 0.3s;\n}\n\n.nox-select-label {\n margin-bottom: 4px;\n color: rgba(0, 0, 0, 0.85);\n font-size: 14px;\n line-height: 1.5715;\n}\n\n.nox-select {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n padding: 4px 11px;\n background-color: #fff;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n transition: all 0.3s;\n cursor: pointer;\n width: 100%;\n min-height: 32px;\n padding-right: 32px;\n}\n\n.nox-select:hover {\n border-color: #40a9ff;\n}\n\n.nox-select-open {\n border-color: #40a9ff;\n box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\n}\n\n.nox-select-disabled {\n color: rgba(0, 0, 0, 0.25);\n background: #f5f5f5;\n cursor: not-allowed;\n}\n\n.nox-select-disabled:hover {\n border-color: #d9d9d9;\n}\n\n.nox-select-borderless {\n border: none;\n background: transparent;\n}\n\n.nox-select-borderless:hover {\n background: rgba(0, 0, 0, 0.04);\n}\n\n.nox-select-selector {\n display: flex;\n align-items: center;\n width: 100%;\n flex-direction: row;\n justify-content: flex-start;\n position: relative;\n}\n\n.nox-select-selection-search {\n flex: 0 0 auto;\n min-width: 24px;\n margin-left: 4px;\n}\n\n.nox-select-selection-search-input {\n width: 100%;\n min-width: 16px;\n background: transparent;\n border: 0;\n outline: 0;\n font-size: 14px;\n color: rgba(0, 0, 0, 0.85);\n padding: 0;\n cursor: pointer;\n}\n\n.nox-select-selection-search-input::-webkit-search-cancel-button {\n display: none;\n -webkit-appearance: none;\n}\n\n.nox-select-selection-item-container {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n max-width: 100%;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.nox-select-selection-item {\n display: flex;\n align-items: center;\n margin: 2px 0;\n padding: 0 7px;\n color: rgba(0, 0, 0, 0.65);\n font-size: 14px;\n line-height: 20px;\n background: #f0f0f0;\n border: 1px solid transparent;\n border-radius: 2px;\n cursor: default;\n transition: all 0.3s;\n max-width: 100%;\n}\n\n.nox-select-selection-item-content {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.nox-select-selection-item-remove {\n margin-left: 4px;\n color: rgba(0, 0, 0, 0.45);\n font-size: 12px;\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.nox-select-selection-item-remove:hover {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.nox-select-arrow {\n display: flex;\n align-items: center;\n color: rgba(0, 0, 0, 0.45);\n font-size: 16px;\n margin-left: auto;\n margin-right: 4px;\n pointer-events: none;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n}\n\n.nox-select-open .nox-select-arrow {\n transform: rotate(180deg);\n}\n\n.nox-select-clear {\n position: absolute;\n top: 50%;\n right: 24px;\n transform: translateY(-50%);\n color: rgba(0, 0, 0, 0.25);\n font-size: 12px;\n cursor: pointer;\n transition: all 0.3s;\n z-index: 1;\n}\n\n.nox-select-clear:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n\n.nox-select-dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n margin-top: 4px;\n padding: 4px 0;\n background-color: #fff;\n border-radius: 2px;\n box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n z-index: 1050;\n max-height: 256px;\n overflow-y: auto;\n}\n\n.nox-select-dropdown-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px;\n color: rgba(0, 0, 0, 0.45);\n}\n\n.nox-select-dropdown-loading-icon {\n display: inline-block;\n width: 14px;\n height: 14px;\n margin-right: 8px;\n border: 2px solid #d9d9d9;\n border-top-color: #1890ff;\n border-radius: 50%;\n animation: nox-spin 1s infinite linear;\n}\n\n@keyframes nox-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.nox-select-dropdown-empty {\n padding: 8px 12px;\n color: rgba(0, 0, 0, 0.25);\n text-align: center;\n}\n\n.nox-select-dropdown-menu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.nox-select-dropdown-menu-item {\n position: relative;\n display: flex;\n align-items: center;\n padding: 5px 12px;\n color: rgba(0, 0, 0, 0.85);\n font-weight: normal;\n font-size: 14px;\n line-height: 22px;\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.nox-select-dropdown-menu-item:hover {\n background-color: #f5f5f5;\n}\n\n.nox-select-dropdown-menu-item-active {\n background-color: #e6f7ff;\n}\n\n.nox-select-dropdown-menu-item-selected {\n color: #1890ff;\n font-weight: 600;\n background-color: #e6f7ff;\n}\n\n.nox-select-dropdown-menu-item-disabled {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n\n.nox-select-dropdown-menu-item-disabled:hover {\n background-color: transparent;\n}\n\n.nox-select-dropdown-menu-item-group {\n padding: 0;\n}\n\n.nox-select-dropdown-menu-item-group-title {\n padding: 5px 12px;\n color: rgba(0, 0, 0, 0.45);\n font-size: 14px;\n line-height: 22px;\n}\n\n.nox-select-dropdown-menu-item-group-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n/* Size variants */\n.nox-select-wrapper.small .nox-select {\n min-height: 24px;\n padding: 0 7px;\n}\n\n.nox-select-wrapper.small .nox-select-selection-search-input {\n height: 22px;\n}\n\n.nox-select-wrapper.large .nox-select {\n min-height: 40px;\n padding: 6px 11px;\n}\n\n.nox-select-wrapper.large .nox-select-selection-search-input {\n height: 38px;\n font-size: 16px;\n}\n\n/* 6. Hide input for single select when value is selected and not searching */\n.nox-select:not(.nox-select-open) .nox-select-selection-search-input:only-child {\n display: none;\n}\n ");e(".icon {\r\n display: inline-block;\r\n width: 1em;\r\n height: 1em;\r\n vertical-align: -0.125em;\r\n fill: currentColor;\r\n}\r\n\r\n.icon-close {\r\n position: relative;\r\n width: 14px;\r\n height: 14px;\r\n}\r\n\r\n.icon-close::before,\r\n.icon-close::after {\r\n content: '';\r\n position: absolute;\r\n width: 14px;\r\n height: 2px;\r\n background-color: currentColor;\r\n top: 6px;\r\n left: 0;\r\n}\r\n\r\n.icon-close::before {\r\n transform: rotate(45deg);\r\n}\r\n\r\n.icon-close::after {\r\n transform: rotate(-45deg);\r\n} ");var P=function(r){return n.jsx("svg",v({viewBox:"64 64 896 896",fill:"currentColor",width:"1em",height:"1em"},r,{children:n.jsx("path",{d:"M884 256h-75c-5.1 0-9.9 2.4-13 6.5L512 651.1 218 262.5a16.03 16.03 0 0 0-13-6.5H130c-6.5 0-10.4 7.4-6.5 12.7l382 493.6a16.03 16.03 0 0 0 25.1 0l382-493.6c3.9-5.3 0-12.7-6.6-12.7z"})}))},R=function(n){return void 0!==n.options};e(".nox-checkbox-wrapper {\r\n display: inline-flex;\r\n align-items: center;\r\n margin-right: 8px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n line-height: 1.5715;\r\n user-select: none;\r\n color: rgba(0, 0, 0, 0.85);\r\n transition: all 0.3s;\r\n}\r\n\r\n.nox-checkbox-wrapper:hover .nox-checkbox-inner {\r\n border-color: #1890ff;\r\n}\r\n\r\n.nox-checkbox-wrapper.nox-checkbox-checked .nox-checkbox-inner {\r\n background-color: #1890ff;\r\n border-color: #1890ff;\r\n}\r\n\r\n.nox-checkbox-wrapper.nox-checkbox-checked .nox-checkbox-inner::after {\r\n display: table;\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 22%;\r\n width: 5.71428571px;\r\n height: 9.14285714px;\r\n border: 2px solid #fff;\r\n border-top: 0;\r\n border-left: 0;\r\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\r\n opacity: 1;\r\n transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\r\n}\r\n\r\n.nox-checkbox-wrapper.nox-checkbox-indeterminate .nox-checkbox-inner {\r\n background-color: #1890ff;\r\n border-color: #1890ff;\r\n}\r\n\r\n.nox-checkbox-wrapper.nox-checkbox-indeterminate .nox-checkbox-inner::after {\r\n display: table;\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 8px;\r\n height: 8px;\r\n background-color: #fff;\r\n border: 0;\r\n transform: translate(-50%, -50%) scale(1);\r\n opacity: 1;\r\n transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\r\n}\r\n\r\n.nox-checkbox-wrapper.nox-checkbox-disabled {\r\n cursor: not-allowed;\r\n color: rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.nox-checkbox-wrapper.nox-checkbox-disabled:hover .nox-checkbox-inner {\r\n border-color: #d9d9d9;\r\n}\r\n\r\n.nox-checkbox-wrapper.nox-checkbox-disabled.nox-checkbox-checked .nox-checkbox-inner {\r\n background-color: #f5f5f5;\r\n border-color: #d9d9d9;\r\n}\r\n\r\n.nox-checkbox-wrapper.nox-checkbox-disabled.nox-checkbox-checked .nox-checkbox-inner::after {\r\n border-color: rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.nox-checkbox-wrapper.nox-checkbox-disabled.nox-checkbox-indeterminate .nox-checkbox-inner {\r\n background-color: #f5f5f5;\r\n border-color: #d9d9d9;\r\n}\r\n\r\n.nox-checkbox-wrapper.nox-checkbox-disabled.nox-checkbox-indeterminate .nox-checkbox-inner::after {\r\n background-color: rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.nox-checkbox {\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n display: inline-block;\r\n width: 16px;\r\n height: 16px;\r\n white-space: nowrap;\r\n line-height: 0;\r\n vertical-align: middle;\r\n outline: none;\r\n cursor: pointer;\r\n}\r\n\r\n.nox-checkbox-input {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1;\r\n opacity: 0;\r\n cursor: pointer;\r\n}\r\n\r\n.nox-checkbox-inner {\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n display: block;\r\n width: 16px;\r\n height: 16px;\r\n background-color: #fff;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 2px;\r\n transition: all 0.3s;\r\n}\r\n\r\n.nox-checkbox-label {\r\n padding-left: 8px;\r\n line-height: 1;\r\n}\r\n\r\n/* Size variants */\r\n.nox-checkbox-wrapper.small .nox-checkbox {\r\n width: 14px;\r\n height: 14px;\r\n}\r\n\r\n.nox-checkbox-wrapper.small .nox-checkbox-inner {\r\n width: 14px;\r\n height: 14px;\r\n}\r\n\r\n.nox-checkbox-wrapper.small .nox-checkbox-wrapper.nox-checkbox-checked .nox-checkbox-inner::after {\r\n width: 5px;\r\n height: 8px;\r\n}\r\n\r\n.nox-checkbox-wrapper.small .nox-checkbox-wrapper.nox-checkbox-indeterminate .nox-checkbox-inner::after {\r\n width: 7px;\r\n height: 7px;\r\n}\r\n\r\n.nox-checkbox-wrapper.large .nox-checkbox {\r\n width: 18px;\r\n height: 18px;\r\n}\r\n\r\n.nox-checkbox-wrapper.large .nox-checkbox-inner {\r\n width: 18px;\r\n height: 18px;\r\n}\r\n\r\n.nox-checkbox-wrapper.large .nox-checkbox-wrapper.nox-checkbox-checked .nox-checkbox-inner::after {\r\n width: 6px;\r\n height: 10px;\r\n}\r\n\r\n.nox-checkbox-wrapper.large .nox-checkbox-wrapper.nox-checkbox-indeterminate .nox-checkbox-inner::after {\r\n width: 9px;\r\n height: 9px;\r\n}\r\n\r\n/* Radio type */\r\n.nox-checkbox-wrapper input[type=\"radio\"] + .nox-checkbox-inner {\r\n border-radius: 50%;\r\n}\r\n\r\n.nox-checkbox-wrapper input[type=\"radio\"]:checked + .nox-checkbox-inner::after {\r\n display: table;\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 8px;\r\n height: 8px;\r\n background-color: #1890ff;\r\n border: 0;\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%) scale(1);\r\n opacity: 1;\r\n transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\r\n}\r\n\r\n.nox-checkbox-wrapper.nox-checkbox-disabled input[type=\"radio\"]:checked + .nox-checkbox-inner::after {\r\n background-color: rgba(0, 0, 0, 0.25);\r\n}\r\n ");e('/* Wrapper for the entire radio group */\n.radio-group-wrapper {\n margin-bottom: 24px;\n}\n\n/* Optional label for group */\n.radio-group-label {\n font-weight: 600;\n margin-bottom: 8px;\n display: block;\n}\n\n/* Layout directions */\n.radio-group.vertical .custom-radio {\n display: block;\n margin-bottom: 8px;\n}\n\n.radio-group.horizontal .custom-radio {\n display: inline-flex;\n margin-right: 16px;\n}\n\n/* Main custom radio container */\n.custom-radio {\n display: inline-flex;\n align-items: center;\n position: relative;\n padding-left: 28px;\n cursor: pointer;\n font-size: 16px;\n user-select: none;\n color: #000;\n}\n\n/* Hide native radio */\n.custom-radio input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n}\n\n/* Outer circle (radio ring) */\n.radio-dot {\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n height: 18px;\n width: 18px;\n background-color: #fff;\n border: 2px solid #007aff; /* Blue ring */\n border-radius: 50%;\n box-sizing: border-box;\n transition: background-color 0.2s ease;\n}\n\n/* Inner dot when checked */\n.custom-radio input:checked + .radio-dot::after {\n content: "";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 8px;\n height: 8px;\n background-color: #007aff; /* Inner blue dot */\n border-radius: 50%;\n}\n\n/* Disabled state */\n.custom-radio.disabled {\n opacity: 0.6;\n pointer-events: none;\n}\n');e(".date-input-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .date-label {\r\n font-size: 14px;\r\n margin-bottom: 4px;\r\n }\r\n \r\n .date-input {\r\n padding: 8px 12px;\r\n font-size: 14px;\r\n border: 1px solid #ccc;\r\n border-radius: 6px;\r\n }\r\n ");e('.custom-table-wrapper {\r\n width: 100%;\r\n overflow-x: auto;\r\n position: relative;\r\n}\r\n\r\n.custom-table {\r\n width: 100%;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n text-align: left;\r\n border-radius: 8px;\r\n border: 1px solid #f0f0f0;\r\n}\r\n\r\n.custom-table thead {\r\n position: sticky;\r\n top: 0;\r\n z-index: 1;\r\n background: #fafafa;\r\n}\r\n\r\n.custom-table th {\r\n background: #fafafa;\r\n color: rgba(0, 0, 0, 0.85);\r\n font-weight: 500;\r\n padding: 16px;\r\n border-bottom: 1px solid #f0f0f0;\r\n transition: background 0.3s ease;\r\n}\r\n\r\n.custom-table td {\r\n padding: 16px;\r\n border-bottom: 1px solid #f0f0f0;\r\n transition: background 0.3s ease;\r\n background: white;\r\n}\r\n\r\n/* Checkbox styles */\r\n.checkbox-column {\r\n width: 48px;\r\n text-align: center;\r\n padding: 16px 8px !important;\r\n}\r\n\r\n.checkbox-column input[type="checkbox"] {\r\n width: 16px;\r\n height: 16px;\r\n margin: 0;\r\n cursor: pointer;\r\n position: relative;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 2px;\r\n transition: all 0.3s;\r\n background-color: #fff;\r\n appearance: none;\r\n -webkit-appearance: none;\r\n}\r\n\r\n.checkbox-column input[type="checkbox"]:checked {\r\n background-color: #1890ff;\r\n border-color: #1890ff;\r\n}\r\n\r\n.checkbox-column input[type="checkbox"]:checked::after {\r\n content: \'\';\r\n position: absolute;\r\n left: 4px;\r\n top: 1px;\r\n width: 6px;\r\n height: 9px;\r\n border: 2px solid #fff;\r\n border-top: 0;\r\n border-left: 0;\r\n transform: rotate(45deg);\r\n}\r\n\r\n.checkbox-column input[type="checkbox"]:indeterminate {\r\n background-color: #1890ff;\r\n border-color: #1890ff;\r\n}\r\n\r\n.checkbox-column input[type="checkbox"]:indeterminate::after {\r\n content: \'\';\r\n position: absolute;\r\n left: 3px;\r\n top: 7px;\r\n width: 8px;\r\n height: 2px;\r\n background: #fff;\r\n}\r\n\r\n.selected-row {\r\n background-color: #e6f7ff;\r\n}\r\n\r\n.selected-row:hover {\r\n background-color: #e6f7ff !important;\r\n}\r\n\r\n.custom-table tbody tr:hover {\r\n background-color: #fafafa;\r\n}\r\n\r\n.custom-table tbody tr:last-child td {\r\n border-bottom: none;\r\n}\r\n\r\n/* Enhanced Pagination */\r\n.table-pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n padding: 16px;\r\n gap: 8px;\r\n}\r\n\r\n.pagination-button {\r\n min-width: 32px;\r\n height: 32px;\r\n padding: 0 6px;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 2px;\r\n background: white;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.pagination-button:hover:not(:disabled) {\r\n color: #40a9ff;\r\n border-color: #40a9ff;\r\n}\r\n\r\n.pagination-button:disabled {\r\n cursor: not-allowed;\r\n color: rgba(0, 0, 0, 0.25);\r\n background: #f5f5f5;\r\n}\r\n\r\n.pagination-button.active {\r\n background: #1890ff;\r\n border-color: #1890ff;\r\n color: white;\r\n}\r\n\r\n.pagination-button.active:hover {\r\n background: #40a9ff;\r\n border-color: #40a9ff;\r\n color: white;\r\n}\r\n\r\n.pagination-button.ellipsis {\r\n border: none;\r\n padding: 0 8px;\r\n}\r\n\r\n.page-size-select {\r\n margin-left: 8px;\r\n padding: 4px 8px;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 2px;\r\n background: white;\r\n cursor: pointer;\r\n min-width: 90px;\r\n height: 32px;\r\n}\r\n\r\n.page-size-select:hover {\r\n border-color: #40a9ff;\r\n}\r\n\r\n.page-size-select:focus {\r\n outline: none;\r\n border-color: #40a9ff;\r\n box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* Loading styles */\r\n.table-loading {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 16px;\r\n text-align: center;\r\n background: rgba(255, 255, 255, 0.9);\r\n border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.loading-spinner {\r\n display: inline-block;\r\n position: relative;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.spinner {\r\n box-sizing: border-box;\r\n display: block;\r\n position: absolute;\r\n width: 24px;\r\n height: 24px;\r\n border: 2px solid #1890ff;\r\n border-radius: 50%;\r\n animation: spin 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;\r\n border-color: #1890ff transparent transparent transparent;\r\n}\r\n\r\n@keyframes spin {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n/* Tags styling */\r\n.table-tag {\r\n display: inline-block;\r\n padding: 0 7px;\r\n font-size: 12px;\r\n line-height: 20px;\r\n border-radius: 2px;\r\n margin-right: 8px;\r\n}\r\n\r\n.table-tag-nice {\r\n background: #f6ffed;\r\n border: 1px solid #b7eb8f;\r\n color: #52c41a;\r\n}\r\n\r\n.table-tag-developer {\r\n background: #e6f7ff;\r\n border: 1px solid #91d5ff;\r\n color: #1890ff;\r\n}\r\n\r\n.table-tag-cool {\r\n background: #f9f0ff;\r\n border: 1px solid #d3adf7;\r\n color: #722ed1;\r\n}\r\n\r\n.table-tag-teacher {\r\n background: #fff7e6;\r\n border: 1px solid #ffd591;\r\n color: #fa8c16;\r\n}\r\n\r\n.table-tag-loser {\r\n background: #fff2f0;\r\n border: 1px solid #ffccc7;\r\n color: #ff4d4f;\r\n}\r\n\r\n/* Action links */\r\n.table-action-link {\r\n color: #1890ff;\r\n text-decoration: none;\r\n margin-right: 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.table-action-link:hover {\r\n color: #40a9ff;\r\n}\r\n\r\n.table-action-link.delete {\r\n color: #ff4d4f;\r\n}\r\n\r\n.table-action-link.delete:hover {\r\n color: #ff7875;\r\n}\r\n\r\n.pagination-current {\r\n min-width: 32px;\r\n height: 32px;\r\n line-height: 32px;\r\n text-align: center;\r\n border-radius: 2px;\r\n background: #1890ff;\r\n color: white;\r\n display: inline-block;\r\n} ');e("/* src/components/Form/Form.css */\r\n.custom-form {\r\n width: 100%;\r\n }\r\n \r\n .custom-form.layout-horizontal .form-item {\r\n margin-bottom: 24px;\r\n }\r\n \r\n .custom-form.layout-vertical .form-item {\r\n margin-bottom: 16px;\r\n }\r\n \r\n .custom-form.layout-inline .form-item {\r\n display: inline-flex;\r\n align-items: center;\r\n margin-right: 16px;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .form-item label {\r\n display: inline-block;\r\n margin-bottom: 8px;\r\n color: rgba(0, 0, 0, 0.85);\r\n font-size: 14px;\r\n }\r\n \r\n .form-item label.required::before {\r\n content: '*';\r\n color: #ff4d4f;\r\n margin-right: 4px;\r\n }\r\n \r\n .form-item.has-error .input-field,\r\n .form-item.has-error .custom-select,\r\n .form-item.has-error .date-input {\r\n border-color: #ff4d4f;\r\n }\r\n \r\n .error-message {\r\n color: #ff4d4f;\r\n font-size: 12px;\r\n margin-top: 4px;\r\n }\r\n \r\n /* Layout specific styles */\r\n .layout-horizontal .form-item {\r\n display: flex;\r\n align-items: flex-start;\r\n }\r\n \r\n .layout-vertical .form-item {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .layout-inline .form-item {\r\n margin-right: 16px;\r\n }\r\n \r\n .layout-inline label {\r\n margin-right: 8px;\r\n margin-bottom: 0;\r\n }");var M=r.createContext(void 0);e("/* src/components/Textarea/Textarea.css */\r\n.custom-textarea {\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.textarea-label {\r\n margin-bottom: 4px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: rgba(0, 0, 0, 0.85);\r\n}\r\n\r\n.textarea-container {\r\n position: relative;\r\n}\r\n\r\n.textarea-field {\r\n width: 100%;\r\n padding: 8px 12px;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 6px;\r\n outline: none;\r\n transition: all 0.3s;\r\n resize: vertical;\r\n min-height: 32px;\r\n font-family: inherit;\r\n}\r\n\r\n.textarea-field:focus {\r\n border-color: #40a9ff;\r\n box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n.textarea-field:hover {\r\n border-color: #40a9ff;\r\n}\r\n\r\n.textarea-field:disabled {\r\n background-color: #f5f5f5;\r\n cursor: not-allowed;\r\n color: rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.textarea-field.has-error {\r\n border-color: #ff4d4f;\r\n}\r\n\r\n.textarea-field.has-error:focus {\r\n box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);\r\n}\r\n\r\n.textarea-error {\r\n color: #ff4d4f;\r\n font-size: 12px;\r\n margin-top: 4px;\r\n}\r\n\r\n.textarea-count {\r\n position: absolute;\r\n bottom: 8px;\r\n right: 8px;\r\n font-size: 12px;\r\n color: rgba(0, 0, 0, 0.45);\r\n background: rgba(255, 255, 255, 0.8);\r\n padding: 2px 4px;\r\n border-radius: 4px;\r\n}");e(".nox-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n margin: 0 8px 8px 0;\r\n padding: 0 7px;\r\n font-size: 14px;\r\n line-height: 20px;\r\n white-space: nowrap;\r\n background: #fafafa;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 2px;\r\n cursor: default;\r\n transition: all 0.3s;\r\n color: rgba(0, 0, 0, 0.85);\r\n}\r\n\r\n.nox-tag:hover {\r\n color: #40a9ff;\r\n background: #fff;\r\n border-color: #40a9ff;\r\n}\r\n\r\n.nox-tag-content {\r\n display: inline-block;\r\n margin-right: 0;\r\n}\r\n\r\n.nox-tag-close {\r\n margin-left: 3px;\r\n color: rgba(0, 0, 0, 0.45);\r\n font-size: 12px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n}\r\n\r\n.nox-tag-close:hover {\r\n color: rgba(0, 0, 0, 0.85);\r\n}\r\n\r\n/* Preset colors */\r\n.nox-tag-blue {\r\n color: #1890ff;\r\n background: #e6f7ff;\r\n border-color: #91d5ff;\r\n}\r\n\r\n.nox-tag-green {\r\n color: #52c41a;\r\n background: #f6ffed;\r\n border-color: #b7eb8f;\r\n}\r\n\r\n.nox-tag-red {\r\n color: #f5222d;\r\n background: #fff1f0;\r\n border-color: #ffa39e;\r\n}\r\n\r\n.nox-tag-orange {\r\n color: #fa8c16;\r\n background: #fff7e6;\r\n border-color: #ffd591;\r\n}\r\n\r\n.nox-tag-purple {\r\n color: #722ed1;\r\n background: #f9f0ff;\r\n border-color: #d3adf7;\r\n}\r\n\r\n.nox-tag-cyan {\r\n color: #13c2c2;\r\n background: #e6fffb;\r\n border-color: #87e8de;\r\n} ");exports.Button=function(r){var e=r.label,o=r.onClick,t=r.backgroundColor,a=r.borderRadius,i=r.disabled,c=void 0!==i&&i,l=r.loading,s=void 0!==l&&l,d=r.theme,u=void 0===d?"light":d,p=r.variant,f=void 0===p?"primary":p,x=r.className,b=void 0===x?"":x,h={backgroundColor:t,borderRadius:a};return n.jsx("button",{className:"custom-button ".concat(f," ").concat(u," ").concat(b),style:h,onClick:o,disabled:c||s,children:s?n.jsx("span",{className:"spinner"}):e})},exports.Checkbox=function(e){var o=e.label,t=e.checked,a=void 0!==t&&t,i=e.defaultChecked,c=void 0!==i&&i,l=e.indeterminate,s=void 0!==l&&l,d=e.disabled,u=void 0!==d&&d,p=e.className,f=void 0===p?"":p,x=e.style,b=e.onChange,h=void 0===b?function(){}:b,m=e.onClick,g=e.onMouseEnter,v=e.onMouseLeave,k=e.value,w=e.name,y=e.id,j=e.autoFocus,N=void 0!==j&&j,C=e.type,z=void 0===C?"checkbox":C,S=e.size,O=void 0===S?"default":S,L=r.useState(void 0!==a?a:c),E=L[0],I=L[1],P=r.useRef(null),R=void 0!==a;r.useEffect((function(){R&&I(a)}),[a,R]),r.useEffect((function(){P.current&&(P.current.indeterminate=s)}),[s]);var M=R?a:E;return n.jsxs("label",{className:"nox-checkbox-wrapper ".concat(f," ").concat(O," ").concat(u?"nox-checkbox-disabled":""," ").concat(M?"nox-checkbox-checked":""," ").concat(s?"nox-checkbox-indeterminate":""),style:x,onClick:function(n){u?n.preventDefault():null==m||m(n)},onMouseEnter:g,onMouseLeave:v,children:[n.jsxs("span",{className:"nox-checkbox",children:[n.jsx("input",{ref:P,type:z,className:"nox-checkbox-input",checked:M,defaultChecked:c,disabled:u,onChange:function(n){R||I(n.target.checked),null==h||h({target:{checked:n.target.checked}})},value:k,name:w,id:y,autoFocus:N}),n.jsx("span",{className:"nox-checkbox-inner"})]}),o&&n.jsx("span",{className:"nox-checkbox-label",children:o})]})},exports.Col=I,exports.DateInput=function(r){var e=r.label,o=r.value,t=r.onChange,a=r.disabled,i=void 0!==a&&a,c=r.className,l=void 0===c?"":c;return n.jsxs("div",{className:"date-input-wrapper ".concat(l),children:[e&&n.jsx("label",{className:"date-label",children:e}),n.jsx("input",{type:"date",value:o,onChange:function(n){return t(n.target.value)},disabled:i,className:"date-input"})]})},exports.Form=function(e){var o=e.initialValues,t=void 0===o?{}:o,a=e.layout,i=void 0===a?"horizontal":a,c=e.onFinish,l=e.onFinishFailed,s=e.children,d=e.className,u=void 0===d?"":d,p=e.validationRules,f=void 0===p?{}:p,x=r.useState(t),b=x[0],h=x[1],m=r.useState({}),g=m[0],y=m[1],j=r.useState({}),N=j[0],C=j[1],z=function(n,r){y((function(e){var o;return v(v({},e),((o={})[n]=r,o))}))},S=function(n,r){return k(void 0,void 0,void 0,(function(){var e,o,t,a,i,c;return w(this,(function(l){switch(l.label){case 0:e=f[n]||[],o="",t=0,a=e,l.label=1;case 1:if(!(t<a.length))return[3,7];i=a[t],l.label=2;case 2:return l.trys.push([2,5,,6]),i.required&&!r?(o=i.message||"This field is required",[3,7]):i.pattern&&!i.pattern.test(r)?(o=i.message||"Invalid format",[3,7]):i.validator?[4,i.validator(r)]:[3,4];case 3:l.sent(),l.label=4;case 4:return"email"!==i.type||/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r)?void 0!==i.min&&(r.length<i.min||r<i.min)?(o=i.message||"Minimum value is ".concat(i.min),[3,7]):void 0!==i.max&&(r.length>i.max||r>i.max)?(o=i.message||"Maximum value is ".concat(i.max),[3,7]):[3,6]:(o=i.message||"Invalid email format",[3,7]);case 5:return c=l.sent(),o=c instanceof Error?c.message:"Validation failed",[3,7];case 6:return t++,[3,1];case 7:return z(n,o),[2,!o]}}))}))};return n.jsx(M.Provider,{value:{values:b,errors:g,touched:N,layout:i,setFieldValue:function(n,r){h((function(e){var o;return v(v({},e),((o={})[n]=r,o))})),S(n,r)},setFieldTouched:function(n,r){C((function(e){var o;return v(v({},e),((o={})[n]=r,o))}))},setFieldError:z},children:n.jsx("form",{className:"custom-form layout-".concat(i," ").concat(u),onSubmit:function(n){return k(void 0,void 0,void 0,(function(){return w(this,(function(r){switch(r.label){case 0:return n.preventDefault(),[4,k(void 0,void 0,void 0,(function(){var n;return w(this,(function(r){switch(r.label){case 0:return n=Object.keys(f),[4,Promise.all(n.map((function(n){return S(n,b[n])})))];case 1:return[2,r.sent().every(Boolean)]}}))}))];case 1:return r.sent()?null==c||c(b):null==l||l(g),[2]}}))}))},children:s})})},exports.FormItem=function(e){var o=e.label,t=e.name,a=e.children,i=e.required,c=e.className,l=void 0===c?"":c,s=r.useContext(M);if(!s)throw new Error("FormItem must be used within Form");var d=s.layout,u=s.values,p=s.errors,f=s.touched,x=s.setFieldValue,b=s.setFieldTouched,h=f[t]&&p[t],m=r.Children.only(a),g={value:u[t],onChange:function(n){x(t,n)},onBlur:function(){b(t,!0)},error:h},v=function(){return r.cloneElement(m,g)};return"inline"===d?n.jsxs("div",{className:"form-item inline ".concat(l," ").concat(h?"has-error":""),children:[o&&n.jsx("label",{className:i?"required":"",children:o}),v(),h&&n.jsx("div",{className:"error-message",children:h})]}):"vertical"===d?n.jsxs("div",{className:"form-item vertical ".concat(l," ").concat(h?"has-error":""),children:[o&&n.jsx("label",{className:i?"required":"",children:o}),v(),h&&n.jsx("div",{className:"error-message",children:h})]}):n.jsxs(E,{className:"form-item horizontal ".concat(l," ").concat(h?"has-error":""),children:[n.jsx(I,{span:6,children:o&&n.jsx("label",{className:i?"required":"",children:o})}),n.jsxs(I,{span:18,children:[v(),h&&n.jsx("div",{className:"error-message",children:h})]})]})},exports.Icon=function(r){var e=r.name,o=r.className,t=void 0===o?"":o,a=r.style,i=r.onClick;return n.jsx("span",{className:"icon icon-".concat(e," ").concat(t),style:a,onClick:i})},exports.Input=function(r){var e=r.type,o=void 0===e?"text":e,t=r.label,a=r.placeholder,i=r.value,c=void 0===i?"":i,l=r.onChange,s=void 0===l?function(){}:l,d=r.disabled,u=void 0!==d&&d,p=r.error,f=r.className,x=void 0===f?"":f;return n.jsxs("div",{className:"custom-input ".concat(x),children:[t&&n.jsx("label",{className:"input-label",children:t}),n.jsx("input",{className:"input-field ".concat(p?"has-error":""),type:o,placeholder:a,value:c,onChange:function(n){return s(n.target.value)},disabled:u}),p&&n.jsx("span",{className:"input-error",children:p})]})},exports.Notification=g,exports.Radio=function(r){var e=r.label,o=r.name,t=r.value,a=r.onChange,i=r.options,c=void 0===i?[]:i,l=r.disabled,s=void 0!==l&&l,d=r.direction,u=void 0===d?"vertical":d,p=r.className,f=void 0===p?"":p;return n.jsxs("div",{className:"radio-group-wrapper ".concat(u," ").concat(f),children:[e&&n.jsx("div",{className:"radio-group-label",children:e}),n.jsx("div",{className:"radio-group ".concat(u),children:c.map((function(r,e){return n.jsxs("label",{className:"custom-radio ".concat(r.disabled||s?"disabled":""),children:[n.jsx("input",{type:"radio",name:o,value:r.value,checked:t===r.value,onChange:function(){return a(r.value)},disabled:r.disabled||s}),n.jsx("span",{className:"radio-dot"}),r.label]},e)}))})]})},exports.Row=E,exports.Select=function(e){var o=e.label,t=e.value,a=e.defaultValue,i=e.onChange,c=e.options,l=e.placeholder,s=void 0===l?"Select an option":l,d=e.disabled,u=void 0!==d&&d,p=e.className,f=void 0===p?"":p,x=e.multiple,b=void 0!==x&&x,h=e.allowClear,m=void 0!==h&&h;e.showSearch;var g=e.style,v=e.dropdownStyle,k=e.dropdownClassName,w=void 0===k?"":k,j=e.notFoundContent,N=void 0===j?"No data":j,C=e.mode,z=e.maxTagCount,S=e.maxTagTextLength,O=e.maxTagPlaceholder,L=e.loading,E=void 0!==L&&L,I=e.size,M=void 0===I?"middle":I,T=e.bordered,F=void 0===T||T,A=e.suffixIcon,B=e.clearIcon,D=e.removeIcon,V=e.menuItemSelectedIcon;e.getPopupContainer;var U=e.onDropdownVisibleChange,q=e.onSearch,H=e.onSelect,K=e.onDeselect,Y=e.onClear,Z=e.onBlur,W=e.onFocus,G=r.useState(!1),$=G[0],J=G[1],Q=r.useState(""),X=Q[0],_=Q[1],nn=r.useState(t?Array.isArray(t)?t:[t]:a?Array.isArray(a)?a:[a]:[]),rn=nn[0],en=nn[1],on=r.useState(null),tn=on[0],an=on[1],cn=r.useRef(null),ln=r.useRef(null),sn=r.useRef(null);r.useEffect((function(){void 0!==t&&en(Array.isArray(t)?t:[t])}),[t]),r.useEffect((function(){var n=function(n){cn.current&&!cn.current.contains(n.target)&&sn.current&&!sn.current.contains(n.target)&&J(!1)};return document.addEventListener("mousedown",n),function(){document.removeEventListener("mousedown",n)}}),[]),r.useEffect((function(){$&&ln.current&&ln.current.focus()}),[$]);var dn=function(n){var r;n.disabled||(b||"multiple"===C||"tags"===C?rn.includes(n.value)?(r=rn.filter((function(r){return r!==n.value})),null==K||K(n.value,n)):(r=y(y([],rn,!0),[n.value],!1),null=