@zimyo/ui 1.10.0 → 1.10.1

package/dist/components/Table/index.esm.js

@@ -1 +1 @@
-import{a as e,b as i}from"../../chunks/tslib.es6-b7083bd5.esm.js";import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{createElement as o,PureComponent as s,Component as l,useState as a,useRef as u,useMemo as c,useEffect as d,useCallback as h}from"react";import{_ as f,b as z,a as m}from"../../chunks/assertThisInitialized-006bfab4.esm.js";import{Checkbox as p}from"../Checkbox/index.esm.js";import{i as g,C as v,a as y,j as _,A as w,k as b,l as x,c as S}from"../../chunks/lucide-232cb488.esm.js";import"../../chunks/index-a1978735.esm.js";var k=Number.isNaN||function(e){return"number"==typeof e&&e!=e};function C(e,i){return e===i||!(!k(e)||!k(i))}function N(e,i){if(e.length!==i.length)return!1;for(var t=0;t<e.length;t++)if(!C(e[t],i[t]))return!1;return!0}function R(e,i){var t;void 0===i&&(i=N);var n,r=[],o=!1;return function(){for(var s=[],l=0;l<arguments.length;l++)s[l]=arguments[l];return o&&t===this&&i(s,r)||(n=e.apply(this,s),o=!0,t=this,r=s),n}}var I="object"==typeof performance&&"function"==typeof performance.now?function(){return performance.now()}:function(){return Date.now()};function E(e){cancelAnimationFrame(e.id)}var T=-1;function O(e){if(void 0===e&&(e=!1),-1===T||e){var i=document.createElement("div"),t=i.style;t.width="50px",t.height="50px",t.overflow="scroll",document.body.appendChild(i),T=i.offsetWidth-i.clientWidth,document.body.removeChild(i)}return T}var L=null;function W(e){if(void 0===e&&(e=!1),null===L||e){var i=document.createElement("div"),t=i.style;t.width="50px",t.height="50px",t.overflow="scroll",t.direction="rtl";var n=document.createElement("div"),r=n.style;return r.width="100px",r.height="100px",i.appendChild(n),document.body.appendChild(i),i.scrollLeft>0?L="positive-descending":(i.scrollLeft=1,L=0===i.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(i),L}return L}process.env.NODE_ENV;var P=function(e,i){return e},M=null,A=null;function D(e){var i,t=e.getItemOffset,n=e.getEstimatedTotalSize,r=e.getItemSize,l=e.getOffsetForIndexAndAlignment,a=e.getStartIndexForOffset,u=e.getStopIndexForStartIndex,c=e.initInstanceProps,d=e.shouldResetStyleCacheOnItemSizeChange,h=e.validateProps;return i=function(e){var i,s;function p(i){var n;return(n=e.call(this,i)||this)._instanceProps=c(n.props,m(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:m(n),isScrolling:!1,scrollDirection:"forward",scrollOffset:"number"==typeof n.props.initialScrollOffset?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=R(function(e,i,t,r){return n.props.onItemsRendered({overscanStartIndex:e,overscanStopIndex:i,visibleStartIndex:t,visibleStopIndex:r})}),n._callOnScroll=void 0,n._callOnScroll=R(function(e,i,t){return n.props.onScroll({scrollDirection:e,scrollOffset:i,scrollUpdateWasRequested:t})}),n._getItemStyle=void 0,n._getItemStyle=function(e){var i,o=n.props,s=o.direction,l=o.itemSize,a=o.layout,u=n._getItemStyleCache(d&&l,d&&a,d&&s);if(u.hasOwnProperty(e))i=u[e];else{var c=t(n.props,e,n._instanceProps),h=r(n.props,e,n._instanceProps),f="horizontal"===s||"horizontal"===a,z="rtl"===s,m=f?c:0;u[e]=i={position:"absolute",left:z?void 0:m,right:z?m:void 0,top:f?0:c,height:f?"100%":h,width:f?h:"100%"}}return i},n._getItemStyleCache=void 0,n._getItemStyleCache=R(function(e,i,t){return{}}),n._onScrollHorizontal=function(e){var i=e.currentTarget,t=i.clientWidth,r=i.scrollLeft,o=i.scrollWidth;n.setState(function(e){if(e.scrollOffset===r)return null;var i=n.props.direction,s=r;if("rtl"===i)switch(W()){case"negative":s=-r;break;case"positive-descending":s=o-t-r}return s=Math.max(0,Math.min(s,o-t)),{isScrolling:!0,scrollDirection:e.scrollOffset<s?"forward":"backward",scrollOffset:s,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(e){var i=e.currentTarget,t=i.clientHeight,r=i.scrollHeight,o=i.scrollTop;n.setState(function(e){if(e.scrollOffset===o)return null;var i=Math.max(0,Math.min(o,r-t));return{isScrolling:!0,scrollDirection:e.scrollOffset<i?"forward":"backward",scrollOffset:i,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(e){var i=n.props.outerRef;n._outerRef=e,"function"==typeof i?i(e):null!=i&&"object"==typeof i&&i.hasOwnProperty("current")&&(i.current=e)},n._resetIsScrollingDebounced=function(){var e,i,t,r;null!==n._resetIsScrollingTimeoutId&&E(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=(e=n._resetIsScrolling,i=150,t=I(),r={id:requestAnimationFrame(function n(){I()-t>=i?e.call(null):r.id=requestAnimationFrame(n)})})},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}s=e,(i=p).prototype=Object.create(s.prototype),i.prototype.constructor=i,f(i,s),p.getDerivedStateFromProps=function(e,i){return j(e,i),h(e),null};var g=p.prototype;return g.scrollTo=function(e){e=Math.max(0,e),this.setState(function(i){return i.scrollOffset===e?null:{scrollDirection:i.scrollOffset<e?"forward":"backward",scrollOffset:e,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},g.scrollToItem=function(e,i){void 0===i&&(i="auto");var t=this.props,n=t.itemCount,r=t.layout,o=this.state.scrollOffset;e=Math.max(0,Math.min(e,n-1));var s=0;if(this._outerRef){var a=this._outerRef;s="vertical"===r?a.scrollWidth>a.clientWidth?O():0:a.scrollHeight>a.clientHeight?O():0}this.scrollTo(l(this.props,e,i,o,this._instanceProps,s))},g.componentDidMount=function(){var e=this.props,i=e.direction,t=e.initialScrollOffset,n=e.layout;if("number"==typeof t&&null!=this._outerRef){var r=this._outerRef;"horizontal"===i||"horizontal"===n?r.scrollLeft=t:r.scrollTop=t}this._callPropsCallbacks()},g.componentDidUpdate=function(){var e=this.props,i=e.direction,t=e.layout,n=this.state,r=n.scrollOffset;if(n.scrollUpdateWasRequested&&null!=this._outerRef){var o=this._outerRef;if("horizontal"===i||"horizontal"===t)if("rtl"===i)switch(W()){case"negative":o.scrollLeft=-r;break;case"positive-ascending":o.scrollLeft=r;break;default:var s=o.clientWidth,l=o.scrollWidth;o.scrollLeft=l-s-r}else o.scrollLeft=r;else o.scrollTop=r}this._callPropsCallbacks()},g.componentWillUnmount=function(){null!==this._resetIsScrollingTimeoutId&&E(this._resetIsScrollingTimeoutId)},g.render=function(){var e=this.props,i=e.children,t=e.className,r=e.direction,s=e.height,l=e.innerRef,a=e.innerElementType,u=e.innerTagName,c=e.itemCount,d=e.itemData,h=e.itemKey,f=void 0===h?P:h,m=e.layout,p=e.outerElementType,g=e.outerTagName,v=e.style,y=e.useIsScrolling,_=e.width,w=this.state.isScrolling,b="horizontal"===r||"horizontal"===m,x=b?this._onScrollHorizontal:this._onScrollVertical,S=this._getRangeToRender(),k=S[0],C=S[1],N=[];if(c>0)for(var R=k;R<=C;R++)N.push(o(i,{data:d,key:f(R,d),index:R,isScrolling:y?w:void 0,style:this._getItemStyle(R)}));var I=n(this.props,this._instanceProps);return o(p||g||"div",{className:t,onScroll:x,ref:this._outerRefSetter,style:z({position:"relative",height:s,width:_,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},v)},o(a||u||"div",{children:N,ref:l,style:{height:b?"100%":I,pointerEvents:w?"none":void 0,width:b?I:"100%"}}))},g._callPropsCallbacks=function(){if("function"==typeof this.props.onItemsRendered&&this.props.itemCount>0){var e=this._getRangeToRender(),i=e[0],t=e[1],n=e[2],r=e[3];this._callOnItemsRendered(i,t,n,r)}if("function"==typeof this.props.onScroll){var o=this.state,s=o.scrollDirection,l=o.scrollOffset,a=o.scrollUpdateWasRequested;this._callOnScroll(s,l,a)}},g._getRangeToRender=function(){var e=this.props,i=e.itemCount,t=e.overscanCount,n=this.state,r=n.isScrolling,o=n.scrollDirection,s=n.scrollOffset;if(0===i)return[0,0,0,0];var l=a(this.props,s,this._instanceProps),c=u(this.props,l,s,this._instanceProps),d=r&&"backward"!==o?1:Math.max(1,t),h=r&&"forward"!==o?1:Math.max(1,t);return[Math.max(0,l-d),Math.max(0,Math.min(i-1,c+h)),l,c]},p}(s),i.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},i}"production"!==process.env.NODE_ENV&&"undefined"!=typeof window&&void 0!==window.WeakSet&&(M=new WeakSet,A=new WeakSet);var j=function(e,i){var t=e.children,n=e.direction,r=e.height,o=e.layout,s=e.innerTagName,l=e.outerTagName,a=e.width,u=i.instance;if("production"!==process.env.NODE_ENV){null==s&&null==l||A&&!A.has(u)&&(A.add(u),console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));var c="horizontal"===n||"horizontal"===o;switch(n){case"horizontal":case"vertical":M&&!M.has(u)&&(M.add(u),console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));break;case"ltr":case"rtl":break;default:throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". "'+n+'" was specified.')}switch(o){case"horizontal":case"vertical":break;default:throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". "'+o+'" was specified.')}if(null==t)throw Error('An invalid "children" prop has been specified. Value should be a React component. "'+(null===t?"null":typeof t)+'" was specified.');if(c&&"number"!=typeof a)throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. "'+(null===a?"null":typeof a)+'" was specified.');if(!c&&"number"!=typeof r)throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. "'+(null===r?"null":typeof r)+'" was specified.')}},F=D({getItemOffset:function(e,i){return i*e.itemSize},getItemSize:function(e,i){return e.itemSize},getEstimatedTotalSize:function(e){var i=e.itemCount;return e.itemSize*i},getOffsetForIndexAndAlignment:function(e,i,t,n,r,o){var s=e.direction,l=e.height,a=e.itemCount,u=e.itemSize,c=e.layout,d=e.width,h="horizontal"===s||"horizontal"===c?d:l,f=Math.max(0,a*u-h),z=Math.min(f,i*u),m=Math.max(0,i*u-h+u+o);switch("smart"===t&&(t=n>=m-h&&n<=z+h?"auto":"center"),t){case"start":return z;case"end":return m;case"center":var p=Math.round(m+(z-m)/2);return p<Math.ceil(h/2)?0:p>f+Math.floor(h/2)?f:p;default:return n>=m&&n<=z?n:n<m?m:z}},getStartIndexForOffset:function(e,i){var t=e.itemCount,n=e.itemSize;return Math.max(0,Math.min(t-1,Math.floor(i/n)))},getStopIndexForStartIndex:function(e,i,t){var n=e.direction,r=e.height,o=e.itemCount,s=e.itemSize,l=e.layout,a=e.width,u=i*s,c="horizontal"===n||"horizontal"===l?a:r,d=Math.ceil((c+t-u)/s);return Math.max(0,Math.min(o-1,i+d-1))},initInstanceProps:function(e){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(e){var i=e.itemSize;if("production"!==process.env.NODE_ENV&&"number"!=typeof i)throw Error('An invalid "itemSize" prop has been specified. Value should be a number. "'+(null===i?"null":typeof i)+'" was specified.')}});let H;H="undefined"!=typeof window?window:"undefined"!=typeof self?self:global;let V=null,q=null;const B=H.clearTimeout,U=H.setTimeout,K=H.cancelAnimationFrame||H.mozCancelAnimationFrame||H.webkitCancelAnimationFrame,G=H.requestAnimationFrame||H.mozRequestAnimationFrame||H.webkitRequestAnimationFrame;function J(e){let i,t,n,r,o,s,l;const a="undefined"!=typeof document&&document.attachEvent;if(!a){s=function(e){const i=e.__resizeTriggers__,t=i.firstElementChild,n=i.lastElementChild,r=t.firstElementChild;n.scrollLeft=n.scrollWidth,n.scrollTop=n.scrollHeight,r.style.width=t.offsetWidth+1+"px",r.style.height=t.offsetHeight+1+"px",t.scrollLeft=t.scrollWidth,t.scrollTop=t.scrollHeight},o=function(e){return e.offsetWidth!==e.__resizeLast__.width||e.offsetHeight!==e.__resizeLast__.height},l=function(e){if(e.target.className&&"function"==typeof e.target.className.indexOf&&e.target.className.indexOf("contract-trigger")<0&&e.target.className.indexOf("expand-trigger")<0)return;const i=this;s(this),this.__resizeRAF__&&V(this.__resizeRAF__),this.__resizeRAF__=q(function(){o(i)&&(i.__resizeLast__.width=i.offsetWidth,i.__resizeLast__.height=i.offsetHeight,i.__resizeListeners__.forEach(function(t){t.call(i,e)}))})};let e=!1,a="";n="animationstart";const u="Webkit Moz O ms".split(" ");let c="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),d="";{const i=document.createElement("fakeelement");if(void 0!==i.style.animationName&&(e=!0),!1===e)for(let t=0;t<u.length;t++)if(void 0!==i.style[u[t]+"AnimationName"]){d=u[t],a="-"+d.toLowerCase()+"-",n=c[t],e=!0;break}}t="resizeanim",i="@"+a+"keyframes "+t+" { from { opacity: 0; } to { opacity: 0; } } ",r=a+"animation: 1ms "+t+"; "}return{addResizeListener:function(o,u){if(a)o.attachEvent("onresize",u);else{if(!o.__resizeTriggers__){const a=o.ownerDocument,u=H.getComputedStyle(o);u&&"static"===u.position&&(o.style.position="relative"),function(t){if(!t.getElementById("detectElementResize")){const n=(i||"")+".resize-triggers { "+(r||"")+'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',o=t.head||t.getElementsByTagName("head")[0],s=t.createElement("style");s.id="detectElementResize",s.type="text/css",null!=e&&s.setAttribute("nonce",e),s.styleSheet?s.styleSheet.cssText=n:s.appendChild(t.createTextNode(n)),o.appendChild(s)}}(a),o.__resizeLast__={},o.__resizeListeners__=[],(o.__resizeTriggers__=a.createElement("div")).className="resize-triggers";const c=a.createElement("div");c.className="expand-trigger",c.appendChild(a.createElement("div"));const d=a.createElement("div");d.className="contract-trigger",o.__resizeTriggers__.appendChild(c),o.__resizeTriggers__.appendChild(d),o.appendChild(o.__resizeTriggers__),s(o),o.addEventListener("scroll",l,!0),n&&(o.__resizeTriggers__.__animationListener__=function(e){e.animationName===t&&s(o)},o.__resizeTriggers__.addEventListener(n,o.__resizeTriggers__.__animationListener__))}o.__resizeListeners__.push(u)}},removeResizeListener:function(e,i){if(a)e.detachEvent("onresize",i);else if(e.__resizeListeners__.splice(e.__resizeListeners__.indexOf(i),1),!e.__resizeListeners__.length){e.removeEventListener("scroll",l,!0),e.__resizeTriggers__.__animationListener__&&(e.__resizeTriggers__.removeEventListener(n,e.__resizeTriggers__.__animationListener__),e.__resizeTriggers__.__animationListener__=null);try{e.__resizeTriggers__=!e.removeChild(e.__resizeTriggers__)}catch(e){}}}}}null==K||null==G?(V=B,q=function(e){return U(e,20)}):(V=function([e,i]){K(e),B(i)},q=function(e){const i=G(function(){B(t),e()}),t=U(function(){K(i),e()},20);return[i,t]});class Q extends l{constructor(...e){super(...e),this.state={height:this.props.defaultHeight||0,width:this.props.defaultWidth||0},this._autoSizer=null,this._detectElementResize=null,this._didLogDeprecationWarning=!1,this._parentNode=null,this._resizeObserver=null,this._timeoutId=null,this._onResize=()=>{this._timeoutId=null;const{disableHeight:e,disableWidth:i,onResize:t}=this.props;if(this._parentNode){const n=window.getComputedStyle(this._parentNode)||{},r=parseFloat(n.paddingLeft||"0"),o=parseFloat(n.paddingRight||"0"),s=parseFloat(n.paddingTop||"0"),l=parseFloat(n.paddingBottom||"0"),a=this._parentNode.getBoundingClientRect(),u=a.height-s-l,c=a.width-r-o;if(!e&&this.state.height!==u||!i&&this.state.width!==c){this.setState({height:u,width:c});const e=()=>{this._didLogDeprecationWarning||(this._didLogDeprecationWarning=!0,console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"))};"function"==typeof t&&t({height:u,width:c,get scaledHeight(){return e(),u},get scaledWidth(){return e(),c}})}}},this._setRef=e=>{this._autoSizer=e}}componentDidMount(){const{nonce:e}=this.props,i=this._autoSizer?this._autoSizer.parentNode:null;if(null!=i&&i.ownerDocument&&i.ownerDocument.defaultView&&i instanceof i.ownerDocument.defaultView.HTMLElement){this._parentNode=i;const t=i.ownerDocument.defaultView.ResizeObserver;null!=t?(this._resizeObserver=new t(()=>{this._timeoutId=setTimeout(this._onResize,0)}),this._resizeObserver.observe(i)):(this._detectElementResize=J(e),this._detectElementResize.addResizeListener(i,this._onResize)),this._onResize()}}componentWillUnmount(){this._parentNode&&(this._detectElementResize&&this._detectElementResize.removeResizeListener(this._parentNode,this._onResize),null!==this._timeoutId&&clearTimeout(this._timeoutId),this._resizeObserver&&this._resizeObserver.disconnect())}render(){const{children:e,defaultHeight:i,defaultWidth:t,disableHeight:n=!1,disableWidth:r=!1,doNotBailOutOnEmptyChildren:s=!1,nonce:l,onResize:a,style:u={},tagName:c="div",...d}=this.props,{height:h,width:f}=this.state,z={overflow:"visible"},m={};let p=!1;return n||(0===h&&(p=!0),z.height=0,m.height=h,m.scaledHeight=h),r||(0===f&&(p=!0),z.width=0,m.width=f,m.scaledWidth=f),s&&(p=!1),o(c,{ref:this._setRef,style:{...z,...u},...d},!p&&e(m))}}var X=150,Y=function(i){var n,r=i.column,o=i.width,s=i.sticky,l=i.stickyPosition,a=s?((n={position:"sticky"})[s]="".concat(l||0,"px"),n.zIndex=25,n.backgroundColor="white",n):{},u="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-4 zui:py-4 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[60px] ".concat(u),style:e({width:"".concat(o,"px"),minWidth:"".concat(o,"px"),maxWidth:"".concat(o,"px")},a),children:t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse zui:w-3/4"})})},Z=function(e){var i=e.leftStickyColumns,r=e.rightStickyColumns,o=e.regularColumns,s=e.selection,l=e.calculateStickyPosition,a=e.rowIndex;return n("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:bg-white",children:[(null==s?void 0:s.enabled)&&t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-white zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:t("div",{className:"zui:w-4 zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})}),i.map(function(e,n){return t(Y,{column:e,width:e.width||X,sticky:"left",stickyPosition:l(i,n,"left")},"left-".concat(e.id,"-").concat(a))}),o.map(function(e,i){return t(Y,{column:e,width:e.width||X},"regular-".concat(e.id,"-").concat(a))}),r.map(function(e,i){return t(Y,{column:e,width:e.width||X,sticky:"right",stickyPosition:l(r,i,"right")},"right-".concat(e.id,"-").concat(a))})]})},$=function(e){var i=e.columns,n=e.leftStickyColumns,r=e.rightStickyColumns,o=e.regularColumns,s=e.selection,l=e.calculateStickyPosition,a=e.totalWidth;return t("div",{style:{minWidth:"".concat(a,"px")},children:Array.from({length:10},function(e,a){return t(Z,{columns:i,leftStickyColumns:n,rightStickyColumns:r,regularColumns:o,selection:s,calculateStickyPosition:l,rowIndex:a},"skeleton-row-".concat(a))})})},ee=function(o){var s,l,f=o.columns,z=o.data,m=o.loading,w=void 0!==m&&m,b=o.stickyColumns,x=o.pagination,S=o.selection,k=o.sorting,C=o.filtering,N=o.expansion,R=o.virtualization,I=void 0===R?{enabled:!1}:R,E=o.onRowClick;o.bulkActions;var T=o.isRowSelectable,O=o.className,L=void 0===O?"":O;o.variant;var W=a(f),P=W[0],M=W[1],A=a(""),D=A[0];A[1];var j=a(!1),H=j[0];j[1];var V=u(null),q=u(null),B=u(null),U=c(function(){return P.map(function(i){var t,n,r=i.sticky;return(null===(t=null==b?void 0:b.left)||void 0===t?void 0:t.includes(i.id))?r="left":(null===(n=null==b?void 0:b.right)||void 0===n?void 0:n.includes(i.id))&&(r="right"),e(e({},i),{sticky:r})})},[P,b]),K=c(function(){return U.filter(function(e){return!e.hidden})},[U]),G=null!==(s=null==b?void 0:b.left)&&void 0!==s?s:[],J=null!==(l=null==b?void 0:b.right)&&void 0!==l?l:[],Y=K.filter(function(e){return G.includes(e.id)}),Z=K.filter(function(e){return J.includes(e.id)}),ee=K.filter(function(e){return!G.includes(e.id)&&!J.includes(e.id)}),ne=c(function(){return ee.reduce(function(e,i){return e+(i.width||X)},0)},[ee]),re=c(function(){var e=0;return(null==S?void 0:S.enabled)&&(e+=48),K.forEach(function(i){e+=i.width||X}),Math.max(e,800)},[K,S]),oe=c(function(){var e=i([],z,!0);return D&&(e=e.filter(function(e){return Object.values(e).some(function(e){return String(e).toLowerCase().includes(D.toLowerCase())})})),(null==C?void 0:C.filters)&&Object.entries(C.filters).forEach(function(i){var t=i[0],n=i[1];n&&(e=e.filter(function(e){return String(e[t]).toLowerCase().includes(String(n).toLowerCase())}))}),(null==k?void 0:k.sortBy)&&e.sort(function(e,i){var t=e[k.sortBy],n=i[k.sortBy];return t<n?"asc"===k.sortOrder?-1:1:t>n?"asc"===k.sortOrder?1:-1:0}),e},[z,D,null==C?void 0:C.filters,k]);d(function(){var e=q.current,i=B.current;if(e&&i){var t=!1,n=!1,r=function(){n||(t=!0,i.scrollLeft=e.scrollLeft,setTimeout(function(){t=!1},0))},o=function(){t||(n=!0,e.scrollLeft=i.scrollLeft,setTimeout(function(){n=!1},0))};return e.addEventListener("scroll",r),i.addEventListener("scroll",o),function(){e.removeEventListener("scroll",r),i.removeEventListener("scroll",o)}}},[]);var se=h(function(){if((null==S?void 0:S.enabled)&&oe){var e=oe.filter(function(e){return!T||T(e)}).map(function(e){return e.id});if(e.every(function(e){return S.selectedRows.includes(e)}))S.onSelectionChange(S.selectedRows.filter(function(i){return!e.includes(i)}));else{var t=Array.from(new Set(i(i([],S.selectedRows.filter(function(i){return!e.includes(i)}),!0),e,!0)));S.onSelectionChange(t)}}},[oe,S,T]),le=h(function(e){if(null==S?void 0:S.enabled){var t=S.selectedRows;t.includes(e)?S.onSelectionChange(t.filter(function(i){return i!==e})):S.onSelectionChange(i(i([],t,!0),[e],!1))}},[S]),ae=h(function(e){if(N){var t=N.expandedRows;t.includes(e)?N.onExpansionChange(t.filter(function(i){return i!==e})):N.onExpansionChange(i(i([],t,!0),[e],!1))}},[N]),ue=h(function(i){M(function(t){return t.map(function(t){return t.id===i?e(e({},t),{hidden:!t.hidden}):t})})},[]),ce=h(function(e,i,n){var r=i[e.accessor];return e.render?e.render(r,i,n):t("span",{className:"zui:truncate",children:String(r||"")})},[]),de=h(function(e,i,t){var n=0;return"left"===t?((null==S?void 0:S.enabled)&&(n+=48),e.slice(0,i).forEach(function(e){n+=e.width||X})):e.slice(i+1).forEach(function(e){n+=e.width||X}),n},[S]);return n("div",{className:"zui:w-full zui:h-full zui:bg-white  zui:flex zui:flex-col ".concat(L),children:[H&&!w&&n("div",{className:"zui:absolute zui:right-4 zui:top-16 zui:z-50 zui:w-64 zui:bg-white zui:border zui:border-gray-200 zui:rounded-lg zui:shadow-lg zui:p-4",children:[t("h3",{className:"zui:text-sm zui:font-medium zui:text-gray-900 zui:mb-3",children:"Show/Hide Columns"}),f.map(function(e){return n("label",{className:"zui:flex zui:items-center zui:space-x-2 zui:mb-2",children:[t("input",{type:"checkbox",checked:!e.hidden,onChange:function(){return ue(e.id)},className:"zui:rounded zui:border-gray-300"}),t("span",{className:"zui:text-sm zui:text-gray-700",children:e.header})]},e.id)})]}),n("div",{ref:V,className:"zui:relative zui:flex-1 zui:min-h-0 zui:overflow-hidden",children:[n("div",{className:"zui:sticky zui:top-0 zui:z-40 zui:bg-gray-50 zui:border-b zui:border-gray-200 zui:flex",children:[(null==S?void 0:S.enabled)&&t("div",{className:"zui:sticky zui:left-0 zui:z-50 zui:bg-gray-100 zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:t(p,{checked:!w&&oe.length>0&&oe.every(function(e){return S.selectedRows.includes(e.id)}),onChange:se,disabled:w,className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4 zui:disabled:opacity-50"})}),Y.map(function(e,i){return t(ie,{column:e,width:e.width||X,sticky:"left",stickyPosition:de(Y,i,"left"),sorting:k,loading:w},e.id)}),t("div",{ref:q,className:"zui:flex-1 zui:overflow-x-auto zui:scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:t("div",{className:"zui:flex",style:{minWidth:"".concat(ne,"px")},children:ee.map(function(e){return t(ie,{column:e,width:e.width||X,sorting:k,loading:w},e.id)})})}),Z.map(function(e,i){return t(ie,{column:e,width:e.width||X,sticky:"right",stickyPosition:de(Z,i,"right"),sorting:k,loading:w},e.id)})]}),t("div",{ref:B,className:"zui:flex-1 zui:overflow-auto zui:h-[calc(100%_-_2.75rem)]",style:{minHeight:"200px"},children:(null==I?void 0:I.enabled)?t(Q,{children:function(e){var i=e.height,n=e.width;return t(F,{height:i,width:n,itemCount:oe.length,itemSize:I.rowHeight||60,overscanCount:I.overscan||5,children:function(e){var i=e.index,n=e.style;return t("div",{style:n,children:t(te,{row:oe[i],rowIndex:i,columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,expansion:N,onRowClick:E,onRowSelection:le,onRowExpansion:ae,renderCell:ce,calculateStickyPosition:de,isRowSelectable:T})},oe[i].id)}})}}):w?t($,{columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,calculateStickyPosition:de,totalWidth:re}):0===oe.length?n("div",{className:"zui:flex zui:flex-col zui:items-center zui:justify-center zui:py-12",children:[t("div",{className:"zui:text-gray-400 zui:text-lg zui:mb-2",children:"No data found"}),t("div",{className:"zui:text-gray-500 zui:text-sm",children:"Try adjusting your search or filters"})]}):t("div",{style:{minWidth:"".concat(re,"px")},children:oe.map(function(e,i){return t(te,{row:e,rowIndex:i,columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,expansion:N,onRowClick:E,onRowSelection:le,onRowExpansion:ae,renderCell:ce,calculateStickyPosition:de,isRowSelectable:T},e.id)})})})]}),x&&n("div",{className:"zui:flex zui:items-center zui:justify-between zui:px-4 zui:py-3 zui:border-t zui:border-gray-200 zui:flex-shrink-0 zui:bg-white",children:[t("div",{className:"zui:text-sm zui:text-gray-700",children:w?t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse",style:{width:"200px"}}):"Showing ".concat((x.page-1)*x.pageSize+1,"-").concat(Math.min(x.page*x.pageSize,x.total)," of ").concat(x.total," entries")}),t("div",{className:"zui:flex zui:items-center zui:space-x-2",children:w?t(r,{children:Array.from({length:4},function(e,i){return t("div",{className:"zui:w-8 zui:h-8 zui:bg-gray-200 zui:rounded zui:animate-pulse"},i)})}):n(r,{children:[n("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:ml-2",children:[t("span",{className:"zui:text-sm zui:text-gray-700",children:"Per page:"}),t("select",{value:x.pageSize,onChange:function(e){return x.onPageSizeChange(Number(e.target.value))},className:"zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:text-sm",children:[5,10,20,50,100].map(function(e){return t("option",{value:e,children:e},e)})})]}),t("button",{onClick:function(){return x.onPageChange(1)},disabled:1===x.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(g,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.max(1,x.page-1))},disabled:1===x.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(v,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.min(Math.ceil(x.total/x.pageSize),x.page+1))},disabled:x.page>=Math.ceil(x.total/x.pageSize),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(y,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.ceil(x.total/x.pageSize))},disabled:x.page>=Math.ceil(x.total/x.pageSize),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(_,{size:18})})]})})]})]})},ie=function(i){var r,o=i.column,s=i.width,l=i.sticky,a=i.stickyPosition,u=i.sorting,c=i.loading,d=void 0!==c&&c,h=l?((r={position:"sticky"})[l]="".concat(a||0,"px"),r.zIndex=45,r.backgroundColor="#f9fafb",r):{},f="center"===o.align?"zui:justify-center":"right"===o.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-3 zui:py-3 zui:text-left zui:text-sm zui:font-medium zui:text-gray-500 zui:tracking-wider zui:border-r zui:border-gray-300 zui:bg-gray-100 zui:flex-shrink-0 ".concat(f),style:e({width:"".concat(s,"px"),minWidth:"".concat(s,"px"),maxWidth:"".concat(s,"px")},h),children:n("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:flex-1 zui:min-w-0",children:[t("span",{className:"zui:truncate zui:flex-1",children:o.header}),o.sortable&&t("button",{onClick:function(){if(o.sortable&&u&&!d){var e="asc";u.sortBy===o.id&&(e="asc"===u.sortOrder?"desc":"asc"),u.onSortChange(o.id,e)}},disabled:d,className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors zui:flex-shrink-0 zui:disabled:opacity-50 zui:disabled:cursor-not-allowed",children:d||(null==u?void 0:u.sortBy)!==o.id?t(x,{className:"zui:w-4 zui:h-4 zui:text-gray-400"}):"asc"===u.sortOrder?t(w,{className:"zui:w-4 zui:h-4 zui:text-blue-600"}):t(b,{className:"zui:w-4 zui:h-4 zui:text-blue-600"})})]})})},te=function(e){var i=e.row,o=e.rowIndex,s=e.leftStickyColumns,l=e.rightStickyColumns,a=e.regularColumns,u=e.selection,c=e.expansion,d=e.onRowClick,f=e.onRowSelection,z=e.onRowExpansion,m=e.renderCell,g=e.calculateStickyPosition,v=e.isRowSelectable,_=(null==u?void 0:u.selectedRows.includes(i.id))||!1,w=(null==c?void 0:c.expandedRows.includes(i.id))||!1,b=i._children&&i._children.length>0,x=h(function(){f(i.id)},[i.id,f]),k=h(function(){z(i.id)},[i.id,z]),C=h(function(e,i,r){var o=e.render?e.render(i[e.accessor],i,r):t("span",{className:"zui:truncate",children:String(i[e.accessor]||"")});return n("div",{className:"zui:flex zui:items-center zui:w-full",children:[c&&t("div",{className:"zui:flex-shrink-0 zui:mr-2",children:b?t("button",{onClick:function(e){e.stopPropagation(),k()},className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors",children:t(w?S:y,{className:"zui:w-4 zui:h-4"})}):t("div",{className:"zui:w-6 zui:h-6"})}),t("div",{className:"zui:flex-1 zui:min-w-0",children:o})]})},[c,b,w,k]);return n(r,{children:[n("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:hover:bg-gray-50 zui:transition-colors zui:cursor-pointer ".concat(_?"zui:bg-blue-50":"zui:bg-white"),onClick:function(){return null==d?void 0:d(i)},children:[(null==u?void 0:u.enabled)&&(!v||v(i)?t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:t(p,{checked:_,onChange:function(e){e.stopPropagation(),x()},className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4"})}):t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0"})),s.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,sticky:"left",stickyPosition:g(s,n,"left"),renderCell:0===n?C:m},e.id)}),a.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,renderCell:0===s.length&&0===n?C:m},e.id)}),l.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,sticky:"right",stickyPosition:g(l,n,"right"),renderCell:m},e.id)})]}),w&&(null==c?void 0:c.renderExpandedRow)&&t("div",{className:"zui:border-b zui:border-gray-200 zui:bg-gray-50",children:c.renderExpandedRow(i)})]})},ne=function(i){var n,r=i.column,o=i.row,s=i.rowIndex,l=i.width,a=i.sticky,u=i.stickyPosition,c=i.renderCell,d=a?((n={position:"sticky"})[a]="".concat(u||0,"px"),n.zIndex=25,n.backgroundColor="inherit",n):{},h="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-3 zui:py-1 zui:text-sm zui:text-gray-900 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[50px] ".concat(h),style:e({width:"".concat(l,"px"),minWidth:"".concat(l,"px"),maxWidth:"".concat(l,"px")},d),children:t("div",{className:"zui:w-full zui:min-w-0",children:c(r,o,s)})})};export{ee as Table,ee as default};
+import{a as e,b as i}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsx as t,jsxs as n,Fragment as r}from"react/jsx-runtime";import{createElement as o,PureComponent as s,Component as l,useState as a,useRef as u,useMemo as c,useEffect as d,useCallback as h}from"react";import{_ as f,b as z,a as m}from"../../chunks/assertThisInitialized-406be690.esm.js";import{Checkbox as p}from"../Checkbox/index.esm.js";import{i as g,C as v,a as y,j as _,A as w,k as b,l as x,c as S}from"../../chunks/lucide-2a18f5d4.esm.js";import"../../chunks/index-c6541658.esm.js";var k=Number.isNaN||function(e){return"number"==typeof e&&e!=e};function C(e,i){return e===i||!(!k(e)||!k(i))}function N(e,i){if(e.length!==i.length)return!1;for(var t=0;t<e.length;t++)if(!C(e[t],i[t]))return!1;return!0}function R(e,i){var t;void 0===i&&(i=N);var n,r=[],o=!1;return function(){for(var s=[],l=0;l<arguments.length;l++)s[l]=arguments[l];return o&&t===this&&i(s,r)||(n=e.apply(this,s),o=!0,t=this,r=s),n}}var I="object"==typeof performance&&"function"==typeof performance.now?function(){return performance.now()}:function(){return Date.now()};function E(e){cancelAnimationFrame(e.id)}var T=-1;function O(e){if(void 0===e&&(e=!1),-1===T||e){var i=document.createElement("div"),t=i.style;t.width="50px",t.height="50px",t.overflow="scroll",document.body.appendChild(i),T=i.offsetWidth-i.clientWidth,document.body.removeChild(i)}return T}var L=null;function W(e){if(void 0===e&&(e=!1),null===L||e){var i=document.createElement("div"),t=i.style;t.width="50px",t.height="50px",t.overflow="scroll",t.direction="rtl";var n=document.createElement("div"),r=n.style;return r.width="100px",r.height="100px",i.appendChild(n),document.body.appendChild(i),i.scrollLeft>0?L="positive-descending":(i.scrollLeft=1,L=0===i.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(i),L}return L}process.env.NODE_ENV;var P=function(e,i){return e},M=null,A=null;function D(e){var i,t=e.getItemOffset,n=e.getEstimatedTotalSize,r=e.getItemSize,l=e.getOffsetForIndexAndAlignment,a=e.getStartIndexForOffset,u=e.getStopIndexForStartIndex,c=e.initInstanceProps,d=e.shouldResetStyleCacheOnItemSizeChange,h=e.validateProps;return i=function(e){var i,s;function p(i){var n;return(n=e.call(this,i)||this)._instanceProps=c(n.props,m(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:m(n),isScrolling:!1,scrollDirection:"forward",scrollOffset:"number"==typeof n.props.initialScrollOffset?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=R(function(e,i,t,r){return n.props.onItemsRendered({overscanStartIndex:e,overscanStopIndex:i,visibleStartIndex:t,visibleStopIndex:r})}),n._callOnScroll=void 0,n._callOnScroll=R(function(e,i,t){return n.props.onScroll({scrollDirection:e,scrollOffset:i,scrollUpdateWasRequested:t})}),n._getItemStyle=void 0,n._getItemStyle=function(e){var i,o=n.props,s=o.direction,l=o.itemSize,a=o.layout,u=n._getItemStyleCache(d&&l,d&&a,d&&s);if(u.hasOwnProperty(e))i=u[e];else{var c=t(n.props,e,n._instanceProps),h=r(n.props,e,n._instanceProps),f="horizontal"===s||"horizontal"===a,z="rtl"===s,m=f?c:0;u[e]=i={position:"absolute",left:z?void 0:m,right:z?m:void 0,top:f?0:c,height:f?"100%":h,width:f?h:"100%"}}return i},n._getItemStyleCache=void 0,n._getItemStyleCache=R(function(e,i,t){return{}}),n._onScrollHorizontal=function(e){var i=e.currentTarget,t=i.clientWidth,r=i.scrollLeft,o=i.scrollWidth;n.setState(function(e){if(e.scrollOffset===r)return null;var i=n.props.direction,s=r;if("rtl"===i)switch(W()){case"negative":s=-r;break;case"positive-descending":s=o-t-r}return s=Math.max(0,Math.min(s,o-t)),{isScrolling:!0,scrollDirection:e.scrollOffset<s?"forward":"backward",scrollOffset:s,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(e){var i=e.currentTarget,t=i.clientHeight,r=i.scrollHeight,o=i.scrollTop;n.setState(function(e){if(e.scrollOffset===o)return null;var i=Math.max(0,Math.min(o,r-t));return{isScrolling:!0,scrollDirection:e.scrollOffset<i?"forward":"backward",scrollOffset:i,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(e){var i=n.props.outerRef;n._outerRef=e,"function"==typeof i?i(e):null!=i&&"object"==typeof i&&i.hasOwnProperty("current")&&(i.current=e)},n._resetIsScrollingDebounced=function(){var e,i,t,r;null!==n._resetIsScrollingTimeoutId&&E(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=(e=n._resetIsScrolling,i=150,t=I(),r={id:requestAnimationFrame(function n(){I()-t>=i?e.call(null):r.id=requestAnimationFrame(n)})})},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}s=e,(i=p).prototype=Object.create(s.prototype),i.prototype.constructor=i,f(i,s),p.getDerivedStateFromProps=function(e,i){return j(e,i),h(e),null};var g=p.prototype;return g.scrollTo=function(e){e=Math.max(0,e),this.setState(function(i){return i.scrollOffset===e?null:{scrollDirection:i.scrollOffset<e?"forward":"backward",scrollOffset:e,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},g.scrollToItem=function(e,i){void 0===i&&(i="auto");var t=this.props,n=t.itemCount,r=t.layout,o=this.state.scrollOffset;e=Math.max(0,Math.min(e,n-1));var s=0;if(this._outerRef){var a=this._outerRef;s="vertical"===r?a.scrollWidth>a.clientWidth?O():0:a.scrollHeight>a.clientHeight?O():0}this.scrollTo(l(this.props,e,i,o,this._instanceProps,s))},g.componentDidMount=function(){var e=this.props,i=e.direction,t=e.initialScrollOffset,n=e.layout;if("number"==typeof t&&null!=this._outerRef){var r=this._outerRef;"horizontal"===i||"horizontal"===n?r.scrollLeft=t:r.scrollTop=t}this._callPropsCallbacks()},g.componentDidUpdate=function(){var e=this.props,i=e.direction,t=e.layout,n=this.state,r=n.scrollOffset;if(n.scrollUpdateWasRequested&&null!=this._outerRef){var o=this._outerRef;if("horizontal"===i||"horizontal"===t)if("rtl"===i)switch(W()){case"negative":o.scrollLeft=-r;break;case"positive-ascending":o.scrollLeft=r;break;default:var s=o.clientWidth,l=o.scrollWidth;o.scrollLeft=l-s-r}else o.scrollLeft=r;else o.scrollTop=r}this._callPropsCallbacks()},g.componentWillUnmount=function(){null!==this._resetIsScrollingTimeoutId&&E(this._resetIsScrollingTimeoutId)},g.render=function(){var e=this.props,i=e.children,t=e.className,r=e.direction,s=e.height,l=e.innerRef,a=e.innerElementType,u=e.innerTagName,c=e.itemCount,d=e.itemData,h=e.itemKey,f=void 0===h?P:h,m=e.layout,p=e.outerElementType,g=e.outerTagName,v=e.style,y=e.useIsScrolling,_=e.width,w=this.state.isScrolling,b="horizontal"===r||"horizontal"===m,x=b?this._onScrollHorizontal:this._onScrollVertical,S=this._getRangeToRender(),k=S[0],C=S[1],N=[];if(c>0)for(var R=k;R<=C;R++)N.push(o(i,{data:d,key:f(R,d),index:R,isScrolling:y?w:void 0,style:this._getItemStyle(R)}));var I=n(this.props,this._instanceProps);return o(p||g||"div",{className:t,onScroll:x,ref:this._outerRefSetter,style:z({position:"relative",height:s,width:_,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},v)},o(a||u||"div",{children:N,ref:l,style:{height:b?"100%":I,pointerEvents:w?"none":void 0,width:b?I:"100%"}}))},g._callPropsCallbacks=function(){if("function"==typeof this.props.onItemsRendered&&this.props.itemCount>0){var e=this._getRangeToRender(),i=e[0],t=e[1],n=e[2],r=e[3];this._callOnItemsRendered(i,t,n,r)}if("function"==typeof this.props.onScroll){var o=this.state,s=o.scrollDirection,l=o.scrollOffset,a=o.scrollUpdateWasRequested;this._callOnScroll(s,l,a)}},g._getRangeToRender=function(){var e=this.props,i=e.itemCount,t=e.overscanCount,n=this.state,r=n.isScrolling,o=n.scrollDirection,s=n.scrollOffset;if(0===i)return[0,0,0,0];var l=a(this.props,s,this._instanceProps),c=u(this.props,l,s,this._instanceProps),d=r&&"backward"!==o?1:Math.max(1,t),h=r&&"forward"!==o?1:Math.max(1,t);return[Math.max(0,l-d),Math.max(0,Math.min(i-1,c+h)),l,c]},p}(s),i.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},i}"production"!==process.env.NODE_ENV&&"undefined"!=typeof window&&void 0!==window.WeakSet&&(M=new WeakSet,A=new WeakSet);var j=function(e,i){var t=e.children,n=e.direction,r=e.height,o=e.layout,s=e.innerTagName,l=e.outerTagName,a=e.width,u=i.instance;if("production"!==process.env.NODE_ENV){null==s&&null==l||A&&!A.has(u)&&(A.add(u),console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));var c="horizontal"===n||"horizontal"===o;switch(n){case"horizontal":case"vertical":M&&!M.has(u)&&(M.add(u),console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));break;case"ltr":case"rtl":break;default:throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". "'+n+'" was specified.')}switch(o){case"horizontal":case"vertical":break;default:throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". "'+o+'" was specified.')}if(null==t)throw Error('An invalid "children" prop has been specified. Value should be a React component. "'+(null===t?"null":typeof t)+'" was specified.');if(c&&"number"!=typeof a)throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. "'+(null===a?"null":typeof a)+'" was specified.');if(!c&&"number"!=typeof r)throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. "'+(null===r?"null":typeof r)+'" was specified.')}},F=D({getItemOffset:function(e,i){return i*e.itemSize},getItemSize:function(e,i){return e.itemSize},getEstimatedTotalSize:function(e){var i=e.itemCount;return e.itemSize*i},getOffsetForIndexAndAlignment:function(e,i,t,n,r,o){var s=e.direction,l=e.height,a=e.itemCount,u=e.itemSize,c=e.layout,d=e.width,h="horizontal"===s||"horizontal"===c?d:l,f=Math.max(0,a*u-h),z=Math.min(f,i*u),m=Math.max(0,i*u-h+u+o);switch("smart"===t&&(t=n>=m-h&&n<=z+h?"auto":"center"),t){case"start":return z;case"end":return m;case"center":var p=Math.round(m+(z-m)/2);return p<Math.ceil(h/2)?0:p>f+Math.floor(h/2)?f:p;default:return n>=m&&n<=z?n:n<m?m:z}},getStartIndexForOffset:function(e,i){var t=e.itemCount,n=e.itemSize;return Math.max(0,Math.min(t-1,Math.floor(i/n)))},getStopIndexForStartIndex:function(e,i,t){var n=e.direction,r=e.height,o=e.itemCount,s=e.itemSize,l=e.layout,a=e.width,u=i*s,c="horizontal"===n||"horizontal"===l?a:r,d=Math.ceil((c+t-u)/s);return Math.max(0,Math.min(o-1,i+d-1))},initInstanceProps:function(e){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(e){var i=e.itemSize;if("production"!==process.env.NODE_ENV&&"number"!=typeof i)throw Error('An invalid "itemSize" prop has been specified. Value should be a number. "'+(null===i?"null":typeof i)+'" was specified.')}});let H;H="undefined"!=typeof window?window:"undefined"!=typeof self?self:global;let V=null,q=null;const B=H.clearTimeout,U=H.setTimeout,K=H.cancelAnimationFrame||H.mozCancelAnimationFrame||H.webkitCancelAnimationFrame,G=H.requestAnimationFrame||H.mozRequestAnimationFrame||H.webkitRequestAnimationFrame;function J(e){let i,t,n,r,o,s,l;const a="undefined"!=typeof document&&document.attachEvent;if(!a){s=function(e){const i=e.__resizeTriggers__,t=i.firstElementChild,n=i.lastElementChild,r=t.firstElementChild;n.scrollLeft=n.scrollWidth,n.scrollTop=n.scrollHeight,r.style.width=t.offsetWidth+1+"px",r.style.height=t.offsetHeight+1+"px",t.scrollLeft=t.scrollWidth,t.scrollTop=t.scrollHeight},o=function(e){return e.offsetWidth!==e.__resizeLast__.width||e.offsetHeight!==e.__resizeLast__.height},l=function(e){if(e.target.className&&"function"==typeof e.target.className.indexOf&&e.target.className.indexOf("contract-trigger")<0&&e.target.className.indexOf("expand-trigger")<0)return;const i=this;s(this),this.__resizeRAF__&&V(this.__resizeRAF__),this.__resizeRAF__=q(function(){o(i)&&(i.__resizeLast__.width=i.offsetWidth,i.__resizeLast__.height=i.offsetHeight,i.__resizeListeners__.forEach(function(t){t.call(i,e)}))})};let e=!1,a="";n="animationstart";const u="Webkit Moz O ms".split(" ");let c="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),d="";{const i=document.createElement("fakeelement");if(void 0!==i.style.animationName&&(e=!0),!1===e)for(let t=0;t<u.length;t++)if(void 0!==i.style[u[t]+"AnimationName"]){d=u[t],a="-"+d.toLowerCase()+"-",n=c[t],e=!0;break}}t="resizeanim",i="@"+a+"keyframes "+t+" { from { opacity: 0; } to { opacity: 0; } } ",r=a+"animation: 1ms "+t+"; "}return{addResizeListener:function(o,u){if(a)o.attachEvent("onresize",u);else{if(!o.__resizeTriggers__){const a=o.ownerDocument,u=H.getComputedStyle(o);u&&"static"===u.position&&(o.style.position="relative"),function(t){if(!t.getElementById("detectElementResize")){const n=(i||"")+".resize-triggers { "+(r||"")+'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',o=t.head||t.getElementsByTagName("head")[0],s=t.createElement("style");s.id="detectElementResize",s.type="text/css",null!=e&&s.setAttribute("nonce",e),s.styleSheet?s.styleSheet.cssText=n:s.appendChild(t.createTextNode(n)),o.appendChild(s)}}(a),o.__resizeLast__={},o.__resizeListeners__=[],(o.__resizeTriggers__=a.createElement("div")).className="resize-triggers";const c=a.createElement("div");c.className="expand-trigger",c.appendChild(a.createElement("div"));const d=a.createElement("div");d.className="contract-trigger",o.__resizeTriggers__.appendChild(c),o.__resizeTriggers__.appendChild(d),o.appendChild(o.__resizeTriggers__),s(o),o.addEventListener("scroll",l,!0),n&&(o.__resizeTriggers__.__animationListener__=function(e){e.animationName===t&&s(o)},o.__resizeTriggers__.addEventListener(n,o.__resizeTriggers__.__animationListener__))}o.__resizeListeners__.push(u)}},removeResizeListener:function(e,i){if(a)e.detachEvent("onresize",i);else if(e.__resizeListeners__.splice(e.__resizeListeners__.indexOf(i),1),!e.__resizeListeners__.length){e.removeEventListener("scroll",l,!0),e.__resizeTriggers__.__animationListener__&&(e.__resizeTriggers__.removeEventListener(n,e.__resizeTriggers__.__animationListener__),e.__resizeTriggers__.__animationListener__=null);try{e.__resizeTriggers__=!e.removeChild(e.__resizeTriggers__)}catch(e){}}}}}null==K||null==G?(V=B,q=function(e){return U(e,20)}):(V=function([e,i]){K(e),B(i)},q=function(e){const i=G(function(){B(t),e()}),t=U(function(){K(i),e()},20);return[i,t]});class Q extends l{constructor(...e){super(...e),this.state={height:this.props.defaultHeight||0,width:this.props.defaultWidth||0},this._autoSizer=null,this._detectElementResize=null,this._didLogDeprecationWarning=!1,this._parentNode=null,this._resizeObserver=null,this._timeoutId=null,this._onResize=()=>{this._timeoutId=null;const{disableHeight:e,disableWidth:i,onResize:t}=this.props;if(this._parentNode){const n=window.getComputedStyle(this._parentNode)||{},r=parseFloat(n.paddingLeft||"0"),o=parseFloat(n.paddingRight||"0"),s=parseFloat(n.paddingTop||"0"),l=parseFloat(n.paddingBottom||"0"),a=this._parentNode.getBoundingClientRect(),u=a.height-s-l,c=a.width-r-o;if(!e&&this.state.height!==u||!i&&this.state.width!==c){this.setState({height:u,width:c});const e=()=>{this._didLogDeprecationWarning||(this._didLogDeprecationWarning=!0,console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"))};"function"==typeof t&&t({height:u,width:c,get scaledHeight(){return e(),u},get scaledWidth(){return e(),c}})}}},this._setRef=e=>{this._autoSizer=e}}componentDidMount(){const{nonce:e}=this.props,i=this._autoSizer?this._autoSizer.parentNode:null;if(null!=i&&i.ownerDocument&&i.ownerDocument.defaultView&&i instanceof i.ownerDocument.defaultView.HTMLElement){this._parentNode=i;const t=i.ownerDocument.defaultView.ResizeObserver;null!=t?(this._resizeObserver=new t(()=>{this._timeoutId=setTimeout(this._onResize,0)}),this._resizeObserver.observe(i)):(this._detectElementResize=J(e),this._detectElementResize.addResizeListener(i,this._onResize)),this._onResize()}}componentWillUnmount(){this._parentNode&&(this._detectElementResize&&this._detectElementResize.removeResizeListener(this._parentNode,this._onResize),null!==this._timeoutId&&clearTimeout(this._timeoutId),this._resizeObserver&&this._resizeObserver.disconnect())}render(){const{children:e,defaultHeight:i,defaultWidth:t,disableHeight:n=!1,disableWidth:r=!1,doNotBailOutOnEmptyChildren:s=!1,nonce:l,onResize:a,style:u={},tagName:c="div",...d}=this.props,{height:h,width:f}=this.state,z={overflow:"visible"},m={};let p=!1;return n||(0===h&&(p=!0),z.height=0,m.height=h,m.scaledHeight=h),r||(0===f&&(p=!0),z.width=0,m.width=f,m.scaledWidth=f),s&&(p=!1),o(c,{ref:this._setRef,style:{...z,...u},...d},!p&&e(m))}}var X=150,Y=function(i){var n,r=i.column,o=i.width,s=i.sticky,l=i.stickyPosition,a=s?((n={position:"sticky"})[s]="".concat(l||0,"px"),n.zIndex=25,n.backgroundColor="white",n):{},u="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-4 zui:py-4 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[60px] ".concat(u),style:e({width:"".concat(o,"px"),minWidth:"".concat(o,"px"),maxWidth:"".concat(o,"px")},a),children:t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse zui:w-3/4"})})},Z=function(e){var i=e.leftStickyColumns,r=e.rightStickyColumns,o=e.regularColumns,s=e.selection,l=e.calculateStickyPosition,a=e.rowIndex;return n("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:bg-white",children:[(null==s?void 0:s.enabled)&&t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-white zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:t("div",{className:"zui:w-4 zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})}),i.map(function(e,n){return t(Y,{column:e,width:e.width||X,sticky:"left",stickyPosition:l(i,n,"left")},"left-".concat(e.id,"-").concat(a))}),o.map(function(e,i){return t(Y,{column:e,width:e.width||X},"regular-".concat(e.id,"-").concat(a))}),r.map(function(e,i){return t(Y,{column:e,width:e.width||X,sticky:"right",stickyPosition:l(r,i,"right")},"right-".concat(e.id,"-").concat(a))})]})},$=function(e){var i=e.columns,n=e.leftStickyColumns,r=e.rightStickyColumns,o=e.regularColumns,s=e.selection,l=e.calculateStickyPosition,a=e.totalWidth;return t("div",{style:{minWidth:"".concat(a,"px")},children:Array.from({length:10},function(e,a){return t(Z,{columns:i,leftStickyColumns:n,rightStickyColumns:r,regularColumns:o,selection:s,calculateStickyPosition:l,rowIndex:a},"skeleton-row-".concat(a))})})},ee=function(o){var s,l,f=o.columns,z=o.data,m=o.loading,w=void 0!==m&&m,b=o.stickyColumns,x=o.pagination,S=o.selection,k=o.sorting,C=o.filtering,N=o.expansion,R=o.virtualization,I=void 0===R?{enabled:!1}:R,E=o.onRowClick;o.bulkActions;var T=o.isRowSelectable,O=o.className,L=void 0===O?"":O;o.variant;var W=a(f),P=W[0],M=W[1],A=a(""),D=A[0];A[1];var j=a(!1),H=j[0];j[1];var V=u(null),q=u(null),B=u(null),U=c(function(){return P.map(function(i){var t,n,r=i.sticky;return(null===(t=null==b?void 0:b.left)||void 0===t?void 0:t.includes(i.id))?r="left":(null===(n=null==b?void 0:b.right)||void 0===n?void 0:n.includes(i.id))&&(r="right"),e(e({},i),{sticky:r})})},[P,b]),K=c(function(){return U.filter(function(e){return!e.hidden})},[U]),G=null!==(s=null==b?void 0:b.left)&&void 0!==s?s:[],J=null!==(l=null==b?void 0:b.right)&&void 0!==l?l:[],Y=K.filter(function(e){return G.includes(e.id)}),Z=K.filter(function(e){return J.includes(e.id)}),ee=K.filter(function(e){return!G.includes(e.id)&&!J.includes(e.id)}),ne=c(function(){return ee.reduce(function(e,i){return e+(i.width||X)},0)},[ee]),re=c(function(){var e=0;return(null==S?void 0:S.enabled)&&(e+=48),K.forEach(function(i){e+=i.width||X}),Math.max(e,800)},[K,S]),oe=c(function(){var e=i([],z,!0);return D&&(e=e.filter(function(e){return Object.values(e).some(function(e){return String(e).toLowerCase().includes(D.toLowerCase())})})),(null==C?void 0:C.filters)&&Object.entries(C.filters).forEach(function(i){var t=i[0],n=i[1];n&&(e=e.filter(function(e){return String(e[t]).toLowerCase().includes(String(n).toLowerCase())}))}),(null==k?void 0:k.sortBy)&&e.sort(function(e,i){var t=e[k.sortBy],n=i[k.sortBy];return t<n?"asc"===k.sortOrder?-1:1:t>n?"asc"===k.sortOrder?1:-1:0}),e},[z,D,null==C?void 0:C.filters,k]);d(function(){var e=q.current,i=B.current;if(e&&i){var t=!1,n=!1,r=function(){n||(t=!0,i.scrollLeft=e.scrollLeft,setTimeout(function(){t=!1},0))},o=function(){t||(n=!0,e.scrollLeft=i.scrollLeft,setTimeout(function(){n=!1},0))};return e.addEventListener("scroll",r),i.addEventListener("scroll",o),function(){e.removeEventListener("scroll",r),i.removeEventListener("scroll",o)}}},[]);var se=h(function(){if((null==S?void 0:S.enabled)&&oe){var e=oe.filter(function(e){return!T||T(e)}).map(function(e){return e.id});if(e.every(function(e){return S.selectedRows.includes(e)}))S.onSelectionChange(S.selectedRows.filter(function(i){return!e.includes(i)}));else{var t=Array.from(new Set(i(i([],S.selectedRows.filter(function(i){return!e.includes(i)}),!0),e,!0)));S.onSelectionChange(t)}}},[oe,S,T]),le=h(function(e){if(null==S?void 0:S.enabled){var t=S.selectedRows;t.includes(e)?S.onSelectionChange(t.filter(function(i){return i!==e})):S.onSelectionChange(i(i([],t,!0),[e],!1))}},[S]),ae=h(function(e){if(N){var t=N.expandedRows;t.includes(e)?N.onExpansionChange(t.filter(function(i){return i!==e})):N.onExpansionChange(i(i([],t,!0),[e],!1))}},[N]),ue=h(function(i){M(function(t){return t.map(function(t){return t.id===i?e(e({},t),{hidden:!t.hidden}):t})})},[]),ce=h(function(e,i,n){var r=i[e.accessor];return e.render?e.render(r,i,n):t("span",{className:"zui:truncate",children:String(r||"")})},[]),de=h(function(e,i,t){var n=0;return"left"===t?((null==S?void 0:S.enabled)&&(n+=48),e.slice(0,i).forEach(function(e){n+=e.width||X})):e.slice(i+1).forEach(function(e){n+=e.width||X}),n},[S]);return n("div",{className:"zui:w-full zui:h-full zui:bg-white  zui:flex zui:flex-col ".concat(L),children:[H&&!w&&n("div",{className:"zui:absolute zui:right-4 zui:top-16 zui:z-50 zui:w-64 zui:bg-white zui:border zui:border-gray-200 zui:rounded-lg zui:shadow-lg zui:p-4",children:[t("h3",{className:"zui:text-sm zui:font-medium zui:text-gray-900 zui:mb-3",children:"Show/Hide Columns"}),f.map(function(e){return n("label",{className:"zui:flex zui:items-center zui:space-x-2 zui:mb-2",children:[t("input",{type:"checkbox",checked:!e.hidden,onChange:function(){return ue(e.id)},className:"zui:rounded zui:border-gray-300"}),t("span",{className:"zui:text-sm zui:text-gray-700",children:e.header})]},e.id)})]}),n("div",{ref:V,className:"zui:relative zui:flex-1 zui:min-h-0 zui:overflow-hidden",children:[n("div",{className:"zui:sticky zui:top-0 zui:z-40 zui:bg-gray-50 zui:border-b zui:border-gray-200 zui:flex",children:[(null==S?void 0:S.enabled)&&t("div",{className:"zui:sticky zui:left-0 zui:z-50 zui:bg-gray-100 zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:t(p,{checked:!w&&oe.length>0&&oe.every(function(e){return S.selectedRows.includes(e.id)}),onChange:se,disabled:w,className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4 zui:disabled:opacity-50"})}),Y.map(function(e,i){return t(ie,{column:e,width:e.width||X,sticky:"left",stickyPosition:de(Y,i,"left"),sorting:k,loading:w},e.id)}),t("div",{ref:q,className:"zui:flex-1 zui:overflow-x-auto zui:scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:t("div",{className:"zui:flex",style:{minWidth:"".concat(ne,"px")},children:ee.map(function(e){return t(ie,{column:e,width:e.width||X,sorting:k,loading:w},e.id)})})}),Z.map(function(e,i){return t(ie,{column:e,width:e.width||X,sticky:"right",stickyPosition:de(Z,i,"right"),sorting:k,loading:w},e.id)})]}),t("div",{ref:B,className:"zui:flex-1 zui:overflow-auto zui:h-[calc(100%_-_2.75rem)]",style:{minHeight:"200px"},children:(null==I?void 0:I.enabled)?t(Q,{children:function(e){var i=e.height,n=e.width;return t(F,{height:i,width:n,itemCount:oe.length,itemSize:I.rowHeight||60,overscanCount:I.overscan||5,children:function(e){var i=e.index,n=e.style;return t("div",{style:n,children:t(te,{row:oe[i],rowIndex:i,columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,expansion:N,onRowClick:E,onRowSelection:le,onRowExpansion:ae,renderCell:ce,calculateStickyPosition:de,isRowSelectable:T})},oe[i].id)}})}}):w?t($,{columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,calculateStickyPosition:de,totalWidth:re}):0===oe.length?n("div",{className:"zui:flex zui:flex-col zui:items-center zui:justify-center zui:py-12",children:[t("div",{className:"zui:text-gray-400 zui:text-lg zui:mb-2",children:"No data found"}),t("div",{className:"zui:text-gray-500 zui:text-sm",children:"Try adjusting your search or filters"})]}):t("div",{style:{minWidth:"".concat(re,"px")},children:oe.map(function(e,i){return t(te,{row:e,rowIndex:i,columns:K,leftStickyColumns:Y,rightStickyColumns:Z,regularColumns:ee,selection:S,expansion:N,onRowClick:E,onRowSelection:le,onRowExpansion:ae,renderCell:ce,calculateStickyPosition:de,isRowSelectable:T},e.id)})})})]}),x&&n("div",{className:"zui:flex zui:items-center zui:justify-between zui:px-4 zui:py-3 zui:border-t zui:border-gray-200 zui:flex-shrink-0 zui:bg-white",children:[t("div",{className:"zui:text-sm zui:text-gray-700",children:w?t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse",style:{width:"200px"}}):"Showing ".concat((x.page-1)*x.pageSize+1,"-").concat(Math.min(x.page*x.pageSize,x.total)," of ").concat(x.total," entries")}),t("div",{className:"zui:flex zui:items-center zui:space-x-2",children:w?t(r,{children:Array.from({length:4},function(e,i){return t("div",{className:"zui:w-8 zui:h-8 zui:bg-gray-200 zui:rounded zui:animate-pulse"},i)})}):n(r,{children:[n("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:ml-2",children:[t("span",{className:"zui:text-sm zui:text-gray-700",children:"Per page:"}),t("select",{value:x.pageSize,onChange:function(e){return x.onPageSizeChange(Number(e.target.value))},className:"zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:text-sm",children:[5,10,20,50,100].map(function(e){return t("option",{value:e,children:e},e)})})]}),t("button",{onClick:function(){return x.onPageChange(1)},disabled:1===x.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(g,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.max(1,x.page-1))},disabled:1===x.page,className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(v,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.min(Math.ceil(x.total/x.pageSize),x.page+1))},disabled:x.page>=Math.ceil(x.total/x.pageSize),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(y,{size:18})}),t("button",{onClick:function(){return x.onPageChange(Math.ceil(x.total/x.pageSize))},disabled:x.page>=Math.ceil(x.total/x.pageSize),className:"zui:px-2 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:t(_,{size:18})})]})})]})]})},ie=function(i){var r,o=i.column,s=i.width,l=i.sticky,a=i.stickyPosition,u=i.sorting,c=i.loading,d=void 0!==c&&c,h=l?((r={position:"sticky"})[l]="".concat(a||0,"px"),r.zIndex=45,r.backgroundColor="#f9fafb",r):{},f="center"===o.align?"zui:justify-center":"right"===o.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-3 zui:py-3 zui:text-left zui:text-sm zui:font-medium zui:text-gray-500 zui:tracking-wider zui:border-r zui:border-gray-300 zui:bg-gray-100 zui:flex-shrink-0 ".concat(f),style:e({width:"".concat(s,"px"),minWidth:"".concat(s,"px"),maxWidth:"".concat(s,"px")},h),children:n("div",{className:"zui:flex zui:items-center zui:space-x-1 zui:flex-1 zui:min-w-0",children:[t("span",{className:"zui:truncate zui:flex-1",children:o.header}),o.sortable&&t("button",{onClick:function(){if(o.sortable&&u&&!d){var e="asc";u.sortBy===o.id&&(e="asc"===u.sortOrder?"desc":"asc"),u.onSortChange(o.id,e)}},disabled:d,className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors zui:flex-shrink-0 zui:disabled:opacity-50 zui:disabled:cursor-not-allowed",children:d||(null==u?void 0:u.sortBy)!==o.id?t(x,{className:"zui:w-4 zui:h-4 zui:text-gray-400"}):"asc"===u.sortOrder?t(w,{className:"zui:w-4 zui:h-4 zui:text-blue-600"}):t(b,{className:"zui:w-4 zui:h-4 zui:text-blue-600"})})]})})},te=function(e){var i=e.row,o=e.rowIndex,s=e.leftStickyColumns,l=e.rightStickyColumns,a=e.regularColumns,u=e.selection,c=e.expansion,d=e.onRowClick,f=e.onRowSelection,z=e.onRowExpansion,m=e.renderCell,g=e.calculateStickyPosition,v=e.isRowSelectable,_=(null==u?void 0:u.selectedRows.includes(i.id))||!1,w=(null==c?void 0:c.expandedRows.includes(i.id))||!1,b=i._children&&i._children.length>0,x=h(function(){f(i.id)},[i.id,f]),k=h(function(){z(i.id)},[i.id,z]),C=h(function(e,i,r){var o=e.render?e.render(i[e.accessor],i,r):t("span",{className:"zui:truncate",children:String(i[e.accessor]||"")});return n("div",{className:"zui:flex zui:items-center zui:w-full",children:[c&&t("div",{className:"zui:flex-shrink-0 zui:mr-2",children:b?t("button",{onClick:function(e){e.stopPropagation(),k()},className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors",children:t(w?S:y,{className:"zui:w-4 zui:h-4"})}):t("div",{className:"zui:w-6 zui:h-6"})}),t("div",{className:"zui:flex-1 zui:min-w-0",children:o})]})},[c,b,w,k]);return n(r,{children:[n("div",{className:"zui:flex zui:min-w-full zui:border-b zui:border-gray-200 zui:hover:bg-gray-50 zui:transition-colors zui:cursor-pointer ".concat(_?"zui:bg-blue-50":"zui:bg-white"),onClick:function(){return null==d?void 0:d(i)},children:[(null==u?void 0:u.enabled)&&(!v||v(i)?t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0",children:t(p,{checked:_,onChange:function(e){e.stopPropagation(),x()},className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4"})}):t("div",{className:"zui:sticky zui:left-0 zui:z-30 zui:bg-inherit zui:border-r zui:border-gray-200 zui:w-12 zui:flex zui:items-center zui:justify-center zui:px-3 zui:py-4 zui:flex-shrink-0"})),s.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,sticky:"left",stickyPosition:g(s,n,"left"),renderCell:0===n?C:m},e.id)}),a.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,renderCell:0===s.length&&0===n?C:m},e.id)}),l.map(function(e,n){return t(ne,{column:e,row:i,rowIndex:o,width:e.width||X,sticky:"right",stickyPosition:g(l,n,"right"),renderCell:m},e.id)})]}),w&&(null==c?void 0:c.renderExpandedRow)&&t("div",{className:"zui:border-b zui:border-gray-200 zui:bg-gray-50",children:c.renderExpandedRow(i)})]})},ne=function(i){var n,r=i.column,o=i.row,s=i.rowIndex,l=i.width,a=i.sticky,u=i.stickyPosition,c=i.renderCell,d=a?((n={position:"sticky"})[a]="".concat(u||0,"px"),n.zIndex=25,n.backgroundColor="inherit",n):{},h="center"===r.align?"zui:justify-center":"right"===r.align?"zui:justify-end":"zui:justify-start";return t("div",{className:"zui:flex zui:items-center zui:px-3 zui:py-1 zui:text-sm zui:text-gray-900 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[50px] ".concat(h),style:e({width:"".concat(l,"px"),minWidth:"".concat(l,"px"),maxWidth:"".concat(l,"px")},d),children:t("div",{className:"zui:w-full zui:min-w-0",children:c(r,o,s)})})};export{ee as Table,ee as default};

package/dist/components/TimePicker/index.esm.js

@@ -1 +1 @@
-import{_ as i,a as e}from"../../chunks/tslib.es6-b7083bd5.esm.js";import{jsxs as u,jsx as n}from"react/jsx-runtime";import*as o from"react";import r from"@mui/material/Popover";import{X as t,m as l,n as a}from"../../chunks/lucide-232cb488.esm.js";function d(){for(var i=[],e=0;e<arguments.length;e++)i[e]=arguments[e];return i.filter(Boolean).join(" ")}var s={xs:"zui:h-8 zui:text-xs",sm:"zui:h-9 zui:text-sm",md:"zui:h-10 zui:text-sm",lg:"zui:h-11 zui:text-base"},c={xs:"zui:py-1.5",sm:"zui:py-2",md:"zui:py-2",lg:"zui:py-2.5"},z={xs:"zui:px-2",sm:"zui:px-2.5",md:"zui:px-3",lg:"zui:px-3.5"},m={xs:"zui:pr-8",sm:"zui:pr-9",md:"zui:pr-10",lg:"zui:pr-11"},v={xs:"zui:min-w-[10rem]",sm:"zui:min-w-[12rem]",md:"zui:min-w-[12rem]",lg:"zui:min-w-[14rem]"};function f(i){return i<10?"0".concat(i):"".concat(i)}function p(i,e,u){void 0===u&&(u=0);for(var n=[],o=u;o<=e;o+=i)n.push(o);return n}function b(i,e,u){if("string"!=typeof i)return null;var n=i.trim();if(!n)return null;var o,r=n.toLowerCase().match(/\s?(am|pm)$/i),t=n;r&&r[1]&&(o=r[1].toLowerCase(),t=n.replace(/\s?(am|pm)$/i,""));var l=t.split(":").map(function(i){return i.trim()});if(l.length<2||l.length>3)return null;var a=Number(l[0]),d=Number(l[1]),s=3===l.length?Number(l[2]):0;return[a,d,s].some(function(i){return Number.isNaN(i)})||(e?a<1||a>12:a<0||a>23)||d<0||d>59||s<0||s>59?null:{h:a,m:d,s:u?s:0,meridiem:o}}function h(i,e){return e?"am"===e?12===i?0:i:12===i?12:i+12:i}function g(i,e,u,n,o){var r,t=null!==(r=null==n?void 0:n.includes(":ss"))&&void 0!==r&&r;if(o){var l=i>=12,a="".concat(f(i%12==0?12:i%12),":").concat(f(e)).concat(t?":".concat(f(u)):"");return n&&n.includes(" a")?"".concat(a," ").concat(l?"pm":"am"):a}return"".concat(f(i),":").concat(f(e)).concat(t?":".concat(f(u)):"")}var x=o.forwardRef(function(x,y){var w,N=x.label,k=x.floatingLabel,C=void 0!==k&&k,S=x.description,M=x.error,T=x.size,D=void 0===T?"md":T,L=x.variant,H=void 0===L?"outlined":L,P=x.focusOutline,O=void 0===P||P,A=x.className,E=x.value,R=x.defaultValue,Z=void 0===R?null:R,F=x.onChange,j=x.format,q=void 0===j?"HH:mm":j,K=x.use12Hours,U=x.hourStep,B=void 0===U?1:U,I=x.minuteStep,V=void 0===I?1:I,$=x.secondStep,W=void 0===$?1:$,Y=x.needConfirm,_=void 0===Y||Y,G=x.showNow,J=void 0===G||G,Q=x.okText,X=void 0===Q?"OK":Q,ii=x.closeText,ei=void 0===ii?"Close":ii,ui=x.nowText,ni=void 0===ui?"Now":ui,oi=x.amText,ri=void 0===oi?"AM":oi,ti=x.pmText,li=void 0===ti?"PM":ti,ai=x.hourLabel,di=void 0===ai?"Hour":ai,si=x.minuteLabel,ci=void 0===si?"Minute":si,zi=x.secondLabel,mi=void 0===zi?"Second":zi,vi=x.disabledHours,fi=x.disabledMinutes,pi=x.disabledSeconds,bi=x.disabled,hi=x.placeholder,gi=x.required,xi=x.allowClear,yi=void 0===xi||xi,wi=x.id,Ni=x.timeZone,ki=x.locale,Ci=x.returnAs,Si=void 0===Ci?"timeOfDay":Ci,Mi=x.dateForConversion,Ti=i(x,["label","floatingLabel","description","error","size","variant","focusOutline","className","value","defaultValue","onChange","format","use12Hours","hourStep","minuteStep","secondStep","needConfirm","showNow","okText","closeText","nowText","amText","pmText","hourLabel","minuteLabel","secondLabel","disabledHours","disabledMinutes","disabledSeconds","disabled","placeholder","required","allowClear","id","timeZone","locale","returnAs","dateForConversion"]),Di=wi||function(i){void 0===i&&(i="timepicker");var e=o.useRef();return e.current||(e.current="".concat(i,"-").concat(Math.random().toString(36).slice(2,9))),e.current}("timepicker"),Li=o.useMemo(function(){if(ki)return ki.toLowerCase().startsWith("en-us")},[ki]),Hi=null!==(w=null!=K?K:q.includes("hh")||q.includes(" a"))&&void 0!==w?w:!!Li,Pi=q.includes(":ss"),Oi=o.useRef(void 0!==E).current,Ai=o.useState(null!=Z?Z:""),Ei=Ai[0],Ri=Ai[1],Zi=Oi?null!=E?E:"":Ei,Fi=o.useState(Zi),ji=Fi[0],qi=Fi[1];o.useEffect(function(){qi(Zi)},[Zi]);var Ki=o.useState(null),Ui=Ki[0],Bi=Ki[1],Ii=Boolean(Ui),Vi=o.useRef(null),$i=o.useRef(!1);function Wi(i,e){Bi(i?null!=e?e:Vi.current:null)}o.useEffect(function(){function i(i){"Escape"===i.key&&(i.stopPropagation(),i.preventDefault(),Ii&&Bi(null))}return Ii&&document.addEventListener("keydown",i,!0),function(){return document.removeEventListener("keydown",i,!0)}},[Ii]);var Yi=o.useMemo(function(){return b(Zi,Hi,Pi)},[Zi,Hi,Pi]),_i=o.useState(Yi),Gi=_i[0],Ji=_i[1];o.useEffect(function(){if(Ii){var i=b(Zi,Hi,Pi);Ji(i),qi(Zi)}},[Ii,Zi,Hi,Pi]);var Qi=o.useMemo(function(){return Hi?p(B,12,1):p(B,23,0)},[Hi,B]),Xi=o.useMemo(function(){return p(V,59,0)},[V]),ie=o.useMemo(function(){return p(W,59,0)},[W]);function ee(i,e){if(!F||!e)return null==F||F(""===i?null:i),void(Oi||Ri(i));var u=e.h24,n=e.m,o=e.s,r=Ni||void 0;if("dateTimeUtc"===Si){if(!Mi||!r)return null==F||F({hour24:u,minute:n,second:o,timeZone:r,text:i,warning:"dateForConversion and timeZone are required for UTC conversion; returning timeOfDay."}),void(Oi||Ri(i));var t="string"==typeof Mi?new Date(Mi):Mi,l=t.getFullYear(),a=String(t.getMonth()+1).padStart(2,"0"),d=String(t.getDate()).padStart(2,"0");return null==F||F({wallTime:{hour24:u,minute:n,second:o},date:"".concat(l,"-").concat(a,"-").concat(d),timeZone:r,text:i,note:"Use a timezone-aware date lib with date+timeZone to convert to UTC."}),void(Oi||Ri(i))}null==F||F({hour24:u,minute:n,second:o,timeZone:r,text:i}),Oi||Ri(i)}function ue(i,e,u,n){if(!(null==vi?void 0:vi(Hi?i%12||12:i))&&!((null==fi?void 0:fi(e))||Pi&&(null==pi?void 0:pi(u)))){var o=Hi?h(i,n):i,r=g(o,e,u,q,Hi);ee(r,{h24:o,m:e,s:u}),qi(r)}}var ne=o.useMemo(function(){return Gi?g(Hi?h(Gi.h,Gi.meridiem):Gi.h,Gi.m,Gi.s,q,Hi):""},[Gi,Hi,q]),oe=Ii&&""!==ne.trim()?ne:Zi;function re(i,e,u,n){Ji({h:i,m:e,s:u,meridiem:n});var o=Hi?h(i,n):i;qi(g(o,e,u,q,Hi)),_||ue(i,e,u,n)}var te=o.useRef(null),le=o.useRef(null),ae=o.useRef(null);function de(i,e){var u=i.current;if(u){var n=Array.from(u.querySelectorAll('button[role="option"]:not([aria-disabled="true"])'));if(0!==n.length){var o=n.findIndex(function(i){return i===document.activeElement});n[o<0?0:Math.max(0,Math.min(n.length-1,o+e))].focus()}}}function se(i,e){"ArrowDown"===i.key?(i.preventDefault(),de(e,1)):"ArrowUp"===i.key&&(i.preventDefault(),de(e,-1))}var ce=m[D],ze="lg"===D?18:16,me=N||"Time picker",ve=Boolean(oe)&&!bi&&!!yi,fe="outlined"===H?"zui:border-gray-300 focus:zui:border-gray-400":"zui:border-transparent";return u("div",{className:d("zui:flex zui:flex-col",A),children:[!C&&N&&u("label",{htmlFor:Di,className:"zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",children:[N,gi&&n("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),u("div",{ref:Vi,className:d("zui:relative zui:flex zui:items-center zui:w-full",v[D]),children:[n("input",e({readOnly:!0,id:Di,ref:y,value:oe,onChange:function(i){var e;qi(null!==(e=i.target.value)&&void 0!==e?e:"")},onBlur:function(){var i=b((null!=ji?ji:"").trim(),Hi,Pi);_?i?Ji(i):(qi(Zi),Ji(Yi)):i?ue(i.h,i.m,i.s,i.meridiem):qi(Zi)},onFocus:function(i){bi||$i.current||Wi(!0,Vi.current||i.currentTarget)},onClick:function(i){bi||$i.current||Wi(!0,Vi.current||i.currentTarget)},placeholder:null!=hi?hi:Hi?Pi?"hh:mm:ss a":"hh:mm a":Pi?"HH:mm:ss":"HH:mm","aria-label":me,disabled:bi,required:gi,className:d("zui:relative zui:w-full zui:rounded-md zui:border zui:bg-background zui:text-sm zui:transition-colors",fe,O?Ii?"zui:ring-1 zui:ring-gray-400 zui:outline-none":"focus:zui:ring-1 focus:zui:ring-gray-400 focus:zui:outline-none":"focus:zui:outline-none",s[D],c[D],ce,M?"zui:border-red-500":"","zui:pl-3")},Ti)),u("div",{className:d("zui:absolute zui:right-0 zui:inset-y-0 zui:flex zui:items-center zui:gap-1",z[D]),children:[ve?n("button",{type:"button","aria-label":"Clear time",onClick:function(i){i.stopPropagation(),Ji(null),qi(""),ee(""),$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1})},className:"zui:text-gray-500 hover:zui:text-gray-700 disabled:zui:opacity-50",disabled:bi,children:n(t,{size:ze})}):null,n("button",{type:"button","aria-label":Ii?"Close time panel":"Open time panel",onClick:function(i){i.stopPropagation(),function(i){bi||Wi(!Ii,i.currentTarget)}(i)},className:"zui:text-gray-600 hover:zui:text-gray-800 disabled:zui:opacity-50",disabled:bi,children:n(Ii?l:a,{size:ze})})]})]}),S&&!M&&n("p",{className:"zui:mt-1 zui:text-xs zui:text-gray-500",children:S}),M&&n("p",{className:"zui:mt-1 zui:text-xs zui:text-red-600",children:M}),n(r,{open:Ii,anchorEl:Ui,onClose:function(i,e){"backdropClick"!==e&&"escapeKeyDown"!==e&&($i.current=!0,Wi(!1),_&&(qi(Zi),Ji(Yi)),Promise.resolve().then(function(){$i.current=!1}))},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},slotProps:{paper:{className:d("zui:rounded-md zui:border zui:border-gray-200 zui:shadow-lg zui:bg-white zui:p-2","zui:w-[22rem] sm:zui:w-[24rem]")}},children:u("div",{className:"zui:flex zui:flex-col zui:gap-2",children:[u("div",{className:d("zui:grid zui:gap-2",Pi?"zui:grid-cols-3":"zui:grid-cols-2"),children:[u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100 zui:font-semibold",children:di}),n("div",{ref:te,role:"listbox",tabIndex:0,onKeyDown:function(i){return se(i,te)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",children:Qi.map(function(i){var e,u=Gi&&(Hi?(Gi.h%12||12)===i:Gi.h===i)||!Gi&&Yi&&(Hi?(Yi.h%12||12)===i:Yi.h===i),o=null!==(e=null==vi?void 0:vi(Hi?i%12||12:i))&&void 0!==e&&e;return n("button",{type:"button",role:"option","aria-selected":!!u,"aria-disabled":o,onClick:function(){var e,u,n,r,t,l;if(!o){var a=null!==(u=null!==(e=null==Gi?void 0:Gi.m)&&void 0!==e?e:null==Yi?void 0:Yi.m)&&void 0!==u?u:0,d=null!==(r=null!==(n=null==Gi?void 0:Gi.s)&&void 0!==n?n:null==Yi?void 0:Yi.s)&&void 0!==r?r:0,s=Hi?null!==(l=null!==(t=null==Gi?void 0:Gi.meridiem)&&void 0!==t?t:null==Yi?void 0:Yi.meridiem)&&void 0!==l?l:"am":void 0;re(i,a,d,s)}},className:d("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",u&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",o&&"zui:opacity-40 zui:cursor-not-allowed"),children:f(i)},i)})})]}),u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100 zui:font-semibold",children:ci}),n("div",{ref:le,role:"listbox",tabIndex:0,onKeyDown:function(i){return se(i,le)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",children:Xi.map(function(i){var e,u,o=(null!==(e=null==Gi?void 0:Gi.m)&&void 0!==e?e:null==Yi?void 0:Yi.m)===i,r=null!==(u=null==fi?void 0:fi(i))&&void 0!==u&&u;return n("button",{type:"button",role:"option","aria-selected":!!o,"aria-disabled":r,onClick:function(){var e,u,n,o,t,l;if(!r){var a=null!==(u=null!==(e=null==Gi?void 0:Gi.h)&&void 0!==e?e:null==Yi?void 0:Yi.h)&&void 0!==u?u:Hi?12:0,d=Hi?null!==(o=null!==(n=null==Gi?void 0:Gi.meridiem)&&void 0!==n?n:null==Yi?void 0:Yi.meridiem)&&void 0!==o?o:"am":void 0;re(a,i,null!==(l=null!==(t=null==Gi?void 0:Gi.s)&&void 0!==t?t:null==Yi?void 0:Yi.s)&&void 0!==l?l:0,d)}},className:d("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",o&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:f(i)},i)})})]}),Pi?u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100",children:mi}),n("div",{ref:ae,role:"listbox",tabIndex:0,onKeyDown:function(i){return se(i,ae)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",children:ie.map(function(i){var e,u,o=(null!==(e=null==Gi?void 0:Gi.s)&&void 0!==e?e:null==Yi?void 0:Yi.s)===i,r=null!==(u=null==pi?void 0:pi(i))&&void 0!==u&&u;return n("button",{type:"button",role:"option","aria-selected":!!o,"aria-disabled":r,onClick:function(){var e,u,n,o,t,l;if(!r){var a=null!==(u=null!==(e=null==Gi?void 0:Gi.h)&&void 0!==e?e:null==Yi?void 0:Yi.h)&&void 0!==u?u:Hi?12:0,d=Hi?null!==(o=null!==(n=null==Gi?void 0:Gi.meridiem)&&void 0!==n?n:null==Yi?void 0:Yi.meridiem)&&void 0!==o?o:"am":void 0;re(a,null!==(l=null!==(t=null==Gi?void 0:Gi.m)&&void 0!==t?t:null==Yi?void 0:Yi.m)&&void 0!==l?l:0,i,d)}},className:d("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",o&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:f(i)},i)})})]}):Hi?u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100",children:"AM/PM"}),n("div",{className:"zui:p-1 zui:flex zui:gap-1",children:["am","pm"].map(function(i){var e,u,o=(null!==(u=null!==(e=null==Gi?void 0:Gi.meridiem)&&void 0!==e?e:null==Yi?void 0:Yi.meridiem)&&void 0!==u?u:"am")===i;return n("button",{type:"button",onClick:function(){var e,u,n,o,r,t;re(null!==(u=null!==(e=null==Gi?void 0:Gi.h)&&void 0!==e?e:null==Yi?void 0:Yi.h)&&void 0!==u?u:12,null!==(o=null!==(n=null==Gi?void 0:Gi.m)&&void 0!==n?n:null==Yi?void 0:Yi.m)&&void 0!==o?o:0,null!==(t=null!==(r=null==Gi?void 0:Gi.s)&&void 0!==r?r:null==Yi?void 0:Yi.s)&&void 0!==t?t:0,i)},className:d("zui:flex-1 zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",o&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium"),"aria-pressed":o,children:"am"===i?ri:li},i)})})]}):null]}),u("div",{className:"zui:flex zui:justify-between zui:items-center zui:pt-1",children:[J?n("button",{type:"button",onClick:function(){var i,e=new Date,u=e.getHours(),n=e.getMinutes(),o=Pi?e.getSeconds():0;Hi&&(i=u>=12?"pm":"am",u=u%12==0?12:u%12),Ji({h:u,m:n,s:o,meridiem:i});var r=Hi?h(u,i):u,t=g(r,n,o,q,Hi);qi(t),ee(t,{h24:r,m:n,s:o}),$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1})},className:"zui:text-blue-600 hover:zui:text-blue-700 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded zui:px-1 zui:py-0.5",children:ni}):n("span",{}),u("div",{className:"zui:flex zui:gap-2",children:[n("button",{type:"button",onClick:function(){$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1})},className:"zui:text-gray-700 hover:zui:text-gray-900 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded zui:px-2 zui:py-1",children:ei}),_&&n("button",{type:"button",onClick:function(){Gi&&(ue(Gi.h,Gi.m,Gi.s,Gi.meridiem),$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1}))},className:"zui:text-white zui:bg-blue-600 hover:zui:bg-blue-700 zui:text-sm zui:px-3 zui:py-1 zui:rounded focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",children:X})]})]})]})})]})});export{x as TimePicker,x as default};
+import{_ as i,a as e}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsxs as u,jsx as n}from"react/jsx-runtime";import*as o from"react";import r from"@mui/material/Popover";import{X as t,m as l,n as a}from"../../chunks/lucide-2a18f5d4.esm.js";function d(){for(var i=[],e=0;e<arguments.length;e++)i[e]=arguments[e];return i.filter(Boolean).join(" ")}var s={xs:"zui:h-8 zui:text-xs",sm:"zui:h-9 zui:text-sm",md:"zui:h-10 zui:text-sm",lg:"zui:h-11 zui:text-base"},c={xs:"zui:py-1.5",sm:"zui:py-2",md:"zui:py-2",lg:"zui:py-2.5"},z={xs:"zui:px-2",sm:"zui:px-2.5",md:"zui:px-3",lg:"zui:px-3.5"},m={xs:"zui:pr-8",sm:"zui:pr-9",md:"zui:pr-10",lg:"zui:pr-11"},v={xs:"zui:min-w-[10rem]",sm:"zui:min-w-[12rem]",md:"zui:min-w-[12rem]",lg:"zui:min-w-[14rem]"};function f(i){return i<10?"0".concat(i):"".concat(i)}function p(i,e,u){void 0===u&&(u=0);for(var n=[],o=u;o<=e;o+=i)n.push(o);return n}function b(i,e,u){if("string"!=typeof i)return null;var n=i.trim();if(!n)return null;var o,r=n.toLowerCase().match(/\s?(am|pm)$/i),t=n;r&&r[1]&&(o=r[1].toLowerCase(),t=n.replace(/\s?(am|pm)$/i,""));var l=t.split(":").map(function(i){return i.trim()});if(l.length<2||l.length>3)return null;var a=Number(l[0]),d=Number(l[1]),s=3===l.length?Number(l[2]):0;return[a,d,s].some(function(i){return Number.isNaN(i)})||(e?a<1||a>12:a<0||a>23)||d<0||d>59||s<0||s>59?null:{h:a,m:d,s:u?s:0,meridiem:o}}function h(i,e){return e?"am"===e?12===i?0:i:12===i?12:i+12:i}function g(i,e,u,n,o){var r,t=null!==(r=null==n?void 0:n.includes(":ss"))&&void 0!==r&&r;if(o){var l=i>=12,a="".concat(f(i%12==0?12:i%12),":").concat(f(e)).concat(t?":".concat(f(u)):"");return n&&n.includes(" a")?"".concat(a," ").concat(l?"pm":"am"):a}return"".concat(f(i),":").concat(f(e)).concat(t?":".concat(f(u)):"")}var x=o.forwardRef(function(x,y){var w,N=x.label,k=x.floatingLabel,C=void 0!==k&&k,S=x.description,M=x.error,T=x.size,D=void 0===T?"md":T,L=x.variant,H=void 0===L?"outlined":L,P=x.focusOutline,O=void 0===P||P,A=x.className,E=x.value,R=x.defaultValue,Z=void 0===R?null:R,F=x.onChange,j=x.format,q=void 0===j?"HH:mm":j,K=x.use12Hours,U=x.hourStep,B=void 0===U?1:U,I=x.minuteStep,V=void 0===I?1:I,$=x.secondStep,W=void 0===$?1:$,Y=x.needConfirm,_=void 0===Y||Y,G=x.showNow,J=void 0===G||G,Q=x.okText,X=void 0===Q?"OK":Q,ii=x.closeText,ei=void 0===ii?"Close":ii,ui=x.nowText,ni=void 0===ui?"Now":ui,oi=x.amText,ri=void 0===oi?"AM":oi,ti=x.pmText,li=void 0===ti?"PM":ti,ai=x.hourLabel,di=void 0===ai?"Hour":ai,si=x.minuteLabel,ci=void 0===si?"Minute":si,zi=x.secondLabel,mi=void 0===zi?"Second":zi,vi=x.disabledHours,fi=x.disabledMinutes,pi=x.disabledSeconds,bi=x.disabled,hi=x.placeholder,gi=x.required,xi=x.allowClear,yi=void 0===xi||xi,wi=x.id,Ni=x.timeZone,ki=x.locale,Ci=x.returnAs,Si=void 0===Ci?"timeOfDay":Ci,Mi=x.dateForConversion,Ti=i(x,["label","floatingLabel","description","error","size","variant","focusOutline","className","value","defaultValue","onChange","format","use12Hours","hourStep","minuteStep","secondStep","needConfirm","showNow","okText","closeText","nowText","amText","pmText","hourLabel","minuteLabel","secondLabel","disabledHours","disabledMinutes","disabledSeconds","disabled","placeholder","required","allowClear","id","timeZone","locale","returnAs","dateForConversion"]),Di=wi||function(i){void 0===i&&(i="timepicker");var e=o.useRef();return e.current||(e.current="".concat(i,"-").concat(Math.random().toString(36).slice(2,9))),e.current}("timepicker"),Li=o.useMemo(function(){if(ki)return ki.toLowerCase().startsWith("en-us")},[ki]),Hi=null!==(w=null!=K?K:q.includes("hh")||q.includes(" a"))&&void 0!==w?w:!!Li,Pi=q.includes(":ss"),Oi=o.useRef(void 0!==E).current,Ai=o.useState(null!=Z?Z:""),Ei=Ai[0],Ri=Ai[1],Zi=Oi?null!=E?E:"":Ei,Fi=o.useState(Zi),ji=Fi[0],qi=Fi[1];o.useEffect(function(){qi(Zi)},[Zi]);var Ki=o.useState(null),Ui=Ki[0],Bi=Ki[1],Ii=Boolean(Ui),Vi=o.useRef(null),$i=o.useRef(!1);function Wi(i,e){Bi(i?null!=e?e:Vi.current:null)}o.useEffect(function(){function i(i){"Escape"===i.key&&(i.stopPropagation(),i.preventDefault(),Ii&&Bi(null))}return Ii&&document.addEventListener("keydown",i,!0),function(){return document.removeEventListener("keydown",i,!0)}},[Ii]);var Yi=o.useMemo(function(){return b(Zi,Hi,Pi)},[Zi,Hi,Pi]),_i=o.useState(Yi),Gi=_i[0],Ji=_i[1];o.useEffect(function(){if(Ii){var i=b(Zi,Hi,Pi);Ji(i),qi(Zi)}},[Ii,Zi,Hi,Pi]);var Qi=o.useMemo(function(){return Hi?p(B,12,1):p(B,23,0)},[Hi,B]),Xi=o.useMemo(function(){return p(V,59,0)},[V]),ie=o.useMemo(function(){return p(W,59,0)},[W]);function ee(i,e){if(!F||!e)return null==F||F(""===i?null:i),void(Oi||Ri(i));var u=e.h24,n=e.m,o=e.s,r=Ni||void 0;if("dateTimeUtc"===Si){if(!Mi||!r)return null==F||F({hour24:u,minute:n,second:o,timeZone:r,text:i,warning:"dateForConversion and timeZone are required for UTC conversion; returning timeOfDay."}),void(Oi||Ri(i));var t="string"==typeof Mi?new Date(Mi):Mi,l=t.getFullYear(),a=String(t.getMonth()+1).padStart(2,"0"),d=String(t.getDate()).padStart(2,"0");return null==F||F({wallTime:{hour24:u,minute:n,second:o},date:"".concat(l,"-").concat(a,"-").concat(d),timeZone:r,text:i,note:"Use a timezone-aware date lib with date+timeZone to convert to UTC."}),void(Oi||Ri(i))}null==F||F({hour24:u,minute:n,second:o,timeZone:r,text:i}),Oi||Ri(i)}function ue(i,e,u,n){if(!(null==vi?void 0:vi(Hi?i%12||12:i))&&!((null==fi?void 0:fi(e))||Pi&&(null==pi?void 0:pi(u)))){var o=Hi?h(i,n):i,r=g(o,e,u,q,Hi);ee(r,{h24:o,m:e,s:u}),qi(r)}}var ne=o.useMemo(function(){return Gi?g(Hi?h(Gi.h,Gi.meridiem):Gi.h,Gi.m,Gi.s,q,Hi):""},[Gi,Hi,q]),oe=Ii&&""!==ne.trim()?ne:Zi;function re(i,e,u,n){Ji({h:i,m:e,s:u,meridiem:n});var o=Hi?h(i,n):i;qi(g(o,e,u,q,Hi)),_||ue(i,e,u,n)}var te=o.useRef(null),le=o.useRef(null),ae=o.useRef(null);function de(i,e){var u=i.current;if(u){var n=Array.from(u.querySelectorAll('button[role="option"]:not([aria-disabled="true"])'));if(0!==n.length){var o=n.findIndex(function(i){return i===document.activeElement});n[o<0?0:Math.max(0,Math.min(n.length-1,o+e))].focus()}}}function se(i,e){"ArrowDown"===i.key?(i.preventDefault(),de(e,1)):"ArrowUp"===i.key&&(i.preventDefault(),de(e,-1))}var ce=m[D],ze="lg"===D?18:16,me=N||"Time picker",ve=Boolean(oe)&&!bi&&!!yi,fe="outlined"===H?"zui:border-gray-300 focus:zui:border-gray-400":"zui:border-transparent";return u("div",{className:d("zui:flex zui:flex-col",A),children:[!C&&N&&u("label",{htmlFor:Di,className:"zui:block zui:mb-2 zui:text-sm zui:font-medium zui:leading-none",children:[N,gi&&n("span",{className:"zui:text-destructive zui:font-medium",children:" *"})]}),u("div",{ref:Vi,className:d("zui:relative zui:flex zui:items-center zui:w-full",v[D]),children:[n("input",e({readOnly:!0,id:Di,ref:y,value:oe,onChange:function(i){var e;qi(null!==(e=i.target.value)&&void 0!==e?e:"")},onBlur:function(){var i=b((null!=ji?ji:"").trim(),Hi,Pi);_?i?Ji(i):(qi(Zi),Ji(Yi)):i?ue(i.h,i.m,i.s,i.meridiem):qi(Zi)},onFocus:function(i){bi||$i.current||Wi(!0,Vi.current||i.currentTarget)},onClick:function(i){bi||$i.current||Wi(!0,Vi.current||i.currentTarget)},placeholder:null!=hi?hi:Hi?Pi?"hh:mm:ss a":"hh:mm a":Pi?"HH:mm:ss":"HH:mm","aria-label":me,disabled:bi,required:gi,className:d("zui:relative zui:w-full zui:rounded-md zui:border zui:bg-background zui:text-sm zui:transition-colors",fe,O?Ii?"zui:ring-1 zui:ring-gray-400 zui:outline-none":"focus:zui:ring-1 focus:zui:ring-gray-400 focus:zui:outline-none":"focus:zui:outline-none",s[D],c[D],ce,M?"zui:border-red-500":"","zui:pl-3")},Ti)),u("div",{className:d("zui:absolute zui:right-0 zui:inset-y-0 zui:flex zui:items-center zui:gap-1",z[D]),children:[ve?n("button",{type:"button","aria-label":"Clear time",onClick:function(i){i.stopPropagation(),Ji(null),qi(""),ee(""),$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1})},className:"zui:text-gray-500 hover:zui:text-gray-700 disabled:zui:opacity-50",disabled:bi,children:n(t,{size:ze})}):null,n("button",{type:"button","aria-label":Ii?"Close time panel":"Open time panel",onClick:function(i){i.stopPropagation(),function(i){bi||Wi(!Ii,i.currentTarget)}(i)},className:"zui:text-gray-600 hover:zui:text-gray-800 disabled:zui:opacity-50",disabled:bi,children:n(Ii?l:a,{size:ze})})]})]}),S&&!M&&n("p",{className:"zui:mt-1 zui:text-xs zui:text-gray-500",children:S}),M&&n("p",{className:"zui:mt-1 zui:text-xs zui:text-red-600",children:M}),n(r,{open:Ii,anchorEl:Ui,onClose:function(i,e){"backdropClick"!==e&&"escapeKeyDown"!==e&&($i.current=!0,Wi(!1),_&&(qi(Zi),Ji(Yi)),Promise.resolve().then(function(){$i.current=!1}))},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},slotProps:{paper:{className:d("zui:rounded-md zui:border zui:border-gray-200 zui:shadow-lg zui:bg-white zui:p-2","zui:w-[22rem] sm:zui:w-[24rem]")}},children:u("div",{className:"zui:flex zui:flex-col zui:gap-2",children:[u("div",{className:d("zui:grid zui:gap-2",Pi?"zui:grid-cols-3":"zui:grid-cols-2"),children:[u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100 zui:font-semibold",children:di}),n("div",{ref:te,role:"listbox",tabIndex:0,onKeyDown:function(i){return se(i,te)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",children:Qi.map(function(i){var e,u=Gi&&(Hi?(Gi.h%12||12)===i:Gi.h===i)||!Gi&&Yi&&(Hi?(Yi.h%12||12)===i:Yi.h===i),o=null!==(e=null==vi?void 0:vi(Hi?i%12||12:i))&&void 0!==e&&e;return n("button",{type:"button",role:"option","aria-selected":!!u,"aria-disabled":o,onClick:function(){var e,u,n,r,t,l;if(!o){var a=null!==(u=null!==(e=null==Gi?void 0:Gi.m)&&void 0!==e?e:null==Yi?void 0:Yi.m)&&void 0!==u?u:0,d=null!==(r=null!==(n=null==Gi?void 0:Gi.s)&&void 0!==n?n:null==Yi?void 0:Yi.s)&&void 0!==r?r:0,s=Hi?null!==(l=null!==(t=null==Gi?void 0:Gi.meridiem)&&void 0!==t?t:null==Yi?void 0:Yi.meridiem)&&void 0!==l?l:"am":void 0;re(i,a,d,s)}},className:d("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",u&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",o&&"zui:opacity-40 zui:cursor-not-allowed"),children:f(i)},i)})})]}),u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100 zui:font-semibold",children:ci}),n("div",{ref:le,role:"listbox",tabIndex:0,onKeyDown:function(i){return se(i,le)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",children:Xi.map(function(i){var e,u,o=(null!==(e=null==Gi?void 0:Gi.m)&&void 0!==e?e:null==Yi?void 0:Yi.m)===i,r=null!==(u=null==fi?void 0:fi(i))&&void 0!==u&&u;return n("button",{type:"button",role:"option","aria-selected":!!o,"aria-disabled":r,onClick:function(){var e,u,n,o,t,l;if(!r){var a=null!==(u=null!==(e=null==Gi?void 0:Gi.h)&&void 0!==e?e:null==Yi?void 0:Yi.h)&&void 0!==u?u:Hi?12:0,d=Hi?null!==(o=null!==(n=null==Gi?void 0:Gi.meridiem)&&void 0!==n?n:null==Yi?void 0:Yi.meridiem)&&void 0!==o?o:"am":void 0;re(a,i,null!==(l=null!==(t=null==Gi?void 0:Gi.s)&&void 0!==t?t:null==Yi?void 0:Yi.s)&&void 0!==l?l:0,d)}},className:d("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",o&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:f(i)},i)})})]}),Pi?u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100",children:mi}),n("div",{ref:ae,role:"listbox",tabIndex:0,onKeyDown:function(i){return se(i,ae)},className:"zui:max-h-44 zui:overflow-auto zui:p-1 zui:grid zui:grid-cols-3 zui:gap-1",children:ie.map(function(i){var e,u,o=(null!==(e=null==Gi?void 0:Gi.s)&&void 0!==e?e:null==Yi?void 0:Yi.s)===i,r=null!==(u=null==pi?void 0:pi(i))&&void 0!==u&&u;return n("button",{type:"button",role:"option","aria-selected":!!o,"aria-disabled":r,onClick:function(){var e,u,n,o,t,l;if(!r){var a=null!==(u=null!==(e=null==Gi?void 0:Gi.h)&&void 0!==e?e:null==Yi?void 0:Yi.h)&&void 0!==u?u:Hi?12:0,d=Hi?null!==(o=null!==(n=null==Gi?void 0:Gi.meridiem)&&void 0!==n?n:null==Yi?void 0:Yi.meridiem)&&void 0!==o?o:"am":void 0;re(a,null!==(l=null!==(t=null==Gi?void 0:Gi.m)&&void 0!==t?t:null==Yi?void 0:Yi.m)&&void 0!==l?l:0,i,d)}},className:d("zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",o&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium",r&&"zui:opacity-40 zui:cursor-not-allowed"),children:f(i)},i)})})]}):Hi?u("section",{className:"zui:flex zui:flex-col zui:rounded-md zui:border zui:border-gray-100 zui:bg-white",children:[n("header",{className:"zui:sticky zui:top-0 zui:px-2 zui:py-1 zui:text-xs zui:text-gray-600 zui:bg-white zui:border-b zui:border-gray-100",children:"AM/PM"}),n("div",{className:"zui:p-1 zui:flex zui:gap-1",children:["am","pm"].map(function(i){var e,u,o=(null!==(u=null!==(e=null==Gi?void 0:Gi.meridiem)&&void 0!==e?e:null==Yi?void 0:Yi.meridiem)&&void 0!==u?u:"am")===i;return n("button",{type:"button",onClick:function(){var e,u,n,o,r,t;re(null!==(u=null!==(e=null==Gi?void 0:Gi.h)&&void 0!==e?e:null==Yi?void 0:Yi.h)&&void 0!==u?u:12,null!==(o=null!==(n=null==Gi?void 0:Gi.m)&&void 0!==n?n:null==Yi?void 0:Yi.m)&&void 0!==o?o:0,null!==(t=null!==(r=null==Gi?void 0:Gi.s)&&void 0!==r?r:null==Yi?void 0:Yi.s)&&void 0!==t?t:0,i)},className:d("zui:flex-1 zui:px-2 zui:py-1 zui:rounded zui:text-sm zui:transition","hover:zui:bg-gray-100 focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",o&&"zui:bg-blue-50 zui:text-blue-700 zui:font-medium"),"aria-pressed":o,children:"am"===i?ri:li},i)})})]}):null]}),u("div",{className:"zui:flex zui:justify-between zui:items-center zui:pt-1",children:[J?n("button",{type:"button",onClick:function(){var i,e=new Date,u=e.getHours(),n=e.getMinutes(),o=Pi?e.getSeconds():0;Hi&&(i=u>=12?"pm":"am",u=u%12==0?12:u%12),Ji({h:u,m:n,s:o,meridiem:i});var r=Hi?h(u,i):u,t=g(r,n,o,q,Hi);qi(t),ee(t,{h24:r,m:n,s:o}),$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1})},className:"zui:text-blue-600 hover:zui:text-blue-700 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded zui:px-1 zui:py-0.5",children:ni}):n("span",{}),u("div",{className:"zui:flex zui:gap-2",children:[n("button",{type:"button",onClick:function(){$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1})},className:"zui:text-gray-700 hover:zui:text-gray-900 zui:text-sm focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500 zui:rounded zui:px-2 zui:py-1",children:ei}),_&&n("button",{type:"button",onClick:function(){Gi&&(ue(Gi.h,Gi.m,Gi.s,Gi.meridiem),$i.current=!0,Wi(!1),Promise.resolve().then(function(){$i.current=!1}))},className:"zui:text-white zui:bg-blue-600 hover:zui:bg-blue-700 zui:text-sm zui:px-3 zui:py-1 zui:rounded focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-blue-500",children:X})]})]})]})})]})});export{x as TimePicker,x as default};

package/dist/components/Typography/index.esm.js

@@ -1 +1 @@
-export{H as Heading}from"../../chunks/Heading-e2a972b9.esm.js";export{T as Text}from"../../chunks/Text-cc8d79c4.esm.js";import{a as o}from"../../chunks/tslib.es6-b7083bd5.esm.js";import{jsx as n}from"react/jsx-runtime";import{Typography as t,Box as e}from"@mui/material";export{M as Muted}from"../../chunks/Muted-3ce0abb2.esm.js";var r=function(e){return n(t,o({variant:"subtitle1",component:e.component||"p",fontWeight:400,color:"text.secondary"},e))},i=function(e){return n(t,o({component:e.component||"strong",fontWeight:500,display:"inline"},e))},c=function(e){return n(t,o({variant:"caption",color:"text.secondary",component:e.component||"span"},e))},s=function(e){return n(t,o({component:"blockquote",sx:{borderLeft:"4px solid",borderColor:"divider",pl:2,color:"text.secondary",fontStyle:"italic"}},e))},a=function(t){var r=t.children,i=t.sx;return n(e,{component:"code",sx:o({fontFamily:"monospace",backgroundColor:"grey.100",color:"primary.main",px:.5,py:.25,borderRadius:1,fontSize:"0.875rem"},i),children:r})};export{s as Blockquote,c as Caption,a as Code,r as Lead,i as Strong};
+export{H as Heading}from"../../chunks/Heading-b91e2c5f.esm.js";export{T as Text}from"../../chunks/Text-f18219bd.esm.js";import{a as o}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsx as n}from"react/jsx-runtime";import{Typography as t,Box as e}from"@mui/material";export{M as Muted}from"../../chunks/Muted-bfc4985b.esm.js";var r=function(e){return n(t,o({variant:"subtitle1",component:e.component||"p",fontWeight:400,color:"text.secondary"},e))},i=function(e){return n(t,o({component:e.component||"strong",fontWeight:500,display:"inline"},e))},c=function(e){return n(t,o({variant:"caption",color:"text.secondary",component:e.component||"span"},e))},s=function(e){return n(t,o({component:"blockquote",sx:{borderLeft:"4px solid",borderColor:"divider",pl:2,color:"text.secondary",fontStyle:"italic"}},e))},a=function(t){var r=t.children,i=t.sx;return n(e,{component:"code",sx:o({fontFamily:"monospace",backgroundColor:"grey.100",color:"primary.main",px:.5,py:.25,borderRadius:1,fontSize:"0.875rem"},i),children:r})};export{s as Blockquote,c as Caption,a as Code,r as Lead,i as Strong};

package/dist/index.d.ts

@@ -228,7 +228,7 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
 declare const badgeVariants: (props?: ({
     variant?: "text" | "outlined" | "contained" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    type?: "default" | "success" | "error" | "info" | "warning" | null | undefined;
+    type?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
 

package/dist/index.esm.js

@@ -1 +1 @@
-export{Button}from"./components/Button/index.esm.js";export{Popover}from"./components/Popover/index.esm.js";export{CardActions,CardContent,CardHeader,CardImage,CardRoot,CardSkeleton}from"./components/Card/index.esm.js";export{Select}from"./components/Select/index.esm.js";export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/Accordion/index.esm.js";export{default as Switch}from"./components/Switch/index.esm.js";export{RadioGroup}from"./components/RadioGroup/index.esm.js";export{H as Heading}from"./chunks/Heading-e2a972b9.esm.js";import{T as e}from"./chunks/Text-cc8d79c4.esm.js";export{Blockquote,Caption,Code,Lead,Strong}from"./components/Typography/index.esm.js";export{M as Muted}from"./chunks/Muted-3ce0abb2.esm.js";export{Modal}from"./components/Modal/index.esm.js";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{Drawer as t,Box as i,IconButton as s}from"@mui/material";import{c as m}from"./chunks/index-a1978735.esm.js";export{u as useStableId}from"./chunks/index-a1978735.esm.js";import"./chunks/tslib.es6-b7083bd5.esm.js";import{X as n}from"./chunks/lucide-232cb488.esm.js";export{Badge}from"./components/Badge/index.esm.js";export{Input}from"./components/Input/index.esm.js";export{Notice}from"./components/Notice/index.esm.js";export{DatePicker}from"./components/DatePicker/index.esm.js";export{DateRangePicker}from"./components/DateRangePicker/index.esm.js";export{Form}from"./components/Form/index.esm.js";export{Checkbox}from"./components/Checkbox/index.esm.js";export{CheckboxGroup}from"./components/CheckboxGroup/index.esm.js";export{Radio}from"./components/Radio/index.esm.js";export{PopupConfirm}from"./components/PopupConfirm/index.esm.js";export{GlobalMenuSearch}from"./components/GlobalMenuSearch/index.esm.js";export{AppList}from"./components/AppList/index.esm.js";export{Table}from"./components/Table/index.esm.js";export{BulkActionsBar}from"./components/BulkActionsBar/index.esm.js";export{TimePicker}from"./components/TimePicker/index.esm.js";export{UILibraryThemeProvider,createCustomTheme,designTokens,theme}from"./theme/index.esm.js";import"react";import"@mui/material/CardContent";import"@mui/material/CardMedia";import"./chunks/typeof-23ef5bec.esm.js";import"./chunks/assertThisInitialized-006bfab4.esm.js";import"@emotion/react";import"react-dom";import"./chunks/Calender-353bd05e.esm.js";import"@mui/material/IconButton";import"@mui/material/List";import"@mui/material/ListItemText";import"@mui/material/ListItemIcon";import"@mui/material/Popover";import"@mui/material/styles";var d=function(d){var p=d.open,a=d.onClose,c=d.title,u=d.children,l=d.footer,x=d.side,f=void 0===x?"right":x,h=d.className,j=d.showCloseIcon,z=void 0===j||j,k=d.withOverlay,b=void 0===k||k,C=d.stickyFooter,g=void 0===C||C,P=d.width,v=d.height,w="left"===f||"right"===f;return o(t,{anchor:f,open:p,onClose:a,ModalProps:{keepMounted:!0},hideBackdrop:!b,PaperProps:{style:{width:w?null!=P?P:400:void 0,height:w?"100%":null!=v?v:400},className:m("zui:bg-background zui:shadow-lg zui:border-border zui:flex zui:flex-col",w?"zui:h-full zui:rounded-none zui:sm:rounded-l-md":"zui:w-full zui:sm:w-auto","left"===f&&"zui:sm:rounded-r-xl zui:border-r zui:border-l-0","top"===f&&"zui:rounded-b-xl","bottom"===f&&"zui:rounded-t-xl",h)},children:[o(i,{className:"zui:p-4 zui:flex zui:items-center zui:justify-between zui:border-b zui:border-border",children:[r(e,{size:"sm",fontWeight:600,children:c}),z&&r(s,{onClick:a,size:"small",className:"zui:hover:text-red-500",children:r(n,{className:"zui:h-4 zui:w-4"})})]}),r(i,{className:"zui:flex-1 zui:overflow-y-auto zui:p-4",children:u}),l&&r(i,{className:m("zui:border-t zui:border-border zui:p-2",g&&"zui:sticky zui:bottom-0 zui:bg-background"),children:l})]})};export{d as Drawer,e as Text,m as cn};
+import{s as n}from"./chunks/index-5b35e7d9.esm.js";export{U as UILibraryThemeProvider,c as createCustomTheme,d as designTokens,t as theme}from"./chunks/index-5b35e7d9.esm.js";export{Button}from"./components/Button/index.esm.js";export{Popover}from"./components/Popover/index.esm.js";export{CardActions,CardContent,CardHeader,CardImage,CardRoot,CardSkeleton}from"./components/Card/index.esm.js";export{Select}from"./components/Select/index.esm.js";export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/Accordion/index.esm.js";export{default as Switch}from"./components/Switch/index.esm.js";export{RadioGroup}from"./components/RadioGroup/index.esm.js";export{H as Heading}from"./chunks/Heading-b91e2c5f.esm.js";import{T as i}from"./chunks/Text-f18219bd.esm.js";export{Blockquote,Caption,Code,Lead,Strong}from"./components/Typography/index.esm.js";export{M as Muted}from"./chunks/Muted-bfc4985b.esm.js";export{Modal}from"./components/Modal/index.esm.js";import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Drawer as a,Box as e,IconButton as l}from"@mui/material";import{c as p}from"./chunks/index-c6541658.esm.js";export{u as useStableId}from"./chunks/index-c6541658.esm.js";import"./chunks/tslib.es6-49e5b83c.esm.js";import{X as s}from"./chunks/lucide-2a18f5d4.esm.js";export{Badge}from"./components/Badge/index.esm.js";export{Input}from"./components/Input/index.esm.js";export{Notice}from"./components/Notice/index.esm.js";export{DatePicker}from"./components/DatePicker/index.esm.js";export{DateRangePicker}from"./components/DateRangePicker/index.esm.js";export{Form}from"./components/Form/index.esm.js";export{Checkbox}from"./components/Checkbox/index.esm.js";export{CheckboxGroup}from"./components/CheckboxGroup/index.esm.js";export{Radio}from"./components/Radio/index.esm.js";export{PopupConfirm}from"./components/PopupConfirm/index.esm.js";export{GlobalMenuSearch}from"./components/GlobalMenuSearch/index.esm.js";export{AppList}from"./components/AppList/index.esm.js";export{Table}from"./components/Table/index.esm.js";export{BulkActionsBar}from"./components/BulkActionsBar/index.esm.js";export{TimePicker}from"./components/TimePicker/index.esm.js";import"@mui/material/styles";import"react";import"@mui/material/CardContent";import"@mui/material/CardMedia";import"./chunks/typeof-cc63ab7d.esm.js";import"./chunks/assertThisInitialized-406be690.esm.js";import"@emotion/react";import"react-dom";import"./chunks/Calender-0bb649b1.esm.js";import"@mui/material/IconButton";import"@mui/material/List";import"@mui/material/ListItemText";import"@mui/material/ListItemIcon";import"@mui/material/Popover";n('/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --zui-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",\n      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n    --zui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",\n      "Courier New", monospace;\n    --zui-color-red-50: oklch(97.1% 0.013 17.38);\n    --zui-color-red-100: oklch(93.6% 0.032 17.717);\n    --zui-color-red-500: oklch(63.7% 0.237 25.331);\n    --zui-color-red-600: oklch(57.7% 0.245 27.325);\n    --zui-color-red-700: oklch(50.5% 0.213 27.518);\n    --zui-color-red-800: oklch(44.4% 0.177 26.899);\n    --zui-color-red-900: oklch(39.6% 0.141 25.723);\n    --zui-color-orange-100: oklch(95.4% 0.038 75.164);\n    --zui-color-orange-800: oklch(47% 0.157 37.304);\n    --zui-color-amber-50: oklch(98.7% 0.022 95.277);\n    --zui-color-amber-500: oklch(76.9% 0.188 70.08);\n    --zui-color-amber-600: oklch(66.6% 0.179 58.318);\n    --zui-color-yellow-50: oklch(98.7% 0.026 102.212);\n    --zui-color-yellow-100: oklch(97.3% 0.071 103.193);\n    --zui-color-yellow-600: oklch(68.1% 0.162 75.834);\n    --zui-color-yellow-700: oklch(55.4% 0.135 66.442);\n    --zui-color-yellow-800: oklch(47.6% 0.114 61.907);\n    --zui-color-yellow-900: oklch(42.1% 0.095 57.708);\n    --zui-color-green-50: oklch(98.2% 0.018 155.826);\n    --zui-color-green-100: oklch(96.2% 0.044 156.743);\n    --zui-color-green-500: oklch(72.3% 0.219 149.579);\n    --zui-color-green-600: oklch(62.7% 0.194 149.214);\n    --zui-color-green-700: oklch(52.7% 0.154 150.069);\n    --zui-color-green-800: oklch(44.8% 0.119 151.328);\n    --zui-color-green-900: oklch(39.3% 0.095 152.535);\n    --zui-color-blue-50: oklch(97% 0.014 254.604);\n    --zui-color-blue-100: oklch(93.2% 0.032 255.585);\n    --zui-color-blue-200: oklch(88.2% 0.059 254.128);\n    --zui-color-blue-500: oklch(62.3% 0.214 259.815);\n    --zui-color-blue-600: oklch(54.6% 0.245 262.881);\n    --zui-color-blue-700: oklch(48.8% 0.243 264.376);\n    --zui-color-blue-800: oklch(42.4% 0.199 265.638);\n    --zui-color-blue-900: oklch(37.9% 0.146 265.522);\n    --zui-color-purple-100: oklch(94.6% 0.033 307.174);\n    --zui-color-purple-500: oklch(62.7% 0.265 303.9);\n    --zui-color-purple-600: oklch(55.8% 0.288 302.321);\n    --zui-color-purple-800: oklch(43.8% 0.218 303.724);\n    --zui-color-slate-200: oklch(92.9% 0.013 255.508);\n    --zui-color-slate-300: oklch(86.9% 0.022 252.894);\n    --zui-color-slate-500: oklch(55.4% 0.046 257.417);\n    --zui-color-slate-800: oklch(27.9% 0.041 260.031);\n    --zui-color-gray-50: oklch(98.5% 0.002 247.839);\n    --zui-color-gray-100: oklch(96.7% 0.003 264.542);\n    --zui-color-gray-200: oklch(92.8% 0.006 264.531);\n    --zui-color-gray-300: oklch(87.2% 0.01 258.338);\n    --zui-color-gray-400: oklch(70.7% 0.022 261.325);\n    --zui-color-gray-500: oklch(55.1% 0.027 264.364);\n    --zui-color-gray-600: oklch(44.6% 0.03 256.802);\n    --zui-color-gray-700: oklch(37.3% 0.034 259.733);\n    --zui-color-gray-800: oklch(27.8% 0.033 256.848);\n    --zui-color-gray-900: oklch(21% 0.034 264.665);\n    --zui-color-neutral-100: oklch(97% 0 0);\n    --zui-color-neutral-400: oklch(70.8% 0 0);\n    --zui-color-white: #fff;\n    --zui-spacing: 0.25rem;\n    --zui-container-sm: 24rem;\n    --zui-container-md: 28rem;\n    --zui-container-2xl: 42rem;\n    --zui-container-4xl: 56rem;\n    --zui-text-xs: 0.75rem;\n    --zui-text-xs--line-height: calc(1 / 0.75);\n    --zui-text-sm: 0.875rem;\n    --zui-text-sm--line-height: calc(1.25 / 0.875);\n    --zui-text-base: 1rem;\n    --zui-text-base--line-height: calc(1.5 / 1);\n    --zui-text-lg: 1.125rem;\n    --zui-text-lg--line-height: calc(1.75 / 1.125);\n    --zui-text-xl: 1.25rem;\n    --zui-text-xl--line-height: calc(1.75 / 1.25);\n    --zui-text-2xl: 1.5rem;\n    --zui-text-2xl--line-height: calc(2 / 1.5);\n    --zui-font-weight-normal: 400;\n    --zui-font-weight-medium: 500;\n    --zui-font-weight-semibold: 600;\n    --zui-font-weight-bold: 700;\n    --zui-tracking-wide: 0.025em;\n    --zui-tracking-wider: 0.05em;\n    --zui-leading-snug: 1.375;\n    --zui-radius-2xl: 1rem;\n    --zui-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n    --zui-animate-spin: spin 1s linear infinite;\n    --zui-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --zui-default-transition-duration: 150ms;\n    --zui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --zui-default-font-family: var(--zui-font-sans);\n    --zui-default-mono-font-family: var(--zui-font-mono);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--zui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n    font-feature-settings: var(--zui-default-font-feature-settings, normal);\n    font-variation-settings: var(--zui-default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--zui-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n    font-feature-settings: var(--zui-default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--zui-default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden="until-found"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .zui\\:pointer-events-none {\n    pointer-events: none !important;\n  }\n  .zui\\:invisible {\n    visibility: hidden !important;\n  }\n  .zui\\:sr-only {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border-width: 0 !important;\n  }\n  .zui\\:\\!absolute {\n    position: absolute !important;\n  }\n  .zui\\:absolute {\n    position: absolute !important;\n  }\n  .zui\\:relative {\n    position: relative !important;\n  }\n  .zui\\:sticky {\n    position: sticky !important;\n  }\n  .zui\\:inset-y-0 {\n    inset-block: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:-top-2\\.5 {\n    top: calc(var(--zui-spacing) * -2.5) !important;\n  }\n  .zui\\:-top-\\[9px\\] {\n    top: calc(9px * -1) !important;\n  }\n  .zui\\:top-0 {\n    top: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:top-1\\/2 {\n    top: calc(1/2 * 100%) !important;\n  }\n  .zui\\:top-2 {\n    top: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:top-3 {\n    top: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:top-16 {\n    top: calc(var(--zui-spacing) * 16) !important;\n  }\n  .zui\\:right-0 {\n    right: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:right-2 {\n    right: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:right-3 {\n    right: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:right-4 {\n    right: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:bottom-0 {\n    bottom: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:left-0 {\n    left: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:left-3 {\n    left: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:z-10 {\n    z-index: 10 !important;\n  }\n  .zui\\:z-30 {\n    z-index: 30 !important;\n  }\n  .zui\\:z-40 {\n    z-index: 40 !important;\n  }\n  .zui\\:z-50 {\n    z-index: 50 !important;\n  }\n  .zui\\:col-span-1 {\n    grid-column: span 1 / span 1 !important;\n  }\n  .zui\\:col-span-2 {\n    grid-column: span 2 / span 2 !important;\n  }\n  .zui\\:col-span-3 {\n    grid-column: span 3 / span 3 !important;\n  }\n  .zui\\:col-span-4 {\n    grid-column: span 4 / span 4 !important;\n  }\n  .zui\\:col-span-5 {\n    grid-column: span 5 / span 5 !important;\n  }\n  .zui\\:col-span-6 {\n    grid-column: span 6 / span 6 !important;\n  }\n  .zui\\:col-span-7 {\n    grid-column: span 7 / span 7 !important;\n  }\n  .zui\\:col-span-8 {\n    grid-column: span 8 / span 8 !important;\n  }\n  .zui\\:col-span-9 {\n    grid-column: span 9 / span 9 !important;\n  }\n  .zui\\:col-span-10 {\n    grid-column: span 10 / span 10 !important;\n  }\n  .zui\\:col-span-11 {\n    grid-column: span 11 / span 11 !important;\n  }\n  .zui\\:col-span-12 {\n    grid-column: span 12 / span 12 !important;\n  }\n  .zui\\:m-0 {\n    margin: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:m-0\\.5 {\n    margin: calc(var(--zui-spacing) * 0.5) !important;\n  }\n  .zui\\:mx-10 {\n    margin-inline: calc(var(--zui-spacing) * 10) !important;\n  }\n  .zui\\:mx-auto {\n    margin-inline: auto !important;\n  }\n  .zui\\:\\!my-4 {\n    margin-block: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:mt-0\\.5 {\n    margin-top: calc(var(--zui-spacing) * 0.5) !important;\n  }\n  .zui\\:mt-1 {\n    margin-top: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:mt-1\\.5 {\n    margin-top: calc(var(--zui-spacing) * 1.5) !important;\n  }\n  .zui\\:mt-2 {\n    margin-top: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:mt-4 {\n    margin-top: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:mt-6 {\n    margin-top: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:mt-8 {\n    margin-top: calc(var(--zui-spacing) * 8) !important;\n  }\n  .zui\\:mt-10 {\n    margin-top: calc(var(--zui-spacing) * 10) !important;\n  }\n  .zui\\:mr-1 {\n    margin-right: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:mr-2 {\n    margin-right: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:mr-4 {\n    margin-right: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:\\!mb-0 {\n    margin-bottom: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:mb-2 {\n    margin-bottom: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:mb-3 {\n    margin-bottom: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:mb-4 {\n    margin-bottom: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:mb-6 {\n    margin-bottom: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:ml-1 {\n    margin-left: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:ml-2 {\n    margin-left: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:ml-auto {\n    margin-left: auto !important;\n  }\n  .zui\\:block {\n    display: block !important;\n  }\n  .zui\\:flex {\n    display: flex !important;\n  }\n  .zui\\:grid {\n    display: grid !important;\n  }\n  .zui\\:hidden {\n    display: none !important;\n  }\n  .zui\\:inline-block {\n    display: inline-block !important;\n  }\n  .zui\\:inline-flex {\n    display: inline-flex !important;\n  }\n  .zui\\:size-4 {\n    width: calc(var(--zui-spacing) * 4) !important;\n    height: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:size-8 {\n    width: calc(var(--zui-spacing) * 8) !important;\n    height: calc(var(--zui-spacing) * 8) !important;\n  }\n  .zui\\:h-2 {\n    height: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:h-3 {\n    height: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:h-4 {\n    height: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:h-5 {\n    height: calc(var(--zui-spacing) * 5) !important;\n  }\n  .zui\\:h-6 {\n    height: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:h-7 {\n    height: calc(var(--zui-spacing) * 7) !important;\n  }\n  .zui\\:h-8 {\n    height: calc(var(--zui-spacing) * 8) !important;\n  }\n  .zui\\:h-9 {\n    height: calc(var(--zui-spacing) * 9) !important;\n  }\n  .zui\\:h-10 {\n    height: calc(var(--zui-spacing) * 10) !important;\n  }\n  .zui\\:h-11 {\n    height: calc(var(--zui-spacing) * 11) !important;\n  }\n  .zui\\:h-12 {\n    height: calc(var(--zui-spacing) * 12) !important;\n  }\n  .zui\\:h-16 {\n    height: calc(var(--zui-spacing) * 16) !important;\n  }\n  .zui\\:h-\\[calc\\(100\\%_-_2\\.75rem\\)\\] {\n    height: calc(100% - 2.75rem) !important;\n  }\n  .zui\\:h-full {\n    height: 100% !important;\n  }\n  .zui\\:h-screen {\n    height: 100vh !important;\n  }\n  .zui\\:max-h-44 {\n    max-height: calc(var(--zui-spacing) * 44) !important;\n  }\n  .zui\\:max-h-\\[70vh\\] {\n    max-height: 70vh !important;\n  }\n  .zui\\:min-h-0 {\n    min-height: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:min-h-\\[50px\\] {\n    min-height: 50px !important;\n  }\n  .zui\\:min-h-\\[60px\\] {\n    min-height: 60px !important;\n  }\n  .zui\\:min-h-screen {\n    min-height: 100vh !important;\n  }\n  .zui\\:w-2 {\n    width: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:w-3 {\n    width: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:w-3\\/4 {\n    width: calc(3/4 * 100%) !important;\n  }\n  .zui\\:w-4 {\n    width: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:w-5 {\n    width: calc(var(--zui-spacing) * 5) !important;\n  }\n  .zui\\:w-6 {\n    width: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:w-7 {\n    width: calc(var(--zui-spacing) * 7) !important;\n  }\n  .zui\\:w-8 {\n    width: calc(var(--zui-spacing) * 8) !important;\n  }\n  .zui\\:w-12 {\n    width: calc(var(--zui-spacing) * 12) !important;\n  }\n  .zui\\:w-16 {\n    width: calc(var(--zui-spacing) * 16) !important;\n  }\n  .zui\\:w-64 {\n    width: calc(var(--zui-spacing) * 64) !important;\n  }\n  .zui\\:w-72 {\n    width: calc(var(--zui-spacing) * 72) !important;\n  }\n  .zui\\:w-80 {\n    width: calc(var(--zui-spacing) * 80) !important;\n  }\n  .zui\\:w-\\[22rem\\] {\n    width: 22rem !important;\n  }\n  .zui\\:w-full {\n    width: 100% !important;\n  }\n  .zui\\:w-max {\n    width: max-content !important;\n  }\n  .zui\\:max-w-2xl {\n    max-width: var(--zui-container-2xl) !important;\n  }\n  .zui\\:max-w-4xl {\n    max-width: var(--zui-container-4xl) !important;\n  }\n  .zui\\:max-w-md {\n    max-width: var(--zui-container-md) !important;\n  }\n  .zui\\:max-w-sm {\n    max-width: var(--zui-container-sm) !important;\n  }\n  .zui\\:\\!min-w-8 {\n    min-width: calc(var(--zui-spacing) * 8) !important;\n  }\n  .zui\\:min-w-0 {\n    min-width: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:min-w-\\[10rem\\] {\n    min-width: 10rem !important;\n  }\n  .zui\\:min-w-\\[12rem\\] {\n    min-width: 12rem !important;\n  }\n  .zui\\:min-w-\\[14rem\\] {\n    min-width: 14rem !important;\n  }\n  .zui\\:min-w-full {\n    min-width: 100% !important;\n  }\n  .zui\\:flex-1 {\n    flex: 1 !important;\n  }\n  .zui\\:flex-shrink-0 {\n    flex-shrink: 0 !important;\n  }\n  .zui\\:shrink-0 {\n    flex-shrink: 0 !important;\n  }\n  .zui\\:-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .zui\\:transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;\n  }\n  .zui\\:animate-pulse {\n    animation: var(--zui-animate-pulse) !important;\n  }\n  .zui\\:animate-spin {\n    animation: var(--zui-animate-spin) !important;\n  }\n  .zui\\:cursor-default {\n    cursor: default !important;\n  }\n  .zui\\:cursor-not-allowed {\n    cursor: not-allowed !important;\n  }\n  .zui\\:cursor-pointer {\n    cursor: pointer !important;\n  }\n  .zui\\:resize-none {\n    resize: none !important;\n  }\n  .zui\\:list-inside {\n    list-style-position: inside !important;\n  }\n  .zui\\:list-disc {\n    list-style-type: disc !important;\n  }\n  .zui\\:grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-12 {\n    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n  }\n  .zui\\:flex-col {\n    flex-direction: column !important;\n  }\n  .zui\\:flex-row {\n    flex-direction: row !important;\n  }\n  .zui\\:flex-row-reverse {\n    flex-direction: row-reverse !important;\n  }\n  .zui\\:flex-nowrap {\n    flex-wrap: nowrap !important;\n  }\n  .zui\\:flex-wrap {\n    flex-wrap: wrap !important;\n  }\n  .zui\\:items-baseline {\n    align-items: baseline !important;\n  }\n  .zui\\:items-center {\n    align-items: center !important;\n  }\n  .zui\\:items-start {\n    align-items: flex-start !important;\n  }\n  .zui\\:justify-between {\n    justify-content: space-between !important;\n  }\n  .zui\\:justify-center {\n    justify-content: center !important;\n  }\n  .zui\\:justify-end {\n    justify-content: flex-end !important;\n  }\n  .zui\\:justify-start {\n    justify-content: flex-start !important;\n  }\n  .zui\\:gap-0\\.5 {\n    gap: calc(var(--zui-spacing) * 0.5) !important;\n  }\n  .zui\\:gap-1 {\n    gap: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:gap-1\\.5 {\n    gap: calc(var(--zui-spacing) * 1.5) !important;\n  }\n  .zui\\:gap-2 {\n    gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:gap-3 {\n    gap: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:gap-4 {\n    gap: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:gap-6 {\n    gap: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:space-y-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 5) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 6) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-8 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 8) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:gap-y-2 {\n    row-gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:truncate {\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n  }\n  .zui\\:overflow-auto {\n    overflow: auto !important;\n  }\n  .zui\\:overflow-hidden {\n    overflow: hidden !important;\n  }\n  .zui\\:overflow-visible {\n    overflow: visible !important;\n  }\n  .zui\\:overflow-x-auto {\n    overflow-x: auto !important;\n  }\n  .zui\\:overflow-y-auto {\n    overflow-y: auto !important;\n  }\n  .zui\\:rounded {\n    border-radius: 0.25rem !important;\n  }\n  .zui\\:rounded-2xl {\n    border-radius: var(--zui-radius-2xl) !important;\n  }\n  .zui\\:rounded-full {\n    border-radius: calc(infinity * 1px) !important;\n  }\n  .zui\\:rounded-lg {\n    border-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-md {\n    border-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-none {\n    border-radius: 0 !important;\n  }\n  .zui\\:rounded-sm {\n    border-radius: calc(var(--zui-radius) - 4px) !important;\n  }\n  .zui\\:rounded-xl {\n    border-radius: calc(var(--zui-radius) + 4px) !important;\n  }\n  .zui\\:rounded-s-md {\n    border-start-start-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-start-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-e-md {\n    border-start-end-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-end-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-t-lg {\n    border-top-left-radius: var(--zui-radius) !important;\n    border-top-right-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-t-xl {\n    border-top-left-radius: calc(var(--zui-radius) + 4px) !important;\n    border-top-right-radius: calc(var(--zui-radius) + 4px) !important;\n  }\n  .zui\\:rounded-b-xl {\n    border-bottom-right-radius: calc(var(--zui-radius) + 4px) !important;\n    border-bottom-left-radius: calc(var(--zui-radius) + 4px) !important;\n  }\n  .zui\\:border {\n    border-style: var(--tw-border-style) !important;\n    border-width: 1px !important;\n  }\n  .zui\\:border-0 {\n    border-style: var(--tw-border-style) !important;\n    border-width: 0px !important;\n  }\n  .zui\\:border-1 {\n    border-style: var(--tw-border-style) !important;\n    border-width: 1px !important;\n  }\n  .zui\\:border-2 {\n    border-style: var(--tw-border-style) !important;\n    border-width: 2px !important;\n  }\n  .zui\\:border-t {\n    border-top-style: var(--tw-border-style) !important;\n    border-top-width: 1px !important;\n  }\n  .zui\\:border-r {\n    border-right-style: var(--tw-border-style) !important;\n    border-right-width: 1px !important;\n  }\n  .zui\\:border-b {\n    border-bottom-style: var(--tw-border-style) !important;\n    border-bottom-width: 1px !important;\n  }\n  .zui\\:border-b-0 {\n    border-bottom-style: var(--tw-border-style) !important;\n    border-bottom-width: 0px !important;\n  }\n  .zui\\:border-b-2 {\n    border-bottom-style: var(--tw-border-style) !important;\n    border-bottom-width: 2px !important;\n  }\n  .zui\\:border-l-0 {\n    border-left-style: var(--tw-border-style) !important;\n    border-left-width: 0px !important;\n  }\n  .zui\\:border-l-4 {\n    border-left-style: var(--tw-border-style) !important;\n    border-left-width: 4px !important;\n  }\n  .zui\\:border-blue-100 {\n    border-color: var(--zui-color-blue-100) !important;\n  }\n  .zui\\:border-blue-200 {\n    border-color: var(--zui-color-blue-200) !important;\n  }\n  .zui\\:border-blue-500 {\n    border-color: var(--zui-color-blue-500) !important;\n  }\n  .zui\\:border-blue-600 {\n    border-color: var(--zui-color-blue-600) !important;\n  }\n  .zui\\:border-blue-700 {\n    border-color: var(--zui-color-blue-700) !important;\n  }\n  .zui\\:border-border {\n    border-color: var(--zui-border) !important;\n  }\n  .zui\\:border-current {\n    border-color: currentcolor !important;\n  }\n  .zui\\:border-destructive {\n    border-color: var(--zui-destructive) !important;\n  }\n  .zui\\:border-gray-100 {\n    border-color: var(--zui-color-gray-100) !important;\n  }\n  .zui\\:border-gray-200 {\n    border-color: var(--zui-color-gray-200) !important;\n  }\n  .zui\\:border-gray-300 {\n    border-color: var(--zui-color-gray-300) !important;\n  }\n  .zui\\:border-gray-800 {\n    border-color: var(--zui-color-gray-800) !important;\n  }\n  .zui\\:border-green-100 {\n    border-color: var(--zui-color-green-100) !important;\n  }\n  .zui\\:border-green-500 {\n    border-color: var(--zui-color-green-500) !important;\n  }\n  .zui\\:border-green-700 {\n    border-color: var(--zui-color-green-700) !important;\n  }\n  .zui\\:border-input {\n    border-color: var(--zui-input) !important;\n  }\n  .zui\\:border-purple-500 {\n    border-color: var(--zui-color-purple-500) !important;\n  }\n  .zui\\:border-red-100 {\n    border-color: var(--zui-color-red-100) !important;\n  }\n  .zui\\:border-red-500 {\n    border-color: var(--zui-color-red-500) !important;\n  }\n  .zui\\:border-red-700 {\n    border-color: var(--zui-color-red-700) !important;\n  }\n  .zui\\:border-slate-300 {\n    border-color: var(--zui-color-slate-300) !important;\n  }\n  .zui\\:border-transparent {\n    border-color: transparent !important;\n  }\n  .zui\\:border-yellow-100 {\n    border-color: var(--zui-color-yellow-100) !important;\n  }\n  .zui\\:border-yellow-600 {\n    border-color: var(--zui-color-yellow-600) !important;\n  }\n  .zui\\:border-yellow-700 {\n    border-color: var(--zui-color-yellow-700) !important;\n  }\n  .zui\\:bg-accent {\n    background-color: var(--zui-accent) !important;\n  }\n  .zui\\:bg-amber-50 {\n    background-color: var(--zui-color-amber-50) !important;\n  }\n  .zui\\:bg-amber-500 {\n    background-color: var(--zui-color-amber-500) !important;\n  }\n  .zui\\:bg-background {\n    background-color: var(--zui-background) !important;\n  }\n  .zui\\:bg-blue-50 {\n    background-color: var(--zui-color-blue-50) !important;\n  }\n  .zui\\:bg-blue-100 {\n    background-color: var(--zui-color-blue-100) !important;\n  }\n  .zui\\:bg-blue-500 {\n    background-color: var(--zui-color-blue-500) !important;\n  }\n  .zui\\:bg-blue-600 {\n    background-color: var(--zui-color-blue-600) !important;\n  }\n  .zui\\:bg-current {\n    background-color: currentcolor !important;\n  }\n  .zui\\:bg-gray-50 {\n    background-color: var(--zui-color-gray-50) !important;\n  }\n  .zui\\:bg-gray-100 {\n    background-color: var(--zui-color-gray-100) !important;\n  }\n  .zui\\:bg-gray-200 {\n    background-color: var(--zui-color-gray-200) !important;\n  }\n  .zui\\:bg-gray-800 {\n    background-color: var(--zui-color-gray-800) !important;\n  }\n  .zui\\:bg-gray-900 {\n    background-color: var(--zui-color-gray-900) !important;\n  }\n  .zui\\:bg-green-50 {\n    background-color: var(--zui-color-green-50) !important;\n  }\n  .zui\\:bg-green-100 {\n    background-color: var(--zui-color-green-100) !important;\n  }\n  .zui\\:bg-green-500 {\n    background-color: var(--zui-color-green-500) !important;\n  }\n  .zui\\:bg-inherit {\n    background-color: inherit !important;\n  }\n  .zui\\:bg-muted {\n    background-color: var(--zui-muted) !important;\n  }\n  .zui\\:bg-neutral-100 {\n    background-color: var(--zui-color-neutral-100) !important;\n  }\n  .zui\\:bg-orange-100 {\n    background-color: var(--zui-color-orange-100) !important;\n  }\n  .zui\\:bg-purple-100 {\n    background-color: var(--zui-color-purple-100) !important;\n  }\n  .zui\\:bg-purple-500 {\n    background-color: var(--zui-color-purple-500) !important;\n  }\n  .zui\\:bg-red-50 {\n    background-color: var(--zui-color-red-50) !important;\n  }\n  .zui\\:bg-red-100 {\n    background-color: var(--zui-color-red-100) !important;\n  }\n  .zui\\:bg-red-500 {\n    background-color: var(--zui-color-red-500) !important;\n  }\n  .zui\\:bg-secondary {\n    background-color: var(--zui-secondary) !important;\n  }\n  .zui\\:bg-slate-200 {\n    background-color: var(--zui-color-slate-200) !important;\n  }\n  .zui\\:bg-transparent {\n    background-color: transparent !important;\n  }\n  .zui\\:bg-white {\n    background-color: var(--zui-color-white) !important;\n  }\n  .zui\\:bg-white\\/60 {\n    background-color: var(--zui-color-white) !important;\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--zui-color-white) 60%, transparent) !important;\n    }\n  }\n  .zui\\:bg-yellow-50 {\n    background-color: var(--zui-color-yellow-50) !important;\n  }\n  .zui\\:bg-yellow-100 {\n    background-color: var(--zui-color-yellow-100) !important;\n  }\n  .zui\\:object-cover {\n    object-fit: cover !important;\n  }\n  .zui\\:\\!p-0 {\n    padding: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:\\!p-1 {\n    padding: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:p-0 {\n    padding: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:p-1 {\n    padding: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:p-2 {\n    padding: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:p-2\\.5 {\n    padding: calc(var(--zui-spacing) * 2.5) !important;\n  }\n  .zui\\:p-4 {\n    padding: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:p-6 {\n    padding: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:px-1 {\n    padding-inline: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:px-2 {\n    padding-inline: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:px-2\\.5 {\n    padding-inline: calc(var(--zui-spacing) * 2.5) !important;\n  }\n  .zui\\:px-3 {\n    padding-inline: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:px-3\\.5 {\n    padding-inline: calc(var(--zui-spacing) * 3.5) !important;\n  }\n  .zui\\:px-4 {\n    padding-inline: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:px-5 {\n    padding-inline: calc(var(--zui-spacing) * 5) !important;\n  }\n  .zui\\:px-6 {\n    padding-inline: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:px-\\[6px\\] {\n    padding-inline: 6px !important;\n  }\n  .zui\\:py-0 {\n    padding-block: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:py-0\\.5 {\n    padding-block: calc(var(--zui-spacing) * 0.5) !important;\n  }\n  .zui\\:py-1 {\n    padding-block: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:py-1\\.5 {\n    padding-block: calc(var(--zui-spacing) * 1.5) !important;\n  }\n  .zui\\:py-2 {\n    padding-block: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:py-2\\.5 {\n    padding-block: calc(var(--zui-spacing) * 2.5) !important;\n  }\n  .zui\\:py-3 {\n    padding-block: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:py-4 {\n    padding-block: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:py-10 {\n    padding-block: calc(var(--zui-spacing) * 10) !important;\n  }\n  .zui\\:py-12 {\n    padding-block: calc(var(--zui-spacing) * 12) !important;\n  }\n  .zui\\:pt-0\\.5 {\n    padding-top: calc(var(--zui-spacing) * 0.5) !important;\n  }\n  .zui\\:pt-1 {\n    padding-top: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:pr-4 {\n    padding-right: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:pr-8 {\n    padding-right: calc(var(--zui-spacing) * 8) !important;\n  }\n  .zui\\:pr-9 {\n    padding-right: calc(var(--zui-spacing) * 9) !important;\n  }\n  .zui\\:pr-10 {\n    padding-right: calc(var(--zui-spacing) * 10) !important;\n  }\n  .zui\\:pr-11 {\n    padding-right: calc(var(--zui-spacing) * 11) !important;\n  }\n  .zui\\:pl-3 {\n    padding-left: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:pl-8 {\n    padding-left: calc(var(--zui-spacing) * 8) !important;\n  }\n  .zui\\:pl-9 {\n    padding-left: calc(var(--zui-spacing) * 9) !important;\n  }\n  .zui\\:pl-10 {\n    padding-left: calc(var(--zui-spacing) * 10) !important;\n  }\n  .zui\\:pl-11 {\n    padding-left: calc(var(--zui-spacing) * 11) !important;\n  }\n  .zui\\:text-center {\n    text-align: center !important;\n  }\n  .zui\\:text-left {\n    text-align: left !important;\n  }\n  .zui\\:text-right {\n    text-align: right !important;\n  }\n  .zui\\:font-mono {\n    font-family: var(--zui-font-mono) !important;\n  }\n  .zui\\:\\!text-base {\n    font-size: var(--zui-text-base) !important;\n    line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n  }\n  .zui\\:\\!text-sm {\n    font-size: var(--zui-text-sm) !important;\n    line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n  }\n  .zui\\:text-2xl {\n    font-size: var(--zui-text-2xl) !important;\n    line-height: var(--tw-leading, var(--zui-text-2xl--line-height)) !important;\n  }\n  .zui\\:text-base {\n    font-size: var(--zui-text-base) !important;\n    line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n  }\n  .zui\\:text-lg {\n    font-size: var(--zui-text-lg) !important;\n    line-height: var(--tw-leading, var(--zui-text-lg--line-height)) !important;\n  }\n  .zui\\:text-sm {\n    font-size: var(--zui-text-sm) !important;\n    line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n  }\n  .zui\\:text-xl {\n    font-size: var(--zui-text-xl) !important;\n    line-height: var(--tw-leading, var(--zui-text-xl--line-height)) !important;\n  }\n  .zui\\:text-xs {\n    font-size: var(--zui-text-xs) !important;\n    line-height: var(--tw-leading, var(--zui-text-xs--line-height)) !important;\n  }\n  .zui\\:leading-none {\n    --tw-leading: 1 !important;\n    line-height: 1 !important;\n  }\n  .zui\\:leading-snug {\n    --tw-leading: var(--zui-leading-snug) !important;\n    line-height: var(--zui-leading-snug) !important;\n  }\n  .zui\\:font-bold {\n    --tw-font-weight: var(--zui-font-weight-bold) !important;\n    font-weight: var(--zui-font-weight-bold) !important;\n  }\n  .zui\\:font-medium {\n    --tw-font-weight: var(--zui-font-weight-medium) !important;\n    font-weight: var(--zui-font-weight-medium) !important;\n  }\n  .zui\\:font-normal {\n    --tw-font-weight: var(--zui-font-weight-normal) !important;\n    font-weight: var(--zui-font-weight-normal) !important;\n  }\n  .zui\\:font-semibold {\n    --tw-font-weight: var(--zui-font-weight-semibold) !important;\n    font-weight: var(--zui-font-weight-semibold) !important;\n  }\n  .zui\\:tracking-wide {\n    --tw-tracking: var(--zui-tracking-wide) !important;\n    letter-spacing: var(--zui-tracking-wide) !important;\n  }\n  .zui\\:tracking-wider {\n    --tw-tracking: var(--zui-tracking-wider) !important;\n    letter-spacing: var(--zui-tracking-wider) !important;\n  }\n  .zui\\:whitespace-nowrap {\n    white-space: nowrap !important;\n  }\n  .zui\\:\\!text-foreground {\n    color: var(--zui-foreground) !important;\n  }\n  .zui\\:text-accent-foreground {\n    color: var(--zui-accent-foreground) !important;\n  }\n  .zui\\:text-amber-600 {\n    color: var(--zui-color-amber-600) !important;\n  }\n  .zui\\:text-blue-500 {\n    color: var(--zui-color-blue-500) !important;\n  }\n  .zui\\:text-blue-600 {\n    color: var(--zui-color-blue-600) !important;\n  }\n  .zui\\:text-blue-700 {\n    color: var(--zui-color-blue-700) !important;\n  }\n  .zui\\:text-blue-800 {\n    color: var(--zui-color-blue-800) !important;\n  }\n  .zui\\:text-blue-900 {\n    color: var(--zui-color-blue-900) !important;\n  }\n  .zui\\:text-destructive {\n    color: var(--zui-destructive) !important;\n  }\n  .zui\\:text-foreground {\n    color: var(--zui-foreground) !important;\n  }\n  .zui\\:text-gray-400 {\n    color: var(--zui-color-gray-400) !important;\n  }\n  .zui\\:text-gray-500 {\n    color: var(--zui-color-gray-500) !important;\n  }\n  .zui\\:text-gray-600 {\n    color: var(--zui-color-gray-600) !important;\n  }\n  .zui\\:text-gray-700 {\n    color: var(--zui-color-gray-700) !important;\n  }\n  .zui\\:text-gray-800 {\n    color: var(--zui-color-gray-800) !important;\n  }\n  .zui\\:text-gray-900 {\n    color: var(--zui-color-gray-900) !important;\n  }\n  .zui\\:text-green-500 {\n    color: var(--zui-color-green-500) !important;\n  }\n  .zui\\:text-green-600 {\n    color: var(--zui-color-green-600) !important;\n  }\n  .zui\\:text-green-700 {\n    color: var(--zui-color-green-700) !important;\n  }\n  .zui\\:text-green-800 {\n    color: var(--zui-color-green-800) !important;\n  }\n  .zui\\:text-green-900 {\n    color: var(--zui-color-green-900) !important;\n  }\n  .zui\\:text-muted-foreground {\n    color: var(--zui-muted-foreground) !important;\n  }\n  .zui\\:text-neutral-400 {\n    color: var(--zui-color-neutral-400) !important;\n  }\n  .zui\\:text-orange-800 {\n    color: var(--zui-color-orange-800) !important;\n  }\n  .zui\\:text-popover-foreground {\n    color: var(--zui-popover-foreground) !important;\n  }\n  .zui\\:text-purple-600 {\n    color: var(--zui-color-purple-600) !important;\n  }\n  .zui\\:text-purple-800 {\n    color: var(--zui-color-purple-800) !important;\n  }\n  .zui\\:text-red-500 {\n    color: var(--zui-color-red-500) !important;\n  }\n  .zui\\:text-red-600 {\n    color: var(--zui-color-red-600) !important;\n  }\n  .zui\\:text-red-700 {\n    color: var(--zui-color-red-700) !important;\n  }\n  .zui\\:text-red-800 {\n    color: var(--zui-color-red-800) !important;\n  }\n  .zui\\:text-red-900 {\n    color: var(--zui-color-red-900) !important;\n  }\n  .zui\\:text-slate-500 {\n    color: var(--zui-color-slate-500) !important;\n  }\n  .zui\\:text-slate-800 {\n    color: var(--zui-color-slate-800) !important;\n  }\n  .zui\\:text-white {\n    color: var(--zui-color-white) !important;\n  }\n  .zui\\:text-yellow-600 {\n    color: var(--zui-color-yellow-600) !important;\n  }\n  .zui\\:text-yellow-700 {\n    color: var(--zui-color-yellow-700) !important;\n  }\n  .zui\\:text-yellow-800 {\n    color: var(--zui-color-yellow-800) !important;\n  }\n  .zui\\:text-yellow-900 {\n    color: var(--zui-color-yellow-900) !important;\n  }\n  .zui\\:uppercase {\n    text-transform: uppercase !important;\n  }\n  .zui\\:opacity-40 {\n    opacity: 40% !important;\n  }\n  .zui\\:opacity-50 {\n    opacity: 50% !important;\n  }\n  .zui\\:opacity-60 {\n    opacity: 60% !important;\n  }\n  .zui\\:opacity-80 {\n    opacity: 80% !important;\n  }\n  .zui\\:shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .zui\\:shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .zui\\:shadow-xl {\n    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .zui\\:ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .zui\\:ring-blue-200 {\n    --tw-ring-color: var(--zui-color-blue-200) !important;\n  }\n  .zui\\:ring-blue-500 {\n    --tw-ring-color: var(--zui-color-blue-500) !important;\n  }\n  .zui\\:ring-blue-600 {\n    --tw-ring-color: var(--zui-color-blue-600) !important;\n  }\n  .zui\\:ring-gray-400 {\n    --tw-ring-color: var(--zui-color-gray-400) !important;\n  }\n  .zui\\:ring-ring {\n    --tw-ring-color: var(--zui-ring) !important;\n  }\n  .zui\\:ring-offset-1 {\n    --tw-ring-offset-width: 1px !important;\n    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n  }\n  .zui\\:ring-offset-background {\n    --tw-ring-offset-color: var(--zui-background) !important;\n  }\n  .zui\\:transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events !important;\n    transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n  }\n  .zui\\:transition-all {\n    transition-property: all !important;\n    transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n  }\n  .zui\\:transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;\n    transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n  }\n  .zui\\:transition-none {\n    transition-property: none !important;\n  }\n  .zui\\:duration-200 {\n    --tw-duration: 200ms !important;\n    transition-duration: 200ms !important;\n  }\n  .zui\\:ease-in-out {\n    --tw-ease: var(--zui-ease-in-out) !important;\n    transition-timing-function: var(--zui-ease-in-out) !important;\n  }\n  .zui\\:outline-none {\n    --tw-outline-style: none !important;\n    outline-style: none !important;\n  }\n  .zui\\:select-none {\n    -webkit-user-select: none !important;\n    user-select: none !important;\n  }\n  .zui\\:placeholder\\:text-muted-foreground {\n    &::placeholder {\n      color: var(--zui-muted-foreground) !important;\n    }\n  }\n  .zui\\:focus-within\\:ring-1 {\n    &:focus-within {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n    }\n  }\n  .zui\\:focus-within\\:ring-destructive {\n    &:focus-within {\n      --tw-ring-color: var(--zui-destructive) !important;\n    }\n  }\n  .zui\\:focus-within\\:ring-ring {\n    &:focus-within {\n      --tw-ring-color: var(--zui-ring) !important;\n    }\n  }\n  .zui\\:focus-within\\:ring-offset-1 {\n    &:focus-within {\n      --tw-ring-offset-width: 1px !important;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n    }\n  }\n  .zui\\:hover\\:border-gray-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--zui-color-gray-400) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:bg-gray-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--zui-color-gray-50) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:bg-gray-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--zui-color-gray-100) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:bg-gray-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--zui-color-gray-200) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:text-blue-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--zui-color-blue-800) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:text-red-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--zui-color-red-500) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline !important;\n      }\n    }\n  }\n  .zui\\:hover\\:opacity-100 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 100% !important;\n      }\n    }\n  }\n  .zui\\:focus\\:border-transparent {\n    &:focus {\n      border-color: transparent !important;\n    }\n  }\n  .zui\\:focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n    }\n  }\n  .zui\\:focus\\:ring-blue-500 {\n    &:focus {\n      --tw-ring-color: var(--zui-color-blue-500) !important;\n    }\n  }\n  .zui\\:focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none !important;\n      outline-style: none !important;\n    }\n  }\n  .zui\\:disabled\\:cursor-not-allowed {\n    &:disabled {\n      cursor: not-allowed !important;\n    }\n  }\n  .zui\\:disabled\\:opacity-50 {\n    &:disabled {\n      opacity: 50% !important;\n    }\n  }\n  .zui\\:aria-selected\\:bg-accent\\/50 {\n    &[aria-selected="true"] {\n      background-color: var(--zui-accent) !important;\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--zui-accent) 50%, transparent) !important;\n      }\n    }\n  }\n  .zui\\:aria-selected\\:text-muted-foreground {\n    &[aria-selected="true"] {\n      color: var(--zui-muted-foreground) !important;\n    }\n  }\n  .zui\\:aria-selected\\:opacity-30 {\n    &[aria-selected="true"] {\n      opacity: 30% !important;\n    }\n  }\n  .zui\\:aria-selected\\:opacity-100 {\n    &[aria-selected="true"] {\n      opacity: 100% !important;\n    }\n  }\n  .zui\\:data-\\[disabled\\]\\:pointer-events-none {\n    &[data-disabled] {\n      pointer-events: none !important;\n    }\n  }\n  .zui\\:data-\\[disabled\\]\\:opacity-50 {\n    &[data-disabled] {\n      opacity: 50% !important;\n    }\n  }\n  .zui\\:sm\\:w-auto {\n    @media (width >= 40rem) {\n      width: auto !important;\n    }\n  }\n  .zui\\:sm\\:rounded-l-md {\n    @media (width >= 40rem) {\n      border-top-left-radius: calc(var(--zui-radius) - 2px) !important;\n      border-bottom-left-radius: calc(var(--zui-radius) - 2px) !important;\n    }\n  }\n  .zui\\:sm\\:rounded-r-xl {\n    @media (width >= 40rem) {\n      border-top-right-radius: calc(var(--zui-radius) + 4px) !important;\n      border-bottom-right-radius: calc(var(--zui-radius) + 4px) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:bg-accent {\n    &>button {\n      background-color: var(--zui-accent) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:bg-primary {\n    &>button {\n      background-color: var(--zui-primary) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:bg-transparent {\n    &>button {\n      background-color: transparent !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:\\!text-foreground {\n    &>button {\n      color: var(--zui-foreground) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:text-accent-foreground {\n    &>button {\n      color: var(--zui-accent-foreground) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:text-foreground {\n    &>button {\n      color: var(--zui-foreground) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:text-primary-foreground {\n    &>button {\n      color: var(--zui-primary-foreground) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-primary {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--zui-primary) !important;\n        }\n      }\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-transparent {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          background-color: transparent !important;\n        }\n      }\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:hover\\:\\!text-foreground {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--zui-foreground) !important;\n        }\n      }\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:hover\\:text-gray-500 {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--zui-color-gray-500) !important;\n        }\n      }\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:hover\\:text-primary-foreground {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--zui-primary-foreground) !important;\n        }\n      }\n    }\n  }\n}\n:root {\n  --zui-radius: 0.625rem;\n  --zui-background: oklch(1 0 0);\n  --zui-foreground: oklch(0.145 0 0);\n  --zui-card: oklch(1 0 0);\n  --zui-card-foreground: oklch(0.145 0 0);\n  --zui-popover: oklch(1 0 0);\n  --zui-popover-foreground: oklch(0.145 0 0);\n  --zui-primary: oklch(0.55 0.247 266.93);\n  --zui-primary-foreground: oklch(0.985 0 0);\n  --zui-secondary: oklch(0.97 0 0);\n  --zui-secondary-foreground: oklch(0.205 0 0);\n  --zui-muted: oklch(0.97 0 0);\n  --zui-muted-foreground: oklch(0.556 0 0);\n  --zui-accent: oklch(0.97 0 0);\n  --zui-accent-foreground: oklch(0.205 0 0);\n  --zui-destructive: oklch(0.577 0.245 27.325);\n  --zui-border: oklch(0.922 0 0);\n  --zui-input: oklch(0.922 0 0);\n  --zui-ring: oklch(0.708 0 0);\n  --zui-chart-1: oklch(0.646 0.222 41.116);\n  --zui-chart-2: oklch(0.6 0.118 184.704);\n  --zui-chart-3: oklch(0.398 0.07 227.392);\n  --zui-chart-4: oklch(0.828 0.189 84.429);\n  --zui-chart-5: oklch(0.769 0.188 70.08);\n  --zui-sidebar: oklch(0.985 0 0);\n  --zui-sidebar-foreground: oklch(0.145 0 0);\n  --zui-sidebar-primary: oklch(0.205 0 0);\n  --zui-sidebar-primary-foreground: oklch(0.985 0 0);\n  --zui-sidebar-accent: oklch(0.97 0 0);\n  --zui-sidebar-accent-foreground: oklch(0.205 0 0);\n  --zui-sidebar-border: oklch(0.922 0 0);\n  --zui-sidebar-ring: oklch(0.708 0 0);\n}\n@property --tw-translate-x {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-rotate-x {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-space-y-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-x-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: "*";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-tracking {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: "<length>";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: "*";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-duration {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: "*";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-duration: initial;\n      --tw-ease: initial;\n    }\n  }\n}\n');var m=function(n){var t=n.open,c=n.onClose,u=n.title,m=n.children,d=n.footer,z=n.side,g=void 0===z?"right":z,h=n.className,v=n.showCloseIcon,w=void 0===v||v,b=n.withOverlay,f=void 0===b||b,x=n.stickyFooter,y=void 0===x||x,k=n.width,j=n.height,C="left"===g||"right"===g;return r(a,{anchor:g,open:t,onClose:c,ModalProps:{keepMounted:!0},hideBackdrop:!f,PaperProps:{style:{width:C?null!=k?k:400:void 0,height:C?"100%":null!=j?j:400},className:p("zui:bg-background zui:shadow-lg zui:border-border zui:flex zui:flex-col",C?"zui:h-full zui:rounded-none zui:sm:rounded-l-md":"zui:w-full zui:sm:w-auto","left"===g&&"zui:sm:rounded-r-xl zui:border-r zui:border-l-0","top"===g&&"zui:rounded-b-xl","bottom"===g&&"zui:rounded-t-xl",h)},children:[r(e,{className:"zui:p-4 zui:flex zui:items-center zui:justify-between zui:border-b zui:border-border",children:[o(i,{size:"sm",fontWeight:600,children:u}),w&&o(l,{onClick:c,size:"small",className:"zui:hover:text-red-500",children:o(s,{className:"zui:h-4 zui:w-4"})})]}),o(e,{className:"zui:flex-1 zui:overflow-y-auto zui:p-4",children:m}),d&&o(e,{className:p("zui:border-t zui:border-border zui:p-2",y&&"zui:sticky zui:bottom-0 zui:bg-background"),children:d})]})};export{m as Drawer,i as Text,p as cn};

package/dist/theme/index.esm.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{createTheme as r,ThemeProvider as t}from"@mui/material/styles";import{GlobalStyles as o,CssBaseline as n}from"@mui/material";var a={colors:{primary:{50:"#e3f2fd",100:"#bbdefb",500:"#2196f3",900:"#0d47a1"},secondary:{50:"#fce4ec",100:"#f8bbd9",500:"#e91e63",900:"#880e4f"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",500:"#9e9e9e",900:"#212121"}},spacing:{xs:"4px",sm:"8px",md:"16px",lg:"24px",xl:"32px"},radius:{xs:"2px",sm:"4px",md:"8px",lg:"12px",xl:"16px",full:"9999px"},typography:{fontFamily:"'Inter', system-ui, sans-serif",fontSize:{xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.25rem",xl:"1.5rem"}},size:{small:"10px",medium:"25px",large:"30px"}},m=function(e){void 0===e&&(e={});var i=e.primaryColor,t=void 0===i?a.colors.primary[500]:i,o=e.secondaryColor,n=void 0===o?a.colors.secondary[500]:o;return r({palette:{primary:{main:t},secondary:{main:n},divider:"#e5e5e5"},typography:{fontFamily:a.typography.fontFamily,fontSize:14,h1:{fontSize:"2.25rem",fontWeight:800,letterSpacing:"-0.02em",lineHeight:1.2},h2:{fontSize:"1.875rem",fontWeight:700,lineHeight:1.25},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.3},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.35},h5:{fontSize:"1.125rem",fontWeight:500,lineHeight:1.4},h6:{fontSize:"1rem",fontWeight:500,lineHeight:1.5},body1:{fontSize:"1rem",lineHeight:"1.625rem"},body2:{fontSize:"0.875rem",lineHeight:"1.5rem"},caption:{fontSize:"0.75rem",lineHeight:"1.25rem"},button:{fontSize:"0.875rem",lineHeight:"1.5rem",textTransform:"none"},subtitle1:{fontSize:"1.125rem",lineHeight:"1.5rem"}},spacing:8,shape:{borderRadius:5},radius:a.radius,components:{MuiButton:{styleOverrides:{root:{textTransform:"none",fontWeight:"normal",letterSpacing:"0.5px",padding:"6px 12px"},sizeSmall:{padding:"4px 10px"},sizeLarge:{padding:"10px 24px"}},defaultProps:{disableElevation:!0}},MuiCard:{styleOverrides:{root:{borderRadius:"12px",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.1)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:"8px"}}}}}})},l=m(),s=function(){return e(o,{styles:{body:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},html:{fontFamily:"'Inter', system-ui, sans-serif"}}})},p=function(r){var o=r.children,a=r.primaryColor,l=r.secondaryColor,p=r.enableCssBaseline,d=void 0===p||p,f={};a&&(f.primaryColor=a),l&&(f.secondaryColor=l);var x=m(f);return i(t,{theme:x,children:[d&&e(n,{}),e(s,{}),o]})};export{p as UILibraryThemeProvider,m as createCustomTheme,a as designTokens,l as theme};
+export{U as UILibraryThemeProvider,c as createCustomTheme,d as designTokens,t as theme}from"../chunks/index-5b35e7d9.esm.js";import"react/jsx-runtime";import"@mui/material/styles";import"@mui/material";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zimyo/ui",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "description": "Zimyo UI library built on MUI Material",
   "type": "module",
   "module": "dist/index.esm.js",