@zimyo/ui 1.11.6 → 1.11.8

package/dist/chunks/index-1d613f26.js

@@ -0,0 +1 @@
+"use strict";var n=require("react/jsx-runtime"),e=require("@mui/material/styles"),f=require("@mui/material");function r(n,e){void 0===e&&(e={});var f=e.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===f&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}}var t={colors:{primary:{50:"#e3f2fd",100:"#bbdefb",500:"#2196f3",900:"#0d47a1"},secondary:{50:"#fce4ec",100:"#f8bbd9",500:"#e91e63",900:"#880e4f"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",500:"#9e9e9e",900:"#212121"}},spacing:{xs:"4px",sm:"8px",md:"16px",lg:"24px",xl:"32px"},radius:{xs:"2px",sm:"4px",md:"8px",lg:"12px",xl:"16px",full:"9999px"},typography:{fontFamily:"'Inter', system-ui, sans-serif",fontSize:{xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.25rem",xl:"1.5rem"}},size:{small:"10px",medium:"25px",large:"30px"}},o=function(n){void 0===n&&(n={});var f=n.primaryColor,r=void 0===f?t.colors.primary[500]:f,o=n.secondaryColor,i=void 0===o?t.colors.secondary[500]:o,l=n.backgroundVariant,a=void 0===l?"none":l,m=n.bodyBackground,U=e.createTheme({palette:{primary:{main:r},secondary:{main:i},divider:"#e5e5e5"},typography:{fontFamily:t.typography.fontFamily,fontSize:14,h1:{fontSize:"2.25rem",fontWeight:800,letterSpacing:"-0.02em",lineHeight:1.2},h2:{fontSize:"1.875rem",fontWeight:700,lineHeight:1.25},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.3},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.35},h5:{fontSize:"1.125rem",fontWeight:500,lineHeight:1.4},h6:{fontSize:"1rem",fontWeight:500,lineHeight:1.5},body1:{fontSize:"1rem",lineHeight:"1.625rem"},body2:{fontSize:"0.875rem",lineHeight:"1.5rem"},caption:{fontSize:"0.75rem",lineHeight:"1.25rem"},button:{fontSize:"0.875rem",lineHeight:"1.5rem",textTransform:"none"},subtitle1:{fontSize:"1.125rem",lineHeight:"1.5rem"}},spacing:8,shape:{borderRadius:4},radius:t.radius,components:{MuiButton:{styleOverrides:{root:{textTransform:"none",fontWeight:"normal",letterSpacing:"0.5px",padding:"6px 12px"},sizeSmall:{padding:"4px 10px"},sizeLarge:{padding:"10px 24px"}},defaultProps:{disableElevation:!0}}}}),s="standard"===a?{body:{backgroundColor:e.alpha(U.palette.primary.main,.125)}}:"custom"===a&&m?{body:{background:m}}:void 0;return s?e.createTheme(U,{components:{MuiCssBaseline:{styleOverrides:s}}}):U},i=o();r("/* inter-cyrillic-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-cyrillic-ext-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-300-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-cyrillic-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-300-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-greek-ext-300-normal.woff2) format('woff2'), url(./files/inter-greek-ext-300-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-greek-300-normal.woff2) format('woff2'), url(./files/inter-greek-300-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-vietnamese-300-normal.woff2) format('woff2'), url(./files/inter-vietnamese-300-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-latin-ext-300-normal.woff2) format('woff2'), url(./files/inter-latin-ext-300-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-latin-300-normal.woff2) format('woff2'), url(./files/inter-latin-300-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");r("/* inter-cyrillic-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-400-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-cyrillic-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-400-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-greek-ext-400-normal.woff2) format('woff2'), url(./files/inter-greek-ext-400-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-greek-400-normal.woff2) format('woff2'), url(./files/inter-greek-400-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-vietnamese-400-normal.woff2) format('woff2'), url(./files/inter-vietnamese-400-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-latin-ext-400-normal.woff2) format('woff2'), url(./files/inter-latin-ext-400-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-latin-400-normal.woff2) format('woff2'), url(./files/inter-latin-400-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");r("/* inter-cyrillic-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-cyrillic-ext-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-500-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-cyrillic-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-500-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-greek-ext-500-normal.woff2) format('woff2'), url(./files/inter-greek-ext-500-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-greek-500-normal.woff2) format('woff2'), url(./files/inter-greek-500-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-vietnamese-500-normal.woff2) format('woff2'), url(./files/inter-vietnamese-500-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-latin-ext-500-normal.woff2) format('woff2'), url(./files/inter-latin-ext-500-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-latin-500-normal.woff2) format('woff2'), url(./files/inter-latin-500-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");r("/* inter-cyrillic-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-cyrillic-ext-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-600-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-cyrillic-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-600-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-greek-ext-600-normal.woff2) format('woff2'), url(./files/inter-greek-ext-600-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-greek-600-normal.woff2) format('woff2'), url(./files/inter-greek-600-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-vietnamese-600-normal.woff2) format('woff2'), url(./files/inter-vietnamese-600-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-latin-ext-600-normal.woff2) format('woff2'), url(./files/inter-latin-ext-600-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-latin-600-normal.woff2) format('woff2'), url(./files/inter-latin-600-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");r("/* inter-cyrillic-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-cyrillic-ext-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-700-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-cyrillic-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-700-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-greek-ext-700-normal.woff2) format('woff2'), url(./files/inter-greek-ext-700-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-greek-700-normal.woff2) format('woff2'), url(./files/inter-greek-700-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-vietnamese-700-normal.woff2) format('woff2'), url(./files/inter-vietnamese-700-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-latin-ext-700-normal.woff2) format('woff2'), url(./files/inter-latin-ext-700-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-latin-700-normal.woff2) format('woff2'), url(./files/inter-latin-700-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");var l=function(){return n.jsx(f.GlobalStyles,{styles:{body:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},html:{fontFamily:"'Inter', system-ui, sans-serif"}}})};exports.UILibraryThemeProvider=function(r){var t=r.children,i=r.primaryColor,a=r.secondaryColor,m=r.enableCssBaseline,U=void 0===m||m,s=r.backgroundVariant,c=void 0===s?"none":s,w=r.bodyBackground,F={backgroundVariant:c,bodyBackground:void 0===w?"#F3F4F6":w};i&&(F.primaryColor=i),a&&(F.secondaryColor=a);var y=o(F);return n.jsxs(e.ThemeProvider,{theme:y,children:[U&&n.jsx(f.CssBaseline,{}),n.jsx(l,{}),t]})},exports.createCustomTheme=o,exports.designTokens=t,exports.styleInject=r,exports.theme=i;

package/dist/chunks/index-92dc1820.esm.js

@@ -0,0 +1 @@
+import{jsx as n,jsxs as e}from"react/jsx-runtime";import{createTheme as f,alpha as o,ThemeProvider as t}from"@mui/material/styles";import{GlobalStyles as r,CssBaseline as i}from"@mui/material";function l(n,e){void 0===e&&(e={});var f=e.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===f&&o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}}var a={colors:{primary:{50:"#e3f2fd",100:"#bbdefb",500:"#2196f3",900:"#0d47a1"},secondary:{50:"#fce4ec",100:"#f8bbd9",500:"#e91e63",900:"#880e4f"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",500:"#9e9e9e",900:"#212121"}},spacing:{xs:"4px",sm:"8px",md:"16px",lg:"24px",xl:"32px"},radius:{xs:"2px",sm:"4px",md:"8px",lg:"12px",xl:"16px",full:"9999px"},typography:{fontFamily:"'Inter', system-ui, sans-serif",fontSize:{xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.25rem",xl:"1.5rem"}},size:{small:"10px",medium:"25px",large:"30px"}},m=function(n){void 0===n&&(n={});var e=n.primaryColor,t=void 0===e?a.colors.primary[500]:e,r=n.secondaryColor,i=void 0===r?a.colors.secondary[500]:r,l=n.backgroundVariant,m=void 0===l?"none":l,U=n.bodyBackground,s=f({palette:{primary:{main:t},secondary:{main:i},divider:"#e5e5e5"},typography:{fontFamily:a.typography.fontFamily,fontSize:14,h1:{fontSize:"2.25rem",fontWeight:800,letterSpacing:"-0.02em",lineHeight:1.2},h2:{fontSize:"1.875rem",fontWeight:700,lineHeight:1.25},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.3},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.35},h5:{fontSize:"1.125rem",fontWeight:500,lineHeight:1.4},h6:{fontSize:"1rem",fontWeight:500,lineHeight:1.5},body1:{fontSize:"1rem",lineHeight:"1.625rem"},body2:{fontSize:"0.875rem",lineHeight:"1.5rem"},caption:{fontSize:"0.75rem",lineHeight:"1.25rem"},button:{fontSize:"0.875rem",lineHeight:"1.5rem",textTransform:"none"},subtitle1:{fontSize:"1.125rem",lineHeight:"1.5rem"}},spacing:8,shape:{borderRadius:4},radius:a.radius,components:{MuiButton:{styleOverrides:{root:{textTransform:"none",fontWeight:"normal",letterSpacing:"0.5px",padding:"6px 12px"},sizeSmall:{padding:"4px 10px"},sizeLarge:{padding:"10px 24px"}},defaultProps:{disableElevation:!0}}}}),c="standard"===m?{body:{backgroundColor:o(s.palette.primary.main,.125)}}:"custom"===m&&U?{body:{background:U}}:void 0;return c?f(s,{components:{MuiCssBaseline:{styleOverrides:c}}}):s},U=m();l("/* inter-cyrillic-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-cyrillic-ext-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-300-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-cyrillic-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-300-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-greek-ext-300-normal.woff2) format('woff2'), url(./files/inter-greek-ext-300-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-greek-300-normal.woff2) format('woff2'), url(./files/inter-greek-300-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-vietnamese-300-normal.woff2) format('woff2'), url(./files/inter-vietnamese-300-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-latin-ext-300-normal.woff2) format('woff2'), url(./files/inter-latin-ext-300-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-latin-300-normal.woff2) format('woff2'), url(./files/inter-latin-300-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");l("/* inter-cyrillic-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-400-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-cyrillic-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-400-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-greek-ext-400-normal.woff2) format('woff2'), url(./files/inter-greek-ext-400-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-greek-400-normal.woff2) format('woff2'), url(./files/inter-greek-400-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-vietnamese-400-normal.woff2) format('woff2'), url(./files/inter-vietnamese-400-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-latin-ext-400-normal.woff2) format('woff2'), url(./files/inter-latin-ext-400-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-latin-400-normal.woff2) format('woff2'), url(./files/inter-latin-400-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");l("/* inter-cyrillic-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-cyrillic-ext-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-500-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-cyrillic-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-500-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-greek-ext-500-normal.woff2) format('woff2'), url(./files/inter-greek-ext-500-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-greek-500-normal.woff2) format('woff2'), url(./files/inter-greek-500-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-vietnamese-500-normal.woff2) format('woff2'), url(./files/inter-vietnamese-500-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-latin-ext-500-normal.woff2) format('woff2'), url(./files/inter-latin-ext-500-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-latin-500-normal.woff2) format('woff2'), url(./files/inter-latin-500-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");l("/* inter-cyrillic-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-cyrillic-ext-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-600-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-cyrillic-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-600-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-greek-ext-600-normal.woff2) format('woff2'), url(./files/inter-greek-ext-600-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-greek-600-normal.woff2) format('woff2'), url(./files/inter-greek-600-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-vietnamese-600-normal.woff2) format('woff2'), url(./files/inter-vietnamese-600-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-latin-ext-600-normal.woff2) format('woff2'), url(./files/inter-latin-ext-600-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-latin-600-normal.woff2) format('woff2'), url(./files/inter-latin-600-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");l("/* inter-cyrillic-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-cyrillic-ext-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-700-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-cyrillic-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-700-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-greek-ext-700-normal.woff2) format('woff2'), url(./files/inter-greek-ext-700-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-greek-700-normal.woff2) format('woff2'), url(./files/inter-greek-700-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-vietnamese-700-normal.woff2) format('woff2'), url(./files/inter-vietnamese-700-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-latin-ext-700-normal.woff2) format('woff2'), url(./files/inter-latin-ext-700-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-latin-700-normal.woff2) format('woff2'), url(./files/inter-latin-700-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");var s=function(){return n(r,{styles:{body:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},html:{fontFamily:"'Inter', system-ui, sans-serif"}}})},c=function(f){var o=f.children,r=f.primaryColor,l=f.secondaryColor,a=f.enableCssBaseline,U=void 0===a||a,c=f.backgroundVariant,w=void 0===c?"none":c,F=f.bodyBackground,y={backgroundVariant:w,bodyBackground:void 0===F?"#F3F4F6":F};r&&(y.primaryColor=r),l&&(y.secondaryColor=l);var d=m(y);return e(t,{theme:d,children:[U&&n(i,{}),n(s,{}),o]})};export{c as U,m as c,a as d,l as s,U as t};

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

@@ -1 +1 @@
-import{a as o}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsxs as r,Fragment as i,jsx as n}from"react/jsx-runtime";import{useState as t,useMemo as e}from"react";import a from"@mui/material/IconButton";import{Popover as m}from"../Popover/index.esm.js";import d from"@mui/material/List";import l from"@mui/material/ListItemText";import p from"@mui/material/ListItemIcon";import{ListItemButton as c}from"@mui/material";import{G as s}from"../../chunks/lucide-8c9441ea.esm.js";var u=function(u){var v=u.apps,f=void 0===v?[]:v,h=u.icon,g=void 0===h?s:h,b=u.urlKey,y=void 0===b?"url":b,k=u.nameKey,x=void 0===k?"name":k,I=u.appIconKey,P=void 0===I?"appIcon":I,C=u.iconProps,w=void 0===C?{}:C,j=u.popoverProps,T=void 0===j?{}:j,B=u.listProps,K=void 0===B?{}:B,L=u.listItemProps,z=void 0===L?{}:L,O=u.listItemTextProps,W=void 0===O?{}:O,E=u.width,G=void 0===E?240:E,_=u.padding,q=void 0===_?0:_,A=u.border,D=void 0===A||A,F=u.target,H=void 0===F?"_blank":F,J=t(null),M=J[0],N=J[1],Q=Boolean(M)?"simple-popover":void 0,R=e(function(){return null==f?void 0:f.filter(function(o){return o.display})},[f]);return r(i,{children:[n(a,o({"aria-describedby":Q,onClick:function(o){N(o.currentTarget)}},w,{children:n(g,{})})),n(m,o({open:Boolean(M),onClose:function(){N(null)},anchorEl:M,width:G,padding:q,border:D,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},T,{children:n(d,o({disablePadding:!0},K,{children:R.map(function(i,t){return r(c,o({component:"div",sx:{":hover":{backgroundColor:i.backgroundColor}},onClick:function(){return window.open(i[y],H)}},z,{children:[i[P]?n(p,{sx:{minWidth:30,backgroundColor:i.backgroundColor},children:n("img",{width:22,height:22,src:i[P],alt:i.name})}):null,n(l,o({sx:{ml:1},primaryTypographyProps:{variant:"body2",fontWeight:500},primary:i[x]},W))]}),t)})}))}))]})};export{u as AppList,u as default};
+import{a as o}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsxs as r,Fragment as i,jsx as n}from"react/jsx-runtime";import{useState as t,useMemo as e}from"react";import a from"@mui/material/IconButton";import{Popover as m}from"../Popover/index.esm.js";import d from"@mui/material/List";import l from"@mui/material/ListItemText";import p from"@mui/material/ListItemIcon";import{ListItemButton as c}from"@mui/material";import{G as s}from"../../chunks/lucide-8c9441ea.esm.js";var u=function(u){var v=u.apps,f=void 0===v?[]:v,h=u.icon,g=void 0===h?s:h,b=u.urlKey,y=void 0===b?"url":b,k=u.nameKey,x=void 0===k?"name":k,I=u.appIconKey,P=void 0===I?"appIcon":I,C=u.iconProps,w=void 0===C?{}:C,j=u.popoverProps,T=void 0===j?{}:j,B=u.listProps,K=void 0===B?{}:B,L=u.listItemProps,z=void 0===L?{}:L,O=u.listItemTextProps,W=void 0===O?{}:O,E=u.width,G=void 0===E?240:E,_=u.padding,q=void 0===_?0:_,A=u.border,D=void 0===A||A,F=u.target,H=void 0===F?"_blank":F,J=t(null),M=J[0],N=J[1],Q=function(){N(null)},R=Boolean(M)?"simple-popover":void 0,S=e(function(){return null==f?void 0:f.filter(function(o){return o.display})},[f]);return r(i,{children:[n(a,o({"aria-describedby":R,onClick:function(o){N(o.currentTarget)}},w,{children:n(g,{})})),n(m,o({open:Boolean(M),onClose:Q,anchorEl:M,width:G,padding:q,border:D,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},T,{children:n(d,o({disablePadding:!0},K,{children:S.map(function(i,t){return r(c,o({component:"div",sx:{":hover":{backgroundColor:i.backgroundColor}},onClick:function(){Q(),window.open(i[y],H)}},z,{children:[i[P]?n(p,{sx:{minWidth:30,backgroundColor:i.backgroundColor},children:n("img",{width:22,height:22,src:i[P],alt:i.name})}):null,n(l,o({sx:{ml:1},primaryTypographyProps:{variant:"body2",fontWeight:500},primary:i[x]},W))]}),t)})}))}))]})};export{u as AppList,u as default};

package/dist/components/AppList/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../chunks/tslib.es6-a3dc1f53.js"),i=require("react/jsx-runtime"),e=require("react"),o=require("@mui/material/IconButton"),n=require("../Popover/index.js"),t=require("@mui/material/List"),s=require("@mui/material/ListItemText"),a=require("@mui/material/ListItemIcon"),d=require("@mui/material"),l=require("../../chunks/lucide-493ccaad.js"),u=function(u){var c=u.apps,p=void 0===c?[]:c,m=u.icon,v=void 0===m?l.Grip:m,g=u.urlKey,h=void 0===g?"url":g,x=u.nameKey,b=void 0===x?"name":x,j=u.appIconKey,_=void 0===j?"appIcon":j,f=u.iconProps,y=void 0===f?{}:f,q=u.popoverProps,P=void 0===q?{}:q,k=u.listProps,I=void 0===k?{}:k,C=u.listItemProps,w=void 0===C?{}:C,L=u.listItemTextProps,B=void 0===L?{}:L,T=u.width,K=void 0===T?240:T,O=u.padding,z=void 0===O?0:O,M=u.border,W=void 0===M||M,A=u.target,E=void 0===A?"_blank":A,F=e.useState(null),G=F[0],S=F[1],D=Boolean(G)?"simple-popover":void 0,H=e.useMemo(function(){return null==p?void 0:p.filter(function(r){return r.display})},[p]);return i.jsxs(i.Fragment,{children:[i.jsx(o,r.__assign({"aria-describedby":D,onClick:function(r){S(r.currentTarget)}},y,{children:i.jsx(v,{})})),i.jsx(n.Popover,r.__assign({open:Boolean(G),onClose:function(){S(null)},anchorEl:G,width:K,padding:z,border:W,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},P,{children:i.jsx(t,r.__assign({disablePadding:!0},I,{children:H.map(function(e,o){return i.jsxs(d.ListItemButton,r.__assign({component:"div",sx:{":hover":{backgroundColor:e.backgroundColor}},onClick:function(){return window.open(e[h],E)}},w,{children:[e[_]?i.jsx(a,{sx:{minWidth:30,backgroundColor:e.backgroundColor},children:i.jsx("img",{width:22,height:22,src:e[_],alt:e.name})}):null,i.jsx(s,r.__assign({sx:{ml:1},primaryTypographyProps:{variant:"body2",fontWeight:500},primary:e[b]},B))]}),o)})}))}))]})};exports.AppList=u,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("../../chunks/tslib.es6-a3dc1f53.js"),r=require("react/jsx-runtime"),e=require("react"),o=require("@mui/material/IconButton"),n=require("../Popover/index.js"),t=require("@mui/material/List"),s=require("@mui/material/ListItemText"),a=require("@mui/material/ListItemIcon"),d=require("@mui/material"),l=require("../../chunks/lucide-493ccaad.js"),u=function(u){var c=u.apps,p=void 0===c?[]:c,m=u.icon,v=void 0===m?l.Grip:m,g=u.urlKey,h=void 0===g?"url":g,x=u.nameKey,b=void 0===x?"name":x,j=u.appIconKey,_=void 0===j?"appIcon":j,f=u.iconProps,y=void 0===f?{}:f,q=u.popoverProps,P=void 0===q?{}:q,k=u.listProps,I=void 0===k?{}:k,C=u.listItemProps,w=void 0===C?{}:C,L=u.listItemTextProps,B=void 0===L?{}:L,T=u.width,K=void 0===T?240:T,O=u.padding,z=void 0===O?0:O,M=u.border,W=void 0===M||M,A=u.target,E=void 0===A?"_blank":A,F=e.useState(null),G=F[0],S=F[1],D=function(){S(null)},H=Boolean(G)?"simple-popover":void 0,J=e.useMemo(function(){return null==p?void 0:p.filter(function(i){return i.display})},[p]);return r.jsxs(r.Fragment,{children:[r.jsx(o,i.__assign({"aria-describedby":H,onClick:function(i){S(i.currentTarget)}},y,{children:r.jsx(v,{})})),r.jsx(n.Popover,i.__assign({open:Boolean(G),onClose:D,anchorEl:G,width:K,padding:z,border:W,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},P,{children:r.jsx(t,i.__assign({disablePadding:!0},I,{children:J.map(function(e,o){return r.jsxs(d.ListItemButton,i.__assign({component:"div",sx:{":hover":{backgroundColor:e.backgroundColor}},onClick:function(){D(),window.open(e[h],E)}},w,{children:[e[_]?r.jsx(a,{sx:{minWidth:30,backgroundColor:e.backgroundColor},children:r.jsx("img",{width:22,height:22,src:e[_],alt:e.name})}):null,r.jsx(s,i.__assign({sx:{ml:1},primaryTypographyProps:{variant:"body2",fontWeight:500},primary:e[b]},B))]}),o)})}))}))]})};exports.AppList=u,exports.default=u;

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

@@ -26,7 +26,7 @@ interface PaginationConfig {
 interface SelectionConfig<TData> {
     enabled?: boolean;
     rowIdAccessor?: (row: TData) => string;
-    onBulkAction?: (ids: string[], action: string) => void;
+    onBulkAction?: (event: any, ids: string[], action: string) => void;
     bulkActions?: BulkActionConfig[];
     selectionText?: (count: number) => string;
 }

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

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

package/dist/components/DataTable/index.js

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

package/dist/index.d.ts

@@ -648,7 +648,7 @@ interface PaginationConfig {
 interface SelectionConfig<TData> {
     enabled?: boolean;
     rowIdAccessor?: (row: TData) => string;
-    onBulkAction?: (ids: string[], action: string) => void;
+    onBulkAction?: (event: any, ids: string[], action: string) => void;
     bulkActions?: BulkActionConfig[];
     selectionText?: (count: number) => string;
 }
@@ -803,6 +803,8 @@ interface UILibraryThemeProviderProps {
     primaryColor?: string;
     secondaryColor?: string;
     enableCssBaseline?: boolean;
+    backgroundVariant?: 'standard' | 'custom' | 'none';
+    bodyBackground?: string;
 }
 declare const UILibraryThemeProvider: React__default.FC<UILibraryThemeProviderProps>;
 
@@ -818,19 +820,14 @@ declare module '@mui/material/styles' {
         };
     }
     interface ThemeOptions {
-        radius?: {
-            xs?: string;
-            sm?: string;
-            md?: string;
-            lg?: string;
-            xl?: string;
-            full?: string;
-        };
+        radius?: Partial<Theme['radius']>;
     }
 }
 interface ThemeConfig {
     primaryColor?: string;
     secondaryColor?: string;
+    backgroundVariant?: 'standard' | 'custom' | 'none';
+    bodyBackground?: string;
 }
 declare const createCustomTheme: (config?: ThemeConfig) => Theme;
 declare const theme: Theme;

package/dist/index.esm.js

@@ -1 +1 @@
-import{s as n}from"./chunks/index-7cc7b46f.esm.js";export{U as UILibraryThemeProvider,c as createCustomTheme,d as designTokens,t as theme}from"./chunks/index-7cc7b46f.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-8c9441ea.esm.js";export{Badge}from"./components/Badge/index.esm.js";export{Input}from"./components/Input/index.esm.js";export{Notice}from"./components/Notice/index.esm.js";export{DatePicker}from"./components/DatePicker/index.esm.js";export{DateRangePicker}from"./components/DateRangePicker/index.esm.js";export{Form}from"./components/Form/index.esm.js";export{Checkbox}from"./components/Checkbox/index.esm.js";export{CheckboxGroup}from"./components/CheckboxGroup/index.esm.js";export{Radio}from"./components/Radio/index.esm.js";export{PopupConfirm}from"./components/PopupConfirm/index.esm.js";export{GlobalMenuSearch}from"./components/GlobalMenuSearch/index.esm.js";export{AppList}from"./components/AppList/index.esm.js";export{Table}from"./components/Table/index.esm.js";export{BulkActionsBar}from"./components/BulkActionsBar/index.esm.js";export{TimePicker}from"./components/TimePicker/index.esm.js";export{DataTable}from"./components/DataTable/index.esm.js";export{Tab}from"./components/Tab/index.esm.js";export{Timeline}from"./components/Timeline/index.esm.js";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-406be690.esm.js";import"@emotion/react";import"react-dom";import"./chunks/index-a7c3d9a4.esm.js";import"./chunks/Calender-d4b487fe.esm.js";import"@mui/material/IconButton";import"@mui/material/List";import"@mui/material/ListItemText";import"@mui/material/ListItemIcon";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\\: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\\:border-collapse {\n    border-collapse: collapse !important;\n  }\n  .zui\\:-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .zui\\:rotate-90 {\n    rotate: 90deg !important;\n  }\n  .zui\\:animate-pulse {\n    animation: var(--zui-animate-pulse) !important;\n  }\n  .zui\\:animate-spin {\n    animation: var(--zui-animate-spin) !important;\n  }\n  .zui\\:cursor-default {\n    cursor: default !important;\n  }\n  .zui\\:cursor-not-allowed {\n    cursor: not-allowed !important;\n  }\n  .zui\\:cursor-pointer {\n    cursor: pointer !important;\n  }\n  .zui\\:resize-none {\n    resize: none !important;\n  }\n  .zui\\:list-inside {\n    list-style-position: inside !important;\n  }\n  .zui\\:list-disc {\n    list-style-type: disc !important;\n  }\n  .zui\\:grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-12 {\n    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n  }\n  .zui\\:flex-col {\n    flex-direction: column !important;\n  }\n  .zui\\:flex-row {\n    flex-direction: row !important;\n  }\n  .zui\\:flex-row-reverse {\n    flex-direction: row-reverse !important;\n  }\n  .zui\\:flex-nowrap {\n    flex-wrap: nowrap !important;\n  }\n  .zui\\:flex-wrap {\n    flex-wrap: wrap !important;\n  }\n  .zui\\:items-baseline {\n    align-items: baseline !important;\n  }\n  .zui\\:items-center {\n    align-items: center !important;\n  }\n  .zui\\:items-start {\n    align-items: flex-start !important;\n  }\n  .zui\\:justify-between {\n    justify-content: space-between !important;\n  }\n  .zui\\:justify-center {\n    justify-content: center !important;\n  }\n  .zui\\:justify-end {\n    justify-content: flex-end !important;\n  }\n  .zui\\:justify-start {\n    justify-content: flex-start !important;\n  }\n  .zui\\:gap-0\\.5 {\n    gap: calc(var(--zui-spacing) * 0.5) !important;\n  }\n  .zui\\:gap-1 {\n    gap: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:gap-1\\.5 {\n    gap: calc(var(--zui-spacing) * 1.5) !important;\n  }\n  .zui\\:gap-2 {\n    gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:gap-3 {\n    gap: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:gap-4 {\n    gap: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:gap-6 {\n    gap: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:space-y-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 5) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 6) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-8 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 8) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:gap-y-2 {\n    row-gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:truncate {\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n  }\n  .zui\\:overflow-auto {\n    overflow: auto !important;\n  }\n  .zui\\:overflow-hidden {\n    overflow: hidden !important;\n  }\n  .zui\\:overflow-visible {\n    overflow: visible !important;\n  }\n  .zui\\:overflow-x-auto {\n    overflow-x: auto !important;\n  }\n  .zui\\:overflow-y-auto {\n    overflow-y: auto !important;\n  }\n  .zui\\:rounded {\n    border-radius: 0.25rem !important;\n  }\n  .zui\\:rounded-2xl {\n    border-radius: var(--zui-radius-2xl) !important;\n  }\n  .zui\\:rounded-full {\n    border-radius: calc(infinity * 1px) !important;\n  }\n  .zui\\:rounded-lg {\n    border-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-md {\n    border-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-none {\n    border-radius: 0 !important;\n  }\n  .zui\\:rounded-sm {\n    border-radius: calc(var(--zui-radius) - 4px) !important;\n  }\n  .zui\\:rounded-xl {\n    border-radius: calc(var(--zui-radius) + 4px) !important;\n  }\n  .zui\\:rounded-s-md {\n    border-start-start-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-start-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-e-md {\n    border-start-end-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-end-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-t-lg {\n    border-top-left-radius: var(--zui-radius) !important;\n    border-top-right-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-t-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-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-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};
+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-8c9441ea.esm.js";export{Badge}from"./components/Badge/index.esm.js";export{Input}from"./components/Input/index.esm.js";export{Notice}from"./components/Notice/index.esm.js";export{DatePicker}from"./components/DatePicker/index.esm.js";export{DateRangePicker}from"./components/DateRangePicker/index.esm.js";export{Form}from"./components/Form/index.esm.js";export{Checkbox}from"./components/Checkbox/index.esm.js";export{CheckboxGroup}from"./components/CheckboxGroup/index.esm.js";export{Radio}from"./components/Radio/index.esm.js";export{PopupConfirm}from"./components/PopupConfirm/index.esm.js";export{GlobalMenuSearch}from"./components/GlobalMenuSearch/index.esm.js";export{AppList}from"./components/AppList/index.esm.js";export{Table}from"./components/Table/index.esm.js";export{BulkActionsBar}from"./components/BulkActionsBar/index.esm.js";export{TimePicker}from"./components/TimePicker/index.esm.js";export{DataTable}from"./components/DataTable/index.esm.js";export{Tab}from"./components/Tab/index.esm.js";export{Timeline}from"./components/Timeline/index.esm.js";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-406be690.esm.js";import"@emotion/react";import"react-dom";import"./chunks/index-a7c3d9a4.esm.js";import"./chunks/Calender-d4b487fe.esm.js";import"@mui/material/IconButton";import"@mui/material/List";import"@mui/material/ListItemText";import"@mui/material/ListItemIcon";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\\: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\\:border-collapse {\n    border-collapse: collapse !important;\n  }\n  .zui\\:-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .zui\\:rotate-90 {\n    rotate: 90deg !important;\n  }\n  .zui\\:animate-pulse {\n    animation: var(--zui-animate-pulse) !important;\n  }\n  .zui\\:animate-spin {\n    animation: var(--zui-animate-spin) !important;\n  }\n  .zui\\:cursor-default {\n    cursor: default !important;\n  }\n  .zui\\:cursor-not-allowed {\n    cursor: not-allowed !important;\n  }\n  .zui\\:cursor-pointer {\n    cursor: pointer !important;\n  }\n  .zui\\:resize-none {\n    resize: none !important;\n  }\n  .zui\\:list-inside {\n    list-style-position: inside !important;\n  }\n  .zui\\:list-disc {\n    list-style-type: disc !important;\n  }\n  .zui\\:grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-12 {\n    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n  }\n  .zui\\:flex-col {\n    flex-direction: column !important;\n  }\n  .zui\\:flex-row {\n    flex-direction: row !important;\n  }\n  .zui\\:flex-row-reverse {\n    flex-direction: row-reverse !important;\n  }\n  .zui\\:flex-nowrap {\n    flex-wrap: nowrap !important;\n  }\n  .zui\\:flex-wrap {\n    flex-wrap: wrap !important;\n  }\n  .zui\\:items-baseline {\n    align-items: baseline !important;\n  }\n  .zui\\:items-center {\n    align-items: center !important;\n  }\n  .zui\\:items-start {\n    align-items: flex-start !important;\n  }\n  .zui\\:justify-between {\n    justify-content: space-between !important;\n  }\n  .zui\\:justify-center {\n    justify-content: center !important;\n  }\n  .zui\\:justify-end {\n    justify-content: flex-end !important;\n  }\n  .zui\\:justify-start {\n    justify-content: flex-start !important;\n  }\n  .zui\\:gap-0\\.5 {\n    gap: calc(var(--zui-spacing) * 0.5) !important;\n  }\n  .zui\\:gap-1 {\n    gap: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:gap-1\\.5 {\n    gap: calc(var(--zui-spacing) * 1.5) !important;\n  }\n  .zui\\:gap-2 {\n    gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:gap-3 {\n    gap: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:gap-4 {\n    gap: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:gap-6 {\n    gap: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:space-y-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 5) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 6) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-8 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 8) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:gap-y-2 {\n    row-gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:truncate {\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n  }\n  .zui\\:overflow-auto {\n    overflow: auto !important;\n  }\n  .zui\\:overflow-hidden {\n    overflow: hidden !important;\n  }\n  .zui\\:overflow-visible {\n    overflow: visible !important;\n  }\n  .zui\\:overflow-x-auto {\n    overflow-x: auto !important;\n  }\n  .zui\\:overflow-y-auto {\n    overflow-y: auto !important;\n  }\n  .zui\\:rounded {\n    border-radius: 0.25rem !important;\n  }\n  .zui\\:rounded-2xl {\n    border-radius: var(--zui-radius-2xl) !important;\n  }\n  .zui\\:rounded-full {\n    border-radius: calc(infinity * 1px) !important;\n  }\n  .zui\\:rounded-lg {\n    border-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-md {\n    border-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-none {\n    border-radius: 0 !important;\n  }\n  .zui\\:rounded-sm {\n    border-radius: calc(var(--zui-radius) - 4px) !important;\n  }\n  .zui\\:rounded-xl {\n    border-radius: calc(var(--zui-radius) + 4px) !important;\n  }\n  .zui\\:rounded-s-md {\n    border-start-start-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-start-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-e-md {\n    border-start-end-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-end-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-t-lg {\n    border-top-left-radius: var(--zui-radius) !important;\n    border-top-right-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-t-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-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-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

@@ -1 +1 @@
-"use strict";var n=require("./chunks/index-2b363ed7.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"),u=require("./chunks/Heading-ff5c771d.js"),l=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-493ccaad.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-0d04996d.js"),require("@mui/material/IconButton"),require("@mui/material/List"),require("@mui/material/ListItemText"),require("@mui/material/ListItemIcon"),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\\: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\\:border-collapse {\n    border-collapse: collapse !important;\n  }\n  .zui\\:-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .zui\\:rotate-90 {\n    rotate: 90deg !important;\n  }\n  .zui\\:animate-pulse {\n    animation: var(--zui-animate-pulse) !important;\n  }\n  .zui\\:animate-spin {\n    animation: var(--zui-animate-spin) !important;\n  }\n  .zui\\:cursor-default {\n    cursor: default !important;\n  }\n  .zui\\:cursor-not-allowed {\n    cursor: not-allowed !important;\n  }\n  .zui\\:cursor-pointer {\n    cursor: pointer !important;\n  }\n  .zui\\:resize-none {\n    resize: none !important;\n  }\n  .zui\\:list-inside {\n    list-style-position: inside !important;\n  }\n  .zui\\:list-disc {\n    list-style-type: disc !important;\n  }\n  .zui\\:grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-12 {\n    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n  }\n  .zui\\:flex-col {\n    flex-direction: column !important;\n  }\n  .zui\\:flex-row {\n    flex-direction: row !important;\n  }\n  .zui\\:flex-row-reverse {\n    flex-direction: row-reverse !important;\n  }\n  .zui\\:flex-nowrap {\n    flex-wrap: nowrap !important;\n  }\n  .zui\\:flex-wrap {\n    flex-wrap: wrap !important;\n  }\n  .zui\\:items-baseline {\n    align-items: baseline !important;\n  }\n  .zui\\:items-center {\n    align-items: center !important;\n  }\n  .zui\\:items-start {\n    align-items: flex-start !important;\n  }\n  .zui\\:justify-between {\n    justify-content: space-between !important;\n  }\n  .zui\\:justify-center {\n    justify-content: center !important;\n  }\n  .zui\\:justify-end {\n    justify-content: flex-end !important;\n  }\n  .zui\\:justify-start {\n    justify-content: flex-start !important;\n  }\n  .zui\\:gap-0\\.5 {\n    gap: calc(var(--zui-spacing) * 0.5) !important;\n  }\n  .zui\\:gap-1 {\n    gap: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:gap-1\\.5 {\n    gap: calc(var(--zui-spacing) * 1.5) !important;\n  }\n  .zui\\:gap-2 {\n    gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:gap-3 {\n    gap: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:gap-4 {\n    gap: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:gap-6 {\n    gap: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:space-y-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 5) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 6) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-8 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 8) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:gap-y-2 {\n    row-gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:truncate {\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n  }\n  .zui\\:overflow-auto {\n    overflow: auto !important;\n  }\n  .zui\\:overflow-hidden {\n    overflow: hidden !important;\n  }\n  .zui\\:overflow-visible {\n    overflow: visible !important;\n  }\n  .zui\\:overflow-x-auto {\n    overflow-x: auto !important;\n  }\n  .zui\\:overflow-y-auto {\n    overflow-y: auto !important;\n  }\n  .zui\\:rounded {\n    border-radius: 0.25rem !important;\n  }\n  .zui\\:rounded-2xl {\n    border-radius: var(--zui-radius-2xl) !important;\n  }\n  .zui\\:rounded-full {\n    border-radius: calc(infinity * 1px) !important;\n  }\n  .zui\\:rounded-lg {\n    border-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-md {\n    border-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-none {\n    border-radius: 0 !important;\n  }\n  .zui\\:rounded-sm {\n    border-radius: calc(var(--zui-radius) - 4px) !important;\n  }\n  .zui\\:rounded-xl {\n    border-radius: calc(var(--zui-radius) + 4px) !important;\n  }\n  .zui\\:rounded-s-md {\n    border-start-start-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-start-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-e-md {\n    border-start-end-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-end-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-t-lg {\n    border-top-left-radius: var(--zui-radius) !important;\n    border-top-right-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-t-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-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-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=u.Heading,exports.Text=l.Text,exports.Blockquote=p.Blockquote,exports.Caption=p.Caption,exports.Code=p.Code,exports.Lead=p.Lead,exports.Strong=p.Strong,exports.Muted=s.Muted,exports.Modal=d.Modal,exports.cn=g.cn,exports.useStableId=g.useStableId,exports.Badge=v.Badge,exports.Input=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,u=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",u)},children:[m.jsxs(z.Box,{className:"zui:p-4 zui:flex zui:items-center zui:justify-between zui:border-b zui:border-border",children:[m.jsx(l.Text,{size:"sm",fontWeight:600,children:t}),s&&m.jsx(z.IconButton,{onClick: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})]})};
+"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"),u=require("./chunks/Heading-ff5c771d.js"),l=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-493ccaad.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-0d04996d.js"),require("@mui/material/IconButton"),require("@mui/material/List"),require("@mui/material/ListItemText"),require("@mui/material/ListItemIcon"),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\\: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\\:border-collapse {\n    border-collapse: collapse !important;\n  }\n  .zui\\:-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .zui\\:rotate-90 {\n    rotate: 90deg !important;\n  }\n  .zui\\:animate-pulse {\n    animation: var(--zui-animate-pulse) !important;\n  }\n  .zui\\:animate-spin {\n    animation: var(--zui-animate-spin) !important;\n  }\n  .zui\\:cursor-default {\n    cursor: default !important;\n  }\n  .zui\\:cursor-not-allowed {\n    cursor: not-allowed !important;\n  }\n  .zui\\:cursor-pointer {\n    cursor: pointer !important;\n  }\n  .zui\\:resize-none {\n    resize: none !important;\n  }\n  .zui\\:list-inside {\n    list-style-position: inside !important;\n  }\n  .zui\\:list-disc {\n    list-style-type: disc !important;\n  }\n  .zui\\:grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-12 {\n    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n  }\n  .zui\\:flex-col {\n    flex-direction: column !important;\n  }\n  .zui\\:flex-row {\n    flex-direction: row !important;\n  }\n  .zui\\:flex-row-reverse {\n    flex-direction: row-reverse !important;\n  }\n  .zui\\:flex-nowrap {\n    flex-wrap: nowrap !important;\n  }\n  .zui\\:flex-wrap {\n    flex-wrap: wrap !important;\n  }\n  .zui\\:items-baseline {\n    align-items: baseline !important;\n  }\n  .zui\\:items-center {\n    align-items: center !important;\n  }\n  .zui\\:items-start {\n    align-items: flex-start !important;\n  }\n  .zui\\:justify-between {\n    justify-content: space-between !important;\n  }\n  .zui\\:justify-center {\n    justify-content: center !important;\n  }\n  .zui\\:justify-end {\n    justify-content: flex-end !important;\n  }\n  .zui\\:justify-start {\n    justify-content: flex-start !important;\n  }\n  .zui\\:gap-0\\.5 {\n    gap: calc(var(--zui-spacing) * 0.5) !important;\n  }\n  .zui\\:gap-1 {\n    gap: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:gap-1\\.5 {\n    gap: calc(var(--zui-spacing) * 1.5) !important;\n  }\n  .zui\\:gap-2 {\n    gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:gap-3 {\n    gap: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:gap-4 {\n    gap: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:gap-6 {\n    gap: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:space-y-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 5) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 6) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-8 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 8) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:gap-y-2 {\n    row-gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:truncate {\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n  }\n  .zui\\:overflow-auto {\n    overflow: auto !important;\n  }\n  .zui\\:overflow-hidden {\n    overflow: hidden !important;\n  }\n  .zui\\:overflow-visible {\n    overflow: visible !important;\n  }\n  .zui\\:overflow-x-auto {\n    overflow-x: auto !important;\n  }\n  .zui\\:overflow-y-auto {\n    overflow-y: auto !important;\n  }\n  .zui\\:rounded {\n    border-radius: 0.25rem !important;\n  }\n  .zui\\:rounded-2xl {\n    border-radius: var(--zui-radius-2xl) !important;\n  }\n  .zui\\:rounded-full {\n    border-radius: calc(infinity * 1px) !important;\n  }\n  .zui\\:rounded-lg {\n    border-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-md {\n    border-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-none {\n    border-radius: 0 !important;\n  }\n  .zui\\:rounded-sm {\n    border-radius: calc(var(--zui-radius) - 4px) !important;\n  }\n  .zui\\:rounded-xl {\n    border-radius: calc(var(--zui-radius) + 4px) !important;\n  }\n  .zui\\:rounded-s-md {\n    border-start-start-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-start-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-e-md {\n    border-start-end-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-end-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-t-lg {\n    border-top-left-radius: var(--zui-radius) !important;\n    border-top-right-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-t-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-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-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=u.Heading,exports.Text=l.Text,exports.Blockquote=p.Blockquote,exports.Caption=p.Caption,exports.Code=p.Code,exports.Lead=p.Lead,exports.Strong=p.Strong,exports.Muted=s.Muted,exports.Modal=d.Modal,exports.cn=g.cn,exports.useStableId=g.useStableId,exports.Badge=v.Badge,exports.Input=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,u=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",u)},children:[m.jsxs(z.Box,{className:"zui:p-4 zui:flex zui:items-center zui:justify-between zui:border-b zui:border-border",children:[m.jsx(l.Text,{size:"sm",fontWeight:600,children:t}),s&&m.jsx(z.IconButton,{onClick: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/dist/theme/index.d.ts

@@ -6,6 +6,8 @@ interface UILibraryThemeProviderProps {
     primaryColor?: string;
     secondaryColor?: string;
     enableCssBaseline?: boolean;
+    backgroundVariant?: 'standard' | 'custom' | 'none';
+    bodyBackground?: string;
 }
 declare const UILibraryThemeProvider: React.FC<UILibraryThemeProviderProps>;
 
@@ -21,19 +23,14 @@ declare module '@mui/material/styles' {
         };
     }
     interface ThemeOptions {
-        radius?: {
-            xs?: string;
-            sm?: string;
-            md?: string;
-            lg?: string;
-            xl?: string;
-            full?: string;
-        };
+        radius?: Partial<Theme['radius']>;
     }
 }
 interface ThemeConfig {
     primaryColor?: string;
     secondaryColor?: string;
+    backgroundVariant?: 'standard' | 'custom' | 'none';
+    bodyBackground?: string;
 }
 declare const createCustomTheme: (config?: ThemeConfig) => Theme;
 declare const theme: Theme;

package/dist/theme/index.esm.js

@@ -1 +1 @@
-export{U as UILibraryThemeProvider,c as createCustomTheme,d as designTokens,t as theme}from"../chunks/index-7cc7b46f.esm.js";import"react/jsx-runtime";import"@mui/material/styles";import"@mui/material";
+export{U as UILibraryThemeProvider,c as createCustomTheme,d as designTokens,t as theme}from"../chunks/index-92dc1820.esm.js";import"react/jsx-runtime";import"@mui/material/styles";import"@mui/material";

package/dist/theme/index.js

@@ -1 +1 @@
-"use strict";var e=require("../chunks/index-2b363ed7.js");require("react/jsx-runtime"),require("@mui/material/styles"),require("@mui/material"),exports.UILibraryThemeProvider=e.UILibraryThemeProvider,exports.createCustomTheme=e.createCustomTheme,exports.designTokens=e.designTokens,exports.theme=e.theme;
+"use strict";var e=require("../chunks/index-1d613f26.js");require("react/jsx-runtime"),require("@mui/material/styles"),require("@mui/material"),exports.UILibraryThemeProvider=e.UILibraryThemeProvider,exports.createCustomTheme=e.createCustomTheme,exports.designTokens=e.designTokens,exports.theme=e.theme;

package/package.json

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

package/dist/chunks/index-2b363ed7.js

@@ -1 +0,0 @@
-"use strict";var n=require("react/jsx-runtime"),e=require("@mui/material/styles"),f=require("@mui/material");function t(n,e){void 0===e&&(e={});var f=e.insertAt;if(n&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===f&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}var r={colors:{primary:{50:"#e3f2fd",100:"#bbdefb",500:"#2196f3",900:"#0d47a1"},secondary:{50:"#fce4ec",100:"#f8bbd9",500:"#e91e63",900:"#880e4f"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",500:"#9e9e9e",900:"#212121"}},spacing:{xs:"4px",sm:"8px",md:"16px",lg:"24px",xl:"32px"},radius:{xs:"2px",sm:"4px",md:"8px",lg:"12px",xl:"16px",full:"9999px"},typography:{fontFamily:"'Inter', system-ui, sans-serif",fontSize:{xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.25rem",xl:"1.5rem"}},size:{small:"10px",medium:"25px",large:"30px"}},o=function(n){void 0===n&&(n={});var f=n.primaryColor,t=void 0===f?r.colors.primary[500]:f,o=n.secondaryColor,i=void 0===o?r.colors.secondary[500]:o;return e.createTheme({palette:{primary:{main:t},secondary:{main:i},divider:"#e5e5e5"},typography:{fontFamily:r.typography.fontFamily,fontSize:14,h1:{fontSize:"2.25rem",fontWeight:800,letterSpacing:"-0.02em",lineHeight:1.2},h2:{fontSize:"1.875rem",fontWeight:700,lineHeight:1.25},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.3},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.35},h5:{fontSize:"1.125rem",fontWeight:500,lineHeight:1.4},h6:{fontSize:"1rem",fontWeight:500,lineHeight:1.5},body1:{fontSize:"1rem",lineHeight:"1.625rem"},body2:{fontSize:"0.875rem",lineHeight:"1.5rem"},caption:{fontSize:"0.75rem",lineHeight:"1.25rem"},button:{fontSize:"0.875rem",lineHeight:"1.5rem",textTransform:"none"},subtitle1:{fontSize:"1.125rem",lineHeight:"1.5rem"}},spacing:8,shape:{borderRadius:4},radius:r.radius,components:{MuiButton:{styleOverrides:{root:{textTransform:"none",fontWeight:"normal",letterSpacing:"0.5px",padding:"6px 12px"},sizeSmall:{padding:"4px 10px"},sizeLarge:{padding:"10px 24px"}},defaultProps:{disableElevation:!0}},MuiCard:{styleOverrides:{root:{borderRadius:"12px",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.1)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:"8px"}}}}}})},i=o();t("/* inter-cyrillic-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-cyrillic-ext-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-300-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-cyrillic-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-300-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-greek-ext-300-normal.woff2) format('woff2'), url(./files/inter-greek-ext-300-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-greek-300-normal.woff2) format('woff2'), url(./files/inter-greek-300-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-vietnamese-300-normal.woff2) format('woff2'), url(./files/inter-vietnamese-300-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-latin-ext-300-normal.woff2) format('woff2'), url(./files/inter-latin-ext-300-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-latin-300-normal.woff2) format('woff2'), url(./files/inter-latin-300-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");t("/* inter-cyrillic-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-400-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-cyrillic-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-400-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-greek-ext-400-normal.woff2) format('woff2'), url(./files/inter-greek-ext-400-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-greek-400-normal.woff2) format('woff2'), url(./files/inter-greek-400-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-vietnamese-400-normal.woff2) format('woff2'), url(./files/inter-vietnamese-400-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-latin-ext-400-normal.woff2) format('woff2'), url(./files/inter-latin-ext-400-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-latin-400-normal.woff2) format('woff2'), url(./files/inter-latin-400-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");t("/* inter-cyrillic-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-cyrillic-ext-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-500-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-cyrillic-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-500-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-greek-ext-500-normal.woff2) format('woff2'), url(./files/inter-greek-ext-500-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-greek-500-normal.woff2) format('woff2'), url(./files/inter-greek-500-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-vietnamese-500-normal.woff2) format('woff2'), url(./files/inter-vietnamese-500-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-latin-ext-500-normal.woff2) format('woff2'), url(./files/inter-latin-ext-500-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-latin-500-normal.woff2) format('woff2'), url(./files/inter-latin-500-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");t("/* inter-cyrillic-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-cyrillic-ext-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-600-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-cyrillic-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-600-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-greek-ext-600-normal.woff2) format('woff2'), url(./files/inter-greek-ext-600-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-greek-600-normal.woff2) format('woff2'), url(./files/inter-greek-600-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-vietnamese-600-normal.woff2) format('woff2'), url(./files/inter-vietnamese-600-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-latin-ext-600-normal.woff2) format('woff2'), url(./files/inter-latin-ext-600-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-latin-600-normal.woff2) format('woff2'), url(./files/inter-latin-600-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");t("/* inter-cyrillic-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-cyrillic-ext-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-700-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-cyrillic-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-700-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-greek-ext-700-normal.woff2) format('woff2'), url(./files/inter-greek-ext-700-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-greek-700-normal.woff2) format('woff2'), url(./files/inter-greek-700-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-vietnamese-700-normal.woff2) format('woff2'), url(./files/inter-vietnamese-700-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-latin-ext-700-normal.woff2) format('woff2'), url(./files/inter-latin-ext-700-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-latin-700-normal.woff2) format('woff2'), url(./files/inter-latin-700-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");var l=function(){return n.jsx(f.GlobalStyles,{styles:{body:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},html:{fontFamily:"'Inter', system-ui, sans-serif"}}})};exports.UILibraryThemeProvider=function(t){var r=t.children,i=t.primaryColor,a=t.secondaryColor,U=t.enableCssBaseline,m=void 0===U||U,s={};i&&(s.primaryColor=i),a&&(s.secondaryColor=a);var w=o(s);return n.jsxs(e.ThemeProvider,{theme:w,children:[m&&n.jsx(f.CssBaseline,{}),n.jsx(l,{}),r]})},exports.createCustomTheme=o,exports.designTokens=r,exports.styleInject=t,exports.theme=i;

package/dist/chunks/index-7cc7b46f.esm.js

@@ -1 +0,0 @@
-import{jsx as n,jsxs as e}from"react/jsx-runtime";import{createTheme as f,ThemeProvider as t}from"@mui/material/styles";import{GlobalStyles as r,CssBaseline as o}from"@mui/material";function l(n,e){void 0===e&&(e={});var f=e.insertAt;if(n&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===f&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}var i={colors:{primary:{50:"#e3f2fd",100:"#bbdefb",500:"#2196f3",900:"#0d47a1"},secondary:{50:"#fce4ec",100:"#f8bbd9",500:"#e91e63",900:"#880e4f"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",500:"#9e9e9e",900:"#212121"}},spacing:{xs:"4px",sm:"8px",md:"16px",lg:"24px",xl:"32px"},radius:{xs:"2px",sm:"4px",md:"8px",lg:"12px",xl:"16px",full:"9999px"},typography:{fontFamily:"'Inter', system-ui, sans-serif",fontSize:{xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.25rem",xl:"1.5rem"}},size:{small:"10px",medium:"25px",large:"30px"}},a=function(n){void 0===n&&(n={});var e=n.primaryColor,t=void 0===e?i.colors.primary[500]:e,r=n.secondaryColor,o=void 0===r?i.colors.secondary[500]:r;return f({palette:{primary:{main:t},secondary:{main:o},divider:"#e5e5e5"},typography:{fontFamily:i.typography.fontFamily,fontSize:14,h1:{fontSize:"2.25rem",fontWeight:800,letterSpacing:"-0.02em",lineHeight:1.2},h2:{fontSize:"1.875rem",fontWeight:700,lineHeight:1.25},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.3},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.35},h5:{fontSize:"1.125rem",fontWeight:500,lineHeight:1.4},h6:{fontSize:"1rem",fontWeight:500,lineHeight:1.5},body1:{fontSize:"1rem",lineHeight:"1.625rem"},body2:{fontSize:"0.875rem",lineHeight:"1.5rem"},caption:{fontSize:"0.75rem",lineHeight:"1.25rem"},button:{fontSize:"0.875rem",lineHeight:"1.5rem",textTransform:"none"},subtitle1:{fontSize:"1.125rem",lineHeight:"1.5rem"}},spacing:8,shape:{borderRadius:4},radius:i.radius,components:{MuiButton:{styleOverrides:{root:{textTransform:"none",fontWeight:"normal",letterSpacing:"0.5px",padding:"6px 12px"},sizeSmall:{padding:"4px 10px"},sizeLarge:{padding:"10px 24px"}},defaultProps:{disableElevation:!0}},MuiCard:{styleOverrides:{root:{borderRadius:"12px",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.1)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:"8px"}}}}}})},U=a();l("/* inter-cyrillic-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-cyrillic-ext-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-300-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-cyrillic-300-normal.woff2) format('woff2'), url(./files/inter-cyrillic-300-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-greek-ext-300-normal.woff2) format('woff2'), url(./files/inter-greek-ext-300-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-greek-300-normal.woff2) format('woff2'), url(./files/inter-greek-300-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-vietnamese-300-normal.woff2) format('woff2'), url(./files/inter-vietnamese-300-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-latin-ext-300-normal.woff2) format('woff2'), url(./files/inter-latin-ext-300-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-300-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src: url(./files/inter-latin-300-normal.woff2) format('woff2'), url(./files/inter-latin-300-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");l("/* inter-cyrillic-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-400-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-cyrillic-400-normal.woff2) format('woff2'), url(./files/inter-cyrillic-400-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-greek-ext-400-normal.woff2) format('woff2'), url(./files/inter-greek-ext-400-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-greek-400-normal.woff2) format('woff2'), url(./files/inter-greek-400-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-vietnamese-400-normal.woff2) format('woff2'), url(./files/inter-vietnamese-400-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-latin-ext-400-normal.woff2) format('woff2'), url(./files/inter-latin-ext-400-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-400-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/inter-latin-400-normal.woff2) format('woff2'), url(./files/inter-latin-400-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");l("/* inter-cyrillic-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-cyrillic-ext-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-500-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-cyrillic-500-normal.woff2) format('woff2'), url(./files/inter-cyrillic-500-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-greek-ext-500-normal.woff2) format('woff2'), url(./files/inter-greek-ext-500-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-greek-500-normal.woff2) format('woff2'), url(./files/inter-greek-500-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-vietnamese-500-normal.woff2) format('woff2'), url(./files/inter-vietnamese-500-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-latin-ext-500-normal.woff2) format('woff2'), url(./files/inter-latin-ext-500-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-500-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src: url(./files/inter-latin-500-normal.woff2) format('woff2'), url(./files/inter-latin-500-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");l("/* inter-cyrillic-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-cyrillic-ext-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-600-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-cyrillic-600-normal.woff2) format('woff2'), url(./files/inter-cyrillic-600-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-greek-ext-600-normal.woff2) format('woff2'), url(./files/inter-greek-ext-600-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-greek-600-normal.woff2) format('woff2'), url(./files/inter-greek-600-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-vietnamese-600-normal.woff2) format('woff2'), url(./files/inter-vietnamese-600-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-latin-ext-600-normal.woff2) format('woff2'), url(./files/inter-latin-ext-600-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-600-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 600;\n  src: url(./files/inter-latin-600-normal.woff2) format('woff2'), url(./files/inter-latin-600-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");l("/* inter-cyrillic-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-cyrillic-ext-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-ext-700-normal.woff) format('woff');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* inter-cyrillic-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-cyrillic-700-normal.woff2) format('woff2'), url(./files/inter-cyrillic-700-normal.woff) format('woff');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* inter-greek-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-greek-ext-700-normal.woff2) format('woff2'), url(./files/inter-greek-ext-700-normal.woff) format('woff');\n  unicode-range: U+1F00-1FFF;\n}\n\n/* inter-greek-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-greek-700-normal.woff2) format('woff2'), url(./files/inter-greek-700-normal.woff) format('woff');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n\n/* inter-vietnamese-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-vietnamese-700-normal.woff2) format('woff2'), url(./files/inter-vietnamese-700-normal.woff) format('woff');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n\n/* inter-latin-ext-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-latin-ext-700-normal.woff2) format('woff2'), url(./files/inter-latin-ext-700-normal.woff) format('woff');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* inter-latin-700-normal */\n@font-face {\n  font-family: 'Inter';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src: url(./files/inter-latin-700-normal.woff2) format('woff2'), url(./files/inter-latin-700-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}");var m=function(){return n(r,{styles:{body:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},html:{fontFamily:"'Inter', system-ui, sans-serif"}}})},s=function(f){var r=f.children,l=f.primaryColor,i=f.secondaryColor,U=f.enableCssBaseline,s=void 0===U||U,w={};l&&(w.primaryColor=l),i&&(w.secondaryColor=i);var c=a(w);return e(t,{theme:c,children:[s&&n(o,{}),n(m,{}),r]})};export{s as U,a as c,i as d,l as s,U as t};