@zimyo/ui 1.10.0 → 1.10.2

package/dist/index.esm.js

@@ -1 +1 @@
-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-e2a972b9.esm.js";import{T as e}from"./chunks/Text-cc8d79c4.esm.js";export{Blockquote,Caption,Code,Lead,Strong}from"./components/Typography/index.esm.js";export{M as Muted}from"./chunks/Muted-3ce0abb2.esm.js";export{Modal}from"./components/Modal/index.esm.js";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{Drawer as t,Box as i,IconButton as s}from"@mui/material";import{c as m}from"./chunks/index-a1978735.esm.js";export{u as useStableId}from"./chunks/index-a1978735.esm.js";import"./chunks/tslib.es6-b7083bd5.esm.js";import{X as n}from"./chunks/lucide-232cb488.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{UILibraryThemeProvider,createCustomTheme,designTokens,theme}from"./theme/index.esm.js";import"react";import"@mui/material/CardContent";import"@mui/material/CardMedia";import"./chunks/typeof-23ef5bec.esm.js";import"./chunks/assertThisInitialized-006bfab4.esm.js";import"@emotion/react";import"react-dom";import"./chunks/Calender-353bd05e.esm.js";import"@mui/material/IconButton";import"@mui/material/List";import"@mui/material/ListItemText";import"@mui/material/ListItemIcon";import"@mui/material/Popover";import"@mui/material/styles";var d=function(d){var p=d.open,a=d.onClose,c=d.title,u=d.children,l=d.footer,x=d.side,f=void 0===x?"right":x,h=d.className,j=d.showCloseIcon,z=void 0===j||j,k=d.withOverlay,b=void 0===k||k,C=d.stickyFooter,g=void 0===C||C,P=d.width,v=d.height,w="left"===f||"right"===f;return o(t,{anchor:f,open:p,onClose:a,ModalProps:{keepMounted:!0},hideBackdrop:!b,PaperProps:{style:{width:w?null!=P?P:400:void 0,height:w?"100%":null!=v?v:400},className:m("zui:bg-background zui:shadow-lg zui:border-border zui:flex zui:flex-col",w?"zui:h-full zui:rounded-none zui:sm:rounded-l-md":"zui:w-full zui:sm:w-auto","left"===f&&"zui:sm:rounded-r-xl zui:border-r zui:border-l-0","top"===f&&"zui:rounded-b-xl","bottom"===f&&"zui:rounded-t-xl",h)},children:[o(i,{className:"zui:p-4 zui:flex zui:items-center zui:justify-between zui:border-b zui:border-border",children:[r(e,{size:"sm",fontWeight:600,children:c}),z&&r(s,{onClick:a,size:"small",className:"zui:hover:text-red-500",children:r(n,{className:"zui:h-4 zui:w-4"})})]}),r(i,{className:"zui:flex-1 zui:overflow-y-auto zui:p-4",children:u}),l&&r(i,{className:m("zui:border-t zui:border-border zui:p-2",g&&"zui:sticky zui:bottom-0 zui:bg-background"),children:l})]})};export{d as Drawer,e as Text,m as cn};
+import{s as n}from"./chunks/index-5b35e7d9.esm.js";export{U as UILibraryThemeProvider,c as createCustomTheme,d as designTokens,t as theme}from"./chunks/index-5b35e7d9.esm.js";export{Button}from"./components/Button/index.esm.js";export{Popover}from"./components/Popover/index.esm.js";export{CardActions,CardContent,CardHeader,CardImage,CardRoot,CardSkeleton}from"./components/Card/index.esm.js";export{Select}from"./components/Select/index.esm.js";export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/Accordion/index.esm.js";export{default as Switch}from"./components/Switch/index.esm.js";export{RadioGroup}from"./components/RadioGroup/index.esm.js";export{H as Heading}from"./chunks/Heading-b91e2c5f.esm.js";import{T as i}from"./chunks/Text-f18219bd.esm.js";export{Blockquote,Caption,Code,Lead,Strong}from"./components/Typography/index.esm.js";export{M as Muted}from"./chunks/Muted-bfc4985b.esm.js";export{Modal}from"./components/Modal/index.esm.js";import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Drawer as a,Box as e,IconButton as l}from"@mui/material";import{c as p}from"./chunks/index-c6541658.esm.js";export{u as useStableId}from"./chunks/index-c6541658.esm.js";import"./chunks/tslib.es6-49e5b83c.esm.js";import{X as s}from"./chunks/lucide-8c9441ea.esm.js";export{Badge}from"./components/Badge/index.esm.js";export{Input}from"./components/Input/index.esm.js";export{Notice}from"./components/Notice/index.esm.js";export{DatePicker}from"./components/DatePicker/index.esm.js";export{DateRangePicker}from"./components/DateRangePicker/index.esm.js";export{Form}from"./components/Form/index.esm.js";export{Checkbox}from"./components/Checkbox/index.esm.js";export{CheckboxGroup}from"./components/CheckboxGroup/index.esm.js";export{Radio}from"./components/Radio/index.esm.js";export{PopupConfirm}from"./components/PopupConfirm/index.esm.js";export{GlobalMenuSearch}from"./components/GlobalMenuSearch/index.esm.js";export{AppList}from"./components/AppList/index.esm.js";export{Table}from"./components/Table/index.esm.js";export{BulkActionsBar}from"./components/BulkActionsBar/index.esm.js";export{TimePicker}from"./components/TimePicker/index.esm.js";export{DataTable}from"./components/DataTable/index.esm.js";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/Calender-a4ec1295.esm.js";import"@mui/material/IconButton";import"@mui/material/List";import"@mui/material/ListItemText";import"@mui/material/ListItemIcon";import"@mui/material/Popover";n('/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --zui-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",\n      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n    --zui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",\n      "Courier New", monospace;\n    --zui-color-red-50: oklch(97.1% 0.013 17.38);\n    --zui-color-red-100: oklch(93.6% 0.032 17.717);\n    --zui-color-red-200: oklch(88.5% 0.062 18.334);\n    --zui-color-red-500: oklch(63.7% 0.237 25.331);\n    --zui-color-red-600: oklch(57.7% 0.245 27.325);\n    --zui-color-red-700: oklch(50.5% 0.213 27.518);\n    --zui-color-red-800: oklch(44.4% 0.177 26.899);\n    --zui-color-red-900: oklch(39.6% 0.141 25.723);\n    --zui-color-orange-100: oklch(95.4% 0.038 75.164);\n    --zui-color-orange-200: oklch(90.1% 0.076 70.697);\n    --zui-color-orange-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-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-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-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-800: oklch(43.8% 0.218 303.724);\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-neutral-400: oklch(70.8% 0 0);\n    --zui-color-white: #fff;\n    --zui-spacing: 0.25rem;\n    --zui-container-sm: 24rem;\n    --zui-container-md: 28rem;\n    --zui-container-2xl: 42rem;\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-ease-out: cubic-bezier(0, 0, 0.2, 1);\n    --zui-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n    --zui-animate-spin: spin 1s linear infinite;\n    --zui-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --zui-default-transition-duration: 150ms;\n    --zui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --zui-default-font-family: var(--zui-font-sans);\n    --zui-default-mono-font-family: var(--zui-font-mono);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--zui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n    font-feature-settings: var(--zui-default-font-feature-settings, normal);\n    font-variation-settings: var(--zui-default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--zui-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n    font-feature-settings: var(--zui-default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--zui-default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden="until-found"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .zui\\:pointer-events-none {\n    pointer-events: none !important;\n  }\n  .zui\\:invisible {\n    visibility: hidden !important;\n  }\n  .zui\\:sr-only {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border-width: 0 !important;\n  }\n  .zui\\:\\!absolute {\n    position: absolute !important;\n  }\n  .zui\\:absolute {\n    position: absolute !important;\n  }\n  .zui\\:relative {\n    position: relative !important;\n  }\n  .zui\\:sticky {\n    position: sticky !important;\n  }\n  .zui\\:inset-y-0 {\n    inset-block: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:-top-2\\.5 {\n    top: calc(var(--zui-spacing) * -2.5) !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-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-1 {\n    margin-inline: calc(var(--zui-spacing) * 1) !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\\:my-2 {\n    margin-block: calc(var(--zui-spacing) * 2) !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-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-1 {\n    margin-bottom: calc(var(--zui-spacing) * 1) !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-4 {\n    margin-left: calc(var(--zui-spacing) * 4) !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-4 {\n    width: calc(var(--zui-spacing) * 4) !important;\n    height: calc(var(--zui-spacing) * 4) !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-0 {\n    height: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:h-2 {\n    height: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:h-3 {\n    height: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:h-4 {\n    height: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:h-5 {\n    height: calc(var(--zui-spacing) * 5) !important;\n  }\n  .zui\\:h-6 {\n    height: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:h-7 {\n    height: calc(var(--zui-spacing) * 7) !important;\n  }\n  .zui\\:h-8 {\n    height: calc(var(--zui-spacing) * 8) !important;\n  }\n  .zui\\:h-9 {\n    height: calc(var(--zui-spacing) * 9) !important;\n  }\n  .zui\\:h-10 {\n    height: calc(var(--zui-spacing) * 10) !important;\n  }\n  .zui\\:h-11 {\n    height: calc(var(--zui-spacing) * 11) !important;\n  }\n  .zui\\:h-12 {\n    height: calc(var(--zui-spacing) * 12) !important;\n  }\n  .zui\\:h-16 {\n    height: calc(var(--zui-spacing) * 16) !important;\n  }\n  .zui\\:h-96 {\n    height: calc(var(--zui-spacing) * 96) !important;\n  }\n  .zui\\:h-\\[calc\\(100\\%_-_2\\.75rem\\)\\] {\n    height: calc(100% - 2.75rem) !important;\n  }\n  .zui\\:h-full {\n    height: 100% !important;\n  }\n  .zui\\:h-screen {\n    height: 100vh !important;\n  }\n  .zui\\:max-h-0 {\n    max-height: calc(var(--zui-spacing) * 0) !important;\n  }\n  .zui\\:max-h-44 {\n    max-height: calc(var(--zui-spacing) * 44) !important;\n  }\n  .zui\\:max-h-96 {\n    max-height: calc(var(--zui-spacing) * 96) !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-\\[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-20 {\n    width: calc(var(--zui-spacing) * 20) !important;\n  }\n  .zui\\:w-64 {\n    width: calc(var(--zui-spacing) * 64) !important;\n  }\n  .zui\\:w-72 {\n    width: calc(var(--zui-spacing) * 72) !important;\n  }\n  .zui\\:w-80 {\n    width: calc(var(--zui-spacing) * 80) !important;\n  }\n  .zui\\:w-\\[22rem\\] {\n    width: 22rem !important;\n  }\n  .zui\\:w-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-4xl {\n    max-width: var(--zui-container-4xl) !important;\n  }\n  .zui\\:max-w-md {\n    max-width: var(--zui-container-md) !important;\n  }\n  .zui\\:max-w-sm {\n    max-width: var(--zui-container-sm) !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-\\[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-separate {\n    border-collapse: separate !important;\n  }\n  .zui\\:border-spacing-0 {\n    --tw-border-spacing-x: calc(var(--zui-spacing) * 0) !important;\n    --tw-border-spacing-y: calc(var(--zui-spacing) * 0) !important;\n    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;\n  }\n  .zui\\:-translate-y-2 {\n    --tw-translate-y: calc(var(--zui-spacing) * -2) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .zui\\:translate-y-0 {\n    --tw-translate-y: calc(var(--zui-spacing) * 0) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .zui\\:scale-95 {\n    --tw-scale-x: 95% !important;\n    --tw-scale-y: 95% !important;\n    --tw-scale-z: 95% !important;\n    scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n  }\n  .zui\\:scale-100 {\n    --tw-scale-x: 100% !important;\n    --tw-scale-y: 100% !important;\n    --tw-scale-z: 100% !important;\n    scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n  }\n  .zui\\:rotate-90 {\n    rotate: 90deg !important;\n  }\n  .zui\\:transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;\n  }\n  .zui\\:animate-pulse {\n    animation: var(--zui-animate-pulse) !important;\n  }\n  .zui\\:animate-spin {\n    animation: var(--zui-animate-spin) !important;\n  }\n  .zui\\:cursor-default {\n    cursor: default !important;\n  }\n  .zui\\:cursor-not-allowed {\n    cursor: not-allowed !important;\n  }\n  .zui\\:cursor-pointer {\n    cursor: pointer !important;\n  }\n  .zui\\:resize-none {\n    resize: none !important;\n  }\n  .zui\\:list-inside {\n    list-style-position: inside !important;\n  }\n  .zui\\:list-disc {\n    list-style-type: disc !important;\n  }\n  .zui\\:grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  }\n  .zui\\:grid-cols-12 {\n    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n  }\n  .zui\\:flex-col {\n    flex-direction: column !important;\n  }\n  .zui\\:flex-row {\n    flex-direction: row !important;\n  }\n  .zui\\:flex-row-reverse {\n    flex-direction: row-reverse !important;\n  }\n  .zui\\:flex-nowrap {\n    flex-wrap: nowrap !important;\n  }\n  .zui\\:flex-wrap {\n    flex-wrap: wrap !important;\n  }\n  .zui\\:items-baseline {\n    align-items: baseline !important;\n  }\n  .zui\\:items-center {\n    align-items: center !important;\n  }\n  .zui\\:items-start {\n    align-items: flex-start !important;\n  }\n  .zui\\:justify-between {\n    justify-content: space-between !important;\n  }\n  .zui\\:justify-center {\n    justify-content: center !important;\n  }\n  .zui\\:justify-end {\n    justify-content: flex-end !important;\n  }\n  .zui\\:justify-start {\n    justify-content: flex-start !important;\n  }\n  .zui\\:gap-0\\.5 {\n    gap: calc(var(--zui-spacing) * 0.5) !important;\n  }\n  .zui\\:gap-1 {\n    gap: calc(var(--zui-spacing) * 1) !important;\n  }\n  .zui\\:gap-1\\.5 {\n    gap: calc(var(--zui-spacing) * 1.5) !important;\n  }\n  .zui\\:gap-2 {\n    gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:gap-3 {\n    gap: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:gap-4 {\n    gap: calc(var(--zui-spacing) * 4) !important;\n  }\n  .zui\\:gap-6 {\n    gap: calc(var(--zui-spacing) * 6) !important;\n  }\n  .zui\\:space-y-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 5) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 6) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-y-8 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0 !important;\n      margin-block-start: calc(calc(var(--zui-spacing) * 8) * var(--tw-space-y-reverse)) !important;\n      margin-block-end: calc(calc(var(--zui-spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:space-x-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0 !important;\n      margin-inline-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-x-reverse)) !important;\n      margin-inline-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;\n    }\n  }\n  .zui\\:gap-y-2 {\n    row-gap: calc(var(--zui-spacing) * 2) !important;\n  }\n  .zui\\:truncate {\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n  }\n  .zui\\:overflow-auto {\n    overflow: auto !important;\n  }\n  .zui\\:overflow-hidden {\n    overflow: hidden !important;\n  }\n  .zui\\:overflow-visible {\n    overflow: visible !important;\n  }\n  .zui\\:overflow-x-auto {\n    overflow-x: auto !important;\n  }\n  .zui\\:overflow-y-auto {\n    overflow-y: auto !important;\n  }\n  .zui\\:rounded {\n    border-radius: 0.25rem !important;\n  }\n  .zui\\:rounded-2xl {\n    border-radius: var(--zui-radius-2xl) !important;\n  }\n  .zui\\:rounded-full {\n    border-radius: calc(infinity * 1px) !important;\n  }\n  .zui\\:rounded-lg {\n    border-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-md {\n    border-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-none {\n    border-radius: 0 !important;\n  }\n  .zui\\:rounded-sm {\n    border-radius: calc(var(--zui-radius) - 4px) !important;\n  }\n  .zui\\:rounded-xl {\n    border-radius: calc(var(--zui-radius) + 4px) !important;\n  }\n  .zui\\:rounded-s-md {\n    border-start-start-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-start-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-e-md {\n    border-start-end-radius: calc(var(--zui-radius) - 2px) !important;\n    border-end-end-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-t-lg {\n    border-top-left-radius: var(--zui-radius) !important;\n    border-top-right-radius: var(--zui-radius) !important;\n  }\n  .zui\\:rounded-t-xl {\n    border-top-left-radius: calc(var(--zui-radius) + 4px) !important;\n    border-top-right-radius: calc(var(--zui-radius) + 4px) !important;\n  }\n  .zui\\:rounded-l-md {\n    border-top-left-radius: calc(var(--zui-radius) - 2px) !important;\n    border-bottom-left-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-r-md {\n    border-top-right-radius: calc(var(--zui-radius) - 2px) !important;\n    border-bottom-right-radius: calc(var(--zui-radius) - 2px) !important;\n  }\n  .zui\\:rounded-b-xl {\n    border-bottom-right-radius: calc(var(--zui-radius) + 4px) !important;\n    border-bottom-left-radius: calc(var(--zui-radius) + 4px) !important;\n  }\n  .zui\\:border {\n    border-style: var(--tw-border-style) !important;\n    border-width: 1px !important;\n  }\n  .zui\\:border-0 {\n    border-style: var(--tw-border-style) !important;\n    border-width: 0px !important;\n  }\n  .zui\\:border-1 {\n    border-style: var(--tw-border-style) !important;\n    border-width: 1px !important;\n  }\n  .zui\\:border-2 {\n    border-style: var(--tw-border-style) !important;\n    border-width: 2px !important;\n  }\n  .zui\\:border-t {\n    border-top-style: var(--tw-border-style) !important;\n    border-top-width: 1px !important;\n  }\n  .zui\\:border-r {\n    border-right-style: var(--tw-border-style) !important;\n    border-right-width: 1px !important;\n  }\n  .zui\\:border-b {\n    border-bottom-style: var(--tw-border-style) !important;\n    border-bottom-width: 1px !important;\n  }\n  .zui\\:border-b-0 {\n    border-bottom-style: var(--tw-border-style) !important;\n    border-bottom-width: 0px !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-500 {\n    border-color: var(--zui-color-green-500) !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-purple-500 {\n    border-color: var(--zui-color-purple-500) !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-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\\:bg-accent {\n    background-color: var(--zui-accent) !important;\n  }\n  .zui\\:bg-amber-50 {\n    background-color: var(--zui-color-amber-50) !important;\n  }\n  .zui\\:bg-amber-100 {\n    background-color: var(--zui-color-amber-100) !important;\n  }\n  .zui\\:bg-amber-500 {\n    background-color: var(--zui-color-amber-500) !important;\n  }\n  .zui\\:bg-background {\n    background-color: var(--zui-background) !important;\n  }\n  .zui\\:bg-blue-50 {\n    background-color: var(--zui-color-blue-50) !important;\n  }\n  .zui\\:bg-blue-100 {\n    background-color: var(--zui-color-blue-100) !important;\n  }\n  .zui\\:bg-blue-500 {\n    background-color: var(--zui-color-blue-500) !important;\n  }\n  .zui\\:bg-blue-600 {\n    background-color: var(--zui-color-blue-600) !important;\n  }\n  .zui\\:bg-current {\n    background-color: currentcolor !important;\n  }\n  .zui\\:bg-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-800 {\n    background-color: var(--zui-color-gray-800) !important;\n  }\n  .zui\\:bg-gray-900 {\n    background-color: var(--zui-color-gray-900) !important;\n  }\n  .zui\\:bg-green-50 {\n    background-color: var(--zui-color-green-50) !important;\n  }\n  .zui\\:bg-green-100 {\n    background-color: var(--zui-color-green-100) !important;\n  }\n  .zui\\:bg-green-500 {\n    background-color: var(--zui-color-green-500) !important;\n  }\n  .zui\\:bg-inherit {\n    background-color: inherit !important;\n  }\n  .zui\\:bg-muted {\n    background-color: var(--zui-muted) !important;\n  }\n  .zui\\:bg-neutral-100 {\n    background-color: var(--zui-color-neutral-100) !important;\n  }\n  .zui\\:bg-orange-100 {\n    background-color: var(--zui-color-orange-100) !important;\n  }\n  .zui\\:bg-purple-100 {\n    background-color: var(--zui-color-purple-100) !important;\n  }\n  .zui\\:bg-purple-500 {\n    background-color: var(--zui-color-purple-500) !important;\n  }\n  .zui\\:bg-red-50 {\n    background-color: var(--zui-color-red-50) !important;\n  }\n  .zui\\:bg-red-100 {\n    background-color: var(--zui-color-red-100) !important;\n  }\n  .zui\\:bg-red-500 {\n    background-color: var(--zui-color-red-500) !important;\n  }\n  .zui\\:bg-red-600 {\n    background-color: var(--zui-color-red-600) !important;\n  }\n  .zui\\:bg-secondary {\n    background-color: var(--zui-secondary) !important;\n  }\n  .zui\\:bg-slate-200 {\n    background-color: var(--zui-color-slate-200) !important;\n  }\n  .zui\\:bg-transparent {\n    background-color: transparent !important;\n  }\n  .zui\\:bg-white {\n    background-color: var(--zui-color-white) !important;\n  }\n  .zui\\:bg-white\\/60 {\n    background-color: var(--zui-color-white) !important;\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--zui-color-white) 60%, transparent) !important;\n    }\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-gradient-to-r {\n    --tw-gradient-position: to right in oklab !important;\n    background-image: linear-gradient(var(--tw-gradient-stops)) !important;\n  }\n  .zui\\:from-blue-50 {\n    --tw-gradient-from: var(--zui-color-blue-50) !important;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n  }\n  .zui\\:to-gray-50 {\n    --tw-gradient-to: var(--zui-color-gray-50) !important;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !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-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-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\\:py-16 {\n    padding-block: calc(var(--zui-spacing) * 16) !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\\:pr-3 {\n    padding-right: calc(var(--zui-spacing) * 3) !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\\:pl-3 {\n    padding-left: calc(var(--zui-spacing) * 3) !important;\n  }\n  .zui\\:pl-8 {\n    padding-left: calc(var(--zui-spacing) * 8) !important;\n  }\n  .zui\\:pl-9 {\n    padding-left: calc(var(--zui-spacing) * 9) !important;\n  }\n  .zui\\:pl-10 {\n    padding-left: calc(var(--zui-spacing) * 10) !important;\n  }\n  .zui\\:pl-11 {\n    padding-left: calc(var(--zui-spacing) * 11) !important;\n  }\n  .zui\\:text-center {\n    text-align: center !important;\n  }\n  .zui\\:text-left {\n    text-align: left !important;\n  }\n  .zui\\:text-right {\n    text-align: right !important;\n  }\n  .zui\\:align-middle {\n    vertical-align: middle !important;\n  }\n  .zui\\:font-mono {\n    font-family: var(--zui-font-mono) !important;\n  }\n  .zui\\:\\!text-base {\n    font-size: var(--zui-text-base) !important;\n    line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n  }\n  .zui\\:\\!text-sm {\n    font-size: var(--zui-text-sm) !important;\n    line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n  }\n  .zui\\:text-2xl {\n    font-size: var(--zui-text-2xl) !important;\n    line-height: var(--tw-leading, var(--zui-text-2xl--line-height)) !important;\n  }\n  .zui\\:text-base {\n    font-size: var(--zui-text-base) !important;\n    line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n  }\n  .zui\\:text-lg {\n    font-size: var(--zui-text-lg) !important;\n    line-height: var(--tw-leading, var(--zui-text-lg--line-height)) !important;\n  }\n  .zui\\:text-sm {\n    font-size: var(--zui-text-sm) !important;\n    line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n  }\n  .zui\\:text-xl {\n    font-size: var(--zui-text-xl) !important;\n    line-height: var(--tw-leading, var(--zui-text-xl--line-height)) !important;\n  }\n  .zui\\:text-xs {\n    font-size: var(--zui-text-xs) !important;\n    line-height: var(--tw-leading, var(--zui-text-xs--line-height)) !important;\n  }\n  .zui\\:leading-none {\n    --tw-leading: 1 !important;\n    line-height: 1 !important;\n  }\n  .zui\\:leading-snug {\n    --tw-leading: var(--zui-leading-snug) !important;\n    line-height: var(--zui-leading-snug) !important;\n  }\n  .zui\\:font-bold {\n    --tw-font-weight: var(--zui-font-weight-bold) !important;\n    font-weight: var(--zui-font-weight-bold) !important;\n  }\n  .zui\\:font-medium {\n    --tw-font-weight: var(--zui-font-weight-medium) !important;\n    font-weight: var(--zui-font-weight-medium) !important;\n  }\n  .zui\\:font-normal {\n    --tw-font-weight: var(--zui-font-weight-normal) !important;\n    font-weight: var(--zui-font-weight-normal) !important;\n  }\n  .zui\\:font-semibold {\n    --tw-font-weight: var(--zui-font-weight-semibold) !important;\n    font-weight: var(--zui-font-weight-semibold) !important;\n  }\n  .zui\\:tracking-wide {\n    --tw-tracking: var(--zui-tracking-wide) !important;\n    letter-spacing: var(--zui-tracking-wide) !important;\n  }\n  .zui\\:tracking-wider {\n    --tw-tracking: var(--zui-tracking-wider) !important;\n    letter-spacing: var(--zui-tracking-wider) !important;\n  }\n  .zui\\:whitespace-nowrap {\n    white-space: nowrap !important;\n  }\n  .zui\\:\\!text-foreground {\n    color: var(--zui-foreground) !important;\n  }\n  .zui\\:text-accent-foreground {\n    color: var(--zui-accent-foreground) !important;\n  }\n  .zui\\:text-amber-600 {\n    color: var(--zui-color-amber-600) !important;\n  }\n  .zui\\:text-amber-700 {\n    color: var(--zui-color-amber-700) !important;\n  }\n  .zui\\:text-blue-500 {\n    color: var(--zui-color-blue-500) !important;\n  }\n  .zui\\:text-blue-600 {\n    color: var(--zui-color-blue-600) !important;\n  }\n  .zui\\:text-blue-700 {\n    color: var(--zui-color-blue-700) !important;\n  }\n  .zui\\:text-blue-800 {\n    color: var(--zui-color-blue-800) !important;\n  }\n  .zui\\:text-blue-900 {\n    color: var(--zui-color-blue-900) !important;\n  }\n  .zui\\:text-destructive {\n    color: var(--zui-destructive) !important;\n  }\n  .zui\\:text-foreground {\n    color: var(--zui-foreground) !important;\n  }\n  .zui\\:text-gray-300 {\n    color: var(--zui-color-gray-300) !important;\n  }\n  .zui\\:text-gray-400 {\n    color: var(--zui-color-gray-400) !important;\n  }\n  .zui\\:text-gray-500 {\n    color: var(--zui-color-gray-500) !important;\n  }\n  .zui\\:text-gray-600 {\n    color: var(--zui-color-gray-600) !important;\n  }\n  .zui\\:text-gray-700 {\n    color: var(--zui-color-gray-700) !important;\n  }\n  .zui\\:text-gray-800 {\n    color: var(--zui-color-gray-800) !important;\n  }\n  .zui\\:text-gray-900 {\n    color: var(--zui-color-gray-900) !important;\n  }\n  .zui\\:text-green-500 {\n    color: var(--zui-color-green-500) !important;\n  }\n  .zui\\:text-green-600 {\n    color: var(--zui-color-green-600) !important;\n  }\n  .zui\\:text-green-700 {\n    color: var(--zui-color-green-700) !important;\n  }\n  .zui\\:text-green-800 {\n    color: var(--zui-color-green-800) !important;\n  }\n  .zui\\:text-green-900 {\n    color: var(--zui-color-green-900) !important;\n  }\n  .zui\\:text-muted-foreground {\n    color: var(--zui-muted-foreground) !important;\n  }\n  .zui\\:text-neutral-400 {\n    color: var(--zui-color-neutral-400) !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-600 {\n    color: var(--zui-color-purple-600) !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-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-0 {\n    opacity: 0% !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-80 {\n    opacity: 80% !important;\n  }\n  .zui\\:opacity-100 {\n    opacity: 100% !important;\n  }\n  .zui\\:shadow-\\[-2px_0_5px_-2px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n    --tw-shadow: -2px 0 5px -2px var(--tw-shadow-color, rgba(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-\\[2px_0_5px_-2px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n    --tw-shadow: 2px 0 5px -2px var(--tw-shadow-color, rgba(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-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\\:shadow-xs {\n    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .zui\\:ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .zui\\:ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .zui\\:ring-blue-200 {\n    --tw-ring-color: var(--zui-color-blue-200) !important;\n  }\n  .zui\\:ring-blue-500 {\n    --tw-ring-color: var(--zui-color-blue-500) !important;\n  }\n  .zui\\:ring-blue-600 {\n    --tw-ring-color: var(--zui-color-blue-600) !important;\n  }\n  .zui\\:ring-gray-200 {\n    --tw-ring-color: var(--zui-color-gray-200) !important;\n  }\n  .zui\\:ring-ring {\n    --tw-ring-color: var(--zui-ring) !important;\n  }\n  .zui\\:ring-offset-1 {\n    --tw-ring-offset-width: 1px !important;\n    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n  }\n  .zui\\:ring-offset-background {\n    --tw-ring-offset-color: var(--zui-background) !important;\n  }\n  .zui\\:transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events !important;\n    transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n  }\n  .zui\\:transition-all {\n    transition-property: all !important;\n    transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n  }\n  .zui\\:transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;\n    transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n  }\n  .zui\\:transition-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\\:duration-300 {\n    --tw-duration: 300ms !important;\n    transition-duration: 300ms !important;\n  }\n  .zui\\:duration-500 {\n    --tw-duration: 500ms !important;\n    transition-duration: 500ms !important;\n  }\n  .zui\\:ease-in-out {\n    --tw-ease: var(--zui-ease-in-out) !important;\n    transition-timing-function: var(--zui-ease-in-out) !important;\n  }\n  .zui\\:ease-out {\n    --tw-ease: var(--zui-ease-out) !important;\n    transition-timing-function: var(--zui-ease-out) !important;\n  }\n  .zui\\:outline-none {\n    --tw-outline-style: none !important;\n    outline-style: none !important;\n  }\n  .zui\\:select-none {\n    -webkit-user-select: none !important;\n    user-select: none !important;\n  }\n  .zui\\:placeholder\\:text-muted-foreground {\n    &::placeholder {\n      color: var(--zui-muted-foreground) !important;\n    }\n  }\n  .zui\\:focus-within\\:ring-1 {\n    &:focus-within {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n    }\n  }\n  .zui\\:focus-within\\:ring-destructive {\n    &:focus-within {\n      --tw-ring-color: var(--zui-destructive) !important;\n    }\n  }\n  .zui\\:focus-within\\:ring-ring {\n    &:focus-within {\n      --tw-ring-color: var(--zui-ring) !important;\n    }\n  }\n  .zui\\:focus-within\\:ring-offset-1 {\n    &:focus-within {\n      --tw-ring-offset-width: 1px !important;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n    }\n  }\n  .zui\\:hover\\:border-gray-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--zui-color-gray-400) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:bg-gray-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--zui-color-gray-50) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:bg-gray-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--zui-color-gray-100) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:bg-gray-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--zui-color-gray-200) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:text-blue-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--zui-color-blue-800) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:text-red-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--zui-color-red-500) !important;\n      }\n    }\n  }\n  .zui\\:hover\\:underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline !important;\n      }\n    }\n  }\n  .zui\\:hover\\:opacity-100 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 100% !important;\n      }\n    }\n  }\n  .zui\\:focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none !important;\n      outline-style: none !important;\n    }\n  }\n  .zui\\:disabled\\:cursor-not-allowed {\n    &:disabled {\n      cursor: not-allowed !important;\n    }\n  }\n  .zui\\:disabled\\:opacity-50 {\n    &:disabled {\n      opacity: 50% !important;\n    }\n  }\n  .zui\\:aria-selected\\:bg-accent\\/50 {\n    &[aria-selected="true"] {\n      background-color: var(--zui-accent) !important;\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--zui-accent) 50%, transparent) !important;\n      }\n    }\n  }\n  .zui\\:aria-selected\\:text-muted-foreground {\n    &[aria-selected="true"] {\n      color: var(--zui-muted-foreground) !important;\n    }\n  }\n  .zui\\:aria-selected\\:opacity-30 {\n    &[aria-selected="true"] {\n      opacity: 30% !important;\n    }\n  }\n  .zui\\:aria-selected\\:opacity-100 {\n    &[aria-selected="true"] {\n      opacity: 100% !important;\n    }\n  }\n  .zui\\:data-\\[disabled\\]\\:pointer-events-none {\n    &[data-disabled] {\n      pointer-events: none !important;\n    }\n  }\n  .zui\\:data-\\[disabled\\]\\:opacity-50 {\n    &[data-disabled] {\n      opacity: 50% !important;\n    }\n  }\n  .zui\\:sm\\:w-auto {\n    @media (width >= 40rem) {\n      width: auto !important;\n    }\n  }\n  .zui\\:sm\\:rounded-l-md {\n    @media (width >= 40rem) {\n      border-top-left-radius: calc(var(--zui-radius) - 2px) !important;\n      border-bottom-left-radius: calc(var(--zui-radius) - 2px) !important;\n    }\n  }\n  .zui\\:sm\\:rounded-r-xl {\n    @media (width >= 40rem) {\n      border-top-right-radius: calc(var(--zui-radius) + 4px) !important;\n      border-bottom-right-radius: calc(var(--zui-radius) + 4px) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:bg-accent {\n    &>button {\n      background-color: var(--zui-accent) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:bg-primary {\n    &>button {\n      background-color: var(--zui-primary) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:bg-transparent {\n    &>button {\n      background-color: transparent !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:\\!text-foreground {\n    &>button {\n      color: var(--zui-foreground) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:text-accent-foreground {\n    &>button {\n      color: var(--zui-accent-foreground) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:text-foreground {\n    &>button {\n      color: var(--zui-foreground) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:text-primary-foreground {\n    &>button {\n      color: var(--zui-primary-foreground) !important;\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-primary {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--zui-primary) !important;\n        }\n      }\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-transparent {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          background-color: transparent !important;\n        }\n      }\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:hover\\:\\!text-foreground {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--zui-foreground) !important;\n        }\n      }\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:hover\\:text-gray-500 {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--zui-color-gray-500) !important;\n        }\n      }\n    }\n  }\n  .zui\\:\\[\\&\\>button\\]\\:hover\\:text-primary-foreground {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--zui-primary-foreground) !important;\n        }\n      }\n    }\n  }\n}\n:root {\n  --zui-radius: 0.625rem;\n  --zui-background: oklch(1 0 0);\n  --zui-foreground: oklch(0.145 0 0);\n  --zui-card: oklch(1 0 0);\n  --zui-card-foreground: oklch(0.145 0 0);\n  --zui-popover: oklch(1 0 0);\n  --zui-popover-foreground: oklch(0.145 0 0);\n  --zui-primary: oklch(0.55 0.247 266.93);\n  --zui-primary-foreground: oklch(0.985 0 0);\n  --zui-secondary: oklch(0.97 0 0);\n  --zui-secondary-foreground: oklch(0.205 0 0);\n  --zui-muted: oklch(0.97 0 0);\n  --zui-muted-foreground: oklch(0.556 0 0);\n  --zui-accent: oklch(0.97 0 0);\n  --zui-accent-foreground: oklch(0.205 0 0);\n  --zui-destructive: oklch(0.577 0.245 27.325);\n  --zui-border: oklch(0.922 0 0);\n  --zui-input: oklch(0.922 0 0);\n  --zui-ring: oklch(0.708 0 0);\n  --zui-chart-1: oklch(0.646 0.222 41.116);\n  --zui-chart-2: oklch(0.6 0.118 184.704);\n  --zui-chart-3: oklch(0.398 0.07 227.392);\n  --zui-chart-4: oklch(0.828 0.189 84.429);\n  --zui-chart-5: oklch(0.769 0.188 70.08);\n  --zui-sidebar: oklch(0.985 0 0);\n  --zui-sidebar-foreground: oklch(0.145 0 0);\n  --zui-sidebar-primary: oklch(0.205 0 0);\n  --zui-sidebar-primary-foreground: oklch(0.985 0 0);\n  --zui-sidebar-accent: oklch(0.97 0 0);\n  --zui-sidebar-accent-foreground: oklch(0.205 0 0);\n  --zui-sidebar-border: oklch(0.922 0 0);\n  --zui-sidebar-ring: oklch(0.708 0 0);\n}\n@property --tw-border-spacing-x {\n  syntax: "<length>";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-spacing-y {\n  syntax: "<length>";\n  inherits: false;\n  initial-value: 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-scale-x {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-rotate-x {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: "*";\n  inherits: false;\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-gradient-position {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-gradient-from {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-via {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-to {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-stops {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-gradient-via-stops {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-gradient-from-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-leading {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-tracking {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: "<length>";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: "*";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-duration {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: "*";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-border-spacing-x: 0;\n      --tw-border-spacing-y: 0;\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-duration: initial;\n      --tw-ease: initial;\n    }\n  }\n}\n');var m=function(n){var t=n.open,c=n.onClose,u=n.title,m=n.children,d=n.footer,z=n.side,g=void 0===z?"right":z,v=n.className,h=n.showCloseIcon,w=void 0===h||h,b=n.withOverlay,x=void 0===b||b,f=n.stickyFooter,y=void 0===f||f,k=n.width,j=n.height,C="left"===g||"right"===g;return r(a,{anchor:g,open:t,onClose:c,ModalProps:{keepMounted:!0},hideBackdrop:!x,PaperProps:{style:{width:C?null!=k?k:400:void 0,height:C?"100%":null!=j?j:400},className:p("zui:bg-background zui:shadow-lg zui:border-border zui:flex zui:flex-col",C?"zui:h-full zui:rounded-none zui:sm:rounded-l-md":"zui:w-full zui:sm:w-auto","left"===g&&"zui:sm:rounded-r-xl zui:border-r zui:border-l-0","top"===g&&"zui:rounded-b-xl","bottom"===g&&"zui:rounded-t-xl",v)},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/theme/index.esm.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{createTheme as r,ThemeProvider as t}from"@mui/material/styles";import{GlobalStyles as o,CssBaseline as n}from"@mui/material";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(e){void 0===e&&(e={});var i=e.primaryColor,t=void 0===i?a.colors.primary[500]:i,o=e.secondaryColor,n=void 0===o?a.colors.secondary[500]:o;return r({palette:{primary:{main:t},secondary:{main:n},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:5},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}},MuiCard:{styleOverrides:{root:{borderRadius:"12px",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.1)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:"8px"}}}}}})},l=m(),s=function(){return e(o,{styles:{body:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},html:{fontFamily:"'Inter', system-ui, sans-serif"}}})},p=function(r){var o=r.children,a=r.primaryColor,l=r.secondaryColor,p=r.enableCssBaseline,d=void 0===p||p,f={};a&&(f.primaryColor=a),l&&(f.secondaryColor=l);var x=m(f);return i(t,{theme:x,children:[d&&e(n,{}),e(s,{}),o]})};export{p as UILibraryThemeProvider,m as createCustomTheme,a as designTokens,l as theme};
+export{U as UILibraryThemeProvider,c as createCustomTheme,d as designTokens,t as theme}from"../chunks/index-5b35e7d9.esm.js";import"react/jsx-runtime";import"@mui/material/styles";import"@mui/material";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zimyo/ui",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "description": "Zimyo UI library built on MUI Material",
   "type": "module",
   "module": "dist/index.esm.js",
@@ -105,6 +105,10 @@
       "import": "./dist/components/TimePicker/index.esm.js",
       "types": "./dist/components/TimePicker/index.d.ts"
     },
+    "./DataTable": {
+      "import": "./dist/components/DataTable/index.esm.js",
+      "types": "./dist/components/DataTable/index.d.ts"
+    },
     "./theme": {
       "import": "./dist/theme/index.esm.js",
       "types": "./dist/theme/index.d.ts"
@@ -172,6 +176,7 @@
   "dependencies": {
     "@emotion/react": ">=11.0.0",
     "@emotion/styled": ">=11.0.0",
+    "@faker-js/faker": "^10.0.0",
     "@fontsource/inter": "^5.2.6",
     "@mui/material": ">=5.0.0",
     "@radix-ui/react-checkbox": "^1.3.3",
@@ -215,4 +220,4 @@
     "component-library",
     "design-system"
   ]
-}
+}

package/dist/chunks/lucide-232cb488.esm.js

@@ -1,26 +0,0 @@
-import{forwardRef as e,createElement as r}from"react";
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const a=e=>{const r=(e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,r,a)=>a?a.toUpperCase():r.toLowerCase()))(e);return r.charAt(0).toUpperCase()+r.slice(1)},c=(...e)=>e.filter((e,r,a)=>Boolean(e)&&""!==e.trim()&&a.indexOf(e)===r).join(" ").trim(),t=e=>{for(const r in e)if(r.startsWith("aria-")||"role"===r||"title"===r)return!0};
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var y={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const h=e(({color:e="currentColor",size:a=24,strokeWidth:h=2,absoluteStrokeWidth:k,className:i="",children:l,iconNode:d,...o},s)=>r("svg",{ref:s,...y,width:a,height:a,stroke:e,strokeWidth:k?24*Number(h)/Number(a):h,className:c("lucide",i),...!l&&!t(o)&&{"aria-hidden":"true"},...o},[...d.map(([e,a])=>r(e,a)),...Array.isArray(l)?l:[l]])),k=(t,y)=>{const k=e(({className:e,...k},i)=>{return r(h,{ref:i,iconNode:y,className:c(`lucide-${l=a(t),l.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${t}`,e),...k});var l});return k.displayName=a(t),k},i=k("arrow-down",[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]]),l=k("arrow-up-down",[["path",{d:"m21 16-4 4-4-4",key:"f6ql7i"}],["path",{d:"M17 20V4",key:"1ejh1v"}],["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}]]),d=k("arrow-up",[["path",{d:"m5 12 7-7 7 7",key:"hav0vg"}],["path",{d:"M12 19V5",key:"x0mq9r"}]]),o=k("calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]]),s=k("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]),p=k("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),m=k("chevron-first",[["path",{d:"m17 18-6-6 6-6",key:"1yerx2"}],["path",{d:"M7 6v12",key:"1p53r6"}]]),n=k("chevron-last",[["path",{d:"m7 18 6-6-6-6",key:"lwmzdw"}],["path",{d:"M17 6v12",key:"1o0aio"}]]),x=k("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),u=k("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]),v=k("chevron-up",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]]),w=k("circle-alert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]),f=k("circle-check",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]),g=k("clock",[["path",{d:"M12 6v6l4 2",key:"mmk7yg"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]]),M=k("eye-off",[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]),b=k("eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]),j=k("globe",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]]),z=k("grip",[["circle",{cx:"12",cy:"5",r:"1",key:"gxeob9"}],["circle",{cx:"19",cy:"5",r:"1",key:"w8mnmm"}],["circle",{cx:"5",cy:"5",r:"1",key:"lttvr7"}],["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}],["circle",{cx:"12",cy:"19",r:"1",key:"lyex9k"}],["circle",{cx:"19",cy:"19",r:"1",key:"shf9b7"}],["circle",{cx:"5",cy:"19",r:"1",key:"bfqh0e"}]]),N=k("info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]),q=k("minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]),A=k("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]),C=k("triangle-alert",[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]]),W=k("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */export{d as A,x as C,b as E,z as G,N as I,q as M,A as S,C as T,W as X,u as a,j as b,p as c,s as d,M as e,f,w as g,o as h,m as i,n as j,i as k,l,v as m,g as n};

package/dist/index.esm.css

@@ -1 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--zui-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--zui-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--zui-color-red-50:oklch(97.1% 0.013 17.38);--zui-color-red-100:oklch(93.6% 0.032 17.717);--zui-color-red-500:oklch(63.7% 0.237 25.331);--zui-color-red-600:oklch(57.7% 0.245 27.325);--zui-color-red-700:oklch(50.5% 0.213 27.518);--zui-color-red-800:oklch(44.4% 0.177 26.899);--zui-color-red-900:oklch(39.6% 0.141 25.723);--zui-color-orange-100:oklch(95.4% 0.038 75.164);--zui-color-orange-800:oklch(47% 0.157 37.304);--zui-color-amber-50:oklch(98.7% 0.022 95.277);--zui-color-amber-500:oklch(76.9% 0.188 70.08);--zui-color-amber-600:oklch(66.6% 0.179 58.318);--zui-color-yellow-50:oklch(98.7% 0.026 102.212);--zui-color-yellow-100:oklch(97.3% 0.071 103.193);--zui-color-yellow-600:oklch(68.1% 0.162 75.834);--zui-color-yellow-700:oklch(55.4% 0.135 66.442);--zui-color-yellow-800:oklch(47.6% 0.114 61.907);--zui-color-yellow-900:oklch(42.1% 0.095 57.708);--zui-color-green-50:oklch(98.2% 0.018 155.826);--zui-color-green-100:oklch(96.2% 0.044 156.743);--zui-color-green-500:oklch(72.3% 0.219 149.579);--zui-color-green-600:oklch(62.7% 0.194 149.214);--zui-color-green-700:oklch(52.7% 0.154 150.069);--zui-color-green-800:oklch(44.8% 0.119 151.328);--zui-color-green-900:oklch(39.3% 0.095 152.535);--zui-color-blue-50:oklch(97% 0.014 254.604);--zui-color-blue-100:oklch(93.2% 0.032 255.585);--zui-color-blue-200:oklch(88.2% 0.059 254.128);--zui-color-blue-500:oklch(62.3% 0.214 259.815);--zui-color-blue-600:oklch(54.6% 0.245 262.881);--zui-color-blue-700:oklch(48.8% 0.243 264.376);--zui-color-blue-800:oklch(42.4% 0.199 265.638);--zui-color-blue-900:oklch(37.9% 0.146 265.522);--zui-color-purple-100:oklch(94.6% 0.033 307.174);--zui-color-purple-500:oklch(62.7% 0.265 303.9);--zui-color-purple-600:oklch(55.8% 0.288 302.321);--zui-color-purple-800:oklch(43.8% 0.218 303.724);--zui-color-slate-200:oklch(92.9% 0.013 255.508);--zui-color-slate-300:oklch(86.9% 0.022 252.894);--zui-color-slate-500:oklch(55.4% 0.046 257.417);--zui-color-slate-800:oklch(27.9% 0.041 260.031);--zui-color-gray-50:oklch(98.5% 0.002 247.839);--zui-color-gray-100:oklch(96.7% 0.003 264.542);--zui-color-gray-200:oklch(92.8% 0.006 264.531);--zui-color-gray-300:oklch(87.2% 0.01 258.338);--zui-color-gray-400:oklch(70.7% 0.022 261.325);--zui-color-gray-500:oklch(55.1% 0.027 264.364);--zui-color-gray-600:oklch(44.6% 0.03 256.802);--zui-color-gray-700:oklch(37.3% 0.034 259.733);--zui-color-gray-800:oklch(27.8% 0.033 256.848);--zui-color-gray-900:oklch(21% 0.034 264.665);--zui-color-neutral-100:oklch(97% 0 0);--zui-color-neutral-400:oklch(70.8% 0 0);--zui-color-white:#fff;--zui-spacing:0.25rem;--zui-container-sm:24rem;--zui-container-md:28rem;--zui-container-2xl:42rem;--zui-container-4xl:56rem;--zui-text-xs:0.75rem;--zui-text-xs--line-height:1.33333;--zui-text-sm:0.875rem;--zui-text-sm--line-height:1.42857;--zui-text-base:1rem;--zui-text-base--line-height:1.5;--zui-text-lg:1.125rem;--zui-text-lg--line-height:1.55556;--zui-text-xl:1.25rem;--zui-text-xl--line-height:1.4;--zui-text-2xl:1.5rem;--zui-text-2xl--line-height:1.33333;--zui-font-weight-normal:400;--zui-font-weight-medium:500;--zui-font-weight-semibold:600;--zui-font-weight-bold:700;--zui-tracking-wide:0.025em;--zui-tracking-wider:0.05em;--zui-leading-snug:1.375;--zui-radius-2xl:1rem;--zui-ease-in-out:cubic-bezier(0.4,0,0.2,1);--zui-animate-spin:spin 1s linear infinite;--zui-animate-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--zui-default-transition-duration:150ms;--zui-default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--zui-default-font-family:var(--zui-font-sans);--zui-default-mono-font-family:var(--zui-font-mono)}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--zui-default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;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");font-variation-settings:var(--zui-default-font-variation-settings,normal);line-height:1.5;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--zui-default-mono-font-feature-settings,normal);font-family:var(--zui-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--zui-default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.zui\:pointer-events-none{pointer-events:none!important}.zui\:invisible{visibility:hidden!important}.zui\:sr-only{clip:rect(0,0,0,0)!important;border-width:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;white-space:nowrap!important;width:1px!important}.zui\:\!absolute,.zui\:absolute,.zui\:sr-only{position:absolute!important}.zui\:relative{position:relative!important}.zui\:sticky{position:sticky!important}.zui\:inset-y-0{inset-block:calc(var(--zui-spacing)*0)!important}.zui\:-top-2\.5{top:calc(var(--zui-spacing)*-2.5)!important}.zui\:-top-\[9px\]{top:-9px!important}.zui\:top-0{top:calc(var(--zui-spacing)*0)!important}.zui\:top-1\/2{top:50%!important}.zui\:top-2{top:calc(var(--zui-spacing)*2)!important}.zui\:top-3{top:calc(var(--zui-spacing)*3)!important}.zui\:top-16{top:calc(var(--zui-spacing)*16)!important}.zui\:right-0{right:calc(var(--zui-spacing)*0)!important}.zui\:right-2{right:calc(var(--zui-spacing)*2)!important}.zui\:right-3{right:calc(var(--zui-spacing)*3)!important}.zui\:right-4{right:calc(var(--zui-spacing)*4)!important}.zui\:bottom-0{bottom:calc(var(--zui-spacing)*0)!important}.zui\:left-0{left:calc(var(--zui-spacing)*0)!important}.zui\:left-3{left:calc(var(--zui-spacing)*3)!important}.zui\:z-10{z-index:10!important}.zui\:z-30{z-index:30!important}.zui\:z-40{z-index:40!important}.zui\:z-50{z-index:50!important}.zui\:col-span-1{grid-column:span 1/span 1!important}.zui\:col-span-2{grid-column:span 2/span 2!important}.zui\:col-span-3{grid-column:span 3/span 3!important}.zui\:col-span-4{grid-column:span 4/span 4!important}.zui\:col-span-5{grid-column:span 5/span 5!important}.zui\:col-span-6{grid-column:span 6/span 6!important}.zui\:col-span-7{grid-column:span 7/span 7!important}.zui\:col-span-8{grid-column:span 8/span 8!important}.zui\:col-span-9{grid-column:span 9/span 9!important}.zui\:col-span-10{grid-column:span 10/span 10!important}.zui\:col-span-11{grid-column:span 11/span 11!important}.zui\:col-span-12{grid-column:span 12/span 12!important}.zui\:m-0{margin:calc(var(--zui-spacing)*0)!important}.zui\:m-0\.5{margin:calc(var(--zui-spacing)*.5)!important}.zui\:mx-10{margin-inline:calc(var(--zui-spacing)*10)!important}.zui\:mx-auto{margin-inline:auto!important}.zui\:\!my-4{margin-block:calc(var(--zui-spacing)*4)!important}.zui\:mt-0\.5{margin-top:calc(var(--zui-spacing)*.5)!important}.zui\:mt-1{margin-top:calc(var(--zui-spacing)*1)!important}.zui\:mt-1\.5{margin-top:calc(var(--zui-spacing)*1.5)!important}.zui\:mt-2{margin-top:calc(var(--zui-spacing)*2)!important}.zui\:mt-4{margin-top:calc(var(--zui-spacing)*4)!important}.zui\:mt-6{margin-top:calc(var(--zui-spacing)*6)!important}.zui\:mt-8{margin-top:calc(var(--zui-spacing)*8)!important}.zui\:mt-10{margin-top:calc(var(--zui-spacing)*10)!important}.zui\:mr-1{margin-right:calc(var(--zui-spacing)*1)!important}.zui\:mr-2{margin-right:calc(var(--zui-spacing)*2)!important}.zui\:mr-4{margin-right:calc(var(--zui-spacing)*4)!important}.zui\:\!mb-0{margin-bottom:calc(var(--zui-spacing)*0)!important}.zui\:mb-2{margin-bottom:calc(var(--zui-spacing)*2)!important}.zui\:mb-3{margin-bottom:calc(var(--zui-spacing)*3)!important}.zui\:mb-4{margin-bottom:calc(var(--zui-spacing)*4)!important}.zui\:mb-6{margin-bottom:calc(var(--zui-spacing)*6)!important}.zui\:ml-1{margin-left:calc(var(--zui-spacing)*1)!important}.zui\:ml-2{margin-left:calc(var(--zui-spacing)*2)!important}.zui\:ml-auto{margin-left:auto!important}.zui\:block{display:block!important}.zui\:flex{display:flex!important}.zui\:grid{display:grid!important}.zui\:hidden{display:none!important}.zui\:inline-block{display:inline-block!important}.zui\:inline-flex{display:inline-flex!important}.zui\:size-4{height:calc(var(--zui-spacing)*4)!important;width:calc(var(--zui-spacing)*4)!important}.zui\:size-8{height:calc(var(--zui-spacing)*8)!important;width:calc(var(--zui-spacing)*8)!important}.zui\:h-2{height:calc(var(--zui-spacing)*2)!important}.zui\:h-3{height:calc(var(--zui-spacing)*3)!important}.zui\:h-4{height:calc(var(--zui-spacing)*4)!important}.zui\:h-5{height:calc(var(--zui-spacing)*5)!important}.zui\:h-6{height:calc(var(--zui-spacing)*6)!important}.zui\:h-7{height:calc(var(--zui-spacing)*7)!important}.zui\:h-8{height:calc(var(--zui-spacing)*8)!important}.zui\:h-9{height:calc(var(--zui-spacing)*9)!important}.zui\:h-10{height:calc(var(--zui-spacing)*10)!important}.zui\:h-11{height:calc(var(--zui-spacing)*11)!important}.zui\:h-12{height:calc(var(--zui-spacing)*12)!important}.zui\:h-16{height:calc(var(--zui-spacing)*16)!important}.zui\:h-\[calc\(100\%_-_2\.75rem\)\]{height:calc(100% - 2.75rem)!important}.zui\:h-full{height:100%!important}.zui\:h-screen{height:100vh!important}.zui\:max-h-44{max-height:calc(var(--zui-spacing)*44)!important}.zui\:max-h-\[70vh\]{max-height:70vh!important}.zui\:min-h-0{min-height:calc(var(--zui-spacing)*0)!important}.zui\:min-h-\[50px\]{min-height:50px!important}.zui\:min-h-\[60px\]{min-height:60px!important}.zui\:min-h-screen{min-height:100vh!important}.zui\:w-2{width:calc(var(--zui-spacing)*2)!important}.zui\:w-3{width:calc(var(--zui-spacing)*3)!important}.zui\:w-3\/4{width:75%!important}.zui\:w-4{width:calc(var(--zui-spacing)*4)!important}.zui\:w-5{width:calc(var(--zui-spacing)*5)!important}.zui\:w-6{width:calc(var(--zui-spacing)*6)!important}.zui\:w-7{width:calc(var(--zui-spacing)*7)!important}.zui\:w-8{width:calc(var(--zui-spacing)*8)!important}.zui\:w-12{width:calc(var(--zui-spacing)*12)!important}.zui\:w-16{width:calc(var(--zui-spacing)*16)!important}.zui\:w-64{width:calc(var(--zui-spacing)*64)!important}.zui\:w-72{width:calc(var(--zui-spacing)*72)!important}.zui\:w-80{width:calc(var(--zui-spacing)*80)!important}.zui\:w-\[22rem\]{width:22rem!important}.zui\:w-full{width:100%!important}.zui\:w-max{width:max-content!important}.zui\:max-w-2xl{max-width:var(--zui-container-2xl)!important}.zui\:max-w-4xl{max-width:var(--zui-container-4xl)!important}.zui\:max-w-md{max-width:var(--zui-container-md)!important}.zui\:max-w-sm{max-width:var(--zui-container-sm)!important}.zui\:\!min-w-8{min-width:calc(var(--zui-spacing)*8)!important}.zui\:min-w-0{min-width:calc(var(--zui-spacing)*0)!important}.zui\:min-w-\[10rem\]{min-width:10rem!important}.zui\:min-w-\[12rem\]{min-width:12rem!important}.zui\:min-w-\[14rem\]{min-width:14rem!important}.zui\:min-w-full{min-width:100%!important}.zui\:flex-1{flex:1!important}.zui\:flex-shrink-0,.zui\:shrink-0{flex-shrink:0!important}.zui\:-translate-y-1\/2{--tw-translate-y:-50%!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.zui\:transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.zui\:animate-pulse{animation:var(--zui-animate-pulse)!important}.zui\:animate-spin{animation:var(--zui-animate-spin)!important}.zui\:cursor-default{cursor:default!important}.zui\:cursor-not-allowed{cursor:not-allowed!important}.zui\:cursor-pointer{cursor:pointer!important}.zui\:resize-none{resize:none!important}.zui\:list-inside{list-style-position:inside!important}.zui\:list-disc{list-style-type:disc!important}.zui\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.zui\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.zui\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.zui\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.zui\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.zui\:flex-col{flex-direction:column!important}.zui\:flex-row{flex-direction:row!important}.zui\:flex-row-reverse{flex-direction:row-reverse!important}.zui\:flex-nowrap{flex-wrap:nowrap!important}.zui\:flex-wrap{flex-wrap:wrap!important}.zui\:items-baseline{align-items:baseline!important}.zui\:items-center{align-items:center!important}.zui\:items-start{align-items:flex-start!important}.zui\:justify-between{justify-content:space-between!important}.zui\:justify-center{justify-content:center!important}.zui\:justify-end{justify-content:flex-end!important}.zui\:justify-start{justify-content:flex-start!important}.zui\:gap-0\.5{gap:calc(var(--zui-spacing)*.5)!important}.zui\:gap-1{gap:calc(var(--zui-spacing)*1)!important}.zui\:gap-1\.5{gap:calc(var(--zui-spacing)*1.5)!important}.zui\:gap-2{gap:calc(var(--zui-spacing)*2)!important}.zui\:gap-3{gap:calc(var(--zui-spacing)*3)!important}.zui\:gap-4{gap:calc(var(--zui-spacing)*4)!important}.zui\:gap-6{gap:calc(var(--zui-spacing)*6)!important}.zui\:space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-end:calc(var(--zui-spacing)*1*(1 - var(--tw-space-y-reverse)))!important;margin-block-start:calc(var(--zui-spacing)*1*var(--tw-space-y-reverse))!important}}.zui\:space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-end:calc(var(--zui-spacing)*2*(1 - var(--tw-space-y-reverse)))!important;margin-block-start:calc(var(--zui-spacing)*2*var(--tw-space-y-reverse))!important}}.zui\:space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-end:calc(var(--zui-spacing)*3*(1 - var(--tw-space-y-reverse)))!important;margin-block-start:calc(var(--zui-spacing)*3*var(--tw-space-y-reverse))!important}}.zui\:space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-end:calc(var(--zui-spacing)*4*(1 - var(--tw-space-y-reverse)))!important;margin-block-start:calc(var(--zui-spacing)*4*var(--tw-space-y-reverse))!important}}.zui\:space-y-5{:where(&>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-end:calc(var(--zui-spacing)*5*(1 - var(--tw-space-y-reverse)))!important;margin-block-start:calc(var(--zui-spacing)*5*var(--tw-space-y-reverse))!important}}.zui\:space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-end:calc(var(--zui-spacing)*6*(1 - var(--tw-space-y-reverse)))!important;margin-block-start:calc(var(--zui-spacing)*6*var(--tw-space-y-reverse))!important}}.zui\:space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-end:calc(var(--zui-spacing)*8*(1 - var(--tw-space-y-reverse)))!important;margin-block-start:calc(var(--zui-spacing)*8*var(--tw-space-y-reverse))!important}}.zui\:space-x-1{:where(&>:not(:last-child)){--tw-space-x-reverse:0!important;margin-inline-end:calc(var(--zui-spacing)*1*(1 - var(--tw-space-x-reverse)))!important;margin-inline-start:calc(var(--zui-spacing)*1*var(--tw-space-x-reverse))!important}}.zui\:space-x-2{:where(&>:not(:last-child)){--tw-space-x-reverse:0!important;margin-inline-end:calc(var(--zui-spacing)*2*(1 - var(--tw-space-x-reverse)))!important;margin-inline-start:calc(var(--zui-spacing)*2*var(--tw-space-x-reverse))!important}}.zui\:space-x-3{:where(&>:not(:last-child)){--tw-space-x-reverse:0!important;margin-inline-end:calc(var(--zui-spacing)*3*(1 - var(--tw-space-x-reverse)))!important;margin-inline-start:calc(var(--zui-spacing)*3*var(--tw-space-x-reverse))!important}}.zui\:space-x-4{:where(&>:not(:last-child)){--tw-space-x-reverse:0!important;margin-inline-end:calc(var(--zui-spacing)*4*(1 - var(--tw-space-x-reverse)))!important;margin-inline-start:calc(var(--zui-spacing)*4*var(--tw-space-x-reverse))!important}}.zui\:gap-y-2{row-gap:calc(var(--zui-spacing)*2)!important}.zui\:truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.zui\:overflow-auto{overflow:auto!important}.zui\:overflow-hidden{overflow:hidden!important}.zui\:overflow-visible{overflow:visible!important}.zui\:overflow-x-auto{overflow-x:auto!important}.zui\:overflow-y-auto{overflow-y:auto!important}.zui\:rounded{border-radius:.25rem!important}.zui\:rounded-2xl{border-radius:var(--zui-radius-2xl)!important}.zui\:rounded-full{border-radius:calc(infinity * 1px)!important}.zui\:rounded-lg{border-radius:var(--zui-radius)!important}.zui\:rounded-md{border-radius:calc(var(--zui-radius) - 2px)!important}.zui\:rounded-none{border-radius:0!important}.zui\:rounded-sm{border-radius:calc(var(--zui-radius) - 4px)!important}.zui\:rounded-xl{border-radius:calc(var(--zui-radius) + 4px)!important}.zui\:rounded-s-md{border-end-start-radius:calc(var(--zui-radius) - 2px)!important;border-start-start-radius:calc(var(--zui-radius) - 2px)!important}.zui\:rounded-e-md{border-end-end-radius:calc(var(--zui-radius) - 2px)!important;border-start-end-radius:calc(var(--zui-radius) - 2px)!important}.zui\:rounded-t-lg{border-top-left-radius:var(--zui-radius)!important;border-top-right-radius:var(--zui-radius)!important}.zui\:rounded-t-xl{border-top-left-radius:calc(var(--zui-radius) + 4px)!important;border-top-right-radius:calc(var(--zui-radius) + 4px)!important}.zui\:rounded-b-xl{border-bottom-left-radius:calc(var(--zui-radius) + 4px)!important;border-bottom-right-radius:calc(var(--zui-radius) + 4px)!important}.zui\:border{border-style:var(--tw-border-style)!important;border-width:1px!important}.zui\:border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.zui\:border-1{border-style:var(--tw-border-style)!important;border-width:1px!important}.zui\:border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.zui\:border-t{border-top-style:var(--tw-border-style)!important;border-top-width:1px!important}.zui\:border-r{border-right-style:var(--tw-border-style)!important;border-right-width:1px!important}.zui\:border-b{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}.zui\:border-b-0{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}.zui\:border-b-2{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:2px!important}.zui\:border-l-0{border-left-style:var(--tw-border-style)!important;border-left-width:0!important}.zui\:border-l-4{border-left-style:var(--tw-border-style)!important;border-left-width:4px!important}.zui\:border-blue-100{border-color:var(--zui-color-blue-100)!important}.zui\:border-blue-200{border-color:var(--zui-color-blue-200)!important}.zui\:border-blue-500{border-color:var(--zui-color-blue-500)!important}.zui\:border-blue-600{border-color:var(--zui-color-blue-600)!important}.zui\:border-blue-700{border-color:var(--zui-color-blue-700)!important}.zui\:border-border{border-color:var(--zui-border)!important}.zui\:border-current{border-color:currentcolor!important}.zui\:border-destructive{border-color:var(--zui-destructive)!important}.zui\:border-gray-100{border-color:var(--zui-color-gray-100)!important}.zui\:border-gray-200{border-color:var(--zui-color-gray-200)!important}.zui\:border-gray-300{border-color:var(--zui-color-gray-300)!important}.zui\:border-gray-800{border-color:var(--zui-color-gray-800)!important}.zui\:border-green-100{border-color:var(--zui-color-green-100)!important}.zui\:border-green-500{border-color:var(--zui-color-green-500)!important}.zui\:border-green-700{border-color:var(--zui-color-green-700)!important}.zui\:border-input{border-color:var(--zui-input)!important}.zui\:border-purple-500{border-color:var(--zui-color-purple-500)!important}.zui\:border-red-100{border-color:var(--zui-color-red-100)!important}.zui\:border-red-500{border-color:var(--zui-color-red-500)!important}.zui\:border-red-700{border-color:var(--zui-color-red-700)!important}.zui\:border-slate-300{border-color:var(--zui-color-slate-300)!important}.zui\:border-transparent{border-color:transparent!important}.zui\:border-yellow-100{border-color:var(--zui-color-yellow-100)!important}.zui\:border-yellow-600{border-color:var(--zui-color-yellow-600)!important}.zui\:border-yellow-700{border-color:var(--zui-color-yellow-700)!important}.zui\:bg-accent{background-color:var(--zui-accent)!important}.zui\:bg-amber-50{background-color:var(--zui-color-amber-50)!important}.zui\:bg-amber-500{background-color:var(--zui-color-amber-500)!important}.zui\:bg-background{background-color:var(--zui-background)!important}.zui\:bg-blue-50{background-color:var(--zui-color-blue-50)!important}.zui\:bg-blue-100{background-color:var(--zui-color-blue-100)!important}.zui\:bg-blue-500{background-color:var(--zui-color-blue-500)!important}.zui\:bg-blue-600{background-color:var(--zui-color-blue-600)!important}.zui\:bg-current{background-color:currentcolor!important}.zui\:bg-gray-50{background-color:var(--zui-color-gray-50)!important}.zui\:bg-gray-100{background-color:var(--zui-color-gray-100)!important}.zui\:bg-gray-200{background-color:var(--zui-color-gray-200)!important}.zui\:bg-gray-800{background-color:var(--zui-color-gray-800)!important}.zui\:bg-gray-900{background-color:var(--zui-color-gray-900)!important}.zui\:bg-green-50{background-color:var(--zui-color-green-50)!important}.zui\:bg-green-100{background-color:var(--zui-color-green-100)!important}.zui\:bg-green-500{background-color:var(--zui-color-green-500)!important}.zui\:bg-inherit{background-color:inherit!important}.zui\:bg-muted{background-color:var(--zui-muted)!important}.zui\:bg-neutral-100{background-color:var(--zui-color-neutral-100)!important}.zui\:bg-orange-100{background-color:var(--zui-color-orange-100)!important}.zui\:bg-purple-100{background-color:var(--zui-color-purple-100)!important}.zui\:bg-purple-500{background-color:var(--zui-color-purple-500)!important}.zui\:bg-red-50{background-color:var(--zui-color-red-50)!important}.zui\:bg-red-100{background-color:var(--zui-color-red-100)!important}.zui\:bg-red-500{background-color:var(--zui-color-red-500)!important}.zui\:bg-secondary{background-color:var(--zui-secondary)!important}.zui\:bg-slate-200{background-color:var(--zui-color-slate-200)!important}.zui\:bg-transparent{background-color:transparent!important}.zui\:bg-white,.zui\:bg-white\/60{background-color:var(--zui-color-white)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--zui-color-white) 60%,transparent)!important}}.zui\:bg-yellow-50{background-color:var(--zui-color-yellow-50)!important}.zui\:bg-yellow-100{background-color:var(--zui-color-yellow-100)!important}.zui\:object-cover{object-fit:cover!important}.zui\:\!p-0{padding:calc(var(--zui-spacing)*0)!important}.zui\:\!p-1{padding:calc(var(--zui-spacing)*1)!important}.zui\:p-0{padding:calc(var(--zui-spacing)*0)!important}.zui\:p-1{padding:calc(var(--zui-spacing)*1)!important}.zui\:p-2{padding:calc(var(--zui-spacing)*2)!important}.zui\:p-2\.5{padding:calc(var(--zui-spacing)*2.5)!important}.zui\:p-4{padding:calc(var(--zui-spacing)*4)!important}.zui\:p-6{padding:calc(var(--zui-spacing)*6)!important}.zui\:px-1{padding-inline:calc(var(--zui-spacing)*1)!important}.zui\:px-2{padding-inline:calc(var(--zui-spacing)*2)!important}.zui\:px-2\.5{padding-inline:calc(var(--zui-spacing)*2.5)!important}.zui\:px-3{padding-inline:calc(var(--zui-spacing)*3)!important}.zui\:px-3\.5{padding-inline:calc(var(--zui-spacing)*3.5)!important}.zui\:px-4{padding-inline:calc(var(--zui-spacing)*4)!important}.zui\:px-5{padding-inline:calc(var(--zui-spacing)*5)!important}.zui\:px-6{padding-inline:calc(var(--zui-spacing)*6)!important}.zui\:px-\[6px\]{padding-inline:6px!important}.zui\:py-0{padding-block:calc(var(--zui-spacing)*0)!important}.zui\:py-0\.5{padding-block:calc(var(--zui-spacing)*.5)!important}.zui\:py-1{padding-block:calc(var(--zui-spacing)*1)!important}.zui\:py-1\.5{padding-block:calc(var(--zui-spacing)*1.5)!important}.zui\:py-2{padding-block:calc(var(--zui-spacing)*2)!important}.zui\:py-2\.5{padding-block:calc(var(--zui-spacing)*2.5)!important}.zui\:py-3{padding-block:calc(var(--zui-spacing)*3)!important}.zui\:py-4{padding-block:calc(var(--zui-spacing)*4)!important}.zui\:py-10{padding-block:calc(var(--zui-spacing)*10)!important}.zui\:py-12{padding-block:calc(var(--zui-spacing)*12)!important}.zui\:pt-0\.5{padding-top:calc(var(--zui-spacing)*.5)!important}.zui\:pt-1{padding-top:calc(var(--zui-spacing)*1)!important}.zui\:pr-4{padding-right:calc(var(--zui-spacing)*4)!important}.zui\:pr-8{padding-right:calc(var(--zui-spacing)*8)!important}.zui\:pr-9{padding-right:calc(var(--zui-spacing)*9)!important}.zui\:pr-10{padding-right:calc(var(--zui-spacing)*10)!important}.zui\:pr-11{padding-right:calc(var(--zui-spacing)*11)!important}.zui\:pl-3{padding-left:calc(var(--zui-spacing)*3)!important}.zui\:pl-8{padding-left:calc(var(--zui-spacing)*8)!important}.zui\:pl-9{padding-left:calc(var(--zui-spacing)*9)!important}.zui\:pl-10{padding-left:calc(var(--zui-spacing)*10)!important}.zui\:pl-11{padding-left:calc(var(--zui-spacing)*11)!important}.zui\:text-center{text-align:center!important}.zui\:text-left{text-align:left!important}.zui\:text-right{text-align:right!important}.zui\:font-mono{font-family:var(--zui-font-mono)!important}.zui\:\!text-base{font-size:var(--zui-text-base)!important;line-height:var(--tw-leading,var(--zui-text-base--line-height))!important}.zui\:\!text-sm{font-size:var(--zui-text-sm)!important;line-height:var(--tw-leading,var(--zui-text-sm--line-height))!important}.zui\:text-2xl{font-size:var(--zui-text-2xl)!important;line-height:var(--tw-leading,var(--zui-text-2xl--line-height))!important}.zui\:text-base{font-size:var(--zui-text-base)!important;line-height:var(--tw-leading,var(--zui-text-base--line-height))!important}.zui\:text-lg{font-size:var(--zui-text-lg)!important;line-height:var(--tw-leading,var(--zui-text-lg--line-height))!important}.zui\:text-sm{font-size:var(--zui-text-sm)!important;line-height:var(--tw-leading,var(--zui-text-sm--line-height))!important}.zui\:text-xl{font-size:var(--zui-text-xl)!important;line-height:var(--tw-leading,var(--zui-text-xl--line-height))!important}.zui\:text-xs{font-size:var(--zui-text-xs)!important;line-height:var(--tw-leading,var(--zui-text-xs--line-height))!important}.zui\:leading-none{--tw-leading:1!important;line-height:1!important}.zui\:leading-snug{--tw-leading:var(--zui-leading-snug)!important;line-height:var(--zui-leading-snug)!important}.zui\:font-bold{--tw-font-weight:var(--zui-font-weight-bold)!important;font-weight:var(--zui-font-weight-bold)!important}.zui\:font-medium{--tw-font-weight:var(--zui-font-weight-medium)!important;font-weight:var(--zui-font-weight-medium)!important}.zui\:font-normal{--tw-font-weight:var(--zui-font-weight-normal)!important;font-weight:var(--zui-font-weight-normal)!important}.zui\:font-semibold{--tw-font-weight:var(--zui-font-weight-semibold)!important;font-weight:var(--zui-font-weight-semibold)!important}.zui\:tracking-wide{--tw-tracking:var(--zui-tracking-wide)!important;letter-spacing:var(--zui-tracking-wide)!important}.zui\:tracking-wider{--tw-tracking:var(--zui-tracking-wider)!important;letter-spacing:var(--zui-tracking-wider)!important}.zui\:whitespace-nowrap{white-space:nowrap!important}.zui\:\!text-foreground{color:var(--zui-foreground)!important}.zui\:text-accent-foreground{color:var(--zui-accent-foreground)!important}.zui\:text-amber-600{color:var(--zui-color-amber-600)!important}.zui\:text-blue-500{color:var(--zui-color-blue-500)!important}.zui\:text-blue-600{color:var(--zui-color-blue-600)!important}.zui\:text-blue-700{color:var(--zui-color-blue-700)!important}.zui\:text-blue-800{color:var(--zui-color-blue-800)!important}.zui\:text-blue-900{color:var(--zui-color-blue-900)!important}.zui\:text-destructive{color:var(--zui-destructive)!important}.zui\:text-foreground{color:var(--zui-foreground)!important}.zui\:text-gray-400{color:var(--zui-color-gray-400)!important}.zui\:text-gray-500{color:var(--zui-color-gray-500)!important}.zui\:text-gray-600{color:var(--zui-color-gray-600)!important}.zui\:text-gray-700{color:var(--zui-color-gray-700)!important}.zui\:text-gray-800{color:var(--zui-color-gray-800)!important}.zui\:text-gray-900{color:var(--zui-color-gray-900)!important}.zui\:text-green-500{color:var(--zui-color-green-500)!important}.zui\:text-green-600{color:var(--zui-color-green-600)!important}.zui\:text-green-700{color:var(--zui-color-green-700)!important}.zui\:text-green-800{color:var(--zui-color-green-800)!important}.zui\:text-green-900{color:var(--zui-color-green-900)!important}.zui\:text-muted-foreground{color:var(--zui-muted-foreground)!important}.zui\:text-neutral-400{color:var(--zui-color-neutral-400)!important}.zui\:text-orange-800{color:var(--zui-color-orange-800)!important}.zui\:text-popover-foreground{color:var(--zui-popover-foreground)!important}.zui\:text-purple-600{color:var(--zui-color-purple-600)!important}.zui\:text-purple-800{color:var(--zui-color-purple-800)!important}.zui\:text-red-500{color:var(--zui-color-red-500)!important}.zui\:text-red-600{color:var(--zui-color-red-600)!important}.zui\:text-red-700{color:var(--zui-color-red-700)!important}.zui\:text-red-800{color:var(--zui-color-red-800)!important}.zui\:text-red-900{color:var(--zui-color-red-900)!important}.zui\:text-slate-500{color:var(--zui-color-slate-500)!important}.zui\:text-slate-800{color:var(--zui-color-slate-800)!important}.zui\:text-white{color:var(--zui-color-white)!important}.zui\:text-yellow-600{color:var(--zui-color-yellow-600)!important}.zui\:text-yellow-700{color:var(--zui-color-yellow-700)!important}.zui\:text-yellow-800{color:var(--zui-color-yellow-800)!important}.zui\:text-yellow-900{color:var(--zui-color-yellow-900)!important}.zui\:uppercase{text-transform:uppercase!important}.zui\:opacity-40{opacity:40%!important}.zui\:opacity-50{opacity:50%!important}.zui\:opacity-60{opacity:60%!important}.zui\:opacity-80{opacity:80%!important}.zui\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))!important}.zui\:shadow-lg,.zui\:shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.zui\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))!important}.zui\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,rgba(0,0,0,.1)),0 8px 10px -6px var(--tw-shadow-color,rgba(0,0,0,.1))!important}.zui\:ring-1,.zui\:shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.zui\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important}.zui\:ring-blue-200{--tw-ring-color:var(--zui-color-blue-200)!important}.zui\:ring-blue-500{--tw-ring-color:var(--zui-color-blue-500)!important}.zui\:ring-blue-600{--tw-ring-color:var(--zui-color-blue-600)!important}.zui\:ring-gray-400{--tw-ring-color:var(--zui-color-gray-400)!important}.zui\:ring-ring{--tw-ring-color:var(--zui-ring)!important}.zui\:ring-offset-1{--tw-ring-offset-width:1px!important;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important}.zui\:ring-offset-background{--tw-ring-offset-color:var(--zui-background)!important}.zui\:transition{transition-duration:var(--tw-duration,var(--zui-default-transition-duration))!important;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;transition-timing-function:var(--tw-ease,var(--zui-default-transition-timing-function))!important}.zui\:transition-all{transition-duration:var(--tw-duration,var(--zui-default-transition-duration))!important;transition-property:all!important;transition-timing-function:var(--tw-ease,var(--zui-default-transition-timing-function))!important}.zui\:transition-colors{transition-duration:var(--tw-duration,var(--zui-default-transition-duration))!important;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to!important;transition-timing-function:var(--tw-ease,var(--zui-default-transition-timing-function))!important}.zui\:transition-none{transition-property:none!important}.zui\:duration-200{--tw-duration:200ms!important;transition-duration:.2s!important}.zui\:ease-in-out{--tw-ease:var(--zui-ease-in-out)!important;transition-timing-function:var(--zui-ease-in-out)!important}.zui\:outline-none{--tw-outline-style:none!important;outline-style:none!important}.zui\:select-none{-webkit-user-select:none!important;user-select:none!important}.zui\:placeholder\:text-muted-foreground{&::placeholder{color:var(--zui-muted-foreground)!important}}.zui\:focus-within\:ring-1{&:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}}.zui\:focus-within\:ring-destructive{&:focus-within{--tw-ring-color:var(--zui-destructive)!important}}.zui\:focus-within\:ring-ring{&:focus-within{--tw-ring-color:var(--zui-ring)!important}}.zui\:focus-within\:ring-offset-1{&:focus-within{--tw-ring-offset-width:1px!important;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important}}.zui\:hover\:border-gray-400{&:hover{@media (hover:hover){border-color:var(--zui-color-gray-400)!important}}}.zui\:hover\:bg-gray-50{&:hover{@media (hover:hover){background-color:var(--zui-color-gray-50)!important}}}.zui\:hover\:bg-gray-100{&:hover{@media (hover:hover){background-color:var(--zui-color-gray-100)!important}}}.zui\:hover\:bg-gray-200{&:hover{@media (hover:hover){background-color:var(--zui-color-gray-200)!important}}}.zui\:hover\:text-blue-800{&:hover{@media (hover:hover){color:var(--zui-color-blue-800)!important}}}.zui\:hover\:text-red-500{&:hover{@media (hover:hover){color:var(--zui-color-red-500)!important}}}.zui\:hover\:underline{&:hover{@media (hover:hover){text-decoration-line:underline!important}}}.zui\:hover\:opacity-100{&:hover{@media (hover:hover){opacity:100%!important}}}.zui\:focus\:border-transparent{&:focus{border-color:transparent!important}}.zui\:focus\:ring-2{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}}.zui\:focus\:ring-blue-500{&:focus{--tw-ring-color:var(--zui-color-blue-500)!important}}.zui\:focus\:outline-none{&:focus{--tw-outline-style:none!important;outline-style:none!important}}.zui\:disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed!important}}.zui\:disabled\:opacity-50{&:disabled{opacity:50%!important}}.zui\:aria-selected\:bg-accent\/50{&[aria-selected=true]{background-color:var(--zui-accent)!important;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--zui-accent) 50%,transparent)!important}}}.zui\:aria-selected\:text-muted-foreground{&[aria-selected=true]{color:var(--zui-muted-foreground)!important}}.zui\:aria-selected\:opacity-30{&[aria-selected=true]{opacity:30%!important}}.zui\:aria-selected\:opacity-100{&[aria-selected=true]{opacity:100%!important}}.zui\:data-\[disabled\]\:pointer-events-none{&[data-disabled]{pointer-events:none!important}}.zui\:data-\[disabled\]\:opacity-50{&[data-disabled]{opacity:50%!important}}.zui\:\[\&\>button\]\:bg-accent,.zui\:sm\:rounded-l-md,.zui\:sm\:rounded-r-xl,.zui\:sm\:w-auto{&>button{background-color:var(--zui-accent)!important}}.zui\:\[\&\>button\]\:bg-primary{&>button{background-color:var(--zui-primary)!important}}.zui\:\[\&\>button\]\:bg-transparent{&>button{background-color:transparent!important}}.zui\:\[\&\>button\]\:\!text-foreground{&>button{color:var(--zui-foreground)!important}}.zui\:\[\&\>button\]\:text-accent-foreground{&>button{color:var(--zui-accent-foreground)!important}}.zui\:\[\&\>button\]\:text-foreground{&>button{color:var(--zui-foreground)!important}}.zui\:\[\&\>button\]\:text-primary-foreground{&>button{color:var(--zui-primary-foreground)!important}}.zui\:\[\&\>button\]\:hover\:bg-primary{&>button{&:hover{@media (hover:hover){background-color:var(--zui-primary)!important}}}}.zui\:\[\&\>button\]\:hover\:bg-transparent{&>button{&:hover{@media (hover:hover){background-color:transparent!important}}}}.zui\:\[\&\>button\]\:hover\:\!text-foreground{&>button{&:hover{@media (hover:hover){color:var(--zui-foreground)!important}}}}.zui\:\[\&\>button\]\:hover\:text-gray-500{&>button{&:hover{@media (hover:hover){color:var(--zui-color-gray-500)!important}}}}.zui\:\[\&\>button\]\:hover\:text-primary-foreground{&>button{&:hover{@media (hover:hover){color:var(--zui-primary-foreground)!important}}}}}:root{--zui-radius:0.625rem;--zui-background:oklch(1 0 0);--zui-foreground:oklch(0.145 0 0);--zui-card:oklch(1 0 0);--zui-card-foreground:oklch(0.145 0 0);--zui-popover:oklch(1 0 0);--zui-popover-foreground:oklch(0.145 0 0);--zui-primary:oklch(0.55 0.247 266.93);--zui-primary-foreground:oklch(0.985 0 0);--zui-secondary:oklch(0.97 0 0);--zui-secondary-foreground:oklch(0.205 0 0);--zui-muted:oklch(0.97 0 0);--zui-muted-foreground:oklch(0.556 0 0);--zui-accent:oklch(0.97 0 0);--zui-accent-foreground:oklch(0.205 0 0);--zui-destructive:oklch(0.577 0.245 27.325);--zui-border:oklch(0.922 0 0);--zui-input:oklch(0.922 0 0);--zui-ring:oklch(0.708 0 0);--zui-chart-1:oklch(0.646 0.222 41.116);--zui-chart-2:oklch(0.6 0.118 184.704);--zui-chart-3:oklch(0.398 0.07 227.392);--zui-chart-4:oklch(0.828 0.189 84.429);--zui-chart-5:oklch(0.769 0.188 70.08);--zui-sidebar:oklch(0.985 0 0);--zui-sidebar-foreground:oklch(0.145 0 0);--zui-sidebar-primary:oklch(0.205 0 0);--zui-sidebar-primary-foreground:oklch(0.985 0 0);--zui-sidebar-accent:oklch(0.97 0 0);--zui-sidebar-accent-foreground:oklch(0.205 0 0);--zui-sidebar-border:oklch(0.922 0 0);--zui-sidebar-ring:oklch(0.708 0 0)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(files/inter-cyrillic-ext-300-normal.woff2) format("woff2"),url(files/inter-cyrillic-ext-300-normal.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(files/inter-cyrillic-300-normal.woff2) format("woff2"),url(files/inter-cyrillic-300-normal.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(files/inter-greek-ext-300-normal.woff2) format("woff2"),url(files/inter-greek-ext-300-normal.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(files/inter-greek-300-normal.woff2) format("woff2"),url(files/inter-greek-300-normal.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(files/inter-vietnamese-300-normal.woff2) format("woff2"),url(files/inter-vietnamese-300-normal.woff) format("woff");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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(files/inter-latin-ext-300-normal.woff2) format("woff2"),url(files/inter-latin-ext-300-normal.woff) format("woff");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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(files/inter-latin-300-normal.woff2) format("woff2"),url(files/inter-latin-300-normal.woff) format("woff");unicode-range:u+00??,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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(files/inter-cyrillic-ext-400-normal.woff2) format("woff2"),url(files/inter-cyrillic-ext-400-normal.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(files/inter-cyrillic-400-normal.woff2) format("woff2"),url(files/inter-cyrillic-400-normal.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(files/inter-greek-ext-400-normal.woff2) format("woff2"),url(files/inter-greek-ext-400-normal.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(files/inter-greek-400-normal.woff2) format("woff2"),url(files/inter-greek-400-normal.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(files/inter-vietnamese-400-normal.woff2) format("woff2"),url(files/inter-vietnamese-400-normal.woff) format("woff");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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(files/inter-latin-ext-400-normal.woff2) format("woff2"),url(files/inter-latin-ext-400-normal.woff) format("woff");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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(files/inter-latin-400-normal.woff2) format("woff2"),url(files/inter-latin-400-normal.woff) format("woff");unicode-range:u+00??,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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(files/inter-cyrillic-ext-500-normal.woff2) format("woff2"),url(files/inter-cyrillic-ext-500-normal.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(files/inter-cyrillic-500-normal.woff2) format("woff2"),url(files/inter-cyrillic-500-normal.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(files/inter-greek-ext-500-normal.woff2) format("woff2"),url(files/inter-greek-ext-500-normal.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(files/inter-greek-500-normal.woff2) format("woff2"),url(files/inter-greek-500-normal.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(files/inter-vietnamese-500-normal.woff2) format("woff2"),url(files/inter-vietnamese-500-normal.woff) format("woff");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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(files/inter-latin-ext-500-normal.woff2) format("woff2"),url(files/inter-latin-ext-500-normal.woff) format("woff");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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(files/inter-latin-500-normal.woff2) format("woff2"),url(files/inter-latin-500-normal.woff) format("woff");unicode-range:u+00??,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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(files/inter-cyrillic-ext-600-normal.woff2) format("woff2"),url(files/inter-cyrillic-ext-600-normal.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(files/inter-cyrillic-600-normal.woff2) format("woff2"),url(files/inter-cyrillic-600-normal.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(files/inter-greek-ext-600-normal.woff2) format("woff2"),url(files/inter-greek-ext-600-normal.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(files/inter-greek-600-normal.woff2) format("woff2"),url(files/inter-greek-600-normal.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(files/inter-vietnamese-600-normal.woff2) format("woff2"),url(files/inter-vietnamese-600-normal.woff) format("woff");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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(files/inter-latin-ext-600-normal.woff2) format("woff2"),url(files/inter-latin-ext-600-normal.woff) format("woff");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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(files/inter-latin-600-normal.woff2) format("woff2"),url(files/inter-latin-600-normal.woff) format("woff");unicode-range:u+00??,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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(files/inter-cyrillic-ext-700-normal.woff2) format("woff2"),url(files/inter-cyrillic-ext-700-normal.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(files/inter-cyrillic-700-normal.woff2) format("woff2"),url(files/inter-cyrillic-700-normal.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(files/inter-greek-ext-700-normal.woff2) format("woff2"),url(files/inter-greek-ext-700-normal.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(files/inter-greek-700-normal.woff2) format("woff2"),url(files/inter-greek-700-normal.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(files/inter-vietnamese-700-normal.woff2) format("woff2"),url(files/inter-vietnamese-700-normal.woff) format("woff");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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(files/inter-latin-ext-700-normal.woff2) format("woff2"),url(files/inter-latin-ext-700-normal.woff) format("woff");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}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(files/inter-latin-700-normal.woff2) format("woff2"),url(files/inter-latin-700-normal.woff) format("woff");unicode-range:u+00??,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}