@byyuurin/ui 0.0.5 → 0.0.6

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

@@ -0,0 +1,66 @@
+declare const _default: {
+    base: string;
+    slots: undefined;
+    variants: {
+        size: {
+            xs: "";
+            sm: "";
+            md: "";
+            lg: "";
+            xl: "";
+        };
+        orientation: {
+            horizontal: "inline-flex -space-x-px";
+            vertical: "flex flex-col -space-y-px";
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+        size: {
+            xs: "";
+            sm: "";
+            md: "";
+            lg: "";
+            xl: "";
+        };
+        orientation: {
+            horizontal: "inline-flex -space-x-px";
+            vertical: "flex flex-col -space-y-px";
+        };
+    }, undefined, "relative">;
+    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+        size: {
+            xs: "";
+            sm: "";
+            md: "";
+            lg: "";
+            xl: "";
+        };
+        orientation: {
+            horizontal: "inline-flex -space-x-px";
+            vertical: "flex flex-col -space-y-px";
+        };
+    }, undefined>;
+};
+export default _default;
+export declare const buttonGroupVariant: {
+    groupOrientation: {
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
+    };
+};
+export declare const buttonGroupVariantWithRoot: {
+    groupOrientation: {
+        horizontal: {
+            root: string;
+            base: string;
+        };
+        vertical: {
+            root: string;
+            base: string;
+        };
+    };
+};

package/dist/runtime/theme/button-group.mjs

@@ -0,0 +1,42 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    base: "relative",
+    variants: {
+      size: {
+        xs: "",
+        sm: "",
+        md: "",
+        lg: "",
+        xl: ""
+      },
+      orientation: {
+        horizontal: "inline-flex -space-x-px",
+        vertical: "flex flex-col -space-y-px"
+      }
+    }
+  }
+);
+export const buttonGroupVariant = {
+  groupOrientation: {
+    horizontal: {
+      base: "not-only-child:first:rounded-e-none not-only-child:last:rounded-s-none not-last:not-first:rounded-none"
+    },
+    vertical: {
+      base: "not-only-child:first:rounded-b-none not-only-child:last:rounded-t-none not-last:not-first:rounded-none"
+    }
+  }
+};
+export const buttonGroupVariantWithRoot = {
+  groupOrientation: {
+    horizontal: {
+      root: "group",
+      base: "group-not-only-child:group-first:rounded-e-none group-not-only-child:group-last:rounded-s-none group-not-last:group-not-first:rounded-none"
+    },
+    vertical: {
+      root: "group",
+      base: "group-not-only-child:group-first:rounded-b-none group-not-only-child:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
+    }
+  }
+};

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

@@ -56,6 +56,14 @@ declare const _default: {
         loading: {
             true: "";
         };
+        groupOrientation: {
+            horizontal: {
+                base: string;
+            };
+            vertical: {
+                base: string;
+            };
+        };
     };
     compoundVariants: ({
         size: ("xs" | "sm" | "md")[];
@@ -175,5 +183,8 @@ declare const _default: {
         active?: undefined;
         variant?: undefined;
     })[];
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;

package/dist/runtime/theme/button.mjs

@@ -1,4 +1,5 @@
 import { ct } from "@byyuurin/ui-kit";
+import { buttonGroupVariant } from "./button-group.mjs";
 export default ct(
   /* @unocss-include */
   {
@@ -13,39 +14,40 @@ export default ct(
       suffixIcon: "shrink-0 size-1.5em not-only-child:mr-0.5"
     },
     variants: {
+      ...buttonGroupVariant,
       variant: {
         "solid": {
           base: [
-            "color-ui-c1 bg-ui-fill/90",
-            "hover:bg-ui-fill/80 active:bg-ui-fill",
-            "disabled:bg-ui-fill/90 aria-disabled:bg-ui-fill/90"
+            "color-ui-c1 bg-solid-ui-fill/90",
+            "hover:bg-solid-ui-fill/80 active:bg-solid-ui-fill",
+            "disabled:bg-solid-ui-fill/90 aria-disabled:bg-solid-ui-fill/90"
           ]
         },
         "outline": {
           base: [
-            "color-ui-fill bg-ui-c1 ring ring-inset ring-ui-fill",
-            "hover:bg-ui-fill/5 active:bg-ui-fill/10",
-            "disabled:bg-ui-c1 aria-disabled:bg-ui-c1"
+            "color-ui-fill bg-solid-ui-c1 ring ring-inset ring-ui-fill",
+            "hover:bg-solid-ui-fill/5 active:bg-solid-ui-fill/10",
+            "disabled:bg-solid-ui-c1 aria-disabled:bg-solid-ui-c1"
           ]
         },
         "soft": {
           base: [
-            "color-ui-content/80 bg-ui-fill/10",
-            "hover:bg-ui-fill/15 hover:color-ui-content/80 active:bg-ui-fill/20 active:color-ui-content/90",
-            "disabled:bg-ui-fill/10 aria-disabled:bg-ui-fill/10 disabled:color-ui-content/80 aria-disabled:color-ui-content/80"
+            "color-ui-content/80 bg-solid-ui-fill/10",
+            "hover:bg-solid-ui-fill/15 hover:color-ui-content/80 active:bg-solid-ui-fill/20 active:color-ui-content/90",
+            "disabled:bg-solid-ui-fill/10 aria-disabled:bg-solid-ui-fill/10 disabled:color-ui-content/80 aria-disabled:color-ui-content/80"
           ]
         },
         "soft-outline": {
           base: [
-            "color-ui-content/80 bg-ui-fill/10 ring ring-inset ring-ui-fill/40",
-            "hover:bg-ui-fill/15 hover:color-ui-content/80 active:bg-ui-fill/20 active:color-ui-content/90",
-            "disabled:bg-ui-fill/10 aria-disabled:bg-ui-fill/10 disabled:color-ui-content/80 aria-disabled:color-ui-content/80"
+            "color-ui-content/80 bg-solid-ui-fill/10 ring ring-inset ring-ui-fill/40",
+            "hover:bg-solid-ui-fill/15 hover:color-ui-content/80 active:bg-solid-ui-fill/20 active:color-ui-content/90",
+            "disabled:bg-solid-ui-fill/10 aria-disabled:bg-solid-ui-fill/10 disabled:color-ui-content/80 aria-disabled:color-ui-content/80"
           ]
         },
         "ghost": {
           base: [
             "color-ui-fill/80 bg-transparent",
-            "hover:bg-ui-fill/10 hover:color-ui-fill/80 active:bg-ui-fill/20 active:color-ui-fill/90",
+            "hover:bg-solid-ui-fill/10 hover:color-ui-fill/80 active:bg-solid-ui-fill/20 active:color-ui-fill/90",
             "disabled:bg-transparent aria-disabled:bg-transparent disabled:color-ui-fill/80 aria-disabled:color-ui-fill/80"
           ]
         },
@@ -105,22 +107,22 @@ export default ct(
       {
         active: true,
         variant: "solid",
-        class: { base: "bg-ui-fill hover:bg-ui-fill" }
+        class: { base: "bg-solid-ui-fill hover:bg-solid-ui-fill" }
       },
       {
         active: true,
         variant: "outline",
-        class: { base: "bg-ui-fill/10 hover:bg-ui-fill/10" }
+        class: { base: "bg-solid-ui-fill/10 hover:bg-solid-ui-fill/10" }
       },
       {
         active: true,
         variant: ["soft", "soft-outline"],
-        class: { base: "color-ui-content/90 bg-ui-fill/20 hover:color-ui-content/90 hover:bg-ui-fill/20" }
+        class: { base: "color-ui-content/90 bg-solid-ui-fill/20 hover:color-ui-content/90 hover:bg-solid-ui-fill/20" }
       },
       {
         active: true,
         variant: "ghost",
-        class: { base: "color-ui-fill/90 bg-ui-fill/20 hover:color-ui-fill/90 hover:bg-ui-fill/20" }
+        class: { base: "color-ui-fill/90 bg-solid-ui-fill/20 hover:color-ui-fill/90 hover:bg-solid-ui-fill/20" }
       },
       {
         active: true,
@@ -138,6 +140,9 @@ export default ct(
         suffix: true,
         class: { suffixIcon: "animate-spin" }
       }
-    ]
+    ],
+    defaultVariants: {
+      size: "md"
+    }
   }
 );

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

@@ -39,5 +39,24 @@ 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;
+    }>;
 };
 export default _default;

package/dist/runtime/theme/card.mjs

@@ -3,7 +3,7 @@ export default ct(
   /* @unocss-include */
   {
     slots: {
-      root: "color-ui-cb bg-ui-c1 ring ring-ui-cb/10 divide-y divide-ui-cb/10 rounded-ui-box shadow-sm shadow-ui-cb/10",
+      root: "color-ui-cb bg-solid-ui-c1 ring ring-ui-cb/10 divide-y divide-ui-cb/10 rounded-ui-box shadow-sm shadow-ui-cb/10",
       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",

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/index").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/index").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.mjs

@@ -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-solid-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-solid-ui-content"
+        }
+      }
+    }
+  }
+);

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

@@ -81,5 +81,8 @@ declare const _default: {
         label: string;
         description: string;
     }, undefined>;
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;

package/dist/runtime/theme/checkbox.mjs

@@ -5,11 +5,11 @@ 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-c1 ring-2 ring-ui-content ring-inset bg-solid-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-solid-ui-c1"
       ],
-      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",
       label: "flex color-ui-cb after:content-empty",
@@ -46,6 +46,9 @@ export default ct(
           label: "cursor-pointer"
         }
       }
+    },
+    defaultVariants: {
+      size: "md"
     }
   }
 );

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

@@ -38,6 +38,14 @@ declare const _default: {
                 base: string;
             };
         };
+        groupOrientation: {
+            horizontal: {
+                base: string;
+            };
+            vertical: {
+                base: string;
+            };
+        };
     };
     compoundVariants: ({
         size: ("xs" | "sm" | "md")[];
@@ -52,5 +60,8 @@ declare const _default: {
             label: string;
         };
     })[];
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;

package/dist/runtime/theme/chip.mjs

@@ -1,4 +1,5 @@
 import { ct } from "@byyuurin/ui-kit";
+import { buttonGroupVariant } from "./button-group.mjs";
 export default ct(
   /* @unocss-include */
   {
@@ -9,20 +10,21 @@ 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"
+            "color-ui-c1 bg-solid-ui-fill/90"
           ]
         },
         "outline": {
-          base: "color-ui-fill bg-ui-c1 ring ring-inset ring-ui-fill"
+          base: "color-ui-fill bg-solid-ui-c1 ring ring-inset ring-ui-fill"
         },
         "soft": {
-          base: "color-ui-content/80 bg-ui-fill/10"
+          base: "color-ui-content/80 bg-solid-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-solid-ui-fill/10 ring ring-inset ring-ui-fill/40"
         }
       },
       size: {
@@ -58,6 +60,9 @@ export default ct(
           label: "px-2"
         }
       }
-    ]
+    ],
+    defaultVariants: {
+      size: "md"
+    }
   }
 );

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

@@ -68,5 +68,43 @@ declare const _default: {
             handle?: undefined;
         };
     })[];
+    defaultVariants: import("@byyuurin/ui-kit/index").CVDefaultVariants<{
+        direction: {
+            top: {
+                content: string;
+                handle: string;
+            };
+            right: {
+                content: string;
+                handle: string;
+            };
+            bottom: {
+                content: string;
+                handle: string;
+            };
+            left: {
+                content: string;
+                handle: string;
+            };
+        };
+        blur: {
+            true: {
+                overlay: string;
+            };
+        };
+        full: {
+            true: "";
+        };
+    }, {
+        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

@@ -4,8 +4,8 @@ export default ct(
   {
     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",
+      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",
       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",

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

@@ -3,17 +3,20 @@ 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 './radioGroup';
-export { default as scrollArea } from './scrollArea';
+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';

package/dist/runtime/theme/index.mjs

@@ -3,17 +3,20 @@ export { default as alert } from "./alert.mjs";
 export { default as app } from "./app.mjs";
 export { default as badge } from "./badge.mjs";
 export { default as button } from "./button.mjs";
+export { default as buttonGroup } from "./button-group.mjs";
 export { default as card } from "./card.mjs";
+export { default as carousel } from "./carousel.mjs";
 export { default as checkbox } from "./checkbox.mjs";
 export { default as chip } from "./chip.mjs";
 export { default as drawer } from "./drawer.mjs";
 export { default as input } from "./input.mjs";
 export { default as link } from "./link.mjs";
 export { default as modal } from "./modal.mjs";
+export { default as pagination } from "./pagination.mjs";
 export { default as pinInput } from "./pinInput.mjs";
 export { default as popover } from "./popover.mjs";
-export { default as radioGroup } from "./radioGroup.mjs";
-export { default as scrollArea } from "./scrollArea.mjs";
+export { default as radioGroup } from "./radio-group.mjs";
+export { default as scrollArea } from "./scroll-area.mjs";
 export { default as select } from "./select.mjs";
 export { default as slider } from "./slider.mjs";
 export { default as switch } from "./switch.mjs";