@byyuurin/ui 0.0.11 → 0.2.0

package/dist/runtime/theme/scroll-area.d.ts

@@ -1,67 +0,0 @@
-import type { TransitionGroupProps } from 'vue';
-export declare const transitionProps: TransitionGroupProps;
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    [variantName: string]: {
-        [variantValue: string]: "" | {
-            root?: import("@byyuurin/ui-kit").ClassValue;
-            viewport?: import("@byyuurin/ui-kit").ClassValue;
-            corner?: import("@byyuurin/ui-kit").ClassValue;
-            scrollbar?: import("@byyuurin/ui-kit").ClassValue;
-            thumb?: import("@byyuurin/ui-kit").ClassValue;
-        } | null;
-    };
-}, import("@byyuurin/ui-kit").CVCompoundVariants<{
-    [variantName: string]: {
-        [variantValue: string]: "" | {
-            root?: import("@byyuurin/ui-kit").ClassValue;
-            viewport?: import("@byyuurin/ui-kit").ClassValue;
-            corner?: import("@byyuurin/ui-kit").ClassValue;
-            scrollbar?: import("@byyuurin/ui-kit").ClassValue;
-            thumb?: import("@byyuurin/ui-kit").ClassValue;
-        } | null;
-    };
-}, {
-    /** Contains all the parts of a scroll area. */
-    root: string;
-    /** The viewport area of the scroll area. */
-    viewport: string;
-    /** The vertical and horizontal scrollbar. */
-    scrollbar: string[];
-    /** The thumb to be used in `ScrollAreaScrollbar`. */
-    thumb: string[];
-    /** The corner where both vertical and horizontal scrollbars meet. */
-    corner: string;
-}, undefined>, import("@byyuurin/ui-kit").CVDefaultVariants<{
-    [variantName: string]: {
-        [variantValue: string]: "" | {
-            root?: import("@byyuurin/ui-kit").ClassValue;
-            viewport?: import("@byyuurin/ui-kit").ClassValue;
-            corner?: import("@byyuurin/ui-kit").ClassValue;
-            scrollbar?: import("@byyuurin/ui-kit").ClassValue;
-            thumb?: import("@byyuurin/ui-kit").ClassValue;
-        } | null;
-    };
-}, {
-    /** Contains all the parts of a scroll area. */
-    root: string;
-    /** The viewport area of the scroll area. */
-    viewport: string;
-    /** The vertical and horizontal scrollbar. */
-    scrollbar: string[];
-    /** The thumb to be used in `ScrollAreaScrollbar`. */
-    thumb: string[];
-    /** The corner where both vertical and horizontal scrollbars meet. */
-    corner: string;
-}>, undefined, {
-    /** Contains all the parts of a scroll area. */
-    root: string;
-    /** The viewport area of the scroll area. */
-    viewport: string;
-    /** The vertical and horizontal scrollbar. */
-    scrollbar: string[];
-    /** The thumb to be used in `ScrollAreaScrollbar`. */
-    thumb: string[];
-    /** The corner where both vertical and horizontal scrollbars meet. */
-    corner: string;
-}>;
-export default _default;

package/dist/runtime/theme/scroll-area.js

@@ -1,33 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export const transitionProps = {
-  enterFromClass: "opacity-0",
-  enterActiveClass: "transition",
-  leaveToClass: "opacity-0",
-  leaveActiveClass: "transition",
-  moveClass: "transition"
-};
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      /** Contains all the parts of a scroll area. */
-      root: "relative overflow-hidden",
-      /** The viewport area of the scroll area. */
-      viewport: "size-full rounded-ui-base outline-none",
-      /** The vertical and horizontal scrollbar. */
-      scrollbar: [
-        "flex select-none touch-none p-0.5 duration-160 ease-out",
-        "data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:my-[calc(var(--ui-radius-box)+0.25rem)]",
-        "data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:mx-[calc(var(--ui-radius-box)+0.25rem)]"
-      ],
-      /** The thumb to be used in `ScrollAreaScrollbar`. */
-      thumb: [
-        "relative flex-1 bg-soft-ui-cb/20 rounded-ui-base cursor-pointer transition-colors",
-        "hover:bg-soft-ui-cb/30 active:bg-soft-ui-cb/40",
-        "before:content-empty before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:min-w-10 before:min-h-10 "
-      ],
-      /** The corner where both vertical and horizontal scrollbars meet. */
-      corner: ""
-    }
-  }
-);

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

@@ -1,186 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    variant: {
-        outline: {
-            base: string[];
-        };
-        soft: {
-            base: string[];
-        };
-        'soft-outline': {
-            base: string[];
-        };
-        ghost: {
-            base: string[];
-        };
-        none: {
-            base: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-            item: string;
-        };
-        sm: {
-            base: string;
-            item: string;
-        };
-        md: {
-            base: string;
-            item: string;
-        };
-        lg: {
-            base: string;
-            item: string;
-        };
-        xl: {
-            base: string;
-            item: string;
-        };
-    };
-    leading: {
-        true: "";
-    };
-    trailing: {
-        true: "";
-    };
-    loading: {
-        true: "";
-    };
-    underline: {
-        true: "";
-    };
-    highlight: {
-        true: "";
-    };
-    groupOrientation: {
-        horizontal: {
-            base: string;
-        };
-        vertical: {
-            base: string;
-        };
-    };
-}, ({
-    variant: ("soft" | "ghost" | "none")[];
-    highlight: false;
-    underline: true;
-    class: {
-        base: string[];
-        item?: undefined;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    size?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    size: ("xs" | "sm" | "md")[];
-    class: {
-        base: string;
-        item: string;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    variant?: undefined;
-    highlight?: undefined;
-    underline?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    size: ("lg" | "xl")[];
-    class: {
-        base: string;
-        item: 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;
-        item?: undefined;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    underline?: undefined;
-    size?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    variant: "outline"[];
-    highlight: true;
-    class: {
-        base: string;
-        item?: undefined;
-        leadingIcon?: undefined;
-        trailingIcon?: undefined;
-    };
-    underline?: undefined;
-    size?: undefined;
-    loading?: undefined;
-    leading?: undefined;
-    trailing?: undefined;
-} | {
-    loading: true;
-    leading: true;
-    class: {
-        leadingIcon: string;
-        base?: undefined;
-        item?: undefined;
-        trailingIcon?: undefined;
-    };
-    variant?: undefined;
-    highlight?: undefined;
-    underline?: undefined;
-    size?: undefined;
-    trailing?: undefined;
-} | {
-    loading: true;
-    leading: false;
-    trailing: true;
-    class: {
-        trailingIcon: string;
-        base?: undefined;
-        item?: undefined;
-        leadingIcon?: undefined;
-    };
-    variant?: undefined;
-    highlight?: undefined;
-    underline?: undefined;
-    size?: undefined;
-})[], {
-    variant: "outline";
-    size: "md";
-}, undefined, {
-    base: string[];
-    value: string;
-    placeholder: string;
-    arrow: string;
-    content: string[];
-    viewport: string;
-    group: string;
-    empty: string;
-    label: string;
-    separator: string;
-    item: string[];
-    itemLeadingIcon: string;
-    itemTrailing: string;
-    itemTrailingIcon: string;
-    itemLabel: string;
-    leading: string;
-    leadingIcon: string;
-    trailing: string;
-    trailingIcon: string;
-}>;
-export default _default;

package/dist/runtime/theme/select.js

@@ -1,173 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-import { buttonGroupVariant } from "./button-group.js";
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      base: [
-        "group inline-flex items-center gap-x-2 rounded-ui-base focus:outline-none transition-colors",
-        "disabled:cursor-not-allowed disabled:opacity-50"
-      ],
-      value: "me-auto truncate pointer-events-none",
-      placeholder: "me-auto truncate color-ui-base/50",
-      arrow: "fill-ui-cx stroke-ui-cb/20",
-      content: [
-        "z-1 max-h-60 w-[var(--reka-popper-anchor-width)] bg-ui-base shadow-lg rounded-[calc(var(--ui-radius-tabs)*0.66)] ring ring-ui-base/20 overflow-hidden pointer-events-auto",
-        "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]"
-      ],
-      viewport: "divide-y divide-ui-base/10 scroll-py-1",
-      group: "p-1 isolate",
-      empty: "py-2 text-center text-sm color-ui-base/50",
-      label: "font-semibold color-ui-base cursor-pointer",
-      separator: "-mx-1 my-1 h-px bg-soft-ui-cb/10",
-      item: [
-        "group relative w-full flex gap-2 items-center select-none outline-none color-ui-base/50 transition-colors cursor-pointer",
-        "aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
-        "before:content-empty before:absolute before:z-[-1] before:inset-px before:rounded-ui-base before:transition-colors",
-        "data-[highlighted]:color-ui-base data-[highlighted]:before:bg-soft-ui-cb/3",
-        "data-[state=checked]:color-ui-base"
-      ],
-      itemLeadingIcon: "shrink-0 color-ui-base/80 group-data-[highlighted]:color-ui-base/80 transition-colors",
-      itemTrailing: "ms-auto inline-flex gap-1.5 items-center",
-      itemTrailingIcon: "shrink-0",
-      itemLabel: "truncate",
-      leading: "flex items-center",
-      leadingIcon: "shrink-0 size-1.25em",
-      trailing: "flex items-center",
-      trailingIcon: "shrink-0 size-1.25em"
-    },
-    variants: {
-      ...buttonGroupVariant,
-      variant: {
-        "outline": {
-          base: [
-            "color-ui-base/80 bg-ui-base ring ring-inset ring-ui-base/30 data-[state=open]:ring-2 data-[state=open]:ring-ui-base/50",
-            "focus-within:ring-2 focus-within:ring-ui-base/50",
-            "disabled:ring-ui-base/15 hover:disabled:ring-ui-base/15"
-          ]
-        },
-        "soft": {
-          base: [
-            "color-ui-base/80 bg-soft-ui-cb/5 data-[state=open]:bg-soft-ui-cb/5",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
-            "disabled:color-ui-fill/80 disabled:bg-soft-ui-fill/5 hover:disabled:color-ui-fill/80 hover:disabled:bg-soft-ui-fill/5"
-          ]
-        },
-        "soft-outline": {
-          base: [
-            "color-ui-base/80 bg-soft-ui-cb/5 ring ring-inset ring-ui-base/10 data-[state=open]:bg-soft-ui-cb/5 data-[state=open]:ring-ui-base/25",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
-            "disabled:color-ui-fill/80 disabled:bg-soft-ui-fill/5 hover:disabled:color-ui-fill/80 hover:disabled:bg-soft-ui-fill/5"
-          ]
-        },
-        "ghost": {
-          base: [
-            "color-ui-base/80 bg-transparent data-[state=open]:bg-soft-ui-cb/8",
-            "hover:bg-soft-ui-cb/6 hover:color-ui-base/80 focus-within:bg-soft-ui-cb/8 focus-within:color-ui-base/85",
-            "disabled:color-ui-fill/80 disabled:bg-transparent hover:disabled:color-ui-fill/80 hover:disabled:bg-transparent"
-          ]
-        },
-        "none": {
-          base: "color-ui-base bg-transparent"
-        }
-      },
-      size: {
-        xs: {
-          base: "text-xs",
-          item: "text-xs"
-        },
-        sm: {
-          base: "text-sm",
-          item: "text-sm"
-        },
-        md: {
-          base: "text-base",
-          item: "text-base"
-        },
-        lg: {
-          base: "text-lg",
-          item: "text-lg"
-        },
-        xl: {
-          base: "text-xl",
-          item: "text-xl"
-        }
-      },
-      leading: {
-        true: ""
-      },
-      trailing: {
-        true: ""
-      },
-      loading: {
-        true: ""
-      },
-      underline: {
-        true: ""
-      },
-      highlight: {
-        true: ""
-      }
-    },
-    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",
-            "data-[state=open]:after:h-2px data-[state=open]:after:bg-soft-ui-fill/60"
-          ]
-        }
-      },
-      {
-        size: ["xs", "sm", "md"],
-        class: {
-          base: "p-1.5 px-2.5",
-          item: "p-1.5 px-2.5"
-        }
-      },
-      {
-        size: ["lg", "xl"],
-        class: {
-          base: "p-2.5 px-3.5",
-          item: "p-2.5 px-3.5"
-        }
-      },
-      {
-        variant: ["soft", "soft-outline", "ghost", "none"],
-        highlight: true,
-        class: {
-          base: "ring ring-inset ring-ui-fill/80"
-        }
-      },
-      {
-        variant: ["outline"],
-        highlight: true,
-        class: {
-          base: "ring-2 ring-ui-fill/80 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: {
-      variant: "outline",
-      size: "md"
-    }
-  }
-);

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

@@ -1,74 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    orientation: {
-        horizontal: {
-            root: string;
-            line: string;
-            container: string;
-        };
-        vertical: {
-            root: string;
-            line: string;
-            container: string;
-        };
-    };
-    start: {
-        true: {
-            line: string;
-        };
-    };
-    end: {
-        true: {
-            line: string;
-        };
-    };
-}, ({
-    orientation: "vertical";
-    start: true;
-    class: {
-        line: string;
-    };
-    end?: undefined;
-} | {
-    orientation: "vertical";
-    end: true;
-    class: {
-        line: string;
-    };
-    start?: undefined;
-})[], import("@byyuurin/ui-kit").CVDefaultVariants<{
-    orientation: {
-        horizontal: {
-            root: string;
-            line: string;
-            container: string;
-        };
-        vertical: {
-            root: string;
-            line: string;
-            container: string;
-        };
-    };
-    start: {
-        true: {
-            line: string;
-        };
-    };
-    end: {
-        true: {
-            line: string;
-        };
-    };
-}, {
-    root: string;
-    line: string;
-    container: string;
-    icon: string;
-    label: string;
-}>, undefined, {
-    root: string;
-    line: string;
-    container: string;
-    icon: string;
-    label: string;
-}>;
-export default _default;

package/dist/runtime/theme/separator.js

@@ -1,53 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    parts: {
-      root: "flex items-center justify-center text-center",
-      line: "border-solid border-ui-fill/20",
-      container: "color-ui-base/80 flex",
-      icon: "shrink-0 size-5",
-      label: ""
-    },
-    variants: {
-      orientation: {
-        horizontal: {
-          root: "w-full flex-row",
-          line: "min-w-3 w-full border-t",
-          container: "px-3 whitespace-nowrap"
-        },
-        vertical: {
-          root: "h-full flex-col",
-          line: "min-h-3 h-full border-s",
-          container: "py-2"
-        }
-      },
-      start: {
-        true: {
-          line: "w-auto flex-grow"
-        }
-      },
-      end: {
-        true: {
-          line: "w-auto flex-grow"
-        }
-      }
-    },
-    compoundVariants: [
-      {
-        orientation: "vertical",
-        start: true,
-        class: {
-          line: "h-auto"
-        }
-      },
-      {
-        orientation: "vertical",
-        end: true,
-        class: {
-          line: "h-auto"
-        }
-      }
-    ]
-  }
-);

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

@@ -1,2 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{}, import("@byyuurin/ui-kit").CVCompoundVariants<{}, undefined, "animate-pulse rounded-ui-base bg-soft-ui-cb/10">, import("@byyuurin/ui-kit").CVDefaultVariants<{}, undefined>, "animate-pulse rounded-ui-base bg-soft-ui-cb/10", undefined>;
-export default _default;

package/dist/runtime/theme/skeleton.js

@@ -1,7 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    base: "animate-pulse rounded-ui-base bg-soft-ui-cb/10"
-  }
-);

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

@@ -1,70 +0,0 @@
-declare const _default: import("@byyuurin/ui-kit").CVScopeMeta<{
-    size: {
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
-        };
-        md: {
-            root: string;
-        };
-        lg: {
-            root: string;
-        };
-        xl: {
-            root: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            range: string;
-        };
-        vertical: {
-            root: string;
-            range: string;
-        };
-    };
-}, import("@byyuurin/ui-kit").CVCompoundVariants<{
-    size: {
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
-        };
-        md: {
-            root: string;
-        };
-        lg: {
-            root: string;
-        };
-        xl: {
-            root: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            root: string;
-            range: string;
-        };
-        vertical: {
-            root: string;
-            range: string;
-        };
-    };
-}, {
-    root: string;
-    track: string[];
-    range: string;
-    thumb: string[];
-}, undefined>, {
-    size: "md";
-}, undefined, {
-    root: string;
-    track: string[];
-    range: string;
-    thumb: string[];
-}>;
-export default _default;