@byyuurin/ui 0.0.11 → 0.2.0

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

@@ -1,172 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-    };
-    variant: {
-        outline: {
-            base: string[];
-        };
-        soft: {
-            base: string[];
-        };
-        'soft-outline': {
-            base: string[];
-        };
-        ghost: {
-            base: string[];
-        };
-        none: {
-            base: string;
-        };
-    };
-    leading: {
-        true: "";
-    };
-    trailing: {
-        true: "";
-    };
-    loading: {
-        true: "";
-    };
-    underline: {
-        true: "";
-    };
-    highlight: {
-        true: "";
-    };
-    type: {
-        file: {
-            input: string;
-        };
-    };
-    groupOrientation: {
-        horizontal: {
-            base: string;
-        };
-        vertical: {
-            base: string;
-        };
-    };
-}, ({
-    variant: ("soft" | "ghost" | "none")[];
-    highlight: false;
-    underline: true;
-    class: {
-        base: string[];
-        input?: undefined;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    size?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    size: ("xs" | "sm" | "md")[];
-    class: {
-        base: string;
-        input: string;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    variant?: undefined;
-    highlight?: undefined;
-    underline?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    size: ("lg" | "xl")[];
-    class: {
-        base: string;
-        input: string;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    variant?: undefined;
-    highlight?: undefined;
-    underline?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    variant: ("soft" | "soft-outline" | "ghost" | "none")[];
-    highlight: true;
-    class: {
-        base: string;
-        input?: undefined;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    underline?: undefined;
-    size?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    variant: "outline"[];
-    highlight: true;
-    class: {
-        base: string;
-        input?: undefined;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    underline?: undefined;
-    size?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    loading: true;
-    leading: true;
-    class: {
-        leadingIcon: string;
-        base?: undefined;
-        input?: undefined;
-        trailingIcon?: undefined;
-    };
-    variant?: undefined;
-    highlight?: undefined;
-    underline?: undefined;
-    size?: undefined;
-    trailing?: undefined;
-} | {
-    loading: true;
-    leading: false;
-    trailing: true;
-    class: {
-        trailingIcon: string;
-        base?: undefined;
-        input?: undefined;
-        leadingIcon?: undefined;
-    };
-    variant?: undefined;
-    highlight?: undefined;
-    underline?: undefined;
-    size?: undefined;
-})[], {
-    size: "md";
-}, undefined, {
-    base: string;
-    input: string[];
-    leading: string;
-    leadingIcon: string;
-    trailing: string;
-    trailingIcon: string;
-}>;
-export default _default;

package/dist/runtime/theme/input.js

@@ -1,151 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-import { buttonGroupVariant } from "./button-group.js";
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      base: "inline-flex items-center rounded-ui-base transition-colors aria-disabled:opacity-50",
-      input: [
-        "w-full color-inherit bg-transparent border-0 placeholder:color-ui-base/50",
-        "focus:outline-none",
-        "disabled:cursor-not-allowed"
-      ],
-      leading: "flex items-center",
-      leadingIcon: "shrink-0 size-1.25em",
-      trailing: "flex items-center",
-      trailingIcon: "shrink-0 size-1.25em"
-    },
-    variants: {
-      ...buttonGroupVariant,
-      size: {
-        xs: {
-          base: "text-xs"
-        },
-        sm: {
-          base: "text-sm"
-        },
-        md: {
-          base: "text-base"
-        },
-        lg: {
-          base: "text-lg"
-        },
-        xl: {
-          base: "text-xl"
-        }
-      },
-      variant: {
-        "outline": {
-          base: [
-            "color-ui-base/80 bg-ui-base ring ring-inset ring-ui-base/30",
-            "focus-within:ring-2 focus-within:ring-ui-base/50 hover:focus-within:ring-ui-base/50",
-            "aria-disabled:ring-ui-base/20 hover:aria-disabled:ring-ui-base/20"
-          ]
-        },
-        "soft": {
-          base: [
-            "color-ui-base/80 bg-soft-ui-cb/4",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 hover:focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85 hover:focus-within:color-ui-base/85",
-            "aria-disabled:color-ui-base/80 aria-disabled:bg-soft-ui-cb/5 hover:aria-disabled:color-ui-base/80 hover:aria-disabled:bg-soft-ui-cb/5"
-          ]
-        },
-        "soft-outline": {
-          base: [
-            "color-ui-base/80 bg-soft-ui-cb/4 ring ring-inset ring-ui-base/30",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 hover:focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85 hover:focus-within:color-ui-base/85",
-            "aria-disabled:color-ui-base/80 aria-disabled:bg-soft-ui-cb/5 hover:aria-disabled:color-ui-base/80 hover:aria-disabled:bg-soft-ui-cb/5"
-          ]
-        },
-        "ghost": {
-          base: [
-            "color-ui-base/80 bg-transparent",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 hover:focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85 hover:focus-within:color-ui-base/85",
-            "aria-disabled:color-ui-fill/80 aria-disabled:bg-transparent hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-transparent"
-          ]
-        },
-        "none": {
-          base: "color-ui-base bg-transparent"
-        }
-      },
-      leading: {
-        true: ""
-      },
-      trailing: {
-        true: ""
-      },
-      loading: {
-        true: ""
-      },
-      underline: {
-        true: ""
-      },
-      highlight: {
-        true: ""
-      },
-      type: {
-        file: {
-          input: "leading-normal not-disabled:cursor-pointer file:pointer-events-none file:py-0 file:font-size-0.875em file:rounded-ui-button file:border-none file:color-ui-cx file:bg-soft-ui-cb/80"
-        }
-      }
-    },
-    compoundVariants: [
-      {
-        variant: ["soft", "ghost", "none"],
-        highlight: false,
-        underline: true,
-        class: {
-          base: [
-            "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-soft-ui-cb/40",
-            "focus-within:after:h-2px focus-within:after:bg-soft-ui-fill/60"
-          ]
-        }
-      },
-      {
-        size: ["xs", "sm", "md"],
-        class: {
-          base: "p-1.5",
-          input: "px-1"
-        }
-      },
-      {
-        size: ["lg", "xl"],
-        class: {
-          base: "p-2.5",
-          input: "px-1.5"
-        }
-      },
-      {
-        variant: ["soft", "soft-outline", "ghost", "none"],
-        highlight: true,
-        class: {
-          base: "ring ring-inset ring-ui-fill/80 focus-within:ring-ui-fill/80 hover:focus-within:ring-ui-fill/80"
-        }
-      },
-      {
-        variant: ["outline"],
-        highlight: true,
-        class: {
-          base: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80 hover:focus-within:ring-ui-fill/80"
-        }
-      },
-      {
-        loading: true,
-        leading: true,
-        class: {
-          leadingIcon: "animate-spin"
-        }
-      },
-      {
-        loading: true,
-        leading: false,
-        trailing: true,
-        class: {
-          trailingIcon: "animate-spin"
-        }
-      }
-    ],
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);

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

@@ -1,33 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    variant: {
-        solid: "color-ui-cx bg-soft-ui-fill/90";
-        outline: "color-ui-fill ring bg-ui-base/90 ring-inset ring-ui-fill/30";
-        soft: "color-ui-fill/80 bg-soft-ui-fill/20";
-        'soft-outline': "color-ui-fill/80 bg-soft-ui-fill/20 ring ring-inset ring-ui-fill/30";
-    };
-    size: {
-        xs: "text-xs";
-        sm: "text-sm";
-        md: "text-base";
-        lg: "text-lg";
-        xl: "text-xl";
-    };
-}, import("@byyuurin/ui-kit").CVCompoundVariants<{
-    variant: {
-        solid: "color-ui-cx bg-soft-ui-fill/90";
-        outline: "color-ui-fill ring bg-ui-base/90 ring-inset ring-ui-fill/30";
-        soft: "color-ui-fill/80 bg-soft-ui-fill/20";
-        'soft-outline': "color-ui-fill/80 bg-soft-ui-fill/20 ring ring-inset ring-ui-fill/30";
-    };
-    size: {
-        xs: "text-xs";
-        sm: "text-sm";
-        md: "text-base";
-        lg: "text-lg";
-        xl: "text-xl";
-    };
-}, undefined, "inline-flex items-center justify-center px-0.25em rounded-ui-base leading-normal min-w-1.5em font-medium font-sans select-none">, {
-    variant: "outline";
-    size: "md";
-}, "inline-flex items-center justify-center px-0.25em rounded-ui-base leading-normal min-w-1.5em font-medium font-sans select-none", undefined>;
-export default _default;

package/dist/runtime/theme/kbd.js

@@ -1,26 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    base: "inline-flex items-center justify-center px-0.25em rounded-ui-base leading-normal min-w-1.5em font-medium font-sans select-none",
-    variants: {
-      variant: {
-        "solid": "color-ui-cx bg-soft-ui-fill/90",
-        "outline": "color-ui-fill ring bg-ui-base/90 ring-inset ring-ui-fill/30",
-        "soft": "color-ui-fill/80 bg-soft-ui-fill/20",
-        "soft-outline": "color-ui-fill/80 bg-soft-ui-fill/20 ring ring-inset ring-ui-fill/30"
-      },
-      size: {
-        xs: "text-xs",
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg",
-        xl: "text-xl"
-      }
-    },
-    defaultVariants: {
-      variant: "outline",
-      size: "md"
-    }
-  }
-);

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

@@ -1,38 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    underline: {
-        true: "border-current";
-        false: "border-transparent";
-    };
-    active: {
-        true: string[];
-        false: string[];
-    };
-    disabled: {
-        true: "cursor-not-allowed opacity-50";
-    };
-}, import("@byyuurin/ui-kit").CVCompoundVariants<{
-    underline: {
-        true: "border-current";
-        false: "border-transparent";
-    };
-    active: {
-        true: string[];
-        false: string[];
-    };
-    disabled: {
-        true: "cursor-not-allowed opacity-50";
-    };
-}, undefined, "border-y border-t-transparent outline-none focus-visible:outline-ui-base/80">, import("@byyuurin/ui-kit").CVDefaultVariants<{
-    underline: {
-        true: "border-current";
-        false: "border-transparent";
-    };
-    active: {
-        true: string[];
-        false: string[];
-    };
-    disabled: {
-        true: "cursor-not-allowed opacity-50";
-    };
-}, undefined>, "border-y border-t-transparent outline-none focus-visible:outline-ui-base/80", undefined>;
-export default _default;

package/dist/runtime/theme/link.js

@@ -1,26 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    base: "border-y border-t-transparent outline-none focus-visible:outline-ui-base/80",
-    variants: {
-      underline: {
-        true: "border-current",
-        false: "border-transparent"
-      },
-      active: {
-        true: [
-          "color-ui-fill",
-          "disabled:color-ui-fill aria-disabled:color-ui-fill"
-        ],
-        false: [
-          "color-ui-base/80 hover:color-ui-base/60 transition-colors",
-          "disabled:hover:color-ui-base aria-disabled:hover:color-ui-base"
-        ]
-      },
-      disabled: {
-        true: "cursor-not-allowed opacity-50"
-      }
-    }
-  }
-);

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

@@ -1,42 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    transition: {
-        true: {
-            overlay: string;
-            content: string;
-        };
-    };
-    size: {
-        fullscreen: {
-            content: string;
-        };
-        sm: {
-            content: string;
-        };
-        md: {
-            content: string;
-        };
-        lg: {
-            content: string;
-        };
-        xl: {
-            content: string;
-        };
-    };
-}, {
-    size: ("sm" | "md" | "lg" | "xl")[];
-    class: {
-        content: string[];
-    };
-}[], {
-    size: "sm";
-}, undefined, {
-    overlay: string;
-    content: string;
-    header: string;
-    body: string;
-    footer: string;
-    title: string;
-    description: string;
-    close: string;
-}>;
-export default _default;

package/dist/runtime/theme/modal.js

@@ -1,55 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      overlay: "fixed z-1 inset-0 bg-black/40",
-      content: "fixed z-1 bg-ui-base divide-y divide-ui-base/10 flex flex-col focus:outline-none",
-      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 color-ui-base text-xl font-semibold",
-      description: "w-full color-ui-base/80",
-      close: "ms-auto"
-    },
-    variants: {
-      transition: {
-        true: {
-          overlay: "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
-          content: "data-[state=open]:animate-[scale-in_200ms_ease-out] data-[state=closed]:animate-[scale-out_200ms_ease-in]"
-        }
-      },
-      size: {
-        fullscreen: {
-          content: "inset-0"
-        },
-        sm: {
-          content: "w-screen-sm"
-        },
-        md: {
-          content: "w-screen-md"
-        },
-        lg: {
-          content: "w-screen-lg"
-        },
-        xl: {
-          content: "w-screen-xl"
-        }
-      }
-    },
-    compoundVariants: [
-      {
-        size: ["sm", "md", "lg", "xl"],
-        class: {
-          content: [
-            "bottom-4 left-[50%] translate-x-[-50%] h-auto max-w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] rounded-ui-box shadow-sm shadow-ui-base/10 ring ring-ui-base/10",
-            "sm:bottom-auto sm:top-[50%] sm:translate-y-[-50%]"
-          ]
-        }
-      }
-    ],
-    defaultVariants: {
-      size: "sm"
-    }
-  }
-);

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

@@ -1,74 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    [variantName: string]: {
-        [variantValue: string]: "" | {
-            root?: import("@byyuurin/ui-kit").ClassValue;
-            item?: import("@byyuurin/ui-kit").ClassValue;
-            label?: import("@byyuurin/ui-kit").ClassValue;
-            list?: import("@byyuurin/ui-kit").ClassValue;
-            prev?: import("@byyuurin/ui-kit").ClassValue;
-            next?: import("@byyuurin/ui-kit").ClassValue;
-            ellipsis?: import("@byyuurin/ui-kit").ClassValue;
-            first?: import("@byyuurin/ui-kit").ClassValue;
-            last?: import("@byyuurin/ui-kit").ClassValue;
-        } | null;
-    };
-}, import("@byyuurin/ui-kit").CVCompoundVariants<{
-    [variantName: string]: {
-        [variantValue: string]: "" | {
-            root?: import("@byyuurin/ui-kit").ClassValue;
-            item?: import("@byyuurin/ui-kit").ClassValue;
-            label?: import("@byyuurin/ui-kit").ClassValue;
-            list?: import("@byyuurin/ui-kit").ClassValue;
-            prev?: import("@byyuurin/ui-kit").ClassValue;
-            next?: import("@byyuurin/ui-kit").ClassValue;
-            ellipsis?: import("@byyuurin/ui-kit").ClassValue;
-            first?: import("@byyuurin/ui-kit").ClassValue;
-            last?: import("@byyuurin/ui-kit").ClassValue;
-        } | null;
-    };
-}, {
-    root: string;
-    list: string;
-    ellipsis: string;
-    label: string;
-    item: string;
-    first: string;
-    prev: string;
-    next: string;
-    last: string;
-}, undefined>, import("@byyuurin/ui-kit").CVDefaultVariants<{
-    [variantName: string]: {
-        [variantValue: string]: "" | {
-            root?: import("@byyuurin/ui-kit").ClassValue;
-            item?: import("@byyuurin/ui-kit").ClassValue;
-            label?: import("@byyuurin/ui-kit").ClassValue;
-            list?: import("@byyuurin/ui-kit").ClassValue;
-            prev?: import("@byyuurin/ui-kit").ClassValue;
-            next?: import("@byyuurin/ui-kit").ClassValue;
-            ellipsis?: import("@byyuurin/ui-kit").ClassValue;
-            first?: import("@byyuurin/ui-kit").ClassValue;
-            last?: import("@byyuurin/ui-kit").ClassValue;
-        } | null;
-    };
-}, {
-    root: string;
-    list: string;
-    ellipsis: string;
-    label: string;
-    item: string;
-    first: string;
-    prev: string;
-    next: string;
-    last: string;
-}>, undefined, {
-    root: string;
-    list: string;
-    ellipsis: string;
-    label: string;
-    item: string;
-    first: string;
-    prev: string;
-    next: string;
-    last: string;
-}>;
-export default _default;

package/dist/runtime/theme/pagination.js

@@ -1,17 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      root: "",
-      list: "flex items-center gap-1",
-      ellipsis: "pointer-events-none",
-      label: "px-0 min-w-1.5em text-center",
-      item: "",
-      first: "",
-      prev: "",
-      next: "",
-      last: ""
-    }
-  }
-);