odj-svelte-ui 0.1.0 → 0.2.0

package/dist/sidebar/theme.d.ts

@@ -291,7 +291,7 @@ export declare const sidebarbutton: import("tailwind-variants").TVReturnType<{
         xl: string;
         "2xl": string;
     };
-}, undefined, "inline-flex items-center p-2 mt-2 ms-3 text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex items-center p-2 mt-2 ms-3 text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-hidden focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600", import("tailwind-variants/dist/config").TVConfig<{
     breakpoint: {
         sm: string;
         md: string;
@@ -323,7 +323,7 @@ export declare const sidebarbutton: import("tailwind-variants").TVReturnType<{
         xl: string;
         "2xl": string;
     };
-}, undefined, "inline-flex items-center p-2 mt-2 ms-3 text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex items-center p-2 mt-2 ms-3 text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-hidden focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600", import("tailwind-variants/dist/config").TVConfig<{
     breakpoint: {
         sm: string;
         md: string;
@@ -342,18 +342,18 @@ export declare const sidebarbutton: import("tailwind-variants").TVReturnType<{
 }>, unknown, unknown, undefined>>;
 export declare const sidebarcta: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -362,18 +362,18 @@ export declare const sidebarcta: import("tailwind-variants").TVReturnType<{
     span: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -386,27 +386,27 @@ export declare const sidebarcta: import("tailwind-variants").TVReturnType<{
     span: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
 export declare const sitebarbrand: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            img?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            img?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -415,18 +415,18 @@ export declare const sitebarbrand: import("tailwind-variants").TVReturnType<{
     span: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            img?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            img?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -439,31 +439,31 @@ export declare const sitebarbrand: import("tailwind-variants").TVReturnType<{
     span: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            img?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
 export declare const sidebardropdownwrapper: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            svg?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
-            ul?: import("tailwind-merge").ClassNameValue;
-            btn?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            svg?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
+            btn?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            svg?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
-            ul?: import("tailwind-merge").ClassNameValue;
-            btn?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            svg?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
+            btn?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -474,22 +474,22 @@ export declare const sidebardropdownwrapper: import("tailwind-variants").TVRetur
     ul: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            svg?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
-            ul?: import("tailwind-merge").ClassNameValue;
-            btn?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            svg?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
+            btn?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            svg?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
-            ul?: import("tailwind-merge").ClassNameValue;
-            btn?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            svg?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
+            btn?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -506,12 +506,12 @@ export declare const sidebardropdownwrapper: import("tailwind-variants").TVRetur
     ul: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            svg?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
-            ul?: import("tailwind-merge").ClassNameValue;
-            btn?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            svg?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
+            btn?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/sidebar/theme.js

@@ -2,8 +2,8 @@ import { tv } from "tailwind-variants";
 export const sidebar = tv({
     slots: {
         base: "top-0 left-0 z-50 w-64 transition-transform bg-gray-50 dark:bg-gray-800",
-        active: "flex items-center text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700",
-        nonactive: "flex items-center text-base font-normal text-gray-900 rounded dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700",
+        active: "flex items-center text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-sm dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700",
+        nonactive: "flex items-center text-base font-normal text-gray-900 rounded-sm dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700",
         div: "overflow-y-auto h-full px-3 py-4 overflow-y-auto bg-gray-50 dark:bg-gray-800",
         backdrop: "fixed top-0 start-0 z-40 w-full h-full"
     },
@@ -25,12 +25,12 @@ export const sidebar = tv({
             "2xl": { base: "2xl:block" }
         },
         backdrop: {
-            true: { backdrop: "bg-gray-900 bg-opacity-75" }
+            true: { backdrop: "bg-gray-900/75" }
         }
     }
 });
 export const sidebarbutton = tv({
-    base: "inline-flex items-center p-2 mt-2 ms-3 text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
+    base: "inline-flex items-center p-2 mt-2 ms-3 text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-hidden focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
     variants: {
         breakpoint: {
             sm: "sm:hidden",
@@ -45,7 +45,7 @@ export const sidebarcta = tv({
     slots: {
         base: "p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900",
         div: "flex items-center mb-3",
-        span: "bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-900"
+        span: "bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded-sm dark:bg-primary-200 dark:text-primary-900"
     }
 });
 export const sitebarbrand = tv({
@@ -58,7 +58,7 @@ export const sitebarbrand = tv({
 export const sidebardropdownwrapper = tv({
     slots: {
         base: "",
-        btn: "flex items-center w-full text-base font-normal text-gray-900 rounded transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700",
+        btn: "flex items-center w-full text-base font-normal text-gray-900 rounded-sm transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700",
         span: "flex-1 ms-3 text-left whitespace-nowrap",
         svg: "h-3 w-3 text-gray-800 dark:text-white",
         ul: "py-2 space-y-2"

package/dist/skeleton/theme.d.ts

@@ -812,22 +812,22 @@ declare const skeleton: import("tailwind-variants").TVReturnType<{
 }>, unknown, unknown, undefined>>;
 declare const testimonialPlaceholder: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            svg?: import("tailwind-merge").ClassNameValue;
-            wrapper?: import("tailwind-merge").ClassNameValue;
-            line1?: import("tailwind-merge").ClassNameValue;
-            line2?: import("tailwind-merge").ClassNameValue;
-            subContent?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            svg?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
+            line1?: import("tailwind-variants").ClassValue;
+            line2?: import("tailwind-variants").ClassValue;
+            subContent?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            svg?: import("tailwind-merge").ClassNameValue;
-            wrapper?: import("tailwind-merge").ClassNameValue;
-            line1?: import("tailwind-merge").ClassNameValue;
-            line2?: import("tailwind-merge").ClassNameValue;
-            subContent?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            svg?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
+            line1?: import("tailwind-variants").ClassValue;
+            line2?: import("tailwind-variants").ClassValue;
+            subContent?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -838,22 +838,22 @@ declare const testimonialPlaceholder: import("tailwind-variants").TVReturnType<{
     subContent: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            svg?: import("tailwind-merge").ClassNameValue;
-            wrapper?: import("tailwind-merge").ClassNameValue;
-            line1?: import("tailwind-merge").ClassNameValue;
-            line2?: import("tailwind-merge").ClassNameValue;
-            subContent?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            svg?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
+            line1?: import("tailwind-variants").ClassValue;
+            line2?: import("tailwind-variants").ClassValue;
+            subContent?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            svg?: import("tailwind-merge").ClassNameValue;
-            wrapper?: import("tailwind-merge").ClassNameValue;
-            line1?: import("tailwind-merge").ClassNameValue;
-            line2?: import("tailwind-merge").ClassNameValue;
-            subContent?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            svg?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
+            line1?: import("tailwind-variants").ClassValue;
+            line2?: import("tailwind-variants").ClassValue;
+            subContent?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -870,12 +870,12 @@ declare const testimonialPlaceholder: import("tailwind-variants").TVReturnType<{
     subContent: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            svg?: import("tailwind-merge").ClassNameValue;
-            wrapper?: import("tailwind-merge").ClassNameValue;
-            line1?: import("tailwind-merge").ClassNameValue;
-            line2?: import("tailwind-merge").ClassNameValue;
-            subContent?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            svg?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
+            line1?: import("tailwind-variants").ClassValue;
+            line2?: import("tailwind-variants").ClassValue;
+            subContent?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
@@ -1080,20 +1080,20 @@ declare const videoPlaceholder: import("tailwind-variants").TVReturnType<{
 }>, unknown, unknown, undefined>>;
 declare const widgetPlaceholder: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            wrapper?: import("tailwind-merge").ClassNameValue;
-            hLine?: import("tailwind-merge").ClassNameValue;
-            vLine?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
+            hLine?: import("tailwind-variants").ClassValue;
+            vLine?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            wrapper?: import("tailwind-merge").ClassNameValue;
-            hLine?: import("tailwind-merge").ClassNameValue;
-            vLine?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
+            hLine?: import("tailwind-variants").ClassValue;
+            vLine?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -1103,20 +1103,20 @@ declare const widgetPlaceholder: import("tailwind-variants").TVReturnType<{
     vLine: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            wrapper?: import("tailwind-merge").ClassNameValue;
-            hLine?: import("tailwind-merge").ClassNameValue;
-            vLine?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
+            hLine?: import("tailwind-variants").ClassValue;
+            vLine?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            wrapper?: import("tailwind-merge").ClassNameValue;
-            hLine?: import("tailwind-merge").ClassNameValue;
-            vLine?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
+            hLine?: import("tailwind-variants").ClassValue;
+            vLine?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -1131,11 +1131,11 @@ declare const widgetPlaceholder: import("tailwind-variants").TVReturnType<{
     vLine: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            wrapper?: import("tailwind-merge").ClassNameValue;
-            hLine?: import("tailwind-merge").ClassNameValue;
-            vLine?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
+            hLine?: import("tailwind-variants").ClassValue;
+            vLine?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/skeleton/theme.js

@@ -2,8 +2,8 @@ import { tv } from "tailwind-variants";
 // card placeholder
 const cardPlaceholder = tv({
     slots: {
-        base: "p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700",
-        imageArea: "mb-4 flex h-48 items-center justify-center rounded bg-gray-300 dark:bg-gray-700",
+        base: "p-4 rounded-sm border border-gray-200 shadow-sm animate-pulse md:p-6 dark:border-gray-700",
+        imageArea: "mb-4 flex h-48 items-center justify-center rounded-sm bg-gray-300 dark:bg-gray-700",
         imageIcon: "text-gray-200 dark:text-gray-600",
         line: "rounded-full bg-gray-200 dark:bg-gray-700",
         footerArea: "mt-4 flex items-center space-x-3 rtl:space-x-reverse"
@@ -22,7 +22,7 @@ const cardPlaceholder = tv({
 const imagePlaceholder = tv({
     slots: {
         base: "space-y-8 animate-pulse md:space-y-0 md:space-x-8 rtl:space-x-reverse md:flex md:items-center",
-        image: "flex w-full items-center justify-center rounded bg-gray-300 sm:w-96 dark:bg-gray-700",
+        image: "flex w-full items-center justify-center rounded-sm bg-gray-300 sm:w-96 dark:bg-gray-700",
         svg: "text-gray-200",
         content: "w-full",
         line: "rounded-full bg-gray-200 dark:bg-gray-700"
@@ -48,12 +48,12 @@ const imagePlaceholder = tv({
                 line: "rounded-none"
             },
             sm: {
-                image: "rounded-sm",
-                line: "rounded-sm"
+                image: "rounded-xs",
+                line: "rounded-xs"
             },
             md: {
-                image: "rounded",
-                line: "rounded"
+                image: "rounded-sm",
+                line: "rounded-sm"
             },
             lg: {
                 image: "rounded-lg",
@@ -69,7 +69,7 @@ const imagePlaceholder = tv({
 // ListPlaceholder
 const listPlaceholder = tv({
     slots: {
-        base: "p-4 space-y-4 max-w-md rounded border border-gray-200 divide-y divide-gray-200 shadow animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700",
+        base: "p-4 space-y-4 max-w-md rounded-sm border border-gray-200 divide-y divide-gray-200 shadow-sm animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700",
         item: "flex items-center justify-between",
         itemContent: "",
         itemTitle: "mb-2.5 h-2.5 w-24 rounded-full bg-gray-300 dark:bg-gray-600",
@@ -94,8 +94,8 @@ const listPlaceholder = tv({
         },
         rounded: {
             none: { base: "rounded-none" },
-            sm: { base: "rounded-sm" },
-            md: { base: "rounded" },
+            sm: { base: "rounded-xs" },
+            md: { base: "rounded-sm" },
             lg: { base: "rounded-lg" },
             full: { base: "rounded-full p-8 md:p-16" }
         }
@@ -171,7 +171,7 @@ const videoPlaceholder = tv({
 // WidgetPlaceholder
 const widgetPlaceholder = tv({
     slots: {
-        base: "p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700",
+        base: "p-4 max-w-sm rounded-sm border border-gray-200 shadow-sm animate-pulse md:p-6 dark:border-gray-700",
         wrapper: "mt-4 flex items-baseline space-x-6 rtl:space-x-reverse",
         hLine: "rounded-full bg-gray-200 dark:bg-gray-700",
         vLine: "w-full rounded-t-lg bg-gray-200 dark:bg-gray-700"

package/dist/spinner/theme.d.ts

@@ -20,6 +20,9 @@ export declare const spinner: import("tailwind-variants").TVReturnType<{
         fuchsia: string;
         pink: string;
         rose: string;
+        light: string;
+        dark: string;
+        alternative: string;
     };
     size: {
         "4": string;
@@ -52,6 +55,9 @@ export declare const spinner: import("tailwind-variants").TVReturnType<{
         fuchsia: string;
         pink: string;
         rose: string;
+        light: string;
+        dark: string;
+        alternative: string;
     };
     size: {
         "4": string;
@@ -84,6 +90,9 @@ export declare const spinner: import("tailwind-variants").TVReturnType<{
         fuchsia: string;
         pink: string;
         rose: string;
+        light: string;
+        dark: string;
+        alternative: string;
     };
     size: {
         "4": string;
@@ -116,6 +125,9 @@ export declare const spinner: import("tailwind-variants").TVReturnType<{
         fuchsia: string;
         pink: string;
         rose: string;
+        light: string;
+        dark: string;
+        alternative: string;
     };
     size: {
         "4": string;
@@ -148,6 +160,9 @@ export declare const spinner: import("tailwind-variants").TVReturnType<{
         fuchsia: string;
         pink: string;
         rose: string;
+        light: string;
+        dark: string;
+        alternative: string;
     };
     size: {
         "4": string;
@@ -180,6 +195,9 @@ export declare const spinner: import("tailwind-variants").TVReturnType<{
         fuchsia: string;
         pink: string;
         rose: string;
+        light: string;
+        dark: string;
+        alternative: string;
     };
     size: {
         "4": string;
@@ -212,6 +230,9 @@ export declare const spinner: import("tailwind-variants").TVReturnType<{
         fuchsia: string;
         pink: string;
         rose: string;
+        light: string;
+        dark: string;
+        alternative: string;
     };
     size: {
         "4": string;

package/dist/spinner/theme.js

@@ -23,7 +23,10 @@ export const spinner = tv({
             purple: "fill-purple-600",
             fuchsia: "fill-fuchsia-600",
             pink: "fill-pink-600",
-            rose: "fill-rose-600"
+            rose: "fill-rose-600",
+            light: "fill-light-surface-600",
+            dark: "fill-dark-surface-600",
+            alternative: "fill-primary-600 dark:fill-dark-surface-100"
         },
         size: {
             "4": "w-4 h-4",

package/dist/spinner/type.d.ts

@@ -1,5 +1,5 @@
 import type { SVGAttributes } from "svelte/elements";
-type ColorType = "primary" | "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "orange" | "amber" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "violet" | "fuchsia" | "rose" | "secondary" | undefined;
+type ColorType = "primary" | "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "orange" | "amber" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "violet" | "fuchsia" | "rose" | "secondary" | "dark" | "alternative" | "light" | undefined;
 type SizeType = "8" | "4" | "5" | "6" | "10" | "12" | "16" | undefined;
 interface SpinnerProps extends SVGAttributes<SVGSVGElement> {
     color?: ColorType;