@byyuurin/ui 0.0.9 → 0.0.11

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

@@ -1,113 +1,142 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        overlay: string;
-        content: string;
-        container: string;
-        header: string;
-        body: string;
-        footer: string;
-        title: string;
-        description: string;
-        close: string;
-    };
-    variants: {
-        direction: {
-            top: {
-                content: string;
-            };
-            bottom: {
-                content: string;
-            };
-            left: {
-                content: string;
-            };
-            right: {
-                content: string;
-            };
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    direction: {
+        top: {
+            content: string;
         };
-        transition: {
-            true: {
-                overlay: string;
-            };
+        bottom: {
+            content: string;
         };
-        inset: {
-            true: {
-                content: string;
-            };
+        left: {
+            content: string;
         };
-    };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        direction: {
-            top: {
-                content: string;
-            };
-            bottom: {
-                content: string;
-            };
-            left: {
-                content: string;
-            };
-            right: {
-                content: string;
-            };
+        right: {
+            content: string;
         };
-        transition: {
-            true: {
-                overlay: string;
-            };
+    };
+    transition: {
+        true: {
+            overlay: string;
         };
-        inset: {
-            true: {
-                content: string;
-            };
+    };
+    inset: {
+        true: {
+            content: string;
         };
-    }, {
-        overlay: string;
+    };
+}, ({
+    direction: ("top" | "bottom")[];
+    class: {
+        content: string;
+    };
+    inset?: undefined;
+    transition?: undefined;
+} | {
+    direction: ("left" | "right")[];
+    class: {
+        content: string;
+    };
+    inset?: undefined;
+    transition?: undefined;
+} | {
+    direction: "top"[];
+    inset: true;
+    class: {
+        content: string;
+    };
+    transition?: undefined;
+} | {
+    direction: "top"[];
+    transition: true;
+    class: {
+        content: string;
+    };
+    inset?: undefined;
+} | {
+    direction: "bottom"[];
+    inset: true;
+    class: {
+        content: string;
+    };
+    transition?: undefined;
+} | {
+    direction: "bottom"[];
+    transition: true;
+    class: {
         content: string;
-        container: string;
-        header: string;
-        body: string;
-        footer: string;
-        title: string;
-        description: string;
-        close: string;
-    }, undefined>;
-    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
-        direction: {
-            top: {
-                content: string;
-            };
-            bottom: {
-                content: string;
-            };
-            left: {
-                content: string;
-            };
-            right: {
-                content: string;
-            };
+    };
+    inset?: undefined;
+} | {
+    direction: "left"[];
+    inset: true;
+    class: {
+        content: string;
+    };
+    transition?: undefined;
+} | {
+    direction: "left"[];
+    transition: true;
+    class: {
+        content: string;
+    };
+    inset?: undefined;
+} | {
+    direction: "right"[];
+    inset: true;
+    class: {
+        content: string;
+    };
+    transition?: undefined;
+} | {
+    direction: "right"[];
+    transition: true;
+    class: {
+        content: string;
+    };
+    inset?: undefined;
+})[], import("@byyuurin/ui-kit").CVDefaultVariants<{
+    direction: {
+        top: {
+            content: string;
         };
-        transition: {
-            true: {
-                overlay: string;
-            };
+        bottom: {
+            content: string;
         };
-        inset: {
-            true: {
-                content: string;
-            };
+        left: {
+            content: string;
         };
-    }, {
-        overlay: string;
-        content: string;
-        container: string;
-        header: string;
-        body: string;
-        footer: string;
-        title: string;
-        description: string;
-        close: string;
-    }>;
-};
+        right: {
+            content: string;
+        };
+    };
+    transition: {
+        true: {
+            overlay: string;
+        };
+    };
+    inset: {
+        true: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string;
+    content: string;
+    container: string;
+    header: string;
+    body: string;
+    footer: string;
+    title: string;
+    description: string;
+    close: string;
+}>, undefined, {
+    overlay: string;
+    content: string;
+    container: string;
+    header: string;
+    body: string;
+    footer: string;
+    title: string;
+    description: string;
+    close: string;
+}>;
 export default _default;

package/dist/runtime/theme/drawer.js

@@ -2,7 +2,7 @@ import { ct } from "@byyuurin/ui-kit";
 export default ct(
   /* @unocss-include */
   {
-    slots: {
+    parts: {
       overlay: "fixed z-1 inset-0 bg-black/40",
       content: "fixed z-1 bg-ui-base ring ring-ui-base/5 flex focus:outline-none",
       container: "w-full flex flex-col overflow-hidden overflow-y-auto",

package/dist/runtime/theme/dropdown-menu.d.ts

@@ -0,0 +1,65 @@
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    size: {
+        xs: {
+            content: string;
+        };
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+    };
+    active: {
+        true: {
+            item: string;
+            itemLeadingIcon: string;
+        };
+        false: {
+            item: string;
+            itemLeadingIcon: string;
+        };
+    };
+    loading: {
+        true: {
+            itemLeadingIcon: string;
+        };
+    };
+}, ({
+    size: ("xs" | "sm" | "md")[];
+    class: {
+        label: string;
+        item: string;
+        itemTrailingKbds: string;
+    };
+} | {
+    size: ("lg" | "xl")[];
+    class: {
+        label: string;
+        item: string;
+        itemTrailingKbds: string;
+    };
+})[], {
+    size: "md";
+}, undefined, {
+    content: string[];
+    arrow: string;
+    group: string;
+    label: string;
+    separator: string;
+    item: string[];
+    itemLeadingIcon: string;
+    itemLeadingAvatar: string;
+    itemTrailing: string;
+    itemTrailingIcon: string;
+    itemTrailingKbds: string;
+    itemLabel: string;
+    itemLabelExternalIcon: string;
+}>;
+export default _default;

package/dist/runtime/theme/dropdown-menu.js

@@ -0,0 +1,83 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    parts: {
+      content: [
+        "bg-ui-base shadow-lg rounded-ui-base ring ring-ui-base/10 divide-y divide-ui-base/10 overflow-y-auto scroll-py-1",
+        "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]"
+      ],
+      arrow: "-mt-px fill-ui-cx stroke-ui-base/10",
+      group: "p-1 isolate",
+      label: "w-full flex items-center font-semibold color-ui-base",
+      separator: "-mx-1 my-1 h-px bg-ui-cb/10",
+      item: [
+        "group relative w-full flex items-center select-none outline-none",
+        "before:content-empty before:absolute before:z-[-1] before:inset-px before:rounded-ui-base",
+        "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
+      ],
+      itemLeadingIcon: "shrink-0",
+      itemLeadingAvatar: "shrink-0",
+      itemTrailing: "ms-auto inline-flex gap-1.5 items-center",
+      itemTrailingIcon: "shrink-0",
+      itemTrailingKbds: "hidden lg:inline-flex items-center shrink-0",
+      itemLabel: "truncate",
+      itemLabelExternalIcon: "inline-block size-3 align-top color-ui-base/50"
+    },
+    variants: {
+      size: {
+        xs: {
+          content: "text-xs"
+        },
+        sm: {
+          content: "text-sm"
+        },
+        md: {
+          content: "text-base"
+        },
+        lg: {
+          content: "text-lg"
+        },
+        xl: {
+          content: "text-xl"
+        }
+      },
+      active: {
+        true: {
+          item: "color-ui-base before:bg-ui-cb/10",
+          itemLeadingIcon: "color-ui-base/80"
+        },
+        false: {
+          item: "color-ui-base/80 data-[highlighted]:color-ui-base data-[state=open]:color-ui-base data-[highlighted]:before:bg-ui-cb/5 data-[state=open]:before:bg-ui-cb/5 transition-colors before:transition-colors",
+          itemLeadingIcon: "color-ui-base/50 group-data-[highlighted]:color-ui-base/80 group-data-[state=open]:color-ui-base/80 transition-colors"
+        }
+      },
+      loading: {
+        true: {
+          itemLeadingIcon: "animate-spin"
+        }
+      }
+    },
+    compoundVariants: [
+      {
+        size: ["xs", "sm", "md"],
+        class: {
+          label: "p-0.25em gap-0.25em",
+          item: "p-0.25em gap-0.25em",
+          itemTrailingKbds: "gap-0.125em"
+        }
+      },
+      {
+        size: ["lg", "xl"],
+        class: {
+          label: "p-0.5em gap-0.5em",
+          item: "p-0.5em gap-0.5em",
+          itemTrailingKbds: "gap-0.25em"
+        }
+      }
+    ],
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);

package/dist/runtime/theme/form-item.d.ts

@@ -0,0 +1,70 @@
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
+    size: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+}, import("@byyuurin/ui-kit").CVCompoundVariants<{
+    size: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    root: string;
+    wrapper: string;
+    labelWrapper: string;
+    label: string;
+    container: string;
+    description: string;
+    error: string;
+    hint: string;
+    help: string;
+}, undefined>, {
+    size: "md";
+}, undefined, {
+    root: string;
+    wrapper: string;
+    labelWrapper: string;
+    label: string;
+    container: string;
+    description: string;
+    error: string;
+    hint: string;
+    help: string;
+}>;
+export default _default;

package/dist/runtime/theme/form-item.js

@@ -0,0 +1,34 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    parts: {
+      root: "",
+      wrapper: "",
+      labelWrapper: "flex content-center items-center justify-between",
+      label: "block font-medium color-ui-base/80",
+      container: "mt-0.25em relative",
+      description: "color-ui-base/60",
+      error: "mt-0.25em color-ui-fill",
+      hint: "color-ui-base/60",
+      help: "mt-0.25em color-ui-base/60"
+    },
+    variants: {
+      size: {
+        xs: { root: "text-xs" },
+        sm: { root: "text-sm" },
+        md: { root: "text-base" },
+        lg: { root: "text-lg" },
+        xl: { root: "text-xl" }
+      },
+      required: {
+        true: {
+          label: `after:content-['*'] after:ms-0.5 after:color-ui-fill`
+        }
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);

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

@@ -0,0 +1,2 @@
+declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{}, import("@byyuurin/ui-kit").CVCompoundVariants<{}, undefined, "">, import("@byyuurin/ui-kit").CVDefaultVariants<{}, undefined>, "", undefined>;
+export default _default;

package/dist/runtime/theme/form.js

@@ -0,0 +1,7 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct(
+  /* @unocss-include */
+  {
+    base: ""
+  }
+);

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

@@ -14,6 +14,9 @@ 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 dropdownMenu } from './dropdown-menu.js';
+export { default as form } from './form.js';
+export { default as formItem } from './form-item.js';
 export { default as input } from './input.js';
 export { default as inputNumber } from './input-number.js';
 export { default as kbd } from './kbd.js';

package/dist/runtime/theme/index.js

@@ -14,6 +14,9 @@ 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 dropdownMenu } from "./dropdown-menu.js";
+export { default as form } from "./form.js";
+export { default as formItem } from "./form-item.js";
 export { default as input } from "./input.js";
 export { default as inputNumber } from "./input-number.js";
 export { default as kbd } from "./kbd.js";