@byyuurin/ui 0.0.6 → 0.0.8

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

@@ -9,27 +9,43 @@ declare const _default: {
         description: string;
     };
     variants: {
-        [key: string]: {
-            [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit/index").ClassValue;
-                header?: import("@byyuurin/ui-kit/index").ClassValue;
-                body?: import("@byyuurin/ui-kit/index").ClassValue;
-                title?: import("@byyuurin/ui-kit/index").ClassValue;
-                description?: import("@byyuurin/ui-kit/index").ClassValue;
-                footer?: import("@byyuurin/ui-kit/index").ClassValue;
-            } | null;
+        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/index").CVCompoundVariants<{
-        [key: string]: {
-            [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit/index").ClassValue;
-                header?: import("@byyuurin/ui-kit/index").ClassValue;
-                body?: import("@byyuurin/ui-kit/index").ClassValue;
-                title?: import("@byyuurin/ui-kit/index").ClassValue;
-                description?: import("@byyuurin/ui-kit/index").ClassValue;
-                footer?: import("@byyuurin/ui-kit/index").ClassValue;
-            } | null;
+    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;
@@ -39,24 +55,8 @@ declare const _default: {
         title: string;
         description: string;
     }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
-        [key: string]: {
-            [key: string]: "" | {
-                root?: import("@byyuurin/ui-kit/index").ClassValue;
-                header?: import("@byyuurin/ui-kit/index").ClassValue;
-                body?: import("@byyuurin/ui-kit/index").ClassValue;
-                title?: import("@byyuurin/ui-kit/index").ClassValue;
-                description?: import("@byyuurin/ui-kit/index").ClassValue;
-                footer?: import("@byyuurin/ui-kit/index").ClassValue;
-            } | null;
-        };
-    }, {
-        root: string;
-        header: string;
-        body: string;
-        footer: string;
-        title: string;
-        description: string;
-    }>;
+    defaultVariants: {
+        variant: "outline";
+    };
 };
 export default _default;

package/dist/runtime/theme/card.js

@@ -0,0 +1,37 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      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",
+      footer: "flex items-center gap-1.5 p-4 sm:px-6",
+      title: "flex-grow text-xl font-semibold",
+      description: "w-full"
+    },
+    variants: {
+      variant: {
+        "solid": {
+          root: "color-ui-cx bg-ui-fill divide-ui-cx/20",
+          description: "color-ui-cx/80"
+        },
+        "outline": {
+          root: "color-ui-content bg-ui-cx divide-ui-content/20 ring ring-inset ring-ui-fill/20",
+          description: "color-ui-content/80"
+        },
+        "soft": {
+          root: "color-ui-content bg-soft-ui-fill/10 divide-ui-content/20",
+          description: "color-ui-content/80"
+        },
+        "soft-outline": {
+          root: "color-ui-content bg-soft-ui-fill/10 divide-ui-content/20 ring ring-inset ring-ui-fill/20",
+          description: "color-ui-content/80"
+        }
+      }
+    },
+    defaultVariants: {
+      variant: "outline"
+    }
+  }
+);

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

@@ -37,7 +37,7 @@ declare const _default: {
             };
         };
     };
-    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
         orientation: {
             vertical: {
                 container: string;
@@ -73,7 +73,7 @@ declare const _default: {
         dots: string;
         dot: string;
     }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
         orientation: {
             vertical: {
                 container: string;

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

@@ -12,7 +12,7 @@ export default ct(
       prev: "rounded-full",
       next: "rounded-full",
       dots: "flex flex-wrap items-center justify-center gap-3",
-      dot: "cursor-pointer size-3 bg-solid-ui-cb/10 rounded-full transition"
+      dot: "cursor-pointer size-3 bg-soft-ui-cb/10 rounded-full transition"
     },
     variants: {
       orientation: {
@@ -35,7 +35,7 @@ export default ct(
       },
       active: {
         true: {
-          dot: "bg-solid-ui-content"
+          dot: "bg-soft-ui-content"
         }
       }
     }

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

@@ -3,13 +3,13 @@ declare const _default: {
     slots: {
         base: string;
         label: string;
-        prefixIcon: string;
-        suffixIcon: string;
+        leadingIcon: string;
+        trailingIcon: string;
     };
     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;
+        leadingIcon: string;
+        trailingIcon: string;
+    }, undefined>;
     defaultVariants: {
         size: "md";
     };

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

@@ -1,30 +1,28 @@
 import { ct } from "@byyuurin/ui-kit";
-import { buttonGroupVariant } from "./button-group.mjs";
+import { buttonGroupVariant } from "./button-group.js";
 export default ct(
   /* @unocss-include */
   {
     slots: {
       base: "inline-flex items-center rounded-ui-base leading-normal transition-colors",
       label: "",
-      prefixIcon: "shrink-0 size-1.5em not-only-child:ml-1.5",
-      suffixIcon: "shrink-0 size-1.5em not-only-child:mr-1.5"
+      leadingIcon: "shrink-0 size-1.5em not-only-child:ml-1.5",
+      trailingIcon: "shrink-0 size-1.5em not-only-child:mr-1.5"
     },
     variants: {
       ...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 z-1 inset-0 bg-black/40",
+      content: "fixed z-1 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,37 @@
-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 avatar } from './avatar.js';
+export { default as avatarGroup } from './avatar-group.js';
+export { default as badge } from './badge.js';
+export { default as breadcrumb } from './breadcrumb.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 kbd } from './kbd.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 progress } from './progress.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 skeleton } from './skeleton.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';