@zimyo/ui 1.8.0 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+
3
+ interface BulkAction {
4
+ id: string;
5
+ label: string;
6
+ icon?: React.ReactNode;
7
+ onClick: (selectedIds: string[]) => void;
8
+ disabled?: boolean;
9
+ variant?: 'primary' | 'danger' | 'default';
10
+ type?: 'button' | 'dropdown';
11
+ onOpen?: () => void;
12
+ }
13
+ interface BulkActionsBarProps {
14
+ selectedRows: string[];
15
+ totalRows: number;
16
+ bulkActions: BulkAction[];
17
+ clearSelection: () => void;
18
+ maxVisibleActions?: number;
19
+ }
20
+ declare const BulkActionsBar: React.FC<BulkActionsBarProps>;
21
+
22
+ export { BulkActionsBar, BulkActionsBar as default };
23
+ export type { BulkActionsBarProps };
@@ -0,0 +1,26 @@
1
+ import{jsx as i,jsxs as e,Fragment as r}from"react/jsx-runtime";import o,{forwardRef as t,createElement as n,useState as a}from"react";import{Button as l,CircularProgress as d,Typography as s,useTheme as c,Popover as u,Fade as p,ListItemButton as m,IconButton as h}from"@mui/material";import b from"@mui/material/List";import v from"@mui/material/ListItemText";
2
+ /**
3
+ * @license lucide-react v0.525.0 - ISC
4
+ *
5
+ * This source code is licensed under the ISC license.
6
+ * See the LICENSE file in the root directory of this source tree.
7
+ */const f=i=>{const e=(i=>i.replace(/^([A-Z])|[\s-_]+(\w)/g,(i,e,r)=>r?r.toUpperCase():e.toLowerCase()))(i);return e.charAt(0).toUpperCase()+e.slice(1)},z=(...i)=>i.filter((i,e,r)=>Boolean(i)&&""!==i.trim()&&r.indexOf(i)===e).join(" ").trim(),g=i=>{for(const e in i)if(e.startsWith("aria-")||"role"===e||"title"===e)return!0};
8
+ /**
9
+ * @license lucide-react v0.525.0 - ISC
10
+ *
11
+ * This source code is licensed under the ISC license.
12
+ * See the LICENSE file in the root directory of this source tree.
13
+ */
14
+ var x={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"};
15
+ /**
16
+ * @license lucide-react v0.525.0 - ISC
17
+ *
18
+ * This source code is licensed under the ISC license.
19
+ * See the LICENSE file in the root directory of this source tree.
20
+ */const y=t(({color:i="currentColor",size:e=24,strokeWidth:r=2,absoluteStrokeWidth:o,className:t="",children:a,iconNode:l,...d},s)=>n("svg",{ref:s,...x,width:e,height:e,stroke:i,strokeWidth:o?24*Number(r)/Number(e):r,className:z("lucide",t),...!a&&!g(d)&&{"aria-hidden":"true"},...d},[...l.map(([i,e])=>n(i,e)),...Array.isArray(a)?a:[a]])),w=(i,e)=>{const r=t(({className:r,...o},t)=>{return n(y,{ref:t,iconNode:e,className:z(`lucide-${a=f(i),a.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${i}`,r),...o});var a});return r.displayName=f(i),r},k=w("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),O=w("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);
21
+ /**
22
+ * @license lucide-react v0.525.0 - ISC
23
+ *
24
+ * This source code is licensed under the ISC license.
25
+ * See the LICENSE file in the root directory of this source tree.
26
+ */var C=function(){return C=Object.assign||function(i){for(var e,r=1,o=arguments.length;r<o;r++)for(var t in e=arguments[r])Object.prototype.hasOwnProperty.call(e,t)&&(i[t]=e[t]);return i},C.apply(this,arguments)};function N(i,e){var r={};for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&e.indexOf(o)<0&&(r[o]=i[o]);if(null!=i&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(i);t<o.length;t++)e.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(i,o[t])&&(r[o[t]]=i[o[t]])}return r}"function"==typeof SuppressedError&&SuppressedError;var W=o.forwardRef(function(e,r){var o=e.children,t=e.loading,n=void 0!==t&&t,a=e.loadingText,s=e.loaderSize,c=void 0===s?18:s,u=e.loaderPosition,p=void 0===u?"start":u,m=e.variant,h=void 0===m?"contained":m,b=e.color,v=void 0===b?"primary":b,f=e.size,z=void 0===f?"medium":f,g=e.sx,x=void 0===g?{}:g,y=e.disabled,w=e.startIcon,k=e.endIcon,O=N(e,["children","loading","loadingText","loaderSize","loaderPosition","variant","color","size","sx","disabled","startIcon","endIcon"]),W=n&&"end"===p,j=n&&"center"===p;return i(l,C({ref:r,variant:h,color:v,disabled:y||n,size:z,startIcon:n&&"start"===p?i(d,{size:c,color:"inherit"}):w,endIcon:W?i(d,{size:c,color:"inherit"}):k,sx:C({position:"relative"},x)},O,{children:j?i(d,{size:c,color:"inherit"}):n&&a?a:o}))});W.displayName="Button";var j=function(e){var r=e.size,o=void 0===r?"md":r,t=N(e,["size"]);return i(s,C({variant:{sm:"body2",md:"body1",lg:"subtitle1"}[o],component:t.component||"p"},t))},P=function(e){var r=e.open,o=e.onClose,t=e.anchorEl,n=e.children,a=e.width,l=e.maxWidth,d=void 0===l?"100%":l,s=e.minWidth,m=e.padding,h=void 0===m?2:m,b=e.border,v=void 0===b||b,f=e.anchorOrigin,z=void 0===f?{vertical:"bottom",horizontal:"left"}:f,g=e.transformOrigin,x=void 0===g?{vertical:"top",horizontal:"left"}:g,y=N(e,["open","onClose","anchorEl","children","width","maxWidth","minWidth","padding","border","anchorOrigin","transformOrigin"]),w=c();return i(u,C({open:r,anchorEl:t,onClose:o,disableScrollLock:!0,TransitionComponent:p,transitionDuration:150,anchorOrigin:z,transformOrigin:x,slotProps:{paper:{elevation:0,sx:{boxShadow:"none",bgcolor:w.palette.background.paper,border:v?"1px solid ".concat(w.palette.divider):"none",borderRadius:w.radius.md,px:w.spacing(h),py:w.spacing(h),width:a,maxWidth:d,minWidth:s}}}},y,{children:n}))},S=function(o){var t=o.selectedRows,n=o.totalRows,l=o.bulkActions,d=o.clearSelection,s=o.maxVisibleActions,c=void 0===s?3:s,u=a(null),p=u[0],f=u[1],z=l.slice(0,c),g=l.slice(c),x=function(){f(null)},y=Boolean(p);return 0===t.length?null:e("div",{className:"zui:bg-blue-100 zui:border zui:border-blue-200 zui:shadow-sm zui:py-1 zui:px-2 zui:rounded-md zui:flex zui:justify-between zui:items-center zui:gap-2 zui:flex-wrap",children:[e(j,{size:"sm",fontWeight:500,className:"zui:text-blue-700 zui:mr-4",children:[t.length," of ",n," selected"]}),e("div",{className:"zui:flex zui:flex-row zui:gap-1.5",children:[z.map(function(e){return i(W,{className:"zui:h-8 zui:bg-white zui:text-blue-700 zui:text-xs zui:border-1 zui:border-gray-100",startIcon:e.icon,size:"small",variant:"text",disabled:e.disabled,onClick:function(){return e.onClick(t)},title:e.label,children:e.label},e.id)}),g.length>0&&e(r,{children:[e(W,{size:"small",variant:"text",className:"zui:h-8 zui:bg-white zui:text-blue-500 zui:text-xs zui:border-1 zui:border-gray-100","aria-controls":y?"more-actions-popover":void 0,"aria-haspopup":"true","aria-expanded":y?"true":void 0,onClick:function(i){f(i.currentTarget)},children:["More ",i(k,{className:"zui:w-4 zui:h-4 zui:ml-1"})]}),i(P,{padding:0,minWidth:200,id:"more-actions-popover",open:y,anchorEl:p,onClose:x,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:i(b,{disablePadding:!0,children:g.map(function(r){return e(m,{disabled:r.disabled,onClick:function(){r.onClick(t),x()},className:"danger"===r.variant?"zui:text-red-600":"",divider:!0,children:[r.icon,i(v,{primaryTypographyProps:{variant:"body2",ml:1},primary:r.label})]},r.id)})})})]}),e(h,{size:"small",onClick:d,children:[" ",i(O,{size:18})]})]})]})};export{S as BulkActionsBar,S as default};
@@ -9,6 +9,33 @@ interface CardRootProps extends CardProps {
9
9
  variant?: 'elevated' | 'outlined' | 'bordered';
10
10
  children: React__default.ReactNode;
11
11
  }
12
+ declare const CardRoot: React__default.FC<CardRootProps>;
13
+
14
+ declare const CardHeader: ({ title, subtitle, action, }: {
15
+ title?: string | React__default.ReactNode;
16
+ subtitle?: string | React__default.ReactNode;
17
+ action?: React__default.ReactNode;
18
+ }) => react_jsx_runtime.JSX.Element;
19
+
20
+ declare const CardContent: ({ children, sx }: {
21
+ children: React__default.ReactNode;
22
+ sx?: any;
23
+ }) => react_jsx_runtime.JSX.Element;
24
+
25
+ declare const CardActions: ({ children, sx }: {
26
+ children: React__default.ReactNode;
27
+ sx?: any;
28
+ }) => react_jsx_runtime.JSX.Element;
29
+
30
+ declare const CardImage: ({ src, height, alt }: {
31
+ src: string;
32
+ height?: number | string;
33
+ alt?: string;
34
+ }) => react_jsx_runtime.JSX.Element;
35
+
36
+ declare const CardSkeleton: ({ lines }: {
37
+ lines?: number;
38
+ }) => react_jsx_runtime.JSX.Element;
12
39
 
13
40
  declare const Card: React$1.FC<CardRootProps> & {
14
41
  Header: ({ title, subtitle, action, }: {
@@ -38,4 +65,5 @@ declare const Card: React$1.FC<CardRootProps> & {
38
65
  }) => react_jsx_runtime.JSX.Element;
39
66
  };
40
67
 
41
- export { Card as default };
68
+ export { CardActions, CardContent, CardHeader, CardImage, CardRoot, CardSkeleton, Card as default };
69
+ export type { CardRootProps };
@@ -1 +1 @@
1
- import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useTheme as t,Card as n,CardHeader as i,Typography as o,CardActions as a,Box as l,Skeleton as c}from"@mui/material";import d from"@mui/material/CardContent";import u from"@mui/material/CardMedia";var s=function(){return s=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},s.apply(this,arguments)};function p(r,e,t){if(t||2===arguments.length)for(var n,i=0,o=e.length;i<o;i++)!n&&i in e||(n||(n=Array.prototype.slice.call(e,0,i)),n[i]=e[i]);return r.concat(n||Array.prototype.slice.call(e))}"function"==typeof SuppressedError&&SuppressedError;var v=function(e){var t=e.children,n=e.sx;return r(d,{sx:n,children:t})},f=Object.assign(function(e){var i,o=e.children,a=e.sx,l=void 0===a?{}:a,c=e.elevation,d=void 0===c?1:c,u=e.variant,p=void 0===u?"elevated":u,v=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(r);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(t[n[i]]=r[n[i]])}return t}(e,["children","sx","elevation","variant"]),f=t();return r(n,s({elevation:"elevated"===p?d:0,variant:"outlined"===p?"outlined":"elevation",sx:s({borderRadius:(null===(i=f.radius)||void 0===i?void 0:i.sm)||8,border:"bordered"===p?"1px solid ".concat(f.palette.divider):"none",overflow:"hidden",backgroundColor:f.palette.background.paper},l)},v,{children:o}))},{Header:function(e){var t=e.title,n=e.subtitle,a=e.action;return r(i,{title:"string"==typeof t?r(o,{variant:"h6",fontWeight:600,children:t}):t,subheader:"string"==typeof n?r(o,{variant:"body2",color:"text.secondary",children:n}):n,action:a})},Content:v,Body:v,Actions:function(e){var t=e.children,n=e.sx;return r(a,{sx:n,children:t})},Image:function(e){var t=e.src,n=e.height,i=void 0===n?160:n,o=e.alt;return r(u,{component:"img",height:i,image:t,alt:void 0===o?"card image":o})},Skeleton:function(t){var n=t.lines,i=void 0===n?3:n;return e(l,{p:2,children:[r(c,{variant:"rectangular",height:140}),p([],Array(i),!0).map(function(e,t){return r(c,{variant:"text",height:20,sx:{mt:1}},t)})]})}});export{f as default};
1
+ import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useTheme as t,Card as n,CardHeader as i,Typography as o,CardActions as a,Box as l,Skeleton as c}from"@mui/material";import d from"@mui/material/CardContent";import u from"@mui/material/CardMedia";var s=function(){return s=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},s.apply(this,arguments)};function p(r,e,t){if(t||2===arguments.length)for(var n,i=0,o=e.length;i<o;i++)!n&&i in e||(n||(n=Array.prototype.slice.call(e,0,i)),n[i]=e[i]);return r.concat(n||Array.prototype.slice.call(e))}"function"==typeof SuppressedError&&SuppressedError;var v=function(e){var i,o=e.children,a=e.sx,l=void 0===a?{}:a,c=e.elevation,d=void 0===c?1:c,u=e.variant,p=void 0===u?"elevated":u,v=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(r);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(t[n[i]]=r[n[i]])}return t}(e,["children","sx","elevation","variant"]),f=t();return r(n,s({elevation:"elevated"===p?d:0,variant:"outlined"===p?"outlined":"elevation",sx:s({borderRadius:(null===(i=f.radius)||void 0===i?void 0:i.sm)||8,border:"bordered"===p?"1px solid ".concat(f.palette.divider):"none",overflow:"hidden",backgroundColor:f.palette.background.paper},l)},v,{children:o}))},f=function(e){var t=e.title,n=e.subtitle,a=e.action;return r(i,{title:"string"==typeof t?r(o,{variant:"h6",fontWeight:600,children:t}):t,subheader:"string"==typeof n?r(o,{variant:"body2",color:"text.secondary",children:n}):n,action:a})},h=function(e){var t=e.children,n=e.sx;return r(d,{sx:n,children:t})},m=function(e){var t=e.children,n=e.sx;return r(a,{sx:n,children:t})},y=function(e){var t=e.src,n=e.height,i=void 0===n?160:n,o=e.alt;return r(u,{component:"img",height:i,image:t,alt:void 0===o?"card image":o})},g=function(t){var n=t.lines,i=void 0===n?3:n;return e(l,{p:2,children:[r(c,{variant:"rectangular",height:140}),p([],Array(i),!0).map(function(e,t){return r(c,{variant:"text",height:20,sx:{mt:1}},t)})]})},b=Object.assign(v,{Header:f,Content:h,Body:h,Actions:m,Image:y,Skeleton:g});export{m as CardActions,h as CardContent,f as CardHeader,y as CardImage,v as CardRoot,g as CardSkeleton,b as default};
@@ -0,0 +1,79 @@
1
+ import React from 'react';
2
+
3
+ interface Column {
4
+ id: string;
5
+ header: string;
6
+ accessor: string;
7
+ width?: number;
8
+ minWidth?: number;
9
+ maxWidth?: number;
10
+ sticky?: 'left' | 'right';
11
+ sortable?: boolean;
12
+ filterable?: boolean;
13
+ hidden?: boolean;
14
+ align?: 'left' | 'center' | 'right';
15
+ render?: (value: any, row: any, index: number) => React.ReactNode;
16
+ }
17
+ interface TableData {
18
+ id: string;
19
+ [key: string]: any;
20
+ _expanded?: boolean;
21
+ _selected?: boolean;
22
+ _children?: TableData[];
23
+ }
24
+ interface StickyConfig {
25
+ left?: string[];
26
+ right?: string[];
27
+ }
28
+ interface BulkAction {
29
+ label: string;
30
+ icon?: React.ReactNode;
31
+ onClick: (selectedIds: string[]) => void;
32
+ variant?: 'primary' | 'secondary' | 'danger';
33
+ disabled?: boolean;
34
+ }
35
+ interface TableProps {
36
+ columns: Column[];
37
+ data: TableData[];
38
+ loading?: boolean;
39
+ pagination?: {
40
+ page: number;
41
+ pageSize: number;
42
+ total: number;
43
+ onPageChange: (page: number) => void;
44
+ onPageSizeChange: (size: number) => void;
45
+ };
46
+ selection?: {
47
+ enabled: boolean;
48
+ selectedRows: string[];
49
+ onSelectionChange: (selectedIds: string[]) => void;
50
+ };
51
+ sorting?: {
52
+ sortBy: string;
53
+ sortOrder: 'asc' | 'desc';
54
+ onSortChange: (sortBy: string, order: 'asc' | 'desc') => void;
55
+ };
56
+ filtering?: {
57
+ filters: Record<string, any>;
58
+ onFilterChange: (filters: Record<string, any>) => void;
59
+ };
60
+ expansion?: {
61
+ expandedRows: string[];
62
+ onExpansionChange: (expandedIds: string[]) => void;
63
+ renderExpandedRow: (row: TableData) => React.ReactNode;
64
+ };
65
+ virtualization?: {
66
+ enabled: boolean;
67
+ rowHeight?: number;
68
+ overscan?: number;
69
+ };
70
+ onRowClick?: (row: TableData) => void;
71
+ className?: string;
72
+ stickyColumns?: StickyConfig;
73
+ bulkActions?: BulkAction[];
74
+ isRowSelectable?: (row: TableData) => boolean;
75
+ }
76
+ declare const Table: React.FC<TableProps>;
77
+
78
+ export { Table, Table as default };
79
+ export type { TableProps };
@@ -0,0 +1,27 @@
1
+ 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;
2
+ /**
3
+ * @license lucide-react v0.525.0 - ISC
4
+ *
5
+ * This source code is licensed under the ISC license.
6
+ * See the LICENSE file in the root directory of this source tree.
7
+ */
8
+ 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};
9
+ /**
10
+ * @license lucide-react v0.525.0 - ISC
11
+ *
12
+ * This source code is licensed under the ISC license.
13
+ * See the LICENSE file in the root directory of this source tree.
14
+ */
15
+ 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"};
16
+ /**
17
+ * @license lucide-react v0.525.0 - ISC
18
+ *
19
+ * This source code is licensed under the ISC license.
20
+ * See the LICENSE file in the root directory of this source tree.
21
+ */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-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]),N=y("minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);
22
+ /**
23
+ * @license lucide-react v0.525.0 - ISC
24
+ *
25
+ * This source code is licensed under the ISC license.
26
+ * See the LICENSE file in the root directory of this source tree.
27
+ */function R(){return R=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},R.apply(null,arguments)}function I(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function O(e,t){return O=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},O(e,t)}var E=Number.isNaN||function(e){return"number"==typeof e&&e!=e};function T(e,t){return e===t||!(!E(e)||!E(t))}function P(e,t){if(e.length!==t.length)return!1;for(var r=0;r<e.length;r++)if(!T(e[r],t[r]))return!1;return!0}function M(e,t){var r;void 0===t&&(t=P);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 W="object"==typeof performance&&"function"==typeof performance.now?function(){return performance.now()}:function(){return Date.now()};function L(e){cancelAnimationFrame(e.id)}var j=-1;function A(e){if(void 0===e&&(e=!1),-1===j||e){var t=document.createElement("div"),r=t.style;r.width="50px",r.height="50px",r.overflow="scroll",document.body.appendChild(t),j=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return j}var D=null;function F(e){if(void 0===e&&(e=!1),null===D||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?D="positive-descending":(t.scrollLeft=1,D=0===t.scrollLeft?"negative":"positive-ascending"),document.body.removeChild(t),D}return D}process.env.NODE_ENV;var H=function(e,t){return e},q=null,G=null;function V(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,I(i)),i._outerRef=void 0,i._resetIsScrollingTimeoutId=null,i.state={instance:I(i),isScrolling:!1,scrollDirection:"forward",scrollOffset:"number"==typeof i.props.initialScrollOffset?i.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},i._callOnItemsRendered=void 0,i._callOnItemsRendered=M(function(e,t,r,o){return i.props.onItemsRendered({overscanStartIndex:e,overscanStopIndex:t,visibleStartIndex:r,visibleStopIndex:o})}),i._callOnScroll=void 0,i._callOnScroll=M(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=M(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(F()){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&&L(i._resetIsScrollingTimeoutId),i._resetIsScrollingTimeoutId=(e=i._resetIsScrolling,t=150,r=W(),o={id:requestAnimationFrame(function i(){W()-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,O(t,s),f.getDerivedStateFromProps=function(e,t){return B(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?A():0:l.scrollHeight>l.clientHeight?A():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(F()){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&&L(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?H: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 I=i(this.props,this._instanceProps);return n(p||g||"div",{className:r,onScroll:x,ref:this._outerRefSetter,style:R({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%":I,pointerEvents:y?"none":void 0,width:w?I:"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&&(q=new WeakSet,G=new WeakSet);var B=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||G&&!G.has(c)&&(G.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":q&&!q.has(c)&&(q.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.')}},U=V({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 $;$="undefined"!=typeof window?window:"undefined"!=typeof self?self:global;let Z=null,K=null;const J=$.clearTimeout,Q=$.setTimeout,X=$.cancelAnimationFrame||$.mozCancelAnimationFrame||$.webkitCancelAnimationFrame,Y=$.requestAnimationFrame||$.mozRequestAnimationFrame||$.webkitRequestAnimationFrame;function ee(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__&&Z(this.__resizeRAF__),this.__resizeRAF__=K(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=$.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==X||null==Y?(Z=J,K=function(e){return Q(e,20)}):(Z=function([e,t]){X(e),J(t)},K=function(e){const t=Y(function(){J(r),e()}),r=Q(function(){X(t),e()},20);return[t,r]});class te 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=ee(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 re(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=re(e[t]))&&(i&&(i+=" "),i+=r)}else for(r in e)e[r]&&(i&&(i+=" "),i+=r);return i}const ie=e=>{const t=ae(e),{conflictingClassGroups:r,conflictingClassGroupModifiers:i}=e;return{getClassGroupId:e=>{const r=e.split("-");return""===r[0]&&1!==r.length&&r.shift(),oe(r,t)||se(e)},getConflictingClassGroupIds:(e,t)=>{const o=r[e]||[];return t&&i[e]?[...o,...i[e]]:o}}},oe=(e,t)=>{if(0===e.length)return t.classGroupId;const r=e[0],i=t.nextPart.get(r),o=i?oe(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},ne=/^\[(.+)\]$/,se=e=>{if(ne.test(e)){const t=ne.exec(e)[1],r=t?.substring(0,t.indexOf(":"));if(r)return"arbitrary.."+r}},ae=e=>{const{theme:t,classGroups:r}=e,i={nextPart:new Map,validators:[]};for(const e in r)le(r[e],i,e,t);return i},le=(e,t,r,i)=>{e.forEach(e=>{if("string"==typeof e){return void((""===e?t:ce(t,e)).classGroupId=r)}if("function"==typeof e)return de(e)?void le(e(i),t,r,i):void t.validators.push({validator:e,classGroupId:r});Object.entries(e).forEach(([e,o])=>{le(o,ce(t,e),r,i)})})},ce=(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},de=e=>e.isThemeGetter,ue=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)}}},me=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=fe(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},fe=e=>e.endsWith("!")?e.substring(0,e.length-1):e.startsWith("!")?e.substring(1):e,he=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}},pe=/\s+/;function ge(){let e,t,r=0,i="";for(;r<arguments.length;)(e=arguments[r++])&&(t=be(e))&&(i&&(i+=" "),i+=t);return i}const be=e=>{if("string"==typeof e)return e;let t,r="";for(let i=0;i<e.length;i++)e[i]&&(t=be(e[i]))&&(r&&(r+=" "),r+=t);return r};function ze(e,...t){let r,i,o,n=function(a){const l=t.reduce((e,t)=>t(e),e());return r=(e=>({cache:ue(e.cacheSize),parseClassName:me(e),sortModifiers:he(e),...ie(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(pe);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(ge.apply(null,arguments))}}const ve=e=>{const t=t=>t[e]||[];return t.isThemeGetter=!0,t},ye=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,we=/^\((?:(\w[\w-]*):)?(.+)\)$/i,xe=/^\d+\/\d+$/,ke=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,_e=/\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$/,Se=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,Ce=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,Ne=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,Re=e=>xe.test(e),Ie=e=>!!e&&!Number.isNaN(Number(e)),Oe=e=>!!e&&Number.isInteger(Number(e)),Ee=e=>e.endsWith("%")&&Ie(e.slice(0,-1)),Te=e=>ke.test(e),Pe=()=>!0,Me=e=>_e.test(e)&&!Se.test(e),We=()=>!1,Le=e=>Ce.test(e),je=e=>Ne.test(e),Ae=e=>!Fe(e)&&!Ue(e),De=e=>Ye(e,it,We),Fe=e=>ye.test(e),He=e=>Ye(e,ot,Me),qe=e=>Ye(e,nt,Ie),Ge=e=>Ye(e,tt,We),Ve=e=>Ye(e,rt,je),Be=e=>Ye(e,at,Le),Ue=e=>we.test(e),$e=e=>et(e,ot),Ze=e=>et(e,st),Ke=e=>et(e,tt),Je=e=>et(e,it),Qe=e=>et(e,rt),Xe=e=>et(e,at,!0),Ye=(e,t,r)=>{const i=ye.exec(e);return!!i&&(i[1]?t(i[1]):r(i[2]))},et=(e,t,r=!1)=>{const i=we.exec(e);return!!i&&(i[1]?t(i[1]):r)},tt=e=>"position"===e||"percentage"===e,rt=e=>"image"===e||"url"===e,it=e=>"length"===e||"size"===e||"bg-size"===e,ot=e=>"length"===e,nt=e=>"number"===e,st=e=>"family-name"===e,at=e=>"shadow"===e,lt=ze(()=>{const e=ve("color"),t=ve("font"),r=ve("text"),i=ve("font-weight"),o=ve("tracking"),n=ve("leading"),s=ve("breakpoint"),a=ve("container"),l=ve("spacing"),c=ve("radius"),d=ve("shadow"),u=ve("inset-shadow"),m=ve("text-shadow"),f=ve("drop-shadow"),h=ve("blur"),p=ve("perspective"),g=ve("aspect"),b=ve("ease"),z=ve("animate"),v=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom",Ue,Fe],y=()=>[Ue,Fe,l],w=()=>[Re,"full","auto",...y()],x=()=>[Oe,"none","subgrid",Ue,Fe],k=()=>["auto",{span:["full",Oe,Ue,Fe]},Oe,Ue,Fe],_=()=>[Oe,"auto",Ue,Fe],S=()=>["auto","min","max","fr",Ue,Fe],C=()=>["auto",...y()],N=()=>[Re,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...y()],R=()=>[e,Ue,Fe],I=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom",Ke,Ge,{position:[Ue,Fe]}],O=()=>["auto","cover","contain",Je,De,{size:[Ue,Fe]}],E=()=>[Ee,$e,He],T=()=>["","none","full",c,Ue,Fe],P=()=>["",Ie,$e,He],M=()=>[Ie,Ee,Ke,Ge],W=()=>["","none",h,Ue,Fe],L=()=>["none",Ie,Ue,Fe],j=()=>["none",Ie,Ue,Fe],A=()=>[Ie,Ue,Fe],D=()=>[Re,"full",...y()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[Te],breakpoint:[Te],color:[Pe],container:[Te],"drop-shadow":[Te],ease:["in","out","in-out"],font:[Ae],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[Te],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[Te],shadow:[Te],spacing:["px",Ie],text:[Te],"text-shadow":[Te],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",Re,Fe,Ue,g]}],container:["container"],columns:[{columns:[Ie,Fe,Ue,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:[Oe,"auto",Ue,Fe]}],basis:[{basis:[Re,"full","auto",a,...y()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[Ie,Re,"auto","initial","none",Fe]}],grow:[{grow:["",Ie,Ue,Fe]}],shrink:[{shrink:["",Ie,Ue,Fe]}],order:[{order:[Oe,"first","last","none",Ue,Fe]}],"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,$e,He]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[i,Ue,qe]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",Ee,Fe]}],"font-family":[{font:[Ze,Fe,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,Ue,Fe]}],"line-clamp":[{"line-clamp":[Ie,"none",Ue,qe]}],leading:[{leading:[n,...y()]}],"list-image":[{"list-image":["none",Ue,Fe]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",Ue,Fe]}],"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:[Ie,"from-font","auto",Ue,He]}],"text-decoration-color":[{decoration:R()}],"underline-offset":[{"underline-offset":[Ie,"auto",Ue,Fe]}],"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",Ue,Fe]}],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",Ue,Fe]}],"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"]},Oe,Ue,Fe],radial:["",Ue,Fe],conic:[Oe,Ue,Fe]},Qe,Ve]}],"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:T()}],"rounded-s":[{"rounded-s":T()}],"rounded-e":[{"rounded-e":T()}],"rounded-t":[{"rounded-t":T()}],"rounded-r":[{"rounded-r":T()}],"rounded-b":[{"rounded-b":T()}],"rounded-l":[{"rounded-l":T()}],"rounded-ss":[{"rounded-ss":T()}],"rounded-se":[{"rounded-se":T()}],"rounded-ee":[{"rounded-ee":T()}],"rounded-es":[{"rounded-es":T()}],"rounded-tl":[{"rounded-tl":T()}],"rounded-tr":[{"rounded-tr":T()}],"rounded-br":[{"rounded-br":T()}],"rounded-bl":[{"rounded-bl":T()}],"border-w":[{border:P()}],"border-w-x":[{"border-x":P()}],"border-w-y":[{"border-y":P()}],"border-w-s":[{"border-s":P()}],"border-w-e":[{"border-e":P()}],"border-w-t":[{"border-t":P()}],"border-w-r":[{"border-r":P()}],"border-w-b":[{"border-b":P()}],"border-w-l":[{"border-l":P()}],"divide-x":[{"divide-x":P()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":P()}],"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":[Ie,Ue,Fe]}],"outline-w":[{outline:["",Ie,$e,He]}],"outline-color":[{outline:R()}],shadow:[{shadow:["","none",d,Xe,Be]}],"shadow-color":[{shadow:R()}],"inset-shadow":[{"inset-shadow":["none",u,Xe,Be]}],"inset-shadow-color":[{"inset-shadow":R()}],"ring-w":[{ring:P()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:R()}],"ring-offset-w":[{"ring-offset":[Ie,He]}],"ring-offset-color":[{"ring-offset":R()}],"inset-ring-w":[{"inset-ring":P()}],"inset-ring-color":[{"inset-ring":R()}],"text-shadow":[{"text-shadow":["none",m,Xe,Be]}],"text-shadow-color":[{"text-shadow":R()}],opacity:[{opacity:[Ie,Ue,Fe]}],"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":[Ie]}],"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":[Ue,Fe]}],"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":[Ie]}],"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",Ue,Fe]}],filter:[{filter:["","none",Ue,Fe]}],blur:[{blur:W()}],brightness:[{brightness:[Ie,Ue,Fe]}],contrast:[{contrast:[Ie,Ue,Fe]}],"drop-shadow":[{"drop-shadow":["","none",f,Xe,Be]}],"drop-shadow-color":[{"drop-shadow":R()}],grayscale:[{grayscale:["",Ie,Ue,Fe]}],"hue-rotate":[{"hue-rotate":[Ie,Ue,Fe]}],invert:[{invert:["",Ie,Ue,Fe]}],saturate:[{saturate:[Ie,Ue,Fe]}],sepia:[{sepia:["",Ie,Ue,Fe]}],"backdrop-filter":[{"backdrop-filter":["","none",Ue,Fe]}],"backdrop-blur":[{"backdrop-blur":W()}],"backdrop-brightness":[{"backdrop-brightness":[Ie,Ue,Fe]}],"backdrop-contrast":[{"backdrop-contrast":[Ie,Ue,Fe]}],"backdrop-grayscale":[{"backdrop-grayscale":["",Ie,Ue,Fe]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[Ie,Ue,Fe]}],"backdrop-invert":[{"backdrop-invert":["",Ie,Ue,Fe]}],"backdrop-opacity":[{"backdrop-opacity":[Ie,Ue,Fe]}],"backdrop-saturate":[{"backdrop-saturate":[Ie,Ue,Fe]}],"backdrop-sepia":[{"backdrop-sepia":["",Ie,Ue,Fe]}],"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",Ue,Fe]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[Ie,"initial",Ue,Fe]}],ease:[{ease:["linear","initial",b,Ue,Fe]}],delay:[{delay:[Ie,Ue,Fe]}],animate:[{animate:["none",z,Ue,Fe]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[p,Ue,Fe]}],"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:[Ue,Fe,"","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",Ue,Fe]}],"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",Ue,Fe]}],fill:[{fill:["none",...R()]}],"stroke-w":[{stroke:[Ie,$e,He,qe]}],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 ct(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return lt(function(){for(var e,t,r=0,i="",o=arguments.length;r<o;r++)(e=arguments[r])&&(t=re(e))&&(i&&(i+=" "),i+=t);return i}(e))}var dt={sm:"zui:h-4 zui:w-4",md:"zui:h-5 zui:w-5",lg:"zui:h-6 zui:w-6"},ut=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:ct("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:ct("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",dt[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(N,{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:ct("zui:text-xs zui:text-slate-500",m&&"zui:text-red-500"),children:a})]})]})}),mt=150,ft=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"})})},ht=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(ft,{column:e,width:e.width||mt,sticky:"left",stickyPosition:a(i,r,"left")},"left-".concat(e.id,"-").concat(l))}),n.map(function(e,r){return t(ft,{column:e,width:e.width||mt},"regular-".concat(e.id,"-").concat(l))}),o.map(function(e,r){return t(ft,{column:e,width:e.width||mt,sticky:"right",stickyPosition:a(o,r,"right")},"right-".concat(e.id,"-").concat(l))})]})},pt=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(ht,{columns:r,leftStickyColumns:i,rightStickyColumns:o,regularColumns:n,selection:s,calculateStickyPosition:a,rowIndex:l},"skeleton-row-".concat(l))})})},gt=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 C=i.isRowSelectable,N=i.className,R=void 0===N?"":N,I=l(s),O=I[0],E=I[1],T=l(""),P=T[0];T[1];var M=l(!1),W=M[0];M[1];var L=c(null),j=c(null),A=c(null),D=d(function(){return O.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})})},[O,b]),F=d(function(){return D.filter(function(e){return!e.hidden})},[D]),H=null!==(o=null==b?void 0:b.left)&&void 0!==o?o:[],q=null!==(n=null==b?void 0:b.right)&&void 0!==n?n:[],G=F.filter(function(e){return H.includes(e.id)}),V=F.filter(function(e){return q.includes(e.id)}),B=F.filter(function(e){return!H.includes(e.id)&&!q.includes(e.id)}),$=d(function(){return B.reduce(function(e,t){return e+(t.width||mt)},0)},[B]),Z=d(function(){var e=0;return(null==v?void 0:v.enabled)&&(e+=48),F.forEach(function(t){e+=t.width||mt}),Math.max(e,800)},[F,v]),K=d(function(){var e=h([],a,!0);return P&&(e=e.filter(function(e){return Object.values(e).some(function(e){return String(e).toLowerCase().includes(P.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,P,null==w?void 0:w.filters,y]);u(function(){var e=j.current,t=A.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 J=m(function(){if((null==v?void 0:v.enabled)&&K){var e=K.filter(function(e){return!C||C(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)}}},[K,v,C]),Q=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]),X=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]),Y=m(function(e){E(function(t){return t.map(function(t){return t.id===e?f(f({},t),{hidden:!t.hidden}):t})})},[]),ee=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||"")})},[]),re=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||mt})):e.slice(t+1).forEach(function(e){i+=e.width||mt}),i},[v]);return e("div",{className:"zui:w-full zui:h-full zui:rounded-sm zui:bg-white zui:border zui:border-gray-300 zui:flex zui:flex-col ".concat(R),children:[W&&!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 Y(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:L,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-50 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(ut,{checked:!g&&K.length>0&&K.every(function(e){return v.selectedRows.includes(e.id)}),onChange:J,disabled:g,className:"zui:rounded zui:border-gray-300 zui:w-4 zui:h-4 zui:disabled:opacity-50"})}),G.map(function(e,r){return t(bt,{column:e,width:e.width||mt,sticky:"left",stickyPosition:re(G,r,"left"),sorting:y,loading:g},e.id)}),t("div",{ref:j,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($,"px")},children:B.map(function(e){return t(bt,{column:e,width:e.width||mt,sorting:y,loading:g},e.id)})})}),V.map(function(e,r){return t(bt,{column:e,width:e.width||mt,sticky:"right",stickyPosition:re(V,r,"right"),sorting:y,loading:g},e.id)})]}),t("div",{ref:A,className:"zui:flex-1 zui:overflow-auto zui:h-[calc(100%_-_2.75rem)]",style:{minHeight:"200px"},children:(null==_?void 0:_.enabled)?t(te,{children:function(e){var r=e.height,i=e.width;return t(U,{height:r,width:i,itemCount:K.length,itemSize:_.rowHeight||60,overscanCount:_.overscan||5,children:function(e){var r=e.index,i=e.style;return t("div",{style:i,children:t(zt,{row:K[r],rowIndex:r,columns:F,leftStickyColumns:G,rightStickyColumns:V,regularColumns:B,selection:v,expansion:x,onRowClick:S,onRowSelection:Q,onRowExpansion:X,renderCell:ee,calculateStickyPosition:re,isRowSelectable:C})},K[r].id)}})}}):g?t(pt,{columns:F,leftStickyColumns:G,rightStickyColumns:V,regularColumns:B,selection:v,calculateStickyPosition:re,totalWidth:Z}):0===K.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(Z,"px")},children:K.map(function(e,r){return t(zt,{row:e,rowIndex:r,columns:F,leftStickyColumns:G,rightStickyColumns:V,regularColumns:B,selection:v,expansion:x,onRowClick:S,onRowSelection:Q,onRowExpansion:X,renderCell:ee,calculateStickyPosition:re,isRowSelectable:C},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-1",children:g?t(r,{children:Array.from({length:5},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:[t("button",{onClick:function(){return z.onPageChange(Math.max(1,z.page-1))},disabled:1===z.page,className:"zui:px-3 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:disabled:cursor-not-allowed zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:"Previous"}),Array.from({length:Math.min(10,Math.ceil(z.total/z.pageSize))},function(e,t){return t+1}).map(function(e){return t("button",{onClick:function(){return z.onPageChange(e)},className:"zui:px-3 zui:py-1 zui:text-sm zui:border zui:rounded zui:min-w-[2rem] ".concat(e===z.page?"zui:bg-blue-600 zui:text-white zui:border-blue-600":"zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50"),children:e},e)}),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-3 zui:py-1 zui:text-sm zui:border zui:rounded zui:disabled:opacity-50 zui:disabled:cursor-not-allowed zui:bg-white zui:text-gray-700 zui:border-gray-300 zui:hover:bg-gray-50",children:"Next"})]})})]})]})},bt=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-4 zui:py-4 zui:text-left zui:text-xs zui:font-medium zui:text-gray-500 zui:uppercase zui:tracking-wider zui:border-r zui:border-gray-200 zui:bg-gray-50 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"})})]})})},zt=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:C,{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(ut,{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(vt,{column:e,row:o,rowIndex:n,width:e.width||mt,sticky:"left",stickyPosition:g(s,r,"left"),renderCell:0===r?k:p},e.id)}),l.map(function(e,r){return t(vt,{column:e,row:o,rowIndex:n,width:e.width||mt,renderCell:0===s.length&&0===r?k:p},e.id)}),a.map(function(e,r){return t(vt,{column:e,row:o,rowIndex:n,width:e.width||mt,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)})]})},vt=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-4 zui:py-4 zui:text-sm zui:text-gray-900 zui:border-r zui:border-gray-200 zui:flex-shrink-0 zui:min-h-[60px] ".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{gt as Table,gt as default};
@@ -1,36 +1,24 @@
1
- import React from 'react';
2
- import { TabProps, TabsProps as TabsProps$1 } from '@mui/material';
3
- import { SxProps, Theme } from '@mui/system';
1
+ import React, { ReactNode } from 'react';
4
2
 
5
3
  interface TabItem {
6
4
  label: string;
7
- value: string | number;
8
- icon?: React.ReactNode;
5
+ content?: ReactNode;
9
6
  disabled?: boolean;
10
7
  badge?: string | number;
8
+ icon?: ReactNode;
11
9
  }
12
- interface CustomTabProps extends Omit<TabProps, 'sx'> {
13
- sx?: SxProps<Theme>;
14
- badge?: string | number;
15
- }
16
- interface TabsProps extends Omit<TabsProps$1, 'children' | 'sx' | 'indicatorColor' | 'textColor'> {
17
- items: TabItem[];
18
- value: string | number;
19
- onChange: (event: React.SyntheticEvent, newValue: string | number) => void;
20
- variant?: 'standard' | 'scrollable' | 'fullWidth';
21
- orientation?: 'horizontal' | 'vertical';
22
- styleVariant?: 'default' | 'filled' | 'outlined' | 'pills' | 'underlined' | 'contained';
23
- size?: 'small' | 'medium' | 'large';
24
- centered?: boolean;
25
- allowScrollButtonsMobile?: boolean;
26
- scrollButtons?: boolean | 'auto';
27
- sx?: SxProps<Theme>;
28
- tabSx?: SxProps<Theme>;
29
- iconPosition?: 'start' | 'end' | 'top' | 'bottom';
30
- indicatorColor?: TabsProps$1['indicatorColor'];
31
- textColor?: TabsProps$1['textColor'];
10
+ interface TabsProps {
11
+ tabs: TabItem[];
12
+ defaultActiveIndex?: number;
13
+ onChange?: (index: number) => void;
14
+ variant?: 'default' | 'pills' | 'underline' | 'cards';
15
+ size?: 'sm' | 'md' | 'lg';
16
+ fullWidth?: boolean;
17
+ vertical?: boolean;
18
+ color?: 'blue' | 'green' | 'purple' | 'gray';
19
+ className?: string;
32
20
  }
33
- declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
21
+ declare const Tabs: React.FC<TabsProps>;
34
22
 
35
23
  export { Tabs, Tabs as default };
36
- export type { CustomTabProps, TabItem, TabsProps };
24
+ export type { TabsProps };
@@ -1 +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};
1
+ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t}from"react";var u=function(u){var r=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=t(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 t=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(t?k[v].active:"zui:border-transparent ".concat(k[v].inactive));case"underline":return"".concat(u," zui:border-b-2 zui:rounded-none ").concat(t?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(t?"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(t?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:r.map(function(t,u){return e("button",{className:j(u,t),onClick:function(){return function(e,i){i||(w(e),null==o||o(e))}(u,t.disabled)},role:"tab","aria-selected":u===m,"aria-controls":"panel-".concat(u),id:"tab-".concat(u),tabIndex:u===m?0:-1,disabled:t.disabled,children:[t.icon&&i("span",{className:"zui:mr-2 zui:flex-shrink-0",children:t.icon}),i("span",{className:"zui:whitespace-nowrap zui:text-sm",children:t.label}),t.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/20 zui:text-white":"zui:bg-gray-100 zui:text-gray-600","\n "),children:t.badge})]},"tab-".concat(u))})}),i("div",{className:"zui:mt-4",children:r.map(function(e,t){return i("div",{role:"tabpanel",id:"panel-".concat(t),"aria-labelledby":"tab-".concat(t),className:"\n zui:transition-all zui:duration-200 zui:ease-in-out\n ".concat(t===m?"zui:block":"zui:hidden","\n "),tabIndex:0,children:e.content},"panel-".concat(t))})})]})};export{u as Tabs,u as default};