@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 kB
JavaScript
import{jsx as n,jsxs as r,Fragment as e}from"react/jsx-runtime";import o,{useRef as t,useEffect as a,useState as i,useCallback as c,isValidElement as l,createContext as s,useContext as d}from"react";function p(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))}}p(".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 u=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,p=void 0===d?"light":d,u=r.variant,f=void 0===u?"primary":u,x=r.className,b=void 0===x?"":x,h={backgroundColor:t,borderRadius:a};return n("button",{className:"custom-button ".concat(f," ").concat(p," ").concat(b),style:h,onClick:o,disabled:c||s,children:s?n("span",{className:"spinner"}):e})},f={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},x=o.createContext&&o.createContext(f),b=["attr","size","title"];function h(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 m(){return m=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},m.apply(this,arguments)}function g(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 v(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?g(Object(e),!0).forEach((function(r){k(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):g(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function k(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 w(n){return n&&n.map(((n,r)=>o.createElement(n.tag,v({key:r},n.attr),w(n.child))))}function y(n){return r=>o.createElement(N,m({attr:v({},n.attr)},r),w(n.child))}function N(n){var r=r=>{var e,{attr:t,size:a,title:i}=n,c=h(n,b),l=a||r.size||"1em";return r.className&&(e=r.className),n.className&&(e=(e?e+" ":"")+n.className),o.createElement("svg",m({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,t,c,{className:e,style:v(v({color:n.color||r.color},r.style),n.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),i&&o.createElement("title",null,i),n.children)};return void 0!==x?o.createElement(x.Consumer,null,(n=>r(n))):r(f)}function C(n){return y({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)}p(".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 z={marginRight:"10px"},O={success:n((function(n){return y({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:z}),info:n((function(n){return y({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:z}),warning:n((function(n){return y({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:z}),error:n((function(n){return y({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:z})},S={fade:"fadeIn",pop:"popup",slide:"slideIn"},L=function(e){var o=e.type,i=void 0===o?"info":o,c=e.message,l=e.onClose,s=e.animation,d=void 0===s?"slide":s,p=t(null);a((function(){p.current&&p.current.focus()}),[]);var u="error"===i||"warning"===i?"alert":"status",f="error"===i||"warning"===i?"assertive":"polite";return r("div",{className:"notification ".concat(i," ").concat(S[d]),role:u,"aria-live":f,tabIndex:-1,ref:p,children:[O[i]," ",c,n("button",{className:"closeBtn",onClick:function(){return l()},children:n(C,{color:"white"})})]})},j=function(){return j=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},j.apply(this,arguments)};function P(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 E(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 I(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 M,R=[],T=0;T<256;++T)R.push((T+256).toString(16).slice(1));var A=new Uint8Array(16);function F(){if(!M&&!(M="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 M(A)}var B={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function D(n,r,e){if(B.randomUUID&&!n)return B.randomUUID();var o=(n=n||{}).random||(n.rng||F)();return o[6]=15&o[6]|64,o[8]=63&o[8]|128,function(n,r=0){return(R[n[r+0]]+R[n[r+1]]+R[n[r+2]]+R[n[r+3]]+"-"+R[n[r+4]]+R[n[r+5]]+"-"+R[n[r+6]]+R[n[r+7]]+"-"+R[n[r+8]]+R[n[r+9]]+"-"+R[n[r+10]]+R[n[r+11]]+R[n[r+12]]+R[n[r+13]]+R[n[r+14]]+R[n[r+15]]).toLowerCase()}(o)}var V=function(r){void 0===r&&(r="bottom-right");var e=i([]),o=e[0],t=e[1],a=c((function(n){var r=D();t((function(e){return I(I([],e,!0),[j({id:r},n)],!1)})),setTimeout((function(){t((function(n){return n.filter((function(n){return n.id!==r}))}))}),n.duration)}),[]);return{NotificationComponent:n("div",{className:"notification-container ".concat(r," ").concat("string"==typeof r?r.split("-")[0]:"bottom"),children:o.map((function(r,e){return n(L,j({},r,{onClose:function(){return function(n){t((function(r){var e=I([],r,!0);return e.splice(n,1),e}))}(e)}}),r.id)}))}),triggerNotification:a}};p(".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 U=function(r){var e=r.gutter,t=void 0===e?0:e,a=r.className,i=void 0===a?"":a,c=r.children,s={marginLeft:t?"-".concat(t/2,"px"):void 0,marginRight:t?"-".concat(t/2,"px"):void 0};return n("div",{className:"grid-row ".concat(i),style:s,children:o.Children.map(c,(function(n){return l(n)?o.cloneElement(n,j(j({},n.props),{gutter:t})):n}))})},H=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("div",{className:"grid-col ".concat(t),style:l,children:a})};p(".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 ");var K=function(e){var o=e.type,t=void 0===o?"text":o,a=e.label,i=e.placeholder,c=e.value,l=void 0===c?"":c,s=e.onChange,d=void 0===s?function(){}:s,p=e.disabled,u=void 0!==p&&p,f=e.error,x=e.className;return r("div",{className:"custom-input ".concat(void 0===x?"":x),children:[a&&n("label",{className:"input-label",children:a}),n("input",{className:"input-field ".concat(f?"has-error":""),type:t,placeholder:i,value:l,onChange:function(n){return d(n.target.value)},disabled:u}),f&&n("span",{className:"input-error",children:f})]})};p(".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 ");p(".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 q=function(r){var e=r.name,o=r.className,t=void 0===o?"":o,a=r.style,i=r.onClick;return n("span",{className:"icon icon-".concat(e," ").concat(t),style:a,onClick:i})},Y=function(r){return n("svg",j({viewBox:"64 64 896 896",fill:"currentColor",width:"1em",height:"1em"},r,{children:n("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"})}))},Z=function(n){return void 0!==n.options},W=function(o){var c=o.label,l=o.value,s=o.defaultValue,d=o.onChange,p=o.options,u=o.placeholder,f=void 0===u?"Select an option":u,x=o.disabled,b=void 0!==x&&x,h=o.className,m=void 0===h?"":h,g=o.multiple,v=void 0!==g&&g,k=o.allowClear,w=void 0!==k&&k;o.showSearch;var y=o.style,N=o.dropdownStyle,C=o.dropdownClassName,z=void 0===C?"":C,O=o.notFoundContent,S=void 0===O?"No data":O,L=o.mode,j=o.maxTagCount,P=o.maxTagTextLength,E=o.maxTagPlaceholder,M=o.loading,R=void 0!==M&&M,T=o.size,A=void 0===T?"middle":T,F=o.bordered,B=void 0===F||F,D=o.suffixIcon,V=o.clearIcon,U=o.removeIcon,H=o.menuItemSelectedIcon;o.getPopupContainer;var K=o.onDropdownVisibleChange,q=o.onSearch,W=o.onSelect,G=o.onDeselect,$=o.onClear,J=o.onBlur,Q=o.onFocus,X=i(!1),_=X[0],nn=X[1],rn=i(""),en=rn[0],on=rn[1],tn=i(l?Array.isArray(l)?l:[l]:s?Array.isArray(s)?s:[s]:[]),an=tn[0],cn=tn[1],ln=i(null),sn=ln[0],dn=ln[1],pn=t(null),un=t(null),fn=t(null);a((function(){void 0!==l&&cn(Array.isArray(l)?l:[l])}),[l]),a((function(){var n=function(n){pn.current&&!pn.current.contains(n.target)&&fn.current&&!fn.current.contains(n.target)&&nn(!1)};return document.addEventListener("mousedown",n),function(){document.removeEventListener("mousedown",n)}}),[]),a((function(){_&&un.current&&un.current.focus()}),[_]);var xn=function(n){var r;n.disabled||(v||"multiple"===L||"tags"===L?an.includes(n.value)?(r=an.filter((function(r){return r!==n.value})),null==G||G(n.value,n)):(r=I(I([],an,!0),[n.value],!1),null==W||W(n.value,n)):(r=[n.value],null==W||W(n.value,n),nn(!1)),cn(r),null==d||d(v||"multiple"===L||"tags"===L?r:r[0]))},bn=function(n,r){n.stopPropagation();var e=an.filter((function(n){return n!==r}));cn(e),null==d||d(e);var o=hn(r);o&&(null==G||G(r,o))},hn=function(n){for(var r=0,e=p;r<e.length;r++){var o=e[r];if(Z(o)){var t=o.options.find((function(r){return r.value===n}));if(t)return t}else if(o.value===n)return o}},mn=function(n){var r=hn(n);return r?r.label:n};return r("div",{className:"nox-select-wrapper ".concat(m," ").concat(A," ").concat(B?"":"nox-select-borderless"),style:y,ref:pn,children:[c&&n("label",{className:"nox-select-label",children:c}),r("div",{className:"nox-select ".concat(_?"nox-select-open":""," ").concat(b?"nox-select-disabled":""),onClick:function(){b||(nn(!_),null==K||K(!_))},onFocus:Q,onBlur:J,children:[n("div",{className:"nox-select-selector",children:n("div",_||en?{className:"nox-select-selection-search nox-select-selection-search--active",children:n("input",{ref:un,className:"nox-select-selection-search-input",value:en,onChange:function(n){var r=n.target.value;on(r),null==q||q(r)},placeholder:0===an.length?f:"",disabled:b,onClick:function(n){return n.stopPropagation()}})}:{className:"nox-select-selection-item-container",children:function(){if(!v&&"multiple"!==L&&"tags"!==L)return an.length>0?mn(an[0]):null;if(j&&an.length>j){var o=an.slice(0,j),t=an.slice(j);return r(e,{children:[o.map((function(e){return r("span",{className:"nox-select-selection-item",children:[n("span",{className:"nox-select-selection-item-content",children:P&&mn(e).length>P?"".concat(mn(e).slice(0,P),"..."):mn(e)}),n("span",{className:"nox-select-selection-item-remove",onClick:function(n){return bn(n,e)},children:U||"×"})]},e)})),E?E(t):n("span",{className:"nox-select-selection-item",children:r("span",{className:"nox-select-selection-item-content",children:["+",an.length-j," ..."]})})]})}return an.map((function(e){return r("span",{className:"nox-select-selection-item",children:[n("span",{className:"nox-select-selection-item-content",children:P&&mn(e).length>P?"".concat(mn(e).slice(0,P),"..."):mn(e)}),n("span",{className:"nox-select-selection-item-remove",onClick:function(n){return bn(n,e)},children:U||"×"})]},e)}))}()})}),n("span",{className:"nox-select-arrow",children:D||n(Y,{})}),w&&an.length>0&&!b&&n("span",{className:"nox-select-clear",onClick:function(n){n.stopPropagation(),cn([]),null==d||d(v||"multiple"===L||"tags"===L?[]:""),null==$||$()},children:V||n("span",{className:"nox-select-clear-icon",children:n("svg",{viewBox:"64 64 896 896",focusable:"false","data-icon":"close-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",children:n("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.8 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359c-1.2-1.5-1.9-3.3-1.9-5.2 0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"})})})})]}),function(){if(!_)return null;var e=p.filter((function(n){return Z(n)?n.options.some((function(n){return n.label.toLowerCase().includes(en.toLowerCase())})):n.label.toLowerCase().includes(en.toLowerCase())})),o=e.some((function(n){return!Z(n)||n.options.length>0}));return n("div",{className:"nox-select-dropdown ".concat(z),style:N,ref:fn,children:R?r("div",{className:"nox-select-dropdown-loading",children:[n("span",{className:"nox-select-dropdown-loading-icon"}),n("span",{className:"nox-select-dropdown-loading-text",children:"Loading..."})]}):o?n("ul",{className:"nox-select-dropdown-menu",children:e.map((function(e,o){return Z(e)?r("li",{className:"nox-select-dropdown-menu-item-group",children:[n("div",{className:"nox-select-dropdown-menu-item-group-title",children:e.label}),n("ul",{className:"nox-select-dropdown-menu-item-group-list",children:e.options.map((function(e){return r("li",{className:"nox-select-dropdown-menu-item ".concat(an.includes(e.value)?"nox-select-dropdown-menu-item-selected":""," ").concat(e.disabled?"nox-select-dropdown-menu-item-disabled":""," ").concat(sn===e.value?"nox-select-dropdown-menu-item-active":""),onMouseEnter:function(){return dn(e.value)},onMouseLeave:function(){return dn(null)},onClick:function(){return xn(e)},children:[n("span",{className:"nox-select-dropdown-menu-item-content",children:e.label}),an.includes(e.value)&&H&&n("span",{className:"nox-select-dropdown-menu-item-selected-icon",children:H})]},e.value)}))})]},o):r("li",{className:"nox-select-dropdown-menu-item ".concat(an.includes(e.value)?"nox-select-dropdown-menu-item-selected":""," ").concat(e.disabled?"nox-select-dropdown-menu-item-disabled":""," ").concat(sn===e.value?"nox-select-dropdown-menu-item-active":""),onMouseEnter:function(){return dn(e.value)},onMouseLeave:function(){return dn(null)},onClick:function(){return xn(e)},children:[n("span",{className:"nox-select-dropdown-menu-item-content",children:e.label}),an.includes(e.value)&&H&&n("span",{className:"nox-select-dropdown-menu-item-selected-icon",children:H})]},e.value)}))}):n("div",{className:"nox-select-dropdown-empty",children:S})})}()]})};p(".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 ");var G=function(e){var i=e.label,c=e.checked,l=void 0!==c&&c,s=e.defaultChecked,d=void 0!==s&&s,p=e.indeterminate,u=void 0!==p&&p,f=e.disabled,x=void 0!==f&&f,b=e.className,h=void 0===b?"":b,m=e.style,g=e.onChange,v=void 0===g?function(){}:g,k=e.onClick,w=e.onMouseEnter,y=e.onMouseLeave,N=e.value,C=e.name,z=e.id,O=e.autoFocus,S=void 0!==O&&O,L=e.type,j=void 0===L?"checkbox":L,P=e.size,E=void 0===P?"default":P,I=o.useState(void 0!==l?l:d),M=I[0],R=I[1],T=t(null),A=void 0!==l;a((function(){A&&R(l)}),[l,A]),a((function(){T.current&&(T.current.indeterminate=u)}),[u]);var F=A?l:M;return r("label",{className:"nox-checkbox-wrapper ".concat(h," ").concat(E," ").concat(x?"nox-checkbox-disabled":""," ").concat(F?"nox-checkbox-checked":""," ").concat(u?"nox-checkbox-indeterminate":""),style:m,onClick:function(n){x?n.preventDefault():null==k||k(n)},onMouseEnter:w,onMouseLeave:y,children:[r("span",{className:"nox-checkbox",children:[n("input",{ref:T,type:j,className:"nox-checkbox-input",checked:F,defaultChecked:d,disabled:x,onChange:function(n){A||R(n.target.checked),null==v||v({target:{checked:n.target.checked}})},value:N,name:C,id:z,autoFocus:S}),n("span",{className:"nox-checkbox-inner"})]}),i&&n("span",{className:"nox-checkbox-label",children:i})]})};p('/* 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');var $=function(e){var o=e.label,t=e.name,a=e.value,i=e.onChange,c=e.options,l=void 0===c?[]:c,s=e.disabled,d=void 0!==s&&s,p=e.direction,u=void 0===p?"vertical":p,f=e.className,x=void 0===f?"":f;return r("div",{className:"radio-group-wrapper ".concat(u," ").concat(x),children:[o&&n("div",{className:"radio-group-label",children:o}),n("div",{className:"radio-group ".concat(u),children:l.map((function(e,o){return r("label",{className:"custom-radio ".concat(e.disabled||d?"disabled":""),children:[n("input",{type:"radio",name:t,value:e.value,checked:a===e.value,onChange:function(){return i(e.value)},disabled:e.disabled||d}),n("span",{className:"radio-dot"}),e.label]},o)}))})]})};p(".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 ");var J=function(e){var o=e.label,t=e.value,a=e.onChange,i=e.disabled,c=void 0!==i&&i,l=e.className;return r("div",{className:"date-input-wrapper ".concat(void 0===l?"":l),children:[o&&n("label",{className:"date-label",children:o}),n("input",{type:"date",value:t,onChange:function(n){return a(n.target.value)},disabled:c,className:"date-input"})]})};function Q(e){var o=e.columns,c=e.dataSource,l=e.className,s=void 0===l?"":l,d=e.rowSelection,p=e.pagination,u=e.infiniteScroll,f=e.height,x=void 0===f?"400px":f,b=i(!1);b[0];var h=b[1],m=t(null),g=i((null==p?void 0:p.pageSize)||10),v=g[0],k=g[1],w=function(){if(m.current&&u){var n=m.current,r=n.scrollTop,e=n.scrollHeight-r-n.clientHeight<50;e&&!e&&u.hasMore&&!u.loading?(h(!0),u.onLoadMore()):h(!1)}};a((function(){var n=m.current;if(n&&u)return n.addEventListener("scroll",w),function(){return n.removeEventListener("scroll",w)}}),[u]);var y=u?{height:x,overflowY:"auto"}:{};return r("div",{className:"custom-table-wrapper ".concat(s),ref:m,style:y,children:[r("table",{className:"custom-table",children:[n("thead",{children:r("tr",{children:[d&&n("th",{className:"checkbox-column",children:n("input",{type:"checkbox",checked:d.selectedRowKeys.length>0&&d.selectedRowKeys.length===c.length,ref:function(n){n&&(n.indeterminate=d.selectedRowKeys.length>0&&d.selectedRowKeys.length<c.length)},onChange:function(n){if(d)if(n.target.checked){var r=c.map((function(n){return String(n.id)}));d.onChange(r,c)}else d.onChange([],[])}})}),o.map((function(r,e){return n("th",{children:r.title},e)}))]})}),n("tbody",{children:c.map((function(e,t){return r("tr",{className:(null==d?void 0:d.selectedRowKeys.includes(String(e.id)))?"selected-row":"",children:[d&&n("td",{className:"checkbox-column",children:n("input",{type:"checkbox",checked:d.selectedRowKeys.includes(String(e.id)),onChange:function(n){return function(n,r){if(d){var e,o=String(n.id);e=r?I(I([],d.selectedRowKeys,!0),[o],!1):d.selectedRowKeys.filter((function(n){return n!==o})),d.onChange(e,c.filter((function(n){return e.includes(String(n.id))})))}}(e,n.target.checked)}})}),o.map((function(r,o){return n("td",{children:r.render?r.render(e[r.key],e):e[r.key]},"".concat(t,"-").concat(o))}))]},t)}))})]}),(null==u?void 0:u.loading)&&n("div",{className:"table-loading",children:u.loadingIndicator||n("div",{className:"loading-spinner",children:n("div",{className:"spinner"})})}),function(){if(!p||u)return null;var e=Math.ceil(p.total/v),o=p.current,t=p.pageSizeOptions||[10,20,50,100],a=[];return a=e<=7?Array.from({length:e},(function(n,r){return r+1})):o<=4?[1,2,3,4,5,"...",e]:o>=e-3?[1,"...",e-4,e-3,e-2,e-1,e]:[1,"...",o-1,o,o+1,"...",e],r("div",{className:"table-pagination",children:[n("button",{className:"pagination-button",disabled:1===o,onClick:function(){return p.onChange(o-1,v)},children:"<"}),a.map((function(r,e){return n("button",{className:"pagination-button ".concat(r===o?"active":""," ").concat("..."===r?"ellipsis":""),disabled:"..."===r,onClick:function(){return"number"==typeof r&&p.onChange(r,v)},children:r},e)})),n("button",{className:"pagination-button",disabled:o===e,onClick:function(){return p.onChange(o+1,v)},children:">"}),n("select",{className:"page-size-select",value:v,onChange:function(n){var r=Number(n.target.value);k(r),p.onChange(1,r)},children:t.map((function(n){return r("option",{value:n,children:[n," / page"]},n)}))})]})}()]})}p('.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 ba