@kopexa/theme 2.0.0 → 13.0.0

package/dist/components/combobox.js

@@ -0,0 +1,228 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/combobox.ts
+var combobox_exports = {};
+__export(combobox_exports, {
+  combobox: () => combobox
+});
+module.exports = __toCommonJS(combobox_exports);
+var import_tailwind_variants2 = require("tailwind-variants");
+
+// src/components/input.ts
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/classes.ts
+var focusVisibleClasses = [
+  "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2"
+  //"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+];
+var inputClasses = {
+  radius: {
+    sm: "rounded-sm",
+    md: "rounded-md",
+    lg: "rounded-lg"
+  },
+  height: {
+    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"
+  }
+};
+
+// src/components/input.ts
+var passwordInput = (0, import_tailwind_variants.tv)({
+  slots: {
+    button: "focus:outline-hidden",
+    icon: "pointer-events-none text-muted-foreground"
+  }
+});
+var input = (0, import_tailwind_variants.tv)({
+  base: [
+    "w-full inline-flex bg-background text-foreground",
+    "border-input border",
+    "shadow-xs placeholder:text-muted-foreground",
+    ...focusVisibleClasses,
+    "disabled:cursor-not-allowed disabled:opacity-60",
+    "[&[readonly]]:bg-muted/80 [&[readonly]]:cursor-not-allowed",
+    "w-full font-normal outline-hidden focus-visible:outline-hidden",
+    "data-[has-start-content=true]:ps-1.5",
+    "data-[has-end-content=true]:pe-1.5",
+    "file:cursor-pointer file:bg-transparent file:border-0",
+    "autofill:bg-transparent bg-clip-text",
+    // legacy
+    "selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground",
+    "flex",
+    // file
+    "file:text-foreground file:inline-flex file:text-sm file:font-medium",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
+  ],
+  variants: {
+    size: {
+      sm: [
+        inputClasses.radius.sm,
+        inputClasses.height.sm,
+        "px-2.5  [&_svg]:size-4",
+        "text-sm file:h-6"
+      ],
+      md: [
+        inputClasses.radius.md,
+        inputClasses.height.md,
+        "px-3 [&_svg]:size-4",
+        "text-base md:text-sm file:h-8"
+      ],
+      lg: [
+        inputClasses.radius.lg,
+        inputClasses.height.md,
+        "px-4 [&_svg]:size-4",
+        "text-base file:h-10"
+      ]
+    },
+    radius: {
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      full: "rounded-full"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// src/components/combobox.ts
+var combobox = (0, import_tailwind_variants2.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
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  combobox
+});

package/dist/components/combobox.mjs

@@ -0,0 +1,8 @@
+import {
+  combobox
+} from "../chunk-URVHE3OS.mjs";
+import "../chunk-K3EVZATS.mjs";
+import "../chunk-6IZPAS4O.mjs";
+export {
+  combobox
+};

package/dist/components/command.d.mts

@@ -14,9 +14,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };
@@ -32,9 +32,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };
@@ -64,9 +64,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };

package/dist/components/command.d.ts

@@ -14,9 +14,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };
@@ -32,9 +32,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };
@@ -64,9 +64,9 @@ declare const command: tailwind_variants.TVReturnType<{
             list?: tailwind_merge.ClassNameValue;
             empty?: tailwind_merge.ClassNameValue;
             group?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
             inputWrapper?: tailwind_merge.ClassNameValue;
             inputIcon?: tailwind_merge.ClassNameValue;
-            separator?: tailwind_merge.ClassNameValue;
             shortcut?: tailwind_merge.ClassNameValue;
         };
     };

package/dist/components/control-extension.d.mts

@@ -0,0 +1,5 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const controlExtension: tailwind_variants.TVReturnType<{} | {} | {}, undefined, undefined, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, undefined, unknown, unknown, undefined>>;
+
+export { controlExtension };

package/dist/components/control-extension.d.ts

@@ -0,0 +1,5 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const controlExtension: tailwind_variants.TVReturnType<{} | {} | {}, undefined, undefined, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, undefined, unknown, unknown, undefined>>;
+
+export { controlExtension };

package/dist/components/control-extension.js

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/control-extension.ts
+var control_extension_exports = {};
+__export(control_extension_exports, {
+  controlExtension: () => controlExtension
+});
+module.exports = __toCommonJS(control_extension_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var controlExtension = (0, import_tailwind_variants.tv)({});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  controlExtension
+});

package/dist/components/control-extension.mjs

@@ -0,0 +1,6 @@
+import {
+  controlExtension
+} from "../chunk-M4TXKRUU.mjs";
+export {
+  controlExtension
+};

package/dist/components/editor-basic.d.mts

@@ -1,4 +1,5 @@
 import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
 
 declare const editorBasic: tailwind_variants.TVReturnType<{
     variant: {
@@ -7,11 +8,16 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
             toolbar: string;
             content: string;
         };
+        document: {
+            wrapper: string;
+            content: string;
+        };
     };
 }, {
+    root: string[];
+    toolbar: string[];
     wrapper: string[];
     content: string[];
-    toolbar: string;
     toolbarGroup: string;
 }, undefined, {
     variant: {
@@ -20,11 +26,16 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
             toolbar: string;
             content: string;
         };
+        document: {
+            wrapper: string;
+            content: string;
+        };
     };
 }, {
+    root: string[];
+    toolbar: string[];
     wrapper: string[];
     content: string[];
-    toolbar: string;
     toolbarGroup: string;
 }, tailwind_variants.TVReturnType<{
     variant: {
@@ -33,12 +44,18 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
             toolbar: string;
             content: string;
         };
+        document: {
+            wrapper: string;
+            content: string;
+        };
     };
 }, {
+    root: string[];
+    toolbar: string[];
     wrapper: string[];
     content: string[];
-    toolbar: string;
     toolbarGroup: string;
 }, undefined, unknown, unknown, undefined>>;
+type EditorBasicVariants = VariantProps<typeof editorBasic>;
 
-export { editorBasic };
+export { type EditorBasicVariants, editorBasic };

package/dist/components/editor-basic.d.ts

@@ -1,4 +1,5 @@
 import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
 
 declare const editorBasic: tailwind_variants.TVReturnType<{
     variant: {
@@ -7,11 +8,16 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
             toolbar: string;
             content: string;
         };
+        document: {
+            wrapper: string;
+            content: string;
+        };
     };
 }, {
+    root: string[];
+    toolbar: string[];
     wrapper: string[];
     content: string[];
-    toolbar: string;
     toolbarGroup: string;
 }, undefined, {
     variant: {
@@ -20,11 +26,16 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
             toolbar: string;
             content: string;
         };
+        document: {
+            wrapper: string;
+            content: string;
+        };
     };
 }, {
+    root: string[];
+    toolbar: string[];
     wrapper: string[];
     content: string[];
-    toolbar: string;
     toolbarGroup: string;
 }, tailwind_variants.TVReturnType<{
     variant: {
@@ -33,12 +44,18 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
             toolbar: string;
             content: string;
         };
+        document: {
+            wrapper: string;
+            content: string;
+        };
     };
 }, {
+    root: string[];
+    toolbar: string[];
     wrapper: string[];
     content: string[];
-    toolbar: string;
     toolbarGroup: string;
 }, undefined, unknown, unknown, undefined>>;
+type EditorBasicVariants = VariantProps<typeof editorBasic>;
 
-export { editorBasic };
+export { type EditorBasicVariants, editorBasic };

package/dist/components/editor-basic.js

@@ -26,16 +26,27 @@ module.exports = __toCommonJS(editor_basic_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var editorBasic = (0, import_tailwind_variants.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: {
@@ -43,8 +54,13 @@ var editorBasic = (0, import_tailwind_variants.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"
       }
     }
   },

package/dist/components/editor-basic.mjs

@@ -1,6 +1,6 @@
 import {
   editorBasic
-} from "../chunk-GRPMKEI2.mjs";
+} from "../chunk-NUEQ5FLX.mjs";
 export {
   editorBasic
 };

package/dist/components/hover-card.mjs

@@ -1,7 +1,7 @@
 import {
   hoverCard
-} from "../chunk-XRKUQMGU.mjs";
-import "../chunk-5DOB3IBE.mjs";
+} from "../chunk-UTCVHVWF.mjs";
+import "../chunk-6IZPAS4O.mjs";
 export {
   hoverCard
 };

package/dist/components/index.d.mts

@@ -12,13 +12,15 @@ export { CheckboxVariantProps, checkbox } from './checkbox.mjs';
 export { ChipSlots, ChipVariantProps, chip } from './chip.mjs';
 export { CodeVariantProps, code } from './code.mjs';
 export { colorHighlightButton } from './color-highlight-button.mjs';
+export { ComboboxVariantProps, combobox } from './combobox.mjs';
 export { CommandVariants, command } from './command.mjs';
+export { controlExtension } from './control-extension.mjs';
 export { DataGridVariants, datagrid } from './data-grid.mjs';
 export { DataTableVariants, dataTable } from './data-table.mjs';
 export { DialogSlots, DialogVariantProps, dialog } from './dialog.mjs';
 export { DrawerVariantProps, drawer } from './drawer.mjs';
 export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.mjs';
-export { editorBasic } from './editor-basic.mjs';
+export { EditorBasicVariants, editorBasic } from './editor-basic.mjs';
 export { editorSpinner } from './editor-spinner.mjs';
 export { frameworkRow } from './framework-row.mjs';
 export { HeadingVariantProps, heading } from './heading.mjs';
@@ -48,6 +50,7 @@ export { slashDropdownMenu } from './slash-dropdown-menu.mjs';
 export { SpinnerVariants, spinner } from './spinner.mjs';
 export { SplitPageLayoutVariantProps, splitPageLayout } from './split-page-layout.mjs';
 export { StandardChipVariants, standardChip } from './standard-chip.mjs';
+export { SwitchSlots, SwitchVariantProps, switchVariants } from './switch.mjs';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './tab-nav.mjs';
 export { TableSlots, TableVariantProps, table } from './table.mjs';
 export { TabsVariantProps, tabs } from './tabs.mjs';

package/dist/components/index.d.ts

@@ -12,13 +12,15 @@ export { CheckboxVariantProps, checkbox } from './checkbox.js';
 export { ChipSlots, ChipVariantProps, chip } from './chip.js';
 export { CodeVariantProps, code } from './code.js';
 export { colorHighlightButton } from './color-highlight-button.js';
+export { ComboboxVariantProps, combobox } from './combobox.js';
 export { CommandVariants, command } from './command.js';
+export { controlExtension } from './control-extension.js';
 export { DataGridVariants, datagrid } from './data-grid.js';
 export { DataTableVariants, dataTable } from './data-table.js';
 export { DialogSlots, DialogVariantProps, dialog } from './dialog.js';
 export { DrawerVariantProps, drawer } from './drawer.js';
 export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.js';
-export { editorBasic } from './editor-basic.js';
+export { EditorBasicVariants, editorBasic } from './editor-basic.js';
 export { editorSpinner } from './editor-spinner.js';
 export { frameworkRow } from './framework-row.js';
 export { HeadingVariantProps, heading } from './heading.js';
@@ -48,6 +50,7 @@ export { slashDropdownMenu } from './slash-dropdown-menu.js';
 export { SpinnerVariants, spinner } from './spinner.js';
 export { SplitPageLayoutVariantProps, splitPageLayout } from './split-page-layout.js';
 export { StandardChipVariants, standardChip } from './standard-chip.js';
+export { SwitchSlots, SwitchVariantProps, switchVariants } from './switch.js';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './tab-nav.js';
 export { TableSlots, TableVariantProps, table } from './table.js';
 export { TabsVariantProps, tabs } from './tabs.js';