@byyuurin/ui 0.0.10 → 0.0.11

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

@@ -1,190 +1,184 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        base: string[];
-        label: string;
-        leadingIcon: string;
-        trailingIcon: string;
-    };
-    variants: {
-        variant: {
-            solid: {
-                base: string[];
-            };
-            outline: {
-                base: string[];
-            };
-            soft: {
-                base: string[];
-            };
-            'soft-outline': {
-                base: string[];
-            };
-            ghost: {
-                base: string[];
-            };
-            link: {
-                base: string[];
-            };
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    variant: {
+        solid: {
+            base: string[];
         };
-        size: {
-            xs: {
-                base: string;
-            };
-            sm: {
-                base: string;
-            };
-            md: {
-                base: string;
-            };
-            lg: {
-                base: string;
-            };
-            xl: {
-                base: string;
-            };
+        outline: {
+            base: string[];
         };
-        active: {
-            true: "";
+        soft: {
+            base: string[];
         };
-        leading: {
-            true: "";
+        'soft-outline': {
+            base: string[];
         };
-        trailing: {
-            true: "";
+        ghost: {
+            base: string[];
         };
-        loading: {
-            true: "";
-        };
-        groupOrientation: {
-            horizontal: {
-                base: string;
-            };
-            vertical: {
-                base: string;
-            };
+        link: {
+            base: string[];
         };
     };
-    compoundVariants: ({
-        size: ("xs" | "sm" | "md")[];
-        class: {
+    size: {
+        xs: {
             base: string;
-            label: string;
-            leadingIcon?: undefined;
-            trailingIcon?: undefined;
         };
-        active?: undefined;
-        variant?: undefined;
-        loading?: undefined;
-        leading?: undefined;
-        trailing?: undefined;
-    } | {
-        size: ("lg" | "xl")[];
-        class: {
+        sm: {
             base: string;
-            label: string;
-            leadingIcon?: undefined;
-            trailingIcon?: undefined;
         };
-        active?: undefined;
-        variant?: undefined;
-        loading?: undefined;
-        leading?: undefined;
-        trailing?: undefined;
-    } | {
-        active: true;
-        variant: "solid";
-        class: {
+        md: {
             base: string;
-            label?: undefined;
-            leadingIcon?: undefined;
-            trailingIcon?: undefined;
         };
-        size?: undefined;
-        loading?: undefined;
-        leading?: undefined;
-        trailing?: undefined;
-    } | {
-        active: true;
-        variant: "outline";
-        class: {
+        lg: {
             base: string;
-            label?: undefined;
-            leadingIcon?: undefined;
-            trailingIcon?: undefined;
         };
-        size?: undefined;
-        loading?: undefined;
-        leading?: undefined;
-        trailing?: undefined;
-    } | {
-        active: true;
-        variant: ("soft" | "soft-outline")[];
-        class: {
+        xl: {
             base: string;
-            label?: undefined;
-            leadingIcon?: undefined;
-            trailingIcon?: undefined;
         };
-        size?: undefined;
-        loading?: undefined;
-        leading?: undefined;
-        trailing?: undefined;
-    } | {
-        active: true;
-        variant: "ghost";
-        class: {
+    };
+    active: {
+        true: "";
+    };
+    leading: {
+        true: "";
+    };
+    trailing: {
+        true: "";
+    };
+    loading: {
+        true: "";
+    };
+    groupOrientation: {
+        horizontal: {
             base: string;
-            label?: undefined;
-            leadingIcon?: undefined;
-            trailingIcon?: undefined;
         };
-        size?: undefined;
-        loading?: undefined;
-        leading?: undefined;
-        trailing?: undefined;
-    } | {
-        active: true;
-        variant: "link";
-        class: {
+        vertical: {
             base: string;
-            label?: undefined;
-            leadingIcon?: undefined;
-            trailingIcon?: undefined;
         };
-        size?: undefined;
-        loading?: undefined;
-        leading?: undefined;
-        trailing?: undefined;
-    } | {
-        loading: true;
-        leading: true;
-        class: {
-            leadingIcon: string;
-            base?: undefined;
-            label?: undefined;
-            trailingIcon?: undefined;
-        };
-        size?: undefined;
-        active?: undefined;
-        variant?: undefined;
-        trailing?: undefined;
-    } | {
-        loading: true;
-        leading: false;
-        trailing: true;
-        class: {
-            trailingIcon: string;
-            base?: undefined;
-            label?: undefined;
-            leadingIcon?: undefined;
-        };
-        size?: undefined;
-        active?: undefined;
-        variant?: undefined;
-    })[];
-    defaultVariants: {
-        size: "md";
-    };
-};
+    };
+}, ({
+    size: ("xs" | "sm" | "md")[];
+    class: {
+        base: string;
+        label: string;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    active?: undefined;
+    variant?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    size: ("lg" | "xl")[];
+    class: {
+        base: string;
+        label: string;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    active?: undefined;
+    variant?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    active: true;
+    variant: "solid";
+    class: {
+        base: string;
+        label?: undefined;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    size?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    active: true;
+    variant: "outline";
+    class: {
+        base: string;
+        label?: undefined;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    size?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    active: true;
+    variant: ("soft" | "soft-outline")[];
+    class: {
+        base: string;
+        label?: undefined;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    size?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    active: true;
+    variant: "ghost";
+    class: {
+        base: string;
+        label?: undefined;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    size?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    active: true;
+    variant: "link";
+    class: {
+        base: string;
+        label?: undefined;
+        leadingIcon?: undefined;
+        trailingIcon?: undefined;
+    };
+    size?: undefined;
+    loading?: undefined;
+    leading?: undefined;
+    trailing?: undefined;
+} | {
+    loading: true;
+    leading: true;
+    class: {
+        leadingIcon: string;
+        base?: undefined;
+        label?: undefined;
+        trailingIcon?: undefined;
+    };
+    size?: undefined;
+    active?: undefined;
+    variant?: undefined;
+    trailing?: undefined;
+} | {
+    loading: true;
+    leading: false;
+    trailing: true;
+    class: {
+        trailingIcon: string;
+        base?: undefined;
+        label?: undefined;
+        leadingIcon?: undefined;
+    };
+    size?: undefined;
+    active?: undefined;
+    variant?: undefined;
+})[], {
+    size: "md";
+}, undefined, {
+    base: string[];
+    label: string;
+    leadingIcon: string;
+    trailingIcon: string;
+}>;
 export default _default;

package/dist/runtime/theme/button.js

@@ -3,7 +3,7 @@ import { buttonGroupVariant } from "./button-group.js";
 export default ct(
   /* @unocss-include */
   {
-    slots: {
+    parts: {
       base: [
         "relative inline-flex items-center rounded-ui-button leading-normal transition-colors",
         "outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-base/80",

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

@@ -1,56 +1,58 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        root: string;
-        header: string;
-        body: string;
-        heading: string;
-        grid: string;
-        gridRow: string;
-        gridWeekDaysRow: string;
-        gridBody: string;
-        headCell: string;
-        cell: string;
-        cellTrigger: string[];
-    };
-    variants: {
-        size: {
-            xs: {
-                root: string;
-            };
-            sm: {
-                root: string;
-            };
-            md: {
-                root: string;
-            };
-            lg: {
-                root: string;
-            };
-            xl: {
-                root: string;
-            };
-        };
-        readonly: {
-            true: {
-                cellTrigger: string;
-            };
-        };
-        disabled: {
-            true: {
-                cellTrigger: 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;
         };
     };
-    compoundVariants: {
-        readonly: false;
-        disabled: false;
-        class: {
+    multipleMonths: {
+        true: {
+            cellTrigger: string[];
+        };
+        false: {
             cellTrigger: string;
         };
-    }[];
-    defaultVariants: {
-        size: "md";
     };
-};
+    readonly: {
+        true: {
+            cellTrigger: string[];
+        };
+    };
+    disabled: {
+        true: {
+            cellTrigger: string[];
+        };
+    };
+}, {
+    readonly: false;
+    disabled: false;
+    class: {
+        cellTrigger: string;
+    };
+}[], {
+    size: "md";
+}, undefined, {
+    root: string;
+    header: string;
+    body: string;
+    heading: string;
+    grid: string;
+    gridRow: string;
+    gridWeekDaysRow: string;
+    gridBody: string;
+    headCell: string;
+    cell: string;
+    cellTrigger: string[];
+}>;
 export default _default;

package/dist/runtime/theme/calendar.js

@@ -2,7 +2,7 @@ import { ct } from "@byyuurin/ui-kit";
 export default ct(
   /* @unocss-include */
   {
-    slots: {
+    parts: {
       root: "",
       header: "flex items-center justify-between",
       body: "flex flex-col space-y-4 pt-4 sm:flex-row sm:space-x-4 sm:space-y-0",
@@ -42,14 +42,31 @@ export default ct(
           root: "text-xl"
         }
       },
+      multipleMonths: {
+        true: {
+          cellTrigger: [
+            "data-[outside-view]:data-[selected]:not-hover:bg-inherit data-[outside-view]:data-[selected]:not-hover:color-ui-base/20",
+            "data-[outside-view]:data-[selected]:hover:bg-soft-ui-fill/10 data-[outside-view]:data-[selected]:hover:color-ui-base/20"
+          ]
+        },
+        false: {
+          cellTrigger: "data-[outside-view]:data-[selected]:color-ui-cx"
+        }
+      },
       readonly: {
         true: {
-          cellTrigger: "cursor-default data-[today]:not-[[data-selected]]:color-ui-fill/60"
+          cellTrigger: [
+            "cursor-default data-[today]:not-[[data-selected]]:color-ui-fill/60",
+            "data-[outside-view]:data-[selected]:hover:bg-inherit"
+          ]
         }
       },
       disabled: {
         true: {
-          cellTrigger: "data-[today]:not-[[data-selected]]:color-ui-fill/60 data-[selected]:bg-soft-ui-fill/50"
+          cellTrigger: [
+            "data-[today]:not-[[data-selected]]:color-ui-fill/60 data-[selected]:bg-soft-ui-fill/50",
+            "data-[outside-view]:data-[selected]:hover:bg-inherit"
+          ]
         }
       }
     },

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

@@ -1,62 +1,56 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        root: string;
-        header: string;
-        body: string;
-        footer: string;
-        title: string;
-        description: string;
-    };
-    variants: {
-        variant: {
-            solid: {
-                root: string;
-                description: string;
-            };
-            outline: {
-                root: string;
-                description: string;
-            };
-            soft: {
-                root: string;
-                description: string;
-            };
-            'soft-outline': {
-                root: string;
-                description: string;
-            };
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    variant: {
+        solid: {
+            root: string;
+            description: string;
+        };
+        outline: {
+            root: string;
+            description: string;
+        };
+        soft: {
+            root: string;
+            description: string;
+        };
+        'soft-outline': {
+            root: string;
+            description: string;
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        variant: {
-            solid: {
-                root: string;
-                description: string;
-            };
-            outline: {
-                root: string;
-                description: string;
-            };
-            soft: {
-                root: string;
-                description: string;
-            };
-            'soft-outline': {
-                root: string;
-                description: string;
-            };
-        };
-    }, {
-        root: string;
-        header: string;
-        body: string;
-        footer: string;
-        title: string;
-        description: string;
-    }, undefined>;
-    defaultVariants: {
-        variant: "outline";
+}, import("@byyuurin/ui-kit").CVCompoundVariants<{
+    variant: {
+        solid: {
+            root: string;
+            description: string;
+        };
+        outline: {
+            root: string;
+            description: string;
+        };
+        soft: {
+            root: string;
+            description: string;
+        };
+        'soft-outline': {
+            root: string;
+            description: string;
+        };
     };
-};
+}, {
+    root: string;
+    header: string;
+    body: string;
+    footer: string;
+    title: string;
+    description: string;
+}, undefined>, {
+    variant: "outline";
+}, undefined, {
+    root: string;
+    header: string;
+    body: string;
+    footer: string;
+    title: string;
+    description: string;
+}>;
 export default _default;

package/dist/runtime/theme/card.js

@@ -2,7 +2,7 @@ import { ct } from "@byyuurin/ui-kit";
 export default ct(
   /* @unocss-include */
   {
-    slots: {
+    parts: {
       root: "rounded-ui-box divide-y",
       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",