odj-svelte-ui 0.2.6 → 0.4.0

package/dist/bottom-navigation/theme.d.ts

@@ -47,7 +47,7 @@ export declare const bottomNav: import("tailwind-variants").TVReturnType<{
 }, {
     outer: string;
     inner: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     position: {
         static: {
             outer: string;
@@ -237,7 +237,7 @@ export declare const bottomNav: import("tailwind-variants").TVReturnType<{
 }, {
     outer: string;
     inner: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     position: {
         static: {
             outer: string;
@@ -379,7 +379,7 @@ export declare const bottomNavItem: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     span: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     navType: {
         default: {
             base: string;
@@ -569,7 +569,7 @@ export declare const bottomNavItem: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     span: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     navType: {
         default: {
             base: string;
@@ -679,7 +679,7 @@ export declare const bottomnavheader: import("tailwind-variants").TVReturnType<{
 } | {}, {
     innerDiv: string;
     outerDiv: 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 | {
             innerDiv?: import("tailwind-variants").ClassValue;
@@ -699,7 +699,7 @@ export declare const bottomnavheader: import("tailwind-variants").TVReturnType<{
 }, import("tailwind-variants").TVReturnType<unknown, {
     innerDiv: string;
     outerDiv: 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 | {
             innerDiv?: import("tailwind-variants").ClassValue;
@@ -712,7 +712,7 @@ export declare const bottomnavheaderitem: import("tailwind-variants").TVReturnTy
         true: string;
         false: string;
     };
-}, undefined, "px-5 py-1.5 text-xs font-medium rounded-lg", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "px-5 py-1.5 text-xs font-medium rounded-lg", import("tailwind-variants/dist/config.js").TVConfig<{
     active: {
         true: string;
         false: string;
@@ -732,7 +732,7 @@ export declare const bottomnavheaderitem: import("tailwind-variants").TVReturnTy
         true: string;
         false: string;
     };
-}, undefined, "px-5 py-1.5 text-xs font-medium rounded-lg", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "px-5 py-1.5 text-xs font-medium rounded-lg", import("tailwind-variants/dist/config.js").TVConfig<{
     active: {
         true: string;
         false: string;

package/dist/breadcrumb/theme.d.ts

@@ -18,7 +18,7 @@ export declare const breadcrumb: import("tailwind-variants").TVReturnType<{
     list: string;
     item: string;
     icon: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     solid: {
         true: {
             nav: string;
@@ -88,7 +88,7 @@ export declare const breadcrumb: import("tailwind-variants").TVReturnType<{
     list: string;
     item: string;
     icon: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     solid: {
         true: {
             nav: string;

package/dist/buttongroup/theme.d.ts

@@ -4,7 +4,7 @@ declare const buttonGroup: import("tailwind-variants").TVReturnType<{
         md: string;
         lg: string;
     };
-}, undefined, "inline-flex rounded-lg shadow-xs", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex rounded-lg shadow-xs", import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         sm: string;
         md: string;
@@ -28,7 +28,7 @@ declare const buttonGroup: import("tailwind-variants").TVReturnType<{
         md: string;
         lg: string;
     };
-}, undefined, "inline-flex rounded-lg shadow-xs", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex rounded-lg shadow-xs", import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         sm: string;
         md: string;

package/dist/buttons/theme.d.ts

@@ -51,7 +51,7 @@ export declare const button: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "text-center font-medium inline-flex items-center justify-center active:brightness-[0.85]", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "text-center font-medium inline-flex items-center justify-center active:brightness-[0.85]", import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         primary: string;
         dark: string;
@@ -263,7 +263,7 @@ export declare const button: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "text-center font-medium inline-flex items-center justify-center active:brightness-[0.85]", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "text-center font-medium inline-flex items-center justify-center active:brightness-[0.85]", import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         primary: string;
         dark: string;
@@ -451,7 +451,7 @@ export declare const gradientButton: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     outlineWrapper: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         blue: {
             base: string;
@@ -769,7 +769,7 @@ export declare const gradientButton: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     outlineWrapper: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         blue: {
             base: string;

package/dist/cards/theme.d.ts

@@ -151,7 +151,7 @@ export declare const card: import("tailwind-variants").TVReturnType<{
     base: string;
     image: string;
     content: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         xs: {
             base: string;
@@ -755,7 +755,7 @@ export declare const card: import("tailwind-variants").TVReturnType<{
     base: string;
     image: string;
     content: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         xs: {
             base: string;

package/dist/darkmode/theme.d.ts

@@ -1 +1 @@
-export declare const darkmode: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5 focus:ring-1", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5 focus:ring-1", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const darkmode: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5 focus:ring-1", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5 focus:ring-1", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;

package/dist/device-mockups/theme.d.ts

@@ -30,7 +30,7 @@ declare const android: import("tailwind-variants").TVReturnType<{
     leftMid: string;
     leftBot: string;
     right: 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 | {
             slot?: import("tailwind-variants").ClassValue;
@@ -70,7 +70,7 @@ declare const android: import("tailwind-variants").TVReturnType<{
     leftMid: string;
     leftBot: string;
     right: 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 | {
             slot?: import("tailwind-variants").ClassValue;
@@ -112,7 +112,7 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
     leftTop: string;
     leftBot: string;
     right: 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 | {
             slot?: import("tailwind-variants").ClassValue;
@@ -148,7 +148,7 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
     leftTop: string;
     leftBot: string;
     right: 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 | {
             slot?: import("tailwind-variants").ClassValue;
@@ -183,7 +183,7 @@ declare const desktop: import("tailwind-variants").TVReturnType<{
     bot: string;
     botUnder: 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;
@@ -211,7 +211,7 @@ declare const desktop: import("tailwind-variants").TVReturnType<{
     bot: string;
     botUnder: 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;
@@ -250,7 +250,7 @@ declare const ios: import("tailwind-variants").TVReturnType<{
     leftTop: string;
     leftBot: string;
     right: 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 | {
             slot?: import("tailwind-variants").ClassValue;
@@ -286,7 +286,7 @@ declare const ios: import("tailwind-variants").TVReturnType<{
     leftTop: string;
     leftBot: string;
     right: 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 | {
             slot?: import("tailwind-variants").ClassValue;
@@ -321,7 +321,7 @@ declare const laptop: import("tailwind-variants").TVReturnType<{
     inner: string;
     bot: string;
     botCen: 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;
@@ -349,7 +349,7 @@ declare const laptop: import("tailwind-variants").TVReturnType<{
     inner: string;
     bot: string;
     botCen: 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;
@@ -388,7 +388,7 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
     rightBot: string;
     top: string;
     bot: 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 | {
             slot?: import("tailwind-variants").ClassValue;
@@ -424,7 +424,7 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
     rightBot: string;
     top: string;
     bot: 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 | {
             slot?: import("tailwind-variants").ClassValue;
@@ -465,7 +465,7 @@ declare const tablet: import("tailwind-variants").TVReturnType<{
     leftMid: string;
     leftBot: string;
     right: 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 | {
             slot?: import("tailwind-variants").ClassValue;
@@ -501,7 +501,7 @@ declare const tablet: import("tailwind-variants").TVReturnType<{
     leftMid: string;
     leftBot: string;
     right: 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 | {
             slot?: import("tailwind-variants").ClassValue;

package/dist/drawer/theme.d.ts

@@ -40,7 +40,7 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     backdrop: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     position: {
         fixed: {
             base: string;
@@ -202,7 +202,7 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     backdrop: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     position: {
         fixed: {
             base: string;
@@ -301,7 +301,7 @@ export declare const drawerhead: import("tailwind-variants").TVReturnType<{
     base: string;
     button: string;
     svg: 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 | {
             button?: import("tailwind-variants").ClassValue;
@@ -325,7 +325,7 @@ export declare const drawerhead: import("tailwind-variants").TVReturnType<{
     base: string;
     button: string;
     svg: 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 | {
             button?: import("tailwind-variants").ClassValue;

package/dist/dropdown/theme.d.ts

@@ -12,7 +12,7 @@ export declare const dropdown: import("tailwind-variants").TVReturnType<{
     };
 } | {}, {
     base: 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;
@@ -28,16 +28,16 @@ export declare const dropdown: import("tailwind-variants").TVReturnType<{
     base: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
     base: 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;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
-export declare const dropdowndivider: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "my-1 h-px bg-light-surface-200 dark:bg-dark-surface-600", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "my-1 h-px bg-light-surface-200 dark:bg-dark-surface-600", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const dropdownHeader: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "px-4 py-3 rounded-t-xl text-sm text-light-surface-900 dark:text-white", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "px-4 py-3 rounded-t-xl text-sm text-light-surface-900 dark:text-white", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const dropdownFooter: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "overflow-hidden rounded-b-xl", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "overflow-hidden rounded-b-xl", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const dropdowndivider: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "my-1 h-px bg-light-surface-200 dark:bg-dark-surface-600", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "my-1 h-px bg-light-surface-200 dark:bg-dark-surface-600", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const dropdownHeader: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "px-4 py-3 rounded-t-xl text-sm text-light-surface-900 dark:text-white", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "px-4 py-3 rounded-t-xl text-sm text-light-surface-900 dark:text-white", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const dropdownFooter: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "overflow-hidden rounded-b-xl", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "overflow-hidden rounded-b-xl", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const dropdownli: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -55,7 +55,7 @@ export declare const dropdownli: import("tailwind-variants").TVReturnType<{
 } | {}, {
     anchor: string;
     activeAnchor: 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 | {
             anchor?: import("tailwind-variants").ClassValue;
@@ -75,7 +75,7 @@ export declare const dropdownli: import("tailwind-variants").TVReturnType<{
 }, import("tailwind-variants").TVReturnType<unknown, {
     anchor: string;
     activeAnchor: 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 | {
             anchor?: import("tailwind-variants").ClassValue;
@@ -83,4 +83,4 @@ export declare const dropdownli: import("tailwind-variants").TVReturnType<{
         };
     };
 } | {}>, unknown, unknown, undefined>>;
-export declare const dropdownul: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "p-1 flex flex-col", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "p-1 flex flex-col", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const dropdownul: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "p-1 flex flex-col", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "p-1 flex flex-col", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;

package/dist/footer/theme.d.ts

@@ -6,7 +6,7 @@ declare const footer: import("tailwind-variants").TVReturnType<{
         logo: string;
         sticky: string;
     };
-}, undefined, "bg-white dark:bg-gray-800", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "bg-white dark:bg-gray-800", import("tailwind-variants/dist/config.js").TVConfig<{
     footerType: {
         default: string;
         sitemap: string;
@@ -38,7 +38,7 @@ declare const footer: import("tailwind-variants").TVReturnType<{
         logo: string;
         sticky: string;
     };
-}, undefined, "bg-white dark:bg-gray-800", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "bg-white dark:bg-gray-800", import("tailwind-variants/dist/config.js").TVConfig<{
     footerType: {
         default: string;
         sitemap: string;
@@ -75,7 +75,7 @@ declare const footerBrand: import("tailwind-variants").TVReturnType<{
     base: string;
     span: string;
     img: 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;
@@ -99,7 +99,7 @@ declare const footerBrand: import("tailwind-variants").TVReturnType<{
     base: string;
     span: string;
     img: 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;
@@ -128,7 +128,7 @@ declare const footerCopyright: import("tailwind-variants").TVReturnType<{
     base: string;
     link: string;
     bySpan: 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;
@@ -152,7 +152,7 @@ declare const footerCopyright: import("tailwind-variants").TVReturnType<{
     base: string;
     link: string;
     bySpan: 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;
@@ -161,8 +161,8 @@ declare const footerCopyright: import("tailwind-variants").TVReturnType<{
         };
     };
 } | {}>, unknown, unknown, undefined>>;
-declare const footerIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 hover:text-gray-900 dark:hover:text-white", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 hover:text-gray-900 dark:hover:text-white", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-declare const footerUl: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-600 dark:text-gray-400", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-600 dark:text-gray-400", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+declare const footerIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 hover:text-gray-900 dark:hover:text-white", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 hover:text-gray-900 dark:hover:text-white", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+declare const footerUl: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-600 dark:text-gray-400", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-600 dark:text-gray-400", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 declare const footerLi: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -180,7 +180,7 @@ declare const footerLi: import("tailwind-variants").TVReturnType<{
 } | {}, {
     base: string;
     link: 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;
@@ -200,7 +200,7 @@ declare const footerLi: import("tailwind-variants").TVReturnType<{
 }, import("tailwind-variants").TVReturnType<unknown, {
     base: string;
     link: 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;

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

@@ -88,7 +88,7 @@ export declare const checkbox: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     label: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         primary: {
             base: string;
@@ -442,7 +442,7 @@ export declare const checkbox: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     label: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         primary: {
             base: string;

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

@@ -1 +1 @@
-export declare const dropzone: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-col justify-center items-center w-full h-64 bg-light-surface-50 rounded-lg border-2 border-light-surface-300 border-dashed cursor-pointer dark:hover:bg-dark-surface-800 dark:bg-dark-surface-700 hover:bg-light-surface-100 dark:border-dark-surface-600 dark:hover:border-dark-surface-500 dark:hover:bg-dark-surface-600 focus-visible:ring-4 focus-visible:outline-hidden focus-visible:ring-primary-300 dark:focus-visible:ring-primary-800", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex flex-col justify-center items-center w-full h-64 bg-light-surface-50 rounded-lg border-2 border-light-surface-300 border-dashed cursor-pointer dark:hover:bg-dark-surface-800 dark:bg-dark-surface-700 hover:bg-light-surface-100 dark:border-dark-surface-600 dark:hover:border-dark-surface-500 dark:hover:bg-dark-surface-600 focus-visible:ring-4 focus-visible:outline-hidden focus-visible:ring-primary-300 dark:focus-visible:ring-primary-800", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const dropzone: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-col justify-center items-center w-full h-64 bg-light-surface-50 rounded-lg border-2 border-light-surface-300 border-dashed cursor-pointer dark:hover:bg-dark-surface-800 dark:bg-dark-surface-700 hover:bg-light-surface-100 dark:border-dark-surface-600 dark:hover:border-dark-surface-500 dark:hover:bg-dark-surface-600 focus-visible:ring-4 focus-visible:outline-hidden focus-visible:ring-primary-300 dark:focus-visible:ring-primary-800", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex flex-col justify-center items-center w-full h-64 bg-light-surface-50 rounded-lg border-2 border-light-surface-300 border-dashed cursor-pointer dark:hover:bg-dark-surface-800 dark:bg-dark-surface-700 hover:bg-light-surface-100 dark:border-dark-surface-600 dark:hover:border-dark-surface-500 dark:hover:bg-dark-surface-600 focus-visible:ring-4 focus-visible:outline-hidden focus-visible:ring-primary-300 dark:focus-visible:ring-primary-800", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;

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

@@ -14,7 +14,7 @@ export declare const fileupload: import("tailwind-variants").TVReturnType<{
     base: string;
     wrapper: string;
     right: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         sm: {
             base: string;
@@ -70,7 +70,7 @@ export declare const fileupload: import("tailwind-variants").TVReturnType<{
     base: string;
     wrapper: string;
     right: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         sm: {
             base: string;

package/dist/forms/floating-label-input/theme.d.ts

@@ -110,7 +110,7 @@ export declare const floatingLabelInput: import("tailwind-variants").TVReturnTyp
     base: string;
     input: string;
     label: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     inputStyle: {
         filled: {
             base: string;
@@ -550,7 +550,7 @@ export declare const floatingLabelInput: import("tailwind-variants").TVReturnTyp
     base: string;
     input: string;
     label: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     inputStyle: {
         filled: {
             base: string;

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

@@ -22,7 +22,7 @@ export declare const helper: import("tailwind-variants").TVReturnType<{
         pink: string;
         rose: string;
     };
-}, undefined, "text-xs font-normal text-gray-500 dark:text-gray-300", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "text-xs font-normal text-light-surface-500 dark:text-dark-surface-300", import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         disabled: string;
         primary: string;
@@ -118,7 +118,7 @@ export declare const helper: import("tailwind-variants").TVReturnType<{
         pink: string;
         rose: string;
     };
-}, undefined, "text-xs font-normal text-gray-500 dark:text-gray-300", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "text-xs font-normal text-light-surface-500 dark:text-dark-surface-300", import("tailwind-variants/dist/config.js").TVConfig<{
     color: {
         disabled: string;
         primary: string;

package/dist/forms/helper/theme.js

@@ -1,9 +1,9 @@
 import { tv } from "tailwind-variants";
 export const helper = tv({
-    base: "text-xs font-normal text-gray-500 dark:text-gray-300",
+    base: "text-xs font-normal text-light-surface-500 dark:text-dark-surface-300",
     variants: {
         color: {
-            disabled: "text-gray-400 dark:text-gray-500",
+            disabled: "text-light-surface-400 dark:text-dark-surface-500",
             primary: "text-primary-500 dark:text-primary-400",
             secondary: "text-secondary-500 dark:text-secondary-400",
             green: "text-green-500 dark:text-green-400",

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

@@ -114,7 +114,7 @@ export declare const input: import("tailwind-variants").TVReturnType<{
     left: string;
     right: string;
     searchInputXButton: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         sm: {
             input: string;
@@ -566,7 +566,7 @@ export declare const input: import("tailwind-variants").TVReturnType<{
     left: string;
     right: string;
     searchInputXButton: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         sm: {
             input: string;

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;