@byyuurin/ui 0.0.9 → 0.0.11

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

@@ -1,176 +1,186 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        base: string[];
-        value: string;
-        placeholder: string;
-        arrow: string;
-        content: string[];
-        viewport: string;
-        group: string;
-        empty: string;
-        label: string;
-        separator: string;
-        item: string[];
-        itemLeadingIcon: string;
-        itemTrailing: string;
-        itemTrailingIcon: string;
-        itemLabel: string;
-        leading: string;
-        leadingIcon: string;
-        trailing: string;
-        trailingIcon: string;
-    };
-    variants: {
-        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;
-            };
-        };
-        leading: {
-            true: "";
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    variant: {
+        outline: {
+            base: string[];
         };
-        trailing: {
-            true: "";
+        soft: {
+            base: string[];
         };
-        loading: {
-            true: "";
+        'soft-outline': {
+            base: string[];
         };
-        underline: {
-            true: "";
+        ghost: {
+            base: string[];
         };
-        highlight: {
-            true: "";
-        };
-        groupOrientation: {
-            horizontal: {
-                base: string;
-            };
-            vertical: {
-                base: string;
-            };
+        none: {
+            base: string;
         };
     };
-    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;
-            };
+    size: {
+        xs: {
+            base: string;
+            item: string;
         };
-        leading: {
-            true: "";
+        sm: {
+            base: string;
+            item: string;
         };
-        trailing: {
-            true: "";
+        md: {
+            base: string;
+            item: string;
         };
-        loading: {
-            true: "";
+        lg: {
+            base: string;
+            item: string;
         };
-        underline: {
-            true: "";
+        xl: {
+            base: string;
+            item: string;
         };
-        highlight: {
-            true: "";
+    };
+    leading: {
+        true: "";
+    };
+    trailing: {
+        true: "";
+    };
+    loading: {
+        true: "";
+    };
+    underline: {
+        true: "";
+    };
+    highlight: {
+        true: "";
+    };
+    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[];
-        value: string;
-        placeholder: string;
-        arrow: string;
-        content: string[];
-        viewport: string;
-        group: string;
-        empty: string;
-        label: string;
-        separator: string;
-        item: string[];
-        itemLeadingIcon: string;
-        itemTrailing: string;
-        itemTrailingIcon: string;
-        itemLabel: string;
-        leading: string;
+        item?: undefined;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    size?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    size: ("xs" | "sm" | "md")[];
+    class: {
+        base: string;
+        item: string;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    variant?: undefined;
+    highlight?: undefined;
+    underline?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    size: ("lg" | "xl")[];
+    class: {
+        base: string;
+        item: 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;
+        item?: undefined;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    underline?: undefined;
+    size?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    variant: "outline"[];
+    highlight: true;
+    class: {
+        base: string;
+        item?: 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;
+        item?: 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;
+        item?: undefined;
+        leadingIcon?: undefined;
     };
-};
+    variant?: undefined;
+    highlight?: undefined;
+    underline?: undefined;
+    size?: undefined;
+})[], {
+    variant: "outline";
+    size: "md";
+}, undefined, {
+    base: string[];
+    value: string;
+    placeholder: string;
+    arrow: string;
+    content: string[];
+    viewport: string;
+    group: string;
+    empty: string;
+    label: string;
+    separator: string;
+    item: string[];
+    itemLeadingIcon: string;
+    itemTrailing: string;
+    itemTrailingIcon: string;
+    itemLabel: string;
+    leading: string;
+    leadingIcon: string;
+    trailing: string;
+    trailingIcon: string;
+}>;
 export default _default;

package/dist/runtime/theme/select.js

@@ -3,7 +3,7 @@ import { buttonGroupVariant } from "./button-group.js";
 export default ct(
   /* @unocss-include */
   {
-    slots: {
+    parts: {
       base: [
         "group inline-flex items-center gap-x-2 rounded-ui-base focus:outline-none transition-colors",
         "disabled:cursor-not-allowed disabled:opacity-50"
@@ -43,7 +43,7 @@ export default ct(
           base: [
             "color-ui-base/80 bg-ui-base ring ring-inset ring-ui-base/30 data-[state=open]:ring-2 data-[state=open]:ring-ui-base/50",
             "focus-within:ring-2 focus-within:ring-ui-base/50",
-            "disabled:ring-ui-base/80 hover:disabled:ring-ui-base/80"
+            "disabled:ring-ui-base/15 hover:disabled:ring-ui-base/15"
           ]
         },
         "soft": {
@@ -166,6 +166,7 @@ export default ct(
       }
     ],
     defaultVariants: {
+      variant: "outline",
       size: "md"
     }
   }

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

@@ -1,95 +1,74 @@
-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;
-            };
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    orientation: {
+        horizontal: {
+            root: string;
+            line: string;
+            container: string;
         };
-        start: {
-            true: {
-                line: string;
-            };
-        };
-        end: {
-            true: {
-                line: string;
-            };
+        vertical: {
+            root: string;
+            line: string;
+            container: 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;
-            };
+    start: {
+        true: {
+            line: string;
         };
-        end: {
-            true: {
-                line: string;
-            };
+    };
+    end: {
+        true: {
+            line: string;
         };
-    }, {
-        root: string;
+    };
+}, ({
+    orientation: "vertical";
+    start: true;
+    class: {
+        line: string;
+    };
+    end?: undefined;
+} | {
+    orientation: "vertical";
+    end: true;
+    class: {
         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?: undefined;
+})[], import("@byyuurin/ui-kit").CVDefaultVariants<{
+    orientation: {
+        horizontal: {
+            root: string;
+            line: string;
+            container: string;
         };
-        start: {
-            true: {
-                line: string;
-            };
+        vertical: {
+            root: string;
+            line: string;
+            container: string;
         };
-        end: {
-            true: {
-                line: string;
-            };
+    };
+    start: {
+        true: {
+            line: string;
         };
-    }, {
-        root: string;
-        line: string;
-        container: string;
-        icon: string;
-        label: string;
-    }>;
-};
+    };
+    end: {
+        true: {
+            line: string;
+        };
+    };
+}, {
+    root: string;
+    line: string;
+    container: string;
+    icon: string;
+    label: string;
+}>, undefined, {
+    root: string;
+    line: string;
+    container: string;
+    icon: string;
+    label: string;
+}>;
 export default _default;

package/dist/runtime/theme/separator.js

@@ -2,7 +2,7 @@ import { ct } from "@byyuurin/ui-kit";
 export default ct(
   /* @unocss-include */
   {
-    slots: {
+    parts: {
       root: "flex items-center justify-center text-center",
       line: "border-solid border-ui-fill/20",
       container: "color-ui-base/80 flex",

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

@@ -1,8 +1,2 @@
-declare const _default: {
-    base: string;
-    slots: undefined;
-    variants: {};
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{}, undefined, "animate-pulse rounded-ui-base bg-soft-ui-cb/10">;
-    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{}, undefined>;
-};
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{}, import("@byyuurin/ui-kit").CVCompoundVariants<{}, undefined, "animate-pulse rounded-ui-base bg-soft-ui-cb/10">, import("@byyuurin/ui-kit").CVDefaultVariants<{}, undefined>, "animate-pulse rounded-ui-base bg-soft-ui-cb/10", undefined>;
 export default _default;

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

@@ -1,76 +1,70 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        root: string;
-        track: string[];
-        range: string;
-        thumb: string[];
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    size: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
     };
-    variants: {
-        size: {
-            xs: {
-                root: string;
-            };
-            sm: {
-                root: string;
-            };
-            md: {
-                root: string;
-            };
-            lg: {
-                root: string;
-            };
-            xl: {
-                root: string;
-            };
+    orientation: {
+        horizontal: {
+            root: string;
+            range: string;
+        };
+        vertical: {
+            root: string;
+            range: string;
+        };
+    };
+}, import("@byyuurin/ui-kit").CVCompoundVariants<{
+    size: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
         };
-        orientation: {
-            horizontal: {
-                root: string;
-                range: string;
-            };
-            vertical: {
-                root: string;
-                range: string;
-            };
+        xl: {
+            root: string;
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        size: {
-            xs: {
-                root: string;
-            };
-            sm: {
-                root: string;
-            };
-            md: {
-                root: string;
-            };
-            lg: {
-                root: string;
-            };
-            xl: {
-                root: string;
-            };
+    orientation: {
+        horizontal: {
+            root: string;
+            range: string;
         };
-        orientation: {
-            horizontal: {
-                root: string;
-                range: string;
-            };
-            vertical: {
-                root: string;
-                range: string;
-            };
+        vertical: {
+            root: string;
+            range: string;
         };
-    }, {
-        root: string;
-        track: string[];
-        range: string;
-        thumb: string[];
-    }, undefined>;
-    defaultVariants: {
-        size: "md";
     };
-};
+}, {
+    root: string;
+    track: string[];
+    range: string;
+    thumb: string[];
+}, undefined>, {
+    size: "md";
+}, undefined, {
+    root: string;
+    track: string[];
+    range: string;
+    thumb: string[];
+}>;
 export default _default;

package/dist/runtime/theme/slider.js

@@ -2,7 +2,7 @@ import { ct } from "@byyuurin/ui-kit";
 export default ct(
   /* @unocss-include */
   {
-    slots: {
+    parts: {
       root: "relative flex items-center select-none touch-none aria-disabled:opacity-50",
       track: [
         "relative bg-soft-ui-cb/10 overflow-hidden rounded-full flex-grow cursor-pointer",