odj-svelte-ui 0.2.5 → 0.3.0

package/dist/forms/input-addon/InputAddon.svelte

@@ -10,18 +10,18 @@
   let group: { size: SizeType } = getContext("group");
 
   const borderClasses = {
-    base: "border-gray-300 dark:border-gray-600",
-    tinted: "border-gray-300 dark:border-gray-500"
+    base: "border-light-surface-300 dark:border-dark-surface-600",
+    tinted: "border-light-surface-300 dark:border-dark-surface-500"
   };
 
   const darkBgClasses = {
-    base: "dark:bg-gray-600 dark:text-gray-400",
-    tinted: "dark:bg-gray-500 dark:text-gray-300"
+    base: "dark:bg-dark-surface-600 dark:text-dark-surface-400",
+    tinted: "dark:bg-dark-surface-500 dark:text-dark-surface-300"
   };
 
   const divider = {
-    base: "dark:border-e-gray-700 dark:last:border-e-gray-600",
-    tinted: "dark:border-e-gray-600 dark:last:border-e-gray-500"
+    base: "dark:border-e-dark-surface-700 dark:last:border-e-dark-surface-600",
+    tinted: "dark:border-e-dark-surface-600 dark:last:border-e-dark-surface-500"
   };
 
   const textSizes = { sm: "sm:text-xs", md: "text-sm", lg: "sm:text-base" };
@@ -30,7 +30,7 @@
   // size: explicit, inherited, default
   let _size = size || clampSize(group?.size) || "md";
 
-  let divClass: string = twMerge(textSizes[_size], prefixPadding[_size], "text-gray-500 bg-gray-200", background ? darkBgClasses.tinted : darkBgClasses.base, background ? divider.tinted : divider.base, background ? borderClasses["tinted"] : borderClasses["base"], "inline-flex items-center border", group && "not-first:-ms-px", "first:rounded-s-lg last:rounded-e-lg", className);
+  let divClass: string = twMerge(textSizes[_size], prefixPadding[_size], "text-light-surface-500 bg-light-surface-200", background ? darkBgClasses.tinted : darkBgClasses.base, background ? divider.tinted : divider.base, background ? borderClasses["tinted"] : borderClasses["base"], "inline-flex items-center border", group && "not-first:-ms-px", "first:rounded-s-lg last:rounded-e-lg", className);
 </script>
 
 <div {...restProps} class={divClass}>

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

@@ -25,7 +25,7 @@ export declare const label: import("tailwind-variants").TVReturnType<{
     disabled: {
         true: string;
     };
-}, undefined, "text-sm rtl:text-right font-medium block space-y-1", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "text-sm rtl:text-right font-medium block space-y-1", import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         default: string;
         primary: string;
@@ -133,7 +133,7 @@ export declare const label: import("tailwind-variants").TVReturnType<{
     disabled: {
         true: string;
     };
-}, undefined, "text-sm rtl:text-right font-medium block space-y-1", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "text-sm rtl:text-right font-medium block space-y-1", import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         default: string;
         primary: string;

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;