@byyuurin/ui 0.0.10 → 0.1.0

package/dist/runtime/theme/radio-group.js

@@ -1,61 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      root: "",
-      fieldset: "flex flex-wrap gap-2 gap-x-4",
-      legend: "mb-2 color-ui-base",
-      item: "relative flex items-start",
-      base: "relative size-1.25em rounded-ui-radio ring ring-inset ring-ui-base outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ui-base/80 transition data-[state=checked]:ring-ui-base",
-      indicator: "absolute inset-0 scale-0 rounded-ui-radio bg-ui-fill transition data-[state=checked]:scale-66",
-      container: "h-1.5em flex items-center",
-      wrapper: "",
-      label: "block ps-2 color-ui-base",
-      description: "ps-2 color-ui-base/60"
-    },
-    variants: {
-      orientation: {
-        horizontal: {
-          fieldset: "flex-row"
-        },
-        vertical: {
-          fieldset: "flex-col"
-        }
-      },
-      size: {
-        xs: {
-          root: "text-xs"
-        },
-        sm: {
-          root: "text-sm"
-        },
-        md: {
-          root: "text-base"
-        },
-        lg: {
-          root: "text-lg"
-        },
-        xl: {
-          root: "text-xl"
-        }
-      },
-      disabled: {
-        true: {
-          item: "opacity-50 after:content-empty after:absolute after:inset-0 after:cursor-not-allowed"
-        },
-        false: {
-          label: "cursor-pointer"
-        }
-      },
-      required: {
-        true: {
-          legend: "after:content-['*'] after:ms-0.5"
-        }
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);

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

@@ -1,73 +0,0 @@
-import type { TransitionGroupProps } from 'vue';
-export declare const transitionProps: TransitionGroupProps;
-declare const _default: {
-    base: undefined;
-    slots: {
-        /** 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;
-    };
-    variants: {
-        [key: string]: {
-            [key: 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;
-        };
-    };
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{
-        [key: string]: {
-            [key: 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>;
-    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{
-        [key: string]: {
-            [key: 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;
-    }>;
-};
-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 */
-  {
-    slots: {
-      /** 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,192 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        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;
-    };
-    variants: {
-        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;
-            };
-        };
-    };
-    compoundVariants: ({
-        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;
-    })[];
-    defaultVariants: {
-        variant: "outline";
-        size: "md";
-    };
-};
-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 */
-  {
-    slots: {
-      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,80 +0,0 @@
-declare const _default: {
-    base: undefined;
-    slots: {
-        root: string;
-        line: string;
-        container: string;
-        icon: string;
-        label: string;
-    };
-    variants: {
-        orientation: {
-            horizontal: {
-                root: string;
-                line: string;
-                container: string;
-            };
-            vertical: {
-                root: string;
-                line: string;
-                container: string;
-            };
-        };
-        start: {
-            true: {
-                line: string;
-            };
-        };
-        end: {
-            true: {
-                line: string;
-            };
-        };
-    };
-    compoundVariants: ({
-        orientation: "vertical";
-        start: true;
-        class: {
-            line: string;
-        };
-        end?: undefined;
-    } | {
-        orientation: "vertical";
-        end: true;
-        class: {
-            line: string;
-        };
-        start?: undefined;
-    })[];
-    defaultVariants: 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;
-    }>;
-};
-export default _default;

package/dist/runtime/theme/separator.js

@@ -1,53 +0,0 @@
-import { ct } from "@byyuurin/ui-kit";
-export default ct(
-  /* @unocss-include */
-  {
-    slots: {
-      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,8 +0,0 @@
-declare const _default: {
-    base: string;
-    slots: undefined;
-    variants: {};
-    compoundVariants: import("@byyuurin/ui-kit").CVCompoundVariants<{}, undefined, "animate-pulse rounded-ui-base bg-soft-ui-cb/10">;
-    defaultVariants: import("@byyuurin/ui-kit").CVDefaultVariants<{}, 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"
-  }
-);