@kopexa/theme 2.0.0 → 13.0.0

package/dist/components/index.js

@@ -34,7 +34,9 @@ __export(components_exports, {
   chip: () => chip,
   code: () => code,
   colorHighlightButton: () => colorHighlightButton,
+  combobox: () => combobox,
   command: () => command,
+  controlExtension: () => controlExtension,
   dataTable: () => dataTable,
   datagrid: () => datagrid,
   dialog: () => dialog,
@@ -73,6 +75,7 @@ __export(components_exports, {
   spinner: () => spinner,
   splitPageLayout: () => splitPageLayout,
   standardChip: () => standardChip,
+  switchVariants: () => switchVariants,
   tabNav: () => tabNav,
   table: () => table,
   tabs: () => tabs,
@@ -201,6 +204,11 @@ var inputClasses = {
     sm: "h-7 min-h-7",
     md: "h-8.5 min-h-8.5",
     lg: "h-10 min-h-10"
+  },
+  text: {
+    sm: "text-sm",
+    md: "text-base md:text-sm",
+    lg: "text-base"
   }
 };
 
@@ -859,6 +867,12 @@ var callout = (0, import_tailwind_variants10.tv)({
     closeButton: "absolute top-2 right-2 opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
   },
   variants: {
+    print: {
+      true: {},
+      false: {
+        root: "print:hidden"
+      }
+    },
     radius: {
       none: { root: "rounded-none" },
       sm: { root: "rounded-sm" },
@@ -912,7 +926,8 @@ var callout = (0, import_tailwind_variants10.tv)({
   defaultVariants: {
     variant: "default",
     radius: "md",
-    size: "md"
+    size: "md",
+    print: true
   }
 });
 
@@ -926,22 +941,25 @@ var card = (0, import_tailwind_variants11.tv)({
     ],
     header: [
       "flex",
-      "p-3",
-      "z-10",
-      "w-full",
-      "justify-start",
       "items-center",
+      "justify-between",
+      "flex-wrap",
+      "min-h-14",
+      "gap-2.5",
+      "w-full",
       "shrink-0",
       "overflow-inherit",
       "color-inherit",
       "subpixel-antialiased"
     ],
+    heading: "space-y-1",
+    toolbar: "flex items-center gap-2.5",
     body: [
+      "grow",
       "relative",
       "flex",
       "flex-1",
       "w-full",
-      "p-3",
       "flex-auto",
       "flex-col",
       "place-content-inherit",
@@ -970,6 +988,11 @@ var card = (0, import_tailwind_variants11.tv)({
       },
       muted: {
         root: "bg-muted text-muted-foreground"
+      },
+      accent: {
+        root: "bg-muted shadow-xs p-1",
+        header: "!border-none",
+        body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
       }
     },
     shadow: {
@@ -994,10 +1017,12 @@ var card = (0, import_tailwind_variants11.tv)({
         root: "border-0"
       },
       default: {
-        root: "border border-border"
+        root: "border border-border",
+        header: "border-b border-border"
       },
       emphasized: {
-        root: "border-2 border-border"
+        root: "border-2 border-border",
+        header: "border-b border-border"
       }
     },
     radius: {
@@ -1078,9 +1103,9 @@ var card = (0, import_tailwind_variants11.tv)({
         footer: "p-2"
       },
       md: {
-        body: "p-3",
-        header: "p-3",
-        footer: "p-3"
+        body: "p-5",
+        header: "px-5",
+        footer: "px-5"
       },
       lg: {
         body: "p-4",
@@ -1529,9 +1554,121 @@ var colorHighlightButton = (0, import_tailwind_variants15.tv)({
   }
 });
 
-// src/components/command.ts
+// src/components/combobox.ts
 var import_tailwind_variants16 = require("tailwind-variants");
-var command = (0, import_tailwind_variants16.tv)({
+var combobox = (0, import_tailwind_variants16.tv)({
+  slots: {
+    root: [],
+    control: "relative",
+    value: "",
+    input: [
+      ...input.base,
+      "has-[[data-slot=combobox-input]:focus-visible]:ring-ring",
+      "has-[[data-slot=combobox-input]:focus-visible]:border-ring",
+      "has-[[data-slot=combobox-input]:focus-visible]:outline-none",
+      "has-[[data-slot=combobox-input]:focus-visible]:ring-2",
+      "[&_[data-slot=combobox-input]]:grow",
+      "[&[readonly]]:bg-muted/80 [&[readonly]]:cursor-not-allowed"
+    ],
+    status: "text-muted-foreground text-sm",
+    positioner: "outline-none",
+    popup: [
+      "py-1 w-[var(--anchor-width)] max-h-[min(var(--available-height),23rem)] max-w-[var(--available-width)]",
+      "overflow-y-auto scroll-pt-2 scroll-pb-2 overscroll-contain bg-[canvas]",
+      "rounded-md border border-border bg-popover text-popover-foreground shadow-md shadow-black/5",
+      "origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-90",
+      "data-[ending-style]:opacity-0 data-[starting-style]:scale-90 data-[starting-style]:opacity-0"
+    ],
+    list: "space-y-0.5",
+    row: "flex items-center gap-2",
+    item: [
+      "relative cursor-default flex items-center",
+      "text-foreground relative select-none items-center gap-2 rounded-md ps-7 pe-2 py-1.5 text-sm outline-hidden transition-colors data-disabled:pointer-events-none data-disabled:opacity-50",
+      "[&_svg]:pointer-events-none [&_svg:not([role=img]):not([class*=text-])]:opacity-60 [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0",
+      "data-[highlighted]:relative data-[highlighted]:z-0 data-[highlighted]:text-foreground data-[highlighted]:before:absolute data-[highlighted]:before:inset-x-1 data-[highlighted]:before:inset-y-0 data-[highlighted]:before:z-[-1] data-[highlighted]:before:rounded-sm data-[highlighted]:before:bg-accent"
+    ],
+    itemIndicator: [
+      "absolute flex top-1/2 -translate-y-1/2 items-center justify-center start-2.5",
+      "[&_svg]:size-4 [&_svg]:text-primary"
+    ],
+    groupLabel: "px-2 py-1.5 text-xs text-muted-foreground font-medium",
+    empty: "px-2 py-1.5 text-sm text-muted-foreground empty:m-0 empty:p-0",
+    clear: [
+      "absolute cursor-pointer end-6 top-1/2 -translate-y-1/2 rounded-sm opacity-70 ring-offset-background",
+      "transition-opacity opacity-60 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+      "data-[disabled]:pointer-events-none",
+      "[&_svg]:size-3.5"
+    ],
+    icon: [
+      "absolute cursor-pointer end-2 top-1/2 -translate-y-1/2 rounded-sm opacity-70 ring-offset-background transition-opacity",
+      "opacity-60 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+      "data-[disabled]:pointer-events-none",
+      "[&_svg]:size-3.5"
+    ],
+    trigger: "relative",
+    // note: chips receive "input" and the following styles
+    chips: [
+      "flex items-center flex-wrap gap-1",
+      "[&_[data-slot=combobox-input]]:py-0 [&_[data-slot=combobox-input]]:px-1.5 has-[[data-slot=combobox-chip]]:[&_[data-slot=combobox-input]]:px-0",
+      "[&_[data-slot=combobox-input]]:min-h-0 [&_[data-slot=combobox-input]]:flex-1",
+      "[&_[data-slot=combobox-input]]:border-0 [&_[data-slot=combobox-input]]:shadow-none [&_[data-slot=combobox-input]]:rounded-none",
+      "[&_[data-slot=combobox-input]]:outline-none [&_[data-slot=combobox-input]]:ring-0"
+    ],
+    chip: [
+      "inline-flex items-center gap-1 rounded-md bg-muted px-2 py-1 text-xs font-medium text-foreground"
+    ],
+    chipRemove: [
+      "cursor-pointer ms-1 rounded-sm [&_svg]:opacity-60 hover:bg-muted-foreground/20 hover:[&_svg]:opacity-100",
+      "[&_svg]:size-3.5"
+    ],
+    separator: "my-1.5 h-px bg-muted",
+    header: ["flex flex-col items-start justify-between px-3 py-2 border-b"],
+    title: "text-sm font-semibold",
+    description: "text-xs text-muted-foreground"
+  },
+  variants: {
+    size: {
+      sm: {
+        input: [
+          ...input.variants.size.sm,
+          "h-auto py-0.5",
+          "[&~[data-slot=combobox-icon]]:end-2.5 [&~[data-slot=combobox-clear]]:end-7"
+        ],
+        chips: "px-0.75"
+      },
+      md: {
+        input: [
+          ...input.variants.size.md,
+          "h-auto py-1",
+          "[&~[data-slot=combobox-icon]]:end-2 [&~[data-slot=combobox-clear]]:end-6"
+        ],
+        chips: "px-1"
+      },
+      lg: {
+        input: [
+          ...input.variants.size.lg,
+          "h-auto py-1",
+          "[&~[data-slot=combobox-icon]]:end-1.75 [&~[data-slot=combobox-clear]]:end-5.75"
+        ],
+        chips: "px-1.5"
+      }
+    },
+    fullWidth: {
+      true: {
+        input: "w-full",
+        chips: "w-full"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    fullWidth: true
+  }
+});
+
+// src/components/command.ts
+var import_tailwind_variants17 = require("tailwind-variants");
+var command = (0, import_tailwind_variants17.tv)({
   slots: {
     root: "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
     inputWrapper: "flex h-9 items-center gap-2 border-b px-3",
@@ -1549,9 +1686,13 @@ var command = (0, import_tailwind_variants16.tv)({
   }
 });
 
+// src/components/control-extension.ts
+var import_tailwind_variants18 = require("tailwind-variants");
+var controlExtension = (0, import_tailwind_variants18.tv)({});
+
 // src/components/data-grid.ts
-var import_tailwind_variants17 = require("tailwind-variants");
-var datagrid = (0, import_tailwind_variants17.tv)({
+var import_tailwind_variants19 = require("tailwind-variants");
+var datagrid = (0, import_tailwind_variants19.tv)({
   slots: {
     container: "grid w-full",
     table: "w-full align-middle caption-bottom text-left rtl:text-right text-foreground font-normal text-sm",
@@ -1687,8 +1828,8 @@ var datagrid = (0, import_tailwind_variants17.tv)({
 });
 
 // src/components/data-table.ts
-var import_tailwind_variants18 = require("tailwind-variants");
-var dataTable = (0, import_tailwind_variants18.tv)({
+var import_tailwind_variants20 = require("tailwind-variants");
+var dataTable = (0, import_tailwind_variants20.tv)({
   slots: {
     base: "relative flex min-h-0 flex-1 flex-col",
     toolbarWrapper: "flex flex-col gap-2 divide-y pb-2",
@@ -1732,8 +1873,8 @@ var dataTable = (0, import_tailwind_variants18.tv)({
 });
 
 // src/components/dialog.ts
-var import_tailwind_variants19 = require("tailwind-variants");
-var dialog = (0, import_tailwind_variants19.tv)({
+var import_tailwind_variants21 = require("tailwind-variants");
+var dialog = (0, import_tailwind_variants21.tv)({
   slots: {
     overlay: [
       "fixed inset-0 bg-black/25 [backdrop-filter:blur(4px)]",
@@ -1820,8 +1961,8 @@ var dialog = (0, import_tailwind_variants19.tv)({
 });
 
 // src/components/drawer.ts
-var import_tailwind_variants20 = require("tailwind-variants");
-var drawer = (0, import_tailwind_variants20.tv)({
+var import_tailwind_variants22 = require("tailwind-variants");
+var drawer = (0, import_tailwind_variants22.tv)({
   slots: {
     overlay: [
       dialog.slots.overlay,
@@ -1929,8 +2070,8 @@ var drawer = (0, import_tailwind_variants20.tv)({
 });
 
 // src/components/dropdown-menu.ts
-var import_tailwind_variants21 = require("tailwind-variants");
-var dropdownMenu = (0, import_tailwind_variants21.tv)({
+var import_tailwind_variants23 = require("tailwind-variants");
+var dropdownMenu = (0, import_tailwind_variants23.tv)({
   slots: {
     root: "",
     content: "min-w-[8rem] bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
@@ -1950,19 +2091,30 @@ var dropdownMenu = (0, import_tailwind_variants21.tv)({
 });
 
 // src/components/editor-basic.ts
-var import_tailwind_variants22 = require("tailwind-variants");
-var editorBasic = (0, import_tailwind_variants22.tv)({
+var import_tailwind_variants24 = require("tailwind-variants");
+var editorBasic = (0, import_tailwind_variants24.tv)({
   slots: {
+    root: [
+      "grid grid-rows-[auto,1fr]",
+      "h-full min-h-0 w-full min-w-0",
+      "content-start isolate"
+    ],
+    toolbar: [
+      "row-start-1 row-end-2",
+      "flex items-center gap-0.5",
+      "sticky top-0 z-10"
+    ],
     wrapper: [
-      "overflow-y-auto",
-      "h-[calc(100%-var(--spacing-editor-toolbar))]"
+      "row-start-2 row-end-3",
+      "min-h-0 min-w-0",
+      "overflow-y-auto"
+      //	"h-[calc(100%-var(--spacing-editor-toolbar))]",
     ],
     content: [
-      "w-full",
+      "w-full min-w-0 h-full min-h-0",
       "[&_.tiptap.ProseMirror]:py-4",
       "[&_.tiptap.ProseMirror]:px-6"
     ],
-    toolbar: "flex items-center gap-0.5",
     toolbarGroup: "flex items-center gap-0.5"
   },
   variants: {
@@ -1970,8 +2122,13 @@ var editorBasic = (0, import_tailwind_variants22.tv)({
       // rounded toolbar, muted background
       default: {
         wrapper: ["border rounded-md"],
-        toolbar: "bg-muted rounded-md p-1 mb-2",
+        toolbar: "rounded-md mb-2",
         content: ""
+      },
+      // document style, eg. document editor, fullpage etc pp
+      document: {
+        wrapper: "size-full overflow-auto",
+        content: "size-full"
       }
     }
   },
@@ -1981,8 +2138,8 @@ var editorBasic = (0, import_tailwind_variants22.tv)({
 });
 
 // src/components/editor-spinner.ts
-var import_tailwind_variants23 = require("tailwind-variants");
-var editorSpinner = (0, import_tailwind_variants23.tv)({
+var import_tailwind_variants25 = require("tailwind-variants");
+var editorSpinner = (0, import_tailwind_variants25.tv)({
   slots: {
     root: "size-full grow shrink flex items-center justify-center",
     content: ["flex", "flex-col", "items-center", "justify-center", "gap-2"],
@@ -1994,8 +2151,8 @@ var editorSpinner = (0, import_tailwind_variants23.tv)({
 });
 
 // src/components/framework-row.ts
-var import_tailwind_variants24 = require("tailwind-variants");
-var frameworkRow = (0, import_tailwind_variants24.tv)({
+var import_tailwind_variants26 = require("tailwind-variants");
+var frameworkRow = (0, import_tailwind_variants26.tv)({
   slots: {
     root: "flex w-full items-start gap-3 py-2 first:pt-0 last:pb-0 border-b border-dotted last:border-0",
     standardContainer: "shrink-0",
@@ -2008,8 +2165,8 @@ var frameworkRow = (0, import_tailwind_variants24.tv)({
 });
 
 // src/components/heading.ts
-var import_tailwind_variants25 = require("tailwind-variants");
-var heading = (0, import_tailwind_variants25.tv)({
+var import_tailwind_variants27 = require("tailwind-variants");
+var heading = (0, import_tailwind_variants27.tv)({
   variants: {
     level: {
       h1: "text-h1-core",
@@ -2026,8 +2183,8 @@ var heading = (0, import_tailwind_variants25.tv)({
 });
 
 // src/components/hover-card.ts
-var import_tailwind_variants26 = require("tailwind-variants");
-var hoverCard = (0, import_tailwind_variants26.tv)({
+var import_tailwind_variants28 = require("tailwind-variants");
+var hoverCard = (0, import_tailwind_variants28.tv)({
   slots: {
     content: [
       ...popoverContentClasses,
@@ -2042,8 +2199,8 @@ var hoverCard = (0, import_tailwind_variants26.tv)({
 });
 
 // src/components/input-group.ts
-var import_tailwind_variants27 = require("tailwind-variants");
-var inputGroup = (0, import_tailwind_variants27.tv)({
+var import_tailwind_variants29 = require("tailwind-variants");
+var inputGroup = (0, import_tailwind_variants29.tv)({
   base: [
     "flex items-stretch",
     "[&_[data-slot=input]]:grow",
@@ -2064,8 +2221,8 @@ var inputGroup = (0, import_tailwind_variants27.tv)({
 });
 
 // src/components/input-wrapper.ts
-var import_tailwind_variants28 = require("tailwind-variants");
-var inputWrapper = (0, import_tailwind_variants28.tv)({
+var import_tailwind_variants30 = require("tailwind-variants");
+var inputWrapper = (0, import_tailwind_variants30.tv)({
   base: [
     "flex items-center gap-1.5",
     "has-[:focus-visible]:ring-ring/30",
@@ -2109,8 +2266,8 @@ var inputWrapper = (0, import_tailwind_variants28.tv)({
 });
 
 // src/components/integration-card.ts
-var import_tailwind_variants29 = require("tailwind-variants");
-var integrationCard = (0, import_tailwind_variants29.tv)({
+var import_tailwind_variants31 = require("tailwind-variants");
+var integrationCard = (0, import_tailwind_variants31.tv)({
   slots: {
     root: "",
     header: "flex items-start justify-between gap-3",
@@ -2132,8 +2289,8 @@ var integrationCard = (0, import_tailwind_variants29.tv)({
 });
 
 // src/components/kbd.ts
-var import_tailwind_variants30 = require("tailwind-variants");
-var kbd = (0, import_tailwind_variants30.tv)({
+var import_tailwind_variants32 = require("tailwind-variants");
+var kbd = (0, import_tailwind_variants32.tv)({
   base: "inline-flex items-center justify-center font-mono rounded-md",
   variants: {
     variant: {
@@ -2152,8 +2309,8 @@ var kbd = (0, import_tailwind_variants30.tv)({
 });
 
 // src/components/label.ts
-var import_tailwind_variants31 = require("tailwind-variants");
-var label = (0, import_tailwind_variants31.tv)({
+var import_tailwind_variants33 = require("tailwind-variants");
+var label = (0, import_tailwind_variants33.tv)({
   base: [
     "text-sm leading-none",
     "text-foreground",
@@ -2171,8 +2328,8 @@ var label = (0, import_tailwind_variants31.tv)({
 });
 
 // src/components/page-header.ts
-var import_tailwind_variants32 = require("tailwind-variants");
-var pageHeader = (0, import_tailwind_variants32.tv)({
+var import_tailwind_variants34 = require("tailwind-variants");
+var pageHeader = (0, import_tailwind_variants34.tv)({
   slots: {
     root: "page-header",
     titleArea: "page-header__title-area flex gap-2 flex-row items-center",
@@ -2207,8 +2364,8 @@ var pageHeader = (0, import_tailwind_variants32.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants33 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants33.tv)({
+var import_tailwind_variants35 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants35.tv)({
   slots: {
     root: "",
     wrapper: "flex flex-wrap w-full",
@@ -2325,8 +2482,8 @@ var pageLayout = (0, import_tailwind_variants33.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants34 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants34.tv)({
+var import_tailwind_variants36 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants36.tv)({
   slots: {
     content: [
       "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95",
@@ -2374,8 +2531,8 @@ var popover = (0, import_tailwind_variants34.tv)({
 });
 
 // src/components/preview-card.ts
-var import_tailwind_variants35 = require("tailwind-variants");
-var previewCard = (0, import_tailwind_variants35.tv)({
+var import_tailwind_variants37 = require("tailwind-variants");
+var previewCard = (0, import_tailwind_variants37.tv)({
   slots: {
     root: [
       "flex w-full items-start gap-3 rounded-md bg-background p-2 transition-colors",
@@ -2416,8 +2573,8 @@ var previewCard = (0, import_tailwind_variants35.tv)({
 });
 
 // src/components/related-control-chip.ts
-var import_tailwind_variants36 = require("tailwind-variants");
-var relatedControlChip = (0, import_tailwind_variants36.tv)({
+var import_tailwind_variants38 = require("tailwind-variants");
+var relatedControlChip = (0, import_tailwind_variants38.tv)({
   slots: {
     root: [
       "text-xs border rounded-full cursor-pointer hover:text-primary px-2.5 py-0.5"
@@ -2427,8 +2584,8 @@ var relatedControlChip = (0, import_tailwind_variants36.tv)({
 });
 
 // src/components/resizable.ts
-var import_tailwind_variants37 = require("tailwind-variants");
-var resizable = (0, import_tailwind_variants37.tv)({
+var import_tailwind_variants39 = require("tailwind-variants");
+var resizable = (0, import_tailwind_variants39.tv)({
   slots: {
     root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
     panel: [],
@@ -2454,8 +2611,8 @@ var resizable = (0, import_tailwind_variants37.tv)({
 });
 
 // src/components/risk-badge.ts
-var import_tailwind_variants38 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants38.tv)({
+var import_tailwind_variants40 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants40.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -2494,8 +2651,8 @@ var riskBadge = (0, import_tailwind_variants38.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants39 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants39.tv)({
+var import_tailwind_variants41 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants41.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -2528,8 +2685,8 @@ var riskIndicator = (0, import_tailwind_variants39.tv)({
 });
 
 // src/components/scroll-area.ts
-var import_tailwind_variants40 = require("tailwind-variants");
-var scrollArea = (0, import_tailwind_variants40.tv)({
+var import_tailwind_variants42 = require("tailwind-variants");
+var scrollArea = (0, import_tailwind_variants42.tv)({
   slots: {
     root: "relative",
     viewport: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
@@ -2543,8 +2700,8 @@ var scrollArea = (0, import_tailwind_variants40.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants41 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants41.tv)({
+var import_tailwind_variants43 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants43.tv)({
   slots: {
     root: ["grid grid-cols-1 text-base/6 sm:text-sm/6", "w-full"],
     title: [
@@ -2604,8 +2761,8 @@ var sectionRow = (0, import_tailwind_variants41.tv)({
 });
 
 // src/components/select.ts
-var import_tailwind_variants42 = require("tailwind-variants");
-var select = (0, import_tailwind_variants42.tv)({
+var import_tailwind_variants44 = require("tailwind-variants");
+var select = (0, import_tailwind_variants44.tv)({
   slots: {
     trigger: [
       "border-input border w-full shadow-xs",
@@ -2702,8 +2859,8 @@ var select = (0, import_tailwind_variants42.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants43 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants43.tv)({
+var import_tailwind_variants45 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants45.tv)({
   base: [
     "bg-border shrink-0",
     "data-[orientation=horizontal]:h-px",
@@ -2721,15 +2878,15 @@ var separator = (0, import_tailwind_variants43.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants44 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants44.tv)({
+var import_tailwind_variants46 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants46.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full"
     ],
     sidebarWrapper: ["group peer text-sidebar-foreground hidden md:block"],
     sidebar: [
-      "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col"
+      "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col isolate"
     ],
     gap: [
       "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
@@ -2810,7 +2967,7 @@ var sidebar = (0, import_tailwind_variants44.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants44.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants46.tv)({
   base: [
     "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md",
     "p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding]",
@@ -2862,7 +3019,7 @@ var sidebarMenuButton = (0, import_tailwind_variants44.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants44.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants46.tv)({
   base: [
     "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
     // Increases the hit area of the button on mobile.
@@ -2882,14 +3039,14 @@ var sidebarMenuAction = (0, import_tailwind_variants44.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants45 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants45.tv)({
+var import_tailwind_variants47 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants47.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/skeleton-avatar.ts
-var import_tailwind_variants46 = require("tailwind-variants");
-var skeletonAvatar = (0, import_tailwind_variants46.tv)({
+var import_tailwind_variants48 = require("tailwind-variants");
+var skeletonAvatar = (0, import_tailwind_variants48.tv)({
   base: "rounded-full",
   variants: {
     size: {
@@ -2906,8 +3063,8 @@ var skeletonAvatar = (0, import_tailwind_variants46.tv)({
 });
 
 // src/components/slash-dropdown-menu.ts
-var import_tailwind_variants47 = require("tailwind-variants");
-var slashDropdownMenu = (0, import_tailwind_variants47.tv)({
+var import_tailwind_variants49 = require("tailwind-variants");
+var slashDropdownMenu = (0, import_tailwind_variants49.tv)({
   slots: {
     card: [...popoverContentClasses, "p-0", "flex flex-col outline-none"],
     body: ["p-1.5 flex-auto grow shrink overflow-y-auto w-full"],
@@ -2926,8 +3083,8 @@ var slashDropdownMenu = (0, import_tailwind_variants47.tv)({
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants48 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants48.tv)({
+var import_tailwind_variants50 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants50.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -3044,8 +3201,8 @@ var spinner = (0, import_tailwind_variants48.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants49 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants49.tv)({
+var import_tailwind_variants51 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants51.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -3082,8 +3239,8 @@ var splitPageLayout = (0, import_tailwind_variants49.tv)({
 });
 
 // src/components/standard-chip.ts
-var import_tailwind_variants50 = require("tailwind-variants");
-var standardChip = (0, import_tailwind_variants50.tv)({
+var import_tailwind_variants52 = require("tailwind-variants");
+var standardChip = (0, import_tailwind_variants52.tv)({
   extend: chip,
   slots: {
     root: [
@@ -3173,9 +3330,45 @@ var standardChip = (0, import_tailwind_variants50.tv)({
   }
 });
 
+// src/components/switch.ts
+var import_tailwind_variants53 = require("tailwind-variants");
+var switchVariants = (0, import_tailwind_variants53.tv)({
+  slots: {
+    root: [
+      "peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80",
+      "aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20",
+      "inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px]",
+      "disabled:cursor-not-allowed disabled:opacity-50"
+    ],
+    thumb: [
+      "bg-background dark:data-[unchecked]:bg-foreground dark:data-[checked]:bg-primary-foreground",
+      "pointer-events-none rounded-full ring-0 transition-transform flex items-center justify-center"
+    ]
+  },
+  variants: {
+    size: {
+      sm: {
+        root: "h-4 w-6",
+        thumb: "size-3 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      },
+      md: {
+        root: "h-5 w-8",
+        thumb: "size-4 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      },
+      lg: {
+        root: "h-6 w-10",
+        thumb: "size-5 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
 // src/components/tab-nav.ts
-var import_tailwind_variants51 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants51.tv)({
+var import_tailwind_variants54 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants54.tv)({
   slots: {
     base: "",
     list: [
@@ -3265,8 +3458,8 @@ var tabNav = (0, import_tailwind_variants51.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants52 = require("tailwind-variants");
-var table = (0, import_tailwind_variants52.tv)({
+var import_tailwind_variants55 = require("tailwind-variants");
+var table = (0, import_tailwind_variants55.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -3428,8 +3621,8 @@ var table = (0, import_tailwind_variants52.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants53 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants53.tv)({
+var import_tailwind_variants56 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants56.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -3466,8 +3659,8 @@ var tabs = (0, import_tailwind_variants53.tv)({
 });
 
 // src/components/textarea.ts
-var import_tailwind_variants54 = require("tailwind-variants");
-var textarea = (0, import_tailwind_variants54.tv)({
+var import_tailwind_variants57 = require("tailwind-variants");
+var textarea = (0, import_tailwind_variants57.tv)({
   base: [
     "w-full border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow]",
     "text-foreground placeholder:text-muted-foreground/80",
@@ -3491,27 +3684,48 @@ var textarea = (0, import_tailwind_variants54.tv)({
 });
 
 // src/components/toolbar.ts
-var import_tailwind_variants55 = require("tailwind-variants");
-var toolbar = (0, import_tailwind_variants55.tv)({
+var import_tailwind_variants58 = require("tailwind-variants");
+var toolbar = (0, import_tailwind_variants58.tv)({
   slots: {
-    root: "flex items-center gap-2.5 rounded-md p-1",
+    root: "flex items-center gap-2.5 p-1",
     button: "shrink-0",
     separator: "bg-border h-6 w-px shrink-0",
     group: "flex items-center gap-1"
   },
   variants: {
     color: {
-      default: "bg-popover outline-border shadow-xs outline"
+      default: {
+        root: "bg-popover"
+      }
+    },
+    sticky: {
+      true: {
+        root: "sticky top-0 z-10"
+      }
+    },
+    border: {
+      default: "outline-border shadow-xs outline",
+      none: ""
+    },
+    radius: {
+      none: {
+        root: "rounded-none"
+      },
+      md: {
+        root: "rounded-md"
+      }
     }
   },
   defaultVariants: {
-    color: "default"
+    border: "default",
+    color: "default",
+    radius: "md"
   }
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants56 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants56.tv)({
+var import_tailwind_variants59 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants59.tv)({
   slots: {
     content: [
       "bg-primary-900 text-primary-foreground",
@@ -3538,7 +3752,9 @@ var tooltip = (0, import_tailwind_variants56.tv)({
   chip,
   code,
   colorHighlightButton,
+  combobox,
   command,
+  controlExtension,
   dataTable,
   datagrid,
   dialog,
@@ -3577,6 +3793,7 @@ var tooltip = (0, import_tailwind_variants56.tv)({
   spinner,
   splitPageLayout,
   standardChip,
+  switchVariants,
   tabNav,
   table,
   tabs,