@zimyo/ui 1.12.1 → 1.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DataTable/index.esm.js +1 -1
- package/dist/components/DataTable/index.js +1 -1
- package/dist/components/Modal/index.esm.js +1 -1
- package/dist/components/Modal/index.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/assets/noData-301bc56d84fa99a6.gif +0 -0
|
@@ -20,4 +20,4 @@ function h(e,t){return"function"==typeof e?e(t):e}function w(e,t){return n=>{t.s
|
|
|
20
20
|
*
|
|
21
21
|
* @license MIT
|
|
22
22
|
*/
|
|
23
|
-
function ue(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 se(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ge=function(e){var t=e.isExpanded,l=e.onToggle;return n("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(),l()},"aria-label":t?"Collapse row":"Expand row",children:n(f,{className:se("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",t&&"zui:rotate-90")})})},de=function(e){var t=e.isExpanded,l=e.children,o=e.colSpan;return n("tr",{style:{display:t?"table-row":"none"},children:n("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:o,children:n("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:l})})})};function ce(h){var w=h.columns,b=h.data,z=h.virtualized,C=void 0===z?{}:z,R=h.serverMode,x=void 0!==R&&R,F=h.pagination,M=void 0===F?{}:F,I=h.selection,P=void 0===I?{}:I,V=h.expansion,_=void 0===V?{}:V,E=h.sorting,A=void 0===E?{}:E,G=h.loading,L=void 0===G?{}:G,D=h.styling,H=void 0===D?{}:D,N=M.enabled,O=void 0===N||N,k=M.totalCount,B=M.currentPage,T=M.pageSize,j=M.pageSizeOptions,q=void 0===j?[10,25,50,100]:j,U=M.initialPageSize,$=void 0===U?10:U,X=M.onPageChange,K=M.onPageSizeChange,W=M.showInfo,J=void 0===W||W,Q=M.showPageSizeSelector,Y=void 0===Q||Q;M.showGoToPage;var Z=P.enabled,ee=void 0!==Z&&Z,te=P.rowIdAccessor,ne=P.onBulkAction,le=P.bulkActions,oe=void 0===le?[]:le,ie=P.selectionText,ce=void 0===ie?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:ie,pe=_.enabled,fe=void 0!==pe&&pe,me=_.renderExpanded,he=C.enabled,we=void 0!==he&&he,be=C.tableHeight,ve=void 0===be?550:be,Se=A.enabled,ze=void 0!==Se&&Se,Ce=A.initialSorting,Re=void 0===Ce?[]:Ce,xe=A.onSort,ye=L.loading,Fe=void 0!==ye&&ye,Me=L.fetched,Ie=void 0===Me||Me,Pe=L.loadingRows,Ve=L.emptyMessage,_e=void 0===Ve?"No data found":Ve,Ee=H.className;H.showColumnBorders;var Ae=H.showRowBorders,Ge=void 0===Ae||Ae,Le=H.stickyHeader,De=void 0===Le||Le,He=H.pinLeft,Ne=void 0===He?0:He,Oe=H.pinRight,ke=void 0===Oe?0:Oe,Be=i.useState(Re),Te=Be[0],je=Be[1],qe=i.useState({pageIndex:null!=B?B:0,pageSize:null!=T?T:$}),Ue=qe[0],$e=qe[1],Xe=i.useState({}),Ke=Xe[0],We=Xe[1],Je=i.useState({}),Qe=Je[0],Ye=Je[1];i.useEffect(function(){!O||"number"!=typeof B&&"number"!=typeof T||$e(function(e){return{pageIndex:null!=B?B:e.pageIndex,pageSize:null!=T?T:e.pageSize}})},[B,T,O]);var Ze=i.useCallback(function(e,t){return te?te(e):String(t)},[te]),et=i.useMemo(function(){var e=[];return fe&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var t=e.row;return n(ge,{isExpanded:t.getIsExpanded(),onToggle:function(){return t.toggleExpanded()}})}}),ee&&e.push({id:"__select__",header:function(e){var t=e.table,l=t.getIsAllPageRowsSelected(),o=t.getIsSomePageRowsSelected();return n("div",{className:"zui:flex zui:items-center zui:justify-center",children:n(r,{size:"sm","aria-label":"Select all rows",checked:l,indeterminate:o&&!l,onChange:function(e){return t.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var t=e.row;return n("div",{className:"zui:flex zui:items-center zui:justify-center",children:n(r,{size:"sm","aria-label":"Select row",checked:t.getIsSelected(),onChange:function(e){e.stopPropagation(),t.toggleSelected(e.target.checked)}})})},enableSorting:!1,enableHiding:!1,size:40}),e},[fe,ee]),tt=i.useMemo(function(){return w.filter(function(e){return!1!==e.enableHiding})},[w]),nt=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=o.useState(()=>({current:re(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:b,columns:i.useMemo(function(){return e(e([],et,!0),tt,!0)},[et,tt]),getRowId:Ze,defaultColumn:{enableSorting:!1},state:{sorting:ze?Te:[],rowSelection:ee?Ke:{},expanded:fe?Qe:{},pagination:O?Ue:{pageIndex:0,pageSize:b.length||1e3}},enableSorting:ze,onSortingChange:ze?function(e){var t="function"==typeof e?e(Te):e;je(t),xe&&xe(t)}:void 0,enableRowSelection:ee,onRowSelectionChange:ee?We:void 0,onExpandedChange:fe?Ye:void 0,onPaginationChange:O?function(e){var t="function"==typeof e?e(Ue):e;$e(t),X&&X(t.pageIndex,t.pageSize),K&&t.pageSize!==Ue.pageSize&&K(t.pageSize)}:void 0,manualPagination:x&&O,manualSorting:x&&ze,pageCount:x&&O&&"number"==typeof k?Math.max(1,Math.ceil(k/Ue.pageSize)):void 0,getCoreRowModel:e=>v(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},l=function(t,o,i){void 0===o&&(o=0);const r=[];for(let u=0;u<t.length;u++){const s=y(e,e._getRowId(t[u],u,i),t[u],u,o,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=l(s.originalSubRows,o+1,s)))}return r};return n.rows=l(t),n},S(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!x&&ze?e=>v(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const l=e.getState().sorting,o=[],i=l.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 l=0;l<i.length;l+=1){var n;const o=i[l],a=r[o.id],u=a.sortUndefined,s=null!=(n=null==o?void 0:o.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(o.id),l=void 0===t.getValue(o.id);if(n||l){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&l?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,o.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;o.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:o,rowsById:n.rowsById}},S(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!x&&O?e=>v(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:l,pageIndex:o}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=l*o,s=u+l;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:ae({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},S(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:fe?e=>v(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?ae(t):t,S(e.options,"debugTable","getExpandedRowModel")):void 0}),lt=nt.getVisibleLeafColumns(),ot=i.useMemo(function(){return nt.getSelectedRowModel().rows.map(function(e){return e.id})},[Ke,nt]),it=null!=Pe?Pe:O?Ue.pageSize:10,rt=function(e){return nt.getRowModel().rows[e].getIsExpanded()?80:48},at=function(e){for(var t,n=0,l=0;l<e;l++)n+=(null===(t=lt[l])||void 0===t?void 0:t.getSize())||150;return n},ut=function(e){for(var t,n=0,l=e+1;l<lt.length;l++)n+=(null===(t=lt[l])||void 0===t?void 0:t.getSize())||150;return n},st=O?x&&"number"==typeof k?Math.max(1,Math.ceil(k/Ue.pageSize)):nt.getPageCount():1,gt=O?Ue.pageIndex*Ue.pageSize+1:1,dt=O?Math.min((Ue.pageIndex+1)*Ue.pageSize,x?k||0:b.length):b.length,ct=x?k||0:b.length;return l("div",{className:se("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",Ee),children:[ee&&ot.length>0&&n("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:l("div",{className:"zui:flex zui:items-center zui:justify-between",children:[n("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:ce(ot.length)}),l("div",{className:"zui:flex zui:items-center zui:gap-2",children:[oe.map(function(e){return l("button",{onClick:function(t){t.stopPropagation(),function(e,t){if(ne){var n=nt.getSelectedRowModel().rows.map(function(e){return Ze(e.original,Number(e.id))});ne(t,n,e)}}(e.key,t)},className:se("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:[n(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),n("button",{onClick:function(){We({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),n("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:n("div",{className:"zui:h-full zui:overflow-auto",children:l("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[n("thead",{children:nt.getHeaderGroups().map(function(e){return n("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,t){var o=ze&&!1!==e.column.columnDef.enableSorting,i=e.column.getIsSorted(),r=t<Ne,a=t>=lt.length-ke,u=Ne>0&&t===Ne-1,c=ke>0&&t===lt.length-ke;return n("th",{className:se("zui:px-3 zui:py-2.5 zui:text-left zui:text-xs zui:font-medium zui:text-black zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",De&&"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',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',o&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(at(t),"px"):void 0,right:a?"".concat(ut(t),"px"):void 0,minWidth:e.getSize()},onClick:o?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:l("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[n("span",{className:"zui:flex-1",children:ue(e.column.columnDef.header,e.getContext())}),o&&l("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&n(s,{className:"zui:h-4 zui:w-4"}),"desc"===i&&n(g,{className:"zui:h-4 zui:w-4"}),!i&&n(d,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),n("tbody",{className:"zui:divide-y zui:divide-gray-200",children:Fe?Array.from({length:it}).map(function(e,t){return n("tr",{children:lt.map(function(e,l){var o=l<Ne,i=l>=lt.length-ke;return n("td",{className:se("zui:px-4 zui:py-3 zui:bg-white",Ge&&"zui:border-b zui:border-gray-200",o&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:o?"".concat(at(l),"px"):void 0,right:i?"".concat(ut(l),"px"):void 0},children:n("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(t,"-").concat(l))})},"skeleton-".concat(t))}):0===nt.getRowModel().rows.length?Fe||!Ie?null:n("tr",{children:n("td",{className:se("zui:py-12 zui:text-center zui:text-black zui:bg-white",Ge&&"zui:border-b zui:border-gray-200"),colSpan:lt.length,children:n("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:l("div",{children:[n("img",{src:"assets/noData-301bc56d84fa99a6.gif",height:60,width:180}),n("p",{className:"zui:text-sm zui:text-gray-500 zui:mt-2",children:_e})]})})})}):we?n("tr",{className:se("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150"),children:n("td",{colSpan:w.length,className:"p-0",children:n("div",{style:{width:"100%",height:ve},children:n(a,{disableWidth:!1,children:function(e){var o=e.height,i=e.width;return n(u,{height:o,width:i,itemCount:nt.getRowModel().rows.length,itemSize:rt,children:function(e){var o=e.index,i=e.style,r=nt.getRowModel().rows[o];return l("div",{style:t(t({},i),{display:"table",tableLayout:"fixed",width:"100%"}),className:"zui:w-full zui:table-fixed hover:zui:bg-gray-50 zui:transition-colors",children:[n("div",{className:"zui:table-row",style:{display:"table-row"},children:r.getVisibleCells().map(function(e,t){var l=t<Ne,o=t>=r.getVisibleCells().length-ke,i=Ne>0&&t===Ne-1,a=ke>0&&t===lt.length-ke;return n("div",{className:se("zui:table-cell zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",Ge&&"zui:border-b zui:border-gray-200",r.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",o&&"zui:sticky zui:z-10 zui:bg-white",i&&'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(at(t),"px"):void 0,right:o?"".concat(ut(t),"px"):void 0,width:e.column.getSize()},children:ue(e.column.columnDef.cell,e.getContext())},e.id)})}),me&&n("div",{style:{display:"table-row"},className:"zui:table-row",children:n("div",{className:"zui:table-cell",style:{display:"table-cell",width:"100%"},colSpan:r.getVisibleCells().length,children:n(de,{isExpanded:r.getIsExpanded(),colSpan:r.getVisibleCells().length,children:me(r.original)})})})]},r.id)}})}})})})}):nt.getRowModel().rows.map(function(e){return l(i.Fragment,{children:[n("tr",{className:se("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(t,l){var o=l<Ne,i=l>=e.getVisibleCells().length-ke,r=Ne>0&&l===Ne-1,a=ke>0&&l===lt.length-ke;return n("td",{className:se("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",Ge&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",o&&"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:o?"".concat(at(l),"px"):void 0,right:i?"".concat(ut(l),"px"):void 0,minWidth:t.column.getSize()},children:ue(t.column.columnDef.cell,t.getContext())},t.id)})}),me&&n(de,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:me(e.original)})]},e.id)})})]})})}),O&&n("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:l("div",{className:"zui:flex zui:items-center zui:justify-between",children:[J&&n("div",{className:"zui:text-sm zui:text-gray-700",children:l("span",{children:[gt,"–",dt," of ",ct]})}),l("div",{className:"zui:flex zui:items-center zui:gap-2",children:[Y&&n("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:Ue.pageSize,onChange:function(e){return nt.setPageSize(Number(e.target.value))},children:q.map(function(e){return l("option",{value:e,children:[e," rows"]},e)})}),l("div",{className:"zui:flex zui:items-center zui:gap-1",children:[n("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 nt.setPageIndex(0)},disabled:!nt.getCanPreviousPage(),children:n(c,{className:"zui:h-4 zui:w-4"})}),n("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 nt.previousPage()},disabled:!nt.getCanPreviousPage(),children:n(p,{className:"zui:h-4 zui:w-4"})}),l("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[Ue.pageIndex+1," of ",st]}),n("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 nt.nextPage()},disabled:!nt.getCanNextPage(),children:n(f,{className:"zui:h-4 zui:w-4"})}),n("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 nt.setPageIndex(st-1)},disabled:!nt.getCanNextPage(),children:n(m,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}export{ce as DataTable,ce as default};
|
|
23
|
+
function ue(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 se(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ge=function(e){var t=e.isExpanded,l=e.onToggle;return n("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(),l()},"aria-label":t?"Collapse row":"Expand row",children:n(f,{className:se("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",t&&"zui:rotate-90")})})},de=function(e){var t=e.isExpanded,l=e.children,o=e.colSpan;return n("tr",{style:{display:t?"table-row":"none"},children:n("td",{className:"zui:bg-gray-50 zui:px-4 zui:py-6 zui:border-b zui:border-gray-200",colSpan:o,children:n("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:l})})})};function ce(h){var w=h.columns,b=h.data,z=h.virtualized,C=void 0===z?{}:z,R=h.serverMode,x=void 0!==R&&R,F=h.pagination,M=void 0===F?{}:F,I=h.selection,P=void 0===I?{}:I,V=h.expansion,_=void 0===V?{}:V,E=h.sorting,A=void 0===E?{}:E,G=h.loading,L=void 0===G?{}:G,D=h.styling,H=void 0===D?{}:D,N=M.enabled,O=void 0===N||N,k=M.totalCount,B=M.currentPage,T=M.pageSize,j=M.pageSizeOptions,q=void 0===j?[10,25,50,100]:j,U=M.initialPageSize,$=void 0===U?10:U,X=M.onPageChange,K=M.onPageSizeChange,W=M.showInfo,J=void 0===W||W,Q=M.showPageSizeSelector,Y=void 0===Q||Q;M.showGoToPage;var Z=P.enabled,ee=void 0!==Z&&Z,te=P.rowIdAccessor,ne=P.onBulkAction,le=P.bulkActions,oe=void 0===le?[]:le,ie=P.selectionText,ce=void 0===ie?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:ie,pe=_.enabled,fe=void 0!==pe&&pe,me=_.renderExpanded,he=C.enabled,we=void 0!==he&&he,be=C.tableHeight,ve=void 0===be?550:be,Se=A.enabled,ze=void 0!==Se&&Se,Ce=A.initialSorting,Re=void 0===Ce?[]:Ce,xe=A.onSort,ye=L.loading,Fe=void 0!==ye&&ye,Me=L.fetched,Ie=void 0===Me||Me,Pe=L.loadingRows,Ve=L.emptyMessage,_e=void 0===Ve?"No data found":Ve,Ee=H.className;H.showColumnBorders;var Ae=H.showRowBorders,Ge=void 0===Ae||Ae,Le=H.stickyHeader,De=void 0===Le||Le,He=H.pinLeft,Ne=void 0===He?0:He,Oe=H.pinRight,ke=void 0===Oe?0:Oe,Be=i.useState(Re),Te=Be[0],je=Be[1],qe=i.useState({pageIndex:null!=B?B:0,pageSize:null!=T?T:$}),Ue=qe[0],$e=qe[1],Xe=i.useState({}),Ke=Xe[0],We=Xe[1],Je=i.useState({}),Qe=Je[0],Ye=Je[1];i.useEffect(function(){!O||"number"!=typeof B&&"number"!=typeof T||$e(function(e){return{pageIndex:null!=B?B:e.pageIndex,pageSize:null!=T?T:e.pageSize}})},[B,T,O]);var Ze=i.useCallback(function(e,t){return te?te(e):String(t)},[te]),et=i.useMemo(function(){var e=[];return fe&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var t=e.row;return n(ge,{isExpanded:t.getIsExpanded(),onToggle:function(){return t.toggleExpanded()}})}}),ee&&e.push({id:"__select__",header:function(e){var t=e.table,l=t.getIsAllPageRowsSelected(),o=t.getIsSomePageRowsSelected();return n("div",{className:"zui:flex zui:items-center zui:justify-center",children:n(r,{size:"sm","aria-label":"Select all rows",checked:l,indeterminate:o&&!l,onChange:function(e){return t.toggleAllPageRowsSelected(e.target.checked)}})})},cell:function(e){var t=e.row;return n("div",{className:"zui:flex zui:items-center zui:justify-center",children:n(r,{size:"sm","aria-label":"Select row",checked:t.getIsSelected(),onChange:function(e){e.stopPropagation(),t.toggleSelected(e.target.checked)}})})},enableSorting:!1,enableHiding:!1,size:40}),e},[fe,ee]),tt=i.useMemo(function(){return w.filter(function(e){return!1!==e.enableHiding})},[w]),nt=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=o.useState(()=>({current:re(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:b,columns:i.useMemo(function(){return e(e([],et,!0),tt,!0)},[et,tt]),getRowId:Ze,defaultColumn:{enableSorting:!1},state:{sorting:ze?Te:[],rowSelection:ee?Ke:{},expanded:fe?Qe:{},pagination:O?Ue:{pageIndex:0,pageSize:b.length||1e3}},enableSorting:ze,onSortingChange:ze?function(e){var t="function"==typeof e?e(Te):e;je(t),xe&&xe(t)}:void 0,enableRowSelection:ee,onRowSelectionChange:ee?We:void 0,onExpandedChange:fe?Ye:void 0,onPaginationChange:O?function(e){var t="function"==typeof e?e(Ue):e;$e(t),X&&X(t.pageIndex,t.pageSize),K&&t.pageSize!==Ue.pageSize&&K(t.pageSize)}:void 0,manualPagination:x&&O,manualSorting:x&&ze,pageCount:x&&O&&"number"==typeof k?Math.max(1,Math.ceil(k/Ue.pageSize)):void 0,getCoreRowModel:e=>v(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},l=function(t,o,i){void 0===o&&(o=0);const r=[];for(let u=0;u<t.length;u++){const s=y(e,e._getRowId(t[u],u,i),t[u],u,o,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=l(s.originalSubRows,o+1,s)))}return r};return n.rows=l(t),n},S(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!x&&ze?e=>v(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const l=e.getState().sorting,o=[],i=l.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 l=0;l<i.length;l+=1){var n;const o=i[l],a=r[o.id],u=a.sortUndefined,s=null!=(n=null==o?void 0:o.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(o.id),l=void 0===t.getValue(o.id);if(n||l){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&l?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,o.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;o.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:o,rowsById:n.rowsById}},S(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!x&&O?e=>v(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:l,pageIndex:o}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=l*o,s=u+l;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:ae({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},S(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:fe?e=>v(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?ae(t):t,S(e.options,"debugTable","getExpandedRowModel")):void 0}),lt=nt.getVisibleLeafColumns(),ot=i.useMemo(function(){return nt.getSelectedRowModel().rows.map(function(e){return e.id})},[Ke,nt]),it=null!=Pe?Pe:O?Ue.pageSize:10,rt=function(e){return nt.getRowModel().rows[e].getIsExpanded()?80:48},at=function(e){for(var t,n=0,l=0;l<e;l++)n+=(null===(t=lt[l])||void 0===t?void 0:t.getSize())||150;return n},ut=function(e){for(var t,n=0,l=e+1;l<lt.length;l++)n+=(null===(t=lt[l])||void 0===t?void 0:t.getSize())||150;return n},st=O?x&&"number"==typeof k?Math.max(1,Math.ceil(k/Ue.pageSize)):nt.getPageCount():1,gt=O?Ue.pageIndex*Ue.pageSize+1:1,dt=O?Math.min((Ue.pageIndex+1)*Ue.pageSize,x?k||0:b.length):b.length,ct=x?k||0:b.length;return l("div",{className:se("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",Ee),children:[ee&&ot.length>0&&n("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:l("div",{className:"zui:flex zui:items-center zui:justify-between",children:[n("span",{className:"zui:text-sm zui:text-blue-800 zui:font-medium",children:ce(ot.length)}),l("div",{className:"zui:flex zui:items-center zui:gap-2",children:[oe.map(function(e){return l("button",{onClick:function(t){t.stopPropagation(),function(e,t){if(ne){var n=nt.getSelectedRowModel().rows.map(function(e){return Ze(e.original,Number(e.id))});ne(t,n,e)}}(e.key,t)},className:se("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:[n(e.icon,{className:"zui:h-4 zui:w-4 zui:mr-1"}),e.label]},e.key)}),n("button",{onClick:function(){We({})},className:"zui:text-sm zui:text-blue-600 hover:zui:text-blue-800 zui:font-medium",children:"Clear"})]})]})}),n("div",{className:"zui:flex-1 zui:overflow-hidden zui:relative",children:n("div",{className:"zui:h-full zui:overflow-auto",children:l("table",{className:"zui:w-full zui:text-sm zui:border-collapse",children:[n("thead",{children:nt.getHeaderGroups().map(function(e){return n("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,t){var o=ze&&!1!==e.column.columnDef.enableSorting,i=e.column.getIsSorted(),r=t<Ne,a=t>=lt.length-ke,u=Ne>0&&t===Ne-1,c=ke>0&&t===lt.length-ke;return n("th",{className:se("zui:px-3 zui:py-2.5 zui:text-left zui:text-xs zui:font-medium zui:text-black zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",De&&"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',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',o&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(at(t),"px"):void 0,right:a?"".concat(ut(t),"px"):void 0,minWidth:e.getSize()},onClick:o?e.column.getToggleSortingHandler():void 0,children:e.isPlaceholder?null:l("div",{className:"zui:flex zui:items-center zui:justify-between zui:gap-2",children:[n("span",{className:"zui:flex-1",children:ue(e.column.columnDef.header,e.getContext())}),o&&l("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===i&&n(s,{className:"zui:h-4 zui:w-4"}),"desc"===i&&n(g,{className:"zui:h-4 zui:w-4"}),!i&&n(d,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),n("tbody",{className:"zui:divide-y zui:divide-gray-200",children:Fe?Array.from({length:it}).map(function(e,t){return n("tr",{children:lt.map(function(e,l){var o=l<Ne,i=l>=lt.length-ke;return n("td",{className:se("zui:px-4 zui:py-3 zui:bg-white",Ge&&"zui:border-b zui:border-gray-200",o&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:o?"".concat(at(l),"px"):void 0,right:i?"".concat(ut(l),"px"):void 0},children:n("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(t,"-").concat(l))})},"skeleton-".concat(t))}):0===nt.getRowModel().rows.length?Fe||!Ie?null:n("tr",{children:n("td",{className:se("zui:py-12 zui:text-center zui:text-black zui:bg-white",Ge&&"zui:border-b zui:border-gray-200"),colSpan:lt.length,children:n("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:l("div",{children:[n("img",{src:"http://files.zimyo.work/staticlogo/global/no_data_found.gif",height:60,width:180}),n("p",{className:"zui:text-sm zui:text-gray-500 zui:mt-2",children:_e})]})})})}):we?n("tr",{className:se("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150"),children:n("td",{colSpan:w.length,className:"p-0",children:n("div",{style:{width:"100%",height:ve},children:n(a,{disableWidth:!1,children:function(e){var o=e.height,i=e.width;return n(u,{height:o,width:i,itemCount:nt.getRowModel().rows.length,itemSize:rt,children:function(e){var o=e.index,i=e.style,r=nt.getRowModel().rows[o];return l("div",{style:t(t({},i),{display:"table",tableLayout:"fixed",width:"100%"}),className:"zui:w-full zui:table-fixed hover:zui:bg-gray-50 zui:transition-colors",children:[n("div",{className:"zui:table-row",style:{display:"table-row"},children:r.getVisibleCells().map(function(e,t){var l=t<Ne,o=t>=r.getVisibleCells().length-ke,i=Ne>0&&t===Ne-1,a=ke>0&&t===lt.length-ke;return n("div",{className:se("zui:table-cell zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",Ge&&"zui:border-b zui:border-gray-200",r.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",o&&"zui:sticky zui:z-10 zui:bg-white",i&&'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(at(t),"px"):void 0,right:o?"".concat(ut(t),"px"):void 0,width:e.column.getSize()},children:ue(e.column.columnDef.cell,e.getContext())},e.id)})}),me&&n("div",{style:{display:"table-row"},className:"zui:table-row",children:n("div",{className:"zui:table-cell",style:{display:"table-cell",width:"100%"},colSpan:r.getVisibleCells().length,children:n(de,{isExpanded:r.getIsExpanded(),colSpan:r.getVisibleCells().length,children:me(r.original)})})})]},r.id)}})}})})})}):nt.getRowModel().rows.map(function(e){return l(i.Fragment,{children:[n("tr",{className:se("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(t,l){var o=l<Ne,i=l>=e.getVisibleCells().length-ke,r=Ne>0&&l===Ne-1,a=ke>0&&l===lt.length-ke;return n("td",{className:se("zui:px-4 zui:py-3 zui:text-sm zui:align-middle zui:transition-colors zui:duration-150","zui:text-gray-900",Ge&&"zui:border-b zui:border-gray-200",e.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",o&&"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:o?"".concat(at(l),"px"):void 0,right:i?"".concat(ut(l),"px"):void 0,minWidth:t.column.getSize()},children:ue(t.column.columnDef.cell,t.getContext())},t.id)})}),me&&n(de,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:me(e.original)})]},e.id)})})]})})}),O&&n("div",{className:"zui:bg-white zui:px-4 zui:py-3 zui:border-t zui:border-gray-200",children:l("div",{className:"zui:flex zui:items-center zui:justify-between",children:[J&&n("div",{className:"zui:text-sm zui:text-gray-700",children:l("span",{children:[gt,"–",dt," of ",ct]})}),l("div",{className:"zui:flex zui:items-center zui:gap-2",children:[Y&&n("select",{className:"zui:text-sm zui:border zui:border-gray-300 zui:rounded zui:px-2 zui:py-1 zui:bg-white",value:Ue.pageSize,onChange:function(e){return nt.setPageSize(Number(e.target.value))},children:q.map(function(e){return l("option",{value:e,children:[e," rows"]},e)})}),l("div",{className:"zui:flex zui:items-center zui:gap-1",children:[n("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 nt.setPageIndex(0)},disabled:!nt.getCanPreviousPage(),children:n(c,{className:"zui:h-4 zui:w-4"})}),n("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 nt.previousPage()},disabled:!nt.getCanPreviousPage(),children:n(p,{className:"zui:h-4 zui:w-4"})}),l("span",{className:"zui:px-3 zui:py-1 zui:text-sm zui:text-gray-700",children:[Ue.pageIndex+1," of ",st]}),n("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 nt.nextPage()},disabled:!nt.getCanNextPage(),children:n(f,{className:"zui:h-4 zui:w-4"})}),n("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 nt.setPageIndex(st-1)},disabled:!nt.getCanNextPage(),children:n(m,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}export{ce as DataTable,ce as default};
|
|
@@ -19,4 +19,4 @@
|
|
|
19
19
|
*
|
|
20
20
|
* @license MIT
|
|
21
21
|
*/
|
|
22
|
-
function ee(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)?a.createElement(e,t):e:null;var n}function te(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ne=function(e){var n=e.isExpanded,l=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(),l()},"aria-label":n?"Collapse row":"Expand row",children:t.jsx(i.ChevronRight,{className:te("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},le=function(e){var n=e.isExpanded,l=e.children,o=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:o,children:t.jsx("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:l})})})};function oe(r){var u=r.columns,s=r.data,g=r.virtualized,p=void 0===g?{}:g,f=r.serverMode,m=void 0!==f&&f,h=r.pagination,w=void 0===h?{}:h,v=r.selection,S=void 0===v?{}:v,z=r.expansion,C=void 0===z?{}:z,R=r.sorting,x=void 0===R?{}:R,y=r.loading,F=void 0===y?{}:y,M=r.styling,P=void 0===M?{}:M,I=w.enabled,V=void 0===I||I,_=w.totalCount,E=w.currentPage,j=w.pageSize,A=w.pageSizeOptions,G=void 0===A?[10,25,50,100]:A,L=w.initialPageSize,D=void 0===L?10:L,H=w.onPageChange,N=w.onPageSizeChange,O=w.showInfo,k=void 0===O||O,T=w.showPageSizeSelector,B=void 0===T||T;w.showGoToPage;var q=S.enabled,U=void 0!==q&&q,$=S.rowIdAccessor,X=S.onBulkAction,K=S.bulkActions,W=void 0===K?[]:K,J=S.selectionText,Q=void 0===J?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:J,oe=C.enabled,ie=void 0!==oe&&oe,re=C.renderExpanded,ae=p.enabled,ue=void 0!==ae&&ae,se=p.tableHeight,ge=void 0===se?550:se,de=x.enabled,ce=void 0!==de&&de,pe=x.initialSorting,fe=void 0===pe?[]:pe,me=x.onSort,he=F.loading,be=void 0!==he&&he,we=F.fetched,ve=void 0===we||we,Se=F.loadingRows,ze=F.emptyMessage,Ce=void 0===ze?"No data found":ze,Re=P.className;P.showColumnBorders;var xe=P.showRowBorders,ye=void 0===xe||xe,Fe=P.stickyHeader,Me=void 0===Fe||Fe,Pe=P.pinLeft,Ie=void 0===Pe?0:Pe,Ve=P.pinRight,_e=void 0===Ve?0:Ve,Ee=n.useState(fe),je=Ee[0],Ae=Ee[1],Ge=n.useState({pageIndex:null!=E?E:0,pageSize:null!=j?j:D}),Le=Ge[0],De=Ge[1],He=n.useState({}),Ne=He[0],Oe=He[1],ke=n.useState({}),Te=ke[0],Be=ke[1];n.useEffect(function(){!V||"number"!=typeof E&&"number"!=typeof j||De(function(e){return{pageIndex:null!=E?E:e.pageIndex,pageSize:null!=j?j:e.pageSize}})},[E,j,V]);var qe=n.useCallback(function(e,t){return $?$(e):String(t)},[$]),Ue=n.useMemo(function(){var e=[];return ie&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t.jsx(ne,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),U&&e.push({id:"__select__",header:function(e){var n=e.table,o=n.getIsAllPageRowsSelected(),i=n.getIsSomePageRowsSelected();return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(l.Checkbox,{size:"sm","aria-label":"Select all rows",checked:o,indeterminate:i&&!o,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(l.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},[ie,U]),$e=n.useMemo(function(){return u.filter(function(e){return!1!==e.enableHiding})},[u]),Xe=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=a.useState(()=>({current:Y(t)})),[l,o]=a.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...l,...e.state},onStateChange:t=>{o(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:s,columns:n.useMemo(function(){return e.__spreadArray(e.__spreadArray([],Ue,!0),$e,!0)},[Ue,$e]),getRowId:qe,defaultColumn:{enableSorting:!1},state:{sorting:ce?je:[],rowSelection:U?Ne:{},expanded:ie?Te:{},pagination:V?Le:{pageIndex:0,pageSize:s.length||1e3}},enableSorting:ce,onSortingChange:ce?function(e){var t="function"==typeof e?e(je):e;Ae(t),me&&me(t)}:void 0,enableRowSelection:U,onRowSelectionChange:U?Oe:void 0,onExpandedChange:ie?Be:void 0,onPaginationChange:V?function(e){var t="function"==typeof e?e(Le):e;De(t),H&&H(t.pageIndex,t.pageSize),N&&t.pageSize!==Le.pageSize&&N(t.pageSize)}:void 0,manualPagination:m&&V,manualSorting:m&&ce,pageCount:m&&V&&"number"==typeof _?Math.max(1,Math.ceil(_/Le.pageSize)):void 0,getCoreRowModel:e=>d(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},l=function(t,o,i){void 0===o&&(o=0);const r=[];for(let u=0;u<t.length;u++){const s=b(e,e._getRowId(t[u],u,i),t[u],u,o,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=l(s.originalSubRows,o+1,s)))}return r};return n.rows=l(t),n},c(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!m&&ce?e=>d(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const l=e.getState().sorting,o=[],i=l.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 l=0;l<i.length;l+=1){var n;const o=i[l],a=r[o.id],u=a.sortUndefined,s=null!=(n=null==o?void 0:o.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(o.id),l=void 0===t.getValue(o.id);if(n||l){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&l?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,o.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;o.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:o,rowsById:n.rowsById}},c(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!m&&V?e=>d(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:l,pageIndex:o}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=l*o,s=u+l;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:Z({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},c(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:ie?e=>d(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?Z(t):t,c(e.options,"debugTable","getExpandedRowModel")):void 0}),Ke=Xe.getVisibleLeafColumns(),We=n.useMemo(function(){return Xe.getSelectedRowModel().rows.map(function(e){return e.id})},[Ne,Xe]),Je=null!=Se?Se:V?Le.pageSize:10,Qe=function(e){return Xe.getRowModel().rows[e].getIsExpanded()?80:48},Ye=function(e){for(var t,n=0,l=0;l<e;l++)n+=(null===(t=Ke[l])||void 0===t?void 0:t.getSize())||150;return n},Ze=function(e){for(var t,n=0,l=e+1;l<Ke.length;l++)n+=(null===(t=Ke[l])||void 0===t?void 0:t.getSize())||150;return n},et=V?m&&"number"==typeof _?Math.max(1,Math.ceil(_/Le.pageSize)):Xe.getPageCount():1,tt=V?Le.pageIndex*Le.pageSize+1:1,nt=V?Math.min((Le.pageIndex+1)*Le.pageSize,m?_||0:s.length):s.length,lt=m?_||0:s.length;return t.jsxs("div",{className:te("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",Re),children:[U&&We.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:Q(We.length)}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[W.map(function(e){return t.jsxs("button",{onClick:function(t){t.stopPropagation(),function(e,t){if(X){var n=Xe.getSelectedRowModel().rows.map(function(e){return qe(e.original,Number(e.id))});X(t,n,e)}}(e.key,t)},className:te("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(){Oe({})},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:Xe.getHeaderGroups().map(function(e){return t.jsx("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,n){var l=ce&&!1!==e.column.columnDef.enableSorting,o=e.column.getIsSorted(),r=n<Ie,a=n>=Ke.length-_e,u=Ie>0&&n===Ie-1,s=_e>0&&n===Ke.length-_e;return t.jsx("th",{className:te("zui:px-3 zui:py-2.5 zui:text-left zui:text-xs zui:font-medium zui:text-black zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",Me&&"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',l&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(Ye(n),"px"):void 0,right:a?"".concat(Ze(n),"px"):void 0,minWidth:e.getSize()},onClick:l?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:ee(e.column.columnDef.header,e.getContext())}),l&&t.jsxs("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===o&&t.jsx(i.ChevronUp,{className:"zui:h-4 zui:w-4"}),"desc"===o&&t.jsx(i.ChevronDown,{className:"zui:h-4 zui:w-4"}),!o&&t.jsx(i.ChevronsUpDown,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t.jsx("tbody",{className:"zui:divide-y zui:divide-gray-200",children:be?Array.from({length:Je}).map(function(e,n){return t.jsx("tr",{children:Ke.map(function(e,l){var o=l<Ie,i=l>=Ke.length-_e;return t.jsx("td",{className:te("zui:px-4 zui:py-3 zui:bg-white",ye&&"zui:border-b zui:border-gray-200",o&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:o?"".concat(Ye(l),"px"):void 0,right:i?"".concat(Ze(l),"px"):void 0},children:t.jsx("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(l))})},"skeleton-".concat(n))}):0===Xe.getRowModel().rows.length?be||!ve?null:t.jsx("tr",{children:t.jsx("td",{className:te("zui:py-12 zui:text-center zui:text-black zui:bg-white",ye&&"zui:border-b zui:border-gray-200"),colSpan:Ke.length,children:t.jsx("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:t.jsxs("div",{children:[t.jsx("img",{src:"assets/noData-301bc56d84fa99a6.gif",height:60,width:180}),t.jsx("p",{className:"zui:text-sm zui:text-gray-500 zui:mt-2",children:Ce})]})})})}):ue?t.jsx("tr",{className:te("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150"),children:t.jsx("td",{colSpan:u.length,className:"p-0",children:t.jsx("div",{style:{width:"100%",height:ge},children:t.jsx(o.AutoSizer,{disableWidth:!1,children:function(n){var l=n.height,i=n.width;return t.jsx(o.VariableSizeList,{height:l,width:i,itemCount:Xe.getRowModel().rows.length,itemSize:Qe,children:function(n){var l=n.index,o=n.style,i=Xe.getRowModel().rows[l];return t.jsxs("div",{style:e.__assign(e.__assign({},o),{display:"table",tableLayout:"fixed",width:"100%"}),className:"zui:w-full zui:table-fixed hover:zui:bg-gray-50 zui:transition-colors",children:[t.jsx("div",{className:"zui:table-row",style:{display:"table-row"},children:i.getVisibleCells().map(function(e,n){var l=n<Ie,o=n>=i.getVisibleCells().length-_e,r=Ie>0&&n===Ie-1,a=_e>0&&n===Ke.length-_e;return t.jsx("div",{className:te("zui:table-cell 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",i.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",o&&"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(Ye(n),"px"):void 0,right:o?"".concat(Ze(n),"px"):void 0,width:e.column.getSize()},children:ee(e.column.columnDef.cell,e.getContext())},e.id)})}),re&&t.jsx("div",{style:{display:"table-row"},className:"zui:table-row",children:t.jsx("div",{className:"zui:table-cell",style:{display:"table-cell",width:"100%"},colSpan:i.getVisibleCells().length,children:t.jsx(le,{isExpanded:i.getIsExpanded(),colSpan:i.getVisibleCells().length,children:re(i.original)})})})]},i.id)}})}})})})}):Xe.getRowModel().rows.map(function(e){return t.jsxs(n.Fragment,{children:[t.jsx("tr",{className:te("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,l){var o=l<Ie,i=l>=e.getVisibleCells().length-_e,r=Ie>0&&l===Ie-1,a=_e>0&&l===Ke.length-_e;return t.jsx("td",{className:te("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",o&&"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:o?"".concat(Ye(l),"px"):void 0,right:i?"".concat(Ze(l),"px"):void 0,minWidth:n.column.getSize()},children:ee(n.column.columnDef.cell,n.getContext())},n.id)})}),re&&t.jsx(le,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:re(e.original)})]},e.id)})})]})})}),V&&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:[k&&t.jsx("div",{className:"zui:text-sm zui:text-gray-700",children:t.jsxs("span",{children:[tt,"–",nt," of ",lt]})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[B&&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:Le.pageSize,onChange:function(e){return Xe.setPageSize(Number(e.target.value))},children:G.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 Xe.setPageIndex(0)},disabled:!Xe.getCanPreviousPage(),children:t.jsx(i.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 Xe.previousPage()},disabled:!Xe.getCanPreviousPage(),children:t.jsx(i.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:[Le.pageIndex+1," of ",et]}),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 Xe.nextPage()},disabled:!Xe.getCanNextPage(),children:t.jsx(i.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 Xe.setPageIndex(et-1)},disabled:!Xe.getCanNextPage(),children:t.jsx(i.ChevronsRight,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}exports.DataTable=oe,exports.default=oe;
|
|
22
|
+
function ee(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)?a.createElement(e,t):e:null;var n}function te(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")}var ne=function(e){var n=e.isExpanded,l=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(),l()},"aria-label":n?"Collapse row":"Expand row",children:t.jsx(i.ChevronRight,{className:te("zui:h-4 zui:w-4 zui:transition-transform zui:duration-200",n&&"zui:rotate-90")})})},le=function(e){var n=e.isExpanded,l=e.children,o=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:o,children:t.jsx("div",{className:"zui:bg-white zui:rounded-lg zui:p-6 zui:shadow-sm",children:l})})})};function oe(r){var u=r.columns,s=r.data,g=r.virtualized,p=void 0===g?{}:g,f=r.serverMode,m=void 0!==f&&f,h=r.pagination,w=void 0===h?{}:h,v=r.selection,S=void 0===v?{}:v,z=r.expansion,C=void 0===z?{}:z,R=r.sorting,x=void 0===R?{}:R,y=r.loading,F=void 0===y?{}:y,M=r.styling,P=void 0===M?{}:M,I=w.enabled,V=void 0===I||I,_=w.totalCount,E=w.currentPage,j=w.pageSize,A=w.pageSizeOptions,G=void 0===A?[10,25,50,100]:A,L=w.initialPageSize,D=void 0===L?10:L,H=w.onPageChange,N=w.onPageSizeChange,O=w.showInfo,k=void 0===O||O,T=w.showPageSizeSelector,B=void 0===T||T;w.showGoToPage;var q=S.enabled,U=void 0!==q&&q,$=S.rowIdAccessor,X=S.onBulkAction,K=S.bulkActions,W=void 0===K?[]:K,J=S.selectionText,Q=void 0===J?function(e){return"".concat(e," row").concat(1!==e?"s":""," selected")}:J,oe=C.enabled,ie=void 0!==oe&&oe,re=C.renderExpanded,ae=p.enabled,ue=void 0!==ae&&ae,se=p.tableHeight,ge=void 0===se?550:se,de=x.enabled,ce=void 0!==de&&de,pe=x.initialSorting,fe=void 0===pe?[]:pe,me=x.onSort,he=F.loading,be=void 0!==he&&he,we=F.fetched,ve=void 0===we||we,Se=F.loadingRows,ze=F.emptyMessage,Ce=void 0===ze?"No data found":ze,Re=P.className;P.showColumnBorders;var xe=P.showRowBorders,ye=void 0===xe||xe,Fe=P.stickyHeader,Me=void 0===Fe||Fe,Pe=P.pinLeft,Ie=void 0===Pe?0:Pe,Ve=P.pinRight,_e=void 0===Ve?0:Ve,Ee=n.useState(fe),je=Ee[0],Ae=Ee[1],Ge=n.useState({pageIndex:null!=E?E:0,pageSize:null!=j?j:D}),Le=Ge[0],De=Ge[1],He=n.useState({}),Ne=He[0],Oe=He[1],ke=n.useState({}),Te=ke[0],Be=ke[1];n.useEffect(function(){!V||"number"!=typeof E&&"number"!=typeof j||De(function(e){return{pageIndex:null!=E?E:e.pageIndex,pageSize:null!=j?j:e.pageSize}})},[E,j,V]);var qe=n.useCallback(function(e,t){return $?$(e):String(t)},[$]),Ue=n.useMemo(function(){var e=[];return ie&&e.push({id:"__expand__",header:function(){return null},enableSorting:!1,enableHiding:!1,size:40,cell:function(e){var n=e.row;return t.jsx(ne,{isExpanded:n.getIsExpanded(),onToggle:function(){return n.toggleExpanded()}})}}),U&&e.push({id:"__select__",header:function(e){var n=e.table,o=n.getIsAllPageRowsSelected(),i=n.getIsSomePageRowsSelected();return t.jsx("div",{className:"zui:flex zui:items-center zui:justify-center",children:t.jsx(l.Checkbox,{size:"sm","aria-label":"Select all rows",checked:o,indeterminate:i&&!o,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(l.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},[ie,U]),$e=n.useMemo(function(){return u.filter(function(e){return!1!==e.enableHiding})},[u]),Xe=function(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=a.useState(()=>({current:Y(t)})),[l,o]=a.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...l,...e.state},onStateChange:t=>{o(t),null==e.onStateChange||e.onStateChange(t)}})),n.current}({data:s,columns:n.useMemo(function(){return e.__spreadArray(e.__spreadArray([],Ue,!0),$e,!0)},[Ue,$e]),getRowId:qe,defaultColumn:{enableSorting:!1},state:{sorting:ce?je:[],rowSelection:U?Ne:{},expanded:ie?Te:{},pagination:V?Le:{pageIndex:0,pageSize:s.length||1e3}},enableSorting:ce,onSortingChange:ce?function(e){var t="function"==typeof e?e(je):e;Ae(t),me&&me(t)}:void 0,enableRowSelection:U,onRowSelectionChange:U?Oe:void 0,onExpandedChange:ie?Be:void 0,onPaginationChange:V?function(e){var t="function"==typeof e?e(Le):e;De(t),H&&H(t.pageIndex,t.pageSize),N&&t.pageSize!==Le.pageSize&&N(t.pageSize)}:void 0,manualPagination:m&&V,manualSorting:m&&ce,pageCount:m&&V&&"number"==typeof _?Math.max(1,Math.ceil(_/Le.pageSize)):void 0,getCoreRowModel:e=>d(()=>[e.options.data],t=>{const n={rows:[],flatRows:[],rowsById:{}},l=function(t,o,i){void 0===o&&(o=0);const r=[];for(let u=0;u<t.length;u++){const s=b(e,e._getRowId(t[u],u,i),t[u],u,o,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=l(s.originalSubRows,o+1,s)))}return r};return n.rows=l(t),n},c(e.options,"debugTable","getRowModel",()=>e._autoResetPageIndex())),getSortedRowModel:!m&&ce?e=>d(()=>[e.getState().sorting,e.getPreSortedRowModel()],(t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const l=e.getState().sorting,o=[],i=l.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 l=0;l<i.length;l+=1){var n;const o=i[l],a=r[o.id],u=a.sortUndefined,s=null!=(n=null==o?void 0:o.desc)&&n;let g=0;if(u){const n=void 0===e.getValue(o.id),l=void 0===t.getValue(o.id);if(n||l){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;g=n&&l?0:n?u:-u}}if(0===g&&(g=a.sortingFn(e,t,o.id)),0!==g)return s&&(g*=-1),a.invertSorting&&(g*=-1),g}return e.index-t.index}),t.forEach(e=>{var t;o.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))}),t};return{rows:a(n.rows),flatRows:o,rowsById:n.rowsById}},c(e.options,"debugTable","getSortedRowModel",()=>e._autoResetPageIndex())):void 0,getPaginationRowModel:!m&&V?e=>d(()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded],(t,n)=>{if(!n.rows.length)return n;const{pageSize:l,pageIndex:o}=t;let{rows:i,flatRows:r,rowsById:a}=n;const u=l*o,s=u+l;let g;i=i.slice(u,s),g=e.options.paginateExpandedRows?{rows:i,flatRows:r,rowsById:a}:Z({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},c(e.options,"debugTable","getPaginationRowModel")):void 0,getExpandedRowModel:ie?e=>d(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||!0!==e&&!Object.keys(null!=e?e:{}).length?t:n?Z(t):t,c(e.options,"debugTable","getExpandedRowModel")):void 0}),Ke=Xe.getVisibleLeafColumns(),We=n.useMemo(function(){return Xe.getSelectedRowModel().rows.map(function(e){return e.id})},[Ne,Xe]),Je=null!=Se?Se:V?Le.pageSize:10,Qe=function(e){return Xe.getRowModel().rows[e].getIsExpanded()?80:48},Ye=function(e){for(var t,n=0,l=0;l<e;l++)n+=(null===(t=Ke[l])||void 0===t?void 0:t.getSize())||150;return n},Ze=function(e){for(var t,n=0,l=e+1;l<Ke.length;l++)n+=(null===(t=Ke[l])||void 0===t?void 0:t.getSize())||150;return n},et=V?m&&"number"==typeof _?Math.max(1,Math.ceil(_/Le.pageSize)):Xe.getPageCount():1,tt=V?Le.pageIndex*Le.pageSize+1:1,nt=V?Math.min((Le.pageIndex+1)*Le.pageSize,m?_||0:s.length):s.length,lt=m?_||0:s.length;return t.jsxs("div",{className:te("zui:flex zui:flex-col zui:h-full zui:bg-white zui:w-full",Re),children:[U&&We.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:Q(We.length)}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[W.map(function(e){return t.jsxs("button",{onClick:function(t){t.stopPropagation(),function(e,t){if(X){var n=Xe.getSelectedRowModel().rows.map(function(e){return qe(e.original,Number(e.id))});X(t,n,e)}}(e.key,t)},className:te("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(){Oe({})},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:Xe.getHeaderGroups().map(function(e){return t.jsx("tr",{className:"zui:bg-gray-50",children:e.headers.map(function(e,n){var l=ce&&!1!==e.column.columnDef.enableSorting,o=e.column.getIsSorted(),r=n<Ie,a=n>=Ke.length-_e,u=Ie>0&&n===Ie-1,s=_e>0&&n===Ke.length-_e;return t.jsx("th",{className:te("zui:px-3 zui:py-2.5 zui:text-left zui:text-xs zui:font-medium zui:text-black zui:tracking-wider zui:select-none","zui:bg-gray-200","zui:border-b zui:border-gray-300",Me&&"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',l&&"zui:cursor-pointer hover:zui:bg-gray-100 zui:transition-colors"),style:{left:r?"".concat(Ye(n),"px"):void 0,right:a?"".concat(Ze(n),"px"):void 0,minWidth:e.getSize()},onClick:l?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:ee(e.column.columnDef.header,e.getContext())}),l&&t.jsxs("span",{className:"zui:flex zui:items-center zui:text-gray-400",children:["asc"===o&&t.jsx(i.ChevronUp,{className:"zui:h-4 zui:w-4"}),"desc"===o&&t.jsx(i.ChevronDown,{className:"zui:h-4 zui:w-4"}),!o&&t.jsx(i.ChevronsUpDown,{className:"zui:h-4 zui:w-4"})]})]})},e.id)})},e.id)})}),t.jsx("tbody",{className:"zui:divide-y zui:divide-gray-200",children:be?Array.from({length:Je}).map(function(e,n){return t.jsx("tr",{children:Ke.map(function(e,l){var o=l<Ie,i=l>=Ke.length-_e;return t.jsx("td",{className:te("zui:px-4 zui:py-3 zui:bg-white",ye&&"zui:border-b zui:border-gray-200",o&&"zui:sticky zui:z-10",i&&"zui:sticky zui:z-10"),style:{left:o?"".concat(Ye(l),"px"):void 0,right:i?"".concat(Ze(l),"px"):void 0},children:t.jsx("div",{className:"zui:h-4 zui:bg-gray-200 zui:rounded zui:animate-pulse"})},"skeleton-".concat(n,"-").concat(l))})},"skeleton-".concat(n))}):0===Xe.getRowModel().rows.length?be||!ve?null:t.jsx("tr",{children:t.jsx("td",{className:te("zui:py-12 zui:text-center zui:text-black zui:bg-white",ye&&"zui:border-b zui:border-gray-200"),colSpan:Ke.length,children:t.jsx("div",{className:"zui:flex zui:flex-col zui:items-center zui:gap-3",children:t.jsxs("div",{children:[t.jsx("img",{src:"http://files.zimyo.work/staticlogo/global/no_data_found.gif",height:60,width:180}),t.jsx("p",{className:"zui:text-sm zui:text-gray-500 zui:mt-2",children:Ce})]})})})}):ue?t.jsx("tr",{className:te("zui:bg-white hover:zui:bg-gray-50 zui:transition-colors zui:duration-150"),children:t.jsx("td",{colSpan:u.length,className:"p-0",children:t.jsx("div",{style:{width:"100%",height:ge},children:t.jsx(o.AutoSizer,{disableWidth:!1,children:function(n){var l=n.height,i=n.width;return t.jsx(o.VariableSizeList,{height:l,width:i,itemCount:Xe.getRowModel().rows.length,itemSize:Qe,children:function(n){var l=n.index,o=n.style,i=Xe.getRowModel().rows[l];return t.jsxs("div",{style:e.__assign(e.__assign({},o),{display:"table",tableLayout:"fixed",width:"100%"}),className:"zui:w-full zui:table-fixed hover:zui:bg-gray-50 zui:transition-colors",children:[t.jsx("div",{className:"zui:table-row",style:{display:"table-row"},children:i.getVisibleCells().map(function(e,n){var l=n<Ie,o=n>=i.getVisibleCells().length-_e,r=Ie>0&&n===Ie-1,a=_e>0&&n===Ke.length-_e;return t.jsx("div",{className:te("zui:table-cell 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",i.getIsSelected()?"zui:bg-blue-50":"zui:bg-white",l&&"zui:sticky zui:z-10 zui:bg-white",o&&"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(Ye(n),"px"):void 0,right:o?"".concat(Ze(n),"px"):void 0,width:e.column.getSize()},children:ee(e.column.columnDef.cell,e.getContext())},e.id)})}),re&&t.jsx("div",{style:{display:"table-row"},className:"zui:table-row",children:t.jsx("div",{className:"zui:table-cell",style:{display:"table-cell",width:"100%"},colSpan:i.getVisibleCells().length,children:t.jsx(le,{isExpanded:i.getIsExpanded(),colSpan:i.getVisibleCells().length,children:re(i.original)})})})]},i.id)}})}})})})}):Xe.getRowModel().rows.map(function(e){return t.jsxs(n.Fragment,{children:[t.jsx("tr",{className:te("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,l){var o=l<Ie,i=l>=e.getVisibleCells().length-_e,r=Ie>0&&l===Ie-1,a=_e>0&&l===Ke.length-_e;return t.jsx("td",{className:te("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",o&&"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:o?"".concat(Ye(l),"px"):void 0,right:i?"".concat(Ze(l),"px"):void 0,minWidth:n.column.getSize()},children:ee(n.column.columnDef.cell,n.getContext())},n.id)})}),re&&t.jsx(le,{isExpanded:e.getIsExpanded(),colSpan:e.getVisibleCells().length,children:re(e.original)})]},e.id)})})]})})}),V&&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:[k&&t.jsx("div",{className:"zui:text-sm zui:text-gray-700",children:t.jsxs("span",{children:[tt,"–",nt," of ",lt]})}),t.jsxs("div",{className:"zui:flex zui:items-center zui:gap-2",children:[B&&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:Le.pageSize,onChange:function(e){return Xe.setPageSize(Number(e.target.value))},children:G.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 Xe.setPageIndex(0)},disabled:!Xe.getCanPreviousPage(),children:t.jsx(i.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 Xe.previousPage()},disabled:!Xe.getCanPreviousPage(),children:t.jsx(i.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:[Le.pageIndex+1," of ",et]}),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 Xe.nextPage()},disabled:!Xe.getCanNextPage(),children:t.jsx(i.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 Xe.setPageIndex(et-1)},disabled:!Xe.getCanNextPage(),children:t.jsx(i.ChevronsRight,{className:"zui:h-4 zui:w-4"})})]})]})]})})]})}exports.DataTable=oe,exports.default=oe;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as i}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsx as e,jsxs as r}from"react/jsx-runtime";import*as o from"react";import{Slide as u,useMediaQuery as s,Dialog as t,IconButton as a,DialogContent as d,DialogActions as l}from"@mui/material";import{a as n}from"../../chunks/index-32c3a4e2.esm.js";import{M as m}from"../../chunks/Muted-d00b328e.esm.js";import{X as c}from"../../chunks/lucide-7e7c48b9.esm.js";var z=o.forwardRef(function(r,o){return e(u,i({direction:"up",ref:o},r))}),
|
|
1
|
+
import{a as i}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsx as e,jsxs as r}from"react/jsx-runtime";import*as o from"react";import{Slide as u,useMediaQuery as s,Dialog as t,IconButton as a,DialogContent as d,DialogActions as l}from"@mui/material";import{a as n}from"../../chunks/index-32c3a4e2.esm.js";import{M as m}from"../../chunks/Muted-d00b328e.esm.js";import{X as c}from"../../chunks/lucide-7e7c48b9.esm.js";var z=o.forwardRef(function(r,o){return e(u,i({direction:"up",ref:o},r))}),h=function(i){var o=i.open,u=i.onClose,h=i.title,p=i.description,f=i.children,b=i.actions,x=i.showCloseIcon,v=void 0===x||x,N=i.maxWidth,w=void 0===N?"sm":N,j=i.fullWidth,k=void 0===j||j,y=i.fullScreen,g=void 0!==y&&y,C=i.allowActionBorder,W=void 0===C||C,M=i.className,P=s("(max-width:600px)");return r(t,{open:o,onClose:u,TransitionComponent:z,maxWidth:w,fullWidth:k,fullScreen:P||g,scroll:"body",PaperProps:{className:n("zui:bg-background zui:rounded-sm zui:shadow-lg zui:border zui:border-border",M)},children:[(h||v)&&r("div",{className:"zui:flex zui:items-center zui:justify-between zui:px-4 zui:py-3 zui:border-b zui:border-border",children:[h&&r("div",{className:"zui:p-0 zui:m-0 zui:!text-base zui:font-bold",children:[h,p&&e(m,{component:"div",className:"zui:mt-1.5",children:p})]}),v&&e(a,{onClick:u,size:"small",className:"zui:ml-auto zui:flex zui:text-muted-foreground hover:zui:text-foreground",children:e(c,{className:"zui:w-5 zui:h-5"})})]}),e(d,{className:n("zui:px-5 zui:py-4 zui:overflow-y-auto",g||P?"zui:h-[calc(100vh-140px)]":"zui:max-h-[70vh]"),children:f}),b&&e(l,{className:n("zui:px-5 zui:py-3 zui:border-border",W&&"zui:border-t"),children:b})]})};export{h as Modal,h as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),i=require("react/jsx-runtime"),r=require("react"),u=require("@mui/material"),o=require("../../chunks/index-90b71f01.js"),t=require("../../chunks/Muted-d2dbaba3.js"),s=require("../../chunks/lucide-3fef2423.js");function n(e){var i=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,u.get?u:{enumerable:!0,get:function(){return e[r]}})}}),i.default=e,Object.freeze(i)}var l=n(r).forwardRef(function(r,o){return i.jsx(u.Slide,e.__assign({direction:"up",ref:o},r))}),c=function(e){var r=e.open,n=e.onClose,c=e.title,a=e.description,d=e.children,z=e.actions,x=e.showCloseIcon,f=void 0===x||x,m=e.maxWidth,h=void 0===m?"sm":m,b=e.fullWidth,p=void 0===b||b,j=e.fullScreen,v=void 0!==j&&j,g=e.allowActionBorder,y=void 0===g||g,w=e.className,N=u.useMediaQuery("(max-width:600px)");return i.jsxs(u.Dialog,{open:r,onClose:n,TransitionComponent:l,maxWidth:h,fullWidth:p,fullScreen:N||v,scroll:"body",PaperProps:{className:o.cn("zui:bg-background zui:rounded-sm zui:shadow-lg zui:border zui:border-border",w)},children:[(c||f)&&i.jsxs("div",{className:"zui:flex zui:items-center zui:justify-between zui:px-4 zui:py-3 zui:border-b zui:border-border",children:[c&&i.jsxs("div",{className:"zui:p-0 zui:m-0 zui:!text-base zui:font-bold",children:[c,a&&i.jsx(t.Muted,{component:"div",className:"zui:mt-1.5",children:a})]}),f&&i.jsx(u.IconButton,{onClick:n,size:"small",className:"zui:ml-auto zui:flex zui:text-muted-foreground hover:zui:text-foreground",children:i.jsx(s.X,{className:"zui:w-5 zui:h-5"})})]}),i.jsx(u.DialogContent,{className:o.cn("zui:px-5 zui:py-4 zui:overflow-y-auto",v||N?"zui:h-[calc(100vh-140px)]":"zui:max-h-[70vh]"),children:d}),z&&i.jsx(u.DialogActions,{className:o.cn("zui:px-5 zui:py-3 zui:border-border",y&&"zui:border-t"),children:z})]})};exports.Modal=c,exports.default=c;
|
package/dist/index.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as n}from"./chunks/index-92dc1820.esm.js";export{U as UILibraryThemeProvider,c as createCustomTheme,d as designTokens,t as theme}from"./chunks/index-92dc1820.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-cefb898e.esm.js";import{T as i}from"./chunks/Text-5b99f7f4.esm.js";export{Blockquote,Caption,Code,Lead,Strong}from"./components/Typography/index.esm.js";export{M as Muted}from"./chunks/Muted-d00b328e.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-4974c96c.esm.js";import{X as s}from"./chunks/lucide-7e7c48b9.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";export{BarChart,BaseChart,LineChart,PieChart}from"./components/Charts/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-63d8ff5f.esm.js";import"@emotion/react";import"react-dom";import"./chunks/index-a7c3d9a4.esm.js";import"./chunks/Calender-f8e1cbb6.esm.js";import"@mui/material/IconButton";import"@mui/material/List";import"@mui/material/ListItemText";import"@mui/material/ListItemIcon";import"./chunks/react-virtualized-auto-sizer.esm-8105695c.esm.js";import"@mui/material/Popover";import"./chunks/_commonjsHelpers-02d3be64.esm.js";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-100: oklch(96.8% 0.007 247.896);\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-black: #000;\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-blur-sm: 8px;\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\\:table-cell {\n display: table-cell !important;\n }\n .zui\\:table-row {\n display: table-row !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-\\[500px\\] {\n height: 500px !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\\:table-fixed {\n table-layout: fixed !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\\:divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0 !important;\n border-bottom-style: var(--tw-border-style) !important;\n border-top-style: var(--tw-border-style) !important;\n border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;\n }\n }\n .zui\\:divide-gray-200 {\n :where(& > :not(:last-child)) {\n border-color: var(--zui-color-gray-200) !important;\n }\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-sm {\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-sm {\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-accent\\/30 {\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) 30%, transparent) !important;\n }\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-muted\\/100 {\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-100 {\n background-color: var(--zui-color-slate-100) !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-black {\n color: var(--zui-color-black) !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\\:blur-sm {\n --tw-blur: blur(var(--zui-blur-sm)) !important;\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !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-sm {\n @media (width >= 40rem) {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:sm\\:rounded-r-sm {\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-divide-y-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-blur {\n syntax: "*";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: "*";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: "*";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: "*";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-invert {\n syntax: "*";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: "*";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: "*";\n inherits: false;\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-divide-y-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-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\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,w=void 0===v||v,b=n.withOverlay,f=void 0===b||b,x=n.stickyFooter,y=void 0===x||x,k=n.width,j=n.height,C="left"===g||"right"===g;return r(a,{anchor:g,open:t,onClose:c,ModalProps:{keepMounted:!0},hideBackdrop:!f,PaperProps:{style:{width:C?null!=k?k:400:void 0,height:C?"100%":null!=j?j:400},className:p("zui:bg-background zui:shadow-lg zui:border-border zui:flex zui:flex-col",C?"zui:h-full zui:rounded-none zui:sm:rounded-l-sm":"zui:w-full zui:sm:w-auto","left"===g&&"zui:sm:rounded-r-sm zui:border-r zui:border-l-0","top"===g&&"zui:rounded-b-sm","bottom"===g&&"zui:rounded-t-sm",h)},children:[r(e,{className:"zui:p-4 zui:flex zui:items-center zui:justify-between zui:border-b zui:border-border",children:[o(i,{size:"sm",fontWeight:600,children:u}),w&&o(l,{onClick:c,size:"small",className:"zui:hover:text-red-500",children:o(s,{className:"zui:h-4 zui:w-4"})})]}),o(e,{className:"zui:flex-1 zui:overflow-y-auto zui:p-4",children:m}),d&&o(e,{className:p("zui:border-t zui:border-border zui:p-2",y&&"zui:sticky zui:bottom-0 zui:bg-background"),children:d})]})};export{m as Drawer,i as Text,p as cn};
|
|
1
|
+
import{s as n}from"./chunks/index-92dc1820.esm.js";export{U as UILibraryThemeProvider,c as createCustomTheme,d as designTokens,t as theme}from"./chunks/index-92dc1820.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-cefb898e.esm.js";import{T as i}from"./chunks/Text-5b99f7f4.esm.js";export{Blockquote,Caption,Code,Lead,Strong}from"./components/Typography/index.esm.js";export{M as Muted}from"./chunks/Muted-d00b328e.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-4974c96c.esm.js";import{X as s}from"./chunks/lucide-7e7c48b9.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";export{BarChart,BaseChart,LineChart,PieChart}from"./components/Charts/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-63d8ff5f.esm.js";import"@emotion/react";import"react-dom";import"./chunks/index-a7c3d9a4.esm.js";import"./chunks/Calender-f8e1cbb6.esm.js";import"@mui/material/IconButton";import"@mui/material/List";import"@mui/material/ListItemText";import"@mui/material/ListItemIcon";import"./chunks/react-virtualized-auto-sizer.esm-8105695c.esm.js";import"@mui/material/Popover";import"./chunks/_commonjsHelpers-02d3be64.esm.js";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-100: oklch(96.8% 0.007 247.896);\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-black: #000;\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-blur-sm: 8px;\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\\:table-cell {\n display: table-cell !important;\n }\n .zui\\:table-row {\n display: table-row !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-\\[500px\\] {\n height: 500px !important;\n }\n .zui\\:h-\\[calc\\(100\\%_-_2\\.75rem\\)\\] {\n height: calc(100% - 2.75rem) !important;\n }\n .zui\\:h-\\[calc\\(100vh-140px\\)\\] {\n height: calc(100vh - 140px) !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\\:table-fixed {\n table-layout: fixed !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\\:divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0 !important;\n border-bottom-style: var(--tw-border-style) !important;\n border-top-style: var(--tw-border-style) !important;\n border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;\n }\n }\n .zui\\:divide-gray-200 {\n :where(& > :not(:last-child)) {\n border-color: var(--zui-color-gray-200) !important;\n }\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-sm {\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-sm {\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-accent\\/30 {\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) 30%, transparent) !important;\n }\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-muted\\/100 {\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-100 {\n background-color: var(--zui-color-slate-100) !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-black {\n color: var(--zui-color-black) !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\\:blur-sm {\n --tw-blur: blur(var(--zui-blur-sm)) !important;\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !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-sm {\n @media (width >= 40rem) {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:sm\\:rounded-r-sm {\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-divide-y-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-blur {\n syntax: "*";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: "*";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: "*";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: "*";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-invert {\n syntax: "*";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: "*";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: "*";\n inherits: false;\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-divide-y-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-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\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,w=void 0===v||v,b=n.withOverlay,f=void 0===b||b,x=n.stickyFooter,y=void 0===x||x,k=n.width,j=n.height,C="left"===g||"right"===g;return r(a,{anchor:g,open:t,onClose:c,ModalProps:{keepMounted:!0},hideBackdrop:!f,PaperProps:{style:{width:C?null!=k?k:400:void 0,height:C?"100%":null!=j?j:400},className:p("zui:bg-background zui:shadow-lg zui:border-border zui:flex zui:flex-col",C?"zui:h-full zui:rounded-none zui:sm:rounded-l-sm":"zui:w-full zui:sm:w-auto","left"===g&&"zui:sm:rounded-r-sm zui:border-r zui:border-l-0","top"===g&&"zui:rounded-b-sm","bottom"===g&&"zui:rounded-t-sm",h)},children:[r(e,{className:"zui:p-4 zui:flex zui:items-center zui:justify-between zui:border-b zui:border-border",children:[o(i,{size:"sm",fontWeight:600,children:u}),w&&o(l,{onClick:c,size:"small",className:"zui:hover:text-red-500",children:o(s,{className:"zui:h-4 zui:w-4"})})]}),o(e,{className:"zui:flex-1 zui:overflow-y-auto zui:p-4",children:m}),d&&o(e,{className:p("zui:border-t zui:border-border zui:p-2",y&&"zui:sticky zui:bottom-0 zui:bg-background"),children:d})]})};export{m as Drawer,i as Text,p as cn};
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("./chunks/index-1d613f26.js"),r=require("./components/Button/index.js"),i=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"),l=require("./chunks/Heading-ff5c771d.js"),u=require("./chunks/Text-e9636dd7.js"),p=require("./components/Typography/index.js"),s=require("./chunks/Muted-d2dbaba3.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-a3dc1f53.js");var h=require("./chunks/lucide-3fef2423.js"),v=require("./components/Badge/index.js"),w=require("./components/Input/index.js"),b=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"),C=require("./components/Radio/index.js"),q=require("./components/PopupConfirm/index.js"),T=require("./components/GlobalMenuSearch/index.js"),B=require("./components/AppList/index.js"),I=require("./components/Table/index.js"),P=require("./components/BulkActionsBar/index.js"),S=require("./components/TimePicker/index.js"),M=require("./components/DataTable/index.js"),A=require("./components/Tab/index.js"),L=require("./components/Timeline/index.js"),N=require("./components/Charts/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-7cb96562.js"),require("@mui/material/IconButton"),require("@mui/material/List"),require("@mui/material/ListItemText"),require("@mui/material/ListItemIcon"),require("./chunks/react-virtualized-auto-sizer.esm-8e1756a5.js"),require("@mui/material/Popover"),require("./chunks/_commonjsHelpers-3d4c1909.js");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-100: oklch(96.8% 0.007 247.896);\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-black: #000;\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-blur-sm: 8px;\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\\:table-cell {\n display: table-cell !important;\n }\n .zui\\:table-row {\n display: table-row !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-\\[500px\\] {\n height: 500px !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\\:table-fixed {\n table-layout: fixed !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\\:divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0 !important;\n border-bottom-style: var(--tw-border-style) !important;\n border-top-style: var(--tw-border-style) !important;\n border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;\n }\n }\n .zui\\:divide-gray-200 {\n :where(& > :not(:last-child)) {\n border-color: var(--zui-color-gray-200) !important;\n }\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-sm {\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-sm {\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-accent\\/30 {\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) 30%, transparent) !important;\n }\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-muted\\/100 {\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-100 {\n background-color: var(--zui-color-slate-100) !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-black {\n color: var(--zui-color-black) !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\\:blur-sm {\n --tw-blur: blur(var(--zui-blur-sm)) !important;\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !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-sm {\n @media (width >= 40rem) {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:sm\\:rounded-r-sm {\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-divide-y-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-blur {\n syntax: "*";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: "*";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: "*";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: "*";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-invert {\n syntax: "*";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: "*";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: "*";\n inherits: false;\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-divide-y-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-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\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=r.Button,exports.Popover=i.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=l.Heading,exports.Text=u.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=w.Input,exports.Notice=b.Notice,exports.DatePicker=x.DatePicker,exports.DateRangePicker=f.DateRangePicker,exports.Form=y.Form,exports.Checkbox=k.Checkbox,exports.CheckboxGroup=j.CheckboxGroup,exports.Radio=C.Radio,exports.PopupConfirm=q.PopupConfirm,exports.GlobalMenuSearch=T.GlobalMenuSearch,exports.AppList=B.AppList,exports.Table=I.Table,exports.BulkActionsBar=P.BulkActionsBar,exports.TimePicker=S.TimePicker,exports.DataTable=M.DataTable,exports.Tab=A.Tab,exports.Timeline=L.Timeline,exports.BarChart=N.BarChart,exports.BaseChart=N.BaseChart,exports.LineChart=N.LineChart,exports.PieChart=N.PieChart,exports.Drawer=function(n){var r=n.open,i=n.onClose,t=n.title,o=n.children,a=n.footer,e=n.side,c=void 0===e?"right":e,l=n.className,p=n.showCloseIcon,s=void 0===p||p,d=n.withOverlay,v=void 0===d||d,w=n.stickyFooter,b=void 0===w||w,x=n.width,f=n.height,y="left"===c||"right"===c;return m.jsxs(z.Drawer,{anchor:c,open:r,onClose:i,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-sm":"zui:w-full zui:sm:w-auto","left"===c&&"zui:sm:rounded-r-sm zui:border-r zui:border-l-0","top"===c&&"zui:rounded-b-sm","bottom"===c&&"zui:rounded-t-sm",l)},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(u.Text,{size:"sm",fontWeight:600,children:t}),s&&m.jsx(z.IconButton,{onClick:i,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",b&&"zui:sticky zui:bottom-0 zui:bg-background"),children:a})]})};
|
|
1
|
+
"use strict";var n=require("./chunks/index-1d613f26.js"),r=require("./components/Button/index.js"),i=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"),l=require("./chunks/Heading-ff5c771d.js"),u=require("./chunks/Text-e9636dd7.js"),p=require("./components/Typography/index.js"),s=require("./chunks/Muted-d2dbaba3.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-a3dc1f53.js");var h=require("./chunks/lucide-3fef2423.js"),v=require("./components/Badge/index.js"),w=require("./components/Input/index.js"),b=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"),C=require("./components/Radio/index.js"),q=require("./components/PopupConfirm/index.js"),T=require("./components/GlobalMenuSearch/index.js"),B=require("./components/AppList/index.js"),I=require("./components/Table/index.js"),P=require("./components/BulkActionsBar/index.js"),S=require("./components/TimePicker/index.js"),M=require("./components/DataTable/index.js"),A=require("./components/Tab/index.js"),L=require("./components/Timeline/index.js"),N=require("./components/Charts/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-7cb96562.js"),require("@mui/material/IconButton"),require("@mui/material/List"),require("@mui/material/ListItemText"),require("@mui/material/ListItemIcon"),require("./chunks/react-virtualized-auto-sizer.esm-8e1756a5.js"),require("@mui/material/Popover"),require("./chunks/_commonjsHelpers-3d4c1909.js");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-100: oklch(96.8% 0.007 247.896);\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-black: #000;\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-blur-sm: 8px;\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\\:table-cell {\n display: table-cell !important;\n }\n .zui\\:table-row {\n display: table-row !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-\\[500px\\] {\n height: 500px !important;\n }\n .zui\\:h-\\[calc\\(100\\%_-_2\\.75rem\\)\\] {\n height: calc(100% - 2.75rem) !important;\n }\n .zui\\:h-\\[calc\\(100vh-140px\\)\\] {\n height: calc(100vh - 140px) !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\\:table-fixed {\n table-layout: fixed !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\\:divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0 !important;\n border-bottom-style: var(--tw-border-style) !important;\n border-top-style: var(--tw-border-style) !important;\n border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;\n }\n }\n .zui\\:divide-gray-200 {\n :where(& > :not(:last-child)) {\n border-color: var(--zui-color-gray-200) !important;\n }\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-sm {\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-sm {\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-accent\\/30 {\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) 30%, transparent) !important;\n }\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-muted\\/100 {\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-100 {\n background-color: var(--zui-color-slate-100) !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-black {\n color: var(--zui-color-black) !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\\:blur-sm {\n --tw-blur: blur(var(--zui-blur-sm)) !important;\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !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-sm {\n @media (width >= 40rem) {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:sm\\:rounded-r-sm {\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-divide-y-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-blur {\n syntax: "*";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: "*";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: "*";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: "*";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-invert {\n syntax: "*";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: "*";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: "*";\n inherits: false;\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-divide-y-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-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\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=r.Button,exports.Popover=i.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=l.Heading,exports.Text=u.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=w.Input,exports.Notice=b.Notice,exports.DatePicker=x.DatePicker,exports.DateRangePicker=f.DateRangePicker,exports.Form=y.Form,exports.Checkbox=k.Checkbox,exports.CheckboxGroup=j.CheckboxGroup,exports.Radio=C.Radio,exports.PopupConfirm=q.PopupConfirm,exports.GlobalMenuSearch=T.GlobalMenuSearch,exports.AppList=B.AppList,exports.Table=I.Table,exports.BulkActionsBar=P.BulkActionsBar,exports.TimePicker=S.TimePicker,exports.DataTable=M.DataTable,exports.Tab=A.Tab,exports.Timeline=L.Timeline,exports.BarChart=N.BarChart,exports.BaseChart=N.BaseChart,exports.LineChart=N.LineChart,exports.PieChart=N.PieChart,exports.Drawer=function(n){var r=n.open,i=n.onClose,t=n.title,o=n.children,a=n.footer,e=n.side,c=void 0===e?"right":e,l=n.className,p=n.showCloseIcon,s=void 0===p||p,d=n.withOverlay,v=void 0===d||d,w=n.stickyFooter,b=void 0===w||w,x=n.width,f=n.height,y="left"===c||"right"===c;return m.jsxs(z.Drawer,{anchor:c,open:r,onClose:i,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-sm":"zui:w-full zui:sm:w-auto","left"===c&&"zui:sm:rounded-r-sm zui:border-r zui:border-l-0","top"===c&&"zui:rounded-b-sm","bottom"===c&&"zui:rounded-t-sm",l)},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(u.Text,{size:"sm",fontWeight:600,children:t}),s&&m.jsx(z.IconButton,{onClick:i,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",b&&"zui:sticky zui:bottom-0 zui:bg-background"),children:a})]})};
|
package/package.json
CHANGED
|
Binary file
|