@techsio/ui-kit 0.41.1 → 0.42.0

package/dist/stories/molecules/drawer.stories.d.ts

@@ -0,0 +1,158 @@
+import type { StoryObj } from "@storybook/react";
+import { type DrawerRootProps } from "../../src/molecules/drawer.js";
+type DrawerStoryArgs = Omit<DrawerRootProps, "children"> & {
+    draggable: boolean;
+    triggerLabel: string;
+};
+declare function DrawerStory({ draggable, triggerLabel, ...rootProps }: DrawerStoryArgs): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof DrawerStory;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        placement: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        modal: {
+            control: "boolean";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        draggable: {
+            control: "boolean";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        closeOnEscape: {
+            control: "boolean";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        closeOnInteractOutside: {
+            control: "boolean";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        preventScroll: {
+            control: "boolean";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        trapFocus: {
+            control: "boolean";
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        triggerLabel: {
+            control: "text";
+            description: string;
+        };
+        ids: {
+            table: {
+                disable: true;
+            };
+        };
+        initialFocusEl: {
+            table: {
+                disable: true;
+            };
+        };
+        finalFocusEl: {
+            table: {
+                disable: true;
+            };
+        };
+        getRootNode: {
+            table: {
+                disable: true;
+            };
+        };
+        stack: {
+            table: {
+                disable: true;
+            };
+        };
+        onOpenChange: {
+            control: false;
+        };
+        onSnapPointChange: {
+            control: false;
+        };
+        onTriggerValueChange: {
+            control: false;
+        };
+    };
+    args: {
+        closeOnEscape: true;
+        closeOnInteractOutside: true;
+        draggable: true;
+        modal: true;
+        onOpenChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        placement: "end";
+        preventScroll: true;
+        size: "md";
+        trapFocus: true;
+        triggerLabel: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Placements: Story;
+export declare const Sizes: Story;
+export declare const SnapPointsAndSwipe: Story;
+export declare const Controlled: Story;
+export declare const MultipleTriggers: Story;
+export declare const CustomContainer: Story;
+export declare const NonModal: Story;
+export declare const Stack: Story;
+//# sourceMappingURL=drawer.stories.d.ts.map

package/dist/stories/molecules/drawer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.stories.d.ts","sourceRoot":"","sources":["../../../stories/molecules/drawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAIL,KAAK,eAAe,EAErB,MAAM,4BAA4B,CAAA;AA6DnC,KAAK,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IACzD,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,eAAe,2CAejB;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiF0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAA;AASnC,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAA;AAID,eAAO,MAAM,KAAK,EAAE,KAqBnB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAiDhC,CAAA;AAgCD,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAA;AAyCD,eAAO,MAAM,gBAAgB,EAAE,KAG9B,CAAA;AAqCD,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA;AAoCD,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAA;AAmCD,eAAO,MAAM,KAAK,EAAE,KAGnB,CAAA"}

package/dist/stories/molecules/form-checkbox.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { FormCheckbox } from "../../src/molecules/form-checkbox";
+import { FormCheckbox } from "../../src/molecules/form-checkbox.js";
 declare const meta: Meta<typeof FormCheckbox>;
 export default meta;
 type Story = StoryObj<typeof FormCheckbox>;

package/dist/stories/molecules/form-input.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { FormInput } from '../../src/molecules/form-input';
+import { FormInput } from '../../src/molecules/form-input.js';
 declare const meta: Meta<typeof FormInput>;
 export default meta;
 type Story = StoryObj<typeof FormInput>;

package/dist/stories/molecules/form-numeric-input.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { FormNumericInput } from '../../src/molecules/form-numeric-input';
+import { FormNumericInput } from '../../src/molecules/form-numeric-input.js';
 declare const meta: Meta<typeof FormNumericInput>;
 export default meta;
 type Story = StoryObj<typeof FormNumericInput>;

package/dist/stories/molecules/form-textarea.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { FormTextarea } from '../../src/molecules/form-textarea';
+import { FormTextarea } from '../../src/molecules/form-textarea.js';
 declare const meta: Meta<typeof FormTextarea>;
 export default meta;
 type Story = StoryObj<typeof FormTextarea>;

package/dist/stories/molecules/menu.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Menu } from '../../src/molecules/menu';
+import { Menu } from '../../src/molecules/menu.js';
 declare const meta: Meta<typeof Menu>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/molecules/pagination.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Pagination } from "../../src/molecules/pagination";
+import { Pagination } from "../../src/molecules/pagination.js";
 declare const meta: Meta<typeof Pagination>;
 export default meta;
 type Story = StoryObj<typeof Pagination>;

package/dist/stories/molecules/phone-input.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { PhoneInput } from "../../src/molecules/phone-input";
+import { PhoneInput } from "../../src/molecules/phone-input.js";
 declare const meta: Meta<typeof PhoneInput>;
 export default meta;
 type Story = StoryObj<typeof PhoneInput>;

package/dist/stories/molecules/popover.stories.d.ts

@@ -1,5 +1,5 @@
 import type { StoryObj } from "@storybook/react";
-import { type PopoverTemplateProps } from "../../src/templates/popover";
+import { type PopoverTemplateProps } from "../../src/templates/popover.js";
 type PopoverStoryArgs = PopoverTemplateProps;
 declare function PopoverStory(args: PopoverStoryArgs): import("react/jsx-runtime").JSX.Element;
 declare const meta: {

package/dist/stories/molecules/product-card.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { ProductCard } from '../../src/molecules/product-card';
+import { ProductCard } from '../../src/molecules/product-card.js';
 declare const productImages: {
     tshirt: string;
     shoes: string;

package/dist/stories/molecules/radio-card.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { RadioCard } from "../../src/molecules/radio-card";
+import { RadioCard } from "../../src/molecules/radio-card.js";
 declare const meta: Meta<typeof RadioCard>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/molecules/radio-group.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { RadioGroup } from "../../src/molecules/radio-group";
+import { RadioGroup } from "../../src/molecules/radio-group.js";
 declare const meta: Meta<typeof RadioGroup>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/molecules/search-form.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { SearchForm } from "../../src/molecules/search-form";
+import { SearchForm } from "../../src/molecules/search-form.js";
 declare const meta: Meta<typeof SearchForm>;
 export default meta;
 type Story = StoryObj<typeof SearchForm>;

package/dist/stories/molecules/select.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Select } from '../../src/molecules/select';
+import { Select } from '../../src/molecules/select.js';
 declare const meta: Meta<typeof Select>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/molecules/slider.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Slider } from '../../src/molecules/slider';
+import { Slider } from '../../src/molecules/slider.js';
 declare const meta: Meta<typeof Slider>;
 export default meta;
 type Story = StoryObj<typeof Slider>;

package/dist/stories/molecules/steps.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Steps } from '../../src/molecules/steps';
+import { Steps } from '../../src/molecules/steps.js';
 declare const meta: Meta<typeof Steps>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/molecules/switch.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Switch } from '../../src/molecules/switch';
+import { Switch } from '../../src/molecules/switch.js';
 declare const meta: Meta<typeof Switch>;
 export default meta;
 type Story = StoryObj<typeof Switch>;

package/dist/stories/molecules/tabs.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Tabs } from '../../src/molecules/tabs';
+import { Tabs } from '../../src/molecules/tabs.js';
 declare const meta: Meta<typeof Tabs>;
 export default meta;
 type Story = StoryObj<typeof Tabs>;

package/dist/stories/molecules/tree-view.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { TreeView } from '../../src/molecules/tree-view';
+import { TreeView } from '../../src/molecules/tree-view.js';
 declare const meta: Meta<typeof TreeView>;
 export default meta;
 type Story = StoryObj<typeof TreeView>;

package/dist/stories/organisms/data-table.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryObj } from "@storybook/react";
 import { type ComponentType } from "react";
-import { type DataTableProps } from "../../src/organisms/data-table";
+import { type DataTableProps } from "../../src/organisms/data-table.js";
 type Person = {
     id: string;
     firstName: string;

package/dist/stories/organisms/footer.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Footer } from '../../src/organisms/footer';
+import { Footer } from '../../src/organisms/footer.js';
 declare const meta: Meta<typeof Footer>;
 export default meta;
 type Story = StoryObj<typeof Footer>;

package/dist/stories/organisms/gallery.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryObj } from '@storybook/react';
-import { type GalleryItem } from '../../src/organisms/gallery';
-import { GalleryTemplate } from '../../src/templates/gallery';
+import { type GalleryItem } from '../../src/organisms/gallery.js';
+import { GalleryTemplate } from '../../src/templates/gallery.js';
 declare const meta: {
     title: string;
     component: typeof GalleryTemplate;

package/dist/stories/organisms/header.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Header } from '../../src/organisms/header';
+import { Header } from '../../src/organisms/header.js';
 declare const meta: Meta<typeof Header>;
 export default meta;
 type Story = StoryObj<typeof Header>;

package/dist/stories/organisms/sidebar.stories.d.ts

@@ -0,0 +1,66 @@
+import type { StoryObj } from "@storybook/react";
+import { Sidebar } from "../../src/organisms/sidebar.js";
+declare const meta: {
+    title: string;
+    component: typeof Sidebar;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        defaultExpanded: "start"[];
+        dir: "ltr";
+        onExpandedChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        onMobileOpenChange: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        defaultExpanded: {
+            control: false;
+        };
+        dir: {
+            control: "inline-radio";
+            options: string[];
+        };
+        defaultMobileOpen: {
+            control: false;
+        };
+        collapsible: {
+            control: false;
+        };
+        expanded: {
+            control: false;
+        };
+        id: {
+            control: false;
+        };
+        mobileOpen: {
+            control: false;
+        };
+        onExpandedChange: {
+            control: false;
+        };
+        onMobileOpenChange: {
+            control: false;
+        };
+        ref: {
+            control: false;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const ControlledOffcanvas: Story;
+export declare const BreakpointFocusTransfer: Story;
+export declare const IconCollapseSidebar07: Story;
+export declare const TwoPaneSidebar09: Story;
+export declare const RightSidebar14: Story;
+export declare const LeftAndRightSidebar15: Story;
+export declare const LogicalEdgesRtl: Story;
+export declare const StickySiteHeaderSidebar16: Story;
+//# sourceMappingURL=sidebar.stories.d.ts.map

package/dist/stories/organisms/sidebar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.stories.d.ts","sourceRoot":"","sources":["../../../stories/organisms/sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAUtD,OAAO,EACL,OAAO,EAER,MAAM,6BAA6B,CAAA;AAqPpC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCsB,CAAA;AAEhC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAA;AAgCD,eAAO,MAAM,mBAAmB,EAAE,KAIjC,CAAA;AAkFD,eAAO,MAAM,uBAAuB,EAAE,KAYrC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAWnC,CAAA;AA8HD,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAA;AAsBD,eAAO,MAAM,qBAAqB,EAAE,KAmBnC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAA;AAcD,eAAO,MAAM,yBAAyB,EAAE,KA0BvC,CAAA"}

package/dist/stories/organisms/table.stories.d.ts

@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import { Table } from '../../src/organisms/table';
+import { Table } from '../../src/organisms/table.js';
 declare const meta: {
     title: string;
     component: typeof Table;

package/dist/stories/templates/accordion.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { AccordionTemplate } from '../../src/templates/accordion';
+import { AccordionTemplate } from '../../src/templates/accordion.js';
 declare const meta: Meta<typeof AccordionTemplate>;
 export default meta;
 type Story = StoryObj<typeof AccordionTemplate>;

package/dist/stories/templates/breadcrumb.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { BreadcrumbTemplate } from '../../src/templates/breadcrumb';
+import { BreadcrumbTemplate } from '../../src/templates/breadcrumb.js';
 declare const meta: Meta<typeof BreadcrumbTemplate>;
 export default meta;
 type Story = StoryObj<typeof BreadcrumbTemplate>;

package/dist/stories/templates/carousel.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { CarouselTemplate } from '../../src/templates/carousel';
+import { CarouselTemplate } from '../../src/templates/carousel.js';
 declare const meta: Meta<typeof CarouselTemplate>;
 export default meta;
 type Story = StoryObj<typeof CarouselTemplate>;

package/dist/stories/templates/gallery.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { GalleryTemplate } from '../../src/templates/gallery';
+import { GalleryTemplate } from '../../src/templates/gallery.js';
 declare const meta: Meta<typeof GalleryTemplate>;
 export default meta;
 type Story = StoryObj<typeof GalleryTemplate>;

package/dist/stories/templates/numeric-input.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { NumericInputTemplate } from '../../src/templates/numeric-input';
+import { NumericInputTemplate } from '../../src/templates/numeric-input.js';
 declare const meta: Meta<typeof NumericInputTemplate>;
 export default meta;
 type Story = StoryObj<typeof NumericInputTemplate>;

package/dist/stories/templates/popover.stories.d.ts

@@ -1,5 +1,5 @@
 import type { StoryObj } from "@storybook/react";
-import { PopoverTemplate } from "../../src/templates/popover";
+import { PopoverTemplate } from "../../src/templates/popover.js";
 declare const meta: {
     title: string;
     component: typeof PopoverTemplate;

package/dist/stories/templates/product-card.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { ProductCardTemplate } from '../../src/templates/product-card';
+import { ProductCardTemplate } from '../../src/templates/product-card.js';
 declare const meta: Meta<typeof ProductCardTemplate>;
 export default meta;
 type Story = StoryObj<typeof ProductCardTemplate>;

package/dist/stories/templates/select.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { SelectTemplate } from '../../src/templates/select';
+import { SelectTemplate } from '../../src/templates/select.js';
 declare const meta: Meta<typeof SelectTemplate>;
 export default meta;
 type Story = StoryObj<typeof SelectTemplate>;

package/dist/stories/templates/tabs.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { TabsTemplate } from '../../src/templates/tabs';
+import { TabsTemplate } from '../../src/templates/tabs.js';
 declare const meta: Meta<typeof TabsTemplate>;
 export default meta;
 type Story = StoryObj<typeof TabsTemplate>;

package/dist/test/drawer.behavior.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=drawer.behavior.spec.d.ts.map

package/dist/test/drawer.behavior.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.behavior.spec.d.ts","sourceRoot":"","sources":["../../test/drawer.behavior.spec.ts"],"names":[],"mappings":""}

package/dist/test/sidebar.behavior.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sidebar.behavior.spec.d.ts.map

package/dist/test/sidebar.behavior.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.behavior.spec.d.ts","sourceRoot":"","sources":["../../test/sidebar.behavior.spec.ts"],"names":[],"mappings":""}

package/dist/test/sidebar.ssr.bun.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sidebar.ssr.bun.d.ts.map

package/dist/test/sidebar.ssr.bun.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.ssr.bun.d.ts","sourceRoot":"","sources":["../../test/sidebar.ssr.bun.tsx"],"names":[],"mappings":""}

package/dist/theme/theme-provider.js

@@ -1,10 +1,10 @@
-"use client"
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { ThemeProvider, useTheme } from "better-themes";
 import { createContext, useContext, useEffect, useState } from "react";
 import { BRAND_STORAGE_KEY, DEFAULT_BRAND, DEFAULT_MODE, MODE_STORAGE_KEY, availableModeSettings, brandAttr, brandKeys, brandSupportsDark, isBrandKey } from "./theme-config.js";
 function readStoredBrand() {
-    if ("undefined" == typeof window) return null;
+    if ("u" < typeof window) return null;
     try {
         const value = window.localStorage.getItem(BRAND_STORAGE_KEY);
         return value && isBrandKey(value) ? value : null;
@@ -13,13 +13,13 @@ function readStoredBrand() {
     }
 }
 function persistBrand(brand) {
-    if ("undefined" == typeof window) return;
+    if ("u" < typeof window) return;
     try {
         window.localStorage.setItem(BRAND_STORAGE_KEY, brand);
     } catch  {}
 }
 function applyBrandAttr(brand) {
-    if ("undefined" == typeof document) return;
+    if ("u" < typeof document) return;
     const attr = brandAttr(brand);
     const root = document.documentElement;
     if (attr) root.setAttribute("data-theme", attr);

package/dist/theme/theme-toggle.js

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "../atoms/button.js";
 import { tv } from "../utils.js";