@ug666/ui-react 0.1.0 → 0.2.0

package/dist/primitives/index.cjs

@@ -0,0 +1,384 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/primitives/index.ts
+var primitives_exports = {};
+__export(primitives_exports, {
+  Badge: () => Badge,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Input: () => Input,
+  Label: () => Label,
+  Separator: () => Separator,
+  Spinner: () => Spinner,
+  Tag: () => Tag,
+  UGBadge: () => Badge,
+  UGButton: () => Button,
+  UGCard: () => Card,
+  UGCardContent: () => CardContent,
+  UGCardDescription: () => CardDescription,
+  UGCardFooter: () => CardFooter,
+  UGCardHeader: () => CardHeader,
+  UGCardTitle: () => CardTitle,
+  UGInput: () => Input,
+  UGLabel: () => Label,
+  UGSeparator: () => Separator,
+  UGSpinner: () => Spinner,
+  UGTag: () => Tag,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  tagVariants: () => tagVariants,
+  ugBadgeVariants: () => badgeVariants,
+  ugButtonVariants: () => buttonVariants,
+  ugTagVariants: () => tagVariants
+});
+module.exports = __toCommonJS(primitives_exports);
+
+// src/components/button.tsx
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/internal/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-[background,border-color,color,box-shadow,transform] duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-fg shadow-sm hover:bg-primary-hover hover:shadow-md focus-visible:ring-ring",
+        destructive: "bg-danger text-danger-fg shadow-sm hover:bg-danger-hover hover:shadow-md focus-visible:ring-danger",
+        outline: "border border-border-strong bg-surface-1 text-text-primary shadow-sm hover:border-primary/55 hover:bg-surface-2 focus-visible:ring-ring/30",
+        secondary: "border border-border-base bg-surface-2 text-text-primary shadow-sm hover:bg-surface-3 focus-visible:ring-ring/30",
+        ghost: "text-text-primary hover:bg-surface-2 focus-visible:ring-ring/30",
+        link: "text-text-primary underline-offset-4 hover:underline focus-visible:ring-ring/30"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 px-3 text-xs",
+        lg: "h-11 px-5 text-base",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = (0, import_react.forwardRef)(
+  ({ className, variant, size, loading = false, disabled, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        ref,
+        className: cn(buttonVariants({ variant, size }), className),
+        disabled: disabled || loading,
+        ...props,
+        children: [
+          loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "animate-spin", size: 16 }),
+          children
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/input.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Input = (0, import_react2.forwardRef)(
+  ({ className, label, error, helperText, id, ...props }, ref) => {
+    const generatedId = (0, import_react2.useId)();
+    const inputId = id ?? generatedId;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "label",
+        {
+          htmlFor: inputId,
+          className: "text-sm font-medium text-text-primary",
+          children: label
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "input",
+        {
+          ref,
+          id: inputId,
+          className: cn(
+            "flex h-9 w-full rounded-md border bg-surface-1 px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            error ? "border-danger focus-visible:ring-danger" : "border-border-strong focus-visible:ring-ring/30",
+            className
+          ),
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-xs text-danger", children: error }),
+      !error && helperText && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-xs text-text-secondary", children: helperText })
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+// src/components/label.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Label = (0, import_react3.forwardRef)(({ className, required, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "label",
+    {
+      ref,
+      className: cn(
+        "leading-none text-sm font-medium text-text-primary peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "ml-0.5 text-danger", "aria-hidden": "true", children: "*" })
+      ]
+    }
+  );
+});
+Label.displayName = "Label";
+
+// src/components/card.tsx
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Card = (0, import_react4.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref, className: cn("rounded-lg border border-border-base bg-surface-1 shadow-sm", className), ...props });
+});
+var CardHeader = (0, import_react4.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref, className: cn("flex flex-col gap-1 px-5 py-4 border-b border-border-base", className), ...props });
+});
+var CardTitle = (0, import_react4.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { ref, className: cn("leading-none font-semibold text-text-primary", className), ...props });
+});
+var CardDescription = (0, import_react4.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { ref, className: cn("text-sm text-text-secondary", className), ...props });
+});
+var CardContent = (0, import_react4.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref, className: cn("px-5 py-4", className), ...props });
+});
+var CardFooter = (0, import_react4.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref, className: cn("flex items-center px-5 py-4 border-t border-border-base", className), ...props });
+});
+Card.displayName = "Card";
+CardHeader.displayName = "CardHeader";
+CardTitle.displayName = "CardTitle";
+CardDescription.displayName = "CardDescription";
+CardContent.displayName = "CardContent";
+CardFooter.displayName = "CardFooter";
+
+// src/components/badge.tsx
+var import_react5 = require("react");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority2.cva)(
+  "inline-flex min-h-6 items-center rounded-md px-2.5 py-0.5 text-xs font-semibold leading-none transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "border border-primary/20 bg-primary-soft text-primary-soft-fg",
+        secondary: "border border-border-base bg-surface-2 text-text-primary",
+        destructive: "border border-danger/20 bg-danger-soft text-danger-soft-fg",
+        outline: "border border-border-strong bg-transparent text-text-primary",
+        success: "border border-success/20 bg-success-soft text-success-soft-fg",
+        warning: "border border-warning/20 bg-warning-soft text-warning-soft-fg"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Badge = (0, import_react5.forwardRef)(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { ref, className: cn(badgeVariants({ variant }), className), ...props });
+});
+Badge.displayName = "Badge";
+
+// src/components/tag.tsx
+var import_react6 = require("react");
+var import_lucide_react2 = require("lucide-react");
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var tagVariants = (0, import_class_variance_authority3.cva)(
+  "inline-flex items-center gap-1.5 rounded-md border font-medium leading-none transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "border-border-base bg-surface-2 text-text-primary",
+        primary: "border-primary/20 bg-primary-soft text-primary-soft-fg",
+        success: "border-success/20 bg-success-soft text-success-soft-fg",
+        warning: "border-warning/20 bg-warning-soft text-warning-soft-fg",
+        destructive: "border-danger/20 bg-danger-soft text-danger-soft-fg",
+        outline: "border-border-strong bg-transparent text-text-primary"
+      },
+      size: {
+        sm: "min-h-6 px-2 text-[11px]",
+        default: "min-h-7 px-2.5 text-xs"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Tag = (0, import_react6.forwardRef)(
+  ({ variant, size, closable = false, disabled = false, color, onClose, className, children, style, ...props }, ref) => {
+    const customStyle = color ? { backgroundColor: color, color: "hsl(var(--primary-fg))", borderColor: color, ...style } : style ?? {};
+    function handleClose(event) {
+      event.stopPropagation();
+      if (!disabled) {
+        onClose?.(event);
+      }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "span",
+      {
+        ref,
+        className: cn(tagVariants({ variant, size }), disabled && "cursor-not-allowed opacity-50", className),
+        style: customStyle,
+        ...props,
+        children: [
+          children,
+          closable && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: handleClose,
+              disabled,
+              className: "-mr-1 inline-flex h-4 w-4 items-center justify-center rounded-sm opacity-70 transition hover:bg-surface-3 hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current disabled:pointer-events-none",
+              "aria-label": "\u5173\u95ED\u6807\u7B7E",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.X, { size: 10, strokeWidth: 2.5 })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Tag.displayName = "Tag";
+
+// src/components/separator.tsx
+var import_react7 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var ORIENTATION_CLASSES = {
+  horizontal: "h-px w-full bg-border-base",
+  vertical: "w-px h-full bg-border-base"
+};
+var Separator = (0, import_react7.forwardRef)(
+  ({ orientation = "horizontal", className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "div",
+      {
+        ref,
+        role: "separator",
+        "aria-orientation": orientation,
+        className: cn(ORIENTATION_CLASSES[orientation], className),
+        ...props
+      }
+    );
+  }
+);
+Separator.displayName = "Separator";
+
+// src/components/spinner.tsx
+var import_react8 = require("react");
+var import_lucide_react3 = require("lucide-react");
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var spinnerVariants = (0, import_class_variance_authority4.cva)("animate-spin text-text-tertiary", {
+  variants: {
+    size: {
+      sm: "h-4 w-4",
+      md: "h-6 w-6",
+      lg: "h-10 w-10"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Spinner = (0, import_react8.forwardRef)(({ className, size, label = "\u52A0\u8F7D\u4E2D", ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_lucide_react3.Loader2,
+    {
+      ref,
+      className: cn(spinnerVariants({ size }), className),
+      "aria-label": label,
+      role: "status",
+      ...props
+    }
+  );
+});
+Spinner.displayName = "Spinner";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Input,
+  Label,
+  Separator,
+  Spinner,
+  Tag,
+  UGBadge,
+  UGButton,
+  UGCard,
+  UGCardContent,
+  UGCardDescription,
+  UGCardFooter,
+  UGCardHeader,
+  UGCardTitle,
+  UGInput,
+  UGLabel,
+  UGSeparator,
+  UGSpinner,
+  UGTag,
+  badgeVariants,
+  buttonVariants,
+  tagVariants,
+  ugBadgeVariants,
+  ugButtonVariants,
+  ugTagVariants
+});
+//# sourceMappingURL=index.cjs.map

package/dist/primitives/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/primitives/index.ts","../../src/components/button.tsx","../../src/internal/cn.ts","../../src/components/input.tsx","../../src/components/label.tsx","../../src/components/card.tsx","../../src/components/badge.tsx","../../src/components/tag.tsx","../../src/components/separator.tsx","../../src/components/spinner.tsx"],"sourcesContent":["\"use client\"\n\n/**\n * @description: React primitives 子入口 — 导出轻量高频基础组件\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-05-30\n */\n\nexport {\n  Button,\n  Button as UGButton,\n  buttonVariants,\n  buttonVariants as ugButtonVariants,\n  type ButtonProps,\n  type ButtonProps as UGButtonProps,\n} from '../components/button'\nexport {\n  Input,\n  Input as UGInput,\n  type InputProps,\n  type InputProps as UGInputProps,\n} from '../components/input'\nexport {\n  Label,\n  Label as UGLabel,\n  type LabelProps,\n  type LabelProps as UGLabelProps,\n} from '../components/label'\nexport {\n  Card,\n  Card as UGCard,\n  CardHeader,\n  CardHeader as UGCardHeader,\n  CardTitle,\n  CardTitle as UGCardTitle,\n  CardDescription,\n  CardDescription as UGCardDescription,\n  CardContent,\n  CardContent as UGCardContent,\n  CardFooter,\n  CardFooter as UGCardFooter,\n  type CardProps,\n  type CardProps as UGCardProps,\n  type CardHeaderProps,\n  type CardHeaderProps as UGCardHeaderProps,\n  type CardTitleProps,\n  type CardTitleProps as UGCardTitleProps,\n  type CardDescriptionProps,\n  type CardDescriptionProps as UGCardDescriptionProps,\n  type CardContentProps,\n  type CardContentProps as UGCardContentProps,\n  type CardFooterProps,\n  type CardFooterProps as UGCardFooterProps,\n} from '../components/card'\nexport {\n  Badge,\n  Badge as UGBadge,\n  badgeVariants,\n  badgeVariants as ugBadgeVariants,\n  type BadgeProps,\n  type BadgeProps as UGBadgeProps,\n} from '../components/badge'\nexport {\n  Tag,\n  Tag as UGTag,\n  tagVariants,\n  tagVariants as ugTagVariants,\n  type TagProps,\n  type TagProps as UGTagProps,\n} from '../components/tag'\nexport {\n  Separator,\n  Separator as UGSeparator,\n  type SeparatorProps,\n  type SeparatorProps as UGSeparatorProps,\n  type SeparatorOrientation,\n  type SeparatorOrientation as UGSeparatorOrientation,\n} from '../components/separator'\nexport {\n  Spinner,\n  Spinner as UGSpinner,\n  type SpinnerProps,\n  type SpinnerProps as UGSpinnerProps,\n} from '../components/spinner'\n","/**\n * @description: Button 按钮组件 — 基于 CVA 管理变体，支持 loading/disabled 状态\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-04-15\n */\nimport { forwardRef } from 'react'\nimport { Loader2 } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../internal/cn'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-[background,border-color,color,box-shadow,transform] duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary text-primary-fg shadow-sm hover:bg-primary-hover hover:shadow-md focus-visible:ring-ring',\n        destructive:\n          'bg-danger text-danger-fg shadow-sm hover:bg-danger-hover hover:shadow-md focus-visible:ring-danger',\n        outline:\n          'border border-border-strong bg-surface-1 text-text-primary shadow-sm hover:border-primary/55 hover:bg-surface-2 focus-visible:ring-ring/30',\n        secondary:\n          'border border-border-base bg-surface-2 text-text-primary shadow-sm hover:bg-surface-3 focus-visible:ring-ring/30',\n        ghost:\n          'text-text-primary hover:bg-surface-2 focus-visible:ring-ring/30',\n        link: 'text-text-primary underline-offset-4 hover:underline focus-visible:ring-ring/30',\n      },\n      size: {\n        default: 'h-9 px-4 py-2',\n        sm: 'h-8 px-3 text-xs',\n        lg: 'h-11 px-5 text-base',\n        icon: 'h-9 w-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** 是否处于加载状态，加载时显示旋转图标并禁用点击 */\n  loading?: boolean\n}\n\n/**\n * 通用按钮组件\n * @example\n * <Button variant=\"default\" size=\"lg\" onClick={handleClick}>确认</Button>\n * <Button variant=\"destructive\" loading>删除中...</Button>\n * <Button variant=\"outline\" size=\"sm\">取消</Button>\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, loading = false, disabled, children, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        className={cn(buttonVariants({ variant, size }), className)}\n        disabled={disabled || loading}\n        {...props}\n      >\n        {loading && <Loader2 className=\"animate-spin\" size={16} />}\n        {children}\n      </button>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n","/**\n * @description: React 包内部类名合并工具\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-05-27\n */\nimport { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs))\n}\n","/**\n * @description: Input 输入框组件 — 支持 label、error、helperText，error 状态边框变红\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-04-15\n */\nimport { forwardRef, useId } from 'react'\nimport { cn } from '../internal/cn'\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  /** 输入框标签文本 */\n  label?: string\n  /** 错误提示文本，有值时边框变红 */\n  error?: string\n  /** 帮助说明文本 */\n  helperText?: string\n}\n\n/**\n * 通用输入框组件\n * @example\n * <Input label=\"用户名\" placeholder=\"请输入用户名\" />\n * <Input label=\"邮箱\" error=\"邮箱格式不正确\" value={email} onChange={handleChange} />\n * <Input label=\"备注\" helperText=\"最多 200 字\" />\n */\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, label, error, helperText, id, ...props }, ref) => {\n    const generatedId = useId()\n    const inputId = id ?? generatedId\n\n    return (\n      <div className=\"flex flex-col gap-1\">\n        {label && (\n          <label\n            htmlFor={inputId}\n            className=\"text-sm font-medium text-text-primary\"\n          >\n            {label}\n          </label>\n        )}\n        <input\n          ref={ref}\n          id={inputId}\n          className={cn(\n            'flex h-9 w-full rounded-md border bg-surface-1 px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary',\n            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n            'disabled:cursor-not-allowed disabled:opacity-50',\n            error\n              ? 'border-danger focus-visible:ring-danger'\n              : 'border-border-strong focus-visible:ring-ring/30',\n            className\n          )}\n          {...props}\n        />\n        {error && (\n          <p className=\"text-xs text-danger\">{error}</p>\n        )}\n        {!error && helperText && (\n          <p className=\"text-xs text-text-secondary\">{helperText}</p>\n        )}\n      </div>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n\nexport { Input }\n","/**\n * @description: Label 标签组件 — 支持 required 红色星号标记\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-04-15\n */\nimport { forwardRef } from 'react'\nimport { cn } from '../internal/cn'\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  /** 是否为必填项，显示红色星号 */\n  required?: boolean\n}\n\n/**\n * 通用标签组件\n * @example\n * <Label htmlFor=\"email\">邮箱</Label>\n * <Label htmlFor=\"name\" required>姓名</Label>\n */\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(({ className, required, children, ...props }, ref) => {\n  return (\n    <label\n      ref={ref}\n      className={cn(\n        'leading-none text-sm font-medium text-text-primary peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {required && (\n        <span className=\"ml-0.5 text-danger\" aria-hidden=\"true\">\n          *\n        </span>\n      )}\n    </label>\n  )\n})\n\nLabel.displayName = 'Label'\n\nexport { Label }\n","/**\n * @description: Card 卡片组件 — 包含 Card/CardHeader/CardTitle/CardDescription/CardContent/CardFooter\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-04-15\n */\nimport { forwardRef } from 'react'\nimport { cn } from '../internal/cn'\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement>\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement>\nexport type CardFooterProps = React.HTMLAttributes<HTMLDivElement>\n\n/**\n * 卡片容器\n * @example\n * <Card>\n *   <CardHeader>\n *     <CardTitle>标题</CardTitle>\n *     <CardDescription>描述文字</CardDescription>\n *   </CardHeader>\n *   <CardContent>内容区域</CardContent>\n *   <CardFooter>底部操作</CardFooter>\n * </Card>\n */\nconst Card = forwardRef<HTMLDivElement, CardProps>(({ className, ...props }, ref) => {\n  return <div ref={ref} className={cn('rounded-lg border border-border-base bg-surface-1 shadow-sm', className)} {...props} />\n})\n\nconst CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(({ className, ...props }, ref) => {\n  return <div ref={ref} className={cn('flex flex-col gap-1 px-5 py-4 border-b border-border-base', className)} {...props} />\n})\n\nconst CardTitle = forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => {\n  return <h3 ref={ref} className={cn('leading-none font-semibold text-text-primary', className)} {...props} />\n})\n\nconst CardDescription = forwardRef<HTMLParagraphElement, CardDescriptionProps>(({ className, ...props }, ref) => {\n  return <p ref={ref} className={cn('text-sm text-text-secondary', className)} {...props} />\n})\n\nconst CardContent = forwardRef<HTMLDivElement, CardContentProps>(({ className, ...props }, ref) => {\n  return <div ref={ref} className={cn('px-5 py-4', className)} {...props} />\n})\n\nconst CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(({ className, ...props }, ref) => {\n  return <div ref={ref} className={cn('flex items-center px-5 py-4 border-t border-border-base', className)} {...props} />\n})\n\nCard.displayName = 'Card'\nCardHeader.displayName = 'CardHeader'\nCardTitle.displayName = 'CardTitle'\nCardDescription.displayName = 'CardDescription'\nCardContent.displayName = 'CardContent'\nCardFooter.displayName = 'CardFooter'\n\nexport { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter }\n","/**\n * @description: Badge 徽标组件 — 基于 CVA 管理 default/secondary/destructive/outline/success/warning 变体\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-04-15\n */\nimport { forwardRef } from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../internal/cn'\n\nconst badgeVariants = cva(\n  'inline-flex min-h-6 items-center rounded-md px-2.5 py-0.5 text-xs font-semibold leading-none transition-colors',\n  {\n    variants: {\n      variant: {\n        default:\n          'border border-primary/20 bg-primary-soft text-primary-soft-fg',\n        secondary:\n          'border border-border-base bg-surface-2 text-text-primary',\n        destructive:\n          'border border-danger/20 bg-danger-soft text-danger-soft-fg',\n        outline:\n          'border border-border-strong bg-transparent text-text-primary',\n        success:\n          'border border-success/20 bg-success-soft text-success-soft-fg',\n        warning:\n          'border border-warning/20 bg-warning-soft text-warning-soft-fg',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n)\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {}\n\n/**\n * 徽标组件\n * @example\n * <Badge variant=\"default\">新品</Badge>\n * <Badge variant=\"success\">已完成</Badge>\n * <Badge variant=\"destructive\">已删除</Badge>\n * <Badge variant=\"warning\">待审核</Badge>\n */\nconst Badge = forwardRef<HTMLSpanElement, BadgeProps>(({ className, variant, ...props }, ref) => {\n  return <span ref={ref} className={cn(badgeVariants({ variant }), className)} {...props} />\n})\n\nBadge.displayName = 'Badge'\n\nexport { Badge, badgeVariants }\n","/**\n * @description: Tag 标签组件 — 支持多种语义变体、可关闭交互，区别于纯展示的 Badge\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-04-17\n */\nimport { forwardRef } from 'react'\nimport { X } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../internal/cn'\n\nconst tagVariants = cva(\n  'inline-flex items-center gap-1.5 rounded-md border font-medium leading-none transition-colors',\n  {\n    variants: {\n      variant: {\n        default: 'border-border-base bg-surface-2 text-text-primary',\n        primary: 'border-primary/20 bg-primary-soft text-primary-soft-fg',\n        success: 'border-success/20 bg-success-soft text-success-soft-fg',\n        warning: 'border-warning/20 bg-warning-soft text-warning-soft-fg',\n        destructive: 'border-danger/20 bg-danger-soft text-danger-soft-fg',\n        outline: 'border-border-strong bg-transparent text-text-primary',\n      },\n      size: {\n        sm: 'min-h-6 px-2 text-[11px]',\n        default: 'min-h-7 px-2.5 text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport interface TagProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>,\n    VariantProps<typeof tagVariants> {\n  /** 是否显示关闭按钮 */\n  closable?: boolean\n  /** 是否禁用 */\n  disabled?: boolean\n  /** 自定义背景色（覆盖 variant 颜色，建议传 token CSS 变量） */\n  color?: string\n  /** 关闭按钮点击回调 */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\n/**\n * 标签组件（可交互，支持关闭）\n * @example\n * <Tag>默认标签</Tag>\n * <Tag variant=\"success\">已完成</Tag>\n * <Tag variant=\"primary\" closable onClose={removeTag}>可关闭</Tag>\n * <Tag variant=\"warning\" disabled>禁用状态</Tag>\n * <Tag color=\"hsl(var(--primary))\">自定义颜色</Tag>\n */\nconst Tag = forwardRef<HTMLSpanElement, TagProps>(\n  ({ variant, size, closable = false, disabled = false, color, onClose, className, children, style, ...props }, ref) => {\n    const customStyle: React.CSSProperties = color\n      ? { backgroundColor: color, color: 'hsl(var(--primary-fg))', borderColor: color, ...style }\n      : (style ?? {})\n\n    function handleClose(event: React.MouseEvent<HTMLButtonElement>) {\n      event.stopPropagation()\n      if (!disabled) {\n        onClose?.(event)\n      }\n    }\n\n    return (\n      <span\n        ref={ref}\n        className={cn(tagVariants({ variant, size }), disabled && 'cursor-not-allowed opacity-50', className)}\n        style={customStyle}\n        {...props}\n      >\n        {children}\n        {closable && (\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            disabled={disabled}\n            className=\"-mr-1 inline-flex h-4 w-4 items-center justify-center rounded-sm opacity-70 transition hover:bg-surface-3 hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current disabled:pointer-events-none\"\n            aria-label=\"关闭标签\"\n          >\n            <X size={10} strokeWidth={2.5} />\n          </button>\n        )}\n      </span>\n    )\n  }\n)\n\nTag.displayName = 'Tag'\n\nexport { Tag, tagVariants }\n","/**\n * @description: Separator 分割线组件 — 支持水平/垂直方向，纯展示组件\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-04-17\n */\nimport { forwardRef } from 'react'\nimport { cn } from '../internal/cn'\n\n/** 分割线方向 */\nexport type SeparatorOrientation = 'horizontal' | 'vertical'\n\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** 方向，默认 horizontal */\n  orientation?: SeparatorOrientation\n}\n\n/** 各方向样式映射 */\nconst ORIENTATION_CLASSES: Record<SeparatorOrientation, string> = {\n  horizontal: 'h-px w-full bg-border-base',\n  vertical: 'w-px h-full bg-border-base',\n}\n\n/**\n * 分割线\n * @example\n * // 水平分割线\n * <Separator />\n *\n * // 垂直分割线（父容器需设定高度）\n * <div className=\"flex h-8 items-center gap-4\">\n *   <span>左侧文字</span>\n *   <Separator orientation=\"vertical\" />\n *   <span>右侧文字</span>\n * </div>\n */\nconst Separator = forwardRef<HTMLDivElement, SeparatorProps>(\n  ({ orientation = 'horizontal', className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-orientation={orientation}\n        className={cn(ORIENTATION_CLASSES[orientation], className)}\n        {...props}\n      />\n    )\n  }\n)\n\nSeparator.displayName = 'Separator'\n\nexport { Separator }\n","/**\n * @description: Spinner 加载旋转组件 — 基于 Loader2 图标，支持 sm/md/lg 三种尺寸\n * @author: UG - 一个斗码大陆苦逼的三段码之气的少年，并没有神秘戒指中码老的帮助，但总有一天，我会成为斗码大陆中码帝一样的存在。三十年河东，三十年河西，莫欺少年穷。\n * @date: 2026-04-15\n */\nimport { forwardRef } from 'react'\nimport { Loader2 } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../internal/cn'\n\nconst spinnerVariants = cva('animate-spin text-text-tertiary', {\n  variants: {\n    size: {\n      sm: 'h-4 w-4',\n      md: 'h-6 w-6',\n      lg: 'h-10 w-10',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport interface SpinnerProps\n  extends React.HTMLAttributes<SVGSVGElement>,\n    VariantProps<typeof spinnerVariants> {\n  /** 无障碍标签 */\n  label?: string\n}\n\n/**\n * 加载旋转动画\n * @example\n * <Spinner />\n * <Spinner size=\"sm\" />\n * <Spinner size=\"lg\" className=\"text-primary\" />\n */\nconst Spinner = forwardRef<SVGSVGElement, SpinnerProps>(({ className, size, label = '加载中', ...props }, ref) => {\n  return (\n    <Loader2\n      ref={ref}\n      className={cn(spinnerVariants({ size }), className)}\n      aria-label={label}\n      role=\"status\"\n      {...props}\n    />\n  )\n})\n\nSpinner.displayName = 'Spinner'\n\nexport { Spinner }\n"],"mappings":"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","names":["import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_class_variance_authority","import_jsx_runtime","import_react","import_lucide_react","import_class_variance_authority","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_lucide_react","import_class_variance_authority","import_jsx_runtime"]}

package/dist/primitives/index.d.cts

@@ -0,0 +1,137 @@
+export { a as Button, B as ButtonProps, a as UGButton, B as UGButtonProps, b as buttonVariants, b as ugButtonVariants } from '../button-CaLZig8j.cjs';
+import * as react from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /** 输入框标签文本 */
+    label?: string;
+    /** 错误提示文本，有值时边框变红 */
+    error?: string;
+    /** 帮助说明文本 */
+    helperText?: string;
+}
+/**
+ * 通用输入框组件
+ * @example
+ * <Input label="用户名" placeholder="请输入用户名" />
+ * <Input label="邮箱" error="邮箱格式不正确" value={email} onChange={handleChange} />
+ * <Input label="备注" helperText="最多 200 字" />
+ */
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    /** 是否为必填项，显示红色星号 */
+    required?: boolean;
+}
+/**
+ * 通用标签组件
+ * @example
+ * <Label htmlFor="email">邮箱</Label>
+ * <Label htmlFor="name" required>姓名</Label>
+ */
+declare const Label: react.ForwardRefExoticComponent<LabelProps & react.RefAttributes<HTMLLabelElement>>;
+
+type CardProps = React.HTMLAttributes<HTMLDivElement>;
+type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
+type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * 卡片容器
+ * @example
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>标题</CardTitle>
+ *     <CardDescription>描述文字</CardDescription>
+ *   </CardHeader>
+ *   <CardContent>内容区域</CardContent>
+ *   <CardFooter>底部操作</CardFooter>
+ * </Card>
+ */
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: react.ForwardRefExoticComponent<CardTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const CardDescription: react.ForwardRefExoticComponent<CardDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: react.ForwardRefExoticComponent<CardContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+}
+/**
+ * 徽标组件
+ * @example
+ * <Badge variant="default">新品</Badge>
+ * <Badge variant="success">已完成</Badge>
+ * <Badge variant="destructive">已删除</Badge>
+ * <Badge variant="warning">待审核</Badge>
+ */
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
+
+declare const tagVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "success" | "warning" | "primary" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof tagVariants> {
+    /** 是否显示关闭按钮 */
+    closable?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义背景色（覆盖 variant 颜色，建议传 token CSS 变量） */
+    color?: string;
+    /** 关闭按钮点击回调 */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+/**
+ * 标签组件（可交互，支持关闭）
+ * @example
+ * <Tag>默认标签</Tag>
+ * <Tag variant="success">已完成</Tag>
+ * <Tag variant="primary" closable onClose={removeTag}>可关闭</Tag>
+ * <Tag variant="warning" disabled>禁用状态</Tag>
+ * <Tag color="hsl(var(--primary))">自定义颜色</Tag>
+ */
+declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLSpanElement>>;
+
+declare const spinnerVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SpinnerProps extends React.HTMLAttributes<SVGSVGElement>, VariantProps<typeof spinnerVariants> {
+    /** 无障碍标签 */
+    label?: string;
+}
+/**
+ * 加载旋转动画
+ * @example
+ * <Spinner />
+ * <Spinner size="sm" />
+ * <Spinner size="lg" className="text-primary" />
+ */
+declare const Spinner: react.ForwardRefExoticComponent<SpinnerProps & react.RefAttributes<SVGSVGElement>>;
+
+/** 分割线方向 */
+type SeparatorOrientation = 'horizontal' | 'vertical';
+interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 方向，默认 horizontal */
+    orientation?: SeparatorOrientation;
+}
+/**
+ * 分割线
+ * @example
+ * // 水平分割线
+ * <Separator />
+ *
+ * // 垂直分割线（父容器需设定高度）
+ * <div className="flex h-8 items-center gap-4">
+ *   <span>左侧文字</span>
+ *   <Separator orientation="vertical" />
+ *   <span>右侧文字</span>
+ * </div>
+ */
+declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Badge, type BadgeProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Input, type InputProps, Label, type LabelProps, Separator, type SeparatorOrientation, type SeparatorProps, Spinner, type SpinnerProps, Tag, type TagProps, Badge as UGBadge, type BadgeProps as UGBadgeProps, Card as UGCard, CardContent as UGCardContent, type CardContentProps as UGCardContentProps, CardDescription as UGCardDescription, type CardDescriptionProps as UGCardDescriptionProps, CardFooter as UGCardFooter, type CardFooterProps as UGCardFooterProps, CardHeader as UGCardHeader, type CardHeaderProps as UGCardHeaderProps, type CardProps as UGCardProps, CardTitle as UGCardTitle, type CardTitleProps as UGCardTitleProps, Input as UGInput, type InputProps as UGInputProps, Label as UGLabel, type LabelProps as UGLabelProps, Separator as UGSeparator, type SeparatorOrientation as UGSeparatorOrientation, type SeparatorProps as UGSeparatorProps, Spinner as UGSpinner, type SpinnerProps as UGSpinnerProps, Tag as UGTag, type TagProps as UGTagProps, badgeVariants, tagVariants, badgeVariants as ugBadgeVariants, tagVariants as ugTagVariants };