@zentauri-ui/zentauri-components 2.0.0 → 2.1.1

package/dist/chunk-KOIXQXZB.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var chunkJ2SUGU3X_js = require('./chunk-J2SUGU3X.js');
+var classVarianceAuthority = require('class-variance-authority');
+
+var checkboxRootVariants = classVarianceAuthority.cva(chunkJ2SUGU3X_js.zuiCheckboxRootBase, {
+  variants: {
+    size: {
+      sm: chunkJ2SUGU3X_js.zuiCheckboxSizes.sm.root,
+      md: chunkJ2SUGU3X_js.zuiCheckboxSizes.md.root,
+      lg: chunkJ2SUGU3X_js.zuiCheckboxSizes.lg.root
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var checkboxControlVariants = classVarianceAuthority.cva(chunkJ2SUGU3X_js.zuiCheckboxControlBase, {
+  variants: {
+    appearance: chunkJ2SUGU3X_js.zuiCheckboxAppearances,
+    size: {
+      sm: chunkJ2SUGU3X_js.zuiCheckboxSizes.sm.control,
+      md: chunkJ2SUGU3X_js.zuiCheckboxSizes.md.control,
+      lg: chunkJ2SUGU3X_js.zuiCheckboxSizes.lg.control
+    }
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+var checkboxIndicatorVariants = classVarianceAuthority.cva(chunkJ2SUGU3X_js.zuiCheckboxIndicatorBase, {
+  variants: {
+    size: {
+      sm: chunkJ2SUGU3X_js.zuiCheckboxSizes.sm.indicator,
+      md: chunkJ2SUGU3X_js.zuiCheckboxSizes.md.indicator,
+      lg: chunkJ2SUGU3X_js.zuiCheckboxSizes.lg.indicator
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+exports.checkboxControlVariants = checkboxControlVariants;
+exports.checkboxIndicatorVariants = checkboxIndicatorVariants;
+exports.checkboxRootVariants = checkboxRootVariants;
+//# sourceMappingURL=chunk-KOIXQXZB.js.map
+//# sourceMappingURL=chunk-KOIXQXZB.js.map

package/dist/{chunk-NVTV3EQB.js.map → chunk-KOIXQXZB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/checkbox/variants.ts"],"names":["cva","zuiCheckboxRootBase","zuiCheckboxSizes","zuiCheckboxControlBase","zuiCheckboxAppearances","zuiCheckboxIndicatorBase"],"mappings":";;;;;AAUO,IAAM,oBAAA,GAAuBA,2BAAIC,oCAAA,EAAqB;AAAA,EAC3D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIC,kCAAiB,EAAA,CAAG,IAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG,IAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG;AAAA;AAC1B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,uBAAA,GAA0BF,2BAAIG,uCAAA,EAAwB;AAAA,EACjE,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,uCAAA;AAAA,IACZ,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIF,kCAAiB,EAAA,CAAG,OAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG,OAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG;AAAA;AAC1B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4BF,2BAAIK,yCAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIH,kCAAiB,EAAA,CAAG,SAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG,SAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG;AAAA;AAC1B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-NVTV3EQB.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiCheckboxAppearances,\n  zuiCheckboxControlBase,\n  zuiCheckboxIndicatorBase,\n  zuiCheckboxRootBase,\n  zuiCheckboxSizes,\n} from \"../../design-system/checkbox\";\n\nexport const checkboxRootVariants = cva(zuiCheckboxRootBase, {\n  variants: {\n    size: {\n      sm: zuiCheckboxSizes.sm.root,\n      md: zuiCheckboxSizes.md.root,\n      lg: zuiCheckboxSizes.lg.root,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const checkboxControlVariants = cva(zuiCheckboxControlBase, {\n  variants: {\n    appearance: zuiCheckboxAppearances,\n    size: {\n      sm: zuiCheckboxSizes.sm.control,\n      md: zuiCheckboxSizes.md.control,\n      lg: zuiCheckboxSizes.lg.control,\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const checkboxIndicatorVariants = cva(zuiCheckboxIndicatorBase, {\n  variants: {\n    size: {\n      sm: zuiCheckboxSizes.sm.indicator,\n      md: zuiCheckboxSizes.md.indicator,\n      lg: zuiCheckboxSizes.lg.indicator,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n"]}
+{"version":3,"sources":["../src/ui/checkbox/variants.ts"],"names":["cva","zuiCheckboxRootBase","zuiCheckboxSizes","zuiCheckboxControlBase","zuiCheckboxAppearances","zuiCheckboxIndicatorBase"],"mappings":";;;;;AAUO,IAAM,oBAAA,GAAuBA,2BAAIC,oCAAA,EAAqB;AAAA,EAC3D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIC,kCAAiB,EAAA,CAAG,IAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG,IAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG;AAAA;AAC1B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,uBAAA,GAA0BF,2BAAIG,uCAAA,EAAwB;AAAA,EACjE,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,uCAAA;AAAA,IACZ,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIF,kCAAiB,EAAA,CAAG,OAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG,OAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG;AAAA;AAC1B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4BF,2BAAIK,yCAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIH,kCAAiB,EAAA,CAAG,SAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG,SAAA;AAAA,MACxB,EAAA,EAAIA,kCAAiB,EAAA,CAAG;AAAA;AAC1B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-KOIXQXZB.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiCheckboxAppearances,\n  zuiCheckboxControlBase,\n  zuiCheckboxIndicatorBase,\n  zuiCheckboxRootBase,\n  zuiCheckboxSizes,\n} from \"../../design-system/checkbox\";\n\nexport const checkboxRootVariants = cva(zuiCheckboxRootBase, {\n  variants: {\n    size: {\n      sm: zuiCheckboxSizes.sm.root,\n      md: zuiCheckboxSizes.md.root,\n      lg: zuiCheckboxSizes.lg.root,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const checkboxControlVariants = cva(zuiCheckboxControlBase, {\n  variants: {\n    appearance: zuiCheckboxAppearances,\n    size: {\n      sm: zuiCheckboxSizes.sm.control,\n      md: zuiCheckboxSizes.md.control,\n      lg: zuiCheckboxSizes.lg.control,\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const checkboxIndicatorVariants = cva(zuiCheckboxIndicatorBase, {\n  variants: {\n    size: {\n      sm: zuiCheckboxSizes.sm.indicator,\n      md: zuiCheckboxSizes.md.indicator,\n      lg: zuiCheckboxSizes.lg.indicator,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n"]}

package/dist/{chunk-PKXDRTC7.js → chunk-KQZWTTY2.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkE7BPOL74_js = require('./chunk-E7BPOL74.js');
+var chunkKWBGLH7G_js = require('./chunk-KWBGLH7G.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var tableVariants = classVarianceAuthority.cva(chunkE7BPOL74_js.zuiTableBase, {
+var tableVariants = classVarianceAuthority.cva(chunkKWBGLH7G_js.zuiTableBase, {
   variants: {
-    appearance: chunkE7BPOL74_js.zuiTableAppearances,
-    size: chunkE7BPOL74_js.zuiTableSizes,
-    stickyHeader: chunkE7BPOL74_js.zuiTableStickyHeader
+    appearance: chunkKWBGLH7G_js.zuiTableAppearances,
+    size: chunkKWBGLH7G_js.zuiTableSizes,
+    stickyHeader: chunkKWBGLH7G_js.zuiTableStickyHeader
   },
   defaultVariants: {
     appearance: "default",
@@ -18,17 +18,17 @@ var tableVariants = classVarianceAuthority.cva(chunkE7BPOL74_js.zuiTableBase, {
     stickyHeader: false
   }
 });
-var tableRowVariants = classVarianceAuthority.cva(chunkE7BPOL74_js.zuiTableRowBase, {
+var tableRowVariants = classVarianceAuthority.cva(chunkKWBGLH7G_js.zuiTableRowBase, {
   variants: {
-    appearance: chunkE7BPOL74_js.zuiTableRowAppearances
+    appearance: chunkKWBGLH7G_js.zuiTableRowAppearances
   },
   defaultVariants: { appearance: "default" }
 });
-var tableCellVariants = classVarianceAuthority.cva(chunkE7BPOL74_js.zuiTableCellBase, {
+var tableCellVariants = classVarianceAuthority.cva(chunkKWBGLH7G_js.zuiTableCellBase, {
   variants: {
-    appearance: chunkE7BPOL74_js.zuiTableCellAppearances,
-    size: chunkE7BPOL74_js.zuiTableCellSizes,
-    textAlign: chunkE7BPOL74_js.zuiTableTextAlignments
+    appearance: chunkKWBGLH7G_js.zuiTableCellAppearances,
+    size: chunkKWBGLH7G_js.zuiTableCellSizes,
+    textAlign: chunkKWBGLH7G_js.zuiTableTextAlignments
   },
   defaultVariants: { appearance: "default", size: "md" }
 });
@@ -260,5 +260,5 @@ exports.tableCellVariants = tableCellVariants;
 exports.tableRowVariants = tableRowVariants;
 exports.tableVariants = tableVariants;
 exports.useTableContext = useTableContext;
-//# sourceMappingURL=chunk-PKXDRTC7.js.map
-//# sourceMappingURL=chunk-PKXDRTC7.js.map
+//# sourceMappingURL=chunk-KQZWTTY2.js.map
+//# sourceMappingURL=chunk-KQZWTTY2.js.map

package/dist/{chunk-PKXDRTC7.js.map → chunk-KQZWTTY2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":["cva","zuiTableBase","zuiTableAppearances","zuiTableSizes","zuiTableStickyHeader","zuiTableRowBase","zuiTableRowAppearances","zuiTableCellBase","zuiTableCellAppearances","zuiTableCellSizes","zuiTableTextAlignments","createContext","useContext","useMemo","jsx","cn","useCallback"],"mappings":"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","file":"chunk-PKXDRTC7.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTableAppearances,\n  zuiTableBase,\n  zuiTableCellAppearances,\n  zuiTableCellBase,\n  zuiTableCellSizes,\n  zuiTableRowAppearances,\n  zuiTableRowBase,\n  zuiTableSizes,\n  zuiTableStickyHeader,\n  zuiTableTextAlignments,\n} from \"../../design-system/table\";\n\nexport const tableVariants = cva(zuiTableBase, {\n  variants: {\n    appearance: zuiTableAppearances,\n    size: zuiTableSizes,\n    stickyHeader: zuiTableStickyHeader,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    stickyHeader: false,\n  },\n});\n\nexport const tableRowVariants = cva(zuiTableRowBase, {\n  variants: {\n    appearance: zuiTableRowAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const tableCellVariants = cva(zuiTableCellBase, {\n  variants: {\n    appearance: zuiTableCellAppearances,\n    size: zuiTableCellSizes,\n    textAlign: zuiTableTextAlignments,\n  },\n  defaultVariants: { appearance: \"default\", size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  type KeyboardEvent,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TableCtx,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n  TableSortDirection,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\nexport const TableContext = createContext<TableCtx | null>(null);\n\nexport function useTableContext(component: string): TableCtx {\n  const ctx = useContext(TableContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Table>`);\n  }\n  return ctx;\n}\n\nexport function TableBase(props: TableProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    textAlign = \"left\",\n    stickyHeader = false,\n    scrollAreaAriaLabel,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const ctx = useMemo(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      stickyHeader: Boolean(stickyHeader),\n      rowAnimation: \"none\" as const,\n      textAlign,\n    }),\n    [appearance, size, stickyHeader, textAlign],\n  );\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div\n        data-slot=\"table-scroll\"\n        tabIndex={0}\n        role=\"region\"\n        aria-label={scrollAreaAriaLabel ?? \"Scrollable table\"}\n        className={cn(\n          \"relative w-full overflow-auto\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        )}\n      >\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          className={cn(\n            tableVariants({ appearance, size, stickyHeader }),\n            \"w-full min-w-0 table\",\n            className,\n          )}\n          {...rest}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\nTableBase.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n  const { stickyHeader } = useTableContext(\"TableHeader\");\n  const stickyClass = stickyHeader\n    ? \"sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur\"\n    : \"\";\n  return (\n    <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n      {children}\n    </thead>\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n  return (\n    <tbody data-slot=\"table-body\" className={cn(className)}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t border-white/10 bg-white/3 font-medium\",\n        className,\n      )}\n    >\n      {children}\n    </tfoot>\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n  className,\n  children,\n  ref,\n  as: Wrapper = \"tr\",\n  rowAnimation: _rowAnimation,\n  ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n  const { appearance } = useTableContext(\"TableRow\");\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(tableRowVariants({ appearance }), className)}\n      {...rest}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n  className,\n  children,\n  scope = \"col\",\n  sortKey,\n  sortDirection,\n  onSortChange,\n  onClick,\n  onKeyDown,\n  tabIndex,\n  ref,\n  ...rest\n}: TableHeadCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n  const isSortable = Boolean(sortKey && onSortChange);\n  const sortableDirection: TableSortDirection = sortDirection ?? \"none\";\n\n  const handleSort = useCallback(() => {\n    if (!sortKey || !onSortChange) {\n      return;\n    }\n\n    const nextDirection: TableSortDirection =\n      sortableDirection === \"ascending\"\n        ? \"descending\"\n        : sortableDirection === \"descending\"\n          ? \"none\"\n          : \"ascending\";\n\n    onSortChange({\n      sortKey,\n      sortDirection: nextDirection,\n    });\n  }, [onSortChange, sortKey, sortableDirection]);\n\n  const handleClick = useCallback<NonNullable<TableHeadCellProps[\"onClick\"]>>(\n    (event) => {\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        handleSort();\n      }\n    },\n    [handleSort, onClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLTableCellElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || !isSortable) {\n        return;\n      }\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        handleSort();\n      }\n    },\n    [handleSort, isSortable, onKeyDown],\n  );\n\n  return (\n    <th\n      ref={ref}\n      data-slot=\"table-head\"\n      scope={scope}\n      aria-sort={isSortable ? sortableDirection : sortDirection}\n      data-sort-key={sortKey}\n      data-sort-direction={sortDirection}\n      tabIndex={isSortable ? (tabIndex ?? 0) : tabIndex}\n      className={cn(\n        tableCellVariants({ appearance, size, textAlign }),\n        isSortable &&\n          \"cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        className,\n      )}\n      onClick={isSortable ? handleClick : onClick}\n      onKeyDown={isSortable ? handleKeyDown : onKeyDown}\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n  className,\n  children,\n  ref,\n  scope,\n  ...rest\n}: TableCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n  const cellClassName = cn(\n    tableCellVariants({ appearance, size, textAlign }),\n    className,\n  );\n\n  if (scope !== undefined) {\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-cell\"\n        scope={scope}\n        className={cellClassName}\n        {...rest}\n      >\n        {children}\n      </th>\n    );\n  }\n\n  return (\n    <td ref={ref} data-slot=\"table-cell\" className={cellClassName} {...rest}>\n      {children}\n    </td>\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n    >\n      {children}\n    </caption>\n  );\n}\n\nTableCaption.displayName = \"TableCaption\";\n"]}
+{"version":3,"sources":["../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":["cva","zuiTableBase","zuiTableAppearances","zuiTableSizes","zuiTableStickyHeader","zuiTableRowBase","zuiTableRowAppearances","zuiTableCellBase","zuiTableCellAppearances","zuiTableCellSizes","zuiTableTextAlignments","createContext","useContext","useMemo","jsx","cn","useCallback"],"mappings":"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","file":"chunk-KQZWTTY2.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTableAppearances,\n  zuiTableBase,\n  zuiTableCellAppearances,\n  zuiTableCellBase,\n  zuiTableCellSizes,\n  zuiTableRowAppearances,\n  zuiTableRowBase,\n  zuiTableSizes,\n  zuiTableStickyHeader,\n  zuiTableTextAlignments,\n} from \"../../design-system/table\";\n\nexport const tableVariants = cva(zuiTableBase, {\n  variants: {\n    appearance: zuiTableAppearances,\n    size: zuiTableSizes,\n    stickyHeader: zuiTableStickyHeader,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    stickyHeader: false,\n  },\n});\n\nexport const tableRowVariants = cva(zuiTableRowBase, {\n  variants: {\n    appearance: zuiTableRowAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const tableCellVariants = cva(zuiTableCellBase, {\n  variants: {\n    appearance: zuiTableCellAppearances,\n    size: zuiTableCellSizes,\n    textAlign: zuiTableTextAlignments,\n  },\n  defaultVariants: { appearance: \"default\", size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  type KeyboardEvent,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TableCtx,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n  TableSortDirection,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\nexport const TableContext = createContext<TableCtx | null>(null);\n\nexport function useTableContext(component: string): TableCtx {\n  const ctx = useContext(TableContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Table>`);\n  }\n  return ctx;\n}\n\nexport function TableBase(props: TableProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    textAlign = \"left\",\n    stickyHeader = false,\n    scrollAreaAriaLabel,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const ctx = useMemo(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      stickyHeader: Boolean(stickyHeader),\n      rowAnimation: \"none\" as const,\n      textAlign,\n    }),\n    [appearance, size, stickyHeader, textAlign],\n  );\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div\n        data-slot=\"table-scroll\"\n        tabIndex={0}\n        role=\"region\"\n        aria-label={scrollAreaAriaLabel ?? \"Scrollable table\"}\n        className={cn(\n          \"relative w-full overflow-auto\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        )}\n      >\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          className={cn(\n            tableVariants({ appearance, size, stickyHeader }),\n            \"w-full min-w-0 table\",\n            className,\n          )}\n          {...rest}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\nTableBase.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n  const { stickyHeader } = useTableContext(\"TableHeader\");\n  const stickyClass = stickyHeader\n    ? \"sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur\"\n    : \"\";\n  return (\n    <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n      {children}\n    </thead>\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n  return (\n    <tbody data-slot=\"table-body\" className={cn(className)}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t border-white/10 bg-white/3 font-medium\",\n        className,\n      )}\n    >\n      {children}\n    </tfoot>\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n  className,\n  children,\n  ref,\n  as: Wrapper = \"tr\",\n  rowAnimation: _rowAnimation,\n  ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n  const { appearance } = useTableContext(\"TableRow\");\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(tableRowVariants({ appearance }), className)}\n      {...rest}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n  className,\n  children,\n  scope = \"col\",\n  sortKey,\n  sortDirection,\n  onSortChange,\n  onClick,\n  onKeyDown,\n  tabIndex,\n  ref,\n  ...rest\n}: TableHeadCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n  const isSortable = Boolean(sortKey && onSortChange);\n  const sortableDirection: TableSortDirection = sortDirection ?? \"none\";\n\n  const handleSort = useCallback(() => {\n    if (!sortKey || !onSortChange) {\n      return;\n    }\n\n    const nextDirection: TableSortDirection =\n      sortableDirection === \"ascending\"\n        ? \"descending\"\n        : sortableDirection === \"descending\"\n          ? \"none\"\n          : \"ascending\";\n\n    onSortChange({\n      sortKey,\n      sortDirection: nextDirection,\n    });\n  }, [onSortChange, sortKey, sortableDirection]);\n\n  const handleClick = useCallback<NonNullable<TableHeadCellProps[\"onClick\"]>>(\n    (event) => {\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        handleSort();\n      }\n    },\n    [handleSort, onClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLTableCellElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || !isSortable) {\n        return;\n      }\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        handleSort();\n      }\n    },\n    [handleSort, isSortable, onKeyDown],\n  );\n\n  return (\n    <th\n      ref={ref}\n      data-slot=\"table-head\"\n      scope={scope}\n      aria-sort={isSortable ? sortableDirection : sortDirection}\n      data-sort-key={sortKey}\n      data-sort-direction={sortDirection}\n      tabIndex={isSortable ? (tabIndex ?? 0) : tabIndex}\n      className={cn(\n        tableCellVariants({ appearance, size, textAlign }),\n        isSortable &&\n          \"cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        className,\n      )}\n      onClick={isSortable ? handleClick : onClick}\n      onKeyDown={isSortable ? handleKeyDown : onKeyDown}\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n  className,\n  children,\n  ref,\n  scope,\n  ...rest\n}: TableCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n  const cellClassName = cn(\n    tableCellVariants({ appearance, size, textAlign }),\n    className,\n  );\n\n  if (scope !== undefined) {\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-cell\"\n        scope={scope}\n        className={cellClassName}\n        {...rest}\n      >\n        {children}\n      </th>\n    );\n  }\n\n  return (\n    <td ref={ref} data-slot=\"table-cell\" className={cellClassName} {...rest}>\n      {children}\n    </td>\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n    >\n      {children}\n    </caption>\n  );\n}\n\nTableCaption.displayName = \"TableCaption\";\n"]}

package/dist/chunk-KWBGLH7G.js

@@ -0,0 +1,155 @@
+'use strict';
+
+// src/design-system/table.ts
+var zuiTableBase = "w-full table-auto border-collapse caption-bottom text-sm text-[color:var(--zui-table-fg,var(--zui-fg,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-table-fg-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))] md:table-fixed";
+var zuiTableAppearances = {
+  default: "",
+  striped: "",
+  bordered: "border border-[color:var(--zui-table-bordered-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-table-bordered-border-dark,var(--zui-border-dark,#ffffff1a))]",
+  ghost: "",
+  sky: "border border-[color:var(--zui-table-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-table-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))]",
+  rose: "border border-[color:var(--zui-table-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-table-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))]",
+  purple: "border border-[color:var(--zui-table-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-table-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]",
+  pink: "border border-[color:var(--zui-table-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-table-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]",
+  orange: "border border-[color:var(--zui-table-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-table-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))]",
+  yellow: "border border-[color:var(--zui-table-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-table-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))]",
+  teal: "border border-[color:var(--zui-table-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-table-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))]",
+  indigo: "border border-[color:var(--zui-table-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-table-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))]",
+  emerald: "border border-[color:var(--zui-table-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-table-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))]",
+  gray: "border border-[color:var(--zui-table-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-table-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))]",
+  amber: "border border-[color:var(--zui-table-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-table-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))]",
+  violet: "border border-[color:var(--zui-table-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-table-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))]",
+  blue: "border border-[color:var(--zui-table-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-table-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "border border-[color:var(--zui-table-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-table-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "border border-[color:var(--zui-table-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-table-green-border-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "border border-[color:var(--zui-table-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-table-lime-border-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "border border-[color:var(--zui-table-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-table-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "border border-[color:var(--zui-table-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-table-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "border border-[color:var(--zui-table-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-table-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "border border-[color:var(--zui-table-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-table-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "border border-[color:var(--zui-table-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-table-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "border border-[color:var(--zui-table-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-table-red-border-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "border border-[color:var(--zui-table-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-table-slate-border-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "border border-[color:var(--zui-table-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-table-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "border border-[color:var(--zui-table-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-table-stone-border-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "border border-[color:var(--zui-table-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-table-royal-border-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "border border-[color:var(--zui-table-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-table-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "border border-[color:var(--zui-table-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-table-forest-border-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "border border-[color:var(--zui-table-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-table-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "border border-[color:var(--zui-table-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-table-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "border border-[color:var(--zui-table-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-table-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "border border-[color:var(--zui-table-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-table-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "border border-[color:var(--zui-table-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-table-plum-border-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+var zuiTableSizes = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var zuiTableStickyHeader = {
+  true: "",
+  false: ""
+};
+var zuiTableRowBase = "border-b border-[color:var(--zui-table-row-border,var(--zui-border,#0000000d))] dark:border-[color:var(--zui-table-row-border-dark,var(--zui-border-dark,#ffffff0d))] transition-colors data-[state=selected]:bg-[var(--zui-table-row-bg-selected,var(--zui-surface-soft,#0000000f))] dark:data-[state=selected]:bg-[var(--zui-table-row-bg-selected-dark,var(--zui-surface-soft-dark,#ffffff0f))]";
+var zuiTableRowAppearances = {
+  default: "",
+  striped: "odd:bg-[var(--zui-table-row-striped-bg,var(--zui-surface-soft,#00000008))] dark:odd:bg-[var(--zui-table-row-striped-bg-dark,var(--zui-surface-soft-dark,#ffffff08))]",
+  bordered: "",
+  ghost: "border-[color:var(--zui-table-row-ghost-border,transparent)] dark:border-[color:var(--zui-table-row-ghost-border-dark,transparent)] hover:bg-[var(--zui-table-row-ghost-bg-hover,var(--zui-surface-hover,#00000008))] dark:hover:bg-[var(--zui-table-row-ghost-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff08))]",
+  sky: "border-[color:var(--zui-table-row-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-table-row-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] hover:bg-[var(--zui-table-row-sky-bg-hover,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:hover:bg-[var(--zui-table-row-sky-bg-hover-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] hover:text-[color:var(--zui-table-row-sky-fg-hover,var(--zui-color-sky,oklch(95.1%_0.026_236.824)))] dark:hover:text-[color:var(--zui-table-row-sky-fg-hover-dark,var(--zui-color-sky-dark,oklch(95.1%_0.026_236.824)))]",
+  rose: "border-[color:var(--zui-table-row-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-table-row-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] hover:bg-[var(--zui-table-row-rose-bg-hover,var(--zui-color-rose,oklch(64.5%_0.246_16.439)))] dark:hover:bg-[var(--zui-table-row-rose-bg-hover-dark,var(--zui-color-rose-dark,oklch(41%_0.159_10.272)))] hover:text-[color:var(--zui-table-row-rose-fg-hover,var(--zui-color-rose,oklch(94.1%_0.03_12.58)))] dark:hover:text-[color:var(--zui-table-row-rose-fg-hover-dark,var(--zui-color-rose-dark,oklch(94.1%_0.03_12.58)))]",
+  purple: "border-[color:var(--zui-table-row-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-table-row-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] hover:bg-[var(--zui-table-row-purple-bg-hover,var(--zui-color-purple,oklch(62.7%_0.265_303.9)))] dark:hover:bg-[var(--zui-table-row-purple-bg-hover-dark,var(--zui-color-purple-dark,oklch(38.1%_0.176_304.987)))] hover:text-[color:var(--zui-table-row-purple-fg-hover,var(--zui-color-purple,oklch(94.6%_0.033_307.174)))] dark:hover:text-[color:var(--zui-table-row-purple-fg-hover-dark,var(--zui-color-purple-dark,oklch(94.6%_0.033_307.174)))]",
+  pink: "border-[color:var(--zui-table-row-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-table-row-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] hover:bg-[var(--zui-table-row-pink-bg-hover,var(--zui-color-pink,oklch(65.6%_0.241_354.308)))] dark:hover:bg-[var(--zui-table-row-pink-bg-hover-dark,var(--zui-color-pink-dark,oklch(40.8%_0.153_2.432)))] hover:text-[color:var(--zui-table-row-pink-fg-hover,var(--zui-color-pink,oklch(94.8%_0.028_342.258)))] dark:hover:text-[color:var(--zui-table-row-pink-fg-hover-dark,var(--zui-color-pink-dark,oklch(94.8%_0.028_342.258)))]",
+  orange: "border-[color:var(--zui-table-row-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-table-row-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] hover:bg-[var(--zui-table-row-orange-bg-hover,var(--zui-color-orange,oklch(70.5%_0.213_47.604)))] dark:hover:bg-[var(--zui-table-row-orange-bg-hover-dark,var(--zui-color-orange-dark,oklch(40.8%_0.123_38.172)))] hover:text-[color:var(--zui-table-row-orange-fg-hover,var(--zui-color-orange,oklch(95.4%_0.038_75.164)))] dark:hover:text-[color:var(--zui-table-row-orange-fg-hover-dark,var(--zui-color-orange-dark,oklch(95.4%_0.038_75.164)))]",
+  yellow: "border-[color:var(--zui-table-row-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-table-row-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] hover:bg-[var(--zui-table-row-yellow-bg-hover,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:hover:bg-[var(--zui-table-row-yellow-bg-hover-dark,var(--zui-color-yellow-dark,oklch(42.1%_0.095_57.708)))] hover:text-[color:var(--zui-table-row-yellow-fg-hover,var(--zui-color-yellow,oklch(97.3%_0.071_103.193)))] dark:hover:text-[color:var(--zui-table-row-yellow-fg-hover-dark,var(--zui-color-yellow-dark,oklch(97.3%_0.071_103.193)))]",
+  teal: "border-[color:var(--zui-table-row-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-table-row-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] hover:bg-[var(--zui-table-row-teal-bg-hover,var(--zui-color-teal,oklch(70.4%_0.14_182.503)))] dark:hover:bg-[var(--zui-table-row-teal-bg-hover-dark,var(--zui-color-teal-dark,oklch(38.6%_0.063_188.416)))] hover:text-[color:var(--zui-table-row-teal-fg-hover,var(--zui-color-teal,oklch(95.3%_0.051_180.801)))] dark:hover:text-[color:var(--zui-table-row-teal-fg-hover-dark,var(--zui-color-teal-dark,oklch(95.3%_0.051_180.801)))]",
+  indigo: "border-[color:var(--zui-table-row-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-table-row-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] hover:bg-[var(--zui-table-row-indigo-bg-hover,var(--zui-color-indigo,oklch(58.5%_0.233_277.117)))] dark:hover:bg-[var(--zui-table-row-indigo-bg-hover-dark,var(--zui-color-indigo-dark,oklch(35.9%_0.144_278.697)))] hover:text-[color:var(--zui-table-row-indigo-fg-hover,var(--zui-color-indigo,oklch(93%_0.034_272.788)))] dark:hover:text-[color:var(--zui-table-row-indigo-fg-hover-dark,var(--zui-color-indigo-dark,oklch(93%_0.034_272.788)))]",
+  emerald: "border-[color:var(--zui-table-row-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-table-row-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] hover:bg-[var(--zui-table-row-emerald-bg-hover,var(--zui-color-emerald,oklch(69.6%_0.17_162.48)))] dark:hover:bg-[var(--zui-table-row-emerald-bg-hover-dark,var(--zui-color-emerald-dark,oklch(37.8%_0.077_168.94)))] hover:text-[color:var(--zui-table-row-emerald-fg-hover,var(--zui-color-emerald,oklch(95%_0.052_163.051)))] dark:hover:text-[color:var(--zui-table-row-emerald-fg-hover-dark,var(--zui-color-emerald-dark,oklch(95%_0.052_163.051)))]",
+  gray: "border-[color:var(--zui-table-row-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-table-row-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] hover:bg-[var(--zui-table-row-gray-bg-hover,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:hover:bg-[var(--zui-table-row-gray-bg-hover-dark,var(--zui-color-gray-dark,oklch(21%_0.034_264.665)))] hover:text-[color:var(--zui-table-row-gray-fg-hover,var(--zui-color-gray,oklch(96.7%_0.003_264.542)))] dark:hover:text-[color:var(--zui-table-row-gray-fg-hover-dark,var(--zui-color-gray-dark,oklch(96.7%_0.003_264.542)))]",
+  amber: "border-[color:var(--zui-table-row-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-table-row-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] hover:bg-[var(--zui-table-row-amber-bg-hover,var(--zui-color-amber,oklch(76.9%_0.188_70.08)))] dark:hover:bg-[var(--zui-table-row-amber-bg-hover-dark,var(--zui-color-amber-dark,oklch(41.4%_0.112_45.904)))] hover:text-[color:var(--zui-table-row-amber-fg-hover,var(--zui-color-amber,oklch(96.2%_0.059_95.617)))] dark:hover:text-[color:var(--zui-table-row-amber-fg-hover-dark,var(--zui-color-amber-dark,oklch(96.2%_0.059_95.617)))]",
+  violet: "border-[color:var(--zui-table-row-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-table-row-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] hover:bg-[var(--zui-table-row-violet-bg-hover,var(--zui-color-violet,oklch(60.6%_0.25_292.717)))] dark:hover:bg-[var(--zui-table-row-violet-bg-hover-dark,var(--zui-color-violet-dark,oklch(38%_0.189_293.745)))] hover:text-[color:var(--zui-table-row-violet-fg-hover,var(--zui-color-violet,oklch(94.3%_0.029_294.588)))] dark:hover:text-[color:var(--zui-table-row-violet-fg-hover-dark,var(--zui-color-violet-dark,oklch(94.3%_0.029_294.588)))]",
+  blue: "border-[color:var(--zui-table-row-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-table-row-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] hover:bg-[var(--zui-table-row-blue-bg-hover,var(--zui-color-blue,#2563eb))] dark:hover:bg-[var(--zui-table-row-blue-bg-hover-dark,var(--zui-color-blue-dark,#3b82f6))] hover:text-[color:var(--zui-table-row-blue-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-blue-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  cyan: "border-[color:var(--zui-table-row-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-table-row-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] hover:bg-[var(--zui-table-row-cyan-bg-hover,var(--zui-color-cyan,#0891b2))] dark:hover:bg-[var(--zui-table-row-cyan-bg-hover-dark,var(--zui-color-cyan-dark,#22d3ee))] hover:text-[color:var(--zui-table-row-cyan-fg-hover,var(--zui-color-cyan,#083344))] dark:hover:text-[color:var(--zui-table-row-cyan-fg-hover-dark,var(--zui-color-cyan-dark,#083344))]",
+  green: "border-[color:var(--zui-table-row-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-table-row-green-border-dark,var(--zui-color-green-dark,#22c55e))] hover:bg-[var(--zui-table-row-green-bg-hover,var(--zui-color-green,#16a34a))] dark:hover:bg-[var(--zui-table-row-green-bg-hover-dark,var(--zui-color-green-dark,#22c55e))] hover:text-[color:var(--zui-table-row-green-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-green-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  lime: "border-[color:var(--zui-table-row-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-table-row-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] hover:bg-[var(--zui-table-row-lime-bg-hover,var(--zui-color-lime,#65a30d))] dark:hover:bg-[var(--zui-table-row-lime-bg-hover-dark,var(--zui-color-lime-dark,#a3e635))] hover:text-[color:var(--zui-table-row-lime-fg-hover,var(--zui-color-lime,#1a2e05))] dark:hover:text-[color:var(--zui-table-row-lime-fg-hover-dark,var(--zui-color-lime-dark,#1a2e05))]",
+  mint: "border-[color:var(--zui-table-row-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-table-row-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] hover:bg-[var(--zui-table-row-mint-bg-hover,var(--zui-color-mint,#10b981))] dark:hover:bg-[var(--zui-table-row-mint-bg-hover-dark,var(--zui-color-mint-dark,#6ee7b7))] hover:text-[color:var(--zui-table-row-mint-fg-hover,var(--zui-color-mint,#064e3b))] dark:hover:text-[color:var(--zui-table-row-mint-fg-hover-dark,var(--zui-color-mint-dark,#064e3b))]",
+  ocean: "border-[color:var(--zui-table-row-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-table-row-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] hover:bg-[var(--zui-table-row-ocean-bg-hover,var(--zui-color-ocean,#0284c7))] dark:hover:bg-[var(--zui-table-row-ocean-bg-hover-dark,var(--zui-color-ocean-dark,#38bdf8))] hover:text-[color:var(--zui-table-row-ocean-fg-hover,var(--zui-color-ocean,#082f49))] dark:hover:text-[color:var(--zui-table-row-ocean-fg-hover-dark,var(--zui-color-ocean-dark,#082f49))]",
+  sapphire: "border-[color:var(--zui-table-row-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-table-row-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] hover:bg-[var(--zui-table-row-sapphire-bg-hover,var(--zui-color-sapphire,#1d4ed8))] dark:hover:bg-[var(--zui-table-row-sapphire-bg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa))] hover:text-[color:var(--zui-table-row-sapphire-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-sapphire-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  lavender: "border-[color:var(--zui-table-row-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-table-row-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] hover:bg-[var(--zui-table-row-lavender-bg-hover,var(--zui-color-lavender,#8b5cf6))] dark:hover:bg-[var(--zui-table-row-lavender-bg-hover-dark,var(--zui-color-lavender-dark,#a78bfa))] hover:text-[color:var(--zui-table-row-lavender-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-lavender-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  ruby: "border-[color:var(--zui-table-row-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-table-row-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] hover:bg-[var(--zui-table-row-ruby-bg-hover,var(--zui-color-ruby,#be123c))] dark:hover:bg-[var(--zui-table-row-ruby-bg-hover-dark,var(--zui-color-ruby-dark,#fb7185))] hover:text-[color:var(--zui-table-row-ruby-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-ruby-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  red: "border-[color:var(--zui-table-row-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-table-row-red-border-dark,var(--zui-color-red-dark,#ef4444))] hover:bg-[var(--zui-table-row-red-bg-hover,var(--zui-color-red,#dc2626))] dark:hover:bg-[var(--zui-table-row-red-bg-hover-dark,var(--zui-color-red-dark,#ef4444))] hover:text-[color:var(--zui-table-row-red-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-red-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  slate: "border-[color:var(--zui-table-row-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-table-row-slate-border-dark,var(--zui-color-slate-dark,#64748b))] hover:bg-[var(--zui-table-row-slate-bg-hover,var(--zui-color-slate,#475569))] dark:hover:bg-[var(--zui-table-row-slate-bg-hover-dark,var(--zui-color-slate-dark,#64748b))] hover:text-[color:var(--zui-table-row-slate-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-slate-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  zinc: "border-[color:var(--zui-table-row-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-table-row-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] hover:bg-[var(--zui-table-row-zinc-bg-hover,var(--zui-color-zinc,#52525b))] dark:hover:bg-[var(--zui-table-row-zinc-bg-hover-dark,var(--zui-color-zinc-dark,#71717a))] hover:text-[color:var(--zui-table-row-zinc-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-zinc-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  stone: "border-[color:var(--zui-table-row-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-table-row-stone-border-dark,var(--zui-color-stone-dark,#78716c))] hover:bg-[var(--zui-table-row-stone-bg-hover,var(--zui-color-stone,#57534e))] dark:hover:bg-[var(--zui-table-row-stone-bg-hover-dark,var(--zui-color-stone-dark,#78716c))] hover:text-[color:var(--zui-table-row-stone-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-stone-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  royal: "border-[color:var(--zui-table-row-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-table-row-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] hover:bg-[var(--zui-table-row-royal-bg-hover,var(--zui-color-royal,#4338ca))] dark:hover:bg-[var(--zui-table-row-royal-bg-hover-dark,var(--zui-color-royal-dark,#818cf8))] hover:text-[color:var(--zui-table-row-royal-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-royal-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  electric: "border-[color:var(--zui-table-row-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-table-row-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] hover:bg-[var(--zui-table-row-electric-bg-hover,var(--zui-color-electric,#0ea5e9))] dark:hover:bg-[var(--zui-table-row-electric-bg-hover-dark,var(--zui-color-electric-dark,#38bdf8))] hover:text-[color:var(--zui-table-row-electric-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-electric-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  forest: "border-[color:var(--zui-table-row-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-table-row-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] hover:bg-[var(--zui-table-row-forest-bg-hover,var(--zui-color-forest,#166534))] dark:hover:bg-[var(--zui-table-row-forest-bg-hover-dark,var(--zui-color-forest-dark,#4ade80))] hover:text-[color:var(--zui-table-row-forest-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-forest-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  sunset: "border-[color:var(--zui-table-row-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-table-row-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] hover:bg-[var(--zui-table-row-sunset-bg-hover,var(--zui-color-sunset,#ea580c))] dark:hover:bg-[var(--zui-table-row-sunset-bg-hover-dark,var(--zui-color-sunset-dark,#fb923c))] hover:text-[color:var(--zui-table-row-sunset-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-sunset-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  magenta: "border-[color:var(--zui-table-row-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-table-row-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] hover:bg-[var(--zui-table-row-magenta-bg-hover,var(--zui-color-magenta,#c026d3))] dark:hover:bg-[var(--zui-table-row-magenta-bg-hover-dark,var(--zui-color-magenta-dark,#e879f9))] hover:text-[color:var(--zui-table-row-magenta-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-magenta-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  crimson: "border-[color:var(--zui-table-row-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-table-row-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] hover:bg-[var(--zui-table-row-crimson-bg-hover,var(--zui-color-crimson,#b91c1c))] dark:hover:bg-[var(--zui-table-row-crimson-bg-hover-dark,var(--zui-color-crimson-dark,#f87171))] hover:text-[color:var(--zui-table-row-crimson-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-crimson-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  aqua: "border-[color:var(--zui-table-row-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-table-row-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] hover:bg-[var(--zui-table-row-aqua-bg-hover,var(--zui-color-aqua,#0f766e))] dark:hover:bg-[var(--zui-table-row-aqua-bg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf))] hover:text-[color:var(--zui-table-row-aqua-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-aqua-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  plum: "border-[color:var(--zui-table-row-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-table-row-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] hover:bg-[var(--zui-table-row-plum-bg-hover,var(--zui-color-plum,#7e22ce))] dark:hover:bg-[var(--zui-table-row-plum-bg-hover-dark,var(--zui-color-plum-dark,#c084fc))] hover:text-[color:var(--zui-table-row-plum-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-plum-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]"
+};
+var zuiTableCellBase = "min-w-0 border p-3 align-middle break-words";
+var zuiTableCellAppearances = {
+  default: "border-[color:var(--zui-table-cell-default-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-table-cell-default-border-dark,var(--zui-border-dark,#ffffff1a))]",
+  striped: "border-[color:var(--zui-table-cell-striped-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-table-cell-striped-border-dark,var(--zui-border-dark,#ffffff1a))]",
+  bordered: "border-[color:var(--zui-table-cell-bordered-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-table-cell-bordered-border-dark,var(--zui-border-dark,#ffffff1a))]",
+  ghost: "border-[color:var(--zui-table-cell-ghost-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-table-cell-ghost-border-dark,var(--zui-border-dark,#ffffff1a))]",
+  sky: "border-[color:var(--zui-table-cell-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-table-cell-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))]",
+  rose: "border-[color:var(--zui-table-cell-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-table-cell-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))]",
+  purple: "border-[color:var(--zui-table-cell-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-table-cell-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]",
+  pink: "border-[color:var(--zui-table-cell-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-table-cell-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]",
+  orange: "border-[color:var(--zui-table-cell-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-table-cell-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))]",
+  yellow: "border-[color:var(--zui-table-cell-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-table-cell-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))]",
+  teal: "border-[color:var(--zui-table-cell-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-table-cell-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))]",
+  indigo: "border-[color:var(--zui-table-cell-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-table-cell-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))]",
+  emerald: "border-[color:var(--zui-table-cell-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-table-cell-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))]",
+  gray: "border-[color:var(--zui-table-cell-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-table-cell-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))]",
+  amber: "border-[color:var(--zui-table-cell-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-table-cell-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))]",
+  violet: "border-[color:var(--zui-table-cell-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-table-cell-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))]",
+  blue: "border border-[color:var(--zui-table-cell-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-table-cell-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "border border-[color:var(--zui-table-cell-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-table-cell-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "border border-[color:var(--zui-table-cell-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-table-cell-green-border-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "border border-[color:var(--zui-table-cell-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-table-cell-lime-border-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "border border-[color:var(--zui-table-cell-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-table-cell-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "border border-[color:var(--zui-table-cell-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-table-cell-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "border border-[color:var(--zui-table-cell-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-table-cell-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "border border-[color:var(--zui-table-cell-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-table-cell-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "border border-[color:var(--zui-table-cell-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-table-cell-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "border border-[color:var(--zui-table-cell-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-table-cell-red-border-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "border border-[color:var(--zui-table-cell-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-table-cell-slate-border-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "border border-[color:var(--zui-table-cell-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-table-cell-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "border border-[color:var(--zui-table-cell-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-table-cell-stone-border-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "border border-[color:var(--zui-table-cell-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-table-cell-royal-border-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "border border-[color:var(--zui-table-cell-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-table-cell-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "border border-[color:var(--zui-table-cell-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-table-cell-forest-border-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "border border-[color:var(--zui-table-cell-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-table-cell-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "border border-[color:var(--zui-table-cell-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-table-cell-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "border border-[color:var(--zui-table-cell-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-table-cell-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "border border-[color:var(--zui-table-cell-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-table-cell-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "border border-[color:var(--zui-table-cell-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-table-cell-plum-border-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+var zuiTableCellSizes = {
+  sm: "p-2",
+  md: "p-3",
+  lg: "p-4"
+};
+var zuiTableTextAlignments = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+};
+
+exports.zuiTableAppearances = zuiTableAppearances;
+exports.zuiTableBase = zuiTableBase;
+exports.zuiTableCellAppearances = zuiTableCellAppearances;
+exports.zuiTableCellBase = zuiTableCellBase;
+exports.zuiTableCellSizes = zuiTableCellSizes;
+exports.zuiTableRowAppearances = zuiTableRowAppearances;
+exports.zuiTableRowBase = zuiTableRowBase;
+exports.zuiTableSizes = zuiTableSizes;
+exports.zuiTableStickyHeader = zuiTableStickyHeader;
+exports.zuiTableTextAlignments = zuiTableTextAlignments;
+//# sourceMappingURL=chunk-KWBGLH7G.js.map
+//# sourceMappingURL=chunk-KWBGLH7G.js.map

package/dist/chunk-KWBGLH7G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/table.ts"],"names":[],"mappings":"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","file":"chunk-KWBGLH7G.js","sourcesContent":["export const zuiTableBase =\n  \"w-full table-auto border-collapse caption-bottom text-sm text-[color:var(--zui-table-fg,var(--zui-fg,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-table-fg-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))] md:table-fixed\";\n\nexport const zuiTableAppearances = {\n  default: \"\",\n  striped: \"\",\n  bordered:\n    \"border border-[color:var(--zui-table-bordered-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-table-bordered-border-dark,var(--zui-border-dark,#ffffff1a))]\",\n  ghost: \"\",\n  sky: \"border border-[color:var(--zui-table-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-table-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))]\",\n  rose: \"border border-[color:var(--zui-table-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-table-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))]\",\n  purple:\n    \"border border-[color:var(--zui-table-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-table-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]\",\n  pink: \"border border-[color:var(--zui-table-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-table-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]\",\n  orange:\n    \"border border-[color:var(--zui-table-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-table-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))]\",\n  yellow:\n    \"border border-[color:var(--zui-table-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-table-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))]\",\n  teal: \"border border-[color:var(--zui-table-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-table-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))]\",\n  indigo:\n    \"border border-[color:var(--zui-table-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-table-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))]\",\n  emerald:\n    \"border border-[color:var(--zui-table-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-table-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))]\",\n  gray: \"border border-[color:var(--zui-table-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-table-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))]\",\n  amber:\n    \"border border-[color:var(--zui-table-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-table-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))]\",\n  violet:\n    \"border border-[color:var(--zui-table-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-table-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))]\",\n  blue: \"border border-[color:var(--zui-table-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-table-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"border border-[color:var(--zui-table-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-table-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"border border-[color:var(--zui-table-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-table-green-border-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"border border-[color:var(--zui-table-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-table-lime-border-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"border border-[color:var(--zui-table-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-table-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"border border-[color:var(--zui-table-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-table-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"border border-[color:var(--zui-table-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-table-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"border border-[color:var(--zui-table-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-table-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"border border-[color:var(--zui-table-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-table-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"border border-[color:var(--zui-table-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-table-red-border-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"border border-[color:var(--zui-table-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-table-slate-border-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"border border-[color:var(--zui-table-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-table-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  stone:\n    \"border border-[color:var(--zui-table-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-table-stone-border-dark,var(--zui-color-stone-dark,#78716c))]\",\n  royal:\n    \"border border-[color:var(--zui-table-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-table-royal-border-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"border border-[color:var(--zui-table-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-table-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"border border-[color:var(--zui-table-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-table-forest-border-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"border border-[color:var(--zui-table-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-table-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"border border-[color:var(--zui-table-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-table-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"border border-[color:var(--zui-table-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-table-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  aqua: \"border border-[color:var(--zui-table-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-table-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n  plum: \"border border-[color:var(--zui-table-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-table-plum-border-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n\nexport const zuiTableSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nexport const zuiTableStickyHeader = {\n  true: \"\",\n  false: \"\",\n} as const;\n\nexport const zuiTableRowBase =\n  \"border-b border-[color:var(--zui-table-row-border,var(--zui-border,#0000000d))] dark:border-[color:var(--zui-table-row-border-dark,var(--zui-border-dark,#ffffff0d))] transition-colors data-[state=selected]:bg-[var(--zui-table-row-bg-selected,var(--zui-surface-soft,#0000000f))] dark:data-[state=selected]:bg-[var(--zui-table-row-bg-selected-dark,var(--zui-surface-soft-dark,#ffffff0f))]\";\n\nexport const zuiTableRowAppearances = {\n  default: \"\",\n  striped:\n    \"odd:bg-[var(--zui-table-row-striped-bg,var(--zui-surface-soft,#00000008))] dark:odd:bg-[var(--zui-table-row-striped-bg-dark,var(--zui-surface-soft-dark,#ffffff08))]\",\n  bordered: \"\",\n  ghost:\n    \"border-[color:var(--zui-table-row-ghost-border,transparent)] dark:border-[color:var(--zui-table-row-ghost-border-dark,transparent)] hover:bg-[var(--zui-table-row-ghost-bg-hover,var(--zui-surface-hover,#00000008))] dark:hover:bg-[var(--zui-table-row-ghost-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff08))]\",\n  sky: \"border-[color:var(--zui-table-row-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-table-row-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] hover:bg-[var(--zui-table-row-sky-bg-hover,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:hover:bg-[var(--zui-table-row-sky-bg-hover-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))] hover:text-[color:var(--zui-table-row-sky-fg-hover,var(--zui-color-sky,oklch(95.1%_0.026_236.824)))] dark:hover:text-[color:var(--zui-table-row-sky-fg-hover-dark,var(--zui-color-sky-dark,oklch(95.1%_0.026_236.824)))]\",\n  rose: \"border-[color:var(--zui-table-row-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-table-row-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] hover:bg-[var(--zui-table-row-rose-bg-hover,var(--zui-color-rose,oklch(64.5%_0.246_16.439)))] dark:hover:bg-[var(--zui-table-row-rose-bg-hover-dark,var(--zui-color-rose-dark,oklch(41%_0.159_10.272)))] hover:text-[color:var(--zui-table-row-rose-fg-hover,var(--zui-color-rose,oklch(94.1%_0.03_12.58)))] dark:hover:text-[color:var(--zui-table-row-rose-fg-hover-dark,var(--zui-color-rose-dark,oklch(94.1%_0.03_12.58)))]\",\n  purple:\n    \"border-[color:var(--zui-table-row-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-table-row-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] hover:bg-[var(--zui-table-row-purple-bg-hover,var(--zui-color-purple,oklch(62.7%_0.265_303.9)))] dark:hover:bg-[var(--zui-table-row-purple-bg-hover-dark,var(--zui-color-purple-dark,oklch(38.1%_0.176_304.987)))] hover:text-[color:var(--zui-table-row-purple-fg-hover,var(--zui-color-purple,oklch(94.6%_0.033_307.174)))] dark:hover:text-[color:var(--zui-table-row-purple-fg-hover-dark,var(--zui-color-purple-dark,oklch(94.6%_0.033_307.174)))]\",\n  pink: \"border-[color:var(--zui-table-row-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-table-row-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] hover:bg-[var(--zui-table-row-pink-bg-hover,var(--zui-color-pink,oklch(65.6%_0.241_354.308)))] dark:hover:bg-[var(--zui-table-row-pink-bg-hover-dark,var(--zui-color-pink-dark,oklch(40.8%_0.153_2.432)))] hover:text-[color:var(--zui-table-row-pink-fg-hover,var(--zui-color-pink,oklch(94.8%_0.028_342.258)))] dark:hover:text-[color:var(--zui-table-row-pink-fg-hover-dark,var(--zui-color-pink-dark,oklch(94.8%_0.028_342.258)))]\",\n  orange:\n    \"border-[color:var(--zui-table-row-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-table-row-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] hover:bg-[var(--zui-table-row-orange-bg-hover,var(--zui-color-orange,oklch(70.5%_0.213_47.604)))] dark:hover:bg-[var(--zui-table-row-orange-bg-hover-dark,var(--zui-color-orange-dark,oklch(40.8%_0.123_38.172)))] hover:text-[color:var(--zui-table-row-orange-fg-hover,var(--zui-color-orange,oklch(95.4%_0.038_75.164)))] dark:hover:text-[color:var(--zui-table-row-orange-fg-hover-dark,var(--zui-color-orange-dark,oklch(95.4%_0.038_75.164)))]\",\n  yellow:\n    \"border-[color:var(--zui-table-row-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-table-row-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] hover:bg-[var(--zui-table-row-yellow-bg-hover,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:hover:bg-[var(--zui-table-row-yellow-bg-hover-dark,var(--zui-color-yellow-dark,oklch(42.1%_0.095_57.708)))] hover:text-[color:var(--zui-table-row-yellow-fg-hover,var(--zui-color-yellow,oklch(97.3%_0.071_103.193)))] dark:hover:text-[color:var(--zui-table-row-yellow-fg-hover-dark,var(--zui-color-yellow-dark,oklch(97.3%_0.071_103.193)))]\",\n  teal: \"border-[color:var(--zui-table-row-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-table-row-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] hover:bg-[var(--zui-table-row-teal-bg-hover,var(--zui-color-teal,oklch(70.4%_0.14_182.503)))] dark:hover:bg-[var(--zui-table-row-teal-bg-hover-dark,var(--zui-color-teal-dark,oklch(38.6%_0.063_188.416)))] hover:text-[color:var(--zui-table-row-teal-fg-hover,var(--zui-color-teal,oklch(95.3%_0.051_180.801)))] dark:hover:text-[color:var(--zui-table-row-teal-fg-hover-dark,var(--zui-color-teal-dark,oklch(95.3%_0.051_180.801)))]\",\n  indigo:\n    \"border-[color:var(--zui-table-row-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-table-row-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] hover:bg-[var(--zui-table-row-indigo-bg-hover,var(--zui-color-indigo,oklch(58.5%_0.233_277.117)))] dark:hover:bg-[var(--zui-table-row-indigo-bg-hover-dark,var(--zui-color-indigo-dark,oklch(35.9%_0.144_278.697)))] hover:text-[color:var(--zui-table-row-indigo-fg-hover,var(--zui-color-indigo,oklch(93%_0.034_272.788)))] dark:hover:text-[color:var(--zui-table-row-indigo-fg-hover-dark,var(--zui-color-indigo-dark,oklch(93%_0.034_272.788)))]\",\n  emerald:\n    \"border-[color:var(--zui-table-row-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-table-row-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] hover:bg-[var(--zui-table-row-emerald-bg-hover,var(--zui-color-emerald,oklch(69.6%_0.17_162.48)))] dark:hover:bg-[var(--zui-table-row-emerald-bg-hover-dark,var(--zui-color-emerald-dark,oklch(37.8%_0.077_168.94)))] hover:text-[color:var(--zui-table-row-emerald-fg-hover,var(--zui-color-emerald,oklch(95%_0.052_163.051)))] dark:hover:text-[color:var(--zui-table-row-emerald-fg-hover-dark,var(--zui-color-emerald-dark,oklch(95%_0.052_163.051)))]\",\n  gray: \"border-[color:var(--zui-table-row-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-table-row-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] hover:bg-[var(--zui-table-row-gray-bg-hover,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:hover:bg-[var(--zui-table-row-gray-bg-hover-dark,var(--zui-color-gray-dark,oklch(21%_0.034_264.665)))] hover:text-[color:var(--zui-table-row-gray-fg-hover,var(--zui-color-gray,oklch(96.7%_0.003_264.542)))] dark:hover:text-[color:var(--zui-table-row-gray-fg-hover-dark,var(--zui-color-gray-dark,oklch(96.7%_0.003_264.542)))]\",\n  amber:\n    \"border-[color:var(--zui-table-row-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-table-row-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] hover:bg-[var(--zui-table-row-amber-bg-hover,var(--zui-color-amber,oklch(76.9%_0.188_70.08)))] dark:hover:bg-[var(--zui-table-row-amber-bg-hover-dark,var(--zui-color-amber-dark,oklch(41.4%_0.112_45.904)))] hover:text-[color:var(--zui-table-row-amber-fg-hover,var(--zui-color-amber,oklch(96.2%_0.059_95.617)))] dark:hover:text-[color:var(--zui-table-row-amber-fg-hover-dark,var(--zui-color-amber-dark,oklch(96.2%_0.059_95.617)))]\",\n  violet:\n    \"border-[color:var(--zui-table-row-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-table-row-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] hover:bg-[var(--zui-table-row-violet-bg-hover,var(--zui-color-violet,oklch(60.6%_0.25_292.717)))] dark:hover:bg-[var(--zui-table-row-violet-bg-hover-dark,var(--zui-color-violet-dark,oklch(38%_0.189_293.745)))] hover:text-[color:var(--zui-table-row-violet-fg-hover,var(--zui-color-violet,oklch(94.3%_0.029_294.588)))] dark:hover:text-[color:var(--zui-table-row-violet-fg-hover-dark,var(--zui-color-violet-dark,oklch(94.3%_0.029_294.588)))]\",\n  blue: \"border-[color:var(--zui-table-row-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-table-row-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] hover:bg-[var(--zui-table-row-blue-bg-hover,var(--zui-color-blue,#2563eb))] dark:hover:bg-[var(--zui-table-row-blue-bg-hover-dark,var(--zui-color-blue-dark,#3b82f6))] hover:text-[color:var(--zui-table-row-blue-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-blue-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  cyan: \"border-[color:var(--zui-table-row-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-table-row-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] hover:bg-[var(--zui-table-row-cyan-bg-hover,var(--zui-color-cyan,#0891b2))] dark:hover:bg-[var(--zui-table-row-cyan-bg-hover-dark,var(--zui-color-cyan-dark,#22d3ee))] hover:text-[color:var(--zui-table-row-cyan-fg-hover,var(--zui-color-cyan,#083344))] dark:hover:text-[color:var(--zui-table-row-cyan-fg-hover-dark,var(--zui-color-cyan-dark,#083344))]\",\n  green:\n    \"border-[color:var(--zui-table-row-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-table-row-green-border-dark,var(--zui-color-green-dark,#22c55e))] hover:bg-[var(--zui-table-row-green-bg-hover,var(--zui-color-green,#16a34a))] dark:hover:bg-[var(--zui-table-row-green-bg-hover-dark,var(--zui-color-green-dark,#22c55e))] hover:text-[color:var(--zui-table-row-green-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-green-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  lime: \"border-[color:var(--zui-table-row-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-table-row-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] hover:bg-[var(--zui-table-row-lime-bg-hover,var(--zui-color-lime,#65a30d))] dark:hover:bg-[var(--zui-table-row-lime-bg-hover-dark,var(--zui-color-lime-dark,#a3e635))] hover:text-[color:var(--zui-table-row-lime-fg-hover,var(--zui-color-lime,#1a2e05))] dark:hover:text-[color:var(--zui-table-row-lime-fg-hover-dark,var(--zui-color-lime-dark,#1a2e05))]\",\n  mint: \"border-[color:var(--zui-table-row-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-table-row-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] hover:bg-[var(--zui-table-row-mint-bg-hover,var(--zui-color-mint,#10b981))] dark:hover:bg-[var(--zui-table-row-mint-bg-hover-dark,var(--zui-color-mint-dark,#6ee7b7))] hover:text-[color:var(--zui-table-row-mint-fg-hover,var(--zui-color-mint,#064e3b))] dark:hover:text-[color:var(--zui-table-row-mint-fg-hover-dark,var(--zui-color-mint-dark,#064e3b))]\",\n  ocean:\n    \"border-[color:var(--zui-table-row-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-table-row-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] hover:bg-[var(--zui-table-row-ocean-bg-hover,var(--zui-color-ocean,#0284c7))] dark:hover:bg-[var(--zui-table-row-ocean-bg-hover-dark,var(--zui-color-ocean-dark,#38bdf8))] hover:text-[color:var(--zui-table-row-ocean-fg-hover,var(--zui-color-ocean,#082f49))] dark:hover:text-[color:var(--zui-table-row-ocean-fg-hover-dark,var(--zui-color-ocean-dark,#082f49))]\",\n  sapphire:\n    \"border-[color:var(--zui-table-row-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-table-row-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] hover:bg-[var(--zui-table-row-sapphire-bg-hover,var(--zui-color-sapphire,#1d4ed8))] dark:hover:bg-[var(--zui-table-row-sapphire-bg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa))] hover:text-[color:var(--zui-table-row-sapphire-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-sapphire-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  lavender:\n    \"border-[color:var(--zui-table-row-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-table-row-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] hover:bg-[var(--zui-table-row-lavender-bg-hover,var(--zui-color-lavender,#8b5cf6))] dark:hover:bg-[var(--zui-table-row-lavender-bg-hover-dark,var(--zui-color-lavender-dark,#a78bfa))] hover:text-[color:var(--zui-table-row-lavender-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-lavender-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  ruby: \"border-[color:var(--zui-table-row-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-table-row-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] hover:bg-[var(--zui-table-row-ruby-bg-hover,var(--zui-color-ruby,#be123c))] dark:hover:bg-[var(--zui-table-row-ruby-bg-hover-dark,var(--zui-color-ruby-dark,#fb7185))] hover:text-[color:var(--zui-table-row-ruby-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-ruby-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  red: \"border-[color:var(--zui-table-row-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-table-row-red-border-dark,var(--zui-color-red-dark,#ef4444))] hover:bg-[var(--zui-table-row-red-bg-hover,var(--zui-color-red,#dc2626))] dark:hover:bg-[var(--zui-table-row-red-bg-hover-dark,var(--zui-color-red-dark,#ef4444))] hover:text-[color:var(--zui-table-row-red-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-red-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  slate:\n    \"border-[color:var(--zui-table-row-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-table-row-slate-border-dark,var(--zui-color-slate-dark,#64748b))] hover:bg-[var(--zui-table-row-slate-bg-hover,var(--zui-color-slate,#475569))] dark:hover:bg-[var(--zui-table-row-slate-bg-hover-dark,var(--zui-color-slate-dark,#64748b))] hover:text-[color:var(--zui-table-row-slate-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-slate-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  zinc: \"border-[color:var(--zui-table-row-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-table-row-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] hover:bg-[var(--zui-table-row-zinc-bg-hover,var(--zui-color-zinc,#52525b))] dark:hover:bg-[var(--zui-table-row-zinc-bg-hover-dark,var(--zui-color-zinc-dark,#71717a))] hover:text-[color:var(--zui-table-row-zinc-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-zinc-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  stone:\n    \"border-[color:var(--zui-table-row-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-table-row-stone-border-dark,var(--zui-color-stone-dark,#78716c))] hover:bg-[var(--zui-table-row-stone-bg-hover,var(--zui-color-stone,#57534e))] dark:hover:bg-[var(--zui-table-row-stone-bg-hover-dark,var(--zui-color-stone-dark,#78716c))] hover:text-[color:var(--zui-table-row-stone-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-stone-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  royal:\n    \"border-[color:var(--zui-table-row-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-table-row-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] hover:bg-[var(--zui-table-row-royal-bg-hover,var(--zui-color-royal,#4338ca))] dark:hover:bg-[var(--zui-table-row-royal-bg-hover-dark,var(--zui-color-royal-dark,#818cf8))] hover:text-[color:var(--zui-table-row-royal-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-royal-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  electric:\n    \"border-[color:var(--zui-table-row-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-table-row-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] hover:bg-[var(--zui-table-row-electric-bg-hover,var(--zui-color-electric,#0ea5e9))] dark:hover:bg-[var(--zui-table-row-electric-bg-hover-dark,var(--zui-color-electric-dark,#38bdf8))] hover:text-[color:var(--zui-table-row-electric-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-electric-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  forest:\n    \"border-[color:var(--zui-table-row-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-table-row-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] hover:bg-[var(--zui-table-row-forest-bg-hover,var(--zui-color-forest,#166534))] dark:hover:bg-[var(--zui-table-row-forest-bg-hover-dark,var(--zui-color-forest-dark,#4ade80))] hover:text-[color:var(--zui-table-row-forest-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-forest-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  sunset:\n    \"border-[color:var(--zui-table-row-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-table-row-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] hover:bg-[var(--zui-table-row-sunset-bg-hover,var(--zui-color-sunset,#ea580c))] dark:hover:bg-[var(--zui-table-row-sunset-bg-hover-dark,var(--zui-color-sunset-dark,#fb923c))] hover:text-[color:var(--zui-table-row-sunset-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-sunset-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  magenta:\n    \"border-[color:var(--zui-table-row-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-table-row-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] hover:bg-[var(--zui-table-row-magenta-bg-hover,var(--zui-color-magenta,#c026d3))] dark:hover:bg-[var(--zui-table-row-magenta-bg-hover-dark,var(--zui-color-magenta-dark,#e879f9))] hover:text-[color:var(--zui-table-row-magenta-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-magenta-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  crimson:\n    \"border-[color:var(--zui-table-row-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-table-row-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] hover:bg-[var(--zui-table-row-crimson-bg-hover,var(--zui-color-crimson,#b91c1c))] dark:hover:bg-[var(--zui-table-row-crimson-bg-hover-dark,var(--zui-color-crimson-dark,#f87171))] hover:text-[color:var(--zui-table-row-crimson-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-crimson-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  aqua: \"border-[color:var(--zui-table-row-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-table-row-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] hover:bg-[var(--zui-table-row-aqua-bg-hover,var(--zui-color-aqua,#0f766e))] dark:hover:bg-[var(--zui-table-row-aqua-bg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf))] hover:text-[color:var(--zui-table-row-aqua-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-aqua-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  plum: \"border-[color:var(--zui-table-row-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-table-row-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] hover:bg-[var(--zui-table-row-plum-bg-hover,var(--zui-color-plum,#7e22ce))] dark:hover:bg-[var(--zui-table-row-plum-bg-hover-dark,var(--zui-color-plum-dark,#c084fc))] hover:text-[color:var(--zui-table-row-plum-fg-hover,var(--zui-brand-fg,#ffffff))] dark:hover:text-[color:var(--zui-table-row-plum-fg-hover-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n} as const;\n\nexport const zuiTableCellBase = \"min-w-0 border p-3 align-middle break-words\";\n\nexport const zuiTableCellAppearances = {\n  default:\n    \"border-[color:var(--zui-table-cell-default-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-table-cell-default-border-dark,var(--zui-border-dark,#ffffff1a))]\",\n  striped:\n    \"border-[color:var(--zui-table-cell-striped-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-table-cell-striped-border-dark,var(--zui-border-dark,#ffffff1a))]\",\n  bordered:\n    \"border-[color:var(--zui-table-cell-bordered-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-table-cell-bordered-border-dark,var(--zui-border-dark,#ffffff1a))]\",\n  ghost:\n    \"border-[color:var(--zui-table-cell-ghost-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-table-cell-ghost-border-dark,var(--zui-border-dark,#ffffff1a))]\",\n  sky: \"border-[color:var(--zui-table-cell-sky-border,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:border-[color:var(--zui-table-cell-sky-border-dark,var(--zui-color-sky-dark,oklch(58.8%_0.158_241.966)))]\",\n  rose: \"border-[color:var(--zui-table-cell-rose-border,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:border-[color:var(--zui-table-cell-rose-border-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))]\",\n  purple:\n    \"border-[color:var(--zui-table-cell-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-table-cell-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]\",\n  pink: \"border-[color:var(--zui-table-cell-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-table-cell-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]\",\n  orange:\n    \"border-[color:var(--zui-table-cell-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-table-cell-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))]\",\n  yellow:\n    \"border-[color:var(--zui-table-cell-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-table-cell-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))]\",\n  teal: \"border-[color:var(--zui-table-cell-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-table-cell-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))]\",\n  indigo:\n    \"border-[color:var(--zui-table-cell-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-table-cell-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))]\",\n  emerald:\n    \"border-[color:var(--zui-table-cell-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-table-cell-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))]\",\n  gray: \"border-[color:var(--zui-table-cell-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-table-cell-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))]\",\n  amber:\n    \"border-[color:var(--zui-table-cell-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-table-cell-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))]\",\n  violet:\n    \"border-[color:var(--zui-table-cell-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-table-cell-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))]\",\n  blue: \"border border-[color:var(--zui-table-cell-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-table-cell-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"border border-[color:var(--zui-table-cell-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-table-cell-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"border border-[color:var(--zui-table-cell-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-table-cell-green-border-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"border border-[color:var(--zui-table-cell-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-table-cell-lime-border-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"border border-[color:var(--zui-table-cell-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-table-cell-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"border border-[color:var(--zui-table-cell-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-table-cell-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"border border-[color:var(--zui-table-cell-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-table-cell-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"border border-[color:var(--zui-table-cell-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-table-cell-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"border border-[color:var(--zui-table-cell-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-table-cell-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"border border-[color:var(--zui-table-cell-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-table-cell-red-border-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"border border-[color:var(--zui-table-cell-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-table-cell-slate-border-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"border border-[color:var(--zui-table-cell-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-table-cell-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  stone:\n    \"border border-[color:var(--zui-table-cell-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-table-cell-stone-border-dark,var(--zui-color-stone-dark,#78716c))]\",\n  royal:\n    \"border border-[color:var(--zui-table-cell-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-table-cell-royal-border-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"border border-[color:var(--zui-table-cell-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-table-cell-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"border border-[color:var(--zui-table-cell-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-table-cell-forest-border-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"border border-[color:var(--zui-table-cell-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-table-cell-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"border border-[color:var(--zui-table-cell-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-table-cell-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"border border-[color:var(--zui-table-cell-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-table-cell-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  aqua: \"border border-[color:var(--zui-table-cell-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-table-cell-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n  plum: \"border border-[color:var(--zui-table-cell-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-table-cell-plum-border-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n\nexport const zuiTableCellSizes = {\n  sm: \"p-2\",\n  md: \"p-3\",\n  lg: \"p-4\",\n} as const;\n\nexport const zuiTableTextAlignments = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n} as const;\n"]}

package/dist/chunk-L7W4NRK6.js

@@ -0,0 +1,78 @@
+'use strict';
+
+// src/design-system/slider.ts
+var zuiSliderRootBase = "w-full select-none touch-none";
+var zuiSliderRootSizes = {
+  sm: "py-2",
+  md: "py-2.5",
+  lg: "py-3"
+};
+var zuiSliderTrackBase = "relative h-2 w-full shrink-0 overflow-hidden rounded-full bg-[var(--zui-slider-track-bg,var(--zui-surface-soft,#0000001a))] dark:bg-[var(--zui-slider-track-bg-dark,var(--zui-surface-soft-dark,#ffffff1a))]";
+var zuiSliderTrackSizes = {
+  sm: "h-1.5",
+  md: "h-2",
+  lg: "h-2.5"
+};
+var zuiSliderRangeBase = "absolute h-full rounded-full bg-linear-to-r";
+var zuiSliderRangeAppearances = {
+  default: "from-[var(--zui-slider-range-default-from,var(--zui-brand,oklch(60.6%_0.25_292.717)))] dark:from-[var(--zui-slider-range-default-from-dark,var(--zui-brand-dark,oklch(60.6%_0.25_292.717)))] to-[var(--zui-slider-range-default-to,var(--zui-brand-hover,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-default-to-dark,var(--zui-brand-hover-dark,oklch(67.3%_0.182_276.935)))]",
+  sky: "from-[var(--zui-slider-range-sky-from,var(--zui-color-sky,oklch(68.5%_0.169_237.323)))] dark:from-[var(--zui-slider-range-sky-from-dark,var(--zui-color-sky-dark,oklch(68.5%_0.169_237.323)))] to-[var(--zui-slider-range-sky-to,var(--zui-color-sky,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-sky-to-dark,var(--zui-color-sky-dark,oklch(67.3%_0.182_276.935)))]",
+  rose: "from-[var(--zui-slider-range-rose-from,var(--zui-color-rose,oklch(64.5%_0.246_16.439)))] dark:from-[var(--zui-slider-range-rose-from-dark,var(--zui-color-rose-dark,oklch(64.5%_0.246_16.439)))] to-[var(--zui-slider-range-rose-to,var(--zui-color-rose,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-rose-to-dark,var(--zui-color-rose-dark,oklch(67.3%_0.182_276.935)))]",
+  purple: "from-[var(--zui-slider-range-purple-from,var(--zui-color-purple,oklch(62.7%_0.265_303.9)))] dark:from-[var(--zui-slider-range-purple-from-dark,var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9)))] to-[var(--zui-slider-range-purple-to,var(--zui-color-purple,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-purple-to-dark,var(--zui-color-purple-dark,oklch(67.3%_0.182_276.935)))]",
+  pink: "from-[var(--zui-slider-range-pink-from,var(--zui-color-pink,oklch(65.6%_0.241_354.308)))] dark:from-[var(--zui-slider-range-pink-from-dark,var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308)))] to-[var(--zui-slider-range-pink-to,var(--zui-color-pink,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-pink-to-dark,var(--zui-color-pink-dark,oklch(67.3%_0.182_276.935)))]",
+  orange: "from-[var(--zui-slider-range-orange-from,var(--zui-color-orange,oklch(70.5%_0.213_47.604)))] dark:from-[var(--zui-slider-range-orange-from-dark,var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604)))] to-[var(--zui-slider-range-orange-to,var(--zui-color-orange,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-orange-to-dark,var(--zui-color-orange-dark,oklch(67.3%_0.182_276.935)))]",
+  yellow: "from-[var(--zui-slider-range-yellow-from,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:from-[var(--zui-slider-range-yellow-from-dark,var(--zui-color-yellow-dark,oklch(79.5%_0.184_86.047)))] to-[var(--zui-slider-range-yellow-to,var(--zui-color-yellow,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-yellow-to-dark,var(--zui-color-yellow-dark,oklch(67.3%_0.182_276.935)))]",
+  teal: "from-[var(--zui-slider-range-teal-from,var(--zui-color-teal,oklch(70.4%_0.14_182.503)))] dark:from-[var(--zui-slider-range-teal-from-dark,var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503)))] to-[var(--zui-slider-range-teal-to,var(--zui-color-teal,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-teal-to-dark,var(--zui-color-teal-dark,oklch(67.3%_0.182_276.935)))]",
+  indigo: "from-[var(--zui-slider-range-indigo-from,var(--zui-color-indigo,oklch(58.5%_0.233_277.117)))] dark:from-[var(--zui-slider-range-indigo-from-dark,var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117)))] to-[var(--zui-slider-range-indigo-to,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-indigo-to-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]",
+  emerald: "from-[var(--zui-slider-range-emerald-from,var(--zui-color-emerald,oklch(69.6%_0.17_162.48)))] dark:from-[var(--zui-slider-range-emerald-from-dark,var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48)))] to-[var(--zui-slider-range-emerald-to,var(--zui-color-emerald,oklch(60%_0.118_184.704)))] dark:to-[var(--zui-slider-range-emerald-to-dark,var(--zui-color-emerald-dark,oklch(77.7%_0.152_181.912)))]",
+  amber: "from-[var(--zui-slider-range-amber-from,var(--zui-color-amber,oklch(76.9%_0.188_70.08)))] dark:from-[var(--zui-slider-range-amber-from-dark,var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08)))] to-[var(--zui-slider-range-amber-to,var(--zui-color-amber,oklch(64.6%_0.222_41.116)))] dark:to-[var(--zui-slider-range-amber-to-dark,var(--zui-color-amber-dark,oklch(75%_0.183_55.934)))]",
+  gray: "from-[var(--zui-slider-range-gray-from,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:from-[var(--zui-slider-range-gray-from-dark,var(--zui-color-gray-dark,oklch(55.1%_0.027_264.364)))] to-[var(--zui-slider-range-gray-to,var(--zui-color-gray,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gray-to-dark,var(--zui-color-gray-dark,oklch(67.3%_0.182_276.935)))]",
+  violet: "from-[var(--zui-slider-range-violet-from,var(--zui-color-violet,oklch(60.6%_0.25_292.717)))] dark:from-[var(--zui-slider-range-violet-from-dark,var(--zui-color-violet-dark,oklch(60.6%_0.25_292.717)))] to-[var(--zui-slider-range-violet-to,var(--zui-color-violet,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-violet-to-dark,var(--zui-color-violet-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-blue": "from-[var(--zui-slider-range-gradient-blue-from,var(--zui-color-blue,oklch(62.3%_0.214_259.815)))] dark:from-[var(--zui-slider-range-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(62.3%_0.214_259.815)))] to-[var(--zui-slider-range-gradient-blue-to,var(--zui-color-purple,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-green": "from-[var(--zui-slider-range-gradient-green-from,var(--zui-color-green,oklch(72.3%_0.219_149.579)))] dark:from-[var(--zui-slider-range-gradient-green-from-dark,var(--zui-color-green-dark,oklch(72.3%_0.219_149.579)))] to-[var(--zui-slider-range-gradient-green-to,var(--zui-color-lime,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-red": "from-[var(--zui-slider-range-gradient-red-from,var(--zui-color-red,oklch(63.7%_0.237_25.331)))] dark:from-[var(--zui-slider-range-gradient-red-from-dark,var(--zui-color-red-dark,oklch(63.7%_0.237_25.331)))] to-[var(--zui-slider-range-gradient-red-to,var(--zui-color-pink,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-yellow": "from-[var(--zui-slider-range-gradient-yellow-from,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:from-[var(--zui-slider-range-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(79.5%_0.184_86.047)))] to-[var(--zui-slider-range-gradient-yellow-to,var(--zui-color-orange,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-purple": "from-[var(--zui-slider-range-gradient-purple-from,var(--zui-color-purple,oklch(62.7%_0.265_303.9)))] dark:from-[var(--zui-slider-range-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9)))] to-[var(--zui-slider-range-gradient-purple-to,var(--zui-color-pink,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-teal": "from-[var(--zui-slider-range-gradient-teal-from,var(--zui-color-teal,oklch(70.4%_0.14_182.503)))] dark:from-[var(--zui-slider-range-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503)))] to-[var(--zui-slider-range-gradient-teal-to,var(--zui-color-cyan,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-indigo": "from-[var(--zui-slider-range-gradient-indigo-from,var(--zui-color-indigo,oklch(58.5%_0.233_277.117)))] dark:from-[var(--zui-slider-range-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117)))] to-[var(--zui-slider-range-gradient-indigo-to,var(--zui-color-purple,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-pink": "from-[var(--zui-slider-range-gradient-pink-from,var(--zui-color-pink,oklch(65.6%_0.241_354.308)))] dark:from-[var(--zui-slider-range-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308)))] to-[var(--zui-slider-range-gradient-pink-to,var(--zui-color-rose,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-orange": "from-[var(--zui-slider-range-gradient-orange-from,var(--zui-color-orange,oklch(70.5%_0.213_47.604)))] dark:from-[var(--zui-slider-range-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604)))] to-[var(--zui-slider-range-gradient-orange-to,var(--zui-color-red,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(67.3%_0.182_276.935)))]",
+  blue: "from-[var(--zui-slider-range-blue-from,var(--zui-color-blue,#2563eb))] dark:from-[var(--zui-slider-range-blue-from-dark,var(--zui-color-blue-dark,#3b82f6))] to-[var(--zui-slider-range-blue-to,var(--zui-color-blue,#2563eb))] dark:to-[var(--zui-slider-range-blue-to-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "from-[var(--zui-slider-range-cyan-from,var(--zui-color-cyan,#0891b2))] dark:from-[var(--zui-slider-range-cyan-from-dark,var(--zui-color-cyan-dark,#22d3ee))] to-[var(--zui-slider-range-cyan-to,var(--zui-color-cyan,#0891b2))] dark:to-[var(--zui-slider-range-cyan-to-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "from-[var(--zui-slider-range-green-from,var(--zui-color-green,#16a34a))] dark:from-[var(--zui-slider-range-green-from-dark,var(--zui-color-green-dark,#22c55e))] to-[var(--zui-slider-range-green-to,var(--zui-color-green,#16a34a))] dark:to-[var(--zui-slider-range-green-to-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "from-[var(--zui-slider-range-lime-from,var(--zui-color-lime,#65a30d))] dark:from-[var(--zui-slider-range-lime-from-dark,var(--zui-color-lime-dark,#a3e635))] to-[var(--zui-slider-range-lime-to,var(--zui-color-lime,#65a30d))] dark:to-[var(--zui-slider-range-lime-to-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "from-[var(--zui-slider-range-mint-from,var(--zui-color-mint,#10b981))] dark:from-[var(--zui-slider-range-mint-from-dark,var(--zui-color-mint-dark,#6ee7b7))] to-[var(--zui-slider-range-mint-to,var(--zui-color-mint,#10b981))] dark:to-[var(--zui-slider-range-mint-to-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "from-[var(--zui-slider-range-ocean-from,var(--zui-color-ocean,#0284c7))] dark:from-[var(--zui-slider-range-ocean-from-dark,var(--zui-color-ocean-dark,#38bdf8))] to-[var(--zui-slider-range-ocean-to,var(--zui-color-ocean,#0284c7))] dark:to-[var(--zui-slider-range-ocean-to-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "from-[var(--zui-slider-range-sapphire-from,var(--zui-color-sapphire,#1d4ed8))] dark:from-[var(--zui-slider-range-sapphire-from-dark,var(--zui-color-sapphire-dark,#60a5fa))] to-[var(--zui-slider-range-sapphire-to,var(--zui-color-sapphire,#1d4ed8))] dark:to-[var(--zui-slider-range-sapphire-to-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "from-[var(--zui-slider-range-lavender-from,var(--zui-color-lavender,#8b5cf6))] dark:from-[var(--zui-slider-range-lavender-from-dark,var(--zui-color-lavender-dark,#a78bfa))] to-[var(--zui-slider-range-lavender-to,var(--zui-color-lavender,#8b5cf6))] dark:to-[var(--zui-slider-range-lavender-to-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "from-[var(--zui-slider-range-ruby-from,var(--zui-color-ruby,#be123c))] dark:from-[var(--zui-slider-range-ruby-from-dark,var(--zui-color-ruby-dark,#fb7185))] to-[var(--zui-slider-range-ruby-to,var(--zui-color-ruby,#be123c))] dark:to-[var(--zui-slider-range-ruby-to-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "from-[var(--zui-slider-range-red-from,var(--zui-color-red,#dc2626))] dark:from-[var(--zui-slider-range-red-from-dark,var(--zui-color-red-dark,#ef4444))] to-[var(--zui-slider-range-red-to,var(--zui-color-red,#dc2626))] dark:to-[var(--zui-slider-range-red-to-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "from-[var(--zui-slider-range-slate-from,var(--zui-color-slate,#475569))] dark:from-[var(--zui-slider-range-slate-from-dark,var(--zui-color-slate-dark,#64748b))] to-[var(--zui-slider-range-slate-to,var(--zui-color-slate,#475569))] dark:to-[var(--zui-slider-range-slate-to-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "from-[var(--zui-slider-range-zinc-from,var(--zui-color-zinc,#52525b))] dark:from-[var(--zui-slider-range-zinc-from-dark,var(--zui-color-zinc-dark,#71717a))] to-[var(--zui-slider-range-zinc-to,var(--zui-color-zinc,#52525b))] dark:to-[var(--zui-slider-range-zinc-to-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "from-[var(--zui-slider-range-stone-from,var(--zui-color-stone,#57534e))] dark:from-[var(--zui-slider-range-stone-from-dark,var(--zui-color-stone-dark,#78716c))] to-[var(--zui-slider-range-stone-to,var(--zui-color-stone,#57534e))] dark:to-[var(--zui-slider-range-stone-to-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "from-[var(--zui-slider-range-royal-from,var(--zui-color-royal,#4338ca))] dark:from-[var(--zui-slider-range-royal-from-dark,var(--zui-color-royal-dark,#818cf8))] to-[var(--zui-slider-range-royal-to,var(--zui-color-royal,#4338ca))] dark:to-[var(--zui-slider-range-royal-to-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "from-[var(--zui-slider-range-electric-from,var(--zui-color-electric,#0ea5e9))] dark:from-[var(--zui-slider-range-electric-from-dark,var(--zui-color-electric-dark,#38bdf8))] to-[var(--zui-slider-range-electric-to,var(--zui-color-electric,#0ea5e9))] dark:to-[var(--zui-slider-range-electric-to-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "from-[var(--zui-slider-range-forest-from,var(--zui-color-forest,#166534))] dark:from-[var(--zui-slider-range-forest-from-dark,var(--zui-color-forest-dark,#4ade80))] to-[var(--zui-slider-range-forest-to,var(--zui-color-forest,#166534))] dark:to-[var(--zui-slider-range-forest-to-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "from-[var(--zui-slider-range-sunset-from,var(--zui-color-sunset,#ea580c))] dark:from-[var(--zui-slider-range-sunset-from-dark,var(--zui-color-sunset-dark,#fb923c))] to-[var(--zui-slider-range-sunset-to,var(--zui-color-sunset,#ea580c))] dark:to-[var(--zui-slider-range-sunset-to-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "from-[var(--zui-slider-range-magenta-from,var(--zui-color-magenta,#c026d3))] dark:from-[var(--zui-slider-range-magenta-from-dark,var(--zui-color-magenta-dark,#e879f9))] to-[var(--zui-slider-range-magenta-to,var(--zui-color-magenta,#c026d3))] dark:to-[var(--zui-slider-range-magenta-to-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "from-[var(--zui-slider-range-crimson-from,var(--zui-color-crimson,#b91c1c))] dark:from-[var(--zui-slider-range-crimson-from-dark,var(--zui-color-crimson-dark,#f87171))] to-[var(--zui-slider-range-crimson-to,var(--zui-color-crimson,#b91c1c))] dark:to-[var(--zui-slider-range-crimson-to-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "from-[var(--zui-slider-range-aqua-from,var(--zui-color-aqua,#0f766e))] dark:from-[var(--zui-slider-range-aqua-from-dark,var(--zui-color-aqua-dark,#2dd4bf))] to-[var(--zui-slider-range-aqua-to,var(--zui-color-aqua,#0f766e))] dark:to-[var(--zui-slider-range-aqua-to-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "from-[var(--zui-slider-range-plum-from,var(--zui-color-plum,#7e22ce))] dark:from-[var(--zui-slider-range-plum-from-dark,var(--zui-color-plum-dark,#c084fc))] to-[var(--zui-slider-range-plum-to,var(--zui-color-plum,#7e22ce))] dark:to-[var(--zui-slider-range-plum-to-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+var zuiSliderThumbBase = "block size-4 rounded-full border border-[color:var(--zui-slider-thumb-border,var(--zui-border,#00000033))] dark:border-[color:var(--zui-slider-thumb-border-dark,var(--zui-border-dark,#ffffff33))] bg-[var(--zui-slider-thumb-bg,var(--zui-surface-muted,#000000))] dark:bg-[var(--zui-slider-thumb-bg-dark,var(--zui-surface-muted-dark,#ffffff))] shadow-[var(--zui-slider-thumb-shadow,var(--zui-shadow,0_4px_6px_-1px_rgb(0_0_0_/_0.1),0_2px_4px_-2px_rgb(0_0_0_/_0.1)))] dark:shadow-[var(--zui-slider-thumb-shadow-dark,var(--zui-shadow-dark,0_4px_6px_-1px_rgb(0_0_0_/_0.35),0_2px_4px_-2px_rgb(0_0_0_/_0.28)))] ring-offset-2 ring-offset-[var(--zui-slider-thumb-ring-offset,var(--zui-ring-offset,oklch(98.4%_0.003_247.858)))] dark:ring-offset-[var(--zui-slider-thumb-ring-offset-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-slider-thumb-ring-focus,var(--zui-focus-ring,#00000066))] dark:focus-visible:ring-[var(--zui-slider-thumb-ring-focus-dark,var(--zui-focus-ring-dark,#ffffff66))] disabled:pointer-events-none disabled:opacity-40";
+var zuiSliderThumbSizes = {
+  sm: "size-3.5",
+  md: "size-4",
+  lg: "size-5"
+};
+
+exports.zuiSliderRangeAppearances = zuiSliderRangeAppearances;
+exports.zuiSliderRangeBase = zuiSliderRangeBase;
+exports.zuiSliderRootBase = zuiSliderRootBase;
+exports.zuiSliderRootSizes = zuiSliderRootSizes;
+exports.zuiSliderThumbBase = zuiSliderThumbBase;
+exports.zuiSliderThumbSizes = zuiSliderThumbSizes;
+exports.zuiSliderTrackBase = zuiSliderTrackBase;
+exports.zuiSliderTrackSizes = zuiSliderTrackSizes;
+//# sourceMappingURL=chunk-L7W4NRK6.js.map
+//# sourceMappingURL=chunk-L7W4NRK6.js.map