odj-svelte-ui 0.1.1 → 0.2.1

package/dist/nav/theme.js

@@ -1,12 +1,12 @@
 import { tv } from "tailwind-variants";
 export const navbar = tv({
     slots: {
-        base: "bg-white dark:bg-gray-900 text-gray-700 dark:text-gray-200 border-gray-100 dark:border-gray-700 divide-gray-100 dark:divide-gray-700 px-2 sm:px-4 py-2.5 w-full",
+        base: "z-50 bg-light-surface-100/80 dark:bg-dark-surface-900/80 backdrop-blur-lg text-light-surface-700 dark:text-dark-surface-400 border-light-surface-300 dark:border-dark-surface-600 border-b px-2 sm:px-4 py-2.5 w-full",
         container: "mx-auto flex flex-wrap items-center justify-between",
-        toggleButton: "inline-flex h-10 w-10 items-center justify-center rounded-lg p-2 text-sm text-gray-500 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",
+        toggleButton: "inline-flex h-10 w-10 items-center justify-center rounded-lg p-2 mr-2 text-sm focus:outline-hidden text-light-surface-500 focus-visible:ring-light-surface-400 dark:focus-visible:ring-dark-surface-400 active:bg-light-surface-300 dark:active:bg-dark-surface-700/30 hover:bg-light-surface-200 dark:hover:bg-dark-surface-700/40 dark:hover:text-dark-surface-400",
         menuContainer: "w-full",
-        activeLink: "block py-2 px-3 text-white bg-primary-700 rounded dark:text-white",
-        inactiveLink: "block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white"
+        activeLink: "block py-2 px-3 text-white bg-primary-700 rounded-sm dark:text-white",
+        inactiveLink: "block py-2 px-3 text-light-surface-900 rounded-sm hover:bg-light-surface-100 dark:text-white dark:hover:bg-dark-surface-700 dark:hover:text-white"
     },
     variants: {
         fluid: {
@@ -19,17 +19,17 @@ export const navbar = tv({
         },
         breakPoint: {
             md: {
-                container: "max-w-screen-xl",
+                container: "max-w-(--breakpoint-xl)",
                 toggleButton: "md:hidden",
                 menuContainer: "md:block md:w-auto"
             },
             lg: {
-                container: "max-w-screen-xl",
+                container: "max-w-(--breakpoint-xl)",
                 toggleButton: "lg:hidden",
                 menuContainer: "lg:block lg:w-auto"
             },
             xl: {
-                container: "max-w-screen-xl",
+                container: "max-w-(--breakpoint-xl)",
                 toggleButton: "xl:hidden",
                 menuContainer: "xl:block xl:w-auto"
             },
@@ -55,13 +55,13 @@ export const navbar = tv({
     }
 });
 export const navUl = tv({
-    base: "font-medium flex flex-col p-4 mt-4 border border-gray-100 rounded-lg bg-transparent rtl:space-x-reverse dark:bg-gray-800 dark:border-gray-700",
+    base: "bg-light-surface-200 dark:bg-dark-surface-800 text-light-surface-700 dark:text-dark-surface-400 rounded-xl border border-light-surface-300 dark:border-dark-surface-700 divide-light-surface-100 dark:divide-dark-surface-700 flex flex-col gap-2 p-2 mt-2 rtl:space-x-reverse",
     variants: {
         breakPoint: {
-            md: "md:mt-0 md:flex-row md:space-x-8 md:border-0 md:p-0 md:dark:bg-gray-900",
-            lg: "lg:mt-0 lg:flex-row lg:space-x-8 lg:border-0 lg:p-0 lg:dark:bg-gray-900",
-            xl: "xl:mt-0 xl:flex-row xl:space-x-8 xl:border-0 lg:p-0 xl:dark:bg-gray-900",
-            xxl: "2xl:mt-0 2xl:flex-row 2xl:space-x-8 2xl:border-0 2xl:p-0 2xl:dark:bg-gray-900"
+            md: "dark:md:bg-transparent md:bg-transparent md:text-sm md:font-medium md:border-0 md:mt-0 md:flex-row md:items-center md:gap-8 md:p-0",
+            lg: "dark:lg:bg-transparent lg:bg-transparent lg:text-sm lg:font-medium lg:border-0 lg:mt-0 lg:flex-row lg:items-center lg:gap-8 lg:p-0",
+            xl: "dark:xl:bg-transparent xl:bg-transparent xl:text-sm xl:font-medium xl:border-0 xl:mt-0 xl:flex-row xl:items-center xl:gap-8 lg:p-0",
+            xxl: "dark:2xl:bg-transparent 2xl:bg-transparent 2xl:text-sm 2xl:font-medium 2xl:border-0 2xl:mt-0 2xl:flex-row 2xl:items-center 2xl:gap-8 2xl:p-0"
         }
     }
 });
@@ -74,26 +74,26 @@ export const navbrand = tv({
 export const navLi = tv({
     slots: {
         base: "list-none",
-        link: "block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white"
+        link: "block py-2 px-4 rounded-lg text-light-surface-700 hover:text-light-surface-800 dark:text-dark-surface-400 dark:hover:text-white hover:bg-light-surface-50 dark:hover:bg-dark-surface-700 transition-all"
     },
     variants: {
         active: {
             true: {
-                link: "bg-primary-700 text-white"
+                link: "bg-primary-700 hover:bg-primary-800 dark:hover:bg-primary-800 text-white hover:text-white dark:text-white"
             }
         },
         breakPoint: {
             md: {
-                link: "md:hover:bg-transparent md:border-0 md:hover:text-primary-700 md:p-0 md:dark:hover:text-primary-500 md:dark:hover:bg-transparent"
+                link: "md:p-0 md:hover:text-dark-surface-900 md:dark:hover:text-white md:hover:bg-transparent md:dark:hover:bg-transparent md:border-0"
             },
             lg: {
-                link: "lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-primary-500 lg:dark:hover:bg-transparent"
+                link: "lg:p-0 lg:hover:text-dark-surface-900 lg:dark:hover:text-white lg:hover:bg-transparent lg:dark:hover:bg-transparent lg:border-0"
             },
             xl: {
-                link: "xl:hover:bg-transparent xl:border-0 xl:hover:text-primary-700 xl:p-0 xl:dark:hover:text-primary-500 xl:dark:hover:bg-transparent"
+                link: "xl:p-0 xl:hover:text-dark-surface-900 xl:dark:hover:text-white xl:hover:bg-transparent xl:dark:hover:bg-transparent xl:border-0"
             },
             xxl: {
-                link: "2xl:hover:bg-transparent 2xl:border-0 2xl:hover:text-primary-700 2xl:p-0 2xl:dark:hover:text-primary-500 2xl:dark:hover:bg-transparent"
+                link: "2xl:p-0 2xl:hover:text-dark-surface-900 2xl:dark:hover:text-white 2xl:hover:bg-transparent 2xl:dark:hover:bg-transparent 2xl:border-0"
             }
         }
     },
@@ -102,28 +102,28 @@ export const navLi = tv({
             active: true,
             breakPoint: "md",
             class: {
-                link: "md:bg-transparent md:text-primary-700 md:p-0 md:dark:text-primary-500"
+                link: "md:bg-transparent md:text-primary-700 md:dark:text-primary-600 md:hover:text-primary-900 md:dark:hover:text-primary-500 md:font-medium md:p-0"
             }
         },
         {
             active: true,
             breakPoint: "lg",
             class: {
-                link: "lg:bg-transparent lg:text-primary-700 lg:p-0 lg:dark:text-primary-500"
+                link: "lg:bg-transparent lg:text-primary-700 lg:dark:text-primary-600 lg:hover:text-primary-900 lg:dark:hover:text-primary-500 lg:font-medium lg:p-0"
             }
         },
         {
             active: true,
             breakPoint: "xl",
             class: {
-                link: "xl:bg-transparent xl:text-primary-700 xl:p-0 xl:dark:text-primary-500"
+                link: "xl:bg-transparent xl:text-primary-700 xl:dark:text-primary-600 xl:hover:text-primary-900 xl:dark:hover:text-primary-500 xl:font-medium xl:p-0"
             }
         },
         {
             active: true,
             breakPoint: "xxl",
             class: {
-                link: "2xl:bg-transparent 2xl:text-primary-700 2xl:p-0 2xl:dark:text-primary-500"
+                link: "2xl:bg-transparent 2xl:text-primary-700 2xl:dark:text-primary-6002 xl:hover:text-primary-900 2xl:dark:hover:text-primary-500 2xl:font-medium 2xl:p-0"
             }
         }
     ],
@@ -133,7 +133,7 @@ export const navLi = tv({
     }
 });
 export const navcontainer = tv({
-    base: "mx-auto flex flex-wrap justify-between items-center",
+    base: "mx-0 flex flex-wrap justify-between items-center max-w-none",
     variants: {
         fluid: {
             true: "w-full",
@@ -142,7 +142,7 @@ export const navcontainer = tv({
     }
 });
 export const navhamburger = tv({
-    base: "inline-flex h-10 w-10 items-center justify-center rounded-lg p-2 text-sm text-gray-500 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 h-10 w-10 items-center justify-center rounded-lg p-2 text-sm text-light-surface-500 hover:bg-light-surface-100 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-light-surface-200 dark:text-dark-surface-400 dark:hover:bg-dark-surface-700 dark:focus-visible:ring-dark-surface-600",
     variants: {
         breakPoint: {
             md: "md:hidden",

package/dist/pagination/theme.js

@@ -15,7 +15,7 @@ export const paginationItem = tv({
             false: "rounded-lg"
         },
         table: {
-            true: "rounded",
+            true: "rounded-sm",
             false: "border"
         }
     },

package/dist/rating/Review.svelte

@@ -64,7 +64,7 @@
             {review.title}
           </h4>
         </div>
-        <p class="inline-flex items-center rounded bg-primary-700 p-1.5 text-sm font-semibold text-white">
+        <p class="inline-flex items-center rounded-sm bg-primary-700 p-1.5 text-sm font-semibold text-white">
           {review.rating}
         </p>
       </div>

package/dist/rating/ScoreRating.svelte

@@ -32,7 +32,7 @@
             {label}
           </dt>
           <dd class="mb-3 flex items-center">
-            <div class="me-2 h-2.5 w-full rounded bg-gray-200 dark:bg-gray-700">
+            <div class="me-2 h-2.5 w-full rounded-sm bg-gray-200 dark:bg-gray-700">
               <div class={bar()} style="width: {rating * 10}%"></div>
             </div>
             <span class="text-sm font-medium text-gray-500 dark:text-gray-400">{rating}</span>
@@ -49,7 +49,7 @@
             {label}
           </dt>
           <dd class="mb-3 flex items-center">
-            <div class="me-2 h-2.5 w-full rounded bg-gray-200 dark:bg-gray-700">
+            <div class="me-2 h-2.5 w-full rounded-sm bg-gray-200 dark:bg-gray-700">
               <div class={bar()} style="width: {rating * 10}%"></div>
             </div>
             <span class="text-sm font-medium text-gray-500 dark:text-gray-400">{rating}</span>

package/dist/rating/theme.d.ts

@@ -1,21 +1,21 @@
 export declare const advancedrating: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
-            div2?: import("tailwind-merge").ClassNameValue;
-            div3?: import("tailwind-merge").ClassNameValue;
-            span2?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            div2?: import("tailwind-variants").ClassValue;
+            div3?: import("tailwind-variants").ClassValue;
+            span2?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
-            div2?: import("tailwind-merge").ClassNameValue;
-            div3?: import("tailwind-merge").ClassNameValue;
-            span2?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            div2?: import("tailwind-variants").ClassValue;
+            div3?: import("tailwind-variants").ClassValue;
+            span2?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -26,22 +26,22 @@ export declare const advancedrating: import("tailwind-variants").TVReturnType<{
     span2: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
-            div2?: import("tailwind-merge").ClassNameValue;
-            div3?: import("tailwind-merge").ClassNameValue;
-            span2?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            div2?: import("tailwind-variants").ClassValue;
+            div3?: import("tailwind-variants").ClassValue;
+            span2?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
-            div2?: import("tailwind-merge").ClassNameValue;
-            div3?: import("tailwind-merge").ClassNameValue;
-            span2?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            div2?: import("tailwind-variants").ClassValue;
+            div3?: import("tailwind-variants").ClassValue;
+            span2?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -58,27 +58,27 @@ export declare const advancedrating: import("tailwind-variants").TVReturnType<{
     span2: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
-            div2?: import("tailwind-merge").ClassNameValue;
-            div3?: import("tailwind-merge").ClassNameValue;
-            span2?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
+            div2?: import("tailwind-variants").ClassValue;
+            div3?: import("tailwind-variants").ClassValue;
+            span2?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
 export declare const rating: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            p?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            p?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            p?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            p?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -86,16 +86,16 @@ export declare const rating: import("tailwind-variants").TVReturnType<{
     p: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            p?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            p?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            p?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            p?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -106,34 +106,34 @@ export declare const rating: import("tailwind-variants").TVReturnType<{
     p: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            p?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            p?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
 export declare const review: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            article?: import("tailwind-merge").ClassNameValue;
-            img?: import("tailwind-merge").ClassNameValue;
-            li?: import("tailwind-merge").ClassNameValue;
-            ul?: import("tailwind-merge").ClassNameValue;
-            div2?: import("tailwind-merge").ClassNameValue;
-            div3?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            article?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            li?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
+            div2?: import("tailwind-variants").ClassValue;
+            div3?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            article?: import("tailwind-merge").ClassNameValue;
-            img?: import("tailwind-merge").ClassNameValue;
-            li?: import("tailwind-merge").ClassNameValue;
-            ul?: import("tailwind-merge").ClassNameValue;
-            div2?: import("tailwind-merge").ClassNameValue;
-            div3?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            article?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            li?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
+            div2?: import("tailwind-variants").ClassValue;
+            div3?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -146,26 +146,26 @@ export declare const review: import("tailwind-variants").TVReturnType<{
     li: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            article?: import("tailwind-merge").ClassNameValue;
-            img?: import("tailwind-merge").ClassNameValue;
-            li?: import("tailwind-merge").ClassNameValue;
-            ul?: import("tailwind-merge").ClassNameValue;
-            div2?: import("tailwind-merge").ClassNameValue;
-            div3?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            article?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            li?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
+            div2?: import("tailwind-variants").ClassValue;
+            div3?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            article?: import("tailwind-merge").ClassNameValue;
-            img?: import("tailwind-merge").ClassNameValue;
-            li?: import("tailwind-merge").ClassNameValue;
-            ul?: import("tailwind-merge").ClassNameValue;
-            div2?: import("tailwind-merge").ClassNameValue;
-            div3?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            article?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            li?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
+            div2?: import("tailwind-variants").ClassValue;
+            div3?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -186,39 +186,39 @@ export declare const review: import("tailwind-variants").TVReturnType<{
     li: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            article?: import("tailwind-merge").ClassNameValue;
-            img?: import("tailwind-merge").ClassNameValue;
-            li?: import("tailwind-merge").ClassNameValue;
-            ul?: import("tailwind-merge").ClassNameValue;
-            div2?: import("tailwind-merge").ClassNameValue;
-            div3?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            article?: import("tailwind-variants").ClassValue;
+            img?: import("tailwind-variants").ClassValue;
+            li?: import("tailwind-variants").ClassValue;
+            ul?: import("tailwind-variants").ClassValue;
+            div2?: import("tailwind-variants").ClassValue;
+            div3?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
 export declare const scorerating: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            link?: import("tailwind-merge").ClassNameValue;
-            desc1?: import("tailwind-merge").ClassNameValue;
-            desc2?: import("tailwind-merge").ClassNameValue;
-            desc3span?: import("tailwind-merge").ClassNameValue;
-            desc3p?: import("tailwind-merge").ClassNameValue;
-            bar?: import("tailwind-merge").ClassNameValue;
-            desc3?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            link?: import("tailwind-variants").ClassValue;
+            desc1?: import("tailwind-variants").ClassValue;
+            desc2?: import("tailwind-variants").ClassValue;
+            desc3span?: import("tailwind-variants").ClassValue;
+            desc3p?: import("tailwind-variants").ClassValue;
+            bar?: import("tailwind-variants").ClassValue;
+            desc3?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            link?: import("tailwind-merge").ClassNameValue;
-            desc1?: import("tailwind-merge").ClassNameValue;
-            desc2?: import("tailwind-merge").ClassNameValue;
-            desc3span?: import("tailwind-merge").ClassNameValue;
-            desc3p?: import("tailwind-merge").ClassNameValue;
-            bar?: import("tailwind-merge").ClassNameValue;
-            desc3?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            link?: import("tailwind-variants").ClassValue;
+            desc1?: import("tailwind-variants").ClassValue;
+            desc2?: import("tailwind-variants").ClassValue;
+            desc3span?: import("tailwind-variants").ClassValue;
+            desc3p?: import("tailwind-variants").ClassValue;
+            bar?: import("tailwind-variants").ClassValue;
+            desc3?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -231,26 +231,26 @@ export declare const scorerating: import("tailwind-variants").TVReturnType<{
     bar: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            link?: import("tailwind-merge").ClassNameValue;
-            desc1?: import("tailwind-merge").ClassNameValue;
-            desc2?: import("tailwind-merge").ClassNameValue;
-            desc3span?: import("tailwind-merge").ClassNameValue;
-            desc3p?: import("tailwind-merge").ClassNameValue;
-            bar?: import("tailwind-merge").ClassNameValue;
-            desc3?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            link?: import("tailwind-variants").ClassValue;
+            desc1?: import("tailwind-variants").ClassValue;
+            desc2?: import("tailwind-variants").ClassValue;
+            desc3span?: import("tailwind-variants").ClassValue;
+            desc3p?: import("tailwind-variants").ClassValue;
+            bar?: import("tailwind-variants").ClassValue;
+            desc3?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            link?: import("tailwind-merge").ClassNameValue;
-            desc1?: import("tailwind-merge").ClassNameValue;
-            desc2?: import("tailwind-merge").ClassNameValue;
-            desc3span?: import("tailwind-merge").ClassNameValue;
-            desc3p?: import("tailwind-merge").ClassNameValue;
-            bar?: import("tailwind-merge").ClassNameValue;
-            desc3?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            link?: import("tailwind-variants").ClassValue;
+            desc1?: import("tailwind-variants").ClassValue;
+            desc2?: import("tailwind-variants").ClassValue;
+            desc3span?: import("tailwind-variants").ClassValue;
+            desc3p?: import("tailwind-variants").ClassValue;
+            bar?: import("tailwind-variants").ClassValue;
+            desc3?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -271,14 +271,14 @@ export declare const scorerating: import("tailwind-variants").TVReturnType<{
     bar: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            link?: import("tailwind-merge").ClassNameValue;
-            desc1?: import("tailwind-merge").ClassNameValue;
-            desc2?: import("tailwind-merge").ClassNameValue;
-            desc3span?: import("tailwind-merge").ClassNameValue;
-            desc3p?: import("tailwind-merge").ClassNameValue;
-            bar?: import("tailwind-merge").ClassNameValue;
-            desc3?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            link?: import("tailwind-variants").ClassValue;
+            desc1?: import("tailwind-variants").ClassValue;
+            desc2?: import("tailwind-variants").ClassValue;
+            desc3span?: import("tailwind-variants").ClassValue;
+            desc3p?: import("tailwind-variants").ClassValue;
+            bar?: import("tailwind-variants").ClassValue;
+            desc3?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/rating/theme.js

@@ -1,11 +1,11 @@
 import { tv } from "tailwind-variants";
 export const advancedrating = tv({
-    // divClass = 'flex items-center mt-4', spanClass = 'text-sm font-medium text-gray-600 dark:text-gray-500', div2Class = 'mx-4 w-2/4 h-5 bg-gray-200 rounded dark:bg-gray-700', div3Class = 'h-5 bg-yellow-400 rounded', span2Class = 'text-sm font-medium text-gray-600 dark:text-gray-500',
+    // divClass = 'flex items-center mt-4', spanClass = 'text-sm font-medium text-gray-600 dark:text-gray-500', div2Class = 'mx-4 w-2/4 h-5 bg-gray-200 rounded-sm dark:bg-gray-700', div3Class = 'h-5 bg-yellow-400 rounded-sm', span2Class = 'text-sm font-medium text-gray-600 dark:text-gray-500',
     slots: {
         base: "flex items-center mt-4",
         span: "text-sm font-medium text-gray-600 dark:text-gray-500",
-        div2: "mx-4 w-2/4 h-5 bg-gray-200 rounded dark:bg-gray-700",
-        div3: "h-5 bg-yellow-400 rounded",
+        div2: "mx-4 w-2/4 h-5 bg-gray-200 rounded-sm dark:bg-gray-700",
+        div3: "h-5 bg-yellow-400 rounded-sm",
         span2: "text-sm font-medium text-gray-600 dark:text-gray-500"
     }
 });
@@ -28,12 +28,12 @@ export const review = tv({
 });
 export const scorerating = tv({
     slots: {
-        desc1: "bg-primary-100 w-8 text-primary-800 text-sm font-semibold inline-flex items-center p-1.5 rounded dark:bg-primary-200 dark:text-primary-800",
+        desc1: "bg-primary-100 w-8 text-primary-800 text-sm font-semibold inline-flex items-center p-1.5 rounded-sm dark:bg-primary-200 dark:text-primary-800",
         desc2: "ms-2 font-medium text-gray-900 dark:text-white",
         desc3: "mx-2 w-1 h-1 mx-2 bg-gray-900 rounded-full dark:bg-gray-500",
         desc3span: "text-sm w-24 font-medium text-gray-500 dark:text-gray-400",
         desc3p: "text-sm w-24 font-medium text-gray-500 dark:text-gray-400",
         link: "ms-auto w-32 text-sm font-medium text-primary-600 hover:underline dark:text-primary-500",
-        bar: "bg-primary-600 h-2.5 rounded dark:bg-primary-500"
+        bar: "bg-primary-600 h-2.5 rounded-sm dark:bg-primary-500"
     }
 });