@byyuurin/ui 0.0.5 → 0.0.6

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

@@ -1,8 +1,8 @@
 declare const _default: {
     base: undefined;
     slots: {
-        root: string;
-        base: string[];
+        base: string;
+        input: string[];
         prefix: string;
         prefixIcon: string;
         suffix: string;
@@ -11,36 +11,36 @@ declare const _default: {
     variants: {
         size: {
             xs: {
-                root: string;
+                base: string;
             };
             sm: {
-                root: string;
+                base: string;
             };
             md: {
-                root: string;
+                base: string;
             };
             lg: {
-                root: string;
+                base: string;
             };
             xl: {
-                root: string;
+                base: string;
             };
         };
         variant: {
             outline: {
-                root: string[];
+                base: string[];
             };
             soft: {
-                root: string[];
+                base: string[];
             };
             'soft-outline': {
-                root: string[];
+                base: string[];
             };
             ghost: {
-                root: string[];
+                base: string[];
             };
             none: {
-                root: string;
+                base: string;
             };
         };
         prefix: {
@@ -60,6 +60,14 @@ declare const _default: {
         };
         type: {
             file: {
+                input: string;
+            };
+        };
+        groupOrientation: {
+            horizontal: {
+                base: string;
+            };
+            vertical: {
                 base: string;
             };
         };
@@ -69,8 +77,8 @@ declare const _default: {
         highlight: false;
         underline: true;
         class: {
-            root: string[];
-            base?: undefined;
+            base: string[];
+            input?: undefined;
             prefixIcon?: undefined;
             suffixIcon?: undefined;
         };
@@ -81,8 +89,8 @@ declare const _default: {
     } | {
         size: ("xs" | "sm" | "md")[];
         class: {
-            root: string;
             base: string;
+            input: string;
             prefixIcon?: undefined;
             suffixIcon?: undefined;
         };
@@ -95,8 +103,8 @@ declare const _default: {
     } | {
         size: ("lg" | "xl")[];
         class: {
-            root: string;
             base: string;
+            input: string;
             prefixIcon?: undefined;
             suffixIcon?: undefined;
         };
@@ -110,8 +118,8 @@ declare const _default: {
         variant: ("soft" | "soft-outline" | "ghost" | "none")[];
         highlight: true;
         class: {
-            root: string;
-            base?: undefined;
+            base: string;
+            input?: undefined;
             prefixIcon?: undefined;
             suffixIcon?: undefined;
         };
@@ -124,8 +132,8 @@ declare const _default: {
         variant: "outline"[];
         highlight: true;
         class: {
-            root: string;
-            base?: undefined;
+            base: string;
+            input?: undefined;
             prefixIcon?: undefined;
             suffixIcon?: undefined;
         };
@@ -139,8 +147,8 @@ declare const _default: {
         prefix: true;
         class: {
             prefixIcon: string;
-            root?: undefined;
             base?: undefined;
+            input?: undefined;
             suffixIcon?: undefined;
         };
         variant?: undefined;
@@ -154,8 +162,8 @@ declare const _default: {
         suffix: true;
         class: {
             suffixIcon: string;
-            root?: undefined;
             base?: undefined;
+            input?: undefined;
             prefixIcon?: undefined;
         };
         variant?: undefined;
@@ -163,5 +171,8 @@ declare const _default: {
         underline?: undefined;
         size?: undefined;
     })[];
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;

package/dist/runtime/theme/input.mjs

@@ -1,10 +1,11 @@
 import { ct } from "@byyuurin/ui-kit";
+import { buttonGroupVariant } from "./button-group.mjs";
 export default ct(
   /* @unocss-include */
   {
     slots: {
-      root: "inline-flex items-center rounded-ui-base transition-colors aria-disabled:opacity-50",
-      base: [
+      base: "inline-flex items-center rounded-ui-base transition-colors aria-disabled:opacity-50",
+      input: [
         "w-full color-inherit bg-transparent border-0 placeholder:color-ui-cb/50",
         "focus:outline-none",
         "disabled:cursor-not-allowed"
@@ -15,54 +16,55 @@ export default ct(
       suffixIcon: "shrink-0 size-1.25em"
     },
     variants: {
+      ...buttonGroupVariant,
       size: {
         xs: {
-          root: "text-xs"
+          base: "text-xs"
         },
         sm: {
-          root: "text-sm"
+          base: "text-sm"
         },
         md: {
-          root: "text-base"
+          base: "text-base"
         },
         lg: {
-          root: "text-lg"
+          base: "text-lg"
         },
         xl: {
-          root: "text-xl"
+          base: "text-xl"
         }
       },
       variant: {
         "outline": {
-          root: [
-            "color-ui-cb/80 bg-ui-c1 ring ring-inset ring-ui-cb/50",
+          base: [
+            "color-ui-cb/80 bg-solid-ui-c1 ring ring-inset ring-ui-cb/50",
             "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-ui-cb/4",
-            "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-cb/80 aria-disabled:bg-ui-cb/5 hover:aria-disabled:color-ui-cb/80 hover:aria-disabled:bg-ui-cb/5"
+          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",
+            "aria-disabled:color-ui-cb/80 aria-disabled:bg-solid-ui-cb/5 hover:aria-disabled:color-ui-cb/80 hover:aria-disabled:bg-solid-ui-cb/5"
           ]
         },
         "soft-outline": {
-          root: [
-            "color-ui-cb/80 bg-ui-cb/4 ring ring-inset ring-ui-cb/10",
-            "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-cb/80 aria-disabled:bg-ui-cb/5 hover:aria-disabled:color-ui-cb/80 hover:aria-disabled:bg-ui-cb/5"
+          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",
+            "aria-disabled:color-ui-cb/80 aria-disabled:bg-solid-ui-cb/5 hover:aria-disabled:color-ui-cb/80 hover:aria-disabled:bg-solid-ui-cb/5"
           ]
         },
         "ghost": {
-          root: [
+          base: [
             "color-ui-cb/80 bg-transparent",
-            "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
+            "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-fill/80 aria-disabled:bg-transparent hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-transparent"
           ]
         },
         "none": {
-          root: "color-ui-cb bg-transparent"
+          base: "color-ui-cb bg-transparent"
         }
       },
       prefix: {
@@ -82,7 +84,7 @@ export default ct(
       },
       type: {
         file: {
-          base: "prefix-normal not-disabled:cursor-pointer file:pointer-events-none file:py-0 file:font-size-0.875em file:rounded-ui-button file:border-none file:color-ui-c1 file:bg-ui-cb/80"
+          input: "prefix-normal not-disabled:cursor-pointer file:pointer-events-none file:py-0 file:font-size-0.875em file:rounded-ui-button file:border-none file:color-ui-c1 file:bg-solid-ui-cb/80"
         }
       }
     },
@@ -92,38 +94,38 @@ export default ct(
         highlight: false,
         underline: true,
         class: {
-          root: [
-            "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-ui-cb/40",
-            "focus-within:after:h-2px focus-within:after:bg-ui-fill/60"
+          base: [
+            "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"
           ]
         }
       },
       {
         size: ["xs", "sm", "md"],
         class: {
-          root: "p-1.5",
-          base: "px-1"
+          base: "p-1.5",
+          input: "px-1"
         }
       },
       {
         size: ["lg", "xl"],
         class: {
-          root: "p-2.5",
-          base: "px-1.5"
+          base: "p-2.5",
+          input: "px-1.5"
         }
       },
       {
         variant: ["soft", "soft-outline", "ghost", "none"],
         highlight: true,
         class: {
-          root: "ring ring-inset ring-ui-fill/80"
+          base: "ring ring-inset ring-ui-fill/80"
         }
       },
       {
         variant: ["outline"],
         highlight: true,
         class: {
-          root: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80"
+          base: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80"
         }
       },
       {
@@ -141,6 +143,9 @@ export default ct(
           suffixIcon: "animate-spin"
         }
       }
-    ]
+    ],
+    defaultVariants: {
+      size: "md"
+    }
   }
 );

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

@@ -27,5 +27,18 @@ declare const _default: {
             true: "cursor-not-allowed opacity-50";
         };
     }, undefined, "border-y border-t-transparent outline-none focus-visible:outline-ui-cb/80">;
+    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+        underline: {
+            true: "border-current";
+            false: "border-transparent";
+        };
+        active: {
+            true: string[];
+            false: string[];
+        };
+        disabled: {
+            true: "cursor-not-allowed opacity-50";
+        };
+    }, undefined>;
 };
 export default _default;

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

@@ -46,5 +46,8 @@ declare const _default: {
             content: string[];
         };
     }[];
+    defaultVariants: {
+        size: "sm";
+    };
 };
 export default _default;

package/dist/runtime/theme/modal.mjs

@@ -4,7 +4,7 @@ export default ct(
   {
     slots: {
       overlay: "fixed inset-0 bg-ui-c3/75",
-      content: "fixed bg-ui-c1 divide-y divide-ui-cb/10 flex flex-col focus:outline-none",
+      content: "fixed bg-solid-ui-c1 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",
@@ -52,6 +52,9 @@ export default ct(
           ]
         }
       }
-    ]
+    ],
+    defaultVariants: {
+      size: "sm"
+    }
   }
 );

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

@@ -0,0 +1,56 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        list: string;
+        item: string;
+        ellipsis: string;
+        label: string;
+    };
+    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;
+            } | null;
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit/index").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;
+            } | null;
+        };
+    }, {
+        root: string;
+        list: string;
+        item: string;
+        ellipsis: string;
+        label: string;
+    }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit/index").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;
+            } | null;
+        };
+    }, {
+        root: string;
+        list: string;
+        item: string;
+        ellipsis: string;
+        label: string;
+    }>;
+};
+export default _default;

package/dist/runtime/theme/pagination.mjs

@@ -0,0 +1,13 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      root: "",
+      list: "flex items-center gap-1",
+      item: "",
+      ellipsis: "pointer-events-none",
+      label: "px-0 min-w-1.5em"
+    }
+  }
+);

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

@@ -93,5 +93,8 @@ declare const _default: {
         underline?: undefined;
         size?: undefined;
     })[];
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;

package/dist/runtime/theme/pinInput.mjs

@@ -28,29 +28,29 @@ export default ct(
       variant: {
         "outline": {
           container: [
-            "color-ui-cb/80 bg-ui-c1 ring ring-inset ring-ui-cb/50",
+            "color-ui-cb/80 bg-solid-ui-c1 ring ring-inset ring-ui-cb/50",
             "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-ui-cb/4",
-            "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-content/80 aria-disabled:bg-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-ui-fill/5"
+            "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"
           ]
         },
         "soft-outline": {
           container: [
-            "color-ui-cb/80 bg-ui-cb/4 ring ring-inset ring-ui-cb/10",
-            "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
-            "aria-disabled:color-ui-content/80 aria-disabled:bg-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-ui-fill/5"
+            "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"
           ]
         },
         "ghost": {
           container: [
             "color-ui-cb/80 bg-transparent",
-            "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
+            "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-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-ui-cb/40",
-            "focus-within:after:h-2px focus-within:after:bg-ui-fill/60"
+            "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"
           ]
         }
       },
@@ -103,6 +103,9 @@ export default ct(
           container: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80"
         }
       }
-    ]
+    ],
+    defaultVariants: {
+      size: "md"
+    }
   }
 );

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

@@ -23,5 +23,16 @@ declare const _default: {
         content: string[];
         arrow: string;
     }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+        [key: string]: {
+            [key: string]: "" | {
+                content?: import("@byyuurin/ui-kit/index").ClassValue;
+                arrow?: import("@byyuurin/ui-kit/index").ClassValue;
+            } | null;
+        };
+    }, {
+        content: string[];
+        arrow: string;
+    }>;
 };
 export default _default;

package/dist/runtime/theme/popover.mjs

@@ -4,7 +4,7 @@ export default ct(
   {
     slots: {
       content: [
-        "color-ui-base bg-ui-base shadow-lg rounded-ui-box ring ring-ui-base/10",
+        "color-ui-base bg-solid-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/{radioGroup.d.ts → radio-group.d.ts}

@@ -103,5 +103,8 @@ declare const _default: {
         label: string;
         description: string;
     }, undefined>;
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;

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

@@ -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-ui-fill transition data-[state=checked]:scale-66",
+      indicator: "absolute inset-0 scale-0 rounded-ui-radio bg-solid-ui-fill transition data-[state=checked]:scale-66",
       container: "h-1.5em flex items-center",
       wrapper: "",
       label: "block ps-2 color-ui-cb",
@@ -53,6 +53,9 @@ export default ct(
           legend: "after:content-['*'] after:ms-0.5"
         }
       }
+    },
+    defaultVariants: {
+      size: "md"
     }
   }
 );

package/dist/runtime/theme/{scrollArea.d.ts → scroll-area.d.ts}

@@ -47,5 +47,27 @@ declare const _default: {
         /** The corner where both vertical and horizontal scrollbars meet. */
         corner: string;
     }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit/index").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;
+            } | null;
+        };
+    }, {
+        /** Contains all the parts of a scroll area. */
+        root: string;
+        /** The viewport area of the scroll area. */
+        viewport: string;
+        /** The vertical and horizontal scrollbar. */
+        scrollbar: string[];
+        /** The thumb to be used in `ScrollAreaScrollbar`. */
+        thumb: string[];
+        /** The corner where both vertical and horizontal scrollbars meet. */
+        corner: string;
+    }>;
 };
 export default _default;

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

@@ -22,8 +22,8 @@ export default ct(
       ],
       /** The thumb to be used in `ScrollAreaScrollbar`. */
       thumb: [
-        "relative flex-1 bg-ui-cb/20 rounded-ui-base cursor-pointer transition-colors",
-        "hover:bg-ui-cb/30 active:bg-ui-cb/40",
+        "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",
         "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

@@ -76,6 +76,14 @@ declare const _default: {
         highlight: {
             true: "";
         };
+        groupOrientation: {
+            horizontal: {
+                base: string;
+            };
+            vertical: {
+                base: string;
+            };
+        };
     };
     compoundVariants: ({
         variant: ("soft" | "ghost" | "none")[];
@@ -176,5 +184,8 @@ declare const _default: {
         underline?: undefined;
         size?: undefined;
     })[];
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;