@byyuurin/ui 0.0.6 → 0.0.7

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",
+        "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/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. */

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

@@ -85,105 +85,90 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: ({
-        variant: ("soft" | "ghost" | "none")[];
-        highlight: false;
-        underline: true;
-        class: {
-            base: string[];
-            item?: undefined;
-            prefixIcon?: undefined;
-            suffixIcon?: undefined;
-        };
-        size?: undefined;
-        loading?: undefined;
-        prefix?: undefined;
-        suffix?: undefined;
-    } | {
-        size: ("xs" | "sm" | "md")[];
-        class: {
-            base: string;
-            item: string;
-            prefixIcon?: undefined;
-            suffixIcon?: undefined;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-        loading?: undefined;
-        prefix?: undefined;
-        suffix?: undefined;
-    } | {
-        size: ("lg" | "xl")[];
-        class: {
-            base: string;
-            item: string;
-            prefixIcon?: undefined;
-            suffixIcon?: undefined;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-        loading?: undefined;
-        prefix?: undefined;
-        suffix?: undefined;
-    } | {
-        variant: ("soft" | "soft-outline" | "ghost" | "none")[];
-        highlight: true;
-        class: {
-            base: string;
-            item?: undefined;
-            prefixIcon?: undefined;
-            suffixIcon?: undefined;
-        };
-        underline?: undefined;
-        size?: undefined;
-        loading?: undefined;
-        prefix?: undefined;
-        suffix?: undefined;
-    } | {
-        variant: "outline"[];
-        highlight: true;
-        class: {
-            base: string;
-            item?: undefined;
-            prefixIcon?: undefined;
-            suffixIcon?: undefined;
-        };
-        underline?: undefined;
-        size?: undefined;
-        loading?: undefined;
-        prefix?: undefined;
-        suffix?: undefined;
-    } | {
-        loading: true;
-        prefix: true;
-        class: {
-            prefixIcon: string;
-            base?: undefined;
-            item?: undefined;
-            suffixIcon?: undefined;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-        size?: undefined;
-        suffix?: undefined;
-    } | {
-        loading: true;
-        prefix: false;
-        suffix: true;
-        class: {
-            suffixIcon: string;
-            base?: undefined;
-            item?: undefined;
-            prefixIcon?: undefined;
-        };
-        variant?: undefined;
-        highlight?: undefined;
-        underline?: undefined;
-        size?: undefined;
-    })[];
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        variant: {
+            outline: {
+                base: string[];
+            };
+            soft: {
+                base: string[];
+            };
+            'soft-outline': {
+                base: string[];
+            };
+            ghost: {
+                base: string[];
+            };
+            none: {
+                base: string;
+            };
+        };
+        size: {
+            xs: {
+                base: string;
+                item: string;
+            };
+            sm: {
+                base: string;
+                item: string;
+            };
+            md: {
+                base: string;
+                item: string;
+            };
+            lg: {
+                base: string;
+                item: string;
+            };
+            xl: {
+                base: string;
+                item: string;
+            };
+        };
+        prefix: {
+            true: "";
+        };
+        suffix: {
+            true: "";
+        };
+        loading: {
+            true: "";
+        };
+        underline: {
+            true: "";
+        };
+        highlight: {
+            true: "";
+        };
+        groupOrientation: {
+            horizontal: {
+                base: string;
+            };
+            vertical: {
+                base: string;
+            };
+        };
+    }, {
+        base: string[];
+        value: string;
+        placeholder: string;
+        arrow: string;
+        content: string[];
+        viewport: string;
+        group: string;
+        empty: string;
+        label: string;
+        separator: string;
+        item: string[];
+        itemPrefixIcon: string;
+        itemSuffix: string;
+        itemSuffixIcon: string;
+        itemLabel: string;
+        prefix: string;
+        prefixIcon: string;
+        suffix: string;
+        suffixIcon: string;
+    }, undefined>;
     defaultVariants: {
         size: "md";
     };

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

@@ -1,30 +1,30 @@
 import { ct } from "@byyuurin/ui-kit";
-import { buttonGroupVariant } from "./button-group.mjs";
+import { buttonGroupVariant } from "./button-group.js";
 export default ct(
   /* @unocss-include */
   {
     slots: {
       base: [
-        "bg-solid-ui-c1 relative group rounded-ui-base inline-flex items-center gap-x-2 focus:outline-none transition-colors",
+        "relative group rounded-ui-base inline-flex items-center gap-x-2 focus:outline-none transition-colors",
         "disabled:cursor-not-allowed disabled:opacity-50"
       ],
       value: "me-auto truncate pointer-events-none",
       placeholder: "me-auto truncate color-ui-cb/50",
-      arrow: "fill-ui-c1 stroke-ui-cb/10",
+      arrow: "fill-ui-cx stroke-ui-cb/20",
       content: [
-        "max-h-60 w-[var(--reka-popper-anchor-width)] bg-solid-ui-c1 shadow-lg rounded-[calc(var(--ui-radius-tabs)*0.66)] ring ring-ui-cb/10 overflow-hidden pointer-events-auto",
+        "max-h-60 w-[var(--reka-popper-anchor-width)] bg-ui-cx shadow-lg rounded-[calc(var(--ui-radius-tabs)*0.66)] ring ring-ui-cb/20 overflow-hidden pointer-events-auto",
         "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]"
       ],
       viewport: "divide-y divide-ui-cb/10 scroll-py-1",
       group: "p-1 isolate",
       empty: "py-2 text-center text-sm color-ui-cb/50",
       label: "font-semibold color-ui-cb cursor-pointer",
-      separator: "-mx-1 my-1 h-px bg-solid-ui-cb/10",
+      separator: "-mx-1 my-1 h-px bg-soft-ui-cb/10",
       item: [
         "group relative w-full flex gap-2 items-center select-none outline-none color-ui-cb/50 transition-colors cursor-pointer",
         "aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
         "before:content-empty before:absolute before:z-[-1] before:inset-px before:rounded-ui-base before:transition-colors",
-        "data-[highlighted]:color-ui-cb data-[highlighted]:before:bg-solid-ui-cb/3",
+        "data-[highlighted]:color-ui-cb data-[highlighted]:before:bg-soft-ui-cb/3",
         "data-[state=checked]:color-ui-base"
       ],
       itemPrefixIcon: "shrink-0 color-ui-cb/80 group-data-[highlighted]:color-ui-cb/80 transition-colors",
@@ -41,29 +41,29 @@ export default ct(
       variant: {
         "outline": {
           base: [
-            "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 data-[state=open]:ring-2 data-[state=open]:ring-ui-cb/50",
             "focus-within:ring-2 focus-within:ring-ui-cb/50",
             "disabled:ring-ui-cb/80 hover:disabled:ring-ui-cb/80"
           ]
         },
         "soft": {
           base: [
-            "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",
-            "disabled:color-ui-content/80 disabled:bg-solid-ui-fill/5 hover:disabled:color-ui-content/80 hover:disabled:bg-solid-ui-fill/5"
+            "color-ui-cb/80 bg-soft-ui-cb/5 data-[state=open]:bg-soft-ui-cb/5",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
+            "disabled:color-ui-content/80 disabled:bg-soft-ui-fill/5 hover:disabled:color-ui-content/80 hover:disabled:bg-soft-ui-fill/5"
           ]
         },
         "soft-outline": {
           base: [
-            "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",
-            "disabled:color-ui-content/80 disabled:bg-solid-ui-fill/5 hover:disabled:color-ui-content/80 hover:disabled:bg-solid-ui-fill/5"
+            "color-ui-cb/80 bg-soft-ui-cb/5 ring ring-inset ring-ui-cb/10 data-[state=open]:bg-soft-ui-cb/5 data-[state=open]:ring-ui-cb/25",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
+            "disabled:color-ui-content/80 disabled:bg-soft-ui-fill/5 hover:disabled:color-ui-content/80 hover:disabled:bg-soft-ui-fill/5"
           ]
         },
         "ghost": {
           base: [
-            "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",
+            "color-ui-cb/80 bg-transparent data-[state=open]:bg-soft-ui-cb/8",
+            "hover:bg-soft-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-cb/85",
             "disabled:color-ui-fill/80 disabled:bg-transparent hover:disabled:color-ui-fill/80 hover:disabled:bg-transparent"
           ]
         },
@@ -116,8 +116,8 @@ export default ct(
         underline: true,
         class: {
           base: [
-            "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-solid-ui-cb/40",
-            "data-[state=open]:after:h-2px data-[state=open]: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",
+            "data-[state=open]:after:h-2px data-[state=open]:after:bg-soft-ui-fill/60"
           ]
         }
       },

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

@@ -0,0 +1,95 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        line: string;
+        container: string;
+        icon: string;
+        label: string;
+    };
+    variants: {
+        orientation: {
+            horizontal: {
+                root: string;
+                line: string;
+                container: string;
+            };
+            vertical: {
+                root: string;
+                line: string;
+                container: string;
+            };
+        };
+        start: {
+            true: {
+                line: string;
+            };
+        };
+        end: {
+            true: {
+                line: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        orientation: {
+            horizontal: {
+                root: string;
+                line: string;
+                container: string;
+            };
+            vertical: {
+                root: string;
+                line: string;
+                container: string;
+            };
+        };
+        start: {
+            true: {
+                line: string;
+            };
+        };
+        end: {
+            true: {
+                line: string;
+            };
+        };
+    }, {
+        root: string;
+        line: string;
+        container: string;
+        icon: string;
+        label: string;
+    }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
+        orientation: {
+            horizontal: {
+                root: string;
+                line: string;
+                container: string;
+            };
+            vertical: {
+                root: string;
+                line: string;
+                container: string;
+            };
+        };
+        start: {
+            true: {
+                line: string;
+            };
+        };
+        end: {
+            true: {
+                line: string;
+            };
+        };
+    }, {
+        root: string;
+        line: string;
+        container: string;
+        icon: string;
+        label: string;
+    }>;
+};
+export default _default;

package/dist/runtime/theme/separator.js

@@ -0,0 +1,53 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      root: "flex items-center justify-center text-center",
+      line: "border-solid border-ui-fill/20",
+      container: "color-ui-cb/80 flex",
+      icon: "shrink-0 size-5",
+      label: ""
+    },
+    variants: {
+      orientation: {
+        horizontal: {
+          root: "w-full flex-row",
+          line: "min-w-3 w-full border-t",
+          container: "px-3 whitespace-nowrap"
+        },
+        vertical: {
+          root: "h-full flex-col",
+          line: "min-h-3 h-full border-s",
+          container: "py-2"
+        }
+      },
+      start: {
+        true: {
+          line: "w-auto flex-grow"
+        }
+      },
+      end: {
+        true: {
+          line: "w-auto flex-grow"
+        }
+      }
+    },
+    compoundVariants: [
+      {
+        orientation: "vertical",
+        start: true,
+        class: {
+          line: "h-auto"
+        }
+      },
+      {
+        orientation: "vertical",
+        end: true,
+        class: {
+          line: "h-auto"
+        }
+      }
+    ]
+  }
+);

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

@@ -35,7 +35,7 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         size: {
             xs: {
                 root: string;

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

@@ -5,13 +5,13 @@ export default ct(
     slots: {
       root: "relative flex items-center select-none touch-none aria-disabled:opacity-50",
       track: [
-        "relative bg-solid-ui-cb/10 overflow-hidden rounded-full flex-grow cursor-pointer",
+        "relative bg-soft-ui-cb/10 overflow-hidden rounded-full flex-grow cursor-pointer",
         "data-[disabled]:cursor-not-allowed",
         "data-[orientation=horizontal]:h-0.6em data-[orientation=vertical]:w-0.6em"
       ],
-      range: "absolute rounded-full bg-solid-ui-fill",
+      range: "absolute rounded-full bg-soft-ui-fill",
       thumb: [
-        "size-1em rounded-full bg-solid-ui-c1 ring-0.2em cursor-pointer focus-visible:outline-0.2em focus-visible:outline-offset-0.2em",
+        "size-1em rounded-full bg-ui-cx ring-0.2em cursor-pointer focus-visible:outline-0.2em focus-visible:outline-offset-0.2em",
         "data-[disabled]:cursor-not-allowed",
         "ring-ui-fill outline-none focus-visible:outline-ui-fill/50"
       ]

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

@@ -58,7 +58,7 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         size: {
             xs: {
                 root: string;

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

@@ -7,12 +7,12 @@ export default ct(
       base: [
         "inline-flex items-center shrink-0 rounded-ui-switch border-2 border-transparent transition-colors duration-200",
         "outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-cb/80",
-        "data-[state=unchecked]:bg-solid-ui-cb/10 data-[state=checked]:bg-solid-ui-fill/80",
+        "data-[state=unchecked]:bg-soft-ui-cb/10 data-[state=checked]:bg-soft-ui-fill/80",
         "w-2.7em"
       ],
       container: "flex items-center h-1.5em",
       thumb: [
-        "group pointer-events-none rounded-ui-switch size-1.25em bg-solid-ui-c1 shadow-lg ring-0 transition-transform duration-200 flex items-center justify-center",
+        "group pointer-events-none rounded-ui-switch size-1.25em bg-ui-cx shadow-lg ring-0 transition-transform duration-200 flex items-center justify-center",
         "data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:translate-x-0 data-[state=checked]:translate-x-1.25em data-[state=checked]:rtl:-translate-x-1.25em"
       ],
       icon: [