@byyuurin/ui 0.0.6 → 0.0.7

package/dist/runtime/theme/table.d.ts

@@ -0,0 +1,89 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        base: string;
+        caption: string;
+        thead: string;
+        tbody: string;
+        tr: string;
+        th: string;
+        td: string;
+        empty: string;
+    };
+    variants: {
+        sticky: {
+            true: {
+                thead: string;
+            };
+        };
+        pinned: {
+            true: {
+                th: string;
+                td: string;
+            };
+        };
+        expanded: {
+            true: {
+                tr: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        sticky: {
+            true: {
+                thead: string;
+            };
+        };
+        pinned: {
+            true: {
+                th: string;
+                td: string;
+            };
+        };
+        expanded: {
+            true: {
+                tr: string;
+            };
+        };
+    }, {
+        root: string;
+        base: string;
+        caption: string;
+        thead: string;
+        tbody: string;
+        tr: string;
+        th: string;
+        td: string;
+        empty: string;
+    }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
+        sticky: {
+            true: {
+                thead: string;
+            };
+        };
+        pinned: {
+            true: {
+                th: string;
+                td: string;
+            };
+        };
+        expanded: {
+            true: {
+                tr: string;
+            };
+        };
+    }, {
+        root: string;
+        base: string;
+        caption: string;
+        thead: string;
+        tbody: string;
+        tr: string;
+        th: string;
+        td: string;
+        empty: string;
+    }>;
+};
+export default _default;

package/dist/runtime/theme/table.js

@@ -0,0 +1,35 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      root: "relative overflow-auto",
+      base: "min-w-full overflow-clip",
+      caption: "sr-only",
+      thead: "relative [&>tr]:after:absolute [&>tr]:after:inset-x-0 [&>tr]:after:bottom-0 [&>tr]:after:h-px [&>tr]:after:bg-ui-cb/20",
+      tbody: "divide-y divide-ui-cb/10",
+      tr: "data-[selected=true]:bg-soft-ui-cb/50",
+      th: "px-4 py-3.5 text-sm color-ui-cb text-left rtl:text-right font-semibold [&:has([role=checkbox])]:pe-0",
+      td: "p-4 text-sm color-ui-cb/80 whitespace-nowrap [&:has([role=checkbox])]:pe-0",
+      empty: "py-6 text-center text-sm color-ui-cb/80"
+    },
+    variants: {
+      sticky: {
+        true: {
+          thead: "sticky z-1 top-0 inset-x-0 bg-ui-cx/90 backdrop-blur"
+        }
+      },
+      pinned: {
+        true: {
+          th: "sticky bg-ui-cx/90 data-[pinned=left]:left-0 data-[pinned=right]:right-0",
+          td: "sticky bg-ui-cx/90 data-[pinned=left]:left-0 data-[pinned=right]:right-0"
+        }
+      },
+      expanded: {
+        true: {
+          tr: "animate-[fade-in_200ms_ease-out]"
+        }
+      }
+    }
+  }
+);

package/dist/runtime/theme/tabs.d.ts

@@ -67,67 +67,84 @@ declare const _default: {
                 root: string;
             };
         };
-        full: {
+        evenly: {
             true: {
                 trigger: string;
             };
         };
     };
-    compoundVariants: ({
-        size: ("xs" | "sm" | "md")[];
-        class: {
-            trigger: string;
-            indicator?: undefined;
-            list?: undefined;
-        };
-        orientation?: undefined;
-        variant?: undefined;
-    } | {
-        size: ("lg" | "xl")[];
-        class: {
-            trigger: string;
-            indicator?: undefined;
-            list?: undefined;
-        };
-        orientation?: undefined;
-        variant?: undefined;
-    } | {
-        orientation: "horizontal";
-        variant: ("solid" | "outline" | "soft" | "soft-outline")[];
-        class: {
-            indicator: string;
-            trigger?: undefined;
-            list?: undefined;
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        variant: {
+            solid: {
+                list: string;
+                trigger: string[];
+                indicator: string;
+            };
+            outline: {
+                list: string;
+                trigger: string[];
+                indicator: string;
+            };
+            soft: {
+                list: string;
+                trigger: string[];
+                indicator: string;
+            };
+            'soft-outline': {
+                list: string;
+                trigger: string[];
+                indicator: string;
+            };
+            link: {
+                list: string;
+                indicator: string;
+                trigger: string[];
+            };
         };
-        size?: undefined;
-    } | {
-        orientation: "horizontal";
-        variant: "link";
-        class: {
-            list: string;
-            indicator: string;
-            trigger?: undefined;
+        orientation: {
+            horizontal: {
+                root: string;
+                list: string;
+                indicator: string;
+                trigger: string;
+            };
+            vertical: {
+                list: string;
+                indicator: string;
+                trigger: string;
+            };
         };
-        size?: undefined;
-    } | {
-        orientation: "vertical";
-        variant: ("solid" | "outline" | "soft" | "soft-outline")[];
-        class: {
-            indicator: string;
-            list: string;
-            trigger?: undefined;
+        size: {
+            xs: {
+                root: string;
+            };
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+            xl: {
+                root: string;
+            };
         };
-        size?: undefined;
-    } | {
-        orientation: "vertical";
-        variant: "link";
-        class: {
-            list: string;
-            indicator: string;
-            trigger?: undefined;
+        evenly: {
+            true: {
+                trigger: string;
+            };
         };
-        size?: undefined;
-    })[];
+    }, {
+        root: string;
+        list: string;
+        indicator: string;
+        trigger: string[];
+        content: string;
+        prefixIcon: string;
+        label: string;
+    }, undefined>;
     defaultVariants: {
         size: "md";
     };

package/dist/runtime/theme/{tabs.mjs → tabs.js}

@@ -18,15 +18,15 @@ export default ct(
     variants: {
       variant: {
         "solid": {
-          list: "bg-solid-ui-cb/5 rounded-ui-tabs",
+          list: "bg-soft-ui-cb/5 rounded-ui-tabs",
           trigger: [
-            "data-[state=active]:color-ui-c1 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-cb/80",
+            "data-[state=active]:color-ui-cx focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-cb/80",
             "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
           ],
-          indicator: "bg-solid-ui-fill/90 rounded-ui-tabs shadow-xs"
+          indicator: "bg-soft-ui-fill/90 rounded-ui-tabs shadow-sm"
         },
         "outline": {
-          list: "bg-solid-ui-cb/5 rounded-ui-tabs",
+          list: "bg-soft-ui-cb/5 rounded-ui-tabs",
           trigger: [
             "data-[state=active]:color-ui-content focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-content/80",
             "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
@@ -34,24 +34,24 @@ export default ct(
           indicator: "rounded-ui-tabs ring ring-inset ring-ui-content"
         },
         "soft": {
-          list: "bg-solid-ui-cb/5 rounded-ui-tabs",
+          list: "bg-soft-ui-cb/5 rounded-ui-tabs",
           trigger: [
             "data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill",
             "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
           ],
-          indicator: "bg-solid-ui-fill/10 rounded-ui-tabs shadow-xs"
+          indicator: "bg-soft-ui-fill/10 rounded-ui-tabs shadow-sm"
         },
         "soft-outline": {
-          list: "bg-solid-ui-cb/5 rounded-ui-tabs",
+          list: "bg-soft-ui-cb/5 rounded-ui-tabs",
           trigger: [
             "data-[state=active]:color-ui-fill focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-fill",
             "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
           ],
-          indicator: "bg-solid-ui-fill/10 rounded-ui-tabs shadow-xs ring ring-inset ring-ui-content/40"
+          indicator: "bg-soft-ui-fill/10 rounded-ui-tabs shadow-sm ring ring-inset ring-ui-content/30"
         },
         "link": {
-          list: "bg-solid-ui-cb/5 border-ui-cb/10",
-          indicator: "bg-solid-ui-fill rounded-full",
+          list: "bg-soft-ui-cb/5 border-ui-cb/10",
+          indicator: "bg-soft-ui-fill rounded-full",
           trigger: [
             "data-[state=active]:color-ui-base focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-base",
             "data-[state=inactive]:color-ui-cb/80 hover:data-[state=inactive]:not-disabled:color-ui-cb"
@@ -88,7 +88,7 @@ export default ct(
           root: "text-xl"
         }
       },
-      full: {
+      evenly: {
         true: {
           trigger: "w-full flex-1"
         }

package/dist/runtime/theme/textarea.d.ts

@@ -48,47 +48,53 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: ({
-        variant: ("soft" | "ghost" | "none")[];
-        highlight: false;
-        underline: true;
-        class: {
-            root: string[];
-        };
-        size?: undefined;
-    } | {
-        size: ("xs" | "sm" | "md")[];
-        class: {
-            root: string;
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        size: {
+            xs: {
+                root: string;
+            };
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+            xl: {
+                root: string;
+            };
         };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-    } | {
-        size: ("lg" | "xl")[];
-        class: {
-            root: string;
+        variant: {
+            outline: {
+                root: string[];
+            };
+            soft: {
+                root: string[];
+            };
+            'soft-outline': {
+                root: string[];
+            };
+            ghost: {
+                root: string[];
+            };
+            none: {
+                root: string;
+            };
         };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-    } | {
-        variant: ("soft" | "soft-outline" | "ghost" | "none")[];
-        highlight: true;
-        class: {
-            root: string;
+        underline: {
+            true: "";
         };
-        underline?: undefined;
-        size?: undefined;
-    } | {
-        variant: "outline"[];
-        highlight: true;
-        class: {
-            root: string;
+        highlight: {
+            true: {
+                base: string;
+            };
         };
-        underline?: undefined;
-        size?: undefined;
-    })[];
+    }, {
+        root: string;
+        base: string[];
+    }, undefined>;
     defaultVariants: {
         size: "md";
     };

package/dist/runtime/theme/{textarea.mjs → textarea.js}

@@ -31,29 +31,29 @@ export default ct(
       variant: {
         "outline": {
           root: [
-            "color-ui-cb/80 bg-solid-ui-c1 ring ring-inset ring-ui-cb/50",
+            "color-ui-cb/80 bg-ui-cx ring ring-inset ring-ui-cb/30",
             "focus-within:ring-2 focus-within:ring-ui-cb/50",
             "aria-disabled:ring-ui-cb/80 hover:aria-disabled:ring-ui-cb/80"
           ]
         },
         "soft": {
           root: [
-            "color-ui-cb/80 bg-solid-ui-cb/4",
-            "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-content/80 aria-disabled:bg-solid-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-solid-ui-fill/5"
+            "color-ui-cb/80 bg-soft-ui-cb/4",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
+            "aria-disabled:color-ui-content/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-soft-ui-fill/5"
           ]
         },
         "soft-outline": {
           root: [
-            "color-ui-cb/80 bg-solid-ui-cb/4 ring ring-inset ring-ui-cb/10",
-            "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-content/80 aria-disabled:bg-solid-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-solid-ui-fill/5"
+            "color-ui-cb/80 bg-soft-ui-cb/4 ring ring-inset ring-ui-cb/30",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
+            "aria-disabled:color-ui-content/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-soft-ui-fill/5"
           ]
         },
         "ghost": {
           root: [
             "color-ui-cb/80 bg-transparent",
-            "hover:bg-solid-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-solid-ui-cb/8 focus-within:color-ui-cb/85",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:hover:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
             "aria-disabled:color-ui-fill/80 aria-disabled:bg-transparent hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-transparent"
           ]
         },
@@ -77,8 +77,8 @@ export default ct(
         underline: true,
         class: {
           root: [
-            "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-solid-ui-cb/40",
-            "focus-within:after:h-2px focus-within:after:bg-solid-ui-fill/60"
+            "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-soft-ui-cb/40",
+            "focus-within:after:h-2px focus-within:after:bg-soft-ui-fill/60"
           ]
         }
       },

package/dist/runtime/theme/toast.d.ts

@@ -29,7 +29,7 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         orientation: {
             horizontal: {
                 root: string;
@@ -57,7 +57,7 @@ declare const _default: {
         progress: string;
         close: string;
     }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         orientation: {
             horizontal: {
                 root: string;

package/dist/runtime/theme/{toast.mjs → toast.js}

@@ -3,7 +3,7 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      root: "group relative overflow-hidden bg-solid-ui-c1 shadow-lg rounded-ui-box ring ring-ui-c2 p-4 flex gap-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-c2",
+      root: "group relative overflow-hidden bg-ui-cx shadow-lg rounded-ui-box ring ring-ui-cb/5 p-4 flex gap-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-cb/5",
       wrapper: "w-0 flex-1 flex flex-col gap-1",
       title: "text-base font-medium color-ui-cb",
       description: "text-sm color-ui-cb/80",

package/dist/runtime/theme/toaster.d.ts

@@ -45,36 +45,51 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: ({
-        position: ("top-right" | "top-left" | "top-center")[];
-        class: {
-            viewport: string;
-            base: string;
-        };
-        swipeDirection?: undefined;
-    } | {
-        position: ("bottom-right" | "bottom-left" | "bottom-center")[];
-        class: {
-            viewport: string;
-            base: string;
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        clickable: {
+            true: {
+                base: string;
+            };
         };
-        swipeDirection?: undefined;
-    } | {
-        swipeDirection: ("right" | "left")[];
-        class: {
-            base: string[];
-            viewport?: undefined;
+        position: {
+            'top-left': {
+                viewport: string;
+            };
+            'top-center': {
+                viewport: string;
+            };
+            'top-right': {
+                viewport: string;
+            };
+            'bottom-left': {
+                viewport: string;
+            };
+            'bottom-center': {
+                viewport: string;
+            };
+            'bottom-right': {
+                viewport: string;
+            };
         };
-        position?: undefined;
-    } | {
-        swipeDirection: ("up" | "down")[];
-        class: {
-            base: string[];
-            viewport?: undefined;
+        swipeDirection: {
+            up: {
+                base: string;
+            };
+            right: {
+                base: string;
+            };
+            down: {
+                base: string;
+            };
+            left: {
+                base: string;
+            };
         };
-        position?: undefined;
-    })[];
-    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+    }, {
+        viewport: string[];
+        base: string[];
+    }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         clickable: {
             true: {
                 base: string;

package/dist/runtime/theme/tooltip.d.ts

@@ -8,18 +8,18 @@ declare const _default: {
     variants: {
         [key: string]: {
             [key: string]: "" | {
-                content?: import("@byyuurin/ui-kit/index").ClassValue;
-                arrow?: import("@byyuurin/ui-kit/index").ClassValue;
-                text?: import("@byyuurin/ui-kit/index").ClassValue;
+                content?: import("@byyuurin/ui-kit").ClassValue;
+                arrow?: import("@byyuurin/ui-kit").ClassValue;
+                text?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         [key: string]: {
             [key: string]: "" | {
-                content?: import("@byyuurin/ui-kit/index").ClassValue;
-                arrow?: import("@byyuurin/ui-kit/index").ClassValue;
-                text?: import("@byyuurin/ui-kit/index").ClassValue;
+                content?: import("@byyuurin/ui-kit").ClassValue;
+                arrow?: import("@byyuurin/ui-kit").ClassValue;
+                text?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {
@@ -27,12 +27,12 @@ declare const _default: {
         arrow: string;
         text: string;
     }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         [key: string]: {
             [key: string]: "" | {
-                content?: import("@byyuurin/ui-kit/index").ClassValue;
-                arrow?: import("@byyuurin/ui-kit/index").ClassValue;
-                text?: import("@byyuurin/ui-kit/index").ClassValue;
+                content?: import("@byyuurin/ui-kit").ClassValue;
+                arrow?: import("@byyuurin/ui-kit").ClassValue;
+                text?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {

package/dist/runtime/theme/tooltip.js

@@ -0,0 +1,11 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      content: "flex items-center gap-1 bg-ui-cx color-ui-base shadow-sm rounded-ui-base ring ring-ui-base/10 h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      arrow: "fill-ui-cx stroke-ui-cb/10",
+      text: "truncate"
+    }
+  }
+);