@byyuurin/ui 0.0.4 → 0.0.6

package/dist/runtime/theme/chip.mjs

@@ -0,0 +1,68 @@
+import { ct } from "@byyuurin/ui-kit";
+import { buttonGroupVariant } from "./button-group.mjs";
+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"
+    },
+    variants: {
+      ...buttonGroupVariant,
+      variant: {
+        "solid": {
+          base: [
+            "color-ui-c1 bg-solid-ui-fill/90"
+          ]
+        },
+        "outline": {
+          base: "color-ui-fill bg-solid-ui-c1 ring ring-inset ring-ui-fill"
+        },
+        "soft": {
+          base: "color-ui-content/80 bg-solid-ui-fill/10"
+        },
+        "soft-outline": {
+          base: "color-ui-content/80 bg-solid-ui-fill/10 ring ring-inset ring-ui-fill/40"
+        }
+      },
+      size: {
+        xs: {
+          base: "text-xs"
+        },
+        sm: {
+          base: "text-sm"
+        },
+        md: {
+          base: "text-base"
+        },
+        lg: {
+          base: "text-lg"
+        },
+        xl: {
+          base: "text-xl"
+        }
+      }
+    },
+    compoundVariants: [
+      {
+        size: ["xs", "sm", "md"],
+        class: {
+          base: "p-0.5",
+          label: "px-1"
+        }
+      },
+      {
+        size: ["lg", "xl"],
+        class: {
+          base: "p-1",
+          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

@@ -1,72 +1,75 @@
 import { ct } from "@byyuurin/ui-kit";
-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",
-    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",
-    description: "mt-1 color-ui-cb/80",
-    body: "p-4 sm:px-6 flex-1 sibling:pt-0",
-    footer: "p-4 sm:px-6 flex flex-col gap-1.5"
-  },
-  variants: {
-    direction: {
-      top: {
-        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"
+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",
+      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",
+      description: "mt-1 color-ui-cb/80",
+      body: "p-4 sm:px-6 flex-1 sibling:pt-0",
+      footer: "p-4 sm:px-6 flex flex-col gap-1.5"
+    },
+    variants: {
+      direction: {
+        top: {
+          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",
+          handle: "mr-4"
+        }
       },
-      bottom: {
-        content: "bottom-0 mt-24 flex-col rounded-t-ui-box",
-        handle: "mt-4"
+      blur: {
+        true: {
+          overlay: "backdrop-blur-sm"
+        }
       },
-      left: {
-        content: "left-4 flex-row-reverse rounded-r-ui-box",
-        handle: "mr-4"
-      }
-    },
-    blur: {
-      true: {
-        overlay: "backdrop-blur-sm"
+      full: {
+        true: ""
       }
     },
-    full: {
-      true: ""
-    }
-  },
-  compoundVariants: [
-    {
-      direction: ["top", "bottom"],
-      class: {
-        content: "inset-x-0 h-auto max-h-[96%]",
-        handle: "w-12 h-1.5 mx-auto"
-      }
-    },
-    {
-      direction: ["top", "bottom"],
-      full: false,
-      class: {
-        content: "inset-x-4 my-4 rounded-ui-box after:hidden"
-      }
-    },
-    {
-      direction: ["right", "left"],
-      class: {
-        content: "inset-y-0 w-auto max-w-[calc(100%-2rem)]",
-        handle: "h-12 w-1.5 my-auto"
-      }
-    },
-    {
-      direction: ["right", "left"],
-      full: false,
-      class: {
-        content: "inset-y-4 rounded-ui-box after:hidden"
+    compoundVariants: [
+      {
+        direction: ["top", "bottom"],
+        class: {
+          content: "inset-x-0 h-auto max-h-[96%]",
+          handle: "w-12 h-1.5 mx-auto"
+        }
+      },
+      {
+        direction: ["top", "bottom"],
+        full: false,
+        class: {
+          content: "inset-x-4 my-4 rounded-ui-box after:hidden"
+        }
+      },
+      {
+        direction: ["right", "left"],
+        class: {
+          content: "inset-y-0 w-auto max-w-[calc(100%-2rem)]",
+          handle: "h-12 w-1.5 my-auto"
+        }
+      },
+      {
+        direction: ["right", "left"],
+        full: false,
+        class: {
+          content: "inset-y-4 rounded-ui-box after:hidden"
+        }
       }
-    }
-  ]
-});
+    ]
+  }
+);

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

@@ -1,16 +1,24 @@
 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 './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';
 export { default as tabs } from './tabs';
 export { default as textarea } from './textarea';

package/dist/runtime/theme/index.mjs

@@ -1,16 +1,24 @@
 export { default as accordion } from "./accordion.mjs";
+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";
 export { default as tabs } from "./tabs.mjs";
 export { default as textarea } from "./textarea.mjs";

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

@@ -1,8 +1,8 @@
 declare const _default: {
     base: undefined;
     slots: {
-        root: string;
-        base: string[];
+        base: string;
+        input: string[];
         prefix: string;
         prefixIcon: string;
         suffix: string;
@@ -11,33 +11,36 @@ declare const _default: {
     variants: {
         size: {
             xs: {
-                root: string;
+                base: string;
             };
             sm: {
-                root: string;
+                base: string;
             };
             md: {
-                root: string;
+                base: string;
             };
             lg: {
-                root: string;
+                base: string;
             };
             xl: {
-                root: string;
+                base: string;
             };
         };
         variant: {
             outline: {
-                root: string[];
+                base: string[];
             };
             soft: {
-                root: string[];
+                base: string[];
+            };
+            'soft-outline': {
+                base: string[];
             };
             ghost: {
-                root: string[];
+                base: string[];
             };
             none: {
-                root: string;
+                base: string;
             };
         };
         prefix: {
@@ -53,12 +56,18 @@ declare const _default: {
             true: "";
         };
         highlight: {
-            true: {
-                base: string;
-            };
+            true: "";
         };
         type: {
             file: {
+                input: string;
+            };
+        };
+        groupOrientation: {
+            horizontal: {
+                base: string;
+            };
+            vertical: {
                 base: string;
             };
         };
@@ -68,7 +77,8 @@ declare const _default: {
         highlight: false;
         underline: true;
         class: {
-            root: string;
+            base: string[];
+            input?: undefined;
             prefixIcon?: undefined;
             suffixIcon?: undefined;
         };
@@ -79,7 +89,8 @@ declare const _default: {
     } | {
         size: ("xs" | "sm" | "md")[];
         class: {
-            root: string;
+            base: string;
+            input: string;
             prefixIcon?: undefined;
             suffixIcon?: undefined;
         };
@@ -92,7 +103,8 @@ declare const _default: {
     } | {
         size: ("lg" | "xl")[];
         class: {
-            root: string;
+            base: string;
+            input: string;
             prefixIcon?: undefined;
             suffixIcon?: undefined;
         };
@@ -103,10 +115,11 @@ declare const _default: {
         prefix?: undefined;
         suffix?: undefined;
     } | {
-        variant: ("soft" | "ghost" | "none")[];
+        variant: ("soft" | "soft-outline" | "ghost" | "none")[];
         highlight: true;
         class: {
-            root: string;
+            base: string;
+            input?: undefined;
             prefixIcon?: undefined;
             suffixIcon?: undefined;
         };
@@ -119,7 +132,8 @@ declare const _default: {
         variant: "outline"[];
         highlight: true;
         class: {
-            root: string;
+            base: string;
+            input?: undefined;
             prefixIcon?: undefined;
             suffixIcon?: undefined;
         };
@@ -133,7 +147,8 @@ declare const _default: {
         prefix: true;
         class: {
             prefixIcon: string;
-            root?: undefined;
+            base?: undefined;
+            input?: undefined;
             suffixIcon?: undefined;
         };
         variant?: undefined;
@@ -147,7 +162,8 @@ declare const _default: {
         suffix: true;
         class: {
             suffixIcon: string;
-            root?: undefined;
+            base?: undefined;
+            input?: undefined;
             prefixIcon?: undefined;
         };
         variant?: undefined;
@@ -155,5 +171,8 @@ declare const _default: {
         underline?: undefined;
         size?: undefined;
     })[];
+    defaultVariants: {
+        size: "md";
+    };
 };
 export default _default;