@byyuurin/ui 0.0.5 → 0.0.7

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

@@ -0,0 +1,113 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        viewport: string;
+        container: string;
+        item: string;
+        controls: string;
+        arrows: string;
+        prev: string;
+        next: string;
+        dots: string;
+        dot: string;
+    };
+    variants: {
+        orientation: {
+            vertical: {
+                container: string;
+                item: string;
+                controls: string;
+                arrows: string;
+                dots: string;
+                prev: string;
+                next: string;
+            };
+            horizontal: {
+                container: string;
+                item: string;
+                prev: string;
+                next: string;
+                dots: string;
+            };
+        };
+        active: {
+            true: {
+                dot: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
+        orientation: {
+            vertical: {
+                container: string;
+                item: string;
+                controls: string;
+                arrows: string;
+                dots: string;
+                prev: string;
+                next: string;
+            };
+            horizontal: {
+                container: string;
+                item: string;
+                prev: string;
+                next: string;
+                dots: string;
+            };
+        };
+        active: {
+            true: {
+                dot: string;
+            };
+        };
+    }, {
+        root: string;
+        viewport: string;
+        container: string;
+        item: string;
+        controls: string;
+        arrows: string;
+        prev: string;
+        next: string;
+        dots: string;
+        dot: string;
+    }, undefined>;
+    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
+        orientation: {
+            vertical: {
+                container: string;
+                item: string;
+                controls: string;
+                arrows: string;
+                dots: string;
+                prev: string;
+                next: string;
+            };
+            horizontal: {
+                container: string;
+                item: string;
+                prev: string;
+                next: string;
+                dots: string;
+            };
+        };
+        active: {
+            true: {
+                dot: string;
+            };
+        };
+    }, {
+        root: string;
+        viewport: string;
+        container: string;
+        item: string;
+        controls: string;
+        arrows: string;
+        prev: string;
+        next: string;
+        dots: string;
+        dot: string;
+    }>;
+};
+export default _default;

package/dist/runtime/theme/carousel.js

@@ -0,0 +1,43 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      root: "relative focus:outline-none",
+      viewport: "overflow-hidden",
+      container: "flex items-start",
+      item: "min-w-0 shrink-0 basis-full",
+      controls: "",
+      arrows: "",
+      prev: "rounded-full",
+      next: "rounded-full",
+      dots: "flex flex-wrap items-center justify-center gap-3",
+      dot: "cursor-pointer size-3 bg-soft-ui-cb/10 rounded-full transition"
+    },
+    variants: {
+      orientation: {
+        vertical: {
+          container: "flex-col -mt-4",
+          item: "pt-4",
+          controls: "flex gap-4 justify-between py-2",
+          arrows: "flex gap-1 only-child:mx-auto",
+          dots: "only-child:mx-auto only-child:my-2",
+          prev: "rotate-90 rtl:-rotate-90",
+          next: "rotate-90 rtl:-rotate-90"
+        },
+        horizontal: {
+          container: "flex-row -ms-4",
+          item: "ps-4",
+          prev: "absolute -start-12 top-1/2 [translate:0_-50%]",
+          next: "absolute -end-12 top-1/2 [translate:0_-50%]",
+          dots: "absolute inset-x-0 -bottom-7"
+        }
+      },
+      active: {
+        true: {
+          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;
@@ -81,5 +81,8 @@ declare const _default: {
         label: string;
         description: string;
     }, undefined>;
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;

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-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-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",
+      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"
     },
@@ -46,6 +46,9 @@ export default ct(
           label: "cursor-pointer"
         }
       }
+    },
+    defaultVariants: {
+      size: "md"
     }
   }
 );

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

@@ -9,7 +9,7 @@ declare const _default: {
     variants: {
         variant: {
             solid: {
-                base: string[];
+                base: string;
             };
             outline: {
                 base: string;
@@ -38,19 +38,63 @@ declare const _default: {
                 base: string;
             };
         };
+        groupOrientation: {
+            horizontal: {
+                base: string;
+            };
+            vertical: {
+                base: string;
+            };
+        };
     };
-    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: ("lg" | "xl")[];
-        class: {
-            base: string;
-            label: string;
+        size: {
+            xs: {
+                base: string;
+            };
+            sm: {
+                base: string;
+            };
+            md: {
+                base: string;
+            };
+            lg: {
+                base: string;
+            };
+            xl: {
+                base: string;
+            };
+        };
+        groupOrientation: {
+            horizontal: {
+                base: string;
+            };
+            vertical: {
+                base: string;
+            };
         };
-    })[];
+    }, {
+        base: string;
+        label: string;
+        prefixIcon: string;
+        suffixIcon: string;
+    }, undefined>;
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;

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

@@ -1,4 +1,5 @@
 import { ct } from "@byyuurin/ui-kit";
+import { buttonGroupVariant } from "./button-group.js";
 export default ct(
   /* @unocss-include */
   {
@@ -9,20 +10,19 @@ export default ct(
       suffixIcon: "shrink-0 size-1.5em not-only-child:mr-1.5"
     },
     variants: {
+      ...buttonGroupVariant,
       variant: {
         "solid": {
-          base: [
-            "color-ui-c1 bg-ui-fill/90"
-          ]
+          base: "color-ui-cx bg-soft-ui-fill/90"
         },
         "outline": {
-          base: "color-ui-fill bg-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-ui-fill/10"
+          base: "color-ui-content/80 bg-soft-ui-fill/10"
         },
         "soft-outline": {
-          base: "color-ui-content/80 bg-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: {
@@ -58,6 +58,9 @@ export default ct(
           label: "px-2"
         }
       }
-    ]
+    ],
+    defaultVariants: {
+      size: "md"
+    }
   }
 );

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,56 +17,94 @@ 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;
+    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;
+            };
         };
-        full?: undefined;
-    } | {
-        direction: ("top" | "bottom")[];
-        full: false;
-        class: {
-            content: string;
-            handle?: undefined;
+        inset: {
+            true: {
+                content: string;
+            };
         };
-    } | {
-        direction: ("right" | "left")[];
-        class: {
-            content: string;
-            handle: 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;
+            };
+            left: {
+                content: string;
+                handle: string;
+            };
+            right: {
+                content: string;
+                handle: string;
+            };
         };
-        full?: undefined;
-    } | {
-        direction: ("right" | "left")[];
-        full: false;
-        class: {
-            content: string;
-            handle?: undefined;
+        inset: {
+            true: {
+                content: string;
+            };
         };
-    })[];
+    }, {
+        overlay: string;
+        content: string;
+        handle: string;
+        container: string;
+        header: string;
+        title: string;
+        description: string;
+        body: string;
+        footer: string;
+    }>;
 };
 export default _default;

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-ui-c1 ring ring-ui-cb/5 flex focus:outline-none",
-      handle: "shrink-0 rounded-full bg-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,24 +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 card } from './card';
-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 pinInput } from './pinInput';
-export { default as popover } from './popover';
-export { default as radioGroup } from './radioGroup';
-export { default as scrollArea } from './scrollArea';
-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';