odj-svelte-ui 0.2.6 → 0.3.0

package/dist/forms/radio/Radio.svelte.d.ts

@@ -1,8 +1,15 @@
 import { type RadioProps as Props } from ".";
+declare function $$render<T>(): {
+    props: Props<T>;
+    exports: {};
+    bindings: "group" | "value";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T> {
-    props(): Props<T>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "group" | "value";
     exports(): {};
 }

package/dist/forms/radio/theme.d.ts

@@ -69,7 +69,7 @@ export declare const radio: import("tailwind-variants").TVReturnType<{
 }, {
     input: string;
     label: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         primary: {
             input: string;
@@ -347,7 +347,7 @@ export declare const radio: import("tailwind-variants").TVReturnType<{
 }, {
     input: string;
     label: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         primary: {
             input: string;

package/dist/forms/radio-button/RadioButton.svelte.d.ts

@@ -1,8 +1,15 @@
 import { type RadioButtonProps as Props } from ".";
+declare function $$render<T>(): {
+    props: Props<T>;
+    exports: {};
+    bindings: "group" | "value";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T> {
-    props(): Props<T>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "group" | "value";
     exports(): {};
 }

package/dist/forms/radio-button/theme.d.ts

@@ -3,7 +3,7 @@ export declare const radioButton: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
     inline: {
         true: string;
         false: string;
@@ -23,7 +23,7 @@ export declare const radioButton: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
     inline: {
         true: string;
         false: string;

package/dist/forms/range/theme.d.ts

@@ -19,7 +19,7 @@ export declare const range: import("tailwind-variants").TVReturnType<{
         auto: string;
         none: string;
     };
-}, undefined, "w-full bg-gray-200 rounded-lg cursor-pointer dark:bg-gray-700", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "w-full bg-gray-200 rounded-lg cursor-pointer dark:bg-gray-700", import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         sm: string;
         md: string;
@@ -103,7 +103,7 @@ export declare const range: import("tailwind-variants").TVReturnType<{
         auto: string;
         none: string;
     };
-}, undefined, "w-full bg-gray-200 rounded-lg cursor-pointer dark:bg-gray-700", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "w-full bg-gray-200 rounded-lg cursor-pointer dark:bg-gray-700", import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         sm: string;
         md: string;

package/dist/forms/search/Search.svelte.d.ts

@@ -1,8 +1,15 @@
 import { type SearchProps as Props } from ".";
+declare function $$render<T>(): {
+    props: Props<T>;
+    exports: {};
+    bindings: "value";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T> {
-    props(): Props<T>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "value";
     exports(): {};
 }

package/dist/forms/search/theme.d.ts

@@ -19,7 +19,7 @@ export declare const search: import("tailwind-variants").TVReturnType<{
     icon: string;
     content: string;
     input: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         sm: {
             input: string;
@@ -91,7 +91,7 @@ export declare const search: import("tailwind-variants").TVReturnType<{
     icon: string;
     content: string;
     input: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         sm: {
             input: string;

package/dist/forms/select/MultiSelect.svelte

@@ -0,0 +1,31 @@
+<script lang="ts" generics="T">
+  import MultiSelect from "svelte-multiselect";
+  import { type MultiSelectProps as Props, multiselect } from ".";
+
+  let {
+    outerDivClass,
+    ulOptionsClass,
+    ulSelectedClass,
+    liSelectedClass,
+    inputClass,
+
+    activeIndex = $bindable(null),
+    activeOption = $bindable(null),
+    form_input = $bindable(null),
+    input = $bindable(null),
+    invalid = $bindable(false),
+    matchingOptions = $bindable([]),
+    open = $bindable(false),
+    options = $bindable(),
+    outerDiv = $bindable(null),
+    searchText = $bindable(``),
+    maxSelect = null,
+    selected = $bindable(options?.filter((opt) => opt instanceof Object && opt?.preselected).slice(0, maxSelect ?? undefined) ?? []),
+    value = $bindable(null),
+
+    ...restProps
+  }: Props<T> = $props();
+  const { outerDiv: outerDivCls, ulOptions, ulSelected, liSelected, input: inputCls } = $derived(multiselect());
+</script>
+
+<MultiSelect bind:selected bind:value bind:searchText bind:open bind:activeIndex bind:activeOption bind:invalid bind:input bind:outerDiv bind:form_input bind:options bind:matchingOptions {...restProps} outerDivClass={outerDivCls({ className: outerDivClass })} ulOptionsClass={ulOptions({ class: ulOptionsClass })} ulSelectedClass={ulSelected({ class: ulSelectedClass })} liSelectedClass={liSelected({ class: liSelectedClass })} inputClass={inputCls({ class: inputClass })} --sms-remove-btn-hover-color="white" />

package/dist/forms/select/MultiSelect.svelte.d.ts

@@ -0,0 +1,26 @@
+import MultiSelect from "svelte-multiselect";
+import { type MultiSelectProps as Props } from ".";
+declare function $$render<T>(): {
+    props: Props<T>;
+    exports: {};
+    bindings: "input" | "invalid" | "open" | "value" | "outerDiv" | "options" | "activeIndex" | "activeOption" | "form_input" | "matchingOptions" | "searchText" | "selected";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "input" | "invalid" | "open" | "value" | "outerDiv" | "options" | "activeIndex" | "activeOption" | "form_input" | "matchingOptions" | "searchText" | "selected";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const MultiSelect: $$IsomorphicComponent;
+type MultiSelect<T> = InstanceType<typeof MultiSelect<T>>;
+export default MultiSelect;

package/dist/forms/select/Select.svelte.d.ts

@@ -1,8 +1,15 @@
 import { type SelectProps as Props } from ".";
+declare function $$render<T>(): {
+    props: Props<T>;
+    exports: {};
+    bindings: "value";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T> {
-    props(): Props<T>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "value";
     exports(): {};
 }

package/dist/forms/select/index.d.ts

@@ -1,4 +1,5 @@
 import type { SelectProps, SelectOptionType, MultiSelectProps, SelectSize } from "./type";
 import Select from "./Select.svelte";
-import { select } from "./theme";
-export { Select, select, type SelectProps, type SelectOptionType, type MultiSelectProps, type SelectSize };
+import MultiSelect from "./MultiSelect.svelte";
+import { select, multiselect } from "./theme";
+export { Select, select, type SelectProps, type SelectOptionType, type SelectSize, MultiSelect, multiselect, type MultiSelectProps };

package/dist/forms/select/index.js

@@ -1,3 +1,4 @@
 import Select from "./Select.svelte";
-import { select } from "./theme";
-export { Select, select };
+import MultiSelect from "./MultiSelect.svelte";
+import { select, multiselect } from "./theme";
+export { Select, select, MultiSelect, multiselect };

package/dist/forms/select/theme.d.ts

@@ -8,7 +8,7 @@ export declare const select: import("tailwind-variants").TVReturnType<{
         md: string;
         lg: string;
     };
-}, undefined, "block w-full disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "block w-full disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
     underline: {
         true: string;
         false: string;
@@ -48,7 +48,7 @@ export declare const select: import("tailwind-variants").TVReturnType<{
         md: string;
         lg: string;
     };
-}, undefined, "block w-full disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "block w-full disabled:cursor-not-allowed disabled:opacity-50", import("tailwind-variants/dist/config.js").TVConfig<{
     underline: {
         true: string;
         false: string;
@@ -69,3 +69,72 @@ export declare const select: import("tailwind-variants").TVReturnType<{
         lg: string;
     };
 }>, unknown, unknown, undefined>>;
+export declare const multiselect: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            input?: import("tailwind-variants").ClassValue;
+            outerDiv?: import("tailwind-variants").ClassValue;
+            ulOptions?: import("tailwind-variants").ClassValue;
+            ulSelected?: import("tailwind-variants").ClassValue;
+            liSelected?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            input?: import("tailwind-variants").ClassValue;
+            outerDiv?: import("tailwind-variants").ClassValue;
+            ulOptions?: import("tailwind-variants").ClassValue;
+            ulSelected?: import("tailwind-variants").ClassValue;
+            liSelected?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    outerDiv: string;
+    ulOptions: string;
+    ulSelected: string;
+    liSelected: string;
+    input: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            input?: import("tailwind-variants").ClassValue;
+            outerDiv?: import("tailwind-variants").ClassValue;
+            ulOptions?: import("tailwind-variants").ClassValue;
+            ulSelected?: import("tailwind-variants").ClassValue;
+            liSelected?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            input?: import("tailwind-variants").ClassValue;
+            outerDiv?: import("tailwind-variants").ClassValue;
+            ulOptions?: import("tailwind-variants").ClassValue;
+            ulSelected?: import("tailwind-variants").ClassValue;
+            liSelected?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    outerDiv: string;
+    ulOptions: string;
+    ulSelected: string;
+    liSelected: string;
+    input: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    outerDiv: string;
+    ulOptions: string;
+    ulSelected: string;
+    liSelected: string;
+    input: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            input?: import("tailwind-variants").ClassValue;
+            outerDiv?: import("tailwind-variants").ClassValue;
+            ulOptions?: import("tailwind-variants").ClassValue;
+            ulSelected?: import("tailwind-variants").ClassValue;
+            liSelected?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

package/dist/forms/select/theme.js

@@ -18,3 +18,12 @@ export const select = tv({
         size: "md"
     }
 });
+export const multiselect = tv({
+    slots: {
+        outerDiv: "!text-light-surface-900 !bg-light-surface-50 !border !border-light-surface-300 !rounded-lg !outline-none focus-within:!ring-1 focus-within:!ring-primary-500 focus-within:!border-primary-500 dark:!bg-dark-surface-700 dark:!border-dark-surface-600 dark:!placeholder-dark-surface-400 dark:!text-white dark:focus-within:!ring-primary-500 dark:focus-within:!border-primary-500 !px-2 !py-1 !min-h-[2.7rem]",
+        ulOptions: "!bg-white dark:!bg-dark-surface-700 !max-h-40",
+        ulSelected: "!flex !gap-1.5 !mx-2",
+        liSelected: "!border-light-surface-200 dark:!border-dark-surface-700 !divide-light-surface-200 dark:!divide-dark-surface-700 !font-medium !text-xs !text-light-surface-800 dark:!text-dark-surface-300 !rounded !bg-light-surface-200 dark:!bg-dark-surface-600 !py-1 !px-2 !m-0",
+        input: "placeholder:!text-light-surface-400"
+    }
+});

package/dist/forms/select/type.d.ts

@@ -1,5 +1,6 @@
 import type { Snippet } from "svelte";
-import type { HTMLSelectAttributes, HTMLAttributes } from "svelte/elements";
+import type { MultiSelectParameters } from "svelte-multiselect";
+import type { HTMLSelectAttributes } from "svelte/elements";
 type SelectSize = "sm" | "md" | "lg";
 type SelectOptionType<T> = {
     name: string | number;
@@ -12,13 +13,11 @@ interface SelectProps<T> extends Omit<HTMLSelectAttributes, "size"> {
     size?: SelectSize;
     placeholder?: string;
 }
-interface MultiSelectProps<T> extends HTMLAttributes<HTMLDivElement> {
-    children?: Snippet;
-    items?: SelectOptionType<T>[];
-    value?: T[];
-    size?: SelectSize;
-    dropdownClass?: string;
-    placeholder?: string;
-    change?: (event: Event) => void;
+interface MultiSelectProps<T> extends MultiSelectParameters {
+    outerDivClass?: string;
+    ulOptionsClass?: string;
+    ulSelectedClass?: string;
+    liSelectedClass?: string;
+    inputClass?: string;
 }
 export { type SelectProps, type SelectOptionType, type MultiSelectProps, type SelectSize };

package/dist/forms/textarea/theme.d.ts

@@ -37,7 +37,7 @@ export declare const textarea: import("tailwind-variants").TVReturnType<{
     innerWrapper: string;
     headerCls: string;
     footerCls: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     cols: {
         false: {
             base: string;
@@ -181,7 +181,7 @@ export declare const textarea: import("tailwind-variants").TVReturnType<{
     innerWrapper: string;
     headerCls: string;
     footerCls: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     cols: {
         false: {
             base: string;

package/dist/forms/toggle/theme.d.ts

@@ -86,7 +86,7 @@ export declare const toggle: import("tailwind-variants").TVReturnType<{
     span: string;
     label: string;
     input: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     disabled: {
         true: {
             span: string;
@@ -430,7 +430,7 @@ export declare const toggle: import("tailwind-variants").TVReturnType<{
     span: string;
     label: string;
     input: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     disabled: {
         true: {
             span: string;

package/dist/gallery/theme.d.ts

@@ -15,7 +15,7 @@ declare const gallery: import("tailwind-variants").TVReturnType<{
 } | {}, {
     image: string;
     div: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             div?: import("tailwind-variants").ClassValue;
@@ -35,7 +35,7 @@ declare const gallery: import("tailwind-variants").TVReturnType<{
 }, import("tailwind-variants").TVReturnType<unknown, {
     image: string;
     div: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             div?: import("tailwind-variants").ClassValue;

package/dist/indicator/theme.d.ts

@@ -136,7 +136,7 @@ declare const indicator: import("tailwind-variants").TVReturnType<{
     };
 }, {
     base: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         primary: {
             base: string;
@@ -684,7 +684,7 @@ declare const indicator: import("tailwind-variants").TVReturnType<{
     };
 }, {
     base: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         primary: {
             base: string;

package/dist/kbd/theme.d.ts

@@ -1 +1 @@
-export declare const kbd: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const kbd: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;

package/dist/list-group/theme.d.ts

@@ -7,7 +7,7 @@ export declare const listGroup: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 divide-y divide-gray-200 dark:divide-gray-600", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 divide-y divide-gray-200 dark:divide-gray-600", import("tailwind-variants/dist/config.js").TVConfig<{
     rounded: {
         true: string;
         false: string;
@@ -43,7 +43,7 @@ export declare const listGroup: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 divide-y divide-gray-200 dark:divide-gray-600", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 divide-y divide-gray-200 dark:divide-gray-600", import("tailwind-variants/dist/config.js").TVConfig<{
     rounded: {
         true: string;
         false: string;
@@ -72,7 +72,7 @@ export declare const listGroupItem: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "py-2 px-4 w-full text-sm font-medium list-none", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "py-2 px-4 w-full text-sm font-medium list-none", import("tailwind-variants/dist/config.js").TVConfig<{
     state: {
         normal: string;
         current: string;
@@ -112,7 +112,7 @@ export declare const listGroupItem: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "py-2 px-4 w-full text-sm font-medium list-none", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "py-2 px-4 w-full text-sm font-medium list-none", import("tailwind-variants/dist/config.js").TVConfig<{
     state: {
         normal: string;
         current: string;

package/dist/mega-menu/theme.d.ts

@@ -5,7 +5,7 @@ export declare const megamenu: import("tailwind-variants").TVReturnType<{
     div: string;
     ul: string;
     footerDiv: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     full: {};
 }, {
     full: {};
@@ -23,7 +23,7 @@ export declare const megamenu: import("tailwind-variants").TVReturnType<{
     div: string;
     ul: string;
     footerDiv: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     full: {};
 }, {
     full: {};

package/dist/modal/theme.d.ts

@@ -73,7 +73,7 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
     body: string;
     closeBtn: string;
     h3: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     position: {
         "top-left": {
             base: string;
@@ -353,7 +353,7 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
     body: string;
     closeBtn: string;
     h3: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     position: {
         "top-left": {
             base: string;

package/dist/nav/theme.d.ts

@@ -44,7 +44,7 @@ export declare const navbar: import("tailwind-variants").TVReturnType<{
     menuContainer: string;
     activeLink: string;
     inactiveLink: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     fluid: {
         true: {
             container: string;
@@ -214,7 +214,7 @@ export declare const navbar: import("tailwind-variants").TVReturnType<{
     menuContainer: string;
     activeLink: string;
     inactiveLink: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     fluid: {
         true: {
             container: string;
@@ -300,7 +300,7 @@ export declare const navUl: import("tailwind-variants").TVReturnType<{
         xl: string;
         xxl: string;
     };
-}, undefined, "bg-light-surface-200 dark:bg-dark-surface-800 text-light-surface-700 dark:text-dark-surface-400 rounded-xl border border-light-surface-300 dark:border-dark-surface-700 divide-light-surface-100 dark:divide-dark-surface-700 flex flex-col gap-2 p-2 mt-2 rtl:space-x-reverse", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "bg-light-surface-200 dark:bg-dark-surface-800 text-light-surface-700 dark:text-dark-surface-400 rounded-xl border border-light-surface-300 dark:border-dark-surface-700 divide-light-surface-100 dark:divide-dark-surface-700 flex flex-col gap-2 p-2 mt-2 rtl:space-x-reverse", import("tailwind-variants/dist/config.js").TVConfig<{
     breakPoint: {
         md: string;
         lg: string;
@@ -328,7 +328,7 @@ export declare const navUl: import("tailwind-variants").TVReturnType<{
         xl: string;
         xxl: string;
     };
-}, undefined, "bg-light-surface-200 dark:bg-dark-surface-800 text-light-surface-700 dark:text-dark-surface-400 rounded-xl border border-light-surface-300 dark:border-dark-surface-700 divide-light-surface-100 dark:divide-dark-surface-700 flex flex-col gap-2 p-2 mt-2 rtl:space-x-reverse", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "bg-light-surface-200 dark:bg-dark-surface-800 text-light-surface-700 dark:text-dark-surface-400 rounded-xl border border-light-surface-300 dark:border-dark-surface-700 divide-light-surface-100 dark:divide-dark-surface-700 flex flex-col gap-2 p-2 mt-2 rtl:space-x-reverse", import("tailwind-variants/dist/config.js").TVConfig<{
     breakPoint: {
         md: string;
         lg: string;
@@ -360,7 +360,7 @@ export declare const navbrand: import("tailwind-variants").TVReturnType<{
 } | {}, {
     base: string;
     span: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             base?: import("tailwind-variants").ClassValue;
@@ -380,7 +380,7 @@ export declare const navbrand: import("tailwind-variants").TVReturnType<{
 }, import("tailwind-variants").TVReturnType<unknown, {
     base: string;
     span: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             base?: import("tailwind-variants").ClassValue;
@@ -411,7 +411,7 @@ export declare const navLi: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     link: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     active: {
         true: {
             link: string;
@@ -497,7 +497,7 @@ export declare const navLi: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     link: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     active: {
         true: {
             link: string;
@@ -543,7 +543,7 @@ export declare const navcontainer: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "mx-0 flex flex-wrap justify-between items-center max-w-none", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "mx-0 flex flex-wrap justify-between items-center max-w-none", import("tailwind-variants/dist/config.js").TVConfig<{
     fluid: {
         true: string;
         false: string;
@@ -563,7 +563,7 @@ export declare const navcontainer: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "mx-0 flex flex-wrap justify-between items-center max-w-none", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "mx-0 flex flex-wrap justify-between items-center max-w-none", import("tailwind-variants/dist/config.js").TVConfig<{
     fluid: {
         true: string;
         false: string;
@@ -581,7 +581,7 @@ export declare const navhamburger: import("tailwind-variants").TVReturnType<{
         xl: string;
         xxl: string;
     };
-}, undefined, "inline-flex h-10 w-10 items-center justify-center rounded-lg p-2 text-sm text-light-surface-500 hover:bg-light-surface-100 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-light-surface-200 dark:text-dark-surface-400 dark:hover:bg-dark-surface-700 dark:focus-visible:ring-dark-surface-600", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex h-10 w-10 items-center justify-center rounded-lg p-2 text-sm text-light-surface-500 hover:bg-light-surface-100 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-light-surface-200 dark:text-dark-surface-400 dark:hover:bg-dark-surface-700 dark:focus-visible:ring-dark-surface-600", import("tailwind-variants/dist/config.js").TVConfig<{
     breakPoint: {
         md: string;
         lg: string;
@@ -609,7 +609,7 @@ export declare const navhamburger: import("tailwind-variants").TVReturnType<{
         xl: string;
         xxl: string;
     };
-}, undefined, "inline-flex h-10 w-10 items-center justify-center rounded-lg p-2 text-sm text-light-surface-500 hover:bg-light-surface-100 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-light-surface-200 dark:text-dark-surface-400 dark:hover:bg-dark-surface-700 dark:focus-visible:ring-dark-surface-600", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex h-10 w-10 items-center justify-center rounded-lg p-2 text-sm text-light-surface-500 hover:bg-light-surface-100 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-light-surface-200 dark:text-dark-surface-400 dark:hover:bg-dark-surface-700 dark:focus-visible:ring-dark-surface-600", import("tailwind-variants/dist/config.js").TVConfig<{
     breakPoint: {
         md: string;
         lg: string;