@byyuurin/ui 0.0.8 → 0.0.10

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

@@ -26,7 +26,7 @@ declare const _default: {
         disabled: {
             true: "cursor-not-allowed opacity-50";
         };
-    }, undefined, "border-y border-t-transparent outline-none focus-visible:outline-ui-cb/80">;
+    }, undefined, "border-y border-t-transparent outline-none focus-visible:outline-ui-base/80">;
     defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         underline: {
             true: "border-current";

package/dist/runtime/theme/link.js

@@ -2,7 +2,7 @@ import { ct } from "@byyuurin/ui-kit";
 export default ct(
   /* @unocss-include */
   {
-    base: "border-y border-t-transparent outline-none focus-visible:outline-ui-cb/80",
+    base: "border-y border-t-transparent outline-none focus-visible:outline-ui-base/80",
     variants: {
       underline: {
         true: "border-current",
@@ -14,8 +14,8 @@ export default ct(
           "disabled:color-ui-fill aria-disabled:color-ui-fill"
         ],
         false: [
-          "color-ui-cb/80 hover:color-ui-cb/60 transition-colors",
-          "disabled:hover:color-ui-cb aria-disabled:hover:color-ui-cb"
+          "color-ui-base/80 hover:color-ui-base/60 transition-colors",
+          "disabled:hover:color-ui-base aria-disabled:hover:color-ui-base"
         ]
       },
       disabled: {

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

@@ -35,40 +35,12 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        transition: {
-            true: {
-                overlay: string;
-                content: string;
-            };
-        };
-        size: {
-            fullscreen: {
-                content: string;
-            };
-            sm: {
-                content: string;
-            };
-            md: {
-                content: string;
-            };
-            lg: {
-                content: string;
-            };
-            xl: {
-                content: string;
-            };
+    compoundVariants: {
+        size: ("sm" | "md" | "lg" | "xl")[];
+        class: {
+            content: string[];
         };
-    }, {
-        overlay: string;
-        content: string;
-        header: string;
-        body: string;
-        footer: string;
-        title: string;
-        description: string;
-        close: string;
-    }, undefined>;
+    }[];
     defaultVariants: {
         size: "sm";
     };

package/dist/runtime/theme/modal.js

@@ -4,12 +4,12 @@ export default ct(
   {
     slots: {
       overlay: "fixed z-1 inset-0 bg-black/40",
-      content: "fixed z-1 bg-ui-cx divide-y divide-ui-cb/10 flex flex-col focus:outline-none",
+      content: "fixed z-1 bg-ui-base divide-y divide-ui-base/10 flex flex-col focus:outline-none",
       header: "flex flex-wrap items-center gap-1 px-4 py-5 sm:px-6",
       body: "flex-1 overflow-y-auto p-4 sm:p-6 empty:hidden",
       footer: "flex items-center gap-1.5 p-4 sm:px-6",
-      title: "flex-grow color-ui-cb text-xl font-semibold",
-      description: "w-full color-ui-cb/80",
+      title: "flex-grow color-ui-base text-xl font-semibold",
+      description: "w-full color-ui-base/80",
       close: "ms-auto"
     },
     variants: {
@@ -42,7 +42,7 @@ export default ct(
         size: ["sm", "md", "lg", "xl"],
         class: {
           content: [
-            "bottom-4 left-[50%] translate-x-[-50%] h-auto max-w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] rounded-ui-box shadow-sm shadow-ui-cb/10 ring ring-ui-cb/10",
+            "bottom-4 left-[50%] translate-x-[-50%] h-auto max-w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] rounded-ui-box shadow-sm shadow-ui-base/10 ring ring-ui-base/10",
             "sm:bottom-auto sm:top-[50%] sm:translate-y-[-50%]"
           ]
         }

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

@@ -3,9 +3,13 @@ declare const _default: {
     slots: {
         root: string;
         list: string;
-        item: string;
         ellipsis: string;
         label: string;
+        item: string;
+        first: string;
+        prev: string;
+        next: string;
+        last: string;
     };
     variants: {
         [key: string]: {
@@ -14,7 +18,11 @@ declare const _default: {
                 item?: import("@byyuurin/ui-kit").ClassValue;
                 label?: import("@byyuurin/ui-kit").ClassValue;
                 list?: import("@byyuurin/ui-kit").ClassValue;
+                prev?: import("@byyuurin/ui-kit").ClassValue;
+                next?: import("@byyuurin/ui-kit").ClassValue;
                 ellipsis?: import("@byyuurin/ui-kit").ClassValue;
+                first?: import("@byyuurin/ui-kit").ClassValue;
+                last?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     };
@@ -25,15 +33,23 @@ declare const _default: {
                 item?: import("@byyuurin/ui-kit").ClassValue;
                 label?: import("@byyuurin/ui-kit").ClassValue;
                 list?: import("@byyuurin/ui-kit").ClassValue;
+                prev?: import("@byyuurin/ui-kit").ClassValue;
+                next?: import("@byyuurin/ui-kit").ClassValue;
                 ellipsis?: import("@byyuurin/ui-kit").ClassValue;
+                first?: import("@byyuurin/ui-kit").ClassValue;
+                last?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {
         root: string;
         list: string;
-        item: string;
         ellipsis: string;
         label: string;
+        item: string;
+        first: string;
+        prev: string;
+        next: string;
+        last: string;
     }, undefined>;
     defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         [key: string]: {
@@ -42,15 +58,23 @@ declare const _default: {
                 item?: import("@byyuurin/ui-kit").ClassValue;
                 label?: import("@byyuurin/ui-kit").ClassValue;
                 list?: import("@byyuurin/ui-kit").ClassValue;
+                prev?: import("@byyuurin/ui-kit").ClassValue;
+                next?: import("@byyuurin/ui-kit").ClassValue;
                 ellipsis?: import("@byyuurin/ui-kit").ClassValue;
+                first?: import("@byyuurin/ui-kit").ClassValue;
+                last?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {
         root: string;
         list: string;
-        item: string;
         ellipsis: string;
         label: string;
+        item: string;
+        first: string;
+        prev: string;
+        next: string;
+        last: string;
     }>;
 };
 export default _default;

package/dist/runtime/theme/pagination.js

@@ -5,9 +5,13 @@ export default ct(
     slots: {
       root: "",
       list: "flex items-center gap-1",
-      item: "",
       ellipsis: "pointer-events-none",
-      label: "px-0 min-w-1.5em"
+      label: "px-0 min-w-1.5em text-center",
+      item: "",
+      first: "",
+      prev: "",
+      next: "",
+      last: ""
     }
   }
 );

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

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

package/dist/runtime/theme/pinInput.js

@@ -5,7 +5,7 @@ export default ct(
     slots: {
       root: "inline-flex items-center gap-x-2",
       container: "rounded-ui-base border-0 transition-colors aria-disabled:opacity-50",
-      base: "w-full color-inherit bg-transparent text-center placeholder:color-ui-cb/50 focus:outline-none disabled:cursor-not-allowed"
+      base: "w-full color-inherit bg-transparent text-center placeholder:color-ui-base/50 focus:outline-none disabled:cursor-not-allowed"
     },
     variants: {
       size: {
@@ -28,34 +28,34 @@ export default ct(
       variant: {
         "outline": {
           container: [
-            "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"
+            "color-ui-base/80 bg-ui-base ring ring-inset ring-ui-base/30",
+            "focus-within:ring-2 focus-within:ring-ui-base/50",
+            "aria-disabled:ring-ui-base/15 hover:aria-disabled:ring-ui-base/15"
           ]
         },
         "soft": {
           container: [
-            "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: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"
+            "color-ui-base/80 bg-soft-ui-cb/4",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
+            "aria-disabled:color-ui-fill/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-soft-ui-fill/5"
           ]
         },
         "soft-outline": {
           container: [
-            "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: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"
+            "color-ui-base/80 bg-soft-ui-cb/4 ring ring-inset ring-ui-base/30",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
+            "aria-disabled:color-ui-fill/80 aria-disabled:bg-soft-ui-fill/5 hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-soft-ui-fill/5"
           ]
         },
         "ghost": {
           container: [
-            "color-ui-cb/80 bg-transparent",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
+            "color-ui-base/80 bg-transparent",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
             "aria-disabled:color-ui-fill/80 aria-disabled:bg-transparent hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-transparent"
           ]
         },
         "none": {
-          container: "color-ui-cb bg-transparent"
+          container: "color-ui-base bg-transparent"
         }
       },
       underline: {

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

@@ -58,63 +58,127 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        size: {
-            xs: {
-                wrapper: string;
-            };
-            sm: {
-                wrapper: string;
-            };
-            md: {
-                wrapper: string;
-            };
-            lg: {
-                wrapper: string;
-            };
-            xl: {
-                wrapper: string;
-            };
+    compoundVariants: ({
+        orientation: "horizontal";
+        inverted: true;
+        class: {
+            step: string;
+            status: string;
+            steps?: undefined;
+            root?: undefined;
         };
-        step: {
-            active: {
-                step: string;
-            };
-            first: {
-                step: string;
-            };
-            other: {
-                step: string;
-            };
-            last: {
-                step: string;
-            };
+        size?: undefined;
+    } | {
+        orientation: "vertical";
+        inverted: true;
+        class: {
+            steps: string;
+            status: string;
+            step?: undefined;
+            root?: undefined;
         };
-        orientation: {
-            horizontal: {
-                wrapper: string;
-                root: string;
-                status: string;
-            };
-            vertical: {
-                wrapper: string;
-                root: string;
-                status: string;
-            };
+        size?: undefined;
+    } | {
+        size: "xs";
+        orientation: "horizontal";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
         };
-        inverted: {
-            true: {
-                status: string;
-            };
+        inverted?: undefined;
+    } | {
+        size: "sm";
+        orientation: "horizontal";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
         };
-    }, {
-        wrapper: string;
-        root: string;
-        indicator: string;
-        status: string;
-        steps: string;
-        step: string;
-    }, undefined>;
+        inverted?: undefined;
+    } | {
+        size: "md";
+        orientation: "horizontal";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "lg";
+        orientation: "horizontal";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "xl";
+        orientation: "horizontal";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "xs";
+        orientation: "vertical";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "sm";
+        orientation: "vertical";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "md";
+        orientation: "vertical";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "lg";
+        orientation: "vertical";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    } | {
+        size: "xl";
+        orientation: "vertical";
+        class: {
+            root: string;
+            step?: undefined;
+            status?: undefined;
+            steps?: undefined;
+        };
+        inverted?: undefined;
+    })[];
     defaultVariants: {
         size: "md";
     };

package/dist/runtime/theme/progress.js

@@ -5,9 +5,9 @@ export default ct(
     slots: {
       wrapper: "gap-2",
       root: "relative overflow-hidden rounded-full bg-soft-ui-cb/30",
-      indicator: "bg-ui-content rounded-full size-full transition-transform duration-200 ease-out",
-      status: "flex justify-end color-ui-cb/50 transition-[width] duration-200",
-      steps: "grid items-end color-ui-cb/80",
+      indicator: "bg-ui-fill rounded-full size-full transition-transform duration-200 ease-out",
+      status: "flex justify-end color-ui-base/50 transition-[width] duration-200",
+      steps: "grid items-end color-ui-base/80",
       step: "truncate text-end row-start-1 col-start-1 transition-opacity"
     },
     variants: {
@@ -33,7 +33,7 @@ export default ct(
           step: "opacity-100"
         },
         first: {
-          step: "opacity-100 color-ui-cb/60"
+          step: "opacity-100 color-ui-base/60"
         },
         other: {
           step: "opacity-0"

package/dist/runtime/theme/radio-group.d.ts

@@ -40,7 +40,7 @@ declare const _default: {
         };
         disabled: {
             true: {
-                root: string;
+                item: string;
             };
             false: {
                 label: string;
@@ -80,7 +80,7 @@ declare const _default: {
         };
         disabled: {
             true: {
-                root: string;
+                item: string;
             };
             false: {
                 label: string;

package/dist/runtime/theme/radio-group.js

@@ -3,16 +3,16 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      root: "relative",
+      root: "",
       fieldset: "flex flex-wrap gap-2 gap-x-4",
-      legend: "mb-2 color-ui-cb",
-      item: "flex items-start",
-      base: "relative size-1.25em rounded-ui-radio ring ring-inset ring-ui-cb outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-cb/80 transition data-[state=checked]:ring-ui-base",
+      legend: "mb-2 color-ui-base",
+      item: "relative flex items-start",
+      base: "relative size-1.25em rounded-ui-radio ring ring-inset ring-ui-base outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-base/80 transition data-[state=checked]:ring-ui-base",
       indicator: "absolute inset-0 scale-0 rounded-ui-radio bg-ui-fill transition data-[state=checked]:scale-66",
       container: "h-1.5em flex items-center",
       wrapper: "",
-      label: "block ps-2 color-ui-cb",
-      description: "ps-2 color-ui-cb/60"
+      label: "block ps-2 color-ui-base",
+      description: "ps-2 color-ui-base/60"
     },
     variants: {
       orientation: {
@@ -42,7 +42,7 @@ export default ct(
       },
       disabled: {
         true: {
-          root: "opacity-50 after:content-empty after:absolute after:inset-0 after:cursor-not-allowed"
+          item: "opacity-50 after:content-empty after:absolute after:inset-0 after:cursor-not-allowed"
         },
         false: {
           label: "cursor-pointer"