@zimyo/ui 1.8.0 → 1.9.1

package/dist/Popover/index.esm.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{useTheme as o,Popover as n,Fade as t}from"@mui/material";var i=function(){return i=Object.assign||function(r){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(r[i]=o[i]);return r},i.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var e=function(e){var a=e.open,p=e.onClose,l=e.anchorEl,d=e.children,c=e.width,s=e.maxWidth,h=void 0===s?"100%":s,f=e.minWidth,m=e.padding,u=void 0===m?2:m,b=e.border,v=void 0===b||b,O=e.anchorOrigin,g=void 0===O?{vertical:"bottom",horizontal:"left"}:O,y=e.transformOrigin,x=void 0===y?{vertical:"top",horizontal:"left"}:y,w=function(r,o){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&o.indexOf(t)<0&&(n[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)o.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(n[t[i]]=r[t[i]])}return n}(e,["open","onClose","anchorEl","children","width","maxWidth","minWidth","padding","border","anchorOrigin","transformOrigin"]),j=o();return r(n,i({open:a,anchorEl:l,onClose:p,disableScrollLock:!0,TransitionComponent:t,transitionDuration:150,anchorOrigin:g,transformOrigin:x,slotProps:{paper:{elevation:0,sx:{boxShadow:"none",bgcolor:j.palette.background.paper,border:v?"1px solid ".concat(j.palette.divider):"none",borderRadius:j.radius.md,px:j.spacing(u),py:j.spacing(u),width:c,maxWidth:h,minWidth:f}}}},w,{children:d}))};export{e as Popover,e as default};
+import{jsx as r}from"react/jsx-runtime";import{Popover as o,Fade as n}from"@mui/material";var t=function(){return t=Object.assign||function(r){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(r[i]=o[i]);return r},t.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var i=function(i){var e=i.open,a=i.onClose,p=i.anchorEl,c=i.children,l=i.width,s=i.maxWidth,d=void 0===s?"100%":s,f=i.minWidth,h=i.padding,m=void 0===h?2:h,b=i.border,u=void 0===b||b,O=i.anchorOrigin,g=void 0===O?{vertical:"bottom",horizontal:"left"}:O,v=i.transformOrigin,x=void 0===v?{vertical:"top",horizontal:"left"}:v,y=function(r,o){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&o.indexOf(t)<0&&(n[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)o.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(n[t[i]]=r[t[i]])}return n}(i,["open","onClose","anchorEl","children","width","maxWidth","minWidth","padding","border","anchorOrigin","transformOrigin"]);return r(o,t({open:e,onClose:a,anchorEl:p,anchorOrigin:g,transformOrigin:x,TransitionComponent:n,transitionDuration:180,slotProps:{paper:{sx:{boxShadow:"0px 4px 32px rgba(0,0,0,0.08), 0px 1.5px 6px rgba(0,0,0,0.06)",border:u?"1px solid #e5e7eb":"none",borderRadius:1,background:"#fff",width:l,minWidth:f,maxWidth:d,p:m,transition:"opacity 180ms cubic-bezier(0.4,0,0.2,1), transform 180ms cubic-bezier(0.4,0,0.2,1)",opacity:e?1:0,transform:e?"scale(1)":"scale(0.95)"}}}},y,{children:c}))};export{i as Popover,i as default};

package/dist/Table/index.d.ts

@@ -0,0 +1,80 @@
+import React from 'react';
+
+interface Column {
+    id: string;
+    header: string;
+    accessor: string;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    sticky?: 'left' | 'right';
+    sortable?: boolean;
+    filterable?: boolean;
+    hidden?: boolean;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: any, row: any, index: number) => React.ReactNode;
+}
+interface TableData {
+    id: string;
+    [key: string]: any;
+    _expanded?: boolean;
+    _selected?: boolean;
+    _children?: TableData[];
+}
+interface StickyConfig {
+    left?: string[];
+    right?: string[];
+}
+interface BulkAction {
+    label: string;
+    icon?: React.ReactNode;
+    onClick: (selectedIds: string[]) => void;
+    variant?: 'primary' | 'secondary' | 'danger';
+    disabled?: boolean;
+}
+interface TableProps {
+    columns: Column[];
+    data: TableData[];
+    loading?: boolean;
+    pagination?: {
+        page: number;
+        pageSize: number;
+        total: number;
+        onPageChange: (page: number) => void;
+        onPageSizeChange: (size: number) => void;
+    };
+    selection?: {
+        enabled: boolean;
+        selectedRows: string[];
+        onSelectionChange: (selectedIds: string[]) => void;
+    };
+    sorting?: {
+        sortBy: string;
+        sortOrder: 'asc' | 'desc';
+        onSortChange: (sortBy: string, order: 'asc' | 'desc') => void;
+    };
+    filtering?: {
+        filters: Record<string, any>;
+        onFilterChange: (filters: Record<string, any>) => void;
+    };
+    expansion?: {
+        expandedRows: string[];
+        onExpansionChange: (expandedIds: string[]) => void;
+        renderExpandedRow: (row: TableData) => React.ReactNode;
+    };
+    virtualization?: {
+        enabled: boolean;
+        rowHeight?: number;
+        overscan?: number;
+    };
+    onRowClick?: (row: TableData) => void;
+    className?: string;
+    stickyColumns?: StickyConfig;
+    bulkActions?: BulkAction[];
+    isRowSelectable?: (row: TableData) => boolean;
+    variant?: 'standard' | 'compact' | 'striped';
+}
+declare const Table: React.FC<TableProps>;
+
+export { Table, Table as default };
+export type { TableProps };

package/dist/Table/index.esm.js

@@ -0,0 +1,27 @@
+import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import*as i from"react";import{forwardRef as o,createElement as n,PureComponent as s,Component as a,useState as l,useRef as c,useMemo as d,useEffect as u,useCallback as m}from"react";var f=function(){return f=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},f.apply(this,arguments)};function h(e,t,r){if(r||2===arguments.length)for(var i,o=0,n=t.length;o<n;o++)!i&&o in t||(i||(i=Array.prototype.slice.call(t,0,o)),i[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}"function"==typeof SuppressedError&&SuppressedError;
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const p=e=>{const t=(e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase()))(e);return t.charAt(0).toUpperCase()+t.slice(1)},g=(...e)=>e.filter((e,t,r)=>Boolean(e)&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim(),b=e=>{for(const t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0};
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var z={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const v=o(({color:e="currentColor",size:t=24,strokeWidth:r=2,absoluteStrokeWidth:i,className:o="",children:s,iconNode:a,...l},c)=>n("svg",{ref:c,...z,width:t,height:t,stroke:e,strokeWidth:i?24*Number(r)/Number(t):r,className:g("lucide",o),...!s&&!b(l)&&{"aria-hidden":"true"},...l},[...a.map(([e,t])=>n(e,t)),...Array.isArray(s)?s:[s]])),y=(e,t)=>{const r=o(({className:r,...i},o)=>{return n(v,{ref:o,iconNode:t,className:g(`lucide-${s=p(e),s.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,r),...i});var s});return r.displayName=p(e),r},w=y("arrow-down",[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]]),x=y("arrow-up-down",[["path",{d:"m21 16-4 4-4-4",key:"f6ql7i"}],["path",{d:"M17 20V4",key:"1ejh1v"}],["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}]]),k=y("arrow-up",[["path",{d:"m5 12 7-7 7 7",key:"hav0vg"}],["path",{d:"M12 19V5",key:"x0mq9r"}]]),_=y("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]),S=y("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),C=y("chevron-first",[["path",{d:"m17 18-6-6 6-6",key:"1yerx2"}],["path",{d:"M7 6v12",key:"1p53r6"}]]),N=y("chevron-last",[["path",{d:"m7 18 6-6-6-6",key:"lwmzdw"}],["path",{d:"M17 6v12",key:"1o0aio"}]]),R=y("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),I=y("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]),O=y("minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},E.apply(null,arguments)}function P(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function T(e,t){return T=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},T(e,t)}var M=Number.isNaN||function(e){return"number"==typeof e&&e!=e};function W(e,t){return e===t||!(!M(e)||!M(t))}function L(e,t){if(e.length!==t.length)return!1;for(var r=0;r<e.length;r++)if(!W(e[r],t[r]))return!1;return!0}function j(e,t){var r;void 0===t&&(t=L);var i,o=[],n=!1;return function(){for(var s=[],a=0;a<arguments.length;a++)s[a]=arguments[a];return n&&r===this&&t(s,o)||(i=e.apply(this,s),n=!0,r=this,o=s),i}}var A="object"==typeof performance&&"function"==typeof performance.now?function(){return performance.now()}:function(){return Date.now()};function D(e){cancelAnimationFrame(e.id)}var F=-1;function H(e){if(void 0===e&&(e=!1),-1===F||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",document.body.appendChild(t),F=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return F}var q=null;function G(e){if(void 0===e&&(e=!1),null===q||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",r.direction="rtl";var i=document.createElement("div"),o=i.style;return o.width="100px",o.height="100px",t.appendChild(i),document.body.appendChild(t),t.scrollLeft>0?q="positive-descending":(t.scrollLeft=1,q=0===t.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(t),q}return q}process.env.NODE_ENV;var V=function(e,t){return e},B=null,U=null;function $(e){var t,r=e.getItemOffset,i=e.getEstimatedTotalSize,o=e.getItemSize,a=e.getOffsetForIndexAndAlignment,l=e.getStartIndexForOffset,c=e.getStopIndexForStartIndex,d=e.initInstanceProps,u=e.shouldResetStyleCacheOnItemSizeChange,m=e.validateProps;return t=function(e){var t,s;function f(t){var i;return(i=e.call(this,t)||this)._instanceProps=d(i.props,P(i)),i._outerRef=void 0,i._resetIsScrollingTimeoutId=null,i.state={instance:P(i),isScrolling:!1,scrollDirection:"forward",scrollOffset:"number"==typeof i.props.initialScrollOffset?i.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},i._callOnItemsRendered=void 0,i._callOnItemsRendered=j(function(e,t,r,o){return i.props.onItemsRendered({overscanStartIndex:e,overscanStopIndex:t,visibleStartIndex:r,visibleStopIndex:o})}),i._callOnScroll=void 0,i._callOnScroll=j(function(e,t,r){return i.props.onScroll({scrollDirection:e,scrollOffset:t,scrollUpdateWasRequested:r})}),i._getItemStyle=void 0,i._getItemStyle=function(e){var t,n=i.props,s=n.direction,a=n.itemSize,l=n.layout,c=i._getItemStyleCache(u&&a,u&&l,u&&s);if(c.hasOwnProperty(e))t=c[e];else{var d=r(i.props,e,i._instanceProps),m=o(i.props,e,i._instanceProps),f="horizontal"===s||"horizontal"===l,h="rtl"===s,p=f?d:0;c[e]=t={position:"absolute",left:h?void 0:p,right:h?p:void 0,top:f?0:d,height:f?"100%":m,width:f?m:"100%"}}return t},i._getItemStyleCache=void 0,i._getItemStyleCache=j(function(e,t,r){return{}}),i._onScrollHorizontal=function(e){var t=e.currentTarget,r=t.clientWidth,o=t.scrollLeft,n=t.scrollWidth;i.setState(function(e){if(e.scrollOffset===o)return null;var t=i.props.direction,s=o;if("rtl"===t)switch(G()){case"negative":s=-o;break;case"positive-descending":s=n-r-o}return s=Math.max(0,Math.min(s,n-r)),{isScrolling:!0,scrollDirection:e.scrollOffset<s?"forward":"backward",scrollOffset:s,scrollUpdateWasRequested:!1}},i._resetIsScrollingDebounced)},i._onScrollVertical=function(e){var t=e.currentTarget,r=t.clientHeight,o=t.scrollHeight,n=t.scrollTop;i.setState(function(e){if(e.scrollOffset===n)return null;var t=Math.max(0,Math.min(n,o-r));return{isScrolling:!0,scrollDirection:e.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!1}},i._resetIsScrollingDebounced)},i._outerRefSetter=function(e){var t=i.props.outerRef;i._outerRef=e,"function"==typeof t?t(e):null!=t&&"object"==typeof t&&t.hasOwnProperty("current")&&(t.current=e)},i._resetIsScrollingDebounced=function(){var e,t,r,o;null!==i._resetIsScrollingTimeoutId&&D(i._resetIsScrollingTimeoutId),i._resetIsScrollingTimeoutId=(e=i._resetIsScrolling,t=150,r=A(),o={id:requestAnimationFrame(function i(){A()-r>=t?e.call(null):o.id=requestAnimationFrame(i)})})},i._resetIsScrolling=function(){i._resetIsScrollingTimeoutId=null,i.setState({isScrolling:!1},function(){i._getItemStyleCache(-1,null)})},i}s=e,(t=f).prototype=Object.create(s.prototype),t.prototype.constructor=t,T(t,s),f.getDerivedStateFromProps=function(e,t){return Z(e,t),m(e),null};var h=f.prototype;return h.scrollTo=function(e){e=Math.max(0,e),this.setState(function(t){return t.scrollOffset===e?null:{scrollDirection:t.scrollOffset<e?"forward":"backward",scrollOffset:e,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},h.scrollToItem=function(e,t){void 0===t&&(t="auto");var r=this.props,i=r.itemCount,o=r.layout,n=this.state.scrollOffset;e=Math.max(0,Math.min(e,i-1));var s=0;if(this._outerRef){var l=this._outerRef;s="vertical"===o?l.scrollWidth>l.clientWidth?H():0:l.scrollHeight>l.clientHeight?H():0}this.scrollTo(a(this.props,e,t,n,this._instanceProps,s))},h.componentDidMount=function(){var e=this.props,t=e.direction,r=e.initialScrollOffset,i=e.layout;if("number"==typeof r&&null!=this._outerRef){var o=this._outerRef;"horizontal"===t||"horizontal"===i?o.scrollLeft=r:o.scrollTop=r}this._callPropsCallbacks()},h.componentDidUpdate=function(){var e=this.props,t=e.direction,r=e.layout,i=this.state,o=i.scrollOffset;if(i.scrollUpdateWasRequested&&null!=this._outerRef){var n=this._outerRef;if("horizontal"===t||"horizontal"===r)if("rtl"===t)switch(G()){case"negative":n.scrollLeft=-o;break;case"positive-ascending":n.scrollLeft=o;break;default:var s=n.clientWidth,a=n.scrollWidth;n.scrollLeft=a-s-o}else n.scrollLeft=o;else n.scrollTop=o}this._callPropsCallbacks()},h.componentWillUnmount=function(){null!==this._resetIsScrollingTimeoutId&&D(this._resetIsScrollingTimeoutId)},h.render=function(){var e=this.props,t=e.children,r=e.className,o=e.direction,s=e.height,a=e.innerRef,l=e.innerElementType,c=e.innerTagName,d=e.itemCount,u=e.itemData,m=e.itemKey,f=void 0===m?V:m,h=e.layout,p=e.outerElementType,g=e.outerTagName,b=e.style,z=e.useIsScrolling,v=e.width,y=this.state.isScrolling,w="horizontal"===o||"horizontal"===h,x=w?this._onScrollHorizontal:this._onScrollVertical,k=this._getRangeToRender(),_=k[0],S=k[1],C=[];if(d>0)for(var N=_;N<=S;N++)C.push(n(t,{data:u,key:f(N,u),index:N,isScrolling:z?y:void 0,style:this._getItemStyle(N)}));var R=i(this.props,this._instanceProps);return n(p||g||"div",{className:r,onScroll:x,ref:this._outerRefSetter,style:E({position:"relative",height:s,width:v,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:o},b)},n(l||c||"div",{children:C,ref:a,style:{height:w?"100%":R,pointerEvents:y?"none":void 0,width:w?R:"100%"}}))},h._callPropsCallbacks=function(){if("function"==typeof this.props.onItemsRendered&&this.props.itemCount>0){var e=this._getRangeToRender(),t=e[0],r=e[1],i=e[2],o=e[3];this._callOnItemsRendered(t,r,i,o)}if("function"==typeof this.props.onScroll){var n=this.state,s=n.scrollDirection,a=n.scrollOffset,l=n.scrollUpdateWasRequested;this._callOnScroll(s,a,l)}},h._getRangeToRender=function(){var e=this.props,t=e.itemCount,r=e.overscanCount,i=this.state,o=i.isScrolling,n=i.scrollDirection,s=i.scrollOffset;if(0===t)return[0,0,0,0];var a=l(this.props,s,this._instanceProps),d=c(this.props,a,s,this._instanceProps),u=o&&"backward"!==n?1:Math.max(1,r),m=o&&"forward"!==n?1:Math.max(1,r);return[Math.max(0,a-u),Math.max(0,Math.min(t-1,d+m)),a,d]},f}(s),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}"production"!==process.env.NODE_ENV&&"undefined"!=typeof window&&void 0!==window.WeakSet&&(B=new WeakSet,U=new WeakSet);var Z=function(e,t){var r=e.children,i=e.direction,o=e.height,n=e.layout,s=e.innerTagName,a=e.outerTagName,l=e.width,c=t.instance;if("production"!==process.env.NODE_ENV){null==s&&null==a||U&&!U.has(c)&&(U.add(c),console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));var d="horizontal"===i||"horizontal"===n;switch(i){case"horizontal":case"vertical":B&&!B.has(c)&&(B.add(c),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". "'+i+'" was specified.')}switch(n){case"horizontal":case"vertical":break;default:throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". "'+n+'" was specified.')}if(null==r)throw Error('An invalid "children" prop has been specified. Value should be a React component. "'+(null===r?"null":typeof r)+'" was specified.');if(d&&"number"!=typeof l)throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. "'+(null===l?"null":typeof l)+'" was specified.');if(!d&&"number"!=typeof o)throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. "'+(null===o?"null":typeof o)+'" was specified.')}},K=$({getItemOffset:function(e,t){return t*e.itemSize},getItemSize:function(e,t){return e.itemSize},getEstimatedTotalSize:function(e){var t=e.itemCount;return e.itemSize*t},getOffsetForIndexAndAlignment:function(e,t,r,i,o,n){var s=e.direction,a=e.height,l=e.itemCount,c=e.itemSize,d=e.layout,u=e.width,m="horizontal"===s||"horizontal"===d?u:a,f=Math.max(0,l*c-m),h=Math.min(f,t*c),p=Math.max(0,t*c-m+c+n);switch("smart"===r&&(r=i>=p-m&&i<=h+m?"auto":"center"),r){case"start":return h;case"end":return p;case"center":var g=Math.round(p+(h-p)/2);return g<Math.ceil(m/2)?0:g>f+Math.floor(m/2)?f:g;default:return i>=p&&i<=h?i:i<p?p:h}},getStartIndexForOffset:function(e,t){var r=e.itemCount,i=e.itemSize;return Math.max(0,Math.min(r-1,Math.floor(t/i)))},getStopIndexForStartIndex:function(e,t,r){var i=e.direction,o=e.height,n=e.itemCount,s=e.itemSize,a=e.layout,l=e.width,c=t*s,d="horizontal"===i||"horizontal"===a?l:o,u=Math.ceil((d+r-c)/s);return Math.max(0,Math.min(n-1,t+u-1))},initInstanceProps:function(e){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(e){var t=e.itemSize;if("production"!==process.env.NODE_ENV&&"number"!=typeof t)throw Error('An invalid "itemSize" prop has been specified. Value should be a number. "'+(null===t?"null":typeof t)+'" was specified.')}});let J;J="undefined"!=typeof window?window:"undefined"!=typeof self?self:global;let Q=null,X=null;const Y=J.clearTimeout,ee=J.setTimeout,te=J.cancelAnimationFrame||J.mozCancelAnimationFrame||J.webkitCancelAnimationFrame,re=J.requestAnimationFrame||J.mozRequestAnimationFrame||J.webkitRequestAnimationFrame;function ie(e){let t,r,i,o,n,s,a;const l="undefined"!=typeof document&&document.attachEvent;if(!l){s=function(e){const t=e.__resizeTriggers__,r=t.firstElementChild,i=t.lastElementChild,o=r.firstElementChild;i.scrollLeft=i.scrollWidth,i.scrollTop=i.scrollHeight,o.style.width=r.offsetWidth+1+"px",o.style.height=r.offsetHeight+1+"px",r.scrollLeft=r.scrollWidth,r.scrollTop=r.scrollHeight},n=function(e){return e.offsetWidth!==e.__resizeLast__.width||e.offsetHeight!==e.__resizeLast__.height},a=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 t=this;s(this),this.__resizeRAF__&&Q(this.__resizeRAF__),this.__resizeRAF__=X(function(){n(t)&&(t.__resizeLast__.width=t.offsetWidth,t.__resizeLast__.height=t.offsetHeight,t.__resizeListeners__.forEach(function(r){r.call(t,e)}))})};let e=!1,l="";i="animationstart";const c="Webkit Moz O ms".split(" ");let d="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),u="";{const t=document.createElement("fakeelement");if(void 0!==t.style.animationName&&(e=!0),!1===e)for(let r=0;r<c.length;r++)if(void 0!==t.style[c[r]+"AnimationName"]){u=c[r],l="-"+u.toLowerCase()+"-",i=d[r],e=!0;break}}r="resizeanim",t="@"+l+"keyframes "+r+" { from { opacity: 0; } to { opacity: 0; } } ",o=l+"animation: 1ms "+r+"; "}return{addResizeListener:function(n,c){if(l)n.attachEvent("onresize",c);else{if(!n.__resizeTriggers__){const l=n.ownerDocument,c=J.getComputedStyle(n);c&&"static"===c.position&&(n.style.position="relative"),function(r){if(!r.getElementById("detectElementResize")){const i=(t||"")+".resize-triggers { "+(o||"")+'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%; }',n=r.head||r.getElementsByTagName("head")[0],s=r.createElement("style");s.id="detectElementResize",s.type="text/css",null!=e&&s.setAttribute("nonce",e),s.styleSheet?s.styleSheet.cssText=i:s.appendChild(r.createTextNode(i)),n.appendChild(s)}}(l),n.__resizeLast__={},n.__resizeListeners__=[],(n.__resizeTriggers__=l.createElement("div")).className="resize-triggers";const d=l.createElement("div");d.className="expand-trigger",d.appendChild(l.createElement("div"));const u=l.createElement("div");u.className="contract-trigger",n.__resizeTriggers__.appendChild(d),n.__resizeTriggers__.appendChild(u),n.appendChild(n.__resizeTriggers__),s(n),n.addEventListener("scroll",a,!0),i&&(n.__resizeTriggers__.__animationListener__=function(e){e.animationName===r&&s(n)},n.__resizeTriggers__.addEventListener(i,n.__resizeTriggers__.__animationListener__))}n.__resizeListeners__.push(c)}},removeResizeListener:function(e,t){if(l)e.detachEvent("onresize",t);else if(e.__resizeListeners__.splice(e.__resizeListeners__.indexOf(t),1),!e.__resizeListeners__.length){e.removeEventListener("scroll",a,!0),e.__resizeTriggers__.__animationListener__&&(e.__resizeTriggers__.removeEventListener(i,e.__resizeTriggers__.__animationListener__),e.__resizeTriggers__.__animationListener__=null);try{e.__resizeTriggers__=!e.removeChild(e.__resizeTriggers__)}catch(e){}}}}}null==te||null==re?(Q=Y,X=function(e){return ee(e,20)}):(Q=function([e,t]){te(e),Y(t)},X=function(e){const t=re(function(){Y(r),e()}),r=ee(function(){te(t),e()},20);return[t,r]});class oe extends a{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:t,onResize:r}=this.props;if(this._parentNode){const i=window.getComputedStyle(this._parentNode)||{},o=parseFloat(i.paddingLeft||"0"),n=parseFloat(i.paddingRight||"0"),s=parseFloat(i.paddingTop||"0"),a=parseFloat(i.paddingBottom||"0"),l=this._parentNode.getBoundingClientRect(),c=l.height-s-a,d=l.width-o-n;if(!e&&this.state.height!==c||!t&&this.state.width!==d){this.setState({height:c,width:d});const e=()=>{this._didLogDeprecationWarning||(this._didLogDeprecationWarning=!0,console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"))};"function"==typeof r&&r({height:c,width:d,get scaledHeight(){return e(),c},get scaledWidth(){return e(),d}})}}},this._setRef=e=>{this._autoSizer=e}}componentDidMount(){const{nonce:e}=this.props,t=this._autoSizer?this._autoSizer.parentNode:null;if(null!=t&&t.ownerDocument&&t.ownerDocument.defaultView&&t instanceof t.ownerDocument.defaultView.HTMLElement){this._parentNode=t;const r=t.ownerDocument.defaultView.ResizeObserver;null!=r?(this._resizeObserver=new r(()=>{this._timeoutId=setTimeout(this._onResize,0)}),this._resizeObserver.observe(t)):(this._detectElementResize=ie(e),this._detectElementResize.addResizeListener(t,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:t,defaultWidth:r,disableHeight:i=!1,disableWidth:o=!1,doNotBailOutOnEmptyChildren:s=!1,nonce:a,onResize:l,style:c={},tagName:d="div",...u}=this.props,{height:m,width:f}=this.state,h={overflow:"visible"},p={};let g=!1;return i||(0===m&&(g=!0),h.height=0,p.height=m,p.scaledHeight=m),o||(0===f&&(g=!0),h.width=0,p.width=f,p.scaledWidth=f),s&&(g=!1),n(d,{ref:this._setRef,style:{...h,...c},...u},!g&&e(p))}}function ne(e){var t,r,i="";if("string"==typeof e||"number"==typeof e)i+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(r=ne(e[t]))&&(i&&(i+=" "),i+=r)}else for(r in e)e[r]&&(i&&(i+=" "),i+=r);return i}const se=e=>{const t=de(e),{conflictingClassGroups:r,conflictingClassGroupModifiers:i}=e;return{getClassGroupId:e=>{const r=e.split("-");return""===r[0]&&1!==r.length&&r.shift(),ae(r,t)||ce(e)},getConflictingClassGroupIds:(e,t)=>{const o=r[e]||[];return t&&i[e]?[...o,...i[e]]:o}}},ae=(e,t)=>{if(0===e.length)return t.classGroupId;const r=e[0],i=t.nextPart.get(r),o=i?ae(e.slice(1),i):void 0;if(o)return o;if(0===t.validators.length)return;const n=e.join("-");return t.validators.find(({validator:e})=>e(n))?.classGroupId},le=/^\[(.+)\]$/,ce=e=>{if(le.test(e)){const t=le.exec(e)[1],r=t?.substring(0,t.indexOf(":"));if(r)return"arbitrary.."+r}},de=e=>{const{theme:t,classGroups:r}=e,i={nextPart:new Map,validators:[]};for(const e in r)ue(r[e],i,e,t);return i},ue=(e,t,r,i)=>{e.forEach(e=>{if("string"==typeof e){return void((""===e?t:me(t,e)).classGroupId=r)}if("function"==typeof e)return fe(e)?void ue(e(i),t,r,i):void t.validators.push({validator:e,classGroupId:r});Object.entries(e).forEach(([e,o])=>{ue(o,me(t,e),r,i)})})},me=(e,t)=>{let r=e;return t.split("-").forEach(e=>{r.nextPart.has(e)||r.nextPart.set(e,{nextPart:new Map,validators:[]}),r=r.nextPart.get(e)}),r},fe=e=>e.isThemeGetter,he=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,r=new Map,i=new Map;const o=(o,n)=>{r.set(o,n),t++,t>e&&(t=0,i=r,r=new Map)};return{get(e){let t=r.get(e);return void 0!==t?t:void 0!==(t=i.get(e))?(o(e,t),t):void 0},set(e,t){r.has(e)?r.set(e,t):o(e,t)}}},pe=e=>{const{prefix:t,experimentalParseClassName:r}=e;let i=e=>{const t=[];let r,i=0,o=0,n=0;for(let s=0;s<e.length;s++){let a=e[s];if(0===i&&0===o){if(":"===a){t.push(e.slice(n,s)),n=s+1;continue}if("/"===a){r=s;continue}}"["===a?i++:"]"===a?i--:"("===a?o++:")"===a&&o--}const s=0===t.length?e:e.substring(n),a=ge(s);return{modifiers:t,hasImportantModifier:a!==s,baseClassName:a,maybePostfixModifierPosition:r&&r>n?r-n:void 0}};if(t){const e=t+":",r=i;i=t=>t.startsWith(e)?r(t.substring(e.length)):{isExternal:!0,modifiers:[],hasImportantModifier:!1,baseClassName:t,maybePostfixModifierPosition:void 0}}if(r){const e=i;i=t=>r({className:t,parseClassName:e})}return i},ge=e=>e.endsWith("!")?e.substring(0,e.length-1):e.startsWith("!")?e.substring(1):e,be=e=>{const t=Object.fromEntries(e.orderSensitiveModifiers.map(e=>[e,!0]));return e=>{if(e.length<=1)return e;const r=[];let i=[];return e.forEach(e=>{"["===e[0]||t[e]?(r.push(...i.sort(),e),i=[]):i.push(e)}),r.push(...i.sort()),r}},ze=/\s+/;function ve(){let e,t,r=0,i="";for(;r<arguments.length;)(e=arguments[r++])&&(t=ye(e))&&(i&&(i+=" "),i+=t);return i}const ye=e=>{if("string"==typeof e)return e;let t,r="";for(let i=0;i<e.length;i++)e[i]&&(t=ye(e[i]))&&(r&&(r+=" "),r+=t);return r};function we(e,...t){let r,i,o,n=function(a){const l=t.reduce((e,t)=>t(e),e());return r=(e=>({cache:he(e.cacheSize),parseClassName:pe(e),sortModifiers:be(e),...se(e)}))(l),i=r.cache.get,o=r.cache.set,n=s,s(a)};function s(e){const t=i(e);if(t)return t;const n=((e,t)=>{const{parseClassName:r,getClassGroupId:i,getConflictingClassGroupIds:o,sortModifiers:n}=t,s=[],a=e.trim().split(ze);let l="";for(let e=a.length-1;e>=0;e-=1){const t=a[e],{isExternal:c,modifiers:d,hasImportantModifier:u,baseClassName:m,maybePostfixModifierPosition:f}=r(t);if(c){l=t+(l.length>0?" "+l:l);continue}let h=!!f,p=i(h?m.substring(0,f):m);if(!p){if(!h){l=t+(l.length>0?" "+l:l);continue}if(p=i(m),!p){l=t+(l.length>0?" "+l:l);continue}h=!1}const g=n(d).join(":"),b=u?g+"!":g,z=b+p;if(s.includes(z))continue;s.push(z);const v=o(p,h);for(let e=0;e<v.length;++e){const t=v[e];s.push(b+t)}l=t+(l.length>0?" "+l:l)}return l})(e,r);return o(e,n),n}return function(){return n(ve.apply(null,arguments))}}const xe=e=>{const t=t=>t[e]||[];return t.isThemeGetter=!0,t},ke=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,_e=/^\((?:(\w[\w-]*):)?(.+)\)$/i,Se=/^\d+\/\d+$/,Ce=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Ne=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,Re=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,Ie=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,Oe=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,Ee=e=>Se.test(e),Pe=e=>!!e&&!Number.isNaN(Number(e)),Te=e=>!!e&&Number.isInteger(Number(e)),Me=e=>e.endsWith("%")&&Pe(e.slice(0,-1)),We=e=>Ce.test(e),Le=()=>!0,je=e=>Ne.test(e)&&!Re.test(e),Ae=()=>!1,De=e=>Ie.test(e),Fe=e=>Oe.test(e),He=e=>!Ge(e)&&!Ke(e),qe=e=>rt(e,st,Ae),Ge=e=>ke.test(e),Ve=e=>rt(e,at,je),Be=e=>rt(e,lt,Pe),Ue=e=>rt(e,ot,Ae),$e=e=>rt(e,nt,Fe),Ze=e=>rt(e,dt,De),Ke=e=>_e.test(e),Je=e=>it(e,at),Qe=e=>it(e,ct),Xe=e=>it(e,ot),Ye=e=>it(e,st),et=e=>it(e,nt),tt=e=>it(e,dt,!0),rt=(e,t,r)=>{const i=ke.exec(e);return!!i&&(i[1]?t(i[1]):r(i[2]))},it=(e,t,r=!1)=>{const i=_e.exec(e);return!!i&&(i[1]?t(i[1]):r)},ot=e=>"position"===e||"percentage"===e,nt=e=>"image"===e||"url"===e,st=e=>"length"===e||"size"===e||"bg-size"===e,at=e=>"length"===e,lt=e=>"number"===e,ct=e=>"family-name"===e,dt=e=>"shadow"===e,ut=we(()=>{const e=xe("color"),t=xe("font"),r=xe("text"),i=xe("font-weight"),o=xe("tracking"),n=xe("leading"),s=xe("breakpoint"),a=xe("container"),l=xe("spacing"),c=xe("radius"),d=xe("shadow"),u=xe("inset-shadow"),m=xe("text-shadow"),f=xe("drop-shadow"),h=xe("blur"),p=xe("perspective"),g=xe("aspect"),b=xe("ease"),z=xe("animate"),v=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom",Ke,Ge],y=()=>[Ke,Ge,l],w=()=>[Ee,"full","auto",...y()],x=()=>[Te,"none","subgrid",Ke,Ge],k=()=>["auto",{span:["full",Te,Ke,Ge]},Te,Ke,Ge],_=()=>[Te,"auto",Ke,Ge],S=()=>["auto","min","max","fr",Ke,Ge],C=()=>["auto",...y()],N=()=>[Ee,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...y()],R=()=>[e,Ke,Ge],I=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom",Xe,Ue,{position:[Ke,Ge]}],O=()=>["auto","cover","contain",Ye,qe,{size:[Ke,Ge]}],E=()=>[Me,Je,Ve],P=()=>["","none","full",c,Ke,Ge],T=()=>["",Pe,Je,Ve],M=()=>[Pe,Me,Xe,Ue],W=()=>["","none",h,Ke,Ge],L=()=>["none",Pe,Ke,Ge],j=()=>["none",Pe,Ke,Ge],A=()=>[Pe,Ke,Ge],D=()=>[Ee,"full",...y()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[We],breakpoint:[We],color:[Le],container:[We],"drop-shadow":[We],ease:["in","out","in-out"],font:[He],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[We],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[We],shadow:[We],spacing:["px",Pe],text:[We],"text-shadow":[We],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",Ee,Ge,Ke,g]}],container:["container"],columns:[{columns:[Pe,Ge,Ke,a]}],"break-after":[{"break-after":["auto","avoid","all","avoid-page","page","left","right","column"]}],"break-before":[{"break-before":["auto","avoid","all","avoid-page","page","left","right","column"]}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:v()}],overflow:[{overflow:["auto","hidden","clip","visible","scroll"]}],"overflow-x":[{"overflow-x":["auto","hidden","clip","visible","scroll"]}],"overflow-y":[{"overflow-y":["auto","hidden","clip","visible","scroll"]}],overscroll:[{overscroll:["auto","contain","none"]}],"overscroll-x":[{"overscroll-x":["auto","contain","none"]}],"overscroll-y":[{"overscroll-y":["auto","contain","none"]}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:w()}],"inset-x":[{"inset-x":w()}],"inset-y":[{"inset-y":w()}],start:[{start:w()}],end:[{end:w()}],top:[{top:w()}],right:[{right:w()}],bottom:[{bottom:w()}],left:[{left:w()}],visibility:["visible","invisible","collapse"],z:[{z:[Te,"auto",Ke,Ge]}],basis:[{basis:[Ee,"full","auto",a,...y()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[Pe,Ee,"auto","initial","none",Ge]}],grow:[{grow:["",Pe,Ke,Ge]}],shrink:[{shrink:["",Pe,Ke,Ge]}],order:[{order:[Te,"first","last","none",Ke,Ge]}],"grid-cols":[{"grid-cols":x()}],"col-start-end":[{col:k()}],"col-start":[{"col-start":_()}],"col-end":[{"col-end":_()}],"grid-rows":[{"grid-rows":x()}],"row-start-end":[{row:k()}],"row-start":[{"row-start":_()}],"row-end":[{"row-end":_()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":S()}],"auto-rows":[{"auto-rows":S()}],gap:[{gap:y()}],"gap-x":[{"gap-x":y()}],"gap-y":[{"gap-y":y()}],"justify-content":[{justify:["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe","normal"]}],"justify-items":[{"justify-items":["start","end","center","stretch","center-safe","end-safe","normal"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch","center-safe","end-safe"]}],"align-content":[{content:["normal","start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"]}],"align-items":[{items:["start","end","center","stretch","center-safe","end-safe",{baseline:["","last"]}]}],"align-self":[{self:["auto","start","end","center","stretch","center-safe","end-safe",{baseline:["","last"]}]}],"place-content":[{"place-content":["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"]}],"place-items":[{"place-items":["start","end","center","stretch","center-safe","end-safe","baseline"]}],"place-self":[{"place-self":["auto","start","end","center","stretch","center-safe","end-safe"]}],p:[{p:y()}],px:[{px:y()}],py:[{py:y()}],ps:[{ps:y()}],pe:[{pe:y()}],pt:[{pt:y()}],pr:[{pr:y()}],pb:[{pb:y()}],pl:[{pl:y()}],m:[{m:C()}],mx:[{mx:C()}],my:[{my:C()}],ms:[{ms:C()}],me:[{me:C()}],mt:[{mt:C()}],mr:[{mr:C()}],mb:[{mb:C()}],ml:[{ml:C()}],"space-x":[{"space-x":y()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":y()}],"space-y-reverse":["space-y-reverse"],size:[{size:N()}],w:[{w:[a,"screen",...N()]}],"min-w":[{"min-w":[a,"screen","none",...N()]}],"max-w":[{"max-w":[a,"screen","none","prose",{screen:[s]},...N()]}],h:[{h:["screen","lh",...N()]}],"min-h":[{"min-h":["screen","lh","none",...N()]}],"max-h":[{"max-h":["screen","lh",...N()]}],"font-size":[{text:["base",r,Je,Ve]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[i,Ke,Be]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",Me,Ge]}],"font-family":[{font:[Qe,Ge,t]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[o,Ke,Ge]}],"line-clamp":[{"line-clamp":[Pe,"none",Ke,Be]}],leading:[{leading:[n,...y()]}],"list-image":[{"list-image":["none",Ke,Ge]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",Ke,Ge]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:R()}],"text-color":[{text:R()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:["solid","dashed","dotted","double","wavy"]}],"text-decoration-thickness":[{decoration:[Pe,"from-font","auto",Ke,Ve]}],"text-decoration-color":[{decoration:R()}],"underline-offset":[{"underline-offset":[Pe,"auto",Ke,Ge]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:y()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",Ke,Ge]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",Ke,Ge]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:I()}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","y","space","round"]}]}],"bg-size":[{bg:O()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},Te,Ke,Ge],radial:["",Ke,Ge],conic:[Te,Ke,Ge]},et,$e]}],"bg-color":[{bg:R()}],"gradient-from-pos":[{from:E()}],"gradient-via-pos":[{via:E()}],"gradient-to-pos":[{to:E()}],"gradient-from":[{from:R()}],"gradient-via":[{via:R()}],"gradient-to":[{to:R()}],rounded:[{rounded:P()}],"rounded-s":[{"rounded-s":P()}],"rounded-e":[{"rounded-e":P()}],"rounded-t":[{"rounded-t":P()}],"rounded-r":[{"rounded-r":P()}],"rounded-b":[{"rounded-b":P()}],"rounded-l":[{"rounded-l":P()}],"rounded-ss":[{"rounded-ss":P()}],"rounded-se":[{"rounded-se":P()}],"rounded-ee":[{"rounded-ee":P()}],"rounded-es":[{"rounded-es":P()}],"rounded-tl":[{"rounded-tl":P()}],"rounded-tr":[{"rounded-tr":P()}],"rounded-br":[{"rounded-br":P()}],"rounded-bl":[{"rounded-bl":P()}],"border-w":[{border:T()}],"border-w-x":[{"border-x":T()}],"border-w-y":[{"border-y":T()}],"border-w-s":[{"border-s":T()}],"border-w-e":[{"border-e":T()}],"border-w-t":[{"border-t":T()}],"border-w-r":[{"border-r":T()}],"border-w-b":[{"border-b":T()}],"border-w-l":[{"border-l":T()}],"divide-x":[{"divide-x":T()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":T()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:["solid","dashed","dotted","double","hidden","none"]}],"divide-style":[{divide:["solid","dashed","dotted","double","hidden","none"]}],"border-color":[{border:R()}],"border-color-x":[{"border-x":R()}],"border-color-y":[{"border-y":R()}],"border-color-s":[{"border-s":R()}],"border-color-e":[{"border-e":R()}],"border-color-t":[{"border-t":R()}],"border-color-r":[{"border-r":R()}],"border-color-b":[{"border-b":R()}],"border-color-l":[{"border-l":R()}],"divide-color":[{divide:R()}],"outline-style":[{outline:["solid","dashed","dotted","double","none","hidden"]}],"outline-offset":[{"outline-offset":[Pe,Ke,Ge]}],"outline-w":[{outline:["",Pe,Je,Ve]}],"outline-color":[{outline:R()}],shadow:[{shadow:["","none",d,tt,Ze]}],"shadow-color":[{shadow:R()}],"inset-shadow":[{"inset-shadow":["none",u,tt,Ze]}],"inset-shadow-color":[{"inset-shadow":R()}],"ring-w":[{ring:T()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:R()}],"ring-offset-w":[{"ring-offset":[Pe,Ve]}],"ring-offset-color":[{"ring-offset":R()}],"inset-ring-w":[{"inset-ring":T()}],"inset-ring-color":[{"inset-ring":R()}],"text-shadow":[{"text-shadow":["none",m,tt,Ze]}],"text-shadow-color":[{"text-shadow":R()}],opacity:[{opacity:[Pe,Ke,Ge]}],"mix-blend":[{"mix-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity","plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"]}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[Pe]}],"mask-image-linear-from-pos":[{"mask-linear-from":M()}],"mask-image-linear-to-pos":[{"mask-linear-to":M()}],"mask-image-linear-from-color":[{"mask-linear-from":R()}],"mask-image-linear-to-color":[{"mask-linear-to":R()}],"mask-image-t-from-pos":[{"mask-t-from":M()}],"mask-image-t-to-pos":[{"mask-t-to":M()}],"mask-image-t-from-color":[{"mask-t-from":R()}],"mask-image-t-to-color":[{"mask-t-to":R()}],"mask-image-r-from-pos":[{"mask-r-from":M()}],"mask-image-r-to-pos":[{"mask-r-to":M()}],"mask-image-r-from-color":[{"mask-r-from":R()}],"mask-image-r-to-color":[{"mask-r-to":R()}],"mask-image-b-from-pos":[{"mask-b-from":M()}],"mask-image-b-to-pos":[{"mask-b-to":M()}],"mask-image-b-from-color":[{"mask-b-from":R()}],"mask-image-b-to-color":[{"mask-b-to":R()}],"mask-image-l-from-pos":[{"mask-l-from":M()}],"mask-image-l-to-pos":[{"mask-l-to":M()}],"mask-image-l-from-color":[{"mask-l-from":R()}],"mask-image-l-to-color":[{"mask-l-to":R()}],"mask-image-x-from-pos":[{"mask-x-from":M()}],"mask-image-x-to-pos":[{"mask-x-to":M()}],"mask-image-x-from-color":[{"mask-x-from":R()}],"mask-image-x-to-color":[{"mask-x-to":R()}],"mask-image-y-from-pos":[{"mask-y-from":M()}],"mask-image-y-to-pos":[{"mask-y-to":M()}],"mask-image-y-from-color":[{"mask-y-from":R()}],"mask-image-y-to-color":[{"mask-y-to":R()}],"mask-image-radial":[{"mask-radial":[Ke,Ge]}],"mask-image-radial-from-pos":[{"mask-radial-from":M()}],"mask-image-radial-to-pos":[{"mask-radial-to":M()}],"mask-image-radial-from-color":[{"mask-radial-from":R()}],"mask-image-radial-to-color":[{"mask-radial-to":R()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"]}],"mask-image-conic-pos":[{"mask-conic":[Pe]}],"mask-image-conic-from-pos":[{"mask-conic-from":M()}],"mask-image-conic-to-pos":[{"mask-conic-to":M()}],"mask-image-conic-from-color":[{"mask-conic-from":R()}],"mask-image-conic-to-color":[{"mask-conic-to":R()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:I()}],"mask-repeat":[{mask:["no-repeat",{repeat:["","x","y","space","round"]}]}],"mask-size":[{mask:O()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",Ke,Ge]}],filter:[{filter:["","none",Ke,Ge]}],blur:[{blur:W()}],brightness:[{brightness:[Pe,Ke,Ge]}],contrast:[{contrast:[Pe,Ke,Ge]}],"drop-shadow":[{"drop-shadow":["","none",f,tt,Ze]}],"drop-shadow-color":[{"drop-shadow":R()}],grayscale:[{grayscale:["",Pe,Ke,Ge]}],"hue-rotate":[{"hue-rotate":[Pe,Ke,Ge]}],invert:[{invert:["",Pe,Ke,Ge]}],saturate:[{saturate:[Pe,Ke,Ge]}],sepia:[{sepia:["",Pe,Ke,Ge]}],"backdrop-filter":[{"backdrop-filter":["","none",Ke,Ge]}],"backdrop-blur":[{"backdrop-blur":W()}],"backdrop-brightness":[{"backdrop-brightness":[Pe,Ke,Ge]}],"backdrop-contrast":[{"backdrop-contrast":[Pe,Ke,Ge]}],"backdrop-grayscale":[{"backdrop-grayscale":["",Pe,Ke,Ge]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[Pe,Ke,Ge]}],"backdrop-invert":[{"backdrop-invert":["",Pe,Ke,Ge]}],"backdrop-opacity":[{"backdrop-opacity":[Pe,Ke,Ge]}],"backdrop-saturate":[{"backdrop-saturate":[Pe,Ke,Ge]}],"backdrop-sepia":[{"backdrop-sepia":["",Pe,Ke,Ge]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":y()}],"border-spacing-x":[{"border-spacing-x":y()}],"border-spacing-y":[{"border-spacing-y":y()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",Ke,Ge]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[Pe,"initial",Ke,Ge]}],ease:[{ease:["linear","initial",b,Ke,Ge]}],delay:[{delay:[Pe,Ke,Ge]}],animate:[{animate:["none",z,Ke,Ge]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[p,Ke,Ge]}],"perspective-origin":[{"perspective-origin":v()}],rotate:[{rotate:L()}],"rotate-x":[{"rotate-x":L()}],"rotate-y":[{"rotate-y":L()}],"rotate-z":[{"rotate-z":L()}],scale:[{scale:j()}],"scale-x":[{"scale-x":j()}],"scale-y":[{"scale-y":j()}],"scale-z":[{"scale-z":j()}],"scale-3d":["scale-3d"],skew:[{skew:A()}],"skew-x":[{"skew-x":A()}],"skew-y":[{"skew-y":A()}],transform:[{transform:[Ke,Ge,"","none","gpu","cpu"]}],"transform-origin":[{origin:v()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:D()}],"translate-x":[{"translate-x":D()}],"translate-y":[{"translate-y":D()}],"translate-z":[{"translate-z":D()}],"translate-none":["translate-none"],accent:[{accent:R()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:R()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",Ke,Ge]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":y()}],"scroll-mx":[{"scroll-mx":y()}],"scroll-my":[{"scroll-my":y()}],"scroll-ms":[{"scroll-ms":y()}],"scroll-me":[{"scroll-me":y()}],"scroll-mt":[{"scroll-mt":y()}],"scroll-mr":[{"scroll-mr":y()}],"scroll-mb":[{"scroll-mb":y()}],"scroll-ml":[{"scroll-ml":y()}],"scroll-p":[{"scroll-p":y()}],"scroll-px":[{"scroll-px":y()}],"scroll-py":[{"scroll-py":y()}],"scroll-ps":[{"scroll-ps":y()}],"scroll-pe":[{"scroll-pe":y()}],"scroll-pt":[{"scroll-pt":y()}],"scroll-pr":[{"scroll-pr":y()}],"scroll-pb":[{"scroll-pb":y()}],"scroll-pl":[{"scroll-pl":y()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",Ke,Ge]}],fill:[{fill:["none",...R()]}],"stroke-w":[{stroke:[Pe,Je,Ve,Be]}],stroke:[{stroke:["none",...R()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}});function mt(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return ut(function(){for(var e,t,r=0,i="",o=arguments.length;r<o;r++)(e=arguments[r])&&(t=ne(e))&&(i&&(i+=" "),i+=t);return i}(e))}var ft={sm:"zui:h-4 zui:w-4",md:"zui:h-5 zui:w-5",lg:"zui:h-6 zui:w-6"},ht=i.forwardRef(function(r,o){var n=r.className,s=r.label,a=r.description,l=r.size,c=void 0===l?"md":l,d=r.disabled,u=r.indeterminate,m=r.error,h=function(e,t){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(r[i[o]]=e[i[o]])}return r}(r,["className","label","description","size","disabled","indeterminate","error"]),p=i.useRef(null);return i.useEffect(function(){p.current&&(p.current.indeterminate=!!u)},[u]),e("label",{className:mt("zui:inline-flex zui:items-start zui:gap-2 zui:cursor-pointer",d&&"zui:opacity-60 zui:cursor-not-allowed",n),children:[e("span",{className:mt("zui:relative zui:inline-flex zui:items-center zui:justify-center zui:rounded zui:border zui:border-slate-300 zui:bg-white zui:transition-colors zui:shrink-0",ft[c],{"zui:border-red-500":m,"zui:bg-slate-200":d,"zui:border-blue-600":(h.checked||u)&&!m,"zui:bg-blue-600":(h.checked||u)&&!m,"zui:ring-1 zui:ring-offset-1 zui:ring-blue-600":(h.checked||u)&&!d}),children:[t("input",f({type:"checkbox",className:"zui:sr-only",ref:function(e){p.current=e,"function"==typeof o?o(e):o&&(o.current=e)},disabled:d,"aria-invalid":m},h)),u?t(O,{className:"zui:w-3 zui:h-3 zui:text-white zui:pointer-events-none",strokeWidth:3}):h.checked?t(_,{className:"zui:w-4 zui:h-4 zui:text-white zui:pointer-events-none"}):null]}),(s||a)&&e("div",{className:"zui:flex zui:flex-col",children:[s&&t("span",{className:"zui:text-sm zui:text-slate-800 zui:font-medium",children:s}),a&&t("span",{className:mt("zui:text-xs zui:text-slate-500",m&&"zui:text-red-500"),children:a})]})]})}),pt=150,gt=function(e){var r,i=e.column,o=e.width,n=e.sticky,s=e.stickyPosition,a=n?((r={position:"sticky"})[n]="".concat(s||0,"px"),r.zIndex=25,r.backgroundColor="white",r):{},l="center"===i.align?"zui:justify-center":"right"===i.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(l),style:f({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"})})},bt=function(r){var i=r.leftStickyColumns,o=r.rightStickyColumns,n=r.regularColumns,s=r.selection,a=r.calculateStickyPosition,l=r.rowIndex;return e("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,r){return t(gt,{column:e,width:e.width||pt,sticky:"left",stickyPosition:a(i,r,"left")},"left-".concat(e.id,"-").concat(l))}),n.map(function(e,r){return t(gt,{column:e,width:e.width||pt},"regular-".concat(e.id,"-").concat(l))}),o.map(function(e,r){return t(gt,{column:e,width:e.width||pt,sticky:"right",stickyPosition:a(o,r,"right")},"right-".concat(e.id,"-").concat(l))})]})},zt=function(e){var r=e.columns,i=e.leftStickyColumns,o=e.rightStickyColumns,n=e.regularColumns,s=e.selection,a=e.calculateStickyPosition,l=e.totalWidth;return t("div",{style:{minWidth:"".concat(l,"px")},children:Array.from({length:10},function(e,l){return t(bt,{columns:r,leftStickyColumns:i,rightStickyColumns:o,regularColumns:n,selection:s,calculateStickyPosition:a,rowIndex:l},"skeleton-row-".concat(l))})})},vt=function(i){var o,n,s=i.columns,a=i.data,p=i.loading,g=void 0!==p&&p,b=i.stickyColumns,z=i.pagination,v=i.selection,y=i.sorting,w=i.filtering,x=i.expansion,k=i.virtualization,_=void 0===k?{enabled:!1}:k,S=i.onRowClick;i.bulkActions;var O=i.isRowSelectable,E=i.className,P=void 0===E?"":E;i.variant;var T=l(s),M=T[0],W=T[1],L=l(""),j=L[0];L[1];var A=l(!1),D=A[0];A[1];var F=c(null),H=c(null),q=c(null),G=d(function(){return M.map(function(e){var t,r,i=e.sticky;return(null===(t=null==b?void 0:b.left)||void 0===t?void 0:t.includes(e.id))?i="left":(null===(r=null==b?void 0:b.right)||void 0===r?void 0:r.includes(e.id))&&(i="right"),f(f({},e),{sticky:i})})},[M,b]),V=d(function(){return G.filter(function(e){return!e.hidden})},[G]),B=null!==(o=null==b?void 0:b.left)&&void 0!==o?o:[],U=null!==(n=null==b?void 0:b.right)&&void 0!==n?n:[],$=V.filter(function(e){return B.includes(e.id)}),Z=V.filter(function(e){return U.includes(e.id)}),J=V.filter(function(e){return!B.includes(e.id)&&!U.includes(e.id)}),Q=d(function(){return J.reduce(function(e,t){return e+(t.width||pt)},0)},[J]),X=d(function(){var e=0;return(null==v?void 0:v.enabled)&&(e+=48),V.forEach(function(t){e+=t.width||pt}),Math.max(e,800)},[V,v]),Y=d(function(){var e=h([],a,!0);return j&&(e=e.filter(function(e){return Object.values(e).some(function(e){return String(e).toLowerCase().includes(j.toLowerCase())})})),(null==w?void 0:w.filters)&&Object.entries(w.filters).forEach(function(t){var r=t[0],i=t[1];i&&(e=e.filter(function(e){return String(e[r]).toLowerCase().includes(String(i).toLowerCase())}))}),(null==y?void 0:y.sortBy)&&e.sort(function(e,t){var r=e[y.sortBy],i=t[y.sortBy];return r<i?"asc"===y.sortOrder?-1:1:r>i?"asc"===y.sortOrder?1:-1:0}),e},[a,j,null==w?void 0:w.filters,y]);u(function(){var e=H.current,t=q.current;if(e&&t){var r=!1,i=!1,o=function(){i||(r=!0,t.scrollLeft=e.scrollLeft,setTimeout(function(){r=!1},0))},n=function(){r||(i=!0,e.scrollLeft=t.scrollLeft,setTimeout(function(){i=!1},0))};return e.addEventListener("scroll",o),t.addEventListener("scroll",n),function(){e.removeEventListener("scroll",o),t.removeEventListener("scroll",n)}}},[]);var ee=m(function(){if((null==v?void 0:v.enabled)&&Y){var e=Y.filter(function(e){return!O||O(e)}).map(function(e){return e.id});if(e.every(function(e){return v.selectedRows.includes(e)}))v.onSelectionChange(v.selectedRows.filter(function(t){return!e.includes(t)}));else{var t=Array.from(new Set(h(h([],v.selectedRows.filter(function(t){return!e.includes(t)}),!0),e,!0)));v.onSelectionChange(t)}}},[Y,v,O]),te=m(function(e){if(null==v?void 0:v.enabled){var t=v.selectedRows;t.includes(e)?v.onSelectionChange(t.filter(function(t){return t!==e})):v.onSelectionChange(h(h([],t,!0),[e],!1))}},[v]),re=m(function(e){if(x){var t=x.expandedRows;t.includes(e)?x.onExpansionChange(t.filter(function(t){return t!==e})):x.onExpansionChange(h(h([],t,!0),[e],!1))}},[x]),ie=m(function(e){W(function(t){return t.map(function(t){return t.id===e?f(f({},t),{hidden:!t.hidden}):t})})},[]),ne=m(function(e,r,i){var o=r[e.accessor];return e.render?e.render(o,r,i):t("span",{className:"zui:truncate",children:String(o||"")})},[]),se=m(function(e,t,r){var i=0;return"left"===r?((null==v?void 0:v.enabled)&&(i+=48),e.slice(0,t).forEach(function(e){i+=e.width||pt})):e.slice(t+1).forEach(function(e){i+=e.width||pt}),i},[v]);return e("div",{className:"zui:w-full zui:h-full zui:bg-white  zui:flex zui:flex-col ".concat(P),children:[D&&!g&&e("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"}),s.map(function(r){return e("label",{className:"zui:flex zui:items-center zui:space-x-2 zui:mb-2",children:[t("input",{type:"checkbox",checked:!r.hidden,onChange:function(){return ie(r.id)},className:"zui:rounded zui:border-gray-300"}),t("span",{className:"zui:text-sm zui:text-gray-700",children:r.header})]},r.id)})]}),e("div",{ref:F,className:"zui:relative zui:flex-1 zui:min-h-0 zui:overflow-hidden",children:[e("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==v?void 0:v.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(ht,{checked:!g&&Y.length>0&&Y.every(function(e){return v.selectedRows.includes(e.id)}),onChange:ee,disabled:g,className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4 zui:disabled:opacity-50"})}),$.map(function(e,r){return t(yt,{column:e,width:e.width||pt,sticky:"left",stickyPosition:se($,r,"left"),sorting:y,loading:g},e.id)}),t("div",{ref:H,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(Q,"px")},children:J.map(function(e){return t(yt,{column:e,width:e.width||pt,sorting:y,loading:g},e.id)})})}),Z.map(function(e,r){return t(yt,{column:e,width:e.width||pt,sticky:"right",stickyPosition:se(Z,r,"right"),sorting:y,loading:g},e.id)})]}),t("div",{ref:q,className:"zui:flex-1 zui:overflow-auto zui:h-[calc(100%_-_2.75rem)]",style:{minHeight:"200px"},children:(null==_?void 0:_.enabled)?t(oe,{children:function(e){var r=e.height,i=e.width;return t(K,{height:r,width:i,itemCount:Y.length,itemSize:_.rowHeight||60,overscanCount:_.overscan||5,children:function(e){var r=e.index,i=e.style;return t("div",{style:i,children:t(wt,{row:Y[r],rowIndex:r,columns:V,leftStickyColumns:$,rightStickyColumns:Z,regularColumns:J,selection:v,expansion:x,onRowClick:S,onRowSelection:te,onRowExpansion:re,renderCell:ne,calculateStickyPosition:se,isRowSelectable:O})},Y[r].id)}})}}):g?t(zt,{columns:V,leftStickyColumns:$,rightStickyColumns:Z,regularColumns:J,selection:v,calculateStickyPosition:se,totalWidth:X}):0===Y.length?e("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(X,"px")},children:Y.map(function(e,r){return t(wt,{row:e,rowIndex:r,columns:V,leftStickyColumns:$,rightStickyColumns:Z,regularColumns:J,selection:v,expansion:x,onRowClick:S,onRowSelection:te,onRowExpansion:re,renderCell:ne,calculateStickyPosition:se,isRowSelectable:O},e.id)})})})]}),z&&e("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:g?t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse",style:{width:"200px"}}):"Showing ".concat((z.page-1)*z.pageSize+1,"-").concat(Math.min(z.page*z.pageSize,z.total)," of ").concat(z.total," entries")}),t("div",{className:"zui:flex zui:items-center zui:space-x-2",children:g?t(r,{children:Array.from({length:4},function(e,r){return t("div",{className:"zui:w-8 zui:h-8 zui:bg-gray-200 zui:rounded zui:animate-pulse"},r)})}):e(r,{children:[e("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:z.pageSize,onChange:function(e){return z.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 z.onPageChange(1)},disabled:1===z.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(C,{size:18})}),t("button",{onClick:function(){return z.onPageChange(Math.max(1,z.page-1))},disabled:1===z.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(R,{size:18})}),t("button",{onClick:function(){return z.onPageChange(Math.min(Math.ceil(z.total/z.pageSize),z.page+1))},disabled:z.page>=Math.ceil(z.total/z.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(I,{size:18})}),t("button",{onClick:function(){return z.onPageChange(Math.ceil(z.total/z.pageSize))},disabled:z.page>=Math.ceil(z.total/z.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(N,{size:18})})]})})]})]})},yt=function(r){var i,o=r.column,n=r.width,s=r.sticky,a=r.stickyPosition,l=r.sorting,c=r.loading,d=void 0!==c&&c,u=s?((i={position:"sticky"})[s]="".concat(a||0,"px"),i.zIndex=45,i.backgroundColor="#f9fafb",i):{},m="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(m),style:f({width:"".concat(n,"px"),minWidth:"".concat(n,"px"),maxWidth:"".concat(n,"px")},u),children:e("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&&l&&!d){var e="asc";l.sortBy===o.id&&(e="asc"===l.sortOrder?"desc":"asc"),l.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==l?void 0:l.sortBy)!==o.id?t(x,{className:"zui:w-4 zui:h-4 zui:text-gray-400"}):"asc"===l.sortOrder?t(k,{className:"zui:w-4 zui:h-4 zui:text-blue-600"}):t(w,{className:"zui:w-4 zui:h-4 zui:text-blue-600"})})]})})},wt=function(i){var o=i.row,n=i.rowIndex,s=i.leftStickyColumns,a=i.rightStickyColumns,l=i.regularColumns,c=i.selection,d=i.expansion,u=i.onRowClick,f=i.onRowSelection,h=i.onRowExpansion,p=i.renderCell,g=i.calculateStickyPosition,b=i.isRowSelectable,z=(null==c?void 0:c.selectedRows.includes(o.id))||!1,v=(null==d?void 0:d.expandedRows.includes(o.id))||!1,y=o._children&&o._children.length>0,w=m(function(){f(o.id)},[o.id,f]),x=m(function(){h(o.id)},[o.id,h]),k=m(function(r,i,o){var n=r.render?r.render(i[r.accessor],i,o):t("span",{className:"zui:truncate",children:String(i[r.accessor]||"")});return e("div",{className:"zui:flex zui:items-center zui:w-full",children:[d&&t("div",{className:"zui:flex-shrink-0 zui:mr-2",children:y?t("button",{onClick:function(e){e.stopPropagation(),x()},className:"zui:p-1 zui:hover:bg-gray-200 zui:rounded zui:transition-colors",children:t(v?S:I,{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:n})]})},[d,y,v,x]);return e(r,{children:[e("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(z?"zui:bg-blue-50":"zui:bg-white"),onClick:function(){return null==u?void 0:u(o)},children:[(null==c?void 0:c.enabled)&&(!b||b(o)?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(ht,{checked:z,onChange:function(e){e.stopPropagation(),w()},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,r){return t(xt,{column:e,row:o,rowIndex:n,width:e.width||pt,sticky:"left",stickyPosition:g(s,r,"left"),renderCell:0===r?k:p},e.id)}),l.map(function(e,r){return t(xt,{column:e,row:o,rowIndex:n,width:e.width||pt,renderCell:0===s.length&&0===r?k:p},e.id)}),a.map(function(e,r){return t(xt,{column:e,row:o,rowIndex:n,width:e.width||pt,sticky:"right",stickyPosition:g(a,r,"right"),renderCell:p},e.id)})]}),v&&(null==d?void 0:d.renderExpandedRow)&&t("div",{className:"zui:border-b zui:border-gray-200 zui:bg-gray-50",children:d.renderExpandedRow(o)})]})},xt=function(e){var r,i=e.column,o=e.row,n=e.rowIndex,s=e.width,a=e.sticky,l=e.stickyPosition,c=e.renderCell,d=a?((r={position:"sticky"})[a]="".concat(l||0,"px"),r.zIndex=25,r.backgroundColor="inherit",r):{},u="center"===i.align?"zui:justify-center":"right"===i.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(u),style:f({width:"".concat(s,"px"),minWidth:"".concat(s,"px"),maxWidth:"".concat(s,"px")},d),children:t("div",{className:"zui:w-full zui:min-w-0",children:c(i,o,n)})})};export{vt as Table,vt as default};

package/dist/Tabs/index.d.ts

@@ -1,36 +1,24 @@
-import React from 'react';
-import { TabProps, TabsProps as TabsProps$1 } from '@mui/material';
-import { SxProps, Theme } from '@mui/system';
+import React, { ReactNode } from 'react';
 
 interface TabItem {
     label: string;
-    value: string | number;
-    icon?: React.ReactNode;
+    content?: ReactNode;
     disabled?: boolean;
     badge?: string | number;
+    icon?: ReactNode;
 }
-interface CustomTabProps extends Omit<TabProps, 'sx'> {
-    sx?: SxProps<Theme>;
-    badge?: string | number;
-}
-interface TabsProps extends Omit<TabsProps$1, 'children' | 'sx' | 'indicatorColor' | 'textColor'> {
-    items: TabItem[];
-    value: string | number;
-    onChange: (event: React.SyntheticEvent, newValue: string | number) => void;
-    variant?: 'standard' | 'scrollable' | 'fullWidth';
-    orientation?: 'horizontal' | 'vertical';
-    styleVariant?: 'default' | 'filled' | 'outlined' | 'pills' | 'underlined' | 'contained';
-    size?: 'small' | 'medium' | 'large';
-    centered?: boolean;
-    allowScrollButtonsMobile?: boolean;
-    scrollButtons?: boolean | 'auto';
-    sx?: SxProps<Theme>;
-    tabSx?: SxProps<Theme>;
-    iconPosition?: 'start' | 'end' | 'top' | 'bottom';
-    indicatorColor?: TabsProps$1['indicatorColor'];
-    textColor?: TabsProps$1['textColor'];
+interface TabsProps {
+    tabs: TabItem[];
+    defaultActiveIndex?: number;
+    onChange?: (index: number) => void;
+    variant?: 'default' | 'pills' | 'underline' | 'cards';
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    vertical?: boolean;
+    color?: 'blue' | 'green' | 'purple' | 'gray';
+    className?: string;
 }
-declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Tabs: React.FC<TabsProps>;
 
 export { Tabs, Tabs as default };
-export type { CustomTabProps, TabItem, TabsProps };
+export type { TabsProps };

package/dist/Tabs/index.esm.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react";import{useTheme as r,Box as a,Tab as o,Tabs as n,alpha as i}from"@mui/material";var l=function(){return l=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},l.apply(this,arguments)};function s(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]])}return r}"function"==typeof SuppressedError&&SuppressedError;var c={small:"10px",medium:"25px",large:"30px"},d=t.forwardRef(function(e,n){var i=e.badge,c=e.sx,d=e.label,p=s(e,["badge","sx","label"]),u=r(),m=i?t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:1}},d,t.createElement(a,{component:"span",sx:{backgroundColor:u.palette.error.main,color:u.palette.error.contrastText,borderRadius:"10px",fontSize:"0.75rem",fontWeight:600,minWidth:"18px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1}},i)):d;return t.createElement(o,l({ref:n,sx:l({position:"relative"},c),label:m},p))});d.displayName="CustomTab";var p=t.forwardRef(function(o,p){var u=o.items,m=o.value,b=o.onChange,x=o.variant,g=void 0===x?"standard":x,f=o.orientation,h=void 0===f?"horizontal":f,y=o.styleVariant,v=void 0===y?"default":y,C=o.size,M=void 0===C?"medium":C,T=o.centered,w=void 0!==T&&T,k=o.allowScrollButtonsMobile,E=void 0!==k&&k,I=o.scrollButtons,O=void 0===I?"auto":I,R=o.sx,S=void 0===R?{}:R,j=o.tabSx,D=void 0===j?{}:j,B=o.iconPosition,P=void 0===B?"start":B,W=o.indicatorColor,H=void 0===W?"primary":W,z=o.textColor,A=void 0===z?"primary":z,N=s(o,["items","value","onChange","variant","orientation","styleVariant","size","centered","allowScrollButtonsMobile","scrollButtons","sx","tabSx","iconPosition","indicatorColor","textColor"]),V=r(),q=function(){var e=function(){switch(M){case"small":return{minHeight:c.small,padding:"4px 10px"};case"large":return{minHeight:c.large,padding:"10px 24px"};default:return{minHeight:c.medium,padding:"6px 12px"}}}();switch(v){case"filled":return{"& .MuiTab-root":l(l({},e),{backgroundColor:i(V.palette.action.hover,.08),borderRadius:"".concat(V.shape.borderRadius,"px"),margin:"0 4px",border:"none","&.Mui-selected":{backgroundColor:V.palette.primary.main,color:V.palette.primary.contrastText},"&:hover":{backgroundColor:i(V.palette.action.hover,.12)}}),"& .MuiTabs-indicator":{display:"none"}};case"outlined":return{"& .MuiTab-root":l(l({},e),{border:"1px solid ".concat(i(V.palette.divider,.5)),borderRadius:"".concat(V.shape.borderRadius,"px"),margin:"0 2px","&.Mui-selected":{borderColor:V.palette.primary.main,backgroundColor:i(V.palette.primary.main,.08),color:V.palette.primary.main},"&:hover":{borderColor:i(V.palette.primary.main,.5)}}),"& .MuiTabs-indicator":{display:"none"}};case"contained":return{backgroundColor:"#DCDCDC",border:"1px solid #DCDCDC",borderRadius:"12px",display:"inline-flex",alignItems:"center","& .MuiTab-root":l(l({},e),{height:"40px",alignItems:"center",borderRadius:"".concat(2*V.shape.borderRadius,"px"),transition:"all 0.2s ease-in-out",minWidth:0,lineHeight:1.25,textTransform:"none",fontWeight:300,justifyContent:"center","&.Mui-selected":{backgroundColor:"white",color:"#212121",boxShadow:V.shadows[1],fontWeight:500}}),"& .MuiTabs-indicator":{display:"none"}};case"pills":return{"& .MuiTab-root":l(l({},e),{borderRadius:"".concat(5*V.shape.borderRadius,"px"),margin:"0 4px",backgroundColor:"transparent",border:"1px solid transparent","&.Mui-selected":{backgroundColor:V.palette.primary.main,color:V.palette.primary.contrastText},"&:hover":{backgroundColor:i(V.palette.action.hover,.08)}}),"& .MuiTabs-indicator":{display:"none"}};case"underlined":return{"& .MuiTab-root":l(l({},e),{borderBottom:"2px solid transparent","&.Mui-selected":{borderBottomColor:V.palette.primary.main}}),"& .MuiTabs-indicator":{display:"none"}};default:return{"& .MuiTab-root":l({},e)}}};return t.createElement(a,{ref:p},t.createElement.apply(t,function(e,t,r){if(r||2===arguments.length)for(var a,o=0,n=t.length;o<n;o++)!a&&o in t||(a||(a=Array.prototype.slice.call(t,0,o)),a[o]=t[o]);return e.concat(a||Array.prototype.slice.call(t))}([n,l({value:m,onChange:b,variant:g,orientation:h,centered:w,allowScrollButtonsMobile:E,scrollButtons:O,indicatorColor:H,textColor:A,sx:l(l(l({},q()),{"& .MuiTab-root":l(l({textTransform:"none",fontWeight:500,letterSpacing:"0.5px",transition:"all 0.2s ease-in-out"},q()["& .MuiTab-root"]),D)}),S)},N)],u.map(function(r){var o;if(r.icon)switch(P){case"end":o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:1,flexDirection:"row-reverse"}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;case"top":o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column"}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;case"bottom":o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column-reverse"}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;default:o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:1}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label)}else o=r.label;return t.createElement(d,{key:r.value,value:r.value,disabled:r.disabled,badge:r.badge,label:o})}),!1)))});p.displayName="Tabs";export{p as Tabs,p as default};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as r}from"react";var u=function(u){var t=u.tabs,n=u.defaultActiveIndex,a=void 0===n?0:n,o=u.onChange,c=u.variant,z=void 0===c?"default":c,l=u.size,d=void 0===l?"md":l,b=u.fullWidth,s=void 0!==b&&b,g=u.vertical,x=void 0!==g&&g,p=u.color,v=void 0===p?"blue":p,h=u.className,f=void 0===h?"":h,y=r(a),m=y[0],w=y[1],N={sm:"zui:px-3 zui:py-1.5 zui:text-sm",md:"zui:px-4 zui:py-2 zui:text-base",lg:"zui:px-6 zui:py-3 zui:text-lg"},k={blue:{active:"zui:bg-blue-500 zui:text-white zui:border-blue-500",inactive:"zui:text-blue-600 hover:zui:text-blue-800 hover:zui:bg-blue-50",underline:"zui:border-blue-500 zui:text-blue-600"},green:{active:"zui:bg-green-500 zui:text-white zui:border-green-500",inactive:"zui:text-green-600 hover:zui:text-green-800 hover:zui:bg-green-50",underline:"zui:border-green-500 zui:text-green-600"},purple:{active:"zui:bg-purple-500 zui:text-white zui:border-purple-500",inactive:"zui:text-purple-600 hover:zui:text-purple-800 hover:zui:bg-purple-50",underline:"zui:border-purple-500 zui:text-purple-600"},gray:{active:"zui:bg-gray-800 zui:text-white zui:border-gray-800",inactive:"zui:text-gray-600 hover:zui:text-gray-800 hover:zui:bg-gray-100",underline:"zui:border-gray-800 zui:text-gray-800"}},j=function(e,i){var r=e===m,u="\n      zui:relative zui:inline-flex zui:items-center zui:justify-center \n      zui:transition-all zui:duration-200 zui:ease-in-out\n      zui:focus:zui:outline-none zui:focus:zui:ring-2 zui:focus:zui:ring-offset-2 \n      zui:focus:zui:ring-".concat(v,"-500\n      ").concat(N[d],"\n      ").concat(s?"zui:flex-1":"zui:flex-shrink-0","\n      ").concat(i.disabled?"zui:opacity-50 zui:cursor-not-allowed":"zui:cursor-pointer","\n    ").trim();switch(z){case"pills":return"".concat(u," zui:rounded-full zui:border ").concat(r?k[v].active:"zui:border-transparent ".concat(k[v].inactive));case"underline":return"".concat(u," zui:border-b-2 zui:rounded-none ").concat(r?k[v].underline:"zui:border-transparent zui:text-gray-500 hover:zui:text-gray-700 hover:zui:border-gray-300");case"cards":return"".concat(u," zui:rounded-t-lg zui:border zui:border-b-0 ").concat(r?"zui:bg-white zui:border-gray-300 zui:text-gray-900":"zui:bg-gray-50 zui:border-transparent zui:text-gray-500 hover:zui:text-gray-700");default:return"".concat(u," zui:rounded-md ").concat(r?k[v].active:"zui:text-gray-500 hover:zui:text-gray-700 hover:zui:bg-gray-100")}},I="\n    ".concat(x?"zui:flex-col zui:space-y-1":"zui:flex zui:space-x-1","\n    ").concat("underline"===z?"zui:border-b zui:border-gray-200":"","\n    ").concat("cards"===z?"zui:border-b zui:border-gray-300":"","\n    ").concat(s?"zui:w-full":"","\n    zui:flex ").concat(f,"\n  ").trim();return e("div",{className:"zui:w-full",children:[i("div",{className:I,role:"tablist","aria-orientation":x?"vertical":"horizontal",children:t.map(function(r,u){return e("button",{className:j(u,r),onClick:function(){return function(e,i){i||(w(e),null==o||o(e))}(u,r.disabled)},role:"tab","aria-selected":u===m,"aria-controls":"panel-".concat(u),id:"tab-".concat(u),tabIndex:u===m?0:-1,disabled:r.disabled,children:[r.icon&&i("span",{className:"zui:mr-2 zui:flex-shrink-0",children:r.icon}),i("span",{className:"zui:whitespace-nowrap zui:text-sm",children:r.label}),r.badge&&i("span",{className:"\n                zui:ml-2 zui:inline-flex zui:items-center zui:justify-center \n                zui:px-2 zui:py-0.5 zui:rounded-full zui:text-xs zui:font-medium\n                ".concat(u===m?"zui:bg-white/60 zui:text-gray-600":"zui:bg-gray-100 zui:text-gray-600","\n              "),children:r.badge})]},"tab-".concat(u))})}),i("div",{className:"zui:mt-4",children:t.map(function(e,r){return i("div",{role:"tabpanel",id:"panel-".concat(r),"aria-labelledby":"tab-".concat(r),className:"\n              zui:transition-all zui:duration-200 zui:ease-in-out\n              ".concat(r===m?"zui:block":"zui:hidden","\n            "),tabIndex:0,children:e.content},"panel-".concat(r))})})]})};export{u as Tabs,u as default};

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React$1 from 'react';
 import React__default, { ElementType } from 'react';
-import { ButtonProps as ButtonProps$1, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, SwitchProps as SwitchProps$1, TypographyProps, SxProps as SxProps$1 } from '@mui/material';
+import { ButtonProps as ButtonProps$1, PopoverProps as PopoverProps$1, CardProps, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, SwitchProps as SwitchProps$1, TypographyProps, SxProps as SxProps$1 } from '@mui/material';
 import { SxProps } from '@mui/system';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Props, GroupBase } from 'react-select';
@@ -19,6 +19,52 @@ interface ButtonProps extends Omit<ButtonProps$1, 'sx'> {
 }
 declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
+interface PopoverProps extends Partial<PopoverProps$1> {
+    open: boolean;
+    onClose: () => void;
+    anchorEl: HTMLElement | null;
+    children: React__default.ReactNode;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    padding?: number;
+    border?: boolean;
+}
+declare const Popover: ({ open, onClose, anchorEl, children, width, maxWidth, minWidth, padding, border, anchorOrigin, transformOrigin, ...rest }: PopoverProps) => react_jsx_runtime.JSX.Element;
+
+interface CardRootProps extends CardProps {
+    sx?: SxProps;
+    variant?: 'elevated' | 'outlined' | 'bordered';
+    children: React__default.ReactNode;
+}
+declare const CardRoot: React__default.FC<CardRootProps>;
+
+declare const CardHeader: ({ title, subtitle, action, }: {
+    title?: string | React__default.ReactNode;
+    subtitle?: string | React__default.ReactNode;
+    action?: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardContent: ({ children, sx }: {
+    children: React__default.ReactNode;
+    sx?: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardActions: ({ children, sx }: {
+    children: React__default.ReactNode;
+    sx?: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardImage: ({ src, height, alt }: {
+    src: string;
+    height?: number | string;
+    alt?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardSkeleton: ({ lines }: {
+    lines?: number;
+}) => react_jsx_runtime.JSX.Element;
+
 interface Option {
     label?: string;
     value?: string | number;
@@ -430,6 +476,101 @@ interface AppListProps {
 }
 declare const AppList: React__default.FC<AppListProps>;
 
+interface Column {
+    id: string;
+    header: string;
+    accessor: string;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    sticky?: 'left' | 'right';
+    sortable?: boolean;
+    filterable?: boolean;
+    hidden?: boolean;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: any, row: any, index: number) => React__default.ReactNode;
+}
+interface TableData {
+    id: string;
+    [key: string]: any;
+    _expanded?: boolean;
+    _selected?: boolean;
+    _children?: TableData[];
+}
+interface StickyConfig {
+    left?: string[];
+    right?: string[];
+}
+interface BulkAction$1 {
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick: (selectedIds: string[]) => void;
+    variant?: 'primary' | 'secondary' | 'danger';
+    disabled?: boolean;
+}
+interface TableProps {
+    columns: Column[];
+    data: TableData[];
+    loading?: boolean;
+    pagination?: {
+        page: number;
+        pageSize: number;
+        total: number;
+        onPageChange: (page: number) => void;
+        onPageSizeChange: (size: number) => void;
+    };
+    selection?: {
+        enabled: boolean;
+        selectedRows: string[];
+        onSelectionChange: (selectedIds: string[]) => void;
+    };
+    sorting?: {
+        sortBy: string;
+        sortOrder: 'asc' | 'desc';
+        onSortChange: (sortBy: string, order: 'asc' | 'desc') => void;
+    };
+    filtering?: {
+        filters: Record<string, any>;
+        onFilterChange: (filters: Record<string, any>) => void;
+    };
+    expansion?: {
+        expandedRows: string[];
+        onExpansionChange: (expandedIds: string[]) => void;
+        renderExpandedRow: (row: TableData) => React__default.ReactNode;
+    };
+    virtualization?: {
+        enabled: boolean;
+        rowHeight?: number;
+        overscan?: number;
+    };
+    onRowClick?: (row: TableData) => void;
+    className?: string;
+    stickyColumns?: StickyConfig;
+    bulkActions?: BulkAction$1[];
+    isRowSelectable?: (row: TableData) => boolean;
+    variant?: 'standard' | 'compact' | 'striped';
+}
+declare const Table: React__default.FC<TableProps>;
+
+interface BulkAction {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick: (selectedIds: string[]) => void;
+    disabled?: boolean;
+    variant?: 'primary' | 'danger' | 'default';
+    type?: 'button' | 'dropdown';
+    onOpen?: () => void;
+}
+interface BulkActionsBarProps {
+    selectedRows: string[];
+    totalRows: number;
+    bulkActions: BulkAction[];
+    clearSelection: () => void;
+    maxVisibleActions?: number;
+}
+declare const BulkActionsBar: React__default.FC<BulkActionsBarProps>;
+
 interface UILibraryThemeProviderProps {
     children: React__default.ReactNode;
     primaryColor?: string;
@@ -524,5 +665,5 @@ declare const designTokens: {
 declare function cn(...inputs: ClassValue[]): string;
 declare function useStableId(prefix?: string): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AppList, Badge, Blockquote, Button, Caption, Checkbox, CheckboxGroup, Code, DatePicker, DateRangePicker, Drawer, Form, GlobalMenuSearch, Heading, Input, Lead, Modal, Muted, Notice, PopupConfirm, RadioGroup, Select, Strong, Switch, Text, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
-export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AppListProps, BadgeProps, ButtonProps, CheckboxGroupProps, CheckboxProps, DatePickerProps, DateRangePickerProps, DrawerProps, FormProps, GlobalMenuSearchComponentProps, InputProps, ModalProps, NoticeProps, PopupConfirmProps, RadioGroupProps, RadioOption, RadioProps, SelectProps, SwitchProps, ThemeConfig, UILibraryThemeProviderProps };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AppList, Badge, Blockquote, BulkActionsBar, Button, Caption, CardActions, CardContent, CardHeader, CardImage, CardRoot, CardSkeleton, Checkbox, CheckboxGroup, Code, DatePicker, DateRangePicker, Drawer, Form, GlobalMenuSearch, Heading, Input, Lead, Modal, Muted, Notice, Popover, PopupConfirm, RadioGroup, Select, Strong, Switch, Table, Text, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
+export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AppListProps, BadgeProps, BulkActionsBarProps, ButtonProps, CardRootProps, CheckboxGroupProps, CheckboxProps, DatePickerProps, DateRangePickerProps, DrawerProps, FormProps, GlobalMenuSearchComponentProps, InputProps, ModalProps, NoticeProps, PopoverProps, PopupConfirmProps, RadioGroupProps, RadioOption, RadioProps, SelectProps, SwitchProps, TableProps, ThemeConfig, UILibraryThemeProviderProps };