odj-svelte-ui 0.1.1 → 0.2.0

package/dist/gallery/theme.d.ts

@@ -1,15 +1,15 @@
 declare const gallery: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            image?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            image?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            image?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            image?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -17,16 +17,16 @@ declare const gallery: import("tailwind-variants").TVReturnType<{
     div: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            image?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            image?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            image?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            image?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -37,9 +37,9 @@ declare const gallery: import("tailwind-variants").TVReturnType<{
     div: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            div?: import("tailwind-merge").ClassNameValue;
-            image?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            div?: import("tailwind-variants").ClassValue;
+            image?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/indicator/theme.js

@@ -1,7 +1,7 @@
 import { tv } from "tailwind-variants";
 const indicator = tv({
     slots: {
-        base: "flex-shrink-0"
+        base: "shrink-0"
     },
     variants: {
         color: {
@@ -35,7 +35,7 @@ const indicator = tv({
             xl: { base: "w-6 h-6" }
         },
         cornerStyle: {
-            rounded: { base: "rounded" },
+            rounded: { base: "rounded-sm" },
             circular: { base: "rounded-full" }
         },
         border: {

package/dist/list-group/theme.js

@@ -44,7 +44,7 @@ export const listGroupItem = tv({
         {
             active: true,
             state: "normal",
-            class: "hover:bg-gray-100 hover:text-primary-700 dark:hover:bg-gray-600 dark:hover:text-white focus:z-40 focus:outline-none focus:ring-2 focus:ring-primary-700 focus:text-primary-700 dark:focus:ring-gray-500 dark:focus:text-white"
+            class: "hover:bg-gray-100 hover:text-primary-700 dark:hover:bg-gray-600 dark:hover:text-white focus:z-40 focus:outline-hidden focus:ring-2 focus:ring-primary-700 focus:text-primary-700 dark:focus:ring-gray-500 dark:focus:text-white"
         }
     ]
 });

package/dist/mega-menu/theme.js

@@ -2,7 +2,7 @@ import { tv } from "tailwind-variants";
 export const megamenu = tv({
     slots: {
         base: "w-full border rounded-lg",
-        div: "flex flex-col md:flex-row p-4 max-w-screen-md justify-center mx-auto mt-2",
+        div: "flex flex-col md:flex-row p-4 max-w-(--breakpoint-md) justify-center mx-auto mt-2",
         ul: "grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max grid-cols-2 md:grid-cols-3 text-sm font-medium",
         footerDiv: "md:w-1/3 mt-4 md:mt-0"
     },

package/dist/modal/theme.js

@@ -4,7 +4,7 @@ export const modal = tv({
         base: "fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex pointer-events-none",
         div: "flex relative w-full max-h-full",
         content: "w-full text-light-surface-800 dark:text-dark-surface-300 bg-white dark:bg-dark-surface-800 pointer-events-auto",
-        backdrop: "fixed inset-0 z-50 bg-light-surface-900 bg-opacity-50 dark:bg-opacity-80 pointer-events-auto",
+        backdrop: "fixed inset-0 z-50 bg-light-surface-900/50 dark:bg-light-surface-900/80 pointer-events-auto",
         header: "flex justify-between items-center pt-4 px-4 rounded-t-xl",
         footer: "flex items-center p-4 space-x-3 rtl:space-x-reverse rounded-b-xl border-t border-light-surface-300 dark:border-dark-surface-600 ",
         body: "p-4 space-y-4 flex-1 overflow-y-auto overscroll-contain",
@@ -36,7 +36,7 @@ export const modal = tv({
             xl: { div: "max-w-7xl" }
         },
         backdrop: {
-            true: { backdrop: "bg-light-surface-900 dark:bg-dark-surface-900 bg-opacity-75" }
+            true: { backdrop: "bg-light-surface-900/75 dark:bg-dark-surface-900/75" }
         },
         rounded: {
             true: { content: "rounded-xl" }

package/dist/nav/theme.d.ts

@@ -345,16 +345,16 @@ export declare const navUl: import("tailwind-variants").TVReturnType<{
 }>, unknown, unknown, undefined>>;
 export declare const navbrand: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -362,16 +362,16 @@ export declare const navbrand: 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;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
-        [key: string]: import("tailwind-merge").ClassNameValue | {
-            base?: import("tailwind-merge").ClassNameValue;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -382,9 +382,9 @@ export declare const navbrand: 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;
-            span?: import("tailwind-merge").ClassNameValue;
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            span?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
@@ -581,7 +581,7 @@ export declare const navhamburger: import("tailwind-variants").TVReturnType<{
         xl: string;
         xxl: string;
     };
-}, undefined, "inline-flex h-10 w-10 items-center justify-center rounded-lg p-2 text-sm text-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", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "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-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: {
         md: string;
         lg: string;
@@ -609,7 +609,7 @@ export declare const navhamburger: import("tailwind-variants").TVReturnType<{
         xl: string;
         xxl: string;
     };
-}, undefined, "inline-flex h-10 w-10 items-center justify-center rounded-lg p-2 text-sm text-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", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "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-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: {
         md: string;
         lg: string;

package/dist/nav/theme.js

@@ -3,10 +3,10 @@ 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",
         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 text-sm text-gray-500 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",
         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-gray-900 rounded-sm hover:bg-gray-100 dark:text-white dark:hover:bg-gray-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"
             },
@@ -74,7 +74,7 @@ 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 pl-3 pr-4 text-gray-900 rounded-sm hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white"
     },
     variants: {
         active: {
@@ -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-gray-500 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: {
             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>