@zimyo/ui 1.11.7 → 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/index.d.ts

@@ -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.7",
+  "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};