@byyuurin/ui 0.0.6 → 0.0.8

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

@@ -14,7 +14,7 @@ export default ct(
           "disabled:color-ui-fill aria-disabled:color-ui-fill"
         ],
         false: [
-          "color-ui-cb hover:color-ui-cb/80 transition-colors",
+          "color-ui-cb/80 hover:color-ui-cb/60 transition-colors",
           "disabled:hover:color-ui-cb aria-disabled:hover:color-ui-cb"
         ]
       },

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

@@ -17,9 +17,29 @@ declare const _default: {
                 content: string;
             };
         };
-        blur: {
+        size: {
+            fullscreen: {
+                content: string;
+            };
+            sm: {
+                content: string;
+            };
+            md: {
+                content: string;
+            };
+            lg: {
+                content: string;
+            };
+            xl: {
+                content: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        transition: {
             true: {
                 overlay: string;
+                content: string;
             };
         };
         size: {
@@ -39,13 +59,16 @@ declare const _default: {
                 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.mjs → modal.js}

@@ -3,8 +3,8 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      overlay: "fixed inset-0 bg-ui-c3/75",
-      content: "fixed bg-solid-ui-c1 divide-y divide-ui-cb/10 flex flex-col focus:outline-none",
+      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",
       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",
@@ -19,11 +19,6 @@ export default ct(
           content: "data-[state=open]:animate-[scale-in_200ms_ease-out] data-[state=closed]:animate-[scale-out_200ms_ease-in]"
         }
       },
-      blur: {
-        true: {
-          overlay: "backdrop-blur-sm"
-        }
-      },
       size: {
         fullscreen: {
           content: "inset-0"
@@ -47,8 +42,8 @@ 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)] ring ring-ui-c2",
-            "sm:bottom-auto sm:top-[50%] sm:translate-y-[-50%] sm:rounded-ui-box sm:shadow-lg"
+            "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",
+            "sm:bottom-auto sm:top-[50%] sm:translate-y-[-50%]"
           ]
         }
       }

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

@@ -10,22 +10,22 @@ declare const _default: {
     variants: {
         [key: string]: {
             [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit/index").ClassValue;
-                item?: import("@byyuurin/ui-kit/index").ClassValue;
-                label?: import("@byyuurin/ui-kit/index").ClassValue;
-                list?: import("@byyuurin/ui-kit/index").ClassValue;
-                ellipsis?: import("@byyuurin/ui-kit/index").ClassValue;
+                root?: import("@byyuurin/ui-kit").ClassValue;
+                item?: import("@byyuurin/ui-kit").ClassValue;
+                label?: import("@byyuurin/ui-kit").ClassValue;
+                list?: import("@byyuurin/ui-kit").ClassValue;
+                ellipsis?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         [key: string]: {
             [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit/index").ClassValue;
-                item?: import("@byyuurin/ui-kit/index").ClassValue;
-                label?: import("@byyuurin/ui-kit/index").ClassValue;
-                list?: import("@byyuurin/ui-kit/index").ClassValue;
-                ellipsis?: import("@byyuurin/ui-kit/index").ClassValue;
+                root?: import("@byyuurin/ui-kit").ClassValue;
+                item?: import("@byyuurin/ui-kit").ClassValue;
+                label?: import("@byyuurin/ui-kit").ClassValue;
+                list?: import("@byyuurin/ui-kit").ClassValue;
+                ellipsis?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {
@@ -35,14 +35,14 @@ declare const _default: {
         ellipsis: string;
         label: string;
     }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         [key: string]: {
             [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit/index").ClassValue;
-                item?: import("@byyuurin/ui-kit/index").ClassValue;
-                label?: import("@byyuurin/ui-kit/index").ClassValue;
-                list?: import("@byyuurin/ui-kit/index").ClassValue;
-                ellipsis?: import("@byyuurin/ui-kit/index").ClassValue;
+                root?: import("@byyuurin/ui-kit").ClassValue;
+                item?: import("@byyuurin/ui-kit").ClassValue;
+                label?: import("@byyuurin/ui-kit").ClassValue;
+                list?: import("@byyuurin/ui-kit").ClassValue;
+                ellipsis?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {

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

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

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

@@ -28,29 +28,29 @@ export default ct(
       variant: {
         "outline": {
           container: [
-            "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": {
           container: [
-            "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: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": {
           container: [
-            "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: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": {
           container: [
             "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: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"
           ]
         },
@@ -72,8 +72,8 @@ export default ct(
         underline: true,
         class: {
           container: [
-            "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/popover.d.ts

@@ -7,27 +7,27 @@ declare const _default: {
     variants: {
         [key: string]: {
             [key: string]: "" | {
-                content?: import("@byyuurin/ui-kit/index").ClassValue;
-                arrow?: import("@byyuurin/ui-kit/index").ClassValue;
+                content?: import("@byyuurin/ui-kit").ClassValue;
+                arrow?: 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;
+                content?: import("@byyuurin/ui-kit").ClassValue;
+                arrow?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {
         content: string[];
         arrow: 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;
+                content?: import("@byyuurin/ui-kit").ClassValue;
+                arrow?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {

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

@@ -4,7 +4,7 @@ export default ct(
   {
     slots: {
       content: [
-        "color-ui-base bg-solid-ui-base shadow-lg rounded-ui-box ring ring-ui-base/10",
+        "z-1 color-ui-base bg-ui-base shadow-lg rounded-ui-box ring ring-ui-base/10",
         "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] focus:outline-none pointer-events-auto"
       ],
       arrow: "fill-ui-base stroke-ui-cb/10"

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

@@ -0,0 +1,122 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        wrapper: string;
+        root: string;
+        indicator: string;
+        status: string;
+        steps: string;
+        step: string;
+    };
+    variants: {
+        size: {
+            xs: {
+                wrapper: string;
+            };
+            sm: {
+                wrapper: string;
+            };
+            md: {
+                wrapper: string;
+            };
+            lg: {
+                wrapper: string;
+            };
+            xl: {
+                wrapper: string;
+            };
+        };
+        step: {
+            active: {
+                step: string;
+            };
+            first: {
+                step: string;
+            };
+            other: {
+                step: string;
+            };
+            last: {
+                step: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                wrapper: string;
+                root: string;
+                status: string;
+            };
+            vertical: {
+                wrapper: string;
+                root: string;
+                status: string;
+            };
+        };
+        inverted: {
+            true: {
+                status: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        size: {
+            xs: {
+                wrapper: string;
+            };
+            sm: {
+                wrapper: string;
+            };
+            md: {
+                wrapper: string;
+            };
+            lg: {
+                wrapper: string;
+            };
+            xl: {
+                wrapper: string;
+            };
+        };
+        step: {
+            active: {
+                step: string;
+            };
+            first: {
+                step: string;
+            };
+            other: {
+                step: string;
+            };
+            last: {
+                step: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                wrapper: string;
+                root: string;
+                status: string;
+            };
+            vertical: {
+                wrapper: string;
+                root: string;
+                status: string;
+            };
+        };
+        inverted: {
+            true: {
+                status: string;
+            };
+        };
+    }, {
+        wrapper: string;
+        root: string;
+        indicator: string;
+        status: string;
+        steps: string;
+        step: string;
+    }, undefined>;
+    defaultVariants: {
+        size: "md";
+    };
+};
+export default _default;

package/dist/runtime/theme/progress.js

@@ -0,0 +1,95 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    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",
+      step: "truncate text-end row-start-1 col-start-1 transition-opacity"
+    },
+    variants: {
+      size: {
+        xs: {
+          wrapper: "text-xs"
+        },
+        sm: {
+          wrapper: "text-sm"
+        },
+        md: {
+          wrapper: "text-base"
+        },
+        lg: {
+          wrapper: "text-lg"
+        },
+        xl: {
+          wrapper: "text-xl"
+        }
+      },
+      step: {
+        active: {
+          step: "opacity-100"
+        },
+        first: {
+          step: "opacity-100 color-ui-cb/60"
+        },
+        other: {
+          step: "opacity-0"
+        },
+        last: {
+          step: ""
+        }
+      },
+      orientation: {
+        horizontal: {
+          wrapper: "w-full flex flex-col",
+          root: "w-full",
+          status: "flex-row"
+        },
+        vertical: {
+          wrapper: "h-full flex flex-row-reverse",
+          root: "h-full w-0.5em",
+          status: "flex-col"
+        }
+      },
+      inverted: {
+        true: {
+          status: "self-end"
+        }
+      }
+    },
+    compoundVariants: [
+      {
+        orientation: "horizontal",
+        inverted: true,
+        class: {
+          step: "text-start",
+          status: "flex-row-reverse"
+        }
+      },
+      {
+        orientation: "vertical",
+        inverted: true,
+        class: {
+          steps: "items-start",
+          status: "flex-col-reverse"
+        }
+      },
+      { size: "xs", orientation: "horizontal", class: { root: "h-0.25em" } },
+      { size: "sm", orientation: "horizontal", class: { root: "h-0.5em" } },
+      { size: "md", orientation: "horizontal", class: { root: "h-0.75em" } },
+      { size: "lg", orientation: "horizontal", class: { root: "h-1em" } },
+      { size: "xl", orientation: "horizontal", class: { root: "h-1.25em" } },
+      { size: "xs", orientation: "vertical", class: { root: "w-0.25em" } },
+      { size: "sm", orientation: "vertical", class: { root: "w-0.5em" } },
+      { size: "md", orientation: "vertical", class: { root: "w-0.75em" } },
+      { size: "lg", orientation: "vertical", class: { root: "w-1em" } },
+      { size: "xl", orientation: "vertical", class: { root: "w-1.25em" } }
+    ],
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);

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

@@ -52,7 +52,7 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         orientation: {
             horizontal: {
                 fieldset: string;

package/dist/runtime/theme/{radio-group.mjs → radio-group.js}

@@ -8,7 +8,7 @@ export default ct(
       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",
-      indicator: "absolute inset-0 scale-0 rounded-ui-radio bg-solid-ui-fill transition data-[state=checked]:scale-66",
+      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",

package/dist/runtime/theme/scroll-area.d.ts

@@ -17,22 +17,22 @@ declare const _default: {
     variants: {
         [key: string]: {
             [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit/index").ClassValue;
-                viewport?: import("@byyuurin/ui-kit/index").ClassValue;
-                corner?: import("@byyuurin/ui-kit/index").ClassValue;
-                scrollbar?: import("@byyuurin/ui-kit/index").ClassValue;
-                thumb?: import("@byyuurin/ui-kit/index").ClassValue;
+                root?: import("@byyuurin/ui-kit").ClassValue;
+                viewport?: import("@byyuurin/ui-kit").ClassValue;
+                corner?: import("@byyuurin/ui-kit").ClassValue;
+                scrollbar?: import("@byyuurin/ui-kit").ClassValue;
+                thumb?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         [key: string]: {
             [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit/index").ClassValue;
-                viewport?: import("@byyuurin/ui-kit/index").ClassValue;
-                corner?: import("@byyuurin/ui-kit/index").ClassValue;
-                scrollbar?: import("@byyuurin/ui-kit/index").ClassValue;
-                thumb?: import("@byyuurin/ui-kit/index").ClassValue;
+                root?: import("@byyuurin/ui-kit").ClassValue;
+                viewport?: import("@byyuurin/ui-kit").ClassValue;
+                corner?: import("@byyuurin/ui-kit").ClassValue;
+                scrollbar?: import("@byyuurin/ui-kit").ClassValue;
+                thumb?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {
@@ -47,14 +47,14 @@ declare const _default: {
         /** The corner where both vertical and horizontal scrollbars meet. */
         corner: string;
     }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         [key: string]: {
             [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit/index").ClassValue;
-                viewport?: import("@byyuurin/ui-kit/index").ClassValue;
-                corner?: import("@byyuurin/ui-kit/index").ClassValue;
-                scrollbar?: import("@byyuurin/ui-kit/index").ClassValue;
-                thumb?: import("@byyuurin/ui-kit/index").ClassValue;
+                root?: import("@byyuurin/ui-kit").ClassValue;
+                viewport?: import("@byyuurin/ui-kit").ClassValue;
+                corner?: import("@byyuurin/ui-kit").ClassValue;
+                scrollbar?: import("@byyuurin/ui-kit").ClassValue;
+                thumb?: import("@byyuurin/ui-kit").ClassValue;
             } | null;
         };
     }, {

package/dist/runtime/theme/{scroll-area.mjs → scroll-area.js}

@@ -22,8 +22,8 @@ export default ct(
       ],
       /** The thumb to be used in `ScrollAreaScrollbar`. */
       thumb: [
-        "relative flex-1 bg-solid-ui-cb/20 rounded-ui-base cursor-pointer transition-colors",
-        "hover:bg-solid-ui-cb/30 active:bg-solid-ui-cb/40",
+        "relative flex-1 bg-soft-ui-cb/20 rounded-ui-base cursor-pointer transition-colors",
+        "hover:bg-soft-ui-cb/30 active:bg-soft-ui-cb/40",
         "before:content-empty before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:min-w-10 before:min-h-10 "
       ],
       /** The corner where both vertical and horizontal scrollbars meet. */