@ug666/ui-react 0.1.0 → 0.2.0

package/dist/chunk-RUDEZA5Q.js

@@ -0,0 +1,62 @@
+// src/internal/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/button.tsx
+import { forwardRef } from "react";
+import { Loader2 } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var buttonVariants = 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 = forwardRef(
+  ({ className, variant, size, loading = false, disabled, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        className: cn(buttonVariants({ variant, size }), className),
+        disabled: disabled || loading,
+        ...props,
+        children: [
+          loading && /* @__PURE__ */ jsx(Loader2, { className: "animate-spin", size: 16 }),
+          children
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export {
+  cn,
+  buttonVariants,
+  Button
+};
+//# sourceMappingURL=chunk-RUDEZA5Q.js.map

package/dist/chunk-RUDEZA5Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/cn.ts","../src/components/button.tsx"],"sourcesContent":["/**\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: 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"],"mappings":";AAKA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ACLA,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,WAA8B;AAmDjC,SAMc,KANd;AAhDN,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAgBA,IAAM,SAAS;AAAA,EACb,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,UAAU,UAAU,GAAG,MAAM,GAAG,QAAQ;AACpF,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,QAC1D,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QAEH;AAAA,qBAAW,oBAAC,WAAQ,WAAU,gBAAe,MAAM,IAAI;AAAA,UACvD;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-S45GP6IB.js

@@ -0,0 +1,254 @@
+import {
+  cn
+} from "./chunk-RUDEZA5Q.js";
+
+// src/components/input.tsx
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Input = forwardRef(
+  ({ className, label, error, helperText, id, ...props }, ref) => {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      label && /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: inputId,
+          className: "text-sm font-medium text-text-primary",
+          children: label
+        }
+      ),
+      /* @__PURE__ */ 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__ */ jsx("p", { className: "text-xs text-danger", children: error }),
+      !error && helperText && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: helperText })
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+// src/components/label.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Label = forwardRef2(({ className, required, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs2(
+    "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__ */ jsx2("span", { className: "ml-0.5 text-danger", "aria-hidden": "true", children: "*" })
+      ]
+    }
+  );
+});
+Label.displayName = "Label";
+
+// src/components/card.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Card = forwardRef3(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx3("div", { ref, className: cn("rounded-lg border border-border-base bg-surface-1 shadow-sm", className), ...props });
+});
+var CardHeader = forwardRef3(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx3("div", { ref, className: cn("flex flex-col gap-1 px-5 py-4 border-b border-border-base", className), ...props });
+});
+var CardTitle = forwardRef3(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx3("h3", { ref, className: cn("leading-none font-semibold text-text-primary", className), ...props });
+});
+var CardDescription = forwardRef3(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx3("p", { ref, className: cn("text-sm text-text-secondary", className), ...props });
+});
+var CardContent = forwardRef3(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx3("div", { ref, className: cn("px-5 py-4", className), ...props });
+});
+var CardFooter = forwardRef3(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx3("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
+import { forwardRef as forwardRef4 } from "react";
+import { cva } from "class-variance-authority";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var badgeVariants = 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 = forwardRef4(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx4("span", { ref, className: cn(badgeVariants({ variant }), className), ...props });
+});
+Badge.displayName = "Badge";
+
+// src/components/tag.tsx
+import { forwardRef as forwardRef5 } from "react";
+import { X } from "lucide-react";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var tagVariants = cva2(
+  "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 = forwardRef5(
+  ({ 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__ */ jsxs3(
+      "span",
+      {
+        ref,
+        className: cn(tagVariants({ variant, size }), disabled && "cursor-not-allowed opacity-50", className),
+        style: customStyle,
+        ...props,
+        children: [
+          children,
+          closable && /* @__PURE__ */ jsx5(
+            "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__ */ jsx5(X, { size: 10, strokeWidth: 2.5 })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Tag.displayName = "Tag";
+
+// src/components/spinner.tsx
+import { forwardRef as forwardRef6 } from "react";
+import { Loader2 } from "lucide-react";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var spinnerVariants = cva3("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 = forwardRef6(({ className, size, label = "\u52A0\u8F7D\u4E2D", ...props }, ref) => {
+  return /* @__PURE__ */ jsx6(
+    Loader2,
+    {
+      ref,
+      className: cn(spinnerVariants({ size }), className),
+      "aria-label": label,
+      role: "status",
+      ...props
+    }
+  );
+});
+Spinner.displayName = "Spinner";
+
+// src/components/separator.tsx
+import { forwardRef as forwardRef7 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var ORIENTATION_CLASSES = {
+  horizontal: "h-px w-full bg-border-base",
+  vertical: "w-px h-full bg-border-base"
+};
+var Separator = forwardRef7(
+  ({ orientation = "horizontal", className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx7(
+      "div",
+      {
+        ref,
+        role: "separator",
+        "aria-orientation": orientation,
+        className: cn(ORIENTATION_CLASSES[orientation], className),
+        ...props
+      }
+    );
+  }
+);
+Separator.displayName = "Separator";
+
+export {
+  Input,
+  Label,
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter,
+  badgeVariants,
+  Badge,
+  tagVariants,
+  Tag,
+  Spinner,
+  Separator
+};
+//# sourceMappingURL=chunk-S45GP6IB.js.map

package/dist/chunk-S45GP6IB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input.tsx","../src/components/label.tsx","../src/components/card.tsx","../src/components/badge.tsx","../src/components/tag.tsx","../src/components/spinner.tsx","../src/components/separator.tsx"],"sourcesContent":["/**\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: 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","/**\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"],"mappings":"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","names":["forwardRef","jsx","jsxs","forwardRef","forwardRef","jsx","forwardRef","forwardRef","jsx","forwardRef","forwardRef","cva","jsx","jsxs","cva","forwardRef","forwardRef","cva","jsx","cva","forwardRef","forwardRef","jsx","forwardRef"]}