@zimyo/ui 1.10.13 → 1.10.14

package/dist/components/Badge/index.d.ts

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

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

@@ -9,7 +9,7 @@ import{b as e}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsx as t,jsxs
    *
    * @license MIT
    */
-function m(e,t){return"function"==typeof e?e(t):e}function f(e,t){return n=>{t.setState(t=>({...t,[e]:m(n,t[e])}))}}function h(e){return e instanceof Function}function w(e,t,n){let o,l=[];return i=>{let r;n.key&&n.debug&&(r=Date.now());const a=e(i);if(!(a.length!==l.length||a.some((e,t)=>l[t]!==e)))return o;let u;if(l=a,n.key&&n.debug&&(u=Date.now()),o=t(...a),null==n||null==n.onChange||n.onChange(o),n.key&&n.debug&&null!=n&&n.debug()){const e=Math.round(100*(Date.now()-r))/100,t=Math.round(100*(Date.now()-u))/100,o=t/16,l=(e,t)=>{for(e=String(e);e.length<t;)e=" "+e;return e};console.info(`%c⏱ ${l(t,5)} /${l(e,5)} ms`,`\n            font-size: .6rem;\n            font-weight: bold;\n            color: hsl(${Math.max(0,Math.min(120-120*o,120))}deg 100% 31%);`,null==n?void 0:n.key)}return o}}function v(e,t,n,o){return{debug:()=>{var n;return null!=(n=null==e?void 0:e.debugAll)?n:e[t]},key:"development"===process.env.NODE_ENV&&n,onChange:o}}const b="debugHeaders";function S(e,t,n){var o;let l={id:null!=(o=n.id)?o:t.id,column:t,index:n.index,isPlaceholder:!!n.isPlaceholder,placeholderId:n.placeholderId,depth:n.depth,subHeaders:[],colSpan:0,rowSpan:0,headerGroup:null,getLeafHeaders:()=>{const e=[],t=n=>{n.subHeaders&&n.subHeaders.length&&n.subHeaders.map(t),e.push(n)};return t(l),e},getContext:()=>({table:e,header:l,column:t})};return e._features.forEach(t=>{null==t.createHeader||t.createHeader(l,e)}),l}const C={createTable:e=>{e.getHeaderGroups=w(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(t,n,o,l)=>{var i,r;const a=null!=(i=null==o?void 0:o.map(e=>n.find(t=>t.id===e)).filter(Boolean))?i:[],u=null!=(r=null==l?void 0:l.map(e=>n.find(t=>t.id===e)).filter(Boolean))?r:[];return z(t,[...a,...n.filter(e=>!(null!=o&&o.includes(e.id)||null!=l&&l.includes(e.id))),...u],e)},v(e.options,b,"getHeaderGroups")),e.getCenterHeaderGroups=w(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(t,n,o,l)=>z(t,n=n.filter(e=>!(null!=o&&o.includes(e.id)||null!=l&&l.includes(e.id))),e,"center"),v(e.options,b,"getCenterHeaderGroups")),e.getLeftHeaderGroups=w(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left],(t,n,o)=>{var l;return z(t,null!=(l=null==o?void 0:o.map(e=>n.find(t=>t.id===e)).filter(Boolean))?l:[],e,"left")},v(e.options,b,"getLeftHeaderGroups")),e.getRightHeaderGroups=w(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.right],(t,n,o)=>{var l;return z(t,null!=(l=null==o?void 0:o.map(e=>n.find(t=>t.id===e)).filter(Boolean))?l:[],e,"right")},v(e.options,b,"getRightHeaderGroups")),e.getFooterGroups=w(()=>[e.getHeaderGroups()],e=>[...e].reverse(),v(e.options,b,"getFooterGroups")),e.getLeftFooterGroups=w(()=>[e.getLeftHeaderGroups()],e=>[...e].reverse(),v(e.options,b,"getLeftFooterGroups")),e.getCenterFooterGroups=w(()=>[e.getCenterHeaderGroups()],e=>[...e].reverse(),v(e.options,b,"getCenterFooterGroups")),e.getRightFooterGroups=w(()=>[e.getRightHeaderGroups()],e=>[...e].reverse(),v(e.options,b,"getRightFooterGroups")),e.getFlatHeaders=w(()=>[e.getHeaderGroups()],e=>e.map(e=>e.headers).flat(),v(e.options,b,"getFlatHeaders")),e.getLeftFlatHeaders=w(()=>[e.getLeftHeaderGroups()],e=>e.map(e=>e.headers).flat(),v(e.options,b,"getLeftFlatHeaders")),e.getCenterFlatHeaders=w(()=>[e.getCenterHeaderGroups()],e=>e.map(e=>e.headers).flat(),v(e.options,b,"getCenterFlatHeaders")),e.getRightFlatHeaders=w(()=>[e.getRightHeaderGroups()],e=>e.map(e=>e.headers).flat(),v(e.options,b,"getRightFlatHeaders")),e.getCenterLeafHeaders=w(()=>[e.getCenterFlatHeaders()],e=>e.filter(e=>{var t;return!(null!=(t=e.subHeaders)&&t.length)}),v(e.options,b,"getCenterLeafHeaders")),e.getLeftLeafHeaders=w(()=>[e.getLeftFlatHeaders()],e=>e.filter(e=>{var t;return!(null!=(t=e.subHeaders)&&t.length)}),v(e.options,b,"getLeftLeafHeaders")),e.getRightLeafHeaders=w(()=>[e.getRightFlatHeaders()],e=>e.filter(e=>{var t;return!(null!=(t=e.subHeaders)&&t.length)}),v(e.options,b,"getRightLeafHeaders")),e.getLeafHeaders=w(()=>[e.getLeftHeaderGroups(),e.getCenterHeaderGroups(),e.getRightHeaderGroups()],(e,t,n)=>{var o,l,i,r,a,u;return[...null!=(o=null==(l=e[0])?void 0:l.headers)?o:[],...null!=(i=null==(r=t[0])?void 0:r.headers)?i:[],...null!=(a=null==(u=n[0])?void 0:u.headers)?a:[]].map(e=>e.getLeafHeaders()).flat()},v(e.options,b,"getLeafHeaders"))}};function z(e,t,n,o){var l,i;let r=0;const a=function(e,t){void 0===t&&(t=1),r=Math.max(r,t),e.filter(e=>e.getIsVisible()).forEach(e=>{var n;null!=(n=e.columns)&&n.length&&a(e.columns,t+1)},0)};a(e);let u=[];const s=(e,t)=>{const l={depth:t,id:[o,`${t}`].filter(Boolean).join("_"),headers:[]},i=[];e.forEach(e=>{const r=[...i].reverse()[0];let a,u=!1;if(e.column.depth===l.depth&&e.column.parent?a=e.column.parent:(a=e.column,u=!0),r&&(null==r?void 0:r.column)===a)r.subHeaders.push(e);else{const l=S(n,a,{id:[o,t,a.id,null==e?void 0:e.id].filter(Boolean).join("_"),isPlaceholder:u,placeholderId:u?`${i.filter(e=>e.column===a).length}`:void 0,depth:t,index:i.length});l.subHeaders.push(e),i.push(l)}l.headers.push(e),e.headerGroup=l}),u.push(l),t>0&&s(i,t-1)},g=t.map((e,t)=>S(n,e,{depth:r,index:t}));s(g,r-1),u.reverse();const d=e=>e.filter(e=>e.column.getIsVisible()).map(e=>{let t=0,n=0,o=[0];e.subHeaders&&e.subHeaders.length?(o=[],d(e.subHeaders).forEach(e=>{let{colSpan:n,rowSpan:l}=e;t+=n,o.push(l)})):t=1;return n+=Math.min(...o),e.colSpan=t,e.rowSpan=n,{colSpan:t,rowSpan:n}});return d(null!=(l=null==(i=u[0])?void 0:i.headers)?l:[]),u}const R=(e,t,n,o,l,i,r)=>{let a={id:t,index:o,original:n,depth:l,parentId:r,_valuesCache:{},_uniqueValuesCache:{},getValue:t=>{if(a._valuesCache.hasOwnProperty(t))return a._valuesCache[t];const n=e.getColumn(t);return null!=n&&n.accessorFn?(a._valuesCache[t]=n.accessorFn(a.original,o),a._valuesCache[t]):void 0},getUniqueValues:t=>{if(a._uniqueValuesCache.hasOwnProperty(t))return a._uniqueValuesCache[t];const n=e.getColumn(t);return null!=n&&n.accessorFn?n.columnDef.getUniqueValues?(a._uniqueValuesCache[t]=n.columnDef.getUniqueValues(a.original,o),a._uniqueValuesCache[t]):(a._uniqueValuesCache[t]=[a.getValue(t)],a._uniqueValuesCache[t]):void 0},renderValue:t=>{var n;return null!=(n=a.getValue(t))?n:e.options.renderFallbackValue},subRows:null!=i?i:[],getLeafRows:()=>function(e,t){const n=[],o=e=>{e.forEach(e=>{n.push(e);const l=t(e);null!=l&&l.length&&o(l)})};return o(e),n}(a.subRows,e=>e.subRows),getParentRow:()=>a.parentId?e.getRow(a.parentId,!0):void 0,getParentRows:()=>{let e=[],t=a;for(;;){const n=t.getParentRow();if(!n)break;e.push(n),t=n}return e.reverse()},getAllCells:w(()=>[e.getAllLeafColumns()],t=>t.map(t=>function(e,t,n,o){const l={id:`${t.id}_${n.id}`,row:t,column:n,getValue:()=>t.getValue(o),renderValue:()=>{var t;return null!=(t=l.getValue())?t:e.options.renderFallbackValue},getContext:w(()=>[e,n,t,l],(e,t,n,o)=>({table:e,column:t,row:n,cell:o,getValue:o.getValue,renderValue:o.renderValue}),v(e.options,"debugCells","cell.getContext"))};return e._features.forEach(o=>{null==o.createCell||o.createCell(l,n,t,e)},{}),l}(e,a,t,t.id)),v(e.options,"debugRows","getAllCells")),_getAllCellsByColumnId:w(()=>[a.getAllCells()],e=>e.reduce((e,t)=>(e[t.column.id]=t,e),{}),v(e.options,"debugRows","getAllCellsByColumnId"))};for(let t=0;t<e._features.length;t++){const n=e._features[t];null==n||null==n.createRow||n.createRow(a,e)}return a},x={createColumn:(e,t)=>{e._getFacetedRowModel=t.options.getFacetedRowModel&&t.options.getFacetedRowModel(t,e.id),e.getFacetedRowModel=()=>e._getFacetedRowModel?e._getFacetedRowModel():t.getPreFilteredRowModel(),e._getFacetedUniqueValues=t.options.getFacetedUniqueValues&&t.options.getFacetedUniqueValues(t,e.id),e.getFacetedUniqueValues=()=>e._getFacetedUniqueValues?e._getFacetedUniqueValues():new Map,e._getFacetedMinMaxValues=t.options.getFacetedMinMaxValues&&t.options.getFacetedMinMaxValues(t,e.id),e.getFacetedMinMaxValues=()=>{if(e._getFacetedMinMaxValues)return e._getFacetedMinMaxValues()}}},F=(e,t,n)=>{var o,l;const i=null==n||null==(o=n.toString())?void 0:o.toLowerCase();return Boolean(null==(l=e.getValue(t))||null==(l=l.toString())||null==(l=l.toLowerCase())?void 0:l.includes(i))};F.autoRemove=e=>L(e);const M=(e,t,n)=>{var o;return Boolean(null==(o=e.getValue(t))||null==(o=o.toString())?void 0:o.includes(n))};M.autoRemove=e=>L(e);const y=(e,t,n)=>{var o;return(null==(o=e.getValue(t))||null==(o=o.toString())?void 0:o.toLowerCase())===(null==n?void 0:n.toLowerCase())};y.autoRemove=e=>L(e);const P=(e,t,n)=>{var o;return null==(o=e.getValue(t))?void 0:o.includes(n)};P.autoRemove=e=>L(e);const I=(e,t,n)=>!n.some(n=>{var o;return!(null!=(o=e.getValue(t))&&o.includes(n))});I.autoRemove=e=>L(e)||!(null!=e&&e.length);const V=(e,t,n)=>n.some(n=>{var o;return null==(o=e.getValue(t))?void 0:o.includes(n)});V.autoRemove=e=>L(e)||!(null!=e&&e.length);const _=(e,t,n)=>e.getValue(t)===n;_.autoRemove=e=>L(e);const E=(e,t,n)=>e.getValue(t)==n;E.autoRemove=e=>L(e);const G=(e,t,n)=>{let[o,l]=n;const i=e.getValue(t);return i>=o&&i<=l};G.resolveFilterValue=e=>{let[t,n]=e,o="number"!=typeof t?parseFloat(t):t,l="number"!=typeof n?parseFloat(n):n,i=null===t||Number.isNaN(o)?-1/0:o,r=null===n||Number.isNaN(l)?1/0:l;if(i>r){const e=i;i=r,r=e}return[i,r]},G.autoRemove=e=>L(e)||L(e[0])&&L(e[1]);const A={includesString:F,includesStringSensitive:M,equalsString:y,arrIncludes:P,arrIncludesAll:I,arrIncludesSome:V,equals:_,weakEquals:E,inNumberRange:G};function L(e){return null==e||""===e}const D={getDefaultColumnDef:()=>({filterFn:"auto"}),getInitialState:e=>({columnFilters:[],...e}),getDefaultOptions:e=>({onColumnFiltersChange:f("columnFilters",e),filterFromLeafRows:!1,maxLeafRowFilterDepth:100}),createColumn:(e,t)=>{e.getAutoFilterFn=()=>{const n=t.getCoreRowModel().flatRows[0],o=null==n?void 0:n.getValue(e.id);return"string"==typeof o?A.includesString:"number"==typeof o?A.inNumberRange:"boolean"==typeof o||null!==o&&"object"==typeof o?A.equals:Array.isArray(o)?A.arrIncludes:A.weakEquals},e.getFilterFn=()=>{var n,o;return h(e.columnDef.filterFn)?e.columnDef.filterFn:"auto"===e.columnDef.filterFn?e.getAutoFilterFn():null!=(n=null==(o=t.options.filterFns)?void 0:o[e.columnDef.filterFn])?n:A[e.columnDef.filterFn]},e.getCanFilter=()=>{var n,o,l;return(null==(n=e.columnDef.enableColumnFilter)||n)&&(null==(o=t.options.enableColumnFilters)||o)&&(null==(l=t.options.enableFilters)||l)&&!!e.accessorFn},e.getIsFiltered=()=>e.getFilterIndex()>-1,e.getFilterValue=()=>{var n;return null==(n=t.getState().columnFilters)||null==(n=n.find(t=>t.id===e.id))?void 0:n.value},e.getFilterIndex=()=>{var n,o;return null!=(n=null==(o=t.getState().columnFilters)?void 0:o.findIndex(t=>t.id===e.id))?n:-1},e.setFilterValue=n=>{t.setColumnFilters(t=>{const o=e.getFilterFn(),l=null==t?void 0:t.find(t=>t.id===e.id),i=m(n,l?l.value:void 0);var r;if(H(o,i,e))return null!=(r=null==t?void 0:t.filter(t=>t.id!==e.id))?r:[];const a={id:e.id,value:i};var u;return l?null!=(u=null==t?void 0:t.map(t=>t.id===e.id?a:t))?u:[]:null!=t&&t.length?[...t,a]:[a]})}},createRow:(e,t)=>{e.columnFilters={},e.columnFiltersMeta={}},createTable:e=>{e.setColumnFilters=t=>{const n=e.getAllLeafColumns();null==e.options.onColumnFiltersChange||e.options.onColumnFiltersChange(e=>{var o;return null==(o=m(t,e))?void 0:o.filter(e=>{const t=n.find(t=>t.id===e.id);if(t){if(H(t.getFilterFn(),e.value,t))return!1}return!0})})},e.resetColumnFilters=t=>{var n,o;e.setColumnFilters(t?[]:null!=(n=null==(o=e.initialState)?void 0:o.columnFilters)?n:[])},e.getPreFilteredRowModel=()=>e.getCoreRowModel(),e.getFilteredRowModel=()=>(!e._getFilteredRowModel&&e.options.getFilteredRowModel&&(e._getFilteredRowModel=e.options.getFilteredRowModel(e)),e.options.manualFiltering||!e._getFilteredRowModel?e.getPreFilteredRowModel():e._getFilteredRowModel())}};function H(e,t,n){return!(!e||!e.autoRemove)&&e.autoRemove(t,n)||void 0===t||"string"==typeof t&&!t}const N={sum:(e,t,n)=>n.reduce((t,n)=>{const o=n.getValue(e);return t+("number"==typeof o?o:0)},0),min:(e,t,n)=>{let o;return n.forEach(t=>{const n=t.getValue(e);null!=n&&(o>n||void 0===o&&n>=n)&&(o=n)}),o},max:(e,t,n)=>{let o;return n.forEach(t=>{const n=t.getValue(e);null!=n&&(o<n||void 0===o&&n>=n)&&(o=n)}),o},extent:(e,t,n)=>{let o,l;return n.forEach(t=>{const n=t.getValue(e);null!=n&&(void 0===o?n>=n&&(o=l=n):(o>n&&(o=n),l<n&&(l=n)))}),[o,l]},mean:(e,t)=>{let n=0,o=0;if(t.forEach(t=>{let l=t.getValue(e);null!=l&&(l=+l)>=l&&(++n,o+=l)}),n)return o/n},median:(e,t)=>{if(!t.length)return;const n=t.map(t=>t.getValue(e));if(o=n,!Array.isArray(o)||!o.every(e=>"number"==typeof e))return;var o;if(1===n.length)return n[0];const l=Math.floor(n.length/2),i=n.sort((e,t)=>e-t);return n.length%2!=0?i[l]:(i[l-1]+i[l])/2},unique:(e,t)=>Array.from(new Set(t.map(t=>t.getValue(e))).values()),uniqueCount:(e,t)=>new Set(t.map(t=>t.getValue(e))).size,count:(e,t)=>t.length},O={getDefaultColumnDef:()=>({aggregatedCell:e=>{var t,n;return null!=(t=null==(n=e.getValue())||null==n.toString?void 0:n.toString())?t:null},aggregationFn:"auto"}),getInitialState:e=>({grouping:[],...e}),getDefaultOptions:e=>({onGroupingChange:f("grouping",e),groupedColumnMode:"reorder"}),createColumn:(e,t)=>{e.toggleGrouping=()=>{t.setGrouping(t=>null!=t&&t.includes(e.id)?t.filter(t=>t!==e.id):[...null!=t?t:[],e.id])},e.getCanGroup=()=>{var n,o;return(null==(n=e.columnDef.enableGrouping)||n)&&(null==(o=t.options.enableGrouping)||o)&&(!!e.accessorFn||!!e.columnDef.getGroupingValue)},e.getIsGrouped=()=>{var n;return null==(n=t.getState().grouping)?void 0:n.includes(e.id)},e.getGroupedIndex=()=>{var n;return null==(n=t.getState().grouping)?void 0:n.indexOf(e.id)},e.getToggleGroupingHandler=()=>{const t=e.getCanGroup();return()=>{t&&e.toggleGrouping()}},e.getAutoAggregationFn=()=>{const n=t.getCoreRowModel().flatRows[0],o=null==n?void 0:n.getValue(e.id);return"number"==typeof o?N.sum:"[object Date]"===Object.prototype.toString.call(o)?N.extent:void 0},e.getAggregationFn=()=>{var n,o;if(!e)throw new Error;return h(e.columnDef.aggregationFn)?e.columnDef.aggregationFn:"auto"===e.columnDef.aggregationFn?e.getAutoAggregationFn():null!=(n=null==(o=t.options.aggregationFns)?void 0:o[e.columnDef.aggregationFn])?n:N[e.columnDef.aggregationFn]}},createTable:e=>{e.setGrouping=t=>null==e.options.onGroupingChange?void 0:e.options.onGroupingChange(t),e.resetGrouping=t=>{var n,o;e.setGrouping(t?[]:null!=(n=null==(o=e.initialState)?void 0:o.grouping)?n:[])},e.getPreGroupedRowModel=()=>e.getFilteredRowModel(),e.getGroupedRowModel=()=>(!e._getGroupedRowModel&&e.options.getGroupedRowModel&&(e._getGroupedRowModel=e.options.getGroupedRowModel(e)),e.options.manualGrouping||!e._getGroupedRowModel?e.getPreGroupedRowModel():e._getGroupedRowModel())},createRow:(e,t)=>{e.getIsGrouped=()=>!!e.groupingColumnId,e.getGroupingValue=n=>{if(e._groupingValuesCache.hasOwnProperty(n))return e._groupingValuesCache[n];const o=t.getColumn(n);return null!=o&&o.columnDef.getGroupingValue?(e._groupingValuesCache[n]=o.columnDef.getGroupingValue(e.original),e._groupingValuesCache[n]):e.getValue(n)},e._groupingValuesCache={}},createCell:(e,t,n,o)=>{e.getIsGrouped=()=>t.getIsGrouped()&&t.id===n.groupingColumnId,e.getIsPlaceholder=()=>!e.getIsGrouped()&&t.getIsGrouped(),e.getIsAggregated=()=>{var t;return!e.getIsGrouped()&&!e.getIsPlaceholder()&&!(null==(t=n.subRows)||!t.length)}}};const k={getInitialState:e=>({columnOrder:[],...e}),getDefaultOptions:e=>({onColumnOrderChange:f("columnOrder",e)}),createColumn:(e,t)=>{e.getIndex=w(e=>[$(t,e)],t=>t.findIndex(t=>t.id===e.id),v(t.options,"debugColumns","getIndex")),e.getIsFirstColumn=n=>{var o;return(null==(o=$(t,n)[0])?void 0:o.id)===e.id},e.getIsLastColumn=n=>{var o;const l=$(t,n);return(null==(o=l[l.length-1])?void 0:o.id)===e.id}},createTable:e=>{e.setColumnOrder=t=>null==e.options.onColumnOrderChange?void 0:e.options.onColumnOrderChange(t),e.resetColumnOrder=t=>{var n;e.setColumnOrder(t?[]:null!=(n=e.initialState.columnOrder)?n:[])},e._getOrderColumnsFn=w(()=>[e.getState().columnOrder,e.getState().grouping,e.options.groupedColumnMode],(e,t,n)=>o=>{let l=[];if(null!=e&&e.length){const t=[...e],n=[...o];for(;n.length&&t.length;){const e=t.shift(),o=n.findIndex(t=>t.id===e);o>-1&&l.push(n.splice(o,1)[0])}l=[...l,...n]}else l=o;return function(e,t,n){if(null==t||!t.length||!n)return e;const o=e.filter(e=>!t.includes(e.id));return"remove"===n?o:[...t.map(t=>e.find(e=>e.id===t)).filter(Boolean),...o]}(l,t,n)},v(e.options,"debugTable","_getOrderColumnsFn"))}},B={getInitialState:e=>({columnPinning:{left:[],right:[]},...e}),getDefaultOptions:e=>({onColumnPinningChange:f("columnPinning",e)}),createColumn:(e,t)=>{e.pin=n=>{const o=e.getLeafColumns().map(e=>e.id).filter(Boolean);t.setColumnPinning(e=>{var t,l,i,r,a,u;return"right"===n?{left:(null!=(i=null==e?void 0:e.left)?i:[]).filter(e=>!(null!=o&&o.includes(e))),right:[...(null!=(r=null==e?void 0:e.right)?r:[]).filter(e=>!(null!=o&&o.includes(e))),...o]}:"left"===n?{left:[...(null!=(a=null==e?void 0:e.left)?a:[]).filter(e=>!(null!=o&&o.includes(e))),...o],right:(null!=(u=null==e?void 0:e.right)?u:[]).filter(e=>!(null!=o&&o.includes(e)))}:{left:(null!=(t=null==e?void 0:e.left)?t:[]).filter(e=>!(null!=o&&o.includes(e))),right:(null!=(l=null==e?void 0:e.right)?l:[]).filter(e=>!(null!=o&&o.includes(e)))}})},e.getCanPin=()=>e.getLeafColumns().some(e=>{var n,o,l;return(null==(n=e.columnDef.enablePinning)||n)&&(null==(o=null!=(l=t.options.enableColumnPinning)?l:t.options.enablePinning)||o)}),e.getIsPinned=()=>{const n=e.getLeafColumns().map(e=>e.id),{left:o,right:l}=t.getState().columnPinning,i=n.some(e=>null==o?void 0:o.includes(e)),r=n.some(e=>null==l?void 0:l.includes(e));return i?"left":!!r&&"right"},e.getPinnedIndex=()=>{var n,o;const l=e.getIsPinned();return l?null!=(n=null==(o=t.getState().columnPinning)||null==(o=o[l])?void 0:o.indexOf(e.id))?n:-1:0}},createRow:(e,t)=>{e.getCenterVisibleCells=w(()=>[e._getAllVisibleCells(),t.getState().columnPinning.left,t.getState().columnPinning.right],(e,t,n)=>{const o=[...null!=t?t:[],...null!=n?n:[]];return e.filter(e=>!o.includes(e.column.id))},v(t.options,"debugRows","getCenterVisibleCells")),e.getLeftVisibleCells=w(()=>[e._getAllVisibleCells(),t.getState().columnPinning.left],(e,t)=>(null!=t?t:[]).map(t=>e.find(e=>e.column.id===t)).filter(Boolean).map(e=>({...e,position:"left"})),v(t.options,"debugRows","getLeftVisibleCells")),e.getRightVisibleCells=w(()=>[e._getAllVisibleCells(),t.getState().columnPinning.right],(e,t)=>(null!=t?t:[]).map(t=>e.find(e=>e.column.id===t)).filter(Boolean).map(e=>({...e,position:"right"})),v(t.options,"debugRows","getRightVisibleCells"))},createTable:e=>{e.setColumnPinning=t=>null==e.options.onColumnPinningChange?void 0:e.options.onColumnPinningChange(t),e.resetColumnPinning=t=>{var n,o;return e.setColumnPinning(t?{left:[],right:[]}:null!=(n=null==(o=e.initialState)?void 0:o.columnPinning)?n:{left:[],right:[]})},e.getIsSomeColumnsPinned=t=>{var n;const o=e.getState().columnPinning;var l,i;return t?Boolean(null==(n=o[t])?void 0:n.length):Boolean((null==(l=o.left)?void 0:l.length)||(null==(i=o.right)?void 0:i.length))},e.getLeftLeafColumns=w(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left],(e,t)=>(null!=t?t:[]).map(t=>e.find(e=>e.id===t)).filter(Boolean),v(e.options,"debugColumns","getLeftLeafColumns")),e.getRightLeafColumns=w(()=>[e.getAllLeafColumns(),e.getState().columnPinning.right],(e,t)=>(null!=t?t:[]).map(t=>e.find(e=>e.id===t)).filter(Boolean),v(e.options,"debugColumns","getRightLeafColumns")),e.getCenterLeafColumns=w(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(e,t,n)=>{const o=[...null!=t?t:[],...null!=n?n:[]];return e.filter(e=>!o.includes(e.id))},v(e.options,"debugColumns","getCenterLeafColumns"))}};const T={size:150,minSize:20,maxSize:Number.MAX_SAFE_INTEGER},j={getDefaultColumnDef:()=>T,getInitialState:e=>({columnSizing:{},columnSizingInfo:{startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]},...e}),getDefaultOptions:e=>({columnResizeMode:"onEnd",columnResizeDirection:"ltr",onColumnSizingChange:f("columnSizing",e),onColumnSizingInfoChange:f("columnSizingInfo",e)}),createColumn:(e,t)=>{e.getSize=()=>{var n,o,l;const i=t.getState().columnSizing[e.id];return Math.min(Math.max(null!=(n=e.columnDef.minSize)?n:T.minSize,null!=(o=null!=i?i:e.columnDef.size)?o:T.size),null!=(l=e.columnDef.maxSize)?l:T.maxSize)},e.getStart=w(e=>[e,$(t,e),t.getState().columnSizing],(t,n)=>n.slice(0,e.getIndex(t)).reduce((e,t)=>e+t.getSize(),0),v(t.options,"debugColumns","getStart")),e.getAfter=w(e=>[e,$(t,e),t.getState().columnSizing],(t,n)=>n.slice(e.getIndex(t)+1).reduce((e,t)=>e+t.getSize(),0),v(t.options,"debugColumns","getAfter")),e.resetSize=()=>{t.setColumnSizing(t=>{let{[e.id]:n,...o}=t;return o})},e.getCanResize=()=>{var n,o;return(null==(n=e.columnDef.enableResizing)||n)&&(null==(o=t.options.enableColumnResizing)||o)},e.getIsResizing=()=>t.getState().columnSizingInfo.isResizingColumn===e.id},createHeader:(e,t)=>{e.getSize=()=>{let t=0;const n=e=>{var o;e.subHeaders.length?e.subHeaders.forEach(n):t+=null!=(o=e.column.getSize())?o:0};return n(e),t},e.getStart=()=>{if(e.index>0){const t=e.headerGroup.headers[e.index-1];return t.getStart()+t.getSize()}return 0},e.getResizeHandler=n=>{const o=t.getColumn(e.column.id),l=null==o?void 0:o.getCanResize();return i=>{if(!o||!l)return;if(null==i.persist||i.persist(),U(i)&&i.touches&&i.touches.length>1)return;const r=e.getSize(),a=e?e.getLeafHeaders().map(e=>[e.column.id,e.column.getSize()]):[[o.id,o.getSize()]],u=U(i)?Math.round(i.touches[0].clientX):i.clientX,s={},g=(e,n)=>{"number"==typeof n&&(t.setColumnSizingInfo(e=>{var o,l;const i="rtl"===t.options.columnResizeDirection?-1:1,r=(n-(null!=(o=null==e?void 0:e.startOffset)?o:0))*i,a=Math.max(r/(null!=(l=null==e?void 0:e.startSize)?l:0),-.999999);return e.columnSizingStart.forEach(e=>{let[t,n]=e;s[t]=Math.round(100*Math.max(n+n*a,0))/100}),{...e,deltaOffset:r,deltaPercentage:a}}),"onChange"!==t.options.columnResizeMode&&"end"!==e||t.setColumnSizing(e=>({...e,...s})))},d=e=>g("move",e),c=e=>{g("end",e),t.setColumnSizingInfo(e=>({...e,isResizingColumn:!1,startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,columnSizingStart:[]}))},p=n||("undefined"!=typeof document?document:null);const m={moveHandler:e=>d(e.clientX),upHandler:e=>{null==p||p.removeEventListener("mousemove",m.moveHandler),null==p||p.removeEventListener("mouseup",m.upHandler),c(e.clientX)}},f={moveHandler:e=>(e.cancelable&&(e.preventDefault(),e.stopPropagation()),d(e.touches[0].clientX),!1),upHandler:e=>{var t;null==p||p.removeEventListener("touchmove",f.moveHandler),null==p||p.removeEventListener("touchend",f.upHandler),e.cancelable&&(e.preventDefault(),e.stopPropagation()),c(null==(t=e.touches[0])?void 0:t.clientX)}},h=!!function(){if("boolean"==typeof q)return q;let e=!1;try{const t={get passive(){return e=!0,!1}},n=()=>{};window.addEventListener("test",n,t),window.removeEventListener("test",n)}catch(t){e=!1}return q=e,q}()&&{passive:!1};U(i)?(null==p||p.addEventListener("touchmove",f.moveHandler,h),null==p||p.addEventListener("touchend",f.upHandler,h)):(null==p||p.addEventListener("mousemove",m.moveHandler,h),null==p||p.addEventListener("mouseup",m.upHandler,h)),t.setColumnSizingInfo(e=>({...e,startOffset:u,startSize:r,deltaOffset:0,deltaPercentage:0,columnSizingStart:a,isResizingColumn:o.id}))}}},createTable:e=>{e.setColumnSizing=t=>null==e.options.onColumnSizingChange?void 0:e.options.onColumnSizingChange(t),e.setColumnSizingInfo=t=>null==e.options.onColumnSizingInfoChange?void 0:e.options.onColumnSizingInfoChange(t),e.resetColumnSizing=t=>{var n;e.setColumnSizing(t?{}:null!=(n=e.initialState.columnSizing)?n:{})},e.resetHeaderSizeInfo=t=>{var n;e.setColumnSizingInfo(t?{startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]}:null!=(n=e.initialState.columnSizingInfo)?n:{startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]})},e.getTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getHeaderGroups()[0])?void 0:n.headers.reduce((e,t)=>e+t.getSize(),0))?t:0},e.getLeftTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getLeftHeaderGroups()[0])?void 0:n.headers.reduce((e,t)=>e+t.getSize(),0))?t:0},e.getCenterTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getCenterHeaderGroups()[0])?void 0:n.headers.reduce((e,t)=>e+t.getSize(),0))?t:0},e.getRightTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getRightHeaderGroups()[0])?void 0:n.headers.reduce((e,t)=>e+t.getSize(),0))?t:0}}};let q=null;function U(e){return"touchstart"===e.type}function $(e,t){return t?"center"===t?e.getCenterVisibleLeafColumns():"left"===t?e.getLeftVisibleLeafColumns():e.getRightVisibleLeafColumns():e.getVisibleLeafColumns()}const X={getInitialState:e=>({rowSelection:{},...e}),getDefaultOptions:e=>({onRowSelectionChange:f("rowSelection",e),enableRowSelection:!0,enableMultiRowSelection:!0,enableSubRowSelection:!0}),createTable:e=>{e.setRowSelection=t=>null==e.options.onRowSelectionChange?void 0:e.options.onRowSelectionChange(t),e.resetRowSelection=t=>{var n;return e.setRowSelection(t?{}:null!=(n=e.initialState.rowSelection)?n:{})},e.toggleAllRowsSelected=t=>{e.setRowSelection(n=>{t=void 0!==t?t:!e.getIsAllRowsSelected();const o={...n},l=e.getPreGroupedRowModel().flatRows;return t?l.forEach(e=>{e.getCanSelect()&&(o[e.id]=!0)}):l.forEach(e=>{delete o[e.id]}),o})},e.toggleAllPageRowsSelected=t=>e.setRowSelection(n=>{const o=void 0!==t?t:!e.getIsAllPageRowsSelected(),l={...n};return e.getRowModel().rows.forEach(t=>{K(l,t.id,o,!0,e)}),l}),e.getPreSelectedRowModel=()=>e.getCoreRowModel(),e.getSelectedRowModel=w(()=>[e.getState().rowSelection,e.getCoreRowModel()],(t,n)=>Object.keys(t).length?W(e,n):{rows:[],flatRows:[],rowsById:{}},v(e.options,"debugTable","getSelectedRowModel")),e.getFilteredSelectedRowModel=w(()=>[e.getState().rowSelection,e.getFilteredRowModel()],(t,n)=>Object.keys(t).length?W(e,n):{rows:[],flatRows:[],rowsById:{}},v(e.options,"debugTable","getFilteredSelectedRowModel")),e.getGroupedSelectedRowModel=w(()=>[e.getState().rowSelection,e.getSortedRowModel()],(t,n)=>Object.keys(t).length?W(e,n):{rows:[],flatRows:[],rowsById:{}},v(e.options,"debugTable","getGroupedSelectedRowModel")),e.getIsAllRowsSelected=()=>{const t=e.getFilteredRowModel().flatRows,{rowSelection:n}=e.getState();let o=Boolean(t.length&&Object.keys(n).length);return o&&t.some(e=>e.getCanSelect()&&!n[e.id])&&(o=!1),o},e.getIsAllPageRowsSelected=()=>{const t=e.getPaginationRowModel().flatRows.filter(e=>e.getCanSelect()),{rowSelection:n}=e.getState();let o=!!t.length;return o&&t.some(e=>!n[e.id])&&(o=!1),o},e.getIsSomeRowsSelected=()=>{var t;const n=Object.keys(null!=(t=e.getState().rowSelection)?t:{}).length;return n>0&&n<e.getFilteredRowModel().flatRows.length},e.getIsSomePageRowsSelected=()=>{const t=e.getPaginationRowModel().flatRows;return!e.getIsAllPageRowsSelected()&&t.filter(e=>e.getCanSelect()).some(e=>e.getIsSelected()||e.getIsSomeSelected())},e.getToggleAllRowsSelectedHandler=()=>t=>{e.toggleAllRowsSelected(t.target.checked)},e.getToggleAllPageRowsSelectedHandler=()=>t=>{e.toggleAllPageRowsSelected(t.target.checked)}},createRow:(e,t)=>{e.toggleSelected=(n,o)=>{const l=e.getIsSelected();t.setRowSelection(i=>{var r;if(n=void 0!==n?n:!l,e.getCanSelect()&&l===n)return i;const a={...i};return K(a,e.id,n,null==(r=null==o?void 0:o.selectChildren)||r,t),a})},e.getIsSelected=()=>{const{rowSelection:n}=t.getState();return J(e,n)},e.getIsSomeSelected=()=>{const{rowSelection:n}=t.getState();return"some"===Q(e,n)},e.getIsAllSubRowsSelected=()=>{const{rowSelection:n}=t.getState();return"all"===Q(e,n)},e.getCanSelect=()=>{var n;return"function"==typeof t.options.enableRowSelection?t.options.enableRowSelection(e):null==(n=t.options.enableRowSelection)||n},e.getCanSelectSubRows=()=>{var n;return"function"==typeof t.options.enableSubRowSelection?t.options.enableSubRowSelection(e):null==(n=t.options.enableSubRowSelection)||n},e.getCanMultiSelect=()=>{var n;return"function"==typeof t.options.enableMultiRowSelection?t.options.enableMultiRowSelection(e):null==(n=t.options.enableMultiRowSelection)||n},e.getToggleSelectedHandler=()=>{const t=e.getCanSelect();return n=>{var o;t&&e.toggleSelected(null==(o=n.target)?void 0:o.checked)}}}},K=(e,t,n,o,l)=>{var i;const r=l.getRow(t,!0);n?(r.getCanMultiSelect()||Object.keys(e).forEach(t=>delete e[t]),r.getCanSelect()&&(e[t]=!0)):delete e[t],o&&null!=(i=r.subRows)&&i.length&&r.getCanSelectSubRows()&&r.subRows.forEach(t=>K(e,t.id,n,o,l))};function W(e,t){const n=e.getState().rowSelection,o=[],l={},i=function(e,t){return e.map(e=>{var t;const r=J(e,n);if(r&&(o.push(e),l[e.id]=e),null!=(t=e.subRows)&&t.length&&(e={...e,subRows:i(e.subRows)}),r)return e}).filter(Boolean)};return{rows:i(t.rows),flatRows:o,rowsById:l}}function J(e,t){var n;return null!=(n=t[e.id])&&n}function Q(e,t,n){var o;if(null==(o=e.subRows)||!o.length)return!1;let l=!0,i=!1;return e.subRows.forEach(e=>{if((!i||l)&&(e.getCanSelect()&&(J(e,t)?i=!0:l=!1),e.subRows&&e.subRows.length)){const n=Q(e,t);"all"===n?i=!0:"some"===n?(i=!0,l=!1):l=!1}}),l?"all":!!i&&"some"}const Y=/([0-9]+)/gm;function Z(e,t){return e===t?0:e>t?1:-1}function ee(e){return"number"==typeof e?isNaN(e)||e===1/0||e===-1/0?"":String(e):"string"==typeof e?e:""}function te(e,t){const n=e.split(Y).filter(Boolean),o=t.split(Y).filter(Boolean);for(;n.length&&o.length;){const e=n.shift(),t=o.shift(),l=parseInt(e,10),i=parseInt(t,10),r=[l,i].sort();if(isNaN(r[0])){if(e>t)return 1;if(t>e)return-1}else{if(isNaN(r[1]))return isNaN(l)?-1:1;if(l>i)return 1;if(i>l)return-1}}return n.length-o.length}const ne={alphanumeric:(e,t,n)=>te(ee(e.getValue(n)).toLowerCase(),ee(t.getValue(n)).toLowerCase()),alphanumericCaseSensitive:(e,t,n)=>te(ee(e.getValue(n)),ee(t.getValue(n))),text:(e,t,n)=>Z(ee(e.getValue(n)).toLowerCase(),ee(t.getValue(n)).toLowerCase()),textCaseSensitive:(e,t,n)=>Z(ee(e.getValue(n)),ee(t.getValue(n))),datetime:(e,t,n)=>{const o=e.getValue(n),l=t.getValue(n);return o>l?1:o<l?-1:0},basic:(e,t,n)=>Z(e.getValue(n),t.getValue(n))},oe=[C,{getInitialState:e=>({columnVisibility:{},...e}),getDefaultOptions:e=>({onColumnVisibilityChange:f("columnVisibility",e)}),createColumn:(e,t)=>{e.toggleVisibility=n=>{e.getCanHide()&&t.setColumnVisibility(t=>({...t,[e.id]:null!=n?n:!e.getIsVisible()}))},e.getIsVisible=()=>{var n,o;const l=e.columns;return null==(n=l.length?l.some(e=>e.getIsVisible()):null==(o=t.getState().columnVisibility)?void 0:o[e.id])||n},e.getCanHide=()=>{var n,o;return(null==(n=e.columnDef.enableHiding)||n)&&(null==(o=t.options.enableHiding)||o)},e.getToggleVisibilityHandler=()=>t=>{null==e.toggleVisibility||e.toggleVisibility(t.target.checked)}},createRow:(e,t)=>{e._getAllVisibleCells=w(()=>[e.getAllCells(),t.getState().columnVisibility],e=>e.filter(e=>e.column.getIsVisible()),v(t.options,"debugRows","_getAllVisibleCells")),e.getVisibleCells=w(()=>[e.getLeftVisibleCells(),e.getCenterVisibleCells(),e.getRightVisibleCells()],(e,t,n)=>[...e,...t,...n],v(t.options,"debugRows","getVisibleCells"))},createTable:e=>{const t=(t,n)=>w(()=>[n(),n().filter(e=>e.getIsVisible()).map(e=>e.id).join("_")],e=>e.filter(e=>null==e.getIsVisible?void 0:e.getIsVisible()),v(e.options,"debugColumns",t));e.getVisibleFlatColumns=t("getVisibleFlatColumns",()=>e.getAllFlatColumns()),e.getVisibleLeafColumns=t("getVisibleLeafColumns",()=>e.getAllLeafColumns()),e.getLeftVisibleLeafColumns=t("getLeftVisibleLeafColumns",()=>e.getLeftLeafColumns()),e.getRightVisibleLeafColumns=t("getRightVisibleLeafColumns",()=>e.getRightLeafColumns()),e.getCenterVisibleLeafColumns=t("getCenterVisibleLeafColumns",()=>e.getCenterLeafColumns()),e.setColumnVisibility=t=>null==e.options.onColumnVisibilityChange?void 0:e.options.onColumnVisibilityChange(t),e.resetColumnVisibility=t=>{var n;e.setColumnVisibility(t?{}:null!=(n=e.initialState.columnVisibility)?n:{})},e.toggleAllColumnsVisible=t=>{var n;t=null!=(n=t)?n:!e.getIsAllColumnsVisible(),e.setColumnVisibility(e.getAllLeafColumns().reduce((e,n)=>({...e,[n.id]:t||!(null!=n.getCanHide&&n.getCanHide())}),{}))},e.getIsAllColumnsVisible=()=>!e.getAllLeafColumns().some(e=>!(null!=e.getIsVisible&&e.getIsVisible())),e.getIsSomeColumnsVisible=()=>e.getAllLeafColumns().some(e=>null==e.getIsVisible?void 0:e.getIsVisible()),e.getToggleAllColumnsVisibilityHandler=()=>t=>{var n;e.toggleAllColumnsVisible(null==(n=t.target)?void 0:n.checked)}}},k,B,x,D,{createTable:e=>{e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,"__global__"),e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,"__global__"),e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,"__global__"),e.getGlobalFacetedMinMaxValues=()=>{if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}},{getInitialState:e=>({globalFilter:void 0,...e}),getDefaultOptions:e=>({onGlobalFilterChange:f("globalFilter",e),globalFilterFn:"auto",getColumnCanGlobalFilter:t=>{var n;const o=null==(n=e.getCoreRowModel().flatRows[0])||null==(n=n._getAllCellsByColumnId()[t.id])?void 0:n.getValue();return"string"==typeof o||"number"==typeof o}}),createColumn:(e,t)=>{e.getCanGlobalFilter=()=>{var n,o,l,i;return(null==(n=e.columnDef.enableGlobalFilter)||n)&&(null==(o=t.options.enableGlobalFilter)||o)&&(null==(l=t.options.enableFilters)||l)&&(null==(i=null==t.options.getColumnCanGlobalFilter?void 0:t.options.getColumnCanGlobalFilter(e))||i)&&!!e.accessorFn}},createTable:e=>{e.getGlobalAutoFilterFn=()=>A.includesString,e.getGlobalFilterFn=()=>{var t,n;const{globalFilterFn:o}=e.options;return h(o)?o:"auto"===o?e.getGlobalAutoFilterFn():null!=(t=null==(n=e.options.filterFns)?void 0:n[o])?t:A[o]},e.setGlobalFilter=t=>{null==e.options.onGlobalFilterChange||e.options.onGlobalFilterChange(t)},e.resetGlobalFilter=t=>{e.setGlobalFilter(t?void 0:e.initialState.globalFilter)}}},{getInitialState:e=>({sorting:[],...e}),getDefaultColumnDef:()=>({sortingFn:"auto",sortUndefined:1}),getDefaultOptions:e=>({onSortingChange:f("sorting",e),isMultiSortEvent:e=>e.shiftKey}),createColumn:(e,t)=>{e.getAutoSortingFn=()=>{const n=t.getFilteredRowModel().flatRows.slice(10);let o=!1;for(const t of n){const n=null==t?void 0:t.getValue(e.id);if("[object Date]"===Object.prototype.toString.call(n))return ne.datetime;if("string"==typeof n&&(o=!0,n.split(Y).length>1))return ne.alphanumeric}return o?ne.text:ne.basic},e.getAutoSortDir=()=>{const n=t.getFilteredRowModel().flatRows[0];return"string"==typeof(null==n?void 0:n.getValue(e.id))?"asc":"desc"},e.getSortingFn=()=>{var n,o;if(!e)throw new Error;return h(e.columnDef.sortingFn)?e.columnDef.sortingFn:"auto"===e.columnDef.sortingFn?e.getAutoSortingFn():null!=(n=null==(o=t.options.sortingFns)?void 0:o[e.columnDef.sortingFn])?n:ne[e.columnDef.sortingFn]},e.toggleSorting=(n,o)=>{const l=e.getNextSortingOrder(),i=null!=n;t.setSorting(r=>{const a=null==r?void 0:r.find(t=>t.id===e.id),u=null==r?void 0:r.findIndex(t=>t.id===e.id);let s,g=[],d=i?n:"desc"===l;var c;(s=null!=r&&r.length&&e.getCanMultiSort()&&o?a?"toggle":"add":null!=r&&r.length&&u!==r.length-1?"replace":a?"toggle":"replace","toggle"===s&&(i||l||(s="remove")),"add"===s)?(g=[...r,{id:e.id,desc:d}],g.splice(0,g.length-(null!=(c=t.options.maxMultiSortColCount)?c:Number.MAX_SAFE_INTEGER))):g="toggle"===s?r.map(t=>t.id===e.id?{...t,desc:d}:t):"remove"===s?r.filter(t=>t.id!==e.id):[{id:e.id,desc:d}];return g})},e.getFirstSortDir=()=>{var n,o;return(null!=(n=null!=(o=e.columnDef.sortDescFirst)?o:t.options.sortDescFirst)?n:"desc"===e.getAutoSortDir())?"desc":"asc"},e.getNextSortingOrder=n=>{var o,l;const i=e.getFirstSortDir(),r=e.getIsSorted();return r?!!(r===i||null!=(o=t.options.enableSortingRemoval)&&!o||n&&null!=(l=t.options.enableMultiRemove)&&!l)&&("desc"===r?"asc":"desc"):i},e.getCanSort=()=>{var n,o;return(null==(n=e.columnDef.enableSorting)||n)&&(null==(o=t.options.enableSorting)||o)&&!!e.accessorFn},e.getCanMultiSort=()=>{var n,o;return null!=(n=null!=(o=e.columnDef.enableMultiSort)?o:t.options.enableMultiSort)?n:!!e.accessorFn},e.getIsSorted=()=>{var n;const o=null==(n=t.getState().sorting)?void 0:n.find(t=>t.id===e.id);return!!o&&(o.desc?"desc":"asc")},e.getSortIndex=()=>{var n,o;return null!=(n=null==(o=t.getState().sorting)?void 0:o.findIndex(t=>t.id===e.id))?n:-1},e.clearSorting=()=>{t.setSorting(t=>null!=t&&t.length?t.filter(t=>t.id!==e.id):[])},e.getToggleSortingHandler=()=>{const n=e.getCanSort();return o=>{n&&(null==o.persist||o.persist(),null==e.toggleSorting||e.toggleSorting(void 0,!!e.getCanMultiSort()&&(null==t.options.isMultiSortEvent?void 0:t.options.isMultiSortEvent(o))))}}},createTable:e=>{e.setSorting=t=>null==e.options.onSortingChange?void 0:e.options.onSortingChange(t),e.resetSorting=t=>{var n,o;e.setSorting(t?[]:null!=(n=null==(o=e.initialState)?void 0:o.sorting)?n:[])},e.getPreSortedRowModel=()=>e.getGroupedRowModel(),e.getSortedRowModel=()=>(!e._getSortedRowModel&&e.options.getSortedRowModel&&(e._getSortedRowModel=e.options.getSortedRowModel(e)),e.options.manualSorting||!e._getSortedRowModel?e.getPreSortedRowModel():e._getSortedRowModel())}},O,{getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({onExpandedChange:f("expanded",e),paginateExpandedRows:!0}),createTable:e=>{let t=!1,n=!1;e._autoResetExpanded=()=>{var o,l;if(t){if(null!=(o=null!=(l=e.options.autoResetAll)?l:e.options.autoResetExpanded)?o:!e.options.manualExpanding){if(n)return;n=!0,e._queue(()=>{e.resetExpanded(),n=!1})}}else e._queue(()=>{t=!0})},e.setExpanded=t=>null==e.options.onExpandedChange?void 0:e.options.onExpandedChange(t),e.toggleAllRowsExpanded=t=>{(null!=t?t:!e.getIsAllRowsExpanded())?e.setExpanded(!0):e.setExpanded({})},e.resetExpanded=t=>{var n,o;e.setExpanded(t?{}:null!=(n=null==(o=e.initialState)?void 0:o.expanded)?n:{})},e.getCanSomeRowsExpand=()=>e.getPrePaginationRowModel().flatRows.some(e=>e.getCanExpand()),e.getToggleAllRowsExpandedHandler=()=>t=>{null==t.persist||t.persist(),e.toggleAllRowsExpanded()},e.getIsSomeRowsExpanded=()=>{const t=e.getState().expanded;return!0===t||Object.values(t).some(Boolean)},e.getIsAllRowsExpanded=()=>{const t=e.getState().expanded;return"boolean"==typeof t?!0===t:!!Object.keys(t).length&&!e.getRowModel().flatRows.some(e=>!e.getIsExpanded())},e.getExpandedDepth=()=>{let t=0;return(!0===e.getState().expanded?Object.keys(e.getRowModel().rowsById):Object.keys(e.getState().expanded)).forEach(e=>{const n=e.split(".");t=Math.max(t,n.length)}),t},e.getPreExpandedRowModel=()=>e.getSortedRowModel(),e.getExpandedRowModel=()=>(!e._getExpandedRowModel&&e.options.getExpandedRowModel&&(e._getExpandedRowModel=e.options.getExpandedRowModel(e)),e.options.manualExpanding||!e._getExpandedRowModel?e.getPreExpandedRowModel():e._getExpandedRowModel())},createRow:(e,t)=>{e.toggleExpanded=n=>{t.setExpanded(o=>{var l;const i=!0===o||!(null==o||!o[e.id]);let r={};if(!0===o?Object.keys(t.getRowModel().rowsById).forEach(e=>{r[e]=!0}):r=o,n=null!=(l=n)?l:!i,!i&&n)return{...r,[e.id]:!0};if(i&&!n){const{[e.id]:t,...n}=r;return n}return o})},e.getIsExpanded=()=>{var n;const o=t.getState().expanded;return!!(null!=(n=null==t.options.getIsRowExpanded?void 0:t.options.getIsRowExpanded(e))?n:!0===o||(null==o?void 0:o[e.id]))},e.getCanExpand=()=>{var n,o,l;return null!=(n=null==t.options.getRowCanExpand?void 0:t.options.getRowCanExpand(e))?n:(null==(o=t.options.enableExpanding)||o)&&!(null==(l=e.subRows)||!l.length)},e.getIsAllParentsExpanded=()=>{let n=!0,o=e;for(;n&&o.parentId;)o=t.getRow(o.parentId,!0),n=o.getIsExpanded();return n},e.getToggleExpandedHandler=()=>{const t=e.getCanExpand();return()=>{t&&e.toggleExpanded()}}}},{getInitialState:e=>({...e,pagination:{pageIndex:0,pageSize:10,...null==e?void 0:e.pagination}}),getDefaultOptions:e=>({onPaginationChange:f("pagination",e)}),createTable:e=>{let t=!1,n=!1;e._autoResetPageIndex=()=>{var o,l;if(t){if(null!=(o=null!=(l=e.options.autoResetAll)?l:e.options.autoResetPageIndex)?o:!e.options.manualPagination){if(n)return;n=!0,e._queue(()=>{e.resetPageIndex(),n=!1})}}else e._queue(()=>{t=!0})},e.setPagination=t=>null==e.options.onPaginationChange?void 0:e.options.onPaginationChange(e=>m(t,e)),e.resetPagination=t=>{var n;e.setPagination(t?{pageIndex:0,pageSize:10}:null!=(n=e.initialState.pagination)?n:{pageIndex:0,pageSize:10})},e.setPageIndex=t=>{e.setPagination(n=>{let o=m(t,n.pageIndex);const l=void 0===e.options.pageCount||-1===e.options.pageCount?Number.MAX_SAFE_INTEGER:e.options.pageCount-1;return o=Math.max(0,Math.min(o,l)),{...n,pageIndex:o}})},e.resetPageIndex=t=>{var n,o;e.setPageIndex(t?0:null!=(n=null==(o=e.initialState)||null==(o=o.pagination)?void 0:o.pageIndex)?n:0)},e.resetPageSize=t=>{var n,o;e.setPageSize(t?10:null!=(n=null==(o=e.initialState)||null==(o=o.pagination)?void 0:o.pageSize)?n:10)},e.setPageSize=t=>{e.setPagination(e=>{const n=Math.max(1,m(t,e.pageSize)),o=e.pageSize*e.pageIndex,l=Math.floor(o/n);return{...e,pageIndex:l,pageSize:n}})},e.setPageCount=t=>e.setPagination(n=>{var o;let l=m(t,null!=(o=e.options.pageCount)?o:-1);return"number"==typeof l&&(l=Math.max(-1,l)),{...n,pageCount:l}}),e.getPageOptions=w(()=>[e.getPageCount()],e=>{let t=[];return e&&e>0&&(t=[...new Array(e)].fill(null).map((e,t)=>t)),t},v(e.options,"debugTable","getPageOptions")),e.getCanPreviousPage=()=>e.getState().pagination.pageIndex>0,e.getCanNextPage=()=>{const{pageIndex:t}=e.getState().pagination,n=e.getPageCount();return-1===n||0!==n&&t<n-1},e.previousPage=()=>e.setPageIndex(e=>e-1),e.nextPage=()=>e.setPageIndex(e=>e+1),e.firstPage=()=>e.setPageIndex(0),e.lastPage=()=>e.setPageIndex(e.getPageCount()-1),e.getPrePaginationRowModel=()=>e.getExpandedRowModel(),e.getPaginationRowModel=()=>(!e._getPaginationRowModel&&e.options.getPaginationRowModel&&(e._getPaginationRowModel=e.options.getPaginationRowModel(e)),e.options.manualPagination||!e._getPaginationRowModel?e.getPrePaginationRowModel():e._getPaginationRowModel()),e.getPageCount=()=>{var t;return null!=(t=e.options.pageCount)?t:Math.ceil(e.getRowCount()/e.getState().pagination.pageSize)},e.getRowCount=()=>{var t;return null!=(t=e.options.rowCount)?t:e.getPrePaginationRowModel().rows.length}}},{getInitialState:e=>({rowPinning:{top:[],bottom:[]},...e}),getDefaultOptions:e=>({onRowPinningChange:f("rowPinning",e)}),createRow:(e,t)=>{e.pin=(n,o,l)=>{const i=o?e.getLeafRows().map(e=>{let{id:t}=e;return t}):[],r=l?e.getParentRows().map(e=>{let{id:t}=e;return t}):[],a=new Set([...r,e.id,...i]);t.setRowPinning(e=>{var t,o,l,i,r,u;return"bottom"===n?{top:(null!=(l=null==e?void 0:e.top)?l:[]).filter(e=>!(null!=a&&a.has(e))),bottom:[...(null!=(i=null==e?void 0:e.bottom)?i:[]).filter(e=>!(null!=a&&a.has(e))),...Array.from(a)]}:"top"===n?{top:[...(null!=(r=null==e?void 0:e.top)?r:[]).filter(e=>!(null!=a&&a.has(e))),...Array.from(a)],bottom:(null!=(u=null==e?void 0:e.bottom)?u:[]).filter(e=>!(null!=a&&a.has(e)))}:{top:(null!=(t=null==e?void 0:e.top)?t:[]).filter(e=>!(null!=a&&a.has(e))),bottom:(null!=(o=null==e?void 0:e.bottom)?o:[]).filter(e=>!(null!=a&&a.has(e)))}})},e.getCanPin=()=>{var n;const{enableRowPinning:o,enablePinning:l}=t.options;return"function"==typeof o?o(e):null==(n=null!=o?o:l)||n},e.getIsPinned=()=>{const n=[e.id],{top:o,bottom:l}=t.getState().rowPinning,i=n.some(e=>null==o?void 0:o.includes(e)),r=n.some(e=>null==l?void 0:l.includes(e));return i?"top":!!r&&"bottom"},e.getPinnedIndex=()=>{var n,o;const l=e.getIsPinned();if(!l)return-1;const i=null==(n="top"===l?t.getTopRows():t.getBottomRows())?void 0:n.map(e=>{let{id:t}=e;return t});return null!=(o=null==i?void 0:i.indexOf(e.id))?o:-1}},createTable:e=>{e.setRowPinning=t=>null==e.options.onRowPinningChange?void 0:e.options.onRowPinningChange(t),e.resetRowPinning=t=>{var n,o;return e.setRowPinning(t?{top:[],bottom:[]}:null!=(n=null==(o=e.initialState)?void 0:o.rowPinning)?n:{top:[],bottom:[]})},e.getIsSomeRowsPinned=t=>{var n;const o=e.getState().rowPinning;var l,i;return t?Boolean(null==(n=o[t])?void 0:n.length):Boolean((null==(l=o.top)?void 0:l.length)||(null==(i=o.bottom)?void 0:i.length))},e._getPinnedRows=(t,n,o)=>{var l;return(null==(l=e.options.keepPinnedRows)||l?(null!=n?n:[]).map(t=>{const n=e.getRow(t,!0);return n.getIsAllParentsExpanded()?n:null}):(null!=n?n:[]).map(e=>t.find(t=>t.id===e))).filter(Boolean).map(e=>({...e,position:o}))},e.getTopRows=w(()=>[e.getRowModel().rows,e.getState().rowPinning.top],(t,n)=>e._getPinnedRows(t,n,"top"),v(e.options,"debugRows","getTopRows")),e.getBottomRows=w(()=>[e.getRowModel().rows,e.getState().rowPinning.bottom],(t,n)=>e._getPinnedRows(t,n,"bottom"),v(e.options,"debugRows","getBottomRows")),e.getCenterRows=w(()=>[e.getRowModel().rows,e.getState().rowPinning.top,e.getState().rowPinning.bottom],(e,t,n)=>{const o=new Set([...null!=t?t:[],...null!=n?n:[]]);return e.filter(e=>!o.has(e.id))},v(e.options,"debugRows","getCenterRows"))}},X,j];function le(e){var t,n;"production"!==process.env.NODE_ENV&&(e.debugAll||e.debugTable)&&console.info("Creating Table Instance...");const o=[...oe,...null!=(t=e._features)?t:[]];let l={_features:o};const i=l._features.reduce((e,t)=>Object.assign(e,null==t.getDefaultOptions?void 0:t.getDefaultOptions(l)),{});let r={...null!=(n=e.initialState)?n:{}};l._features.forEach(e=>{var t;r=null!=(t=null==e.getInitialState?void 0:e.getInitialState(r))?t:r});const a=[];let u=!1;const s={_features:o,options:{...i,...e},initialState:r,_queue:e=>{a.push(e),u||(u=!0,Promise.resolve().then(()=>{for(;a.length;)a.shift()();u=!1}).catch(e=>setTimeout(()=>{throw e})))},reset:()=>{l.setState(l.initialState)},setOptions:e=>{const t=m(e,l.options);l.options=(e=>l.options.mergeOptions?l.options.mergeOptions(i,e):{...i,...e})(t)},getState:()=>l.options.state,setState:e=>{null==l.options.onStateChange||l.options.onStateChange(e)},_getRowId:(e,t,n)=>{var o;return null!=(o=null==l.options.getRowId?void 0:l.options.getRowId(e,t,n))?o:`${n?[n.id,t].join("."):t}`},getCoreRowModel:()=>(l._getCoreRowModel||(l._getCoreRowModel=l.options.getCoreRowModel(l)),l._getCoreRowModel()),getRowModel:()=>l.getPaginationRowModel(),getRow:(e,t)=>{let n=(t?l.getPrePaginationRowModel():l.getRowModel()).rowsById[e];if(!n&&(n=l.getCoreRowModel().rowsById[e],!n)){if("production"!==process.env.NODE_ENV)throw new Error(`getRow could not find row with ID: ${e}`);throw new Error}return n},_getDefaultColumnDef:w(()=>[l.options.defaultColumn],e=>{var t;return e=null!=(t=e)?t:{},{header:e=>{const t=e.header.column.columnDef;return t.accessorKey?t.accessorKey:t.accessorFn?t.id:null},cell:e=>{var t,n;return null!=(t=null==(n=e.renderValue())||null==n.toString?void 0:n.toString())?t:null},...l._features.reduce((e,t)=>Object.assign(e,null==t.getDefaultColumnDef?void 0:t.getDefaultColumnDef()),{}),...e}},v(e,"debugColumns","_getDefaultColumnDef")),_getColumnDefs:()=>l.options.columns,getAllColumns:w(()=>[l._getColumnDefs()],e=>{const t=function(e,n,o){return void 0===o&&(o=0),e.map(e=>{const i=function(e,t,n,o){var l,i;const r={...e._getDefaultColumnDef(),...t},a=r.accessorKey;let u,s=null!=(l=null!=(i=r.id)?i:a?"function"==typeof String.prototype.replaceAll?a.replaceAll(".","_"):a.replace(/\./g,"_"):void 0)?l:"string"==typeof r.header?r.header:void 0;if(r.accessorFn?u=r.accessorFn:a&&(u=a.includes(".")?e=>{let t=e;for(const e of a.split(".")){var n;t=null==(n=t)?void 0:n[e],"production"!==process.env.NODE_ENV&&void 0===t&&console.warn(`"${e}" in deeply nested key "${a}" returned undefined.`)}return t}:e=>e[r.accessorKey]),!s){if("production"!==process.env.NODE_ENV)throw new Error(r.accessorFn?"Columns require an id when using an accessorFn":"Columns require an id when using a non-string header");throw new Error}let g={id:`${String(s)}`,accessorFn:u,parent:o,depth:n,columnDef:r,columns:[],getFlatColumns:w(()=>[!0],()=>{var e;return[g,...null==(e=g.columns)?void 0:e.flatMap(e=>e.getFlatColumns())]},v(e.options,"debugColumns","column.getFlatColumns")),getLeafColumns:w(()=>[e._getOrderColumnsFn()],e=>{var t;if(null!=(t=g.columns)&&t.length){let t=g.columns.flatMap(e=>e.getLeafColumns());return e(t)}return[g]},v(e.options,"debugColumns","column.getLeafColumns"))};for(const t of e._features)null==t.createColumn||t.createColumn(g,e);return g}(l,e,o,n),r=e;return i.columns=r.columns?t(r.columns,i,o+1):[],i})};return t(e)},v(e,"debugColumns","getAllColumns")),getAllFlatColumns:w(()=>[l.getAllColumns()],e=>e.flatMap(e=>e.getFlatColumns()),v(e,"debugColumns","getAllFlatColumns")),_getAllFlatColumnsById:w(()=>[l.getAllFlatColumns()],e=>e.reduce((e,t)=>(e[t.id]=t,e),{}),v(e,"debugColumns","getAllFlatColumnsById")),getAllLeafColumns:w(()=>[l.getAllColumns(),l._getOrderColumnsFn()],(e,t)=>t(e.flatMap(e=>e.getLeafColumns())),v(e,"debugColumns","getAllLeafColumns")),getColumn:e=>{const t=l._getAllFlatColumnsById()[e];return"production"===process.env.NODE_ENV||t||console.error(`[Table] Column with id '${e}' does not exist.`),t}};Object.assign(l,s);for(let e=0;e<l._features.length;e++){const t=l._features[e];null==t||null==t.createTable||t.createTable(l)}return l}function ie(e){const t=[],n=e=>{var o;t.push(e),null!=(o=e.subRows)&&o.length&&e.getIsExpanded()&&e.subRows.forEach(n)};return e.rows.forEach(n),{rows:t,flatRows:e.flatRows,rowsById:e.rowsById}}
+function f(e,t){return"function"==typeof e?e(t):e}function m(e,t){return n=>{t.setState(t=>({...t,[e]:f(n,t[e])}))}}function h(e){return e instanceof Function}function w(e,t,n){let o,l=[];return i=>{let r;n.key&&n.debug&&(r=Date.now());const a=e(i);if(!(a.length!==l.length||a.some((e,t)=>l[t]!==e)))return o;let u;if(l=a,n.key&&n.debug&&(u=Date.now()),o=t(...a),null==n||null==n.onChange||n.onChange(o),n.key&&n.debug&&null!=n&&n.debug()){const e=Math.round(100*(Date.now()-r))/100,t=Math.round(100*(Date.now()-u))/100,o=t/16,l=(e,t)=>{for(e=String(e);e.length<t;)e=" "+e;return e};console.info(`%c⏱ ${l(t,5)} /${l(e,5)} ms`,`\n            font-size: .6rem;\n            font-weight: bold;\n            color: hsl(${Math.max(0,Math.min(120-120*o,120))}deg 100% 31%);`,null==n?void 0:n.key)}return o}}function b(e,t,n,o){return{debug:()=>{var n;return null!=(n=null==e?void 0:e.debugAll)?n:e[t]},key:"development"===process.env.NODE_ENV&&n,onChange:o}}const v="debugHeaders";function S(e,t,n){var o;let l={id:null!=(o=n.id)?o:t.id,column:t,index:n.index,isPlaceholder:!!n.isPlaceholder,placeholderId:n.placeholderId,depth:n.depth,subHeaders:[],colSpan:0,rowSpan:0,headerGroup:null,getLeafHeaders:()=>{const e=[],t=n=>{n.subHeaders&&n.subHeaders.length&&n.subHeaders.map(t),e.push(n)};return t(l),e},getContext:()=>({table:e,header:l,column:t})};return e._features.forEach(t=>{null==t.createHeader||t.createHeader(l,e)}),l}const C={createTable:e=>{e.getHeaderGroups=w(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(t,n,o,l)=>{var i,r;const a=null!=(i=null==o?void 0:o.map(e=>n.find(t=>t.id===e)).filter(Boolean))?i:[],u=null!=(r=null==l?void 0:l.map(e=>n.find(t=>t.id===e)).filter(Boolean))?r:[];return z(t,[...a,...n.filter(e=>!(null!=o&&o.includes(e.id)||null!=l&&l.includes(e.id))),...u],e)},b(e.options,v,"getHeaderGroups")),e.getCenterHeaderGroups=w(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(t,n,o,l)=>z(t,n=n.filter(e=>!(null!=o&&o.includes(e.id)||null!=l&&l.includes(e.id))),e,"center"),b(e.options,v,"getCenterHeaderGroups")),e.getLeftHeaderGroups=w(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left],(t,n,o)=>{var l;return z(t,null!=(l=null==o?void 0:o.map(e=>n.find(t=>t.id===e)).filter(Boolean))?l:[],e,"left")},b(e.options,v,"getLeftHeaderGroups")),e.getRightHeaderGroups=w(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.right],(t,n,o)=>{var l;return z(t,null!=(l=null==o?void 0:o.map(e=>n.find(t=>t.id===e)).filter(Boolean))?l:[],e,"right")},b(e.options,v,"getRightHeaderGroups")),e.getFooterGroups=w(()=>[e.getHeaderGroups()],e=>[...e].reverse(),b(e.options,v,"getFooterGroups")),e.getLeftFooterGroups=w(()=>[e.getLeftHeaderGroups()],e=>[...e].reverse(),b(e.options,v,"getLeftFooterGroups")),e.getCenterFooterGroups=w(()=>[e.getCenterHeaderGroups()],e=>[...e].reverse(),b(e.options,v,"getCenterFooterGroups")),e.getRightFooterGroups=w(()=>[e.getRightHeaderGroups()],e=>[...e].reverse(),b(e.options,v,"getRightFooterGroups")),e.getFlatHeaders=w(()=>[e.getHeaderGroups()],e=>e.map(e=>e.headers).flat(),b(e.options,v,"getFlatHeaders")),e.getLeftFlatHeaders=w(()=>[e.getLeftHeaderGroups()],e=>e.map(e=>e.headers).flat(),b(e.options,v,"getLeftFlatHeaders")),e.getCenterFlatHeaders=w(()=>[e.getCenterHeaderGroups()],e=>e.map(e=>e.headers).flat(),b(e.options,v,"getCenterFlatHeaders")),e.getRightFlatHeaders=w(()=>[e.getRightHeaderGroups()],e=>e.map(e=>e.headers).flat(),b(e.options,v,"getRightFlatHeaders")),e.getCenterLeafHeaders=w(()=>[e.getCenterFlatHeaders()],e=>e.filter(e=>{var t;return!(null!=(t=e.subHeaders)&&t.length)}),b(e.options,v,"getCenterLeafHeaders")),e.getLeftLeafHeaders=w(()=>[e.getLeftFlatHeaders()],e=>e.filter(e=>{var t;return!(null!=(t=e.subHeaders)&&t.length)}),b(e.options,v,"getLeftLeafHeaders")),e.getRightLeafHeaders=w(()=>[e.getRightFlatHeaders()],e=>e.filter(e=>{var t;return!(null!=(t=e.subHeaders)&&t.length)}),b(e.options,v,"getRightLeafHeaders")),e.getLeafHeaders=w(()=>[e.getLeftHeaderGroups(),e.getCenterHeaderGroups(),e.getRightHeaderGroups()],(e,t,n)=>{var o,l,i,r,a,u;return[...null!=(o=null==(l=e[0])?void 0:l.headers)?o:[],...null!=(i=null==(r=t[0])?void 0:r.headers)?i:[],...null!=(a=null==(u=n[0])?void 0:u.headers)?a:[]].map(e=>e.getLeafHeaders()).flat()},b(e.options,v,"getLeafHeaders"))}};function z(e,t,n,o){var l,i;let r=0;const a=function(e,t){void 0===t&&(t=1),r=Math.max(r,t),e.filter(e=>e.getIsVisible()).forEach(e=>{var n;null!=(n=e.columns)&&n.length&&a(e.columns,t+1)},0)};a(e);let u=[];const s=(e,t)=>{const l={depth:t,id:[o,`${t}`].filter(Boolean).join("_"),headers:[]},i=[];e.forEach(e=>{const r=[...i].reverse()[0];let a,u=!1;if(e.column.depth===l.depth&&e.column.parent?a=e.column.parent:(a=e.column,u=!0),r&&(null==r?void 0:r.column)===a)r.subHeaders.push(e);else{const l=S(n,a,{id:[o,t,a.id,null==e?void 0:e.id].filter(Boolean).join("_"),isPlaceholder:u,placeholderId:u?`${i.filter(e=>e.column===a).length}`:void 0,depth:t,index:i.length});l.subHeaders.push(e),i.push(l)}l.headers.push(e),e.headerGroup=l}),u.push(l),t>0&&s(i,t-1)},g=t.map((e,t)=>S(n,e,{depth:r,index:t}));s(g,r-1),u.reverse();const d=e=>e.filter(e=>e.column.getIsVisible()).map(e=>{let t=0,n=0,o=[0];e.subHeaders&&e.subHeaders.length?(o=[],d(e.subHeaders).forEach(e=>{let{colSpan:n,rowSpan:l}=e;t+=n,o.push(l)})):t=1;return n+=Math.min(...o),e.colSpan=t,e.rowSpan=n,{colSpan:t,rowSpan:n}});return d(null!=(l=null==(i=u[0])?void 0:i.headers)?l:[]),u}const R=(e,t,n,o,l,i,r)=>{let a={id:t,index:o,original:n,depth:l,parentId:r,_valuesCache:{},_uniqueValuesCache:{},getValue:t=>{if(a._valuesCache.hasOwnProperty(t))return a._valuesCache[t];const n=e.getColumn(t);return null!=n&&n.accessorFn?(a._valuesCache[t]=n.accessorFn(a.original,o),a._valuesCache[t]):void 0},getUniqueValues:t=>{if(a._uniqueValuesCache.hasOwnProperty(t))return a._uniqueValuesCache[t];const n=e.getColumn(t);return null!=n&&n.accessorFn?n.columnDef.getUniqueValues?(a._uniqueValuesCache[t]=n.columnDef.getUniqueValues(a.original,o),a._uniqueValuesCache[t]):(a._uniqueValuesCache[t]=[a.getValue(t)],a._uniqueValuesCache[t]):void 0},renderValue:t=>{var n;return null!=(n=a.getValue(t))?n:e.options.renderFallbackValue},subRows:null!=i?i:[],getLeafRows:()=>function(e,t){const n=[],o=e=>{e.forEach(e=>{n.push(e);const l=t(e);null!=l&&l.length&&o(l)})};return o(e),n}(a.subRows,e=>e.subRows),getParentRow:()=>a.parentId?e.getRow(a.parentId,!0):void 0,getParentRows:()=>{let e=[],t=a;for(;;){const n=t.getParentRow();if(!n)break;e.push(n),t=n}return e.reverse()},getAllCells:w(()=>[e.getAllLeafColumns()],t=>t.map(t=>function(e,t,n,o){const l={id:`${t.id}_${n.id}`,row:t,column:n,getValue:()=>t.getValue(o),renderValue:()=>{var t;return null!=(t=l.getValue())?t:e.options.renderFallbackValue},getContext:w(()=>[e,n,t,l],(e,t,n,o)=>({table:e,column:t,row:n,cell:o,getValue:o.getValue,renderValue:o.renderValue}),b(e.options,"debugCells","cell.getContext"))};return e._features.forEach(o=>{null==o.createCell||o.createCell(l,n,t,e)},{}),l}(e,a,t,t.id)),b(e.options,"debugRows","getAllCells")),_getAllCellsByColumnId:w(()=>[a.getAllCells()],e=>e.reduce((e,t)=>(e[t.column.id]=t,e),{}),b(e.options,"debugRows","getAllCellsByColumnId"))};for(let t=0;t<e._features.length;t++){const n=e._features[t];null==n||null==n.createRow||n.createRow(a,e)}return a},x={createColumn:(e,t)=>{e._getFacetedRowModel=t.options.getFacetedRowModel&&t.options.getFacetedRowModel(t,e.id),e.getFacetedRowModel=()=>e._getFacetedRowModel?e._getFacetedRowModel():t.getPreFilteredRowModel(),e._getFacetedUniqueValues=t.options.getFacetedUniqueValues&&t.options.getFacetedUniqueValues(t,e.id),e.getFacetedUniqueValues=()=>e._getFacetedUniqueValues?e._getFacetedUniqueValues():new Map,e._getFacetedMinMaxValues=t.options.getFacetedMinMaxValues&&t.options.getFacetedMinMaxValues(t,e.id),e.getFacetedMinMaxValues=()=>{if(e._getFacetedMinMaxValues)return e._getFacetedMinMaxValues()}}},F=(e,t,n)=>{var o,l;const i=null==n||null==(o=n.toString())?void 0:o.toLowerCase();return Boolean(null==(l=e.getValue(t))||null==(l=l.toString())||null==(l=l.toLowerCase())?void 0:l.includes(i))};F.autoRemove=e=>L(e);const y=(e,t,n)=>{var o;return Boolean(null==(o=e.getValue(t))||null==(o=o.toString())?void 0:o.includes(n))};y.autoRemove=e=>L(e);const M=(e,t,n)=>{var o;return(null==(o=e.getValue(t))||null==(o=o.toString())?void 0:o.toLowerCase())===(null==n?void 0:n.toLowerCase())};M.autoRemove=e=>L(e);const P=(e,t,n)=>{var o;return null==(o=e.getValue(t))?void 0:o.includes(n)};P.autoRemove=e=>L(e);const I=(e,t,n)=>!n.some(n=>{var o;return!(null!=(o=e.getValue(t))&&o.includes(n))});I.autoRemove=e=>L(e)||!(null!=e&&e.length);const V=(e,t,n)=>n.some(n=>{var o;return null==(o=e.getValue(t))?void 0:o.includes(n)});V.autoRemove=e=>L(e)||!(null!=e&&e.length);const _=(e,t,n)=>e.getValue(t)===n;_.autoRemove=e=>L(e);const E=(e,t,n)=>e.getValue(t)==n;E.autoRemove=e=>L(e);const G=(e,t,n)=>{let[o,l]=n;const i=e.getValue(t);return i>=o&&i<=l};G.resolveFilterValue=e=>{let[t,n]=e,o="number"!=typeof t?parseFloat(t):t,l="number"!=typeof n?parseFloat(n):n,i=null===t||Number.isNaN(o)?-1/0:o,r=null===n||Number.isNaN(l)?1/0:l;if(i>r){const e=i;i=r,r=e}return[i,r]},G.autoRemove=e=>L(e)||L(e[0])&&L(e[1]);const A={includesString:F,includesStringSensitive:y,equalsString:M,arrIncludes:P,arrIncludesAll:I,arrIncludesSome:V,equals:_,weakEquals:E,inNumberRange:G};function L(e){return null==e||""===e}const D={getDefaultColumnDef:()=>({filterFn:"auto"}),getInitialState:e=>({columnFilters:[],...e}),getDefaultOptions:e=>({onColumnFiltersChange:m("columnFilters",e),filterFromLeafRows:!1,maxLeafRowFilterDepth:100}),createColumn:(e,t)=>{e.getAutoFilterFn=()=>{const n=t.getCoreRowModel().flatRows[0],o=null==n?void 0:n.getValue(e.id);return"string"==typeof o?A.includesString:"number"==typeof o?A.inNumberRange:"boolean"==typeof o||null!==o&&"object"==typeof o?A.equals:Array.isArray(o)?A.arrIncludes:A.weakEquals},e.getFilterFn=()=>{var n,o;return h(e.columnDef.filterFn)?e.columnDef.filterFn:"auto"===e.columnDef.filterFn?e.getAutoFilterFn():null!=(n=null==(o=t.options.filterFns)?void 0:o[e.columnDef.filterFn])?n:A[e.columnDef.filterFn]},e.getCanFilter=()=>{var n,o,l;return(null==(n=e.columnDef.enableColumnFilter)||n)&&(null==(o=t.options.enableColumnFilters)||o)&&(null==(l=t.options.enableFilters)||l)&&!!e.accessorFn},e.getIsFiltered=()=>e.getFilterIndex()>-1,e.getFilterValue=()=>{var n;return null==(n=t.getState().columnFilters)||null==(n=n.find(t=>t.id===e.id))?void 0:n.value},e.getFilterIndex=()=>{var n,o;return null!=(n=null==(o=t.getState().columnFilters)?void 0:o.findIndex(t=>t.id===e.id))?n:-1},e.setFilterValue=n=>{t.setColumnFilters(t=>{const o=e.getFilterFn(),l=null==t?void 0:t.find(t=>t.id===e.id),i=f(n,l?l.value:void 0);var r;if(H(o,i,e))return null!=(r=null==t?void 0:t.filter(t=>t.id!==e.id))?r:[];const a={id:e.id,value:i};var u;return l?null!=(u=null==t?void 0:t.map(t=>t.id===e.id?a:t))?u:[]:null!=t&&t.length?[...t,a]:[a]})}},createRow:(e,t)=>{e.columnFilters={},e.columnFiltersMeta={}},createTable:e=>{e.setColumnFilters=t=>{const n=e.getAllLeafColumns();null==e.options.onColumnFiltersChange||e.options.onColumnFiltersChange(e=>{var o;return null==(o=f(t,e))?void 0:o.filter(e=>{const t=n.find(t=>t.id===e.id);if(t){if(H(t.getFilterFn(),e.value,t))return!1}return!0})})},e.resetColumnFilters=t=>{var n,o;e.setColumnFilters(t?[]:null!=(n=null==(o=e.initialState)?void 0:o.columnFilters)?n:[])},e.getPreFilteredRowModel=()=>e.getCoreRowModel(),e.getFilteredRowModel=()=>(!e._getFilteredRowModel&&e.options.getFilteredRowModel&&(e._getFilteredRowModel=e.options.getFilteredRowModel(e)),e.options.manualFiltering||!e._getFilteredRowModel?e.getPreFilteredRowModel():e._getFilteredRowModel())}};function H(e,t,n){return!(!e||!e.autoRemove)&&e.autoRemove(t,n)||void 0===t||"string"==typeof t&&!t}const N={sum:(e,t,n)=>n.reduce((t,n)=>{const o=n.getValue(e);return t+("number"==typeof o?o:0)},0),min:(e,t,n)=>{let o;return n.forEach(t=>{const n=t.getValue(e);null!=n&&(o>n||void 0===o&&n>=n)&&(o=n)}),o},max:(e,t,n)=>{let o;return n.forEach(t=>{const n=t.getValue(e);null!=n&&(o<n||void 0===o&&n>=n)&&(o=n)}),o},extent:(e,t,n)=>{let o,l;return n.forEach(t=>{const n=t.getValue(e);null!=n&&(void 0===o?n>=n&&(o=l=n):(o>n&&(o=n),l<n&&(l=n)))}),[o,l]},mean:(e,t)=>{let n=0,o=0;if(t.forEach(t=>{let l=t.getValue(e);null!=l&&(l=+l)>=l&&(++n,o+=l)}),n)return o/n},median:(e,t)=>{if(!t.length)return;const n=t.map(t=>t.getValue(e));if(o=n,!Array.isArray(o)||!o.every(e=>"number"==typeof e))return;var o;if(1===n.length)return n[0];const l=Math.floor(n.length/2),i=n.sort((e,t)=>e-t);return n.length%2!=0?i[l]:(i[l-1]+i[l])/2},unique:(e,t)=>Array.from(new Set(t.map(t=>t.getValue(e))).values()),uniqueCount:(e,t)=>new Set(t.map(t=>t.getValue(e))).size,count:(e,t)=>t.length},O={getDefaultColumnDef:()=>({aggregatedCell:e=>{var t,n;return null!=(t=null==(n=e.getValue())||null==n.toString?void 0:n.toString())?t:null},aggregationFn:"auto"}),getInitialState:e=>({grouping:[],...e}),getDefaultOptions:e=>({onGroupingChange:m("grouping",e),groupedColumnMode:"reorder"}),createColumn:(e,t)=>{e.toggleGrouping=()=>{t.setGrouping(t=>null!=t&&t.includes(e.id)?t.filter(t=>t!==e.id):[...null!=t?t:[],e.id])},e.getCanGroup=()=>{var n,o;return(null==(n=e.columnDef.enableGrouping)||n)&&(null==(o=t.options.enableGrouping)||o)&&(!!e.accessorFn||!!e.columnDef.getGroupingValue)},e.getIsGrouped=()=>{var n;return null==(n=t.getState().grouping)?void 0:n.includes(e.id)},e.getGroupedIndex=()=>{var n;return null==(n=t.getState().grouping)?void 0:n.indexOf(e.id)},e.getToggleGroupingHandler=()=>{const t=e.getCanGroup();return()=>{t&&e.toggleGrouping()}},e.getAutoAggregationFn=()=>{const n=t.getCoreRowModel().flatRows[0],o=null==n?void 0:n.getValue(e.id);return"number"==typeof o?N.sum:"[object Date]"===Object.prototype.toString.call(o)?N.extent:void 0},e.getAggregationFn=()=>{var n,o;if(!e)throw new Error;return h(e.columnDef.aggregationFn)?e.columnDef.aggregationFn:"auto"===e.columnDef.aggregationFn?e.getAutoAggregationFn():null!=(n=null==(o=t.options.aggregationFns)?void 0:o[e.columnDef.aggregationFn])?n:N[e.columnDef.aggregationFn]}},createTable:e=>{e.setGrouping=t=>null==e.options.onGroupingChange?void 0:e.options.onGroupingChange(t),e.resetGrouping=t=>{var n,o;e.setGrouping(t?[]:null!=(n=null==(o=e.initialState)?void 0:o.grouping)?n:[])},e.getPreGroupedRowModel=()=>e.getFilteredRowModel(),e.getGroupedRowModel=()=>(!e._getGroupedRowModel&&e.options.getGroupedRowModel&&(e._getGroupedRowModel=e.options.getGroupedRowModel(e)),e.options.manualGrouping||!e._getGroupedRowModel?e.getPreGroupedRowModel():e._getGroupedRowModel())},createRow:(e,t)=>{e.getIsGrouped=()=>!!e.groupingColumnId,e.getGroupingValue=n=>{if(e._groupingValuesCache.hasOwnProperty(n))return e._groupingValuesCache[n];const o=t.getColumn(n);return null!=o&&o.columnDef.getGroupingValue?(e._groupingValuesCache[n]=o.columnDef.getGroupingValue(e.original),e._groupingValuesCache[n]):e.getValue(n)},e._groupingValuesCache={}},createCell:(e,t,n,o)=>{e.getIsGrouped=()=>t.getIsGrouped()&&t.id===n.groupingColumnId,e.getIsPlaceholder=()=>!e.getIsGrouped()&&t.getIsGrouped(),e.getIsAggregated=()=>{var t;return!e.getIsGrouped()&&!e.getIsPlaceholder()&&!(null==(t=n.subRows)||!t.length)}}};const k={getInitialState:e=>({columnOrder:[],...e}),getDefaultOptions:e=>({onColumnOrderChange:m("columnOrder",e)}),createColumn:(e,t)=>{e.getIndex=w(e=>[$(t,e)],t=>t.findIndex(t=>t.id===e.id),b(t.options,"debugColumns","getIndex")),e.getIsFirstColumn=n=>{var o;return(null==(o=$(t,n)[0])?void 0:o.id)===e.id},e.getIsLastColumn=n=>{var o;const l=$(t,n);return(null==(o=l[l.length-1])?void 0:o.id)===e.id}},createTable:e=>{e.setColumnOrder=t=>null==e.options.onColumnOrderChange?void 0:e.options.onColumnOrderChange(t),e.resetColumnOrder=t=>{var n;e.setColumnOrder(t?[]:null!=(n=e.initialState.columnOrder)?n:[])},e._getOrderColumnsFn=w(()=>[e.getState().columnOrder,e.getState().grouping,e.options.groupedColumnMode],(e,t,n)=>o=>{let l=[];if(null!=e&&e.length){const t=[...e],n=[...o];for(;n.length&&t.length;){const e=t.shift(),o=n.findIndex(t=>t.id===e);o>-1&&l.push(n.splice(o,1)[0])}l=[...l,...n]}else l=o;return function(e,t,n){if(null==t||!t.length||!n)return e;const o=e.filter(e=>!t.includes(e.id));return"remove"===n?o:[...t.map(t=>e.find(e=>e.id===t)).filter(Boolean),...o]}(l,t,n)},b(e.options,"debugTable","_getOrderColumnsFn"))}},B={getInitialState:e=>({columnPinning:{left:[],right:[]},...e}),getDefaultOptions:e=>({onColumnPinningChange:m("columnPinning",e)}),createColumn:(e,t)=>{e.pin=n=>{const o=e.getLeafColumns().map(e=>e.id).filter(Boolean);t.setColumnPinning(e=>{var t,l,i,r,a,u;return"right"===n?{left:(null!=(i=null==e?void 0:e.left)?i:[]).filter(e=>!(null!=o&&o.includes(e))),right:[...(null!=(r=null==e?void 0:e.right)?r:[]).filter(e=>!(null!=o&&o.includes(e))),...o]}:"left"===n?{left:[...(null!=(a=null==e?void 0:e.left)?a:[]).filter(e=>!(null!=o&&o.includes(e))),...o],right:(null!=(u=null==e?void 0:e.right)?u:[]).filter(e=>!(null!=o&&o.includes(e)))}:{left:(null!=(t=null==e?void 0:e.left)?t:[]).filter(e=>!(null!=o&&o.includes(e))),right:(null!=(l=null==e?void 0:e.right)?l:[]).filter(e=>!(null!=o&&o.includes(e)))}})},e.getCanPin=()=>e.getLeafColumns().some(e=>{var n,o,l;return(null==(n=e.columnDef.enablePinning)||n)&&(null==(o=null!=(l=t.options.enableColumnPinning)?l:t.options.enablePinning)||o)}),e.getIsPinned=()=>{const n=e.getLeafColumns().map(e=>e.id),{left:o,right:l}=t.getState().columnPinning,i=n.some(e=>null==o?void 0:o.includes(e)),r=n.some(e=>null==l?void 0:l.includes(e));return i?"left":!!r&&"right"},e.getPinnedIndex=()=>{var n,o;const l=e.getIsPinned();return l?null!=(n=null==(o=t.getState().columnPinning)||null==(o=o[l])?void 0:o.indexOf(e.id))?n:-1:0}},createRow:(e,t)=>{e.getCenterVisibleCells=w(()=>[e._getAllVisibleCells(),t.getState().columnPinning.left,t.getState().columnPinning.right],(e,t,n)=>{const o=[...null!=t?t:[],...null!=n?n:[]];return e.filter(e=>!o.includes(e.column.id))},b(t.options,"debugRows","getCenterVisibleCells")),e.getLeftVisibleCells=w(()=>[e._getAllVisibleCells(),t.getState().columnPinning.left],(e,t)=>(null!=t?t:[]).map(t=>e.find(e=>e.column.id===t)).filter(Boolean).map(e=>({...e,position:"left"})),b(t.options,"debugRows","getLeftVisibleCells")),e.getRightVisibleCells=w(()=>[e._getAllVisibleCells(),t.getState().columnPinning.right],(e,t)=>(null!=t?t:[]).map(t=>e.find(e=>e.column.id===t)).filter(Boolean).map(e=>({...e,position:"right"})),b(t.options,"debugRows","getRightVisibleCells"))},createTable:e=>{e.setColumnPinning=t=>null==e.options.onColumnPinningChange?void 0:e.options.onColumnPinningChange(t),e.resetColumnPinning=t=>{var n,o;return e.setColumnPinning(t?{left:[],right:[]}:null!=(n=null==(o=e.initialState)?void 0:o.columnPinning)?n:{left:[],right:[]})},e.getIsSomeColumnsPinned=t=>{var n;const o=e.getState().columnPinning;var l,i;return t?Boolean(null==(n=o[t])?void 0:n.length):Boolean((null==(l=o.left)?void 0:l.length)||(null==(i=o.right)?void 0:i.length))},e.getLeftLeafColumns=w(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left],(e,t)=>(null!=t?t:[]).map(t=>e.find(e=>e.id===t)).filter(Boolean),b(e.options,"debugColumns","getLeftLeafColumns")),e.getRightLeafColumns=w(()=>[e.getAllLeafColumns(),e.getState().columnPinning.right],(e,t)=>(null!=t?t:[]).map(t=>e.find(e=>e.id===t)).filter(Boolean),b(e.options,"debugColumns","getRightLeafColumns")),e.getCenterLeafColumns=w(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(e,t,n)=>{const o=[...null!=t?t:[],...null!=n?n:[]];return e.filter(e=>!o.includes(e.id))},b(e.options,"debugColumns","getCenterLeafColumns"))}};const T={size:150,minSize:20,maxSize:Number.MAX_SAFE_INTEGER},j={getDefaultColumnDef:()=>T,getInitialState:e=>({columnSizing:{},columnSizingInfo:{startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]},...e}),getDefaultOptions:e=>({columnResizeMode:"onEnd",columnResizeDirection:"ltr",onColumnSizingChange:m("columnSizing",e),onColumnSizingInfoChange:m("columnSizingInfo",e)}),createColumn:(e,t)=>{e.getSize=()=>{var n,o,l;const i=t.getState().columnSizing[e.id];return Math.min(Math.max(null!=(n=e.columnDef.minSize)?n:T.minSize,null!=(o=null!=i?i:e.columnDef.size)?o:T.size),null!=(l=e.columnDef.maxSize)?l:T.maxSize)},e.getStart=w(e=>[e,$(t,e),t.getState().columnSizing],(t,n)=>n.slice(0,e.getIndex(t)).reduce((e,t)=>e+t.getSize(),0),b(t.options,"debugColumns","getStart")),e.getAfter=w(e=>[e,$(t,e),t.getState().columnSizing],(t,n)=>n.slice(e.getIndex(t)+1).reduce((e,t)=>e+t.getSize(),0),b(t.options,"debugColumns","getAfter")),e.resetSize=()=>{t.setColumnSizing(t=>{let{[e.id]:n,...o}=t;return o})},e.getCanResize=()=>{var n,o;return(null==(n=e.columnDef.enableResizing)||n)&&(null==(o=t.options.enableColumnResizing)||o)},e.getIsResizing=()=>t.getState().columnSizingInfo.isResizingColumn===e.id},createHeader:(e,t)=>{e.getSize=()=>{let t=0;const n=e=>{var o;e.subHeaders.length?e.subHeaders.forEach(n):t+=null!=(o=e.column.getSize())?o:0};return n(e),t},e.getStart=()=>{if(e.index>0){const t=e.headerGroup.headers[e.index-1];return t.getStart()+t.getSize()}return 0},e.getResizeHandler=n=>{const o=t.getColumn(e.column.id),l=null==o?void 0:o.getCanResize();return i=>{if(!o||!l)return;if(null==i.persist||i.persist(),U(i)&&i.touches&&i.touches.length>1)return;const r=e.getSize(),a=e?e.getLeafHeaders().map(e=>[e.column.id,e.column.getSize()]):[[o.id,o.getSize()]],u=U(i)?Math.round(i.touches[0].clientX):i.clientX,s={},g=(e,n)=>{"number"==typeof n&&(t.setColumnSizingInfo(e=>{var o,l;const i="rtl"===t.options.columnResizeDirection?-1:1,r=(n-(null!=(o=null==e?void 0:e.startOffset)?o:0))*i,a=Math.max(r/(null!=(l=null==e?void 0:e.startSize)?l:0),-.999999);return e.columnSizingStart.forEach(e=>{let[t,n]=e;s[t]=Math.round(100*Math.max(n+n*a,0))/100}),{...e,deltaOffset:r,deltaPercentage:a}}),"onChange"!==t.options.columnResizeMode&&"end"!==e||t.setColumnSizing(e=>({...e,...s})))},d=e=>g("move",e),c=e=>{g("end",e),t.setColumnSizingInfo(e=>({...e,isResizingColumn:!1,startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,columnSizingStart:[]}))},p=n||("undefined"!=typeof document?document:null);const f={moveHandler:e=>d(e.clientX),upHandler:e=>{null==p||p.removeEventListener("mousemove",f.moveHandler),null==p||p.removeEventListener("mouseup",f.upHandler),c(e.clientX)}},m={moveHandler:e=>(e.cancelable&&(e.preventDefault(),e.stopPropagation()),d(e.touches[0].clientX),!1),upHandler:e=>{var t;null==p||p.removeEventListener("touchmove",m.moveHandler),null==p||p.removeEventListener("touchend",m.upHandler),e.cancelable&&(e.preventDefault(),e.stopPropagation()),c(null==(t=e.touches[0])?void 0:t.clientX)}},h=!!function(){if("boolean"==typeof q)return q;let e=!1;try{const t={get passive(){return e=!0,!1}},n=()=>{};window.addEventListener("test",n,t),window.removeEventListener("test",n)}catch(t){e=!1}return q=e,q}()&&{passive:!1};U(i)?(null==p||p.addEventListener("touchmove",m.moveHandler,h),null==p||p.addEventListener("touchend",m.upHandler,h)):(null==p||p.addEventListener("mousemove",f.moveHandler,h),null==p||p.addEventListener("mouseup",f.upHandler,h)),t.setColumnSizingInfo(e=>({...e,startOffset:u,startSize:r,deltaOffset:0,deltaPercentage:0,columnSizingStart:a,isResizingColumn:o.id}))}}},createTable:e=>{e.setColumnSizing=t=>null==e.options.onColumnSizingChange?void 0:e.options.onColumnSizingChange(t),e.setColumnSizingInfo=t=>null==e.options.onColumnSizingInfoChange?void 0:e.options.onColumnSizingInfoChange(t),e.resetColumnSizing=t=>{var n;e.setColumnSizing(t?{}:null!=(n=e.initialState.columnSizing)?n:{})},e.resetHeaderSizeInfo=t=>{var n;e.setColumnSizingInfo(t?{startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]}:null!=(n=e.initialState.columnSizingInfo)?n:{startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]})},e.getTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getHeaderGroups()[0])?void 0:n.headers.reduce((e,t)=>e+t.getSize(),0))?t:0},e.getLeftTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getLeftHeaderGroups()[0])?void 0:n.headers.reduce((e,t)=>e+t.getSize(),0))?t:0},e.getCenterTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getCenterHeaderGroups()[0])?void 0:n.headers.reduce((e,t)=>e+t.getSize(),0))?t:0},e.getRightTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getRightHeaderGroups()[0])?void 0:n.headers.reduce((e,t)=>e+t.getSize(),0))?t:0}}};let q=null;function U(e){return"touchstart"===e.type}function $(e,t){return t?"center"===t?e.getCenterVisibleLeafColumns():"left"===t?e.getLeftVisibleLeafColumns():e.getRightVisibleLeafColumns():e.getVisibleLeafColumns()}const X={getInitialState:e=>({rowSelection:{},...e}),getDefaultOptions:e=>({onRowSelectionChange:m("rowSelection",e),enableRowSelection:!0,enableMultiRowSelection:!0,enableSubRowSelection:!0}),createTable:e=>{e.setRowSelection=t=>null==e.options.onRowSelectionChange?void 0:e.options.onRowSelectionChange(t),e.resetRowSelection=t=>{var n;return e.setRowSelection(t?{}:null!=(n=e.initialState.rowSelection)?n:{})},e.toggleAllRowsSelected=t=>{e.setRowSelection(n=>{t=void 0!==t?t:!e.getIsAllRowsSelected();const o={...n},l=e.getPreGroupedRowModel().flatRows;return t?l.forEach(e=>{e.getCanSelect()&&(o[e.id]=!0)}):l.forEach(e=>{delete o[e.id]}),o})},e.toggleAllPageRowsSelected=t=>e.setRowSelection(n=>{const o=void 0!==t?t:!e.getIsAllPageRowsSelected(),l={...n};return e.getRowModel().rows.forEach(t=>{K(l,t.id,o,!0,e)}),l}),e.getPreSelectedRowModel=()=>e.getCoreRowModel(),e.getSelectedRowModel=w(()=>[e.getState().rowSelection,e.getCoreRowModel()],(t,n)=>Object.keys(t).length?W(e,n):{rows:[],flatRows:[],rowsById:{}},b(e.options,"debugTable","getSelectedRowModel")),e.getFilteredSelectedRowModel=w(()=>[e.getState().rowSelection,e.getFilteredRowModel()],(t,n)=>Object.keys(t).length?W(e,n):{rows:[],flatRows:[],rowsById:{}},b(e.options,"debugTable","getFilteredSelectedRowModel")),e.getGroupedSelectedRowModel=w(()=>[e.getState().rowSelection,e.getSortedRowModel()],(t,n)=>Object.keys(t).length?W(e,n):{rows:[],flatRows:[],rowsById:{}},b(e.options,"debugTable","getGroupedSelectedRowModel")),e.getIsAllRowsSelected=()=>{const t=e.getFilteredRowModel().flatRows,{rowSelection:n}=e.getState();let o=Boolean(t.length&&Object.keys(n).length);return o&&t.some(e=>e.getCanSelect()&&!n[e.id])&&(o=!1),o},e.getIsAllPageRowsSelected=()=>{const t=e.getPaginationRowModel().flatRows.filter(e=>e.getCanSelect()),{rowSelection:n}=e.getState();let o=!!t.length;return o&&t.some(e=>!n[e.id])&&(o=!1),o},e.getIsSomeRowsSelected=()=>{var t;const n=Object.keys(null!=(t=e.getState().rowSelection)?t:{}).length;return n>0&&n<e.getFilteredRowModel().flatRows.length},e.getIsSomePageRowsSelected=()=>{const t=e.getPaginationRowModel().flatRows;return!e.getIsAllPageRowsSelected()&&t.filter(e=>e.getCanSelect()).some(e=>e.getIsSelected()||e.getIsSomeSelected())},e.getToggleAllRowsSelectedHandler=()=>t=>{e.toggleAllRowsSelected(t.target.checked)},e.getToggleAllPageRowsSelectedHandler=()=>t=>{e.toggleAllPageRowsSelected(t.target.checked)}},createRow:(e,t)=>{e.toggleSelected=(n,o)=>{const l=e.getIsSelected();t.setRowSelection(i=>{var r;if(n=void 0!==n?n:!l,e.getCanSelect()&&l===n)return i;const a={...i};return K(a,e.id,n,null==(r=null==o?void 0:o.selectChildren)||r,t),a})},e.getIsSelected=()=>{const{rowSelection:n}=t.getState();return J(e,n)},e.getIsSomeSelected=()=>{const{rowSelection:n}=t.getState();return"some"===Q(e,n)},e.getIsAllSubRowsSelected=()=>{const{rowSelection:n}=t.getState();return"all"===Q(e,n)},e.getCanSelect=()=>{var n;return"function"==typeof t.options.enableRowSelection?t.options.enableRowSelection(e):null==(n=t.options.enableRowSelection)||n},e.getCanSelectSubRows=()=>{var n;return"function"==typeof t.options.enableSubRowSelection?t.options.enableSubRowSelection(e):null==(n=t.options.enableSubRowSelection)||n},e.getCanMultiSelect=()=>{var n;return"function"==typeof t.options.enableMultiRowSelection?t.options.enableMultiRowSelection(e):null==(n=t.options.enableMultiRowSelection)||n},e.getToggleSelectedHandler=()=>{const t=e.getCanSelect();return n=>{var o;t&&e.toggleSelected(null==(o=n.target)?void 0:o.checked)}}}},K=(e,t,n,o,l)=>{var i;const r=l.getRow(t,!0);n?(r.getCanMultiSelect()||Object.keys(e).forEach(t=>delete e[t]),r.getCanSelect()&&(e[t]=!0)):delete e[t],o&&null!=(i=r.subRows)&&i.length&&r.getCanSelectSubRows()&&r.subRows.forEach(t=>K(e,t.id,n,o,l))};function W(e,t){const n=e.getState().rowSelection,o=[],l={},i=function(e,t){return e.map(e=>{var t;const r=J(e,n);if(r&&(o.push(e),l[e.id]=e),null!=(t=e.subRows)&&t.length&&(e={...e,subRows:i(e.subRows)}),r)return e}).filter(Boolean)};return{rows:i(t.rows),flatRows:o,rowsById:l}}function J(e,t){var n;return null!=(n=t[e.id])&&n}function Q(e,t,n){var o;if(null==(o=e.subRows)||!o.length)return!1;let l=!0,i=!1;return e.subRows.forEach(e=>{if((!i||l)&&(e.getCanSelect()&&(J(e,t)?i=!0:l=!1),e.subRows&&e.subRows.length)){const n=Q(e,t);"all"===n?i=!0:"some"===n?(i=!0,l=!1):l=!1}}),l?"all":!!i&&"some"}const Y=/([0-9]+)/gm;function Z(e,t){return e===t?0:e>t?1:-1}function ee(e){return"number"==typeof e?isNaN(e)||e===1/0||e===-1/0?"":String(e):"string"==typeof e?e:""}function te(e,t){const n=e.split(Y).filter(Boolean),o=t.split(Y).filter(Boolean);for(;n.length&&o.length;){const e=n.shift(),t=o.shift(),l=parseInt(e,10),i=parseInt(t,10),r=[l,i].sort();if(isNaN(r[0])){if(e>t)return 1;if(t>e)return-1}else{if(isNaN(r[1]))return isNaN(l)?-1:1;if(l>i)return 1;if(i>l)return-1}}return n.length-o.length}const ne={alphanumeric:(e,t,n)=>te(ee(e.getValue(n)).toLowerCase(),ee(t.getValue(n)).toLowerCase()),alphanumericCaseSensitive:(e,t,n)=>te(ee(e.getValue(n)),ee(t.getValue(n))),text:(e,t,n)=>Z(ee(e.getValue(n)).toLowerCase(),ee(t.getValue(n)).toLowerCase()),textCaseSensitive:(e,t,n)=>Z(ee(e.getValue(n)),ee(t.getValue(n))),datetime:(e,t,n)=>{const o=e.getValue(n),l=t.getValue(n);return o>l?1:o<l?-1:0},basic:(e,t,n)=>Z(e.getValue(n),t.getValue(n))},oe=[C,{getInitialState:e=>({columnVisibility:{},...e}),getDefaultOptions:e=>({onColumnVisibilityChange:m("columnVisibility",e)}),createColumn:(e,t)=>{e.toggleVisibility=n=>{e.getCanHide()&&t.setColumnVisibility(t=>({...t,[e.id]:null!=n?n:!e.getIsVisible()}))},e.getIsVisible=()=>{var n,o;const l=e.columns;return null==(n=l.length?l.some(e=>e.getIsVisible()):null==(o=t.getState().columnVisibility)?void 0:o[e.id])||n},e.getCanHide=()=>{var n,o;return(null==(n=e.columnDef.enableHiding)||n)&&(null==(o=t.options.enableHiding)||o)},e.getToggleVisibilityHandler=()=>t=>{null==e.toggleVisibility||e.toggleVisibility(t.target.checked)}},createRow:(e,t)=>{e._getAllVisibleCells=w(()=>[e.getAllCells(),t.getState().columnVisibility],e=>e.filter(e=>e.column.getIsVisible()),b(t.options,"debugRows","_getAllVisibleCells")),e.getVisibleCells=w(()=>[e.getLeftVisibleCells(),e.getCenterVisibleCells(),e.getRightVisibleCells()],(e,t,n)=>[...e,...t,...n],b(t.options,"debugRows","getVisibleCells"))},createTable:e=>{const t=(t,n)=>w(()=>[n(),n().filter(e=>e.getIsVisible()).map(e=>e.id).join("_")],e=>e.filter(e=>null==e.getIsVisible?void 0:e.getIsVisible()),b(e.options,"debugColumns",t));e.getVisibleFlatColumns=t("getVisibleFlatColumns",()=>e.getAllFlatColumns()),e.getVisibleLeafColumns=t("getVisibleLeafColumns",()=>e.getAllLeafColumns()),e.getLeftVisibleLeafColumns=t("getLeftVisibleLeafColumns",()=>e.getLeftLeafColumns()),e.getRightVisibleLeafColumns=t("getRightVisibleLeafColumns",()=>e.getRightLeafColumns()),e.getCenterVisibleLeafColumns=t("getCenterVisibleLeafColumns",()=>e.getCenterLeafColumns()),e.setColumnVisibility=t=>null==e.options.onColumnVisibilityChange?void 0:e.options.onColumnVisibilityChange(t),e.resetColumnVisibility=t=>{var n;e.setColumnVisibility(t?{}:null!=(n=e.initialState.columnVisibility)?n:{})},e.toggleAllColumnsVisible=t=>{var n;t=null!=(n=t)?n:!e.getIsAllColumnsVisible(),e.setColumnVisibility(e.getAllLeafColumns().reduce((e,n)=>({...e,[n.id]:t||!(null!=n.getCanHide&&n.getCanHide())}),{}))},e.getIsAllColumnsVisible=()=>!e.getAllLeafColumns().some(e=>!(null!=e.getIsVisible&&e.getIsVisible())),e.getIsSomeColumnsVisible=()=>e.getAllLeafColumns().some(e=>null==e.getIsVisible?void 0:e.getIsVisible()),e.getToggleAllColumnsVisibilityHandler=()=>t=>{var n;e.toggleAllColumnsVisible(null==(n=t.target)?void 0:n.checked)}}},k,B,x,D,{createTable:e=>{e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,"__global__"),e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,"__global__"),e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,"__global__"),e.getGlobalFacetedMinMaxValues=()=>{if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}},{getInitialState:e=>({globalFilter:void 0,...e}),getDefaultOptions:e=>({onGlobalFilterChange:m("globalFilter",e),globalFilterFn:"auto",getColumnCanGlobalFilter:t=>{var n;const o=null==(n=e.getCoreRowModel().flatRows[0])||null==(n=n._getAllCellsByColumnId()[t.id])?void 0:n.getValue();return"string"==typeof o||"number"==typeof o}}),createColumn:(e,t)=>{e.getCanGlobalFilter=()=>{var n,o,l,i;return(null==(n=e.columnDef.enableGlobalFilter)||n)&&(null==(o=t.options.enableGlobalFilter)||o)&&(null==(l=t.options.enableFilters)||l)&&(null==(i=null==t.options.getColumnCanGlobalFilter?void 0:t.options.getColumnCanGlobalFilter(e))||i)&&!!e.accessorFn}},createTable:e=>{e.getGlobalAutoFilterFn=()=>A.includesString,e.getGlobalFilterFn=()=>{var t,n;const{globalFilterFn:o}=e.options;return h(o)?o:"auto"===o?e.getGlobalAutoFilterFn():null!=(t=null==(n=e.options.filterFns)?void 0:n[o])?t:A[o]},e.setGlobalFilter=t=>{null==e.options.onGlobalFilterChange||e.options.onGlobalFilterChange(t)},e.resetGlobalFilter=t=>{e.setGlobalFilter(t?void 0:e.initialState.globalFilter)}}},{getInitialState:e=>({sorting:[],...e}),getDefaultColumnDef:()=>({sortingFn:"auto",sortUndefined:1}),getDefaultOptions:e=>({onSortingChange:m("sorting",e),isMultiSortEvent:e=>e.shiftKey}),createColumn:(e,t)=>{e.getAutoSortingFn=()=>{const n=t.getFilteredRowModel().flatRows.slice(10);let o=!1;for(const t of n){const n=null==t?void 0:t.getValue(e.id);if("[object Date]"===Object.prototype.toString.call(n))return ne.datetime;if("string"==typeof n&&(o=!0,n.split(Y).length>1))return ne.alphanumeric}return o?ne.text:ne.basic},e.getAutoSortDir=()=>{const n=t.getFilteredRowModel().flatRows[0];return"string"==typeof(null==n?void 0:n.getValue(e.id))?"asc":"desc"},e.getSortingFn=()=>{var n,o;if(!e)throw new Error;return h(e.columnDef.sortingFn)?e.columnDef.sortingFn:"auto"===e.columnDef.sortingFn?e.getAutoSortingFn():null!=(n=null==(o=t.options.sortingFns)?void 0:o[e.columnDef.sortingFn])?n:ne[e.columnDef.sortingFn]},e.toggleSorting=(n,o)=>{const l=e.getNextSortingOrder(),i=null!=n;t.setSorting(r=>{const a=null==r?void 0:r.find(t=>t.id===e.id),u=null==r?void 0:r.findIndex(t=>t.id===e.id);let s,g=[],d=i?n:"desc"===l;var c;(s=null!=r&&r.length&&e.getCanMultiSort()&&o?a?"toggle":"add":null!=r&&r.length&&u!==r.length-1?"replace":a?"toggle":"replace","toggle"===s&&(i||l||(s="remove")),"add"===s)?(g=[...r,{id:e.id,desc:d}],g.splice(0,g.length-(null!=(c=t.options.maxMultiSortColCount)?c:Number.MAX_SAFE_INTEGER))):g="toggle"===s?r.map(t=>t.id===e.id?{...t,desc:d}:t):"remove"===s?r.filter(t=>t.id!==e.id):[{id:e.id,desc:d}];return g})},e.getFirstSortDir=()=>{var n,o;return(null!=(n=null!=(o=e.columnDef.sortDescFirst)?o:t.options.sortDescFirst)?n:"desc"===e.getAutoSortDir())?"desc":"asc"},e.getNextSortingOrder=n=>{var o,l;const i=e.getFirstSortDir(),r=e.getIsSorted();return r?!!(r===i||null!=(o=t.options.enableSortingRemoval)&&!o||n&&null!=(l=t.options.enableMultiRemove)&&!l)&&("desc"===r?"asc":"desc"):i},e.getCanSort=()=>{var n,o;return(null==(n=e.columnDef.enableSorting)||n)&&(null==(o=t.options.enableSorting)||o)&&!!e.accessorFn},e.getCanMultiSort=()=>{var n,o;return null!=(n=null!=(o=e.columnDef.enableMultiSort)?o:t.options.enableMultiSort)?n:!!e.accessorFn},e.getIsSorted=()=>{var n;const o=null==(n=t.getState().sorting)?void 0:n.find(t=>t.id===e.id);return!!o&&(o.desc?"desc":"asc")},e.getSortIndex=()=>{var n,o;return null!=(n=null==(o=t.getState().sorting)?void 0:o.findIndex(t=>t.id===e.id))?n:-1},e.clearSorting=()=>{t.setSorting(t=>null!=t&&t.length?t.filter(t=>t.id!==e.id):[])},e.getToggleSortingHandler=()=>{const n=e.getCanSort();return o=>{n&&(null==o.persist||o.persist(),null==e.toggleSorting||e.toggleSorting(void 0,!!e.getCanMultiSort()&&(null==t.options.isMultiSortEvent?void 0:t.options.isMultiSortEvent(o))))}}},createTable:e=>{e.setSorting=t=>null==e.options.onSortingChange?void 0:e.options.onSortingChange(t),e.resetSorting=t=>{var n,o;e.setSorting(t?[]:null!=(n=null==(o=e.initialState)?void 0:o.sorting)?n:[])},e.getPreSortedRowModel=()=>e.getGroupedRowModel(),e.getSortedRowModel=()=>(!e._getSortedRowModel&&e.options.getSortedRowModel&&(e._getSortedRowModel=e.options.getSortedRowModel(e)),e.options.manualSorting||!e._getSortedRowModel?e.getPreSortedRowModel():e._getSortedRowModel())}},O,{getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({onExpandedChange:m("expanded",e),paginateExpandedRows:!0}),createTable:e=>{let t=!1,n=!1;e._autoResetExpanded=()=>{var o,l;if(t){if(null!=(o=null!=(l=e.options.autoResetAll)?l:e.options.autoResetExpanded)?o:!e.options.manualExpanding){if(n)return;n=!0,e._queue(()=>{e.resetExpanded(),n=!1})}}else e._queue(()=>{t=!0})},e.setExpanded=t=>null==e.options.onExpandedChange?void 0:e.options.onExpandedChange(t),e.toggleAllRowsExpanded=t=>{(null!=t?t:!e.getIsAllRowsExpanded())?e.setExpanded(!0):e.setExpanded({})},e.resetExpanded=t=>{var n,o;e.setExpanded(t?{}:null!=(n=null==(o=e.initialState)?void 0:o.expanded)?n:{})},e.getCanSomeRowsExpand=()=>e.getPrePaginationRowModel().flatRows.some(e=>e.getCanExpand()),e.getToggleAllRowsExpandedHandler=()=>t=>{null==t.persist||t.persist(),e.toggleAllRowsExpanded()},e.getIsSomeRowsExpanded=()=>{const t=e.getState().expanded;return!0===t||Object.values(t).some(Boolean)},e.getIsAllRowsExpanded=()=>{const t=e.getState().expanded;return"boolean"==typeof t?!0===t:!!Object.keys(t).length&&!e.getRowModel().flatRows.some(e=>!e.getIsExpanded())},e.getExpandedDepth=()=>{let t=0;return(!0===e.getState().expanded?Object.keys(e.getRowModel().rowsById):Object.keys(e.getState().expanded)).forEach(e=>{const n=e.split(".");t=Math.max(t,n.length)}),t},e.getPreExpandedRowModel=()=>e.getSortedRowModel(),e.getExpandedRowModel=()=>(!e._getExpandedRowModel&&e.options.getExpandedRowModel&&(e._getExpandedRowModel=e.options.getExpandedRowModel(e)),e.options.manualExpanding||!e._getExpandedRowModel?e.getPreExpandedRowModel():e._getExpandedRowModel())},createRow:(e,t)=>{e.toggleExpanded=n=>{t.setExpanded(o=>{var l;const i=!0===o||!(null==o||!o[e.id]);let r={};if(!0===o?Object.keys(t.getRowModel().rowsById).forEach(e=>{r[e]=!0}):r=o,n=null!=(l=n)?l:!i,!i&&n)return{...r,[e.id]:!0};if(i&&!n){const{[e.id]:t,...n}=r;return n}return o})},e.getIsExpanded=()=>{var n;const o=t.getState().expanded;return!!(null!=(n=null==t.options.getIsRowExpanded?void 0:t.options.getIsRowExpanded(e))?n:!0===o||(null==o?void 0:o[e.id]))},e.getCanExpand=()=>{var n,o,l;return null!=(n=null==t.options.getRowCanExpand?void 0:t.options.getRowCanExpand(e))?n:(null==(o=t.options.enableExpanding)||o)&&!(null==(l=e.subRows)||!l.length)},e.getIsAllParentsExpanded=()=>{let n=!0,o=e;for(;n&&o.parentId;)o=t.getRow(o.parentId,!0),n=o.getIsExpanded();return n},e.getToggleExpandedHandler=()=>{const t=e.getCanExpand();return()=>{t&&e.toggleExpanded()}}}},{getInitialState:e=>({...e,pagination:{pageIndex:0,pageSize:10,...null==e?void 0:e.pagination}}),getDefaultOptions:e=>({onPaginationChange:m("pagination",e)}),createTable:e=>{let t=!1,n=!1;e._autoResetPageIndex=()=>{var o,l;if(t){if(null!=(o=null!=(l=e.options.autoResetAll)?l:e.options.autoResetPageIndex)?o:!e.options.manualPagination){if(n)return;n=!0,e._queue(()=>{e.resetPageIndex(),n=!1})}}else e._queue(()=>{t=!0})},e.setPagination=t=>null==e.options.onPaginationChange?void 0:e.options.onPaginationChange(e=>f(t,e)),e.resetPagination=t=>{var n;e.setPagination(t?{pageIndex:0,pageSize:10}:null!=(n=e.initialState.pagination)?n:{pageIndex:0,pageSize:10})},e.setPageIndex=t=>{e.setPagination(n=>{let o=f(t,n.pageIndex);const l=void 0===e.options.pageCount||-1===e.options.pageCount?Number.MAX_SAFE_INTEGER:e.options.pageCount-1;return o=Math.max(0,Math.min(o,l)),{...n,pageIndex:o}})},e.resetPageIndex=t=>{var n,o;e.setPageIndex(t?0:null!=(n=null==(o=e.initialState)||null==(o=o.pagination)?void 0:o.pageIndex)?n:0)},e.resetPageSize=t=>{var n,o;e.setPageSize(t?10:null!=(n=null==(o=e.initialState)||null==(o=o.pagination)?void 0:o.pageSize)?n:10)},e.setPageSize=t=>{e.setPagination(e=>{const n=Math.max(1,f(t,e.pageSize)),o=e.pageSize*e.pageIndex,l=Math.floor(o/n);return{...e,pageIndex:l,pageSize:n}})},e.setPageCount=t=>e.setPagination(n=>{var o;let l=f(t,null!=(o=e.options.pageCount)?o:-1);return"number"==typeof l&&(l=Math.max(-1,l)),{...n,pageCount:l}}),e.getPageOptions=w(()=>[e.getPageCount()],e=>{let t=[];return e&&e>0&&(t=[...new Array(e)].fill(null).map((e,t)=>t)),t},b(e.options,"debugTable","getPageOptions")),e.getCanPreviousPage=()=>e.getState().pagination.pageIndex>0,e.getCanNextPage=()=>{const{pageIndex:t}=e.getState().pagination,n=e.getPageCount();return-1===n||0!==n&&t<n-1},e.previousPage=()=>e.setPageIndex(e=>e-1),e.nextPage=()=>e.setPageIndex(e=>e+1),e.firstPage=()=>e.setPageIndex(0),e.lastPage=()=>e.setPageIndex(e.getPageCount()-1),e.getPrePaginationRowModel=()=>e.getExpandedRowModel(),e.getPaginationRowModel=()=>(!e._getPaginationRowModel&&e.options.getPaginationRowModel&&(e._getPaginationRowModel=e.options.getPaginationRowModel(e)),e.options.manualPagination||!e._getPaginationRowModel?e.getPrePaginationRowModel():e._getPaginationRowModel()),e.getPageCount=()=>{var t;return null!=(t=e.options.pageCount)?t:Math.ceil(e.getRowCount()/e.getState().pagination.pageSize)},e.getRowCount=()=>{var t;return null!=(t=e.options.rowCount)?t:e.getPrePaginationRowModel().rows.length}}},{getInitialState:e=>({rowPinning:{top:[],bottom:[]},...e}),getDefaultOptions:e=>({onRowPinningChange:m("rowPinning",e)}),createRow:(e,t)=>{e.pin=(n,o,l)=>{const i=o?e.getLeafRows().map(e=>{let{id:t}=e;return t}):[],r=l?e.getParentRows().map(e=>{let{id:t}=e;return t}):[],a=new Set([...r,e.id,...i]);t.setRowPinning(e=>{var t,o,l,i,r,u;return"bottom"===n?{top:(null!=(l=null==e?void 0:e.top)?l:[]).filter(e=>!(null!=a&&a.has(e))),bottom:[...(null!=(i=null==e?void 0:e.bottom)?i:[]).filter(e=>!(null!=a&&a.has(e))),...Array.from(a)]}:"top"===n?{top:[...(null!=(r=null==e?void 0:e.top)?r:[]).filter(e=>!(null!=a&&a.has(e))),...Array.from(a)],bottom:(null!=(u=null==e?void 0:e.bottom)?u:[]).filter(e=>!(null!=a&&a.has(e)))}:{top:(null!=(t=null==e?void 0:e.top)?t:[]).filter(e=>!(null!=a&&a.has(e))),bottom:(null!=(o=null==e?void 0:e.bottom)?o:[]).filter(e=>!(null!=a&&a.has(e)))}})},e.getCanPin=()=>{var n;const{enableRowPinning:o,enablePinning:l}=t.options;return"function"==typeof o?o(e):null==(n=null!=o?o:l)||n},e.getIsPinned=()=>{const n=[e.id],{top:o,bottom:l}=t.getState().rowPinning,i=n.some(e=>null==o?void 0:o.includes(e)),r=n.some(e=>null==l?void 0:l.includes(e));return i?"top":!!r&&"bottom"},e.getPinnedIndex=()=>{var n,o;const l=e.getIsPinned();if(!l)return-1;const i=null==(n="top"===l?t.getTopRows():t.getBottomRows())?void 0:n.map(e=>{let{id:t}=e;return t});return null!=(o=null==i?void 0:i.indexOf(e.id))?o:-1}},createTable:e=>{e.setRowPinning=t=>null==e.options.onRowPinningChange?void 0:e.options.onRowPinningChange(t),e.resetRowPinning=t=>{var n,o;return e.setRowPinning(t?{top:[],bottom:[]}:null!=(n=null==(o=e.initialState)?void 0:o.rowPinning)?n:{top:[],bottom:[]})},e.getIsSomeRowsPinned=t=>{var n;const o=e.getState().rowPinning;var l,i;return t?Boolean(null==(n=o[t])?void 0:n.length):Boolean((null==(l=o.top)?void 0:l.length)||(null==(i=o.bottom)?void 0:i.length))},e._getPinnedRows=(t,n,o)=>{var l;return(null==(l=e.options.keepPinnedRows)||l?(null!=n?n:[]).map(t=>{const n=e.getRow(t,!0);return n.getIsAllParentsExpanded()?n:null}):(null!=n?n:[]).map(e=>t.find(t=>t.id===e))).filter(Boolean).map(e=>({...e,position:o}))},e.getTopRows=w(()=>[e.getRowModel().rows,e.getState().rowPinning.top],(t,n)=>e._getPinnedRows(t,n,"top"),b(e.options,"debugRows","getTopRows")),e.getBottomRows=w(()=>[e.getRowModel().rows,e.getState().rowPinning.bottom],(t,n)=>e._getPinnedRows(t,n,"bottom"),b(e.options,"debugRows","getBottomRows")),e.getCenterRows=w(()=>[e.getRowModel().rows,e.getState().rowPinning.top,e.getState().rowPinning.bottom],(e,t,n)=>{const o=new Set([...null!=t?t:[],...null!=n?n:[]]);return e.filter(e=>!o.has(e.id))},b(e.options,"debugRows","getCenterRows"))}},X,j];function le(e){var t,n;"production"!==process.env.NODE_ENV&&(e.debugAll||e.debugTable)&&console.info("Creating Table Instance...");const o=[...oe,...null!=(t=e._features)?t:[]];let l={_features:o};const i=l._features.reduce((e,t)=>Object.assign(e,null==t.getDefaultOptions?void 0:t.getDefaultOptions(l)),{});let r={...null!=(n=e.initialState)?n:{}};l._features.forEach(e=>{var t;r=null!=(t=null==e.getInitialState?void 0:e.getInitialState(r))?t:r});const a=[];let u=!1;const s={_features:o,options:{...i,...e},initialState:r,_queue:e=>{a.push(e),u||(u=!0,Promise.resolve().then(()=>{for(;a.length;)a.shift()();u=!1}).catch(e=>setTimeout(()=>{throw e})))},reset:()=>{l.setState(l.initialState)},setOptions:e=>{const t=f(e,l.options);l.options=(e=>l.options.mergeOptions?l.options.mergeOptions(i,e):{...i,...e})(t)},getState:()=>l.options.state,setState:e=>{null==l.options.onStateChange||l.options.onStateChange(e)},_getRowId:(e,t,n)=>{var o;return null!=(o=null==l.options.getRowId?void 0:l.options.getRowId(e,t,n))?o:`${n?[n.id,t].join("."):t}`},getCoreRowModel:()=>(l._getCoreRowModel||(l._getCoreRowModel=l.options.getCoreRowModel(l)),l._getCoreRowModel()),getRowModel:()=>l.getPaginationRowModel(),getRow:(e,t)=>{let n=(t?l.getPrePaginationRowModel():l.getRowModel()).rowsById[e];if(!n&&(n=l.getCoreRowModel().rowsById[e],!n)){if("production"!==process.env.NODE_ENV)throw new Error(`getRow could not find row with ID: ${e}`);throw new Error}return n},_getDefaultColumnDef:w(()=>[l.options.defaultColumn],e=>{var t;return e=null!=(t=e)?t:{},{header:e=>{const t=e.header.column.columnDef;return t.accessorKey?t.accessorKey:t.accessorFn?t.id:null},cell:e=>{var t,n;return null!=(t=null==(n=e.renderValue())||null==n.toString?void 0:n.toString())?t:null},...l._features.reduce((e,t)=>Object.assign(e,null==t.getDefaultColumnDef?void 0:t.getDefaultColumnDef()),{}),...e}},b(e,"debugColumns","_getDefaultColumnDef")),_getColumnDefs:()=>l.options.columns,getAllColumns:w(()=>[l._getColumnDefs()],e=>{const t=function(e,n,o){return void 0===o&&(o=0),e.map(e=>{const i=function(e,t,n,o){var l,i;const r={...e._getDefaultColumnDef(),...t},a=r.accessorKey;let u,s=null!=(l=null!=(i=r.id)?i:a?"function"==typeof String.prototype.replaceAll?a.replaceAll(".","_"):a.replace(/\./g,"_"):void 0)?l:"string"==typeof r.header?r.header:void 0;if(r.accessorFn?u=r.accessorFn:a&&(u=a.includes(".")?e=>{let t=e;for(const e of a.split(".")){var n;t=null==(n=t)?void 0:n[e],"production"!==process.env.NODE_ENV&&void 0===t&&console.warn(`"${e}" in deeply nested key "${a}" returned undefined.`)}return t}:e=>e[r.accessorKey]),!s){if("production"!==process.env.NODE_ENV)throw new Error(r.accessorFn?"Columns require an id when using an accessorFn":"Columns require an id when using a non-string header");throw new Error}let g={id:`${String(s)}`,accessorFn:u,parent:o,depth:n,columnDef:r,columns:[],getFlatColumns:w(()=>[!0],()=>{var e;return[g,...null==(e=g.columns)?void 0:e.flatMap(e=>e.getFlatColumns())]},b(e.options,"debugColumns","column.getFlatColumns")),getLeafColumns:w(()=>[e._getOrderColumnsFn()],e=>{var t;if(null!=(t=g.columns)&&t.length){let t=g.columns.flatMap(e=>e.getLeafColumns());return e(t)}return[g]},b(e.options,"debugColumns","column.getLeafColumns"))};for(const t of e._features)null==t.createColumn||t.createColumn(g,e);return g}(l,e,o,n),r=e;return i.columns=r.columns?t(r.columns,i,o+1):[],i})};return t(e)},b(e,"debugColumns","getAllColumns")),getAllFlatColumns:w(()=>[l.getAllColumns()],e=>e.flatMap(e=>e.getFlatColumns()),b(e,"debugColumns","getAllFlatColumns")),_getAllFlatColumnsById:w(()=>[l.getAllFlatColumns()],e=>e.reduce((e,t)=>(e[t.id]=t,e),{}),b(e,"debugColumns","getAllFlatColumnsById")),getAllLeafColumns:w(()=>[l.getAllColumns(),l._getOrderColumnsFn()],(e,t)=>t(e.flatMap(e=>e.getLeafColumns())),b(e,"debugColumns","getAllLeafColumns")),getColumn:e=>{const t=l._getAllFlatColumnsById()[e];return"production"===process.env.NODE_ENV||t||console.error(`[Table] Column with id '${e}' does not exist.`),t}};Object.assign(l,s);for(let e=0;e<l._features.length;e++){const t=l._features[e];null==t||null==t.createTable||t.createTable(l)}return l}function ie(e){const t=[],n=e=>{var o;t.push(e),null!=(o=e.subRows)&&o.length&&e.getIsExpanded()&&e.subRows.forEach(n)};return e.rows.forEach(n),{rows:t,flatRows:e.flatRows,rowsById:e.rowsById}}
 /**
    * react-table
    *
@@ -20,4 +20,4 @@ function m(e,t){return"function"==typeof e?e(t):e}function f(e,t){return n=>{t.s
    *
    * @license MIT
    */
-function re(e,t){return e?function(e){return"function"==typeof e&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}(n=e)||"function"==typeof n||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(n)?o.createElement(e,t):e:null;var n}function ae(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ue=function(e){var n=e.isExpanded,o=e.onToggle;return t("button",{type:"button",className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:rounded zui:text-gray-400 hover:zui:text-gray-600 hover:zui:bg-gray-100 zui:transition-colors zui:duration-150",onClick:function(e){e.stopPropagation(),o()},"aria-label":n?"Collapse row":"Expand row",children:t(d,{className:ae("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},se=function(e){var n=e.isExpanded,o=e.children,l=e.colSpan;return t("tr",{style:{display:n?"table-row":"none"},children:t("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:l,children:t("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:o})})})};function ge(m){var f=m.columns,h=m.data,b=m.serverMode,S=void 0!==b&&b,C=m.pagination,z=void 0===C?{}:C,x=m.selection,F=void 0===x?{}:x,M=m.expansion,y=void 0===M?{}:M,P=m.sorting,I=void 0===P?{}:P,V=m.loading,_=void 0===V?{}:V,E=m.styling,G=void 0===E?{}:E,A=z.enabled,L=void 0===A||A,D=z.totalCount,H=z.currentPage,N=z.pageSize,O=z.pageSizeOptions,k=void 0===O?[10,25,50,100]:O,B=z.initialPageSize,T=void 0===B?10:B,j=z.onPageChange,q=z.onPageSizeChange,U=z.showInfo,$=void 0===U||U,X=z.showPageSizeSelector,K=void 0===X||X;z.showGoToPage;var W=F.enabled,J=void 0!==W&&W,Q=F.rowIdAccessor,Y=F.onBulkAction,Z=F.bulkActions,ee=void 0===Z?[]:Z,te=F.selectionText,ne=void 0===te?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:te,oe=y.enabled,ge=void 0!==oe&&oe,de=y.renderExpanded,ce=I.enabled,pe=void 0===ce||ce,me=I.initialSorting,fe=void 0===me?[]:me,he=I.onSort,we=_.loading,ve=void 0!==we&&we,be=_.fetched,Se=void 0===be||be,Ce=_.loadingRows,ze=_.emptyMessage,Re=void 0===ze?"No data found":ze,xe=G.className;G.showColumnBorders;var Fe=G.showRowBorders,Me=void 0===Fe||Fe,ye=G.stickyHeader,Pe=void 0===ye||ye,Ie=G.pinLeft,Ve=void 0===Ie?0:Ie,_e=G.pinRight,Ee=void 0===_e?0:_e,Ge=l.useState(fe),Ae=Ge[0],Le=Ge[1],De=l.useState({pageIndex:null!=H?H:0,pageSize:null!=N?N:T}),He=De[0],Ne=De[1],Oe=l.useState({}),ke=Oe[0],Be=Oe[1],Te=l.useState({}),je=Te[0],qe=Te[1];l.useEffect(function(){!L||"number"!=typeof H&&"number"!=typeof N||Ne(function(e){return{pageIndex:null!=H?H:e.pageIndex,pageSize:null!=N?N:e.pageSize}})},[H,N,L]);var Ue=l.useCallback(function(e,t){return Q?Q(e):String(t)},[Q]),$e=l.useMemo(function(){var e=[];return ge&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t(ue,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),J&&e.push({id:"__select__",header:function(e){var n=e.table,o=n.getIsAllPageRowsSelected(),l=n.getIsSomePageRowsSelected();return t("div",{className:"zui:flex zui:items-center zui:justify-center",children:t(i,{size:"sm","aria-label":"Select all rows",checked:o,indeterminate:l&&!o,onChange:function(e){return n.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var n=e.row;return t("div",{className:"zui:flex zui:items-center zui:justify-center",children:t(i,{size:"sm","aria-label":"Select row",checked:n.getIsSelected(),onChange:function(e){e.stopPropagation(),n.toggleSelected(e.target.checked)}})})},enableSorting:!1,enableHiding:!1,size:40}),e},[ge,J]),Xe=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=o.useState(()=>({current:le(t)})),[l,i]=o.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...l,...e.state},onStateChange:t=>{i(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:h,columns:l.useMemo(function(){return e(e([],$e,!0),f,!0)},[$e,f]),getRowId:Ue,state:{sorting:pe?Ae:[],rowSelection:J?ke:{},expanded:ge?je:{},pagination:L?He:{pageIndex:0,pageSize:h.length||1e3}},enableSorting:pe,onSortingChange:pe?function(e){var t="function"==typeof e?e(Ae):e;Le(t),he&&he(t)}:void 0,enableRowSelection:J,onRowSelectionChange:J?Be:void 0,onExpandedChange:ge?qe:void 0,onPaginationChange:L?function(e){var t="function"==typeof e?e(He):e;Ne(t),j&&j(t.pageIndex,t.pageSize),q&&t.pageSize!==He.pageSize&&q(t.pageSize)}:void 0,manualPagination:S&&L,manualSorting:S&&pe,pageCount:S&&L&&"number"==typeof D?Math.max(1,Math.ceil(D/He.pageSize)):void 0,getCoreRowModel:e=>w(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},o=function(t,l,i){void 0===l&&(l=0);const r=[];for(let u=0;u<t.length;u++){const s=R(e,e._getRowId(t[u],u,i),t[u],u,l,void 0,null==i?void 0:i.id);var a;n.flatRows.push(s),n.rowsById[s.id]=s,r.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.getSubRows(t[u],u),null!=(a=s.originalSubRows)&&a.length&&(s.subRows=o(s.originalSubRows,l+1,s)))}return r};return n.rows=o(t),n},v(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!S&&pe?e=>w(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const o=e.getState().sorting,l=[],i=o.filter(t=>{var n;return null==(n=e.getColumn(t.id))?void 0:n.getCanSort()}),r={};i.forEach(t=>{const n=e.getColumn(t.id);n&&(r[t.id]={sortUndefined:n.columnDef.sortUndefined,invertSorting:n.columnDef.invertSorting,sortingFn:n.getSortingFn()})});const a=e=>{const t=e.map(e=>({...e}));return t.sort((e,t)=>{for(let o=0;o<i.length;o+=1){var n;const l=i[o],a=r[l.id],u=a.sortUndefined,s=null!=(n=null==l?void 0:l.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(l.id),o=void 0===t.getValue(l.id);if(n||o){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&o?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,l.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;l.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:l,rowsById:n.rowsById}},v(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!S&&L?e=>w(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:o,pageIndex:l}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=o*l,s=u+o;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:ie({rows:i,flatRows:r,rowsById:a}),g.flatRows=[];const d=e=>{g.flatRows.push(e),e.subRows.length&&e.subRows.forEach(d)};return g.rows.forEach(d),g},v(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:ge?e=>w(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?ie(t):t,v(e.options,"debugTable","getExpandedRowModel")):void 0}),Ke=Xe.getVisibleLeafColumns(),We=l.useMemo(function(){return Xe.getSelectedRowModel().rows.map(function(e){return e.id})},[ke,Xe]),Je=null!=Ce?Ce:L?He.pageSize:10,Qe=function(e){for(var t,n=0,o=0;o<e;o++)n+=(null===(t=Ke[o])||void 0===t?void 0:t.getSize())||150;return n},Ye=function(e){for(var t,n=0,o=e+1;o<Ke.length;o++)n+=(null===(t=Ke[o])||void 0===t?void 0:t.getSize())||150;return n},Ze=L?S&&"number"==typeof D?Math.max(1,Math.ceil(D/He.pageSize)):Xe.getPageCount():1,et=L?He.pageIndex*He.pageSize+1:1,tt=L?Math.min((He.pageIndex+1)*He.pageSize,S?D||0:h.length):h.length,nt=S?D||0:h.length;return n("div",{className:ae("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",xe),children:[J&&We.length>0&&t("div",{className:"zui:bg-blue-50 zui:border zui:border-blue-200 zui:px-4 zui:py-3 zui:flex-shrink-0 zui:mx-0 zui:mb-0 zui:rounded-t-lg",children:n("div",{className:"zui:flex zui:items-center zui:justify-between",children:[t("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:ne(We.length)}),n("div",{className:"zui:flex zui:items-center zui:gap-2",children:[ee.map(function(e){return n("button",{onClick:function(t){t.stopPropagation(),function(e){if(Y){var t=Xe.getSelectedRowModel().rows.map(function(e){return Ue(e.original,Number(e.id))});Y(t,e)}}(e.key)},className:ae("zui:inline-flex zui:items-center zui:px-3 zui:py-1.5 zui:text-sm zui:font-medium zui:rounded zui:transition-colors","destructive"===e.variant?"zui:bg-red-600 zui:text-white hover:zui:bg-red-700":"zui:bg-white zui:text-gray-700 zui:border zui:border-gray-300 hover:zui:bg-gray-50"),children:[t(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),t("button",{onClick:function(){Be({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),t("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:t("div",{className:"zui:h-full zui:overflow-auto",children:n("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[t("thead",{children:Xe.getHeaderGroups().map(function(e){return t("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,o){var l=e.column.getCanSort()&&pe,i=e.column.getIsSorted(),s=o<Ve,g=o>=Ke.length-Ee;return t("th",{className:ae("zui:px-3 zui:py-3 zui:text-left zui:text-xs zui:font-medium zui:text-gray-500 zui:uppercase zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",Pe&&"zui:sticky zui:top-0 zui:z-20",s&&"zui:z-30 zui:bg-gray-50",g&&"zui:z-30 zui:bg-gray-50",(s||g)&&"zui:sticky",l&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:s?"".concat(Qe(o),"px"):void 0,right:g?"".concat(Ye(o),"px"):void 0,minWidth:e.getSize()},onClick:l?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:n("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[t("span",{className:"zui:flex-1",children:re(e.column.columnDef.header,e.getContext())}),l&&n("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&t(r,{className:"zui:h-4 zui:w-4"}),"desc"===i&&t(a,{className:"zui:h-4 zui:w-4"}),!i&&t(u,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t("tbody",{children:ve?Array.from({length:Je}).map(function(e,n){return t("tr",{children:Ke.map(function(e,o){var l=o<Ve,i=o>=Ke.length-Ee;return t("td",{className:ae("zui:px-4 zui:py-3 zui:bg-white",Me&&"zui:border-b zui:border-gray-200",l&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:l?"".concat(Qe(o),"px"):void 0,right:i?"".concat(Ye(o),"px"):void 0},children:t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(o))})},"skeleton-".concat(n))}):0===Xe.getRowModel().rows.length?ve||!Se?null:t("tr",{children:t("td",{className:ae("zui:py-12 zui:text-center zui:text-gray-500 zui:bg-white",Me&&"zui:border-b zui:border-gray-200"),colSpan:Ke.length,children:n("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:[t(p,{className:"zui:h-8 zui:w-8 zui:text-gray-300"}),n("div",{children:[t("p",{className:"zui:text-sm zui:font-medium zui:text-gray-900",children:"No data found"}),t("p",{className:"zui:text-xs zui:text-gray-500",children:Re})]})]})})}):Xe.getRowModel().rows.map(function(e){return n(l.Fragment,{children:[t("tr",{className:ae("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150",e.getIsSelected()&&"zui:bg-blue-50 hover:zui:bg-blue-100"),"data-row-id":e.id,children:e.getVisibleCells().map(function(n,o){var l=o<Ve,i=o>=e.getVisibleCells().length-Ee;return t("td",{className:ae("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",Me&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",i&&"zui:sticky zui:z-10 zui:bg-white"),style:{left:l?"".concat(Qe(o),"px"):void 0,right:i?"".concat(Ye(o),"px"):void 0,minWidth:n.column.getSize()},children:re(n.column.columnDef.cell,n.getContext())},n.id)})}),de&&t(se,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:de(e.original)})]},e.id)})})]})})}),L&&t("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:n("div",{className:"zui:flex zui:items-center zui:justify-between",children:[$&&t("div",{className:"zui:text-sm zui:text-gray-700",children:n("span",{children:[et,"–",tt," of ",nt]})}),n("div",{className:"zui:flex zui:items-center zui:gap-2",children:[K&&t("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:He.pageSize,onChange:function(e){return Xe.setPageSize(Number(e.target.value))},children:k.map(function(e){return n("option",{value:e,children:[e," rows"]},e)})}),n("div",{className:"zui:flex zui:items-center zui:gap-1",children:[t("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.setPageIndex(0)},disabled:!Xe.getCanPreviousPage(),children:t(s,{className:"zui:h-4 zui:w-4"})}),t("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.previousPage()},disabled:!Xe.getCanPreviousPage(),children:t(g,{className:"zui:h-4 zui:w-4"})}),n("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[He.pageIndex+1," of ",Ze]}),t("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.nextPage()},disabled:!Xe.getCanNextPage(),children:t(d,{className:"zui:h-4 zui:w-4"})}),t("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.setPageIndex(Ze-1)},disabled:!Xe.getCanNextPage(),children:t(c,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}export{ge as DataTable,ge as default};
+function re(e,t){return e?function(e){return"function"==typeof e&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}(n=e)||"function"==typeof n||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(n)?o.createElement(e,t):e:null;var n}function ae(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ue=function(e){var n=e.isExpanded,o=e.onToggle;return t("button",{type:"button",className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:rounded zui:text-gray-400 hover:zui:text-gray-600 hover:zui:bg-gray-100 zui:transition-colors zui:duration-150",onClick:function(e){e.stopPropagation(),o()},"aria-label":n?"Collapse row":"Expand row",children:t(d,{className:ae("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},se=function(e){var n=e.isExpanded,o=e.children,l=e.colSpan;return t("tr",{style:{display:n?"table-row":"none"},children:t("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:l,children:t("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:o})})})};function ge(f){var m=f.columns,h=f.data,v=f.serverMode,S=void 0!==v&&v,C=f.pagination,z=void 0===C?{}:C,x=f.selection,F=void 0===x?{}:x,y=f.expansion,M=void 0===y?{}:y,P=f.sorting,I=void 0===P?{}:P,V=f.loading,_=void 0===V?{}:V,E=f.styling,G=void 0===E?{}:E,A=z.enabled,L=void 0===A||A,D=z.totalCount,H=z.currentPage,N=z.pageSize,O=z.pageSizeOptions,k=void 0===O?[10,25,50,100]:O,B=z.initialPageSize,T=void 0===B?10:B,j=z.onPageChange,q=z.onPageSizeChange,U=z.showInfo,$=void 0===U||U,X=z.showPageSizeSelector,K=void 0===X||X;z.showGoToPage;var W=F.enabled,J=void 0!==W&&W,Q=F.rowIdAccessor,Y=F.onBulkAction,Z=F.bulkActions,ee=void 0===Z?[]:Z,te=F.selectionText,ne=void 0===te?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:te,oe=M.enabled,ge=void 0!==oe&&oe,de=M.renderExpanded,ce=I.enabled,pe=void 0!==ce&&ce,fe=I.initialSorting,me=void 0===fe?[]:fe,he=I.onSort,we=_.loading,be=void 0!==we&&we,ve=_.fetched,Se=void 0===ve||ve,Ce=_.loadingRows,ze=_.emptyMessage,Re=void 0===ze?"No data found":ze,xe=G.className;G.showColumnBorders;var Fe=G.showRowBorders,ye=void 0===Fe||Fe,Me=G.stickyHeader,Pe=void 0===Me||Me,Ie=G.pinLeft,Ve=void 0===Ie?0:Ie,_e=G.pinRight,Ee=void 0===_e?0:_e,Ge=l.useState(me),Ae=Ge[0],Le=Ge[1],De=l.useState({pageIndex:null!=H?H:0,pageSize:null!=N?N:T}),He=De[0],Ne=De[1],Oe=l.useState({}),ke=Oe[0],Be=Oe[1],Te=l.useState({}),je=Te[0],qe=Te[1];l.useEffect(function(){!L||"number"!=typeof H&&"number"!=typeof N||Ne(function(e){return{pageIndex:null!=H?H:e.pageIndex,pageSize:null!=N?N:e.pageSize}})},[H,N,L]);var Ue=l.useCallback(function(e,t){return Q?Q(e):String(t)},[Q]),$e=l.useMemo(function(){var e=[];return ge&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t(ue,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),J&&e.push({id:"__select__",header:function(e){var n=e.table,o=n.getIsAllPageRowsSelected(),l=n.getIsSomePageRowsSelected();return t("div",{className:"zui:flex zui:items-center zui:justify-center",children:t(i,{size:"sm","aria-label":"Select all rows",checked:o,indeterminate:l&&!o,onChange:function(e){return n.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var n=e.row;return t("div",{className:"zui:flex zui:items-center zui:justify-center",children:t(i,{size:"sm","aria-label":"Select row",checked:n.getIsSelected(),onChange:function(e){e.stopPropagation(),n.toggleSelected(e.target.checked)}})})},enableSorting:!1,enableHiding:!1,size:40}),e},[ge,J]),Xe=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=o.useState(()=>({current:le(t)})),[l,i]=o.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...l,...e.state},onStateChange:t=>{i(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:h,columns:l.useMemo(function(){return e(e([],$e,!0),m,!0)},[$e,m]),getRowId:Ue,defaultColumn:{enableSorting:!1},state:{sorting:pe?Ae:[],rowSelection:J?ke:{},expanded:ge?je:{},pagination:L?He:{pageIndex:0,pageSize:h.length||1e3}},enableSorting:pe,onSortingChange:pe?function(e){var t="function"==typeof e?e(Ae):e;Le(t),he&&he(t)}:void 0,enableRowSelection:J,onRowSelectionChange:J?Be:void 0,onExpandedChange:ge?qe:void 0,onPaginationChange:L?function(e){var t="function"==typeof e?e(He):e;Ne(t),j&&j(t.pageIndex,t.pageSize),q&&t.pageSize!==He.pageSize&&q(t.pageSize)}:void 0,manualPagination:S&&L,manualSorting:S&&pe,pageCount:S&&L&&"number"==typeof D?Math.max(1,Math.ceil(D/He.pageSize)):void 0,getCoreRowModel:e=>w(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},o=function(t,l,i){void 0===l&&(l=0);const r=[];for(let u=0;u<t.length;u++){const s=R(e,e._getRowId(t[u],u,i),t[u],u,l,void 0,null==i?void 0:i.id);var a;n.flatRows.push(s),n.rowsById[s.id]=s,r.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.getSubRows(t[u],u),null!=(a=s.originalSubRows)&&a.length&&(s.subRows=o(s.originalSubRows,l+1,s)))}return r};return n.rows=o(t),n},b(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!S&&pe?e=>w(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const o=e.getState().sorting,l=[],i=o.filter(t=>{var n;return null==(n=e.getColumn(t.id))?void 0:n.getCanSort()}),r={};i.forEach(t=>{const n=e.getColumn(t.id);n&&(r[t.id]={sortUndefined:n.columnDef.sortUndefined,invertSorting:n.columnDef.invertSorting,sortingFn:n.getSortingFn()})});const a=e=>{const t=e.map(e=>({...e}));return t.sort((e,t)=>{for(let o=0;o<i.length;o+=1){var n;const l=i[o],a=r[l.id],u=a.sortUndefined,s=null!=(n=null==l?void 0:l.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(l.id),o=void 0===t.getValue(l.id);if(n||o){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&o?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,l.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;l.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:l,rowsById:n.rowsById}},b(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!S&&L?e=>w(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:o,pageIndex:l}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=o*l,s=u+o;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:ie({rows:i,flatRows:r,rowsById:a}),g.flatRows=[];const d=e=>{g.flatRows.push(e),e.subRows.length&&e.subRows.forEach(d)};return g.rows.forEach(d),g},b(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:ge?e=>w(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?ie(t):t,b(e.options,"debugTable","getExpandedRowModel")):void 0}),Ke=Xe.getVisibleLeafColumns(),We=l.useMemo(function(){return Xe.getSelectedRowModel().rows.map(function(e){return e.id})},[ke,Xe]),Je=null!=Ce?Ce:L?He.pageSize:10,Qe=function(e){for(var t,n=0,o=0;o<e;o++)n+=(null===(t=Ke[o])||void 0===t?void 0:t.getSize())||150;return n},Ye=function(e){for(var t,n=0,o=e+1;o<Ke.length;o++)n+=(null===(t=Ke[o])||void 0===t?void 0:t.getSize())||150;return n},Ze=L?S&&"number"==typeof D?Math.max(1,Math.ceil(D/He.pageSize)):Xe.getPageCount():1,et=L?He.pageIndex*He.pageSize+1:1,tt=L?Math.min((He.pageIndex+1)*He.pageSize,S?D||0:h.length):h.length,nt=S?D||0:h.length;return n("div",{className:ae("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",xe),children:[J&&We.length>0&&t("div",{className:"zui:bg-blue-50 zui:border zui:border-blue-200 zui:px-4 zui:py-3 zui:flex-shrink-0 zui:mx-0 zui:mb-0 zui:rounded-t-lg",children:n("div",{className:"zui:flex zui:items-center zui:justify-between",children:[t("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:ne(We.length)}),n("div",{className:"zui:flex zui:items-center zui:gap-2",children:[ee.map(function(e){return n("button",{onClick:function(t){t.stopPropagation(),function(e){if(Y){var t=Xe.getSelectedRowModel().rows.map(function(e){return Ue(e.original,Number(e.id))});Y(t,e)}}(e.key)},className:ae("zui:inline-flex zui:items-center zui:px-3 zui:py-1.5 zui:text-sm zui:font-medium zui:rounded zui:transition-colors","destructive"===e.variant?"zui:bg-red-600 zui:text-white hover:zui:bg-red-700":"zui:bg-white zui:text-gray-700 zui:border zui:border-gray-300 hover:zui:bg-gray-50"),children:[t(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),t("button",{onClick:function(){Be({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),t("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:t("div",{className:"zui:h-full zui:overflow-auto",children:n("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[t("thead",{children:Xe.getHeaderGroups().map(function(e){return t("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,o){var l=pe&&!1!==e.column.columnDef.enableSorting,i=e.column.getIsSorted(),s=o<Ve,g=o>=Ke.length-Ee,d=Ve>0&&o===Ve-1,c=Ee>0&&o===Ke.length-Ee;return t("th",{className:ae("zui:px-3 zui:py-3 zui:text-left zui:text-xs zui:font-medium zui:text-gray-500 zui:uppercase zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",Pe&&"zui:sticky zui:top-0 zui:z-20",s&&"zui:z-30 zui:bg-gray-50",g&&"zui:z-30 zui:bg-gray-50",(s||g)&&"zui:sticky",d&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',c&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',l&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:s?"".concat(Qe(o),"px"):void 0,right:g?"".concat(Ye(o),"px"):void 0,minWidth:e.getSize()},onClick:l?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:n("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[t("span",{className:"zui:flex-1",children:re(e.column.columnDef.header,e.getContext())}),l&&n("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&t(r,{className:"zui:h-4 zui:w-4"}),"desc"===i&&t(a,{className:"zui:h-4 zui:w-4"}),!i&&t(u,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t("tbody",{children:be?Array.from({length:Je}).map(function(e,n){return t("tr",{children:Ke.map(function(e,o){var l=o<Ve,i=o>=Ke.length-Ee;return t("td",{className:ae("zui:px-4 zui:py-3 zui:bg-white",ye&&"zui:border-b zui:border-gray-200",l&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:l?"".concat(Qe(o),"px"):void 0,right:i?"".concat(Ye(o),"px"):void 0},children:t("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(o))})},"skeleton-".concat(n))}):0===Xe.getRowModel().rows.length?be||!Se?null:t("tr",{children:t("td",{className:ae("zui:py-12 zui:text-center zui:text-gray-500 zui:bg-white",ye&&"zui:border-b zui:border-gray-200"),colSpan:Ke.length,children:n("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:[t(p,{className:"zui:h-8 zui:w-8 zui:text-gray-300"}),n("div",{children:[t("p",{className:"zui:text-sm zui:font-medium zui:text-gray-900",children:"No data found"}),t("p",{className:"zui:text-xs zui:text-gray-500",children:Re})]})]})})}):Xe.getRowModel().rows.map(function(e){return n(l.Fragment,{children:[t("tr",{className:ae("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150",e.getIsSelected()&&"zui:bg-blue-50 hover:zui:bg-blue-100"),"data-row-id":e.id,children:e.getVisibleCells().map(function(n,o){var l=o<Ve,i=o>=e.getVisibleCells().length-Ee,r=Ve>0&&o===Ve-1,a=Ee>0&&o===Ke.length-Ee;return t("td",{className:ae("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",ye&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",i&&"zui:sticky zui:z-10 zui:bg-white",r&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',a&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200'),style:{left:l?"".concat(Qe(o),"px"):void 0,right:i?"".concat(Ye(o),"px"):void 0,minWidth:n.column.getSize()},children:re(n.column.columnDef.cell,n.getContext())},n.id)})}),de&&t(se,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:de(e.original)})]},e.id)})})]})})}),L&&t("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:n("div",{className:"zui:flex zui:items-center zui:justify-between",children:[$&&t("div",{className:"zui:text-sm zui:text-gray-700",children:n("span",{children:[et,"–",tt," of ",nt]})}),n("div",{className:"zui:flex zui:items-center zui:gap-2",children:[K&&t("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:He.pageSize,onChange:function(e){return Xe.setPageSize(Number(e.target.value))},children:k.map(function(e){return n("option",{value:e,children:[e," rows"]},e)})}),n("div",{className:"zui:flex zui:items-center zui:gap-1",children:[t("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.setPageIndex(0)},disabled:!Xe.getCanPreviousPage(),children:t(s,{className:"zui:h-4 zui:w-4"})}),t("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.previousPage()},disabled:!Xe.getCanPreviousPage(),children:t(g,{className:"zui:h-4 zui:w-4"})}),n("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[He.pageIndex+1," of ",Ze]}),t("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.nextPage()},disabled:!Xe.getCanNextPage(),children:t(d,{className:"zui:h-4 zui:w-4"})}),t("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Xe.setPageIndex(Ze-1)},disabled:!Xe.getCanNextPage(),children:t(c,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}export{ge as DataTable,ge as default};

package/dist/components/DataTable/index.js

@@ -19,4 +19,4 @@
    *
    * @license MIT
    */
-function Z(e,t){return e?function(e){return"function"==typeof e&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}(n=e)||"function"==typeof n||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(n)?r.createElement(e,t):e:null;var n}function ee(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var te=function(e){var n=e.isExpanded,o=e.onToggle;return t.jsx("button",{type:"button",className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:rounded zui:text-gray-400 hover:zui:text-gray-600 hover:zui:bg-gray-100 zui:transition-colors zui:duration-150",onClick:function(e){e.stopPropagation(),o()},"aria-label":n?"Collapse row":"Expand row",children:t.jsx(l.ChevronRight,{className:ee("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},ne=function(e){var n=e.isExpanded,o=e.children,l=e.colSpan;return t.jsx("tr",{style:{display:n?"table-row":"none"},children:t.jsx("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:l,children:t.jsx("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:o})})})};function oe(i){var a=i.columns,u=i.data,s=i.serverMode,c=void 0!==s&&s,p=i.pagination,f=void 0===p?{}:p,m=i.selection,w=void 0===m?{}:m,v=i.expansion,b=void 0===v?{}:v,S=i.sorting,C=void 0===S?{}:S,z=i.loading,R=void 0===z?{}:z,x=i.styling,F=void 0===x?{}:x,y=f.enabled,M=void 0===y||y,P=f.totalCount,I=f.currentPage,V=f.pageSize,_=f.pageSizeOptions,E=void 0===_?[10,25,50,100]:_,A=f.initialPageSize,j=void 0===A?10:A,G=f.onPageChange,L=f.onPageSizeChange,D=f.showInfo,H=void 0===D||D,N=f.showPageSizeSelector,O=void 0===N||N;f.showGoToPage;var k=w.enabled,B=void 0!==k&&k,T=w.rowIdAccessor,q=w.onBulkAction,U=w.bulkActions,$=void 0===U?[]:U,X=w.selectionText,K=void 0===X?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:X,W=b.enabled,J=void 0!==W&&W,oe=b.renderExpanded,le=C.enabled,ie=void 0===le||le,re=C.initialSorting,ae=void 0===re?[]:re,ue=C.onSort,se=R.loading,ge=void 0!==se&&se,de=R.fetched,ce=void 0===de||de,pe=R.loadingRows,fe=R.emptyMessage,me=void 0===fe?"No data found":fe,he=F.className;F.showColumnBorders;var we=F.showRowBorders,ve=void 0===we||we,be=F.stickyHeader,Se=void 0===be||be,Ce=F.pinLeft,ze=void 0===Ce?0:Ce,Re=F.pinRight,xe=void 0===Re?0:Re,Fe=n.useState(ae),ye=Fe[0],Me=Fe[1],Pe=n.useState({pageIndex:null!=I?I:0,pageSize:null!=V?V:j}),Ie=Pe[0],Ve=Pe[1],_e=n.useState({}),Ee=_e[0],Ae=_e[1],je=n.useState({}),Ge=je[0],Le=je[1];n.useEffect(function(){!M||"number"!=typeof I&&"number"!=typeof V||Ve(function(e){return{pageIndex:null!=I?I:e.pageIndex,pageSize:null!=V?V:e.pageSize}})},[I,V,M]);var De=n.useCallback(function(e,t){return T?T(e):String(t)},[T]),He=n.useMemo(function(){var e=[];return J&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t.jsx(te,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),B&&e.push({id:"__select__",header:function(e){var n=e.table,l=n.getIsAllPageRowsSelected(),i=n.getIsSomePageRowsSelected();return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(o.Checkbox,{size:"sm","aria-label":"Select all rows",checked:l,indeterminate:i&&!l,onChange:function(e){return n.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var n=e.row;return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(o.Checkbox,{size:"sm","aria-label":"Select row",checked:n.getIsSelected(),onChange:function(e){e.stopPropagation(),n.toggleSelected(e.target.checked)}})})},enableSorting:!1,enableHiding:!1,size:40}),e},[J,B]),Ne=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=r.useState(()=>({current:Q(t)})),[o,l]=r.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...o,...e.state},onStateChange:t=>{l(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:u,columns:n.useMemo(function(){return e.__spreadArray(e.__spreadArray([],He,!0),a,!0)},[He,a]),getRowId:De,state:{sorting:ie?ye:[],rowSelection:B?Ee:{},expanded:J?Ge:{},pagination:M?Ie:{pageIndex:0,pageSize:u.length||1e3}},enableSorting:ie,onSortingChange:ie?function(e){var t="function"==typeof e?e(ye):e;Me(t),ue&&ue(t)}:void 0,enableRowSelection:B,onRowSelectionChange:B?Ae:void 0,onExpandedChange:J?Le:void 0,onPaginationChange:M?function(e){var t="function"==typeof e?e(Ie):e;Ve(t),G&&G(t.pageIndex,t.pageSize),L&&t.pageSize!==Ie.pageSize&&L(t.pageSize)}:void 0,manualPagination:c&&M,manualSorting:c&&ie,pageCount:c&&M&&"number"==typeof P?Math.max(1,Math.ceil(P/Ie.pageSize)):void 0,getCoreRowModel:e=>g(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},o=function(t,l,i){void 0===l&&(l=0);const r=[];for(let u=0;u<t.length;u++){const s=h(e,e._getRowId(t[u],u,i),t[u],u,l,void 0,null==i?void 0:i.id);var a;n.flatRows.push(s),n.rowsById[s.id]=s,r.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.getSubRows(t[u],u),null!=(a=s.originalSubRows)&&a.length&&(s.subRows=o(s.originalSubRows,l+1,s)))}return r};return n.rows=o(t),n},d(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!c&&ie?e=>g(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const o=e.getState().sorting,l=[],i=o.filter(t=>{var n;return null==(n=e.getColumn(t.id))?void 0:n.getCanSort()}),r={};i.forEach(t=>{const n=e.getColumn(t.id);n&&(r[t.id]={sortUndefined:n.columnDef.sortUndefined,invertSorting:n.columnDef.invertSorting,sortingFn:n.getSortingFn()})});const a=e=>{const t=e.map(e=>({...e}));return t.sort((e,t)=>{for(let o=0;o<i.length;o+=1){var n;const l=i[o],a=r[l.id],u=a.sortUndefined,s=null!=(n=null==l?void 0:l.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(l.id),o=void 0===t.getValue(l.id);if(n||o){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&o?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,l.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;l.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:l,rowsById:n.rowsById}},d(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!c&&M?e=>g(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:o,pageIndex:l}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=o*l,s=u+o;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:Y({rows:i,flatRows:r,rowsById:a}),g.flatRows=[];const d=e=>{g.flatRows.push(e),e.subRows.length&&e.subRows.forEach(d)};return g.rows.forEach(d),g},d(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:J?e=>g(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?Y(t):t,d(e.options,"debugTable","getExpandedRowModel")):void 0}),Oe=Ne.getVisibleLeafColumns(),ke=n.useMemo(function(){return Ne.getSelectedRowModel().rows.map(function(e){return e.id})},[Ee,Ne]),Be=null!=pe?pe:M?Ie.pageSize:10,Te=function(e){for(var t,n=0,o=0;o<e;o++)n+=(null===(t=Oe[o])||void 0===t?void 0:t.getSize())||150;return n},qe=function(e){for(var t,n=0,o=e+1;o<Oe.length;o++)n+=(null===(t=Oe[o])||void 0===t?void 0:t.getSize())||150;return n},Ue=M?c&&"number"==typeof P?Math.max(1,Math.ceil(P/Ie.pageSize)):Ne.getPageCount():1,$e=M?Ie.pageIndex*Ie.pageSize+1:1,Xe=M?Math.min((Ie.pageIndex+1)*Ie.pageSize,c?P||0:u.length):u.length,Ke=c?P||0:u.length;return t.jsxs("div",{className:ee("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",he),children:[B&&ke.length>0&&t.jsx("div",{className:"zui:bg-blue-50 zui:border zui:border-blue-200 zui:px-4 zui:py-3 zui:flex-shrink-0 zui:mx-0 zui:mb-0 zui:rounded-t-lg",children:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between",children:[t.jsx("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:K(ke.length)}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[$.map(function(e){return t.jsxs("button",{onClick:function(t){t.stopPropagation(),function(e){if(q){var t=Ne.getSelectedRowModel().rows.map(function(e){return De(e.original,Number(e.id))});q(t,e)}}(e.key)},className:ee("zui:inline-flex zui:items-center zui:px-3 zui:py-1.5 zui:text-sm zui:font-medium zui:rounded zui:transition-colors","destructive"===e.variant?"zui:bg-red-600 zui:text-white hover:zui:bg-red-700":"zui:bg-white zui:text-gray-700 zui:border zui:border-gray-300 hover:zui:bg-gray-50"),children:[t.jsx(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),t.jsx("button",{onClick:function(){Ae({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),t.jsx("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:t.jsx("div",{className:"zui:h-full zui:overflow-auto",children:t.jsxs("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[t.jsx("thead",{children:Ne.getHeaderGroups().map(function(e){return t.jsx("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,n){var o=e.column.getCanSort()&&ie,i=e.column.getIsSorted(),r=n<ze,a=n>=Oe.length-xe;return t.jsx("th",{className:ee("zui:px-3 zui:py-3 zui:text-left zui:text-xs zui:font-medium zui:text-gray-500 zui:uppercase zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",Se&&"zui:sticky zui:top-0 zui:z-20",r&&"zui:z-30 zui:bg-gray-50",a&&"zui:z-30 zui:bg-gray-50",(r||a)&&"zui:sticky",o&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(Te(n),"px"):void 0,right:a?"".concat(qe(n),"px"):void 0,minWidth:e.getSize()},onClick:o?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[t.jsx("span",{className:"zui:flex-1",children:Z(e.column.columnDef.header,e.getContext())}),o&&t.jsxs("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&t.jsx(l.ChevronUp,{className:"zui:h-4 zui:w-4"}),"desc"===i&&t.jsx(l.ChevronDown,{className:"zui:h-4 zui:w-4"}),!i&&t.jsx(l.ChevronsUpDown,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t.jsx("tbody",{children:ge?Array.from({length:Be}).map(function(e,n){return t.jsx("tr",{children:Oe.map(function(e,o){var l=o<ze,i=o>=Oe.length-xe;return t.jsx("td",{className:ee("zui:px-4 zui:py-3 zui:bg-white",ve&&"zui:border-b zui:border-gray-200",l&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:l?"".concat(Te(o),"px"):void 0,right:i?"".concat(qe(o),"px"):void 0},children:t.jsx("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(o))})},"skeleton-".concat(n))}):0===Ne.getRowModel().rows.length?ge||!ce?null:t.jsx("tr",{children:t.jsx("td",{className:ee("zui:py-12 zui:text-center zui:text-gray-500 zui:bg-white",ve&&"zui:border-b zui:border-gray-200"),colSpan:Oe.length,children:t.jsxs("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:[t.jsx(l.Ellipsis,{className:"zui:h-8 zui:w-8 zui:text-gray-300"}),t.jsxs("div",{children:[t.jsx("p",{className:"zui:text-sm zui:font-medium zui:text-gray-900",children:"No data found"}),t.jsx("p",{className:"zui:text-xs zui:text-gray-500",children:me})]})]})})}):Ne.getRowModel().rows.map(function(e){return t.jsxs(n.Fragment,{children:[t.jsx("tr",{className:ee("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150",e.getIsSelected()&&"zui:bg-blue-50 hover:zui:bg-blue-100"),"data-row-id":e.id,children:e.getVisibleCells().map(function(n,o){var l=o<ze,i=o>=e.getVisibleCells().length-xe;return t.jsx("td",{className:ee("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",ve&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",i&&"zui:sticky zui:z-10 zui:bg-white"),style:{left:l?"".concat(Te(o),"px"):void 0,right:i?"".concat(qe(o),"px"):void 0,minWidth:n.column.getSize()},children:Z(n.column.columnDef.cell,n.getContext())},n.id)})}),oe&&t.jsx(ne,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:oe(e.original)})]},e.id)})})]})})}),M&&t.jsx("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between",children:[H&&t.jsx("div",{className:"zui:text-sm zui:text-gray-700",children:t.jsxs("span",{children:[$e,"–",Xe," of ",Ke]})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[O&&t.jsx("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:Ie.pageSize,onChange:function(e){return Ne.setPageSize(Number(e.target.value))},children:E.map(function(e){return t.jsxs("option",{value:e,children:[e," rows"]},e)})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-1",children:[t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Ne.setPageIndex(0)},disabled:!Ne.getCanPreviousPage(),children:t.jsx(l.ChevronsLeft,{className:"zui:h-4 zui:w-4"})}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Ne.previousPage()},disabled:!Ne.getCanPreviousPage(),children:t.jsx(l.ChevronLeft,{className:"zui:h-4 zui:w-4"})}),t.jsxs("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[Ie.pageIndex+1," of ",Ue]}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Ne.nextPage()},disabled:!Ne.getCanNextPage(),children:t.jsx(l.ChevronRight,{className:"zui:h-4 zui:w-4"})}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Ne.setPageIndex(Ue-1)},disabled:!Ne.getCanNextPage(),children:t.jsx(l.ChevronsRight,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}exports.DataTable=oe,exports.default=oe;
+function Z(e,t){return e?function(e){return"function"==typeof e&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}(n=e)||"function"==typeof n||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(n)?r.createElement(e,t):e:null;var n}function ee(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var te=function(e){var n=e.isExpanded,o=e.onToggle;return t.jsx("button",{type:"button",className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:rounded zui:text-gray-400 hover:zui:text-gray-600 hover:zui:bg-gray-100 zui:transition-colors zui:duration-150",onClick:function(e){e.stopPropagation(),o()},"aria-label":n?"Collapse row":"Expand row",children:t.jsx(l.ChevronRight,{className:ee("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},ne=function(e){var n=e.isExpanded,o=e.children,l=e.colSpan;return t.jsx("tr",{style:{display:n?"table-row":"none"},children:t.jsx("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:l,children:t.jsx("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:o})})})};function oe(i){var a=i.columns,u=i.data,s=i.serverMode,c=void 0!==s&&s,p=i.pagination,f=void 0===p?{}:p,m=i.selection,w=void 0===m?{}:m,v=i.expansion,b=void 0===v?{}:v,S=i.sorting,C=void 0===S?{}:S,z=i.loading,R=void 0===z?{}:z,x=i.styling,F=void 0===x?{}:x,y=f.enabled,M=void 0===y||y,P=f.totalCount,I=f.currentPage,V=f.pageSize,_=f.pageSizeOptions,E=void 0===_?[10,25,50,100]:_,A=f.initialPageSize,j=void 0===A?10:A,G=f.onPageChange,L=f.onPageSizeChange,D=f.showInfo,H=void 0===D||D,N=f.showPageSizeSelector,O=void 0===N||N;f.showGoToPage;var k=w.enabled,B=void 0!==k&&k,T=w.rowIdAccessor,q=w.onBulkAction,U=w.bulkActions,$=void 0===U?[]:U,X=w.selectionText,K=void 0===X?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:X,W=b.enabled,J=void 0!==W&&W,oe=b.renderExpanded,le=C.enabled,ie=void 0!==le&&le,re=C.initialSorting,ae=void 0===re?[]:re,ue=C.onSort,se=R.loading,ge=void 0!==se&&se,de=R.fetched,ce=void 0===de||de,pe=R.loadingRows,fe=R.emptyMessage,me=void 0===fe?"No data found":fe,he=F.className;F.showColumnBorders;var we=F.showRowBorders,ve=void 0===we||we,be=F.stickyHeader,Se=void 0===be||be,Ce=F.pinLeft,ze=void 0===Ce?0:Ce,Re=F.pinRight,xe=void 0===Re?0:Re,Fe=n.useState(ae),ye=Fe[0],Me=Fe[1],Pe=n.useState({pageIndex:null!=I?I:0,pageSize:null!=V?V:j}),Ie=Pe[0],Ve=Pe[1],_e=n.useState({}),Ee=_e[0],Ae=_e[1],je=n.useState({}),Ge=je[0],Le=je[1];n.useEffect(function(){!M||"number"!=typeof I&&"number"!=typeof V||Ve(function(e){return{pageIndex:null!=I?I:e.pageIndex,pageSize:null!=V?V:e.pageSize}})},[I,V,M]);var De=n.useCallback(function(e,t){return T?T(e):String(t)},[T]),He=n.useMemo(function(){var e=[];return J&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t.jsx(te,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),B&&e.push({id:"__select__",header:function(e){var n=e.table,l=n.getIsAllPageRowsSelected(),i=n.getIsSomePageRowsSelected();return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(o.Checkbox,{size:"sm","aria-label":"Select all rows",checked:l,indeterminate:i&&!l,onChange:function(e){return n.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var n=e.row;return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(o.Checkbox,{size:"sm","aria-label":"Select row",checked:n.getIsSelected(),onChange:function(e){e.stopPropagation(),n.toggleSelected(e.target.checked)}})})},enableSorting:!1,enableHiding:!1,size:40}),e},[J,B]),Ne=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=r.useState(()=>({current:Q(t)})),[o,l]=r.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...o,...e.state},onStateChange:t=>{l(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:u,columns:n.useMemo(function(){return e.__spreadArray(e.__spreadArray([],He,!0),a,!0)},[He,a]),getRowId:De,defaultColumn:{enableSorting:!1},state:{sorting:ie?ye:[],rowSelection:B?Ee:{},expanded:J?Ge:{},pagination:M?Ie:{pageIndex:0,pageSize:u.length||1e3}},enableSorting:ie,onSortingChange:ie?function(e){var t="function"==typeof e?e(ye):e;Me(t),ue&&ue(t)}:void 0,enableRowSelection:B,onRowSelectionChange:B?Ae:void 0,onExpandedChange:J?Le:void 0,onPaginationChange:M?function(e){var t="function"==typeof e?e(Ie):e;Ve(t),G&&G(t.pageIndex,t.pageSize),L&&t.pageSize!==Ie.pageSize&&L(t.pageSize)}:void 0,manualPagination:c&&M,manualSorting:c&&ie,pageCount:c&&M&&"number"==typeof P?Math.max(1,Math.ceil(P/Ie.pageSize)):void 0,getCoreRowModel:e=>g(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},o=function(t,l,i){void 0===l&&(l=0);const r=[];for(let u=0;u<t.length;u++){const s=h(e,e._getRowId(t[u],u,i),t[u],u,l,void 0,null==i?void 0:i.id);var a;n.flatRows.push(s),n.rowsById[s.id]=s,r.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.getSubRows(t[u],u),null!=(a=s.originalSubRows)&&a.length&&(s.subRows=o(s.originalSubRows,l+1,s)))}return r};return n.rows=o(t),n},d(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!c&&ie?e=>g(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const o=e.getState().sorting,l=[],i=o.filter(t=>{var n;return null==(n=e.getColumn(t.id))?void 0:n.getCanSort()}),r={};i.forEach(t=>{const n=e.getColumn(t.id);n&&(r[t.id]={sortUndefined:n.columnDef.sortUndefined,invertSorting:n.columnDef.invertSorting,sortingFn:n.getSortingFn()})});const a=e=>{const t=e.map(e=>({...e}));return t.sort((e,t)=>{for(let o=0;o<i.length;o+=1){var n;const l=i[o],a=r[l.id],u=a.sortUndefined,s=null!=(n=null==l?void 0:l.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(l.id),o=void 0===t.getValue(l.id);if(n||o){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&o?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,l.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;l.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:l,rowsById:n.rowsById}},d(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!c&&M?e=>g(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:o,pageIndex:l}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=o*l,s=u+o;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:Y({rows:i,flatRows:r,rowsById:a}),g.flatRows=[];const d=e=>{g.flatRows.push(e),e.subRows.length&&e.subRows.forEach(d)};return g.rows.forEach(d),g},d(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:J?e=>g(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?Y(t):t,d(e.options,"debugTable","getExpandedRowModel")):void 0}),Oe=Ne.getVisibleLeafColumns(),ke=n.useMemo(function(){return Ne.getSelectedRowModel().rows.map(function(e){return e.id})},[Ee,Ne]),Be=null!=pe?pe:M?Ie.pageSize:10,Te=function(e){for(var t,n=0,o=0;o<e;o++)n+=(null===(t=Oe[o])||void 0===t?void 0:t.getSize())||150;return n},qe=function(e){for(var t,n=0,o=e+1;o<Oe.length;o++)n+=(null===(t=Oe[o])||void 0===t?void 0:t.getSize())||150;return n},Ue=M?c&&"number"==typeof P?Math.max(1,Math.ceil(P/Ie.pageSize)):Ne.getPageCount():1,$e=M?Ie.pageIndex*Ie.pageSize+1:1,Xe=M?Math.min((Ie.pageIndex+1)*Ie.pageSize,c?P||0:u.length):u.length,Ke=c?P||0:u.length;return t.jsxs("div",{className:ee("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",he),children:[B&&ke.length>0&&t.jsx("div",{className:"zui:bg-blue-50 zui:border zui:border-blue-200 zui:px-4 zui:py-3 zui:flex-shrink-0 zui:mx-0 zui:mb-0 zui:rounded-t-lg",children:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between",children:[t.jsx("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:K(ke.length)}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[$.map(function(e){return t.jsxs("button",{onClick:function(t){t.stopPropagation(),function(e){if(q){var t=Ne.getSelectedRowModel().rows.map(function(e){return De(e.original,Number(e.id))});q(t,e)}}(e.key)},className:ee("zui:inline-flex zui:items-center zui:px-3 zui:py-1.5 zui:text-sm zui:font-medium zui:rounded zui:transition-colors","destructive"===e.variant?"zui:bg-red-600 zui:text-white hover:zui:bg-red-700":"zui:bg-white zui:text-gray-700 zui:border zui:border-gray-300 hover:zui:bg-gray-50"),children:[t.jsx(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),t.jsx("button",{onClick:function(){Ae({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),t.jsx("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:t.jsx("div",{className:"zui:h-full zui:overflow-auto",children:t.jsxs("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[t.jsx("thead",{children:Ne.getHeaderGroups().map(function(e){return t.jsx("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,n){var o=ie&&!1!==e.column.columnDef.enableSorting,i=e.column.getIsSorted(),r=n<ze,a=n>=Oe.length-xe,u=ze>0&&n===ze-1,s=xe>0&&n===Oe.length-xe;return t.jsx("th",{className:ee("zui:px-3 zui:py-3 zui:text-left zui:text-xs zui:font-medium zui:text-gray-500 zui:uppercase zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",Se&&"zui:sticky zui:top-0 zui:z-20",r&&"zui:z-30 zui:bg-gray-50",a&&"zui:z-30 zui:bg-gray-50",(r||a)&&"zui:sticky",u&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',s&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',o&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(Te(n),"px"):void 0,right:a?"".concat(qe(n),"px"):void 0,minWidth:e.getSize()},onClick:o?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[t.jsx("span",{className:"zui:flex-1",children:Z(e.column.columnDef.header,e.getContext())}),o&&t.jsxs("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&t.jsx(l.ChevronUp,{className:"zui:h-4 zui:w-4"}),"desc"===i&&t.jsx(l.ChevronDown,{className:"zui:h-4 zui:w-4"}),!i&&t.jsx(l.ChevronsUpDown,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t.jsx("tbody",{children:ge?Array.from({length:Be}).map(function(e,n){return t.jsx("tr",{children:Oe.map(function(e,o){var l=o<ze,i=o>=Oe.length-xe;return t.jsx("td",{className:ee("zui:px-4 zui:py-3 zui:bg-white",ve&&"zui:border-b zui:border-gray-200",l&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:l?"".concat(Te(o),"px"):void 0,right:i?"".concat(qe(o),"px"):void 0},children:t.jsx("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(o))})},"skeleton-".concat(n))}):0===Ne.getRowModel().rows.length?ge||!ce?null:t.jsx("tr",{children:t.jsx("td",{className:ee("zui:py-12 zui:text-center zui:text-gray-500 zui:bg-white",ve&&"zui:border-b zui:border-gray-200"),colSpan:Oe.length,children:t.jsxs("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:[t.jsx(l.Ellipsis,{className:"zui:h-8 zui:w-8 zui:text-gray-300"}),t.jsxs("div",{children:[t.jsx("p",{className:"zui:text-sm zui:font-medium zui:text-gray-900",children:"No data found"}),t.jsx("p",{className:"zui:text-xs zui:text-gray-500",children:me})]})]})})}):Ne.getRowModel().rows.map(function(e){return t.jsxs(n.Fragment,{children:[t.jsx("tr",{className:ee("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150",e.getIsSelected()&&"zui:bg-blue-50 hover:zui:bg-blue-100"),"data-row-id":e.id,children:e.getVisibleCells().map(function(n,o){var l=o<ze,i=o>=e.getVisibleCells().length-xe,r=ze>0&&o===ze-1,a=xe>0&&o===Oe.length-xe;return t.jsx("td",{className:ee("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",ve&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",i&&"zui:sticky zui:z-10 zui:bg-white",r&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:right-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200',a&&'zui:relative zui:after:content-[""] zui:after:absolute zui:after:top-0 zui:after:left-0 zui:after:w-[1px] zui:after:h-full zui:after:bg-gray-200'),style:{left:l?"".concat(Te(o),"px"):void 0,right:i?"".concat(qe(o),"px"):void 0,minWidth:n.column.getSize()},children:Z(n.column.columnDef.cell,n.getContext())},n.id)})}),oe&&t.jsx(ne,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:oe(e.original)})]},e.id)})})]})})}),M&&t.jsx("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:t.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between",children:[H&&t.jsx("div",{className:"zui:text-sm zui:text-gray-700",children:t.jsxs("span",{children:[$e,"–",Xe," of ",Ke]})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[O&&t.jsx("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:Ie.pageSize,onChange:function(e){return Ne.setPageSize(Number(e.target.value))},children:E.map(function(e){return t.jsxs("option",{value:e,children:[e," rows"]},e)})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-1",children:[t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Ne.setPageIndex(0)},disabled:!Ne.getCanPreviousPage(),children:t.jsx(l.ChevronsLeft,{className:"zui:h-4 zui:w-4"})}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Ne.previousPage()},disabled:!Ne.getCanPreviousPage(),children:t.jsx(l.ChevronLeft,{className:"zui:h-4 zui:w-4"})}),t.jsxs("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[Ie.pageIndex+1," of ",Ue]}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Ne.nextPage()},disabled:!Ne.getCanNextPage(),children:t.jsx(l.ChevronRight,{className:"zui:h-4 zui:w-4"})}),t.jsx("button",{className:"zui:p-2 zui:text-gray-400 hover:zui:text-gray-600 disabled:zui:opacity-50 disabled:zui:cursor-not-allowed",onClick:function(){return Ne.setPageIndex(Ue-1)},disabled:!Ne.getCanNextPage(),children:t.jsx(l.ChevronsRight,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}exports.DataTable=oe,exports.default=oe;

package/dist/components/Timeline/index.d.ts

@@ -18,6 +18,7 @@ interface TimelineProps {
     mode?: 'left' | 'right' | 'alternate';
     className?: string;
     style?: CSSProperties;
+    linePosition?: number;
 }
 declare const Timeline: React__default.FC<TimelineProps>;
 

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

@@ -1 +1 @@
-import{a as i,b as e}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsxs as u,jsx as t}from"react/jsx-runtime";import l from"react";var r=function(r){var a=r.items,z=void 0===a?[]:a,s=r.children,n=r.pending,d=void 0!==n&&n,c=r.pendingDot,o=r.reverse,m=void 0!==o&&o,g=r.mode,h=void 0===g?"left":g,v=r.className,b=void 0===v?"":v,f=r.style,p=[];z&&z.length>0?p=z:s&&(p=l.Children.map(s,function(e,u){return l.isValidElement(e)&&e.type===TimelineItem?i({key:e.key||u},e.props):{key:u,children:e}})||[]),m&&(p=e([],p,!0).reverse());var y=function(i,e){var u={blue:"zui:bg-blue-500",green:"zui:bg-green-500",red:"zui:bg-red-500",gray:"zui:bg-gray-400",grey:"zui:bg-gray-400",yellow:"zui:bg-yellow-500",orange:"zui:bg-orange-500",purple:"zui:bg-purple-500",pink:"zui:bg-pink-500",cyan:"zui:bg-cyan-500"}[i.color]||"zui:bg-blue-500";return i.dot?t("div",{className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:p-0.5",children:i.dot}):t("div",{className:"zui:w-3 zui:h-3 zui:rounded-full zui:border-2 zui:border-white zui:shadow-sm ".concat(u)})};return u("div",{className:"zui:timeline ".concat(b),style:f,children:[p.map(function(i,e){return function(i,e,l){var r="right"===h||"alternate"===h&&e%2!=0,a=i.position||(r?"right":"left");return u("div",{className:"zui:relative zui:grid zui:grid-cols-2 zui:gap-8 zui:min-h-[32px] ".concat(l?"":"zui:pb-8"),children:[!l&&t("div",{className:"zui:absolute zui:left-1/2 zui:top-6 zui:bottom-0 zui:w-px zui:bg-gray-300"}),t("div",{className:"zui:relative zui:flex zui:justify-end zui:pr-6",children:"left"===a?u("div",{className:"zui:text-left",children:[t("div",{className:"zui:text-gray-900 zui:text-sm",children:i.children}),i.label&&t("div",{className:"zui:text-xs zui:text-gray-500 zui:mt-1",children:i.label})]}):i.secondary}),t("div",{className:"zui:relative zui:flex zui:justify-start zui:pl-6",children:"right"===a?u("div",{className:"zui:text-left",children:[t("div",{className:"zui:text-gray-900 zui:text-sm",children:i.children}),i.label&&t("div",{className:"zui:text-xs zui:text-gray-500 zui:mt-1",children:i.label})]}):i.secondary}),t("div",{className:"zui:absolute zui:left-1/2 -zui:translate-x-1/2 zui:mt-1.5",children:y(i)})]},i.key||e)}(i,e,e===p.length-1)}),d&&u("div",{className:"zui:relative zui:flex zui:items-start zui:min-h-[32px] zui:pt-2",children:[t("div",{className:"zui:relative zui:flex zui:items-center zui:justify-center zui:w-3 zui:h-3 zui:mt-1.5 zui:mr-4",children:c||t("div",{className:"zui:w-3 zui:h-3 zui:rounded-full zui:border-2 zui:border-gray-300 zui:bg-white zui:shadow-sm",children:t("div",{className:"zui:w-full zui:h-full zui:rounded-full zui:bg-gray-300 zui:animate-pulse"})})}),t("div",{className:"zui:flex-1 zui:text-gray-500 zui:text-sm",children:"boolean"==typeof d?"Loading...":d})]})]})};export{r as Timeline,r as default};
+import{a as i,b as e}from"../../chunks/tslib.es6-49e5b83c.esm.js";import{jsxs as u,jsx as l}from"react/jsx-runtime";import t from"react";var r=function(r){var a=r.items,z=void 0===a?[]:a,s=r.children,n=r.pending,d=void 0!==n&&n,c=r.pendingDot,o=r.reverse,m=void 0!==o&&o,h=r.mode,g=void 0===h?"left":h,v=r.className,b=void 0===v?"":v,f=r.style,y=r.linePosition,p=void 0===y?50:y,x=[];z&&z.length>0?x=z:s&&(x=t.Children.map(s,function(e,u){return t.isValidElement(e)&&e.type===TimelineItem?i({key:e.key||u},e.props):{key:u,children:e}})||[]),m&&(x=e([],x,!0).reverse());var N=function(i,e){var u={blue:"zui:bg-blue-500",green:"zui:bg-green-500",red:"zui:bg-red-500",gray:"zui:bg-gray-400",grey:"zui:bg-gray-400",yellow:"zui:bg-yellow-500",orange:"zui:bg-orange-500",purple:"zui:bg-purple-500",pink:"zui:bg-pink-500",cyan:"zui:bg-cyan-500"}[i.color]||"zui:bg-blue-500";return i.dot?l("div",{className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:p-0.5",children:i.dot}):l("div",{className:"zui:w-3 zui:h-3 zui:rounded-full zui:border-2 zui:border-white zui:shadow-sm ".concat(u)})};return u("div",{className:"zui:timeline ".concat(b),style:f,children:[x.map(function(i,e){return function(i,e,t){var r="right"===g||"alternate"===g&&e%2!=0,a=i.position||(r?"right":"left");return u("div",{className:"zui:relative zui:flex zui:min-h-[32px] ".concat(t?"":"zui:pb-8"),children:[l("div",{className:"zui:relative zui:pr-6",style:{width:"".concat(p,"%")},children:"left"===a?u("div",{className:"zui:text-left",children:[l("div",{className:"zui:text-gray-900 zui:text-sm",children:i.children}),i.label&&l("div",{className:"zui:text-xs zui:text-gray-500 zui:mt-1",children:i.label})]}):i.secondary}),l("div",{className:"zui:relative zui:pl-6",style:{width:"".concat(100-p,"%")},children:"right"===a?u("div",{className:"zui:text-left",children:[l("div",{className:"zui:text-gray-900 zui:text-sm",children:i.children}),i.label&&l("div",{className:"zui:text-xs zui:text-gray-500 zui:mt-1",children:i.label})]}):i.secondary}),u("div",{className:"zui:absolute zui:flex zui:flex-col zui:items-center zui:pt-1 zui:h-full",style:{left:"".concat(p,"%"),transform:"translateX(-50%)"},children:[l("div",{className:"zui:z-10",children:N?N(i):l("div",{className:"zui:w-3 zui:h-3 zui-rounded-full zui-bg-gray-400"})}),!t&&l("div",{className:"zui:absolute zui:top-6 zui:bottom-0 zui:w-[1px] zui:bg-gray-300 zui:z-20 zui:min-h-[30px]"})]})]},i.key||e)}(i,e,e===x.length-1)}),d&&u("div",{className:"zui:relative zui:flex zui:items-start zui:min-h-[32px] zui:pt-2",children:[l("div",{className:"zui:relative zui:flex zui:items-center zui:justify-center zui:w-3 zui:h-3 zui:mt-1.5 zui:mr-4",children:c||l("div",{className:"zui:w-3 zui:h-3 zui:rounded-full zui:border-2 zui:border-gray-300 zui:bg-white zui:shadow-sm",children:l("div",{className:"zui:w-full zui:h-full zui:rounded-full zui:bg-gray-300 zui:animate-pulse"})})}),l("div",{className:"zui:flex-1 zui:text-gray-500 zui:text-sm",children:"boolean"==typeof d?"Loading...":d})]})]})};export{r as Timeline,r as default};

package/dist/components/Timeline/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-fa3b2784.js"),i=require("react/jsx-runtime"),u=require("react"),r=function(r){var s=r.items,t=void 0===s?[]:s,l=r.children,a=r.pending,z=void 0!==a&&a,n=r.pendingDot,d=r.reverse,c=void 0!==d&&d,o=r.mode,m=void 0===o?"left":o,x=r.className,g=void 0===x?"":x,h=r.style,v=[];t&&t.length>0?v=t:l&&(v=u.Children.map(l,function(i,r){return u.isValidElement(i)&&i.type===TimelineItem?e.__assign({key:i.key||r},i.props):{key:r,children:i}})||[]),c&&(v=e.__spreadArray([],v,!0).reverse());var b=function(e,u){var r={blue:"zui:bg-blue-500",green:"zui:bg-green-500",red:"zui:bg-red-500",gray:"zui:bg-gray-400",grey:"zui:bg-gray-400",yellow:"zui:bg-yellow-500",orange:"zui:bg-orange-500",purple:"zui:bg-purple-500",pink:"zui:bg-pink-500",cyan:"zui:bg-cyan-500"}[e.color]||"zui:bg-blue-500";return e.dot?i.jsx("div",{className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:p-0.5",children:e.dot}):i.jsx("div",{className:"zui:w-3 zui:h-3 zui:rounded-full zui:border-2 zui:border-white zui:shadow-sm ".concat(r)})};return i.jsxs("div",{className:"zui:timeline ".concat(g),style:h,children:[v.map(function(e,u){return function(e,u,r){var s="right"===m||"alternate"===m&&u%2!=0,t=e.position||(s?"right":"left");return i.jsxs("div",{className:"zui:relative zui:grid zui:grid-cols-2 zui:gap-8 zui:min-h-[32px] ".concat(r?"":"zui:pb-8"),children:[!r&&i.jsx("div",{className:"zui:absolute zui:left-1/2 zui:top-6 zui:bottom-0 zui:w-px zui:bg-gray-300"}),i.jsx("div",{className:"zui:relative zui:flex zui:justify-end zui:pr-6",children:"left"===t?i.jsxs("div",{className:"zui:text-left",children:[i.jsx("div",{className:"zui:text-gray-900 zui:text-sm",children:e.children}),e.label&&i.jsx("div",{className:"zui:text-xs zui:text-gray-500 zui:mt-1",children:e.label})]}):e.secondary}),i.jsx("div",{className:"zui:relative zui:flex zui:justify-start zui:pl-6",children:"right"===t?i.jsxs("div",{className:"zui:text-left",children:[i.jsx("div",{className:"zui:text-gray-900 zui:text-sm",children:e.children}),e.label&&i.jsx("div",{className:"zui:text-xs zui:text-gray-500 zui:mt-1",children:e.label})]}):e.secondary}),i.jsx("div",{className:"zui:absolute zui:left-1/2 -zui:translate-x-1/2 zui:mt-1.5",children:b(e)})]},e.key||u)}(e,u,u===v.length-1)}),z&&i.jsxs("div",{className:"zui:relative zui:flex zui:items-start zui:min-h-[32px] zui:pt-2",children:[i.jsx("div",{className:"zui:relative zui:flex zui:items-center zui:justify-center zui:w-3 zui:h-3 zui:mt-1.5 zui:mr-4",children:n||i.jsx("div",{className:"zui:w-3 zui:h-3 zui:rounded-full zui:border-2 zui:border-gray-300 zui:bg-white zui:shadow-sm",children:i.jsx("div",{className:"zui:w-full zui:h-full zui:rounded-full zui:bg-gray-300 zui:animate-pulse"})})}),i.jsx("div",{className:"zui:flex-1 zui:text-gray-500 zui:text-sm",children:"boolean"==typeof z?"Loading...":z})]})]})};exports.Timeline=r,exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-fa3b2784.js"),i=require("react/jsx-runtime"),u=require("react"),s=function(s){var l=s.items,t=void 0===l?[]:l,r=s.children,a=s.pending,z=void 0!==a&&a,n=s.pendingDot,d=s.reverse,c=void 0!==d&&d,o=s.mode,m=void 0===o?"left":o,x=s.className,h=void 0===x?"":x,g=s.style,v=s.linePosition,y=void 0===v?50:v,b=[];t&&t.length>0?b=t:r&&(b=u.Children.map(r,function(i,s){return u.isValidElement(i)&&i.type===TimelineItem?e.__assign({key:i.key||s},i.props):{key:s,children:i}})||[]),c&&(b=e.__spreadArray([],b,!0).reverse());var p=function(e,u){var s={blue:"zui:bg-blue-500",green:"zui:bg-green-500",red:"zui:bg-red-500",gray:"zui:bg-gray-400",grey:"zui:bg-gray-400",yellow:"zui:bg-yellow-500",orange:"zui:bg-orange-500",purple:"zui:bg-purple-500",pink:"zui:bg-pink-500",cyan:"zui:bg-cyan-500"}[e.color]||"zui:bg-blue-500";return e.dot?i.jsx("div",{className:"zui:flex zui:items-center zui:justify-center zui:w-6 zui:h-6 zui:p-0.5",children:e.dot}):i.jsx("div",{className:"zui:w-3 zui:h-3 zui:rounded-full zui:border-2 zui:border-white zui:shadow-sm ".concat(s)})};return i.jsxs("div",{className:"zui:timeline ".concat(h),style:g,children:[b.map(function(e,u){return function(e,u,s){var l="right"===m||"alternate"===m&&u%2!=0,t=e.position||(l?"right":"left");return i.jsxs("div",{className:"zui:relative zui:flex zui:min-h-[32px] ".concat(s?"":"zui:pb-8"),children:[i.jsx("div",{className:"zui:relative zui:pr-6",style:{width:"".concat(y,"%")},children:"left"===t?i.jsxs("div",{className:"zui:text-left",children:[i.jsx("div",{className:"zui:text-gray-900 zui:text-sm",children:e.children}),e.label&&i.jsx("div",{className:"zui:text-xs zui:text-gray-500 zui:mt-1",children:e.label})]}):e.secondary}),i.jsx("div",{className:"zui:relative zui:pl-6",style:{width:"".concat(100-y,"%")},children:"right"===t?i.jsxs("div",{className:"zui:text-left",children:[i.jsx("div",{className:"zui:text-gray-900 zui:text-sm",children:e.children}),e.label&&i.jsx("div",{className:"zui:text-xs zui:text-gray-500 zui:mt-1",children:e.label})]}):e.secondary}),i.jsxs("div",{className:"zui:absolute zui:flex zui:flex-col zui:items-center zui:pt-1 zui:h-full",style:{left:"".concat(y,"%"),transform:"translateX(-50%)"},children:[i.jsx("div",{className:"zui:z-10",children:p?p(e):i.jsx("div",{className:"zui:w-3 zui:h-3 zui-rounded-full zui-bg-gray-400"})}),!s&&i.jsx("div",{className:"zui:absolute zui:top-6 zui:bottom-0 zui:w-[1px] zui:bg-gray-300 zui:z-20 zui:min-h-[30px]"})]})]},e.key||u)}(e,u,u===b.length-1)}),z&&i.jsxs("div",{className:"zui:relative zui:flex zui:items-start zui:min-h-[32px] zui:pt-2",children:[i.jsx("div",{className:"zui:relative zui:flex zui:items-center zui:justify-center zui:w-3 zui:h-3 zui:mt-1.5 zui:mr-4",children:n||i.jsx("div",{className:"zui:w-3 zui:h-3 zui:rounded-full zui:border-2 zui:border-gray-300 zui:bg-white zui:shadow-sm",children:i.jsx("div",{className:"zui:w-full zui:h-full zui:rounded-full zui:bg-gray-300 zui:animate-pulse"})})}),i.jsx("div",{className:"zui:flex-1 zui:text-gray-500 zui:text-sm",children:"boolean"==typeof z?"Loading...":z})]})]})};exports.Timeline=s,exports.default=s;

package/dist/index.d.ts

@@ -740,6 +740,7 @@ interface TimelineProps {
     mode?: 'left' | 'right' | 'alternate';
     className?: string;
     style?: CSSProperties;
+    linePosition?: number;
 }
 declare const Timeline: React__default.FC<TimelineProps>;
 

package/dist/index.esm.js

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

package/dist/index.js

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

package/package.json

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