@byyuurin/ui 0.0.6 → 0.0.7

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

@@ -41,7 +41,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/{checkbox.mjs → checkbox.js}

@@ -5,13 +5,13 @@ export default ct(
     slots: {
       root: "relative flex items-start",
       base: [
-        "size-1.25em shrink-0 flex items-center justify-center rounded-ui-checkbox color-ui-c1 ring-2 ring-ui-content ring-inset bg-solid-ui-content",
+        "size-1.25em shrink-0 flex items-center justify-center rounded-ui-checkbox color-ui-cx ring-2 ring-ui-content ring-inset bg-soft-ui-content",
         "outline-none focus-visible:outline-ui-cb/80 focus-visible:outline-2 focus-visible:outline-offset-2",
-        "aria-[checked=false]:ring-1 aria-[checked=false]:ring-ui-cb aria-[checked=false]:bg-solid-ui-c1"
+        "aria-[checked=false]:ring-1 aria-[checked=false]:ring-ui-cb aria-[checked=false]:bg-ui-cx"
       ],
       container: "flex items-center h-1.25em overflow-hidden",
       wrapper: "text-inherit ms-2",
-      icon: "color-ui-c1 shrink-0 size-1em transition data-[state=unchecked]:translate-y-full",
+      icon: "color-ui-cx shrink-0 size-1em transition data-[state=unchecked]:translate-y-full",
       label: "flex color-ui-cb after:content-empty",
       description: "color-ui-cb/60"
     },

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

@@ -9,7 +9,7 @@ declare const _default: {
     variants: {
         variant: {
             solid: {
-                base: string[];
+                base: string;
             };
             outline: {
                 base: string;
@@ -47,19 +47,52 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: ({
-        size: ("xs" | "sm" | "md")[];
-        class: {
-            base: string;
-            label: string;
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        variant: {
+            solid: {
+                base: string;
+            };
+            outline: {
+                base: string;
+            };
+            soft: {
+                base: string;
+            };
+            'soft-outline': {
+                base: string;
+            };
+        };
+        size: {
+            xs: {
+                base: string;
+            };
+            sm: {
+                base: string;
+            };
+            md: {
+                base: string;
+            };
+            lg: {
+                base: string;
+            };
+            xl: {
+                base: string;
+            };
         };
-    } | {
-        size: ("lg" | "xl")[];
-        class: {
-            base: string;
-            label: string;
+        groupOrientation: {
+            horizontal: {
+                base: string;
+            };
+            vertical: {
+                base: string;
+            };
         };
-    })[];
+    }, {
+        base: string;
+        label: string;
+        prefixIcon: string;
+        suffixIcon: string;
+    }, undefined>;
     defaultVariants: {
         size: "md";
     };

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

@@ -1,5 +1,5 @@
 import { ct } from "@byyuurin/ui-kit";
-import { buttonGroupVariant } from "./button-group.mjs";
+import { buttonGroupVariant } from "./button-group.js";
 export default ct(
   /* @unocss-include */
   {
@@ -13,18 +13,16 @@ export default ct(
       ...buttonGroupVariant,
       variant: {
         "solid": {
-          base: [
-            "color-ui-c1 bg-solid-ui-fill/90"
-          ]
+          base: "color-ui-cx bg-soft-ui-fill/90"
         },
         "outline": {
-          base: "color-ui-fill bg-solid-ui-c1 ring ring-inset ring-ui-fill"
+          base: "color-ui-fill bg-ui-cx ring ring-inset ring-ui-fill/30"
         },
         "soft": {
-          base: "color-ui-content/80 bg-solid-ui-fill/10"
+          base: "color-ui-content/80 bg-soft-ui-fill/10"
         },
         "soft-outline": {
-          base: "color-ui-content/80 bg-solid-ui-fill/10 ring ring-inset ring-ui-fill/40"
+          base: "color-ui-content/80 bg-soft-ui-fill/10 ring ring-inset ring-ui-fill/30"
         }
       },
       size: {

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

@@ -0,0 +1,38 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        content: string;
+    };
+    variants: {
+        [key: string]: {
+            [key: string]: "" | {
+                root?: import("@byyuurin/ui-kit").ClassValue;
+                content?: import("@byyuurin/ui-kit").ClassValue;
+            } | null;
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        [key: string]: {
+            [key: string]: "" | {
+                root?: import("@byyuurin/ui-kit").ClassValue;
+                content?: import("@byyuurin/ui-kit").ClassValue;
+            } | null;
+        };
+    }, {
+        root: string;
+        content: string;
+    }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
+        [key: string]: {
+            [key: string]: "" | {
+                root?: import("@byyuurin/ui-kit").ClassValue;
+                content?: import("@byyuurin/ui-kit").ClassValue;
+            } | null;
+        };
+    }, {
+        root: string;
+        content: string;
+    }>;
+};
+export default _default;

package/dist/runtime/theme/collapsible.js

@@ -0,0 +1,10 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      root: "",
+      content: "data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-in] overflow-hidden"
+    }
+  }
+);

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

@@ -17,67 +17,66 @@ declare const _default: {
                 content: string;
                 handle: string;
             };
-            right: {
+            bottom: {
                 content: string;
                 handle: string;
             };
-            bottom: {
+            left: {
                 content: string;
                 handle: string;
             };
-            left: {
+            right: {
                 content: string;
                 handle: string;
             };
         };
-        blur: {
+        inset: {
             true: {
-                overlay: string;
+                content: string;
             };
         };
-        full: {
-            true: "";
-        };
     };
-    compoundVariants: ({
-        direction: ("top" | "bottom")[];
-        class: {
-            content: string;
-            handle: string;
-        };
-        full?: undefined;
-    } | {
-        direction: ("top" | "bottom")[];
-        full: false;
-        class: {
-            content: string;
-            handle?: undefined;
-        };
-    } | {
-        direction: ("right" | "left")[];
-        class: {
-            content: string;
-            handle: string;
-        };
-        full?: undefined;
-    } | {
-        direction: ("right" | "left")[];
-        full: false;
-        class: {
-            content: string;
-            handle?: undefined;
-        };
-    })[];
-    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         direction: {
             top: {
                 content: string;
                 handle: string;
             };
+            bottom: {
+                content: string;
+                handle: string;
+            };
+            left: {
+                content: string;
+                handle: string;
+            };
             right: {
                 content: string;
                 handle: string;
             };
+        };
+        inset: {
+            true: {
+                content: string;
+            };
+        };
+    }, {
+        overlay: string;
+        content: string;
+        handle: string;
+        container: string;
+        header: string;
+        title: string;
+        description: string;
+        body: string;
+        footer: string;
+    }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
+        direction: {
+            top: {
+                content: string;
+                handle: string;
+            };
             bottom: {
                 content: string;
                 handle: string;
@@ -86,15 +85,16 @@ declare const _default: {
                 content: string;
                 handle: string;
             };
+            right: {
+                content: string;
+                handle: string;
+            };
         };
-        blur: {
+        inset: {
             true: {
-                overlay: string;
+                content: string;
             };
         };
-        full: {
-            true: "";
-        };
     }, {
         overlay: string;
         content: string;

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

@@ -3,9 +3,9 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      overlay: "fixed inset-0 bg-ui-c3/75",
-      content: "fixed bg-solid-ui-c1 ring ring-ui-cb/5 flex focus:outline-none",
-      handle: "shrink-0 rounded-full bg-solid-ui-cb/17.5",
+      overlay: "fixed inset-0 bg-black/40",
+      content: "fixed bg-ui-cx ring ring-ui-cb/5 flex focus:outline-none",
+      handle: "shrink-0 rounded-full bg-soft-ui-cb/17.5",
       container: "w-full flex flex-col overflow-hidden overflow-y-auto",
       header: "p-4 sm:px-6 sibling:pt-0",
       title: "color-ui-cb text-xl font-semibold",
@@ -19,26 +19,23 @@ export default ct(
           content: "top-0 mb-24 flex-col-reverse rounded-b-ui-box",
           handle: "mb-4"
         },
-        right: {
-          content: "right-4 flex-row rounded-l-ui-box",
-          handle: "ml-4"
-        },
         bottom: {
           content: "bottom-0 mt-24 flex-col rounded-t-ui-box",
           handle: "mt-4"
         },
         left: {
-          content: "left-4 flex-row-reverse rounded-r-ui-box",
+          content: "left-0 flex-row-reverse rounded-r-ui-box",
           handle: "mr-4"
+        },
+        right: {
+          content: "right-0 flex-row rounded-l-ui-box",
+          handle: "ml-4"
         }
       },
-      blur: {
+      inset: {
         true: {
-          overlay: "backdrop-blur-sm"
+          content: "rounded-ui-box after:hidden"
         }
-      },
-      full: {
-        true: ""
       }
     },
     compoundVariants: [
@@ -50,24 +47,38 @@ export default ct(
         }
       },
       {
-        direction: ["top", "bottom"],
-        full: false,
+        direction: ["left", "right"],
+        class: {
+          content: "inset-y-0 w-auto max-w-[calc(100%-2rem)]",
+          handle: "h-12 w-1.5 my-auto"
+        }
+      },
+      {
+        direction: ["top"],
+        inset: true,
         class: {
-          content: "inset-x-4 my-4 rounded-ui-box after:hidden"
+          content: "inset-x-4 top-4"
         }
       },
       {
-        direction: ["right", "left"],
+        direction: ["bottom"],
+        inset: true,
         class: {
-          content: "inset-y-0 w-auto max-w-[calc(100%-2rem)]",
-          handle: "h-12 w-1.5 my-auto"
+          content: "inset-x-4 bottom-4"
+        }
+      },
+      {
+        direction: ["left"],
+        inset: true,
+        class: {
+          content: "inset-y-4 left-4"
         }
       },
       {
-        direction: ["right", "left"],
-        full: false,
+        direction: ["right"],
+        inset: true,
         class: {
-          content: "inset-y-4 rounded-ui-box after:hidden"
+          content: "inset-y-4 right-4"
         }
       }
     ]

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

@@ -1,27 +1,31 @@
-export { default as accordion } from './accordion';
-export { default as alert } from './alert';
-export { default as app } from './app';
-export { default as badge } from './badge';
-export { default as button } from './button';
-export { default as buttonGroup } from './button-group';
-export { default as card } from './card';
-export { default as carousel } from './carousel';
-export { default as checkbox } from './checkbox';
-export { default as chip } from './chip';
-export { default as drawer } from './drawer';
-export { default as input } from './input';
-export { default as link } from './link';
-export { default as modal } from './modal';
-export { default as pagination } from './pagination';
-export { default as pinInput } from './pinInput';
-export { default as popover } from './popover';
-export { default as radioGroup } from './radio-group';
-export { default as scrollArea } from './scroll-area';
-export { default as select } from './select';
-export { default as slider } from './slider';
-export { default as switch } from './switch';
-export { default as tabs } from './tabs';
-export { default as textarea } from './textarea';
-export { default as toast } from './toast';
-export { default as toaster } from './toaster';
-export { default as tooltip } from './tooltip';
+export { default as accordion } from './accordion.js';
+export { default as alert } from './alert.js';
+export { default as app } from './app.js';
+export { default as badge } from './badge.js';
+export { default as button } from './button.js';
+export { default as buttonGroup } from './button-group.js';
+export { default as card } from './card.js';
+export { default as carousel } from './carousel.js';
+export { default as checkbox } from './checkbox.js';
+export { default as chip } from './chip.js';
+export { default as collapsible } from './collapsible.js';
+export { default as drawer } from './drawer.js';
+export { default as input } from './input.js';
+export { default as inputNumber } from './input-number.js';
+export { default as link } from './link.js';
+export { default as modal } from './modal.js';
+export { default as pagination } from './pagination.js';
+export { default as pinInput } from './pinInput.js';
+export { default as popover } from './popover.js';
+export { default as radioGroup } from './radio-group.js';
+export { default as scrollArea } from './scroll-area.js';
+export { default as select } from './select.js';
+export { default as separator } from './separator.js';
+export { default as slider } from './slider.js';
+export { default as switch } from './switch.js';
+export { default as table } from './table.js';
+export { default as tabs } from './tabs.js';
+export { default as textarea } from './textarea.js';
+export { default as toast } from './toast.js';
+export { default as toaster } from './toaster.js';
+export { default as tooltip } from './tooltip.js';

package/dist/runtime/theme/index.js

@@ -0,0 +1,31 @@
+export { default as accordion } from "./accordion.js";
+export { default as alert } from "./alert.js";
+export { default as app } from "./app.js";
+export { default as badge } from "./badge.js";
+export { default as button } from "./button.js";
+export { default as buttonGroup } from "./button-group.js";
+export { default as card } from "./card.js";
+export { default as carousel } from "./carousel.js";
+export { default as checkbox } from "./checkbox.js";
+export { default as chip } from "./chip.js";
+export { default as collapsible } from "./collapsible.js";
+export { default as drawer } from "./drawer.js";
+export { default as input } from "./input.js";
+export { default as inputNumber } from "./input-number.js";
+export { default as link } from "./link.js";
+export { default as modal } from "./modal.js";
+export { default as pagination } from "./pagination.js";
+export { default as pinInput } from "./pinInput.js";
+export { default as popover } from "./popover.js";
+export { default as radioGroup } from "./radio-group.js";
+export { default as scrollArea } from "./scroll-area.js";
+export { default as select } from "./select.js";
+export { default as separator } from "./separator.js";
+export { default as slider } from "./slider.js";
+export { default as switch } from "./switch.js";
+export { default as table } from "./table.js";
+export { default as tabs } from "./tabs.js";
+export { default as textarea } from "./textarea.js";
+export { default as toast } from "./toast.js";
+export { default as toaster } from "./toaster.js";
+export { default as tooltip } from "./tooltip.js";

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

@@ -0,0 +1,135 @@
+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;
+            };
+        };
+        disabled: {
+            true: {
+                increment: string;
+                decrement: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                input: string;
+                increment: string;
+                decrement: string;
+            };
+            vertical: {
+                increment: string;
+                decrement: string;
+            };
+        };
+        highlight: {
+            true: {
+                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;
+            };
+        };
+        disabled: {
+            true: {
+                increment: string;
+                decrement: string;
+            };
+        };
+        orientation: {
+            horizontal: {
+                input: string;
+                increment: string;
+                decrement: string;
+            };
+            vertical: {
+                increment: string;
+                decrement: string;
+            };
+        };
+        highlight: {
+            true: {
+                base: string;
+            };
+        };
+    }, {
+        base: string;
+        input: string[];
+        increment: string;
+        decrement: string;
+    }, undefined>;
+    defaultVariants: {
+        size: "md";
+        variant: "outline";
+    };
+};
+export default _default;