@byyuurin/ui 0.0.9 → 0.0.11

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

@@ -1,141 +1,115 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        base: string;
-        input: string[];
-        increment: string;
-        decrement: string;
-    };
-    variants: {
-        size: {
-            xs: {
-                base: string;
-            };
-            sm: {
-                base: string;
-            };
-            md: {
-                base: string;
-            };
-            lg: {
-                base: string;
-            };
-            xl: {
-                base: string;
-            };
-        };
-        variant: {
-            outline: {
-                base: string[];
-            };
-            soft: {
-                base: string[];
-            };
-            'soft-outline': {
-                base: string[];
-            };
-            ghost: {
-                base: string[];
-            };
-            none: {
-                base: string;
-            };
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    size: {
+        xs: {
+            base: string;
         };
-        disabled: {
-            true: {
-                increment: string;
-                decrement: string;
-            };
+        sm: {
+            base: string;
         };
-        orientation: {
-            horizontal: {
-                input: string;
-                increment: string;
-                decrement: string;
-            };
-            vertical: {
-                increment: string;
-                decrement: string;
-            };
+        md: {
+            base: string;
         };
-        underline: {
-            true: "";
+        lg: {
+            base: string;
         };
-        highlight: {
-            true: {
-                base: string;
-            };
+        xl: {
+            base: string;
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        size: {
-            xs: {
-                base: string;
-            };
-            sm: {
-                base: string;
-            };
-            md: {
-                base: string;
-            };
-            lg: {
-                base: string;
-            };
-            xl: {
-                base: string;
-            };
+    variant: {
+        outline: {
+            base: string[];
         };
-        variant: {
-            outline: {
-                base: string[];
-            };
-            soft: {
-                base: string[];
-            };
-            'soft-outline': {
-                base: string[];
-            };
-            ghost: {
-                base: string[];
-            };
-            none: {
-                base: string;
-            };
+        soft: {
+            base: string[];
         };
-        disabled: {
-            true: {
-                increment: string;
-                decrement: string;
-            };
+        'soft-outline': {
+            base: string[];
         };
-        orientation: {
-            horizontal: {
-                input: string;
-                increment: string;
-                decrement: string;
-            };
-            vertical: {
-                increment: string;
-                decrement: string;
-            };
+        ghost: {
+            base: string[];
         };
-        underline: {
-            true: "";
+        none: {
+            base: string;
+        };
+    };
+    disabled: {
+        true: {
+            increment: string;
+            decrement: string;
         };
-        highlight: {
-            true: {
-                base: string;
-            };
+    };
+    orientation: {
+        horizontal: {
+            input: string;
+            increment: string;
+            decrement: string;
+        };
+        vertical: {
+            increment: string;
+            decrement: string;
+        };
+    };
+    underline: {
+        true: "";
+    };
+    highlight: {
+        true: {
+            base: string;
         };
-    }, {
+    };
+}, ({
+    variant: ("soft" | "ghost" | "none")[];
+    highlight: false;
+    underline: true;
+    class: {
+        base: string[];
+        input?: undefined;
+    };
+    size?: undefined;
+} | {
+    size: ("xs" | "sm" | "md")[];
+    class: {
+        base: string;
+        input: string;
+    };
+    variant?: undefined;
+    highlight?: undefined;
+    underline?: undefined;
+} | {
+    size: ("lg" | "xl")[];
+    class: {
+        base: string;
+        input: string;
+    };
+    variant?: undefined;
+    highlight?: undefined;
+    underline?: undefined;
+} | {
+    variant: ("soft" | "soft-outline" | "ghost" | "none")[];
+    highlight: true;
+    class: {
+        base: string;
+        input?: undefined;
+    };
+    underline?: undefined;
+    size?: undefined;
+} | {
+    variant: "outline"[];
+    highlight: true;
+    class: {
         base: string;
-        input: string[];
-        increment: string;
-        decrement: string;
-    }, undefined>;
-    defaultVariants: {
-        size: "md";
-        variant: "outline";
+        input?: undefined;
     };
-};
+    underline?: undefined;
+    size?: undefined;
+})[], {
+    size: "md";
+    variant: "outline";
+}, undefined, {
+    base: string;
+    input: string[];
+    increment: string;
+    decrement: string;
+}>;
 export default _default;

package/dist/runtime/theme/input-number.js

@@ -3,7 +3,7 @@ import inputTheme from "./input.js";
 export default ct(
   /* @unocss-include */
   {
-    slots: {
+    parts: {
       base: "relative 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-base/50",

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

@@ -1,150 +1,172 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        base: string;
-        input: string[];
-        leading: string;
-        leadingIcon: string;
-        trailing: string;
-        trailingIcon: string;
-    };
-    variants: {
-        size: {
-            xs: {
-                base: string;
-            };
-            sm: {
-                base: string;
-            };
-            md: {
-                base: string;
-            };
-            lg: {
-                base: string;
-            };
-            xl: {
-                base: string;
-            };
-        };
-        variant: {
-            outline: {
-                base: string[];
-            };
-            soft: {
-                base: string[];
-            };
-            'soft-outline': {
-                base: string[];
-            };
-            ghost: {
-                base: string[];
-            };
-            none: {
-                base: string;
-            };
-        };
-        leading: {
-            true: "";
-        };
-        trailing: {
-            true: "";
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    size: {
+        xs: {
+            base: string;
         };
-        loading: {
-            true: "";
+        sm: {
+            base: string;
         };
-        underline: {
-            true: "";
+        md: {
+            base: string;
         };
-        highlight: {
-            true: "";
+        lg: {
+            base: string;
         };
-        type: {
-            file: {
-                input: string;
-            };
-        };
-        groupOrientation: {
-            horizontal: {
-                base: string;
-            };
-            vertical: {
-                base: string;
-            };
+        xl: {
+            base: string;
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        size: {
-            xs: {
-                base: string;
-            };
-            sm: {
-                base: string;
-            };
-            md: {
-                base: string;
-            };
-            lg: {
-                base: string;
-            };
-            xl: {
-                base: string;
-            };
-        };
-        variant: {
-            outline: {
-                base: string[];
-            };
-            soft: {
-                base: string[];
-            };
-            'soft-outline': {
-                base: string[];
-            };
-            ghost: {
-                base: string[];
-            };
-            none: {
-                base: string;
-            };
+    variant: {
+        outline: {
+            base: string[];
         };
-        leading: {
-            true: "";
+        soft: {
+            base: string[];
         };
-        trailing: {
-            true: "";
+        'soft-outline': {
+            base: string[];
         };
-        loading: {
-            true: "";
+        ghost: {
+            base: string[];
         };
-        underline: {
-            true: "";
+        none: {
+            base: string;
         };
-        highlight: {
-            true: "";
+    };
+    leading: {
+        true: "";
+    };
+    trailing: {
+        true: "";
+    };
+    loading: {
+        true: "";
+    };
+    underline: {
+        true: "";
+    };
+    highlight: {
+        true: "";
+    };
+    type: {
+        file: {
+            input: string;
         };
-        type: {
-            file: {
-                input: string;
-            };
+    };
+    groupOrientation: {
+        horizontal: {
+            base: string;
         };
-        groupOrientation: {
-            horizontal: {
-                base: string;
-            };
-            vertical: {
-                base: string;
-            };
+        vertical: {
+            base: string;
         };
-    }, {
+    };
+}, ({
+    variant: ("soft" | "ghost" | "none")[];
+    highlight: false;
+    underline: true;
+    class: {
+        base: string[];
+        input?: undefined;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    size?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    size: ("xs" | "sm" | "md")[];
+    class: {
+        base: string;
+        input: string;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    variant?: undefined;
+    highlight?: undefined;
+    underline?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    size: ("lg" | "xl")[];
+    class: {
         base: string;
-        input: string[];
-        leading: string;
+        input: string;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    variant?: undefined;
+    highlight?: undefined;
+    underline?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    variant: ("soft" | "soft-outline" | "ghost" | "none")[];
+    highlight: true;
+    class: {
+        base: string;
+        input?: undefined;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    underline?: undefined;
+    size?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    variant: "outline"[];
+    highlight: true;
+    class: {
+        base: string;
+        input?: undefined;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    underline?: undefined;
+    size?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    loading: true;
+    leading: true;
+    class: {
         leadingIcon: string;
-        trailing: string;
+        base?: undefined;
+        input?: undefined;
+        trailingIcon?: undefined;
+    };
+    variant?: undefined;
+    highlight?: undefined;
+    underline?: undefined;
+    size?: undefined;
+    trailing?: undefined;
+} | {
+    loading: true;
+    leading: false;
+    trailing: true;
+    class: {
         trailingIcon: string;
-    }, undefined>;
-    defaultVariants: {
-        size: "md";
+        base?: undefined;
+        input?: undefined;
+        leadingIcon?: undefined;
     };
-};
+    variant?: undefined;
+    highlight?: undefined;
+    underline?: undefined;
+    size?: undefined;
+})[], {
+    size: "md";
+}, undefined, {
+    base: string;
+    input: string[];
+    leading: string;
+    leadingIcon: string;
+    trailing: string;
+    trailingIcon: string;
+}>;
 export default _default;

package/dist/runtime/theme/input.js

@@ -3,7 +3,7 @@ import { buttonGroupVariant } from "./button-group.js";
 export default ct(
   /* @unocss-include */
   {
-    slots: {
+    parts: {
       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-base/50",
@@ -118,14 +118,14 @@ export default ct(
         variant: ["soft", "soft-outline", "ghost", "none"],
         highlight: true,
         class: {
-          base: "ring ring-inset ring-ui-fill/80 focus-within:ring-ui-fill/80"
+          base: "ring ring-inset ring-ui-fill/80 focus-within:ring-ui-fill/80 hover:focus-within:ring-ui-fill/80"
         }
       },
       {
         variant: ["outline"],
         highlight: true,
         class: {
-          base: "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 hover:focus-within:ring-ui-fill/80"
         }
       },
       {

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

@@ -1,39 +1,33 @@
-declare const _default: {
-    base: string;
-    slots: undefined;
-    variants: {
-        variant: {
-            solid: "color-ui-cx bg-soft-ui-fill/90";
-            outline: "color-ui-fill ring bg-ui-base/90 ring-inset ring-ui-fill/30";
-            soft: "color-ui-fill/80 bg-soft-ui-fill/20";
-            'soft-outline': "color-ui-fill/80 bg-soft-ui-fill/20 ring ring-inset ring-ui-fill/30";
-        };
-        size: {
-            xs: "text-xs";
-            sm: "text-sm";
-            md: "text-base";
-            lg: "text-lg";
-            xl: "text-xl";
-        };
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    variant: {
+        solid: "color-ui-cx bg-soft-ui-fill/90";
+        outline: "color-ui-fill ring bg-ui-base/90 ring-inset ring-ui-fill/30";
+        soft: "color-ui-fill/80 bg-soft-ui-fill/20";
+        'soft-outline': "color-ui-fill/80 bg-soft-ui-fill/20 ring ring-inset ring-ui-fill/30";
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        variant: {
-            solid: "color-ui-cx bg-soft-ui-fill/90";
-            outline: "color-ui-fill ring bg-ui-base/90 ring-inset ring-ui-fill/30";
-            soft: "color-ui-fill/80 bg-soft-ui-fill/20";
-            'soft-outline': "color-ui-fill/80 bg-soft-ui-fill/20 ring ring-inset ring-ui-fill/30";
-        };
-        size: {
-            xs: "text-xs";
-            sm: "text-sm";
-            md: "text-base";
-            lg: "text-lg";
-            xl: "text-xl";
-        };
-    }, undefined, "inline-flex items-center justify-center px-0.25em rounded-ui-base leading-normal min-w-1.5em font-medium font-sans select-none">;
-    defaultVariants: {
-        variant: "outline";
-        size: "md";
+    size: {
+        xs: "text-xs";
+        sm: "text-sm";
+        md: "text-base";
+        lg: "text-lg";
+        xl: "text-xl";
     };
-};
+}, import("@byyuurin/ui-kit").CVCompoundVariants<{
+    variant: {
+        solid: "color-ui-cx bg-soft-ui-fill/90";
+        outline: "color-ui-fill ring bg-ui-base/90 ring-inset ring-ui-fill/30";
+        soft: "color-ui-fill/80 bg-soft-ui-fill/20";
+        'soft-outline': "color-ui-fill/80 bg-soft-ui-fill/20 ring ring-inset ring-ui-fill/30";
+    };
+    size: {
+        xs: "text-xs";
+        sm: "text-sm";
+        md: "text-base";
+        lg: "text-lg";
+        xl: "text-xl";
+    };
+}, undefined, "inline-flex items-center justify-center px-0.25em rounded-ui-base leading-normal min-w-1.5em font-medium font-sans select-none">, {
+    variant: "outline";
+    size: "md";
+}, "inline-flex items-center justify-center px-0.25em rounded-ui-base leading-normal min-w-1.5em font-medium font-sans select-none", undefined>;
 export default _default;