@ug666/ui-react 0.1.0

package/dist/index.cjs

@@ -0,0 +1,3799 @@
+"use strict";
+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/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  Alert: () => Alert,
+  AlertDescription: () => AlertDescription,
+  AlertTitle: () => AlertTitle,
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarGroup: () => AvatarGroup,
+  AvatarImage: () => AvatarImage,
+  Badge: () => Badge,
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbLink: () => BreadcrumbLink,
+  BreadcrumbSeparator: () => BreadcrumbSeparator,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Checkbox: () => Checkbox,
+  ContextMenu: () => ContextMenu,
+  ContextMenuContent: () => ContextMenuContent,
+  ContextMenuItem: () => ContextMenuItem,
+  ContextMenuSeparator: () => ContextMenuSeparator,
+  ContextMenuTrigger: () => ContextMenuTrigger,
+  Descriptions: () => Descriptions,
+  DescriptionsItem: () => DescriptionsItem,
+  Dialog: () => Dialog,
+  Drawer: () => Drawer,
+  DrawerClose: () => DrawerClose,
+  DrawerContent: () => DrawerContent,
+  DrawerDescription: () => DrawerDescription,
+  DrawerFooter: () => DrawerFooter,
+  DrawerHeader: () => DrawerHeader,
+  DrawerTitle: () => DrawerTitle,
+  DropdownContent: () => DropdownContent,
+  DropdownItem: () => DropdownItem,
+  DropdownMenu: () => DropdownMenu,
+  DropdownSeparator: () => DropdownSeparator,
+  DropdownTrigger: () => DropdownTrigger,
+  EmptyState: () => EmptyState,
+  Form: () => Form,
+  FormControl: () => FormControl,
+  FormDescription: () => FormDescription,
+  FormField: () => FormField,
+  FormItem: () => FormItem,
+  FormLabel: () => FormLabel,
+  FormMessage: () => FormMessage,
+  Input: () => Input,
+  Label: () => Label,
+  Modal: () => Modal,
+  ModalCloseButton: () => ModalCloseButton,
+  ModalContent: () => ModalContent,
+  ModalFooter: () => ModalFooter,
+  ModalHeader: () => ModalHeader,
+  ModalTitle: () => ModalTitle,
+  NavigationMenu: () => NavigationMenu,
+  NavigationMenuContent: () => NavigationMenuContent,
+  NavigationMenuItem: () => NavigationMenuItem,
+  NavigationMenuLink: () => NavigationMenuLink,
+  NavigationMenuTrigger: () => NavigationMenuTrigger,
+  NumberInput: () => NumberInput,
+  OTPInput: () => OTPInput,
+  Pagination: () => Pagination,
+  Popover: () => Popover,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
+  Progress: () => Progress,
+  Radio: () => Radio,
+  RadioGroup: () => RadioGroup,
+  Select: () => Select,
+  Separator: () => Separator,
+  Sheet: () => Sheet,
+  Sidebar: () => Sidebar,
+  Skeleton: () => Skeleton,
+  Slider: () => Slider,
+  Spinner: () => Spinner,
+  Statistic: () => Statistic,
+  Steps: () => Steps,
+  Switch: () => Switch,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCell: () => TableCell,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Tag: () => Tag,
+  Textarea: () => Textarea,
+  Toaster: () => Toaster,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipTrigger: () => TooltipTrigger,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  checkboxVariants: () => checkboxVariants,
+  cn: () => import_ui_utils43.cn,
+  numberInputVariants: () => numberInputVariants,
+  tagVariants: () => tagVariants,
+  theme: () => theme,
+  toast: () => toast,
+  useClickOutside: () => useClickOutside,
+  useCopyToClipboard: () => useCopyToClipboard,
+  useDebounce: () => useDebounce,
+  useEventListener: () => useEventListener,
+  useForm: () => useForm,
+  useHotkeys: () => useHotkeys,
+  useInterval: () => useInterval,
+  useLocalStorage: () => useLocalStorage,
+  useMediaQuery: () => useMediaQuery,
+  useMounted: () => useMounted,
+  usePagination: () => usePagination,
+  useTimeout: () => useTimeout,
+  useToggle: () => useToggle
+});
+module.exports = __toCommonJS(index_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");
+var import_ui_utils = require("@ug666/ui-utils");
+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-md text-sm font-medium transition-colors 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 hover:bg-primary-hover focus-visible:ring-ring",
+        destructive: "bg-danger text-danger-fg hover:bg-danger-hover focus-visible:ring-danger",
+        outline: "border border-border-strong bg-surface-1 text-text-primary hover:bg-surface-2 focus-visible:ring-ring/30",
+        secondary: "bg-surface-2 text-text-primary 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 rounded-md px-3 text-xs",
+        lg: "h-12 rounded-md px-6 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: (0, import_ui_utils.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_ui_utils2 = require("@ug666/ui-utils");
+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: (0, import_ui_utils2.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_ui_utils3 = require("@ug666/ui-utils");
+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: (0, import_ui_utils3.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_ui_utils4 = require("@ug666/ui-utils");
+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: (0, import_ui_utils4.cn)("rounded-lg border border-border-base bg-surface-1", className), ...props });
+});
+var CardHeader = (0, import_react4.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref, className: (0, import_ui_utils4.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: (0, import_ui_utils4.cn)("leading-none font-semibold tracking-tight text-text-primary", className), ...props });
+});
+var CardDescription = (0, import_react4.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { ref, className: (0, import_ui_utils4.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: (0, import_ui_utils4.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: (0, import_ui_utils4.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_ui_utils5 = require("@ug666/ui-utils");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority2.cva)(
+  "inline-flex items-center rounded-md px-2.5 py-0.5 text-xs font-semibold transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-fg",
+        secondary: "bg-surface-3 text-text-primary",
+        destructive: "bg-danger-soft text-danger-soft-fg",
+        outline: "border border-border-strong text-text-primary bg-transparent",
+        success: "bg-success-soft text-success-soft-fg",
+        warning: "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: (0, import_ui_utils5.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_ui_utils6 = require("@ug666/ui-utils");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var tagVariants = (0, import_class_variance_authority3.cva)(
+  "inline-flex items-center gap-1 rounded font-medium transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "bg-surface-3 text-text-primary",
+        primary: "bg-success-soft text-success-soft-fg",
+        success: "bg-success-soft text-success-soft-fg",
+        warning: "bg-warning-soft text-warning-soft-fg",
+        destructive: "bg-danger-soft text-danger-soft-fg",
+        outline: "border border-border-strong bg-transparent text-text-primary"
+      },
+      size: {
+        sm: "px-1.5 py-0 text-xs",
+        default: "px-2 py-0.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: "#fff", borderColor: color, ...style } : style ?? {};
+    function handleClose(event) {
+      event.stopPropagation();
+      if (!disabled) {
+        onClose?.(event);
+      }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "span",
+      {
+        ref,
+        className: (0, import_ui_utils6.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: "inline-flex items-center justify-center rounded-sm opacity-60 transition-opacity hover:opacity-100 focus-visible:outline-none 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/modal.tsx
+var import_react8 = require("react");
+var import_react_dom = require("react-dom");
+var import_lucide_react3 = require("lucide-react");
+var import_ui_utils7 = require("@ug666/ui-utils");
+
+// src/hooks/use-escape-key.ts
+var import_react7 = require("react");
+function useEscapeKey(open, onEscape) {
+  const handleEscape = (0, import_react7.useCallback)(
+    (e) => {
+      if (e.key === "Escape") onEscape();
+    },
+    [onEscape]
+  );
+  (0, import_react7.useEffect)(() => {
+    if (!open) return;
+    document.addEventListener("keydown", handleEscape);
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handleEscape);
+      document.body.style.overflow = "";
+    };
+  }, [open, handleEscape]);
+}
+
+// src/components/modal.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Modal = (0, import_react8.forwardRef)(({ open, onClose, children, className }, ref) => {
+  useEscapeKey(open, onClose);
+  if (!open) return null;
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "div",
+      {
+        ref,
+        className: (0, import_ui_utils7.cn)(
+          "fixed inset-0 z-50 flex items-center justify-center",
+          className
+        ),
+        role: "dialog",
+        "aria-modal": "true",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "div",
+            {
+              className: "absolute inset-0 bg-overlay",
+              onClick: onClose,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "relative z-10", children })
+        ]
+      }
+    ),
+    document.body
+  );
+});
+var ModalContent = (0, import_react8.forwardRef)(({ className, maxWidth = "max-w-lg", children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: (0, import_ui_utils7.cn)("w-full rounded-lg bg-surface-1 shadow-lg", maxWidth, className), ...props, children });
+});
+var ModalHeader = (0, import_react8.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: (0, import_ui_utils7.cn)("flex items-center justify-between border-b border-border-base px-6 py-4", className), ...props });
+});
+var ModalTitle = (0, import_react8.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { ref, className: (0, import_ui_utils7.cn)("text-lg font-semibold text-text-primary", className), ...props });
+});
+var ModalFooter = (0, import_react8.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: (0, import_ui_utils7.cn)("flex items-center justify-end gap-2 border-t border-border-base px-6 py-4", className), ...props });
+});
+var ModalCloseButton = (0, import_react8.forwardRef)(({ onClick, className, type = "button", ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "button",
+    {
+      ref,
+      type,
+      onClick,
+      className: (0, import_ui_utils7.cn)(
+        "rounded-md p-1 text-text-tertiary transition-colors hover:bg-surface-3 hover:text-text-secondary",
+        className
+      ),
+      "aria-label": "\u5173\u95ED",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.X, { size: 18 })
+    }
+  );
+});
+Modal.displayName = "Modal";
+ModalContent.displayName = "ModalContent";
+ModalHeader.displayName = "ModalHeader";
+ModalTitle.displayName = "ModalTitle";
+ModalFooter.displayName = "ModalFooter";
+ModalCloseButton.displayName = "ModalCloseButton";
+
+// src/components/dialog.tsx
+var import_react9 = require("react");
+var import_react_dom2 = require("react-dom");
+var import_ui_utils8 = require("@ug666/ui-utils");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var CONFIRM_VARIANT_CLASSES = {
+  default: "bg-primary text-primary-fg hover:bg-primary-hover focus-visible:ring-ring",
+  destructive: "bg-danger text-danger-fg hover:bg-danger-hover focus-visible:ring-danger"
+};
+var Dialog = (0, import_react9.forwardRef)(
+  ({
+    open,
+    onOpenChange,
+    title,
+    description,
+    variant = "default",
+    cancelText = "\u53D6\u6D88",
+    confirmText = "\u786E\u8BA4",
+    onConfirm,
+    onCancel,
+    className
+  }, ref) => {
+    const handleClose = (0, import_react9.useCallback)(() => {
+      onOpenChange(false);
+    }, [onOpenChange]);
+    const handleCancel = (0, import_react9.useCallback)(() => {
+      onCancel?.();
+      handleClose();
+    }, [onCancel, handleClose]);
+    const handleConfirm = (0, import_react9.useCallback)(() => {
+      onConfirm?.();
+      handleClose();
+    }, [onConfirm, handleClose]);
+    const handleEscape = (0, import_react9.useCallback)(
+      (e) => {
+        if (e.key === "Escape") handleCancel();
+      },
+      [handleCancel]
+    );
+    (0, import_react9.useEffect)(() => {
+      if (!open) return;
+      document.addEventListener("keydown", handleEscape);
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.removeEventListener("keydown", handleEscape);
+        document.body.style.overflow = "";
+      };
+    }, [open, handleEscape]);
+    if (!open) return null;
+    return (0, import_react_dom2.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        "div",
+        {
+          ref,
+          className: (0, import_ui_utils8.cn)(
+            "fixed inset-0 z-50 flex items-center justify-center p-4",
+            className
+          ),
+          role: "alertdialog",
+          "aria-modal": "true",
+          "aria-labelledby": "dialog-title",
+          "aria-describedby": description ? "dialog-description" : void 0,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "div",
+              {
+                className: "absolute inset-0 bg-overlay",
+                onClick: handleCancel,
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative z-10 w-full max-w-sm rounded-lg bg-surface-1 shadow-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "px-6 pt-6 pb-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  "h2",
+                  {
+                    id: "dialog-title",
+                    className: "text-base font-bold text-text-primary",
+                    children: title
+                  }
+                ),
+                description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  "p",
+                  {
+                    id: "dialog-description",
+                    className: "mt-2 text-sm text-text-secondary",
+                    children: description
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-end gap-2 border-t border-border-subtle px-6 py-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleCancel,
+                    className: (0, import_ui_utils8.cn)(
+                      "inline-flex h-9 items-center justify-center rounded-md border border-border-strong bg-surface-1 px-4 text-sm font-medium text-text-secondary transition-colors",
+                      "hover:bg-surface-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring/30"
+                    ),
+                    children: cancelText
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleConfirm,
+                    className: (0, import_ui_utils8.cn)(
+                      "inline-flex h-9 items-center justify-center rounded-md px-4 text-sm font-medium transition-colors",
+                      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+                      CONFIRM_VARIANT_CLASSES[variant]
+                    ),
+                    children: confirmText
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      ),
+      document.body
+    );
+  }
+);
+Dialog.displayName = "Dialog";
+
+// src/components/drawer.tsx
+var import_react10 = require("react");
+var import_react_dom3 = require("react-dom");
+var import_lucide_react4 = require("lucide-react");
+var import_ui_utils9 = require("@ug666/ui-utils");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var DrawerContext = (0, import_react10.createContext)(null);
+function useDrawerContext() {
+  const ctx = (0, import_react10.useContext)(DrawerContext);
+  if (!ctx) throw new Error("Drawer \u5B50\u7EC4\u4EF6\u5FC5\u987B\u5728 <Drawer> \u5185\u4F7F\u7528");
+  return ctx;
+}
+var SIDE_CLASSES = {
+  right: "inset-y-0 right-0 h-full w-80 max-w-full translate-x-0",
+  left: "inset-y-0 left-0 h-full w-80 max-w-full translate-x-0",
+  top: "inset-x-0 top-0 w-full h-auto max-h-[80vh] translate-y-0",
+  bottom: "inset-x-0 bottom-0 w-full h-auto max-h-[80vh] translate-y-0"
+};
+var Drawer = ({ open, onOpenChange, side = "right", children }) => {
+  useEscapeKey(open, () => onOpenChange(false));
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DrawerContext.Provider, { value: { open, onOpenChange, side }, children });
+};
+Drawer.displayName = "Drawer";
+var DrawerContent = (0, import_react10.forwardRef)(({ className, children, ...props }, ref) => {
+  const { open, onOpenChange, side } = useDrawerContext();
+  if (!open) return null;
+  return (0, import_react_dom3.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "fixed inset-0 z-50", role: "dialog", "aria-modal": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "div",
+        {
+          className: "absolute inset-0 bg-overlay transition-opacity",
+          onClick: () => onOpenChange(false),
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "div",
+        {
+          ref,
+          className: (0, import_ui_utils9.cn)(
+            "absolute flex flex-col bg-surface-1 shadow-xl transition-transform duration-300 ease-in-out",
+            SIDE_CLASSES[side],
+            className
+          ),
+          onClick: (e) => e.stopPropagation(),
+          ...props,
+          children
+        }
+      )
+    ] }),
+    document.body
+  );
+});
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = (0, import_react10.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_ui_utils9.cn)("flex flex-col gap-1.5 border-b border-border-base px-6 py-4", className),
+      ...props
+    }
+  );
+});
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerTitle = (0, import_react10.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { ref, className: (0, import_ui_utils9.cn)("text-lg font-semibold text-text-primary", className), ...props });
+});
+DrawerTitle.displayName = "DrawerTitle";
+var DrawerDescription = (0, import_react10.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { ref, className: (0, import_ui_utils9.cn)("text-sm text-text-secondary", className), ...props });
+});
+DrawerDescription.displayName = "DrawerDescription";
+var DrawerFooter = (0, import_react10.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_ui_utils9.cn)("mt-auto flex items-center justify-end gap-2 border-t border-border-base px-6 py-4", className),
+      ...props
+    }
+  );
+});
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerClose = (0, import_react10.forwardRef)(({ className, children, type = "button", ...props }, ref) => {
+  const { onOpenChange } = useDrawerContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "button",
+    {
+      ref,
+      type,
+      onClick: () => onOpenChange(false),
+      className: (0, import_ui_utils9.cn)(
+        "inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium text-text-secondary transition-colors hover:bg-surface-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.X, { size: 18 })
+    }
+  );
+});
+DrawerClose.displayName = "DrawerClose";
+
+// src/components/table.tsx
+var import_react11 = require("react");
+var import_ui_utils10 = require("@ug666/ui-utils");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Table = (0, import_react11.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "table",
+    {
+      ref,
+      className: (0, import_ui_utils10.cn)("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  ) });
+});
+var TableHeader = (0, import_react11.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("thead", { ref, className: (0, import_ui_utils10.cn)("[&_tr]:border-b border-border-base", className), ...props });
+});
+var TableBody = (0, import_react11.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tbody", { ref, className: (0, import_ui_utils10.cn)("[&_tr:last-child]:border-0", className), ...props });
+});
+var TableRow = (0, import_react11.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { ref, className: (0, import_ui_utils10.cn)("border-b border-border-base transition-colors hover:bg-surface-2", className), ...props });
+});
+var TableHead = (0, import_react11.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("th", { ref, className: (0, import_ui_utils10.cn)("h-10 px-4 text-left align-middle font-medium text-text-secondary [&:has([role=checkbox])]:pr-0", className), ...props });
+});
+var TableCell = (0, import_react11.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { ref, className: (0, import_ui_utils10.cn)("px-4 py-3 align-middle text-text-primary [&:has([role=checkbox])]:pr-0", className), ...props });
+});
+Table.displayName = "Table";
+TableHeader.displayName = "TableHeader";
+TableBody.displayName = "TableBody";
+TableRow.displayName = "TableRow";
+TableHead.displayName = "TableHead";
+TableCell.displayName = "TableCell";
+
+// src/components/toast.tsx
+var import_react12 = require("react");
+var import_react_dom4 = require("react-dom");
+var import_lucide_react5 = require("lucide-react");
+var import_ui_utils11 = require("@ug666/ui-utils");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var listeners = /* @__PURE__ */ new Set();
+var toastItems = [];
+var toastTimers = /* @__PURE__ */ new Map();
+function notify() {
+  listeners.forEach((fn) => fn([...toastItems]));
+}
+function addToast(message, type) {
+  const id = Math.random().toString(36).slice(2);
+  toastItems = [...toastItems, { id, message, type }];
+  notify();
+  const timer = setTimeout(() => removeToast(id), 3e3);
+  toastTimers.set(id, timer);
+}
+function removeToast(id) {
+  const timer = toastTimers.get(id);
+  if (timer) {
+    clearTimeout(timer);
+    toastTimers.delete(id);
+  }
+  toastItems = toastItems.filter((t) => t.id !== id);
+  notify();
+}
+var toast = {
+  success: (message) => addToast(message, "success"),
+  error: (message) => addToast(message, "error"),
+  info: (message) => addToast(message, "info")
+};
+var typeStyles = {
+  success: "bg-success-soft border-success/30 text-success-soft-fg",
+  error: "bg-danger-soft border-danger/30 text-danger-soft-fg",
+  info: "bg-info-soft border-info/30 text-info-soft-fg"
+};
+var typeLabel = {
+  success: "\u6210\u529F",
+  error: "\u9519\u8BEF",
+  info: "\u63D0\u793A"
+};
+var Toaster = (0, import_react12.forwardRef)(({ className, ...props }, ref) => {
+  const [items, setItems] = (0, import_react12.useState)([]);
+  const mountedRef = (0, import_react12.useRef)(true);
+  const handleUpdate = (0, import_react12.useCallback)((next) => {
+    if (mountedRef.current) {
+      setItems(next);
+    }
+  }, []);
+  (0, import_react12.useEffect)(() => {
+    listeners.add(handleUpdate);
+    return () => {
+      mountedRef.current = false;
+      listeners.delete(handleUpdate);
+    };
+  }, [handleUpdate]);
+  if (items.length === 0) return null;
+  return (0, import_react_dom4.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_ui_utils11.cn)("fixed top-4 right-4 z-[9999] flex w-80 flex-col gap-2", className),
+        role: "region",
+        "aria-label": "\u901A\u77E5",
+        ...props,
+        children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          "div",
+          {
+            className: (0, import_ui_utils11.cn)(
+              "flex items-start justify-between gap-2 rounded-md border px-4 py-3 text-sm shadow-md",
+              typeStyles[item.type]
+            ),
+            role: "alert",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "font-semibold", children: [
+                  typeLabel[item.type],
+                  "\uFF1A"
+                ] }),
+                item.message
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => removeToast(item.id),
+                  className: "mt-0.5 shrink-0 opacity-60 hover:opacity-100 transition-opacity",
+                  "aria-label": "\u5173\u95ED\u901A\u77E5",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.X, { size: 14 })
+                }
+              )
+            ]
+          },
+          item.id
+        ))
+      }
+    ),
+    document.body
+  );
+});
+Toaster.displayName = "Toaster";
+
+// src/components/sidebar.tsx
+var import_react13 = require("react");
+var import_ui_utils12 = require("@ug666/ui-utils");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var variantStyles = {
+  primary: {
+    container: "bg-primary text-primary-fg",
+    active: "bg-primary-active text-primary-fg",
+    inactive: "text-primary-fg/70 hover:bg-primary-hover hover:text-primary-fg",
+    divider: "border-primary-active"
+  },
+  dark: {
+    container: "bg-slate-950 text-slate-100",
+    active: "bg-slate-800/80 text-white before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-5 before:w-[3px] before:rounded-r-full before:bg-primary",
+    inactive: "text-slate-400 hover:bg-slate-800/40 hover:text-slate-100",
+    divider: "border-slate-800/80"
+  }
+};
+var Sidebar = (0, import_react13.forwardRef)(
+  ({ items, variant = "primary", collapsed = false, footer, className }, ref) => {
+    const styles = variantStyles[variant];
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "aside",
+      {
+        ref,
+        className: (0, import_ui_utils12.cn)(
+          "flex flex-col transition-all duration-300",
+          styles.container,
+          collapsed ? "w-16" : "w-60",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("nav", { className: "flex-1 overflow-y-auto py-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "flex flex-col gap-1 px-2", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "a",
+            {
+              href: item.href,
+              className: (0, import_ui_utils12.cn)(
+                "relative flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150",
+                item.active ? styles.active : styles.inactive
+              ),
+              title: collapsed ? item.label : void 0,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(item.icon, { size: 17, className: "shrink-0" }),
+                !collapsed && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "truncate", children: item.label })
+              ]
+            }
+          ) }, item.href)) }) }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "div",
+            {
+              className: (0, import_ui_utils12.cn)(
+                "border-t px-2 py-4",
+                styles.divider,
+                collapsed && "flex justify-center"
+              ),
+              children: footer
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Sidebar.displayName = "Sidebar";
+
+// src/components/pagination.tsx
+var import_react14 = require("react");
+var import_lucide_react6 = require("lucide-react");
+var import_ui_utils13 = require("@ug666/ui-utils");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var MAX_VISIBLE_PAGES = 5;
+function getPageNumbers(page, totalPages) {
+  if (totalPages <= MAX_VISIBLE_PAGES) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+  const half = Math.floor(MAX_VISIBLE_PAGES / 2);
+  let start = Math.max(1, page - half);
+  const end = Math.min(totalPages, start + MAX_VISIBLE_PAGES - 1);
+  if (end - start < MAX_VISIBLE_PAGES - 1) {
+    start = Math.max(1, end - MAX_VISIBLE_PAGES + 1);
+  }
+  const pages = [];
+  if (start > 1) {
+    pages.push(1);
+    if (start > 2) pages.push("...");
+  }
+  for (let i = start; i <= end; i++) pages.push(i);
+  if (end < totalPages) {
+    if (end < totalPages - 1) pages.push("...");
+    pages.push(totalPages);
+  }
+  return pages;
+}
+var Pagination = (0, import_react14.forwardRef)(({ page, totalPages, onPageChange, className }, ref) => {
+  const pageNumbers = getPageNumbers(page, totalPages);
+  const btnBase = "inline-flex h-8 min-w-8 items-center justify-center rounded-md px-2 text-sm transition-colors disabled:pointer-events-none disabled:opacity-40";
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { ref, className: (0, import_ui_utils13.cn)("flex items-center gap-1", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "button",
+      {
+        type: "button",
+        className: (0, import_ui_utils13.cn)(btnBase, "border border-border-strong bg-surface-1 text-text-primary hover:bg-surface-3"),
+        disabled: page <= 1,
+        onClick: () => onPageChange(page - 1),
+        "aria-label": "\u4E0A\u4E00\u9875",
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.ChevronLeft, { size: 16 })
+      }
+    ),
+    pageNumbers.map(
+      (p, idx) => p === "..." ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "px-1 text-text-tertiary select-none", children: "\u2026" }, `ellipsis-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "button",
+        {
+          type: "button",
+          className: (0, import_ui_utils13.cn)(
+            btnBase,
+            p === page ? "bg-primary text-primary-fg" : "border border-border-strong bg-surface-1 text-text-primary hover:bg-surface-3"
+          ),
+          onClick: () => onPageChange(p),
+          "aria-current": p === page ? "page" : void 0,
+          children: p
+        },
+        p
+      )
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "button",
+      {
+        type: "button",
+        className: (0, import_ui_utils13.cn)(btnBase, "border border-border-strong bg-surface-1 text-text-primary hover:bg-surface-3"),
+        disabled: page >= totalPages,
+        onClick: () => onPageChange(page + 1),
+        "aria-label": "\u4E0B\u4E00\u9875",
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.ChevronRight, { size: 16 })
+      }
+    )
+  ] });
+});
+Pagination.displayName = "Pagination";
+
+// src/components/select.tsx
+var import_react15 = require("react");
+var import_ui_utils14 = require("@ug666/ui-utils");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Select = (0, import_react15.forwardRef)(
+  ({ className, label, error, helperText, options, placeholder, id, ...props }, ref) => {
+    const generatedId = (0, import_react15.useId)();
+    const selectId = id ?? generatedId;
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { htmlFor: selectId, className: "text-sm font-medium text-text-primary", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        "select",
+        {
+          ref,
+          id: selectId,
+          className: (0, import_ui_utils14.cn)(
+            "flex h-9 w-full rounded-md border bg-surface-1 px-3 py-1.5 text-sm text-text-primary",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-1",
+            "disabled:cursor-not-allowed disabled:opacity-50",
+            error ? "border-red-400 focus-visible:ring-red-400" : "border-border-strong focus-visible:ring-ring/30",
+            className
+          ),
+          ...props,
+          children: [
+            placeholder && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", disabled: true, children: placeholder }),
+            options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
+          ]
+        }
+      ),
+      error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs text-danger", children: error }),
+      !error && helperText && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs text-text-secondary", children: helperText })
+    ] });
+  }
+);
+Select.displayName = "Select";
+
+// src/components/spinner.tsx
+var import_react16 = require("react");
+var import_lucide_react7 = require("lucide-react");
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_ui_utils15 = require("@ug666/ui-utils");
+var import_jsx_runtime15 = 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_react16.forwardRef)(({ className, size, label = "\u52A0\u8F7D\u4E2D", ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_lucide_react7.Loader2,
+    {
+      ref,
+      className: (0, import_ui_utils15.cn)(spinnerVariants({ size }), className),
+      "aria-label": label,
+      role: "status",
+      ...props
+    }
+  );
+});
+Spinner.displayName = "Spinner";
+
+// src/components/checkbox.tsx
+var import_react17 = require("react");
+var import_lucide_react8 = require("lucide-react");
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_ui_utils16 = require("@ug666/ui-utils");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var checkboxVariants = (0, import_class_variance_authority5.cva)(
+  "peer inline-flex shrink-0 items-center justify-center rounded border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      size: {
+        sm: "h-3.5 w-3.5",
+        default: "h-4 w-4",
+        lg: "h-5 w-5"
+      },
+      state: {
+        unchecked: "border-border-strong bg-surface-1 hover:border-border-strong",
+        checked: "border-primary bg-primary text-primary-fg focus-visible:ring-ring",
+        indeterminate: "border-primary bg-primary text-primary-fg focus-visible:ring-ring"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      state: "unchecked"
+    }
+  }
+);
+var Checkbox = (0, import_react17.forwardRef)(
+  ({
+    className,
+    size,
+    checked,
+    indeterminate = false,
+    disabled,
+    label,
+    labelClassName,
+    onCheckedChange,
+    id,
+    ...props
+  }, ref) => {
+    const innerRef = (0, import_react17.useRef)(null);
+    (0, import_react17.useEffect)(() => {
+      if (innerRef.current) {
+        innerRef.current.indeterminate = indeterminate;
+      }
+    }, [indeterminate]);
+    const state = indeterminate ? "indeterminate" : checked ? "checked" : "unchecked";
+    const iconSize = size === "sm" ? 10 : size === "lg" ? 14 : 12;
+    const control = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "relative inline-flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "input",
+        {
+          ref: (node) => {
+            innerRef.current = node;
+            if (typeof ref === "function") ref(node);
+            else if (ref) ref.current = node;
+          },
+          id,
+          type: "checkbox",
+          className: "peer sr-only",
+          checked: checked ?? false,
+          disabled,
+          onChange: (e) => onCheckedChange?.(e.target.checked),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_ui_utils16.cn)(checkboxVariants({ size, state }), className),
+          children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.Minus, { size: iconSize }) : checked ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.Check, { size: iconSize }) : null
+        }
+      )
+    ] });
+    if (label === void 0 || label === null) return control;
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "label",
+      {
+        htmlFor: id,
+        className: (0, import_ui_utils16.cn)(
+          "inline-flex cursor-pointer items-center gap-2 text-sm text-text-primary select-none",
+          disabled && "cursor-not-allowed opacity-60",
+          labelClassName
+        ),
+        children: [
+          control,
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/components/radio.tsx
+var import_react18 = require("react");
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_ui_utils17 = require("@ug666/ui-utils");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var RadioGroupContext = (0, import_react18.createContext)(null);
+function useRadioGroupContext() {
+  return (0, import_react18.useContext)(RadioGroupContext);
+}
+var radioVariants = (0, import_class_variance_authority6.cva)(
+  "relative inline-flex shrink-0 items-center justify-center rounded-full border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      size: {
+        sm: "h-3.5 w-3.5",
+        default: "h-4 w-4",
+        lg: "h-5 w-5"
+      },
+      checked: {
+        true: "border-primary bg-primary focus-visible:ring-ring",
+        false: "border-border-strong bg-surface-1 hover:border-border-strong"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      checked: false
+    }
+  }
+);
+var Radio = (0, import_react18.forwardRef)(
+  ({
+    className,
+    size,
+    value,
+    checked: checkedProp,
+    disabled: disabledProp,
+    label,
+    name: nameProp,
+    onChange,
+    id,
+    ...props
+  }, ref) => {
+    const group = useRadioGroupContext();
+    const generatedId = (0, import_react18.useId)();
+    const inputId = id ?? generatedId;
+    const isChecked = group ? group.value === value : checkedProp ?? false;
+    const isDisabled = group ? group.disabled || (disabledProp ?? false) : disabledProp ?? false;
+    const inputName = group ? group.name : nameProp;
+    function handleChange() {
+      if (group) {
+        group.onValueChange(value);
+      } else {
+        onChange?.(value);
+      }
+    }
+    const dotSize = size === "sm" ? "h-1.5 w-1.5" : size === "lg" ? "h-2.5 w-2.5" : "h-2 w-2";
+    const control = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "relative inline-flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "input",
+        {
+          ref,
+          id: inputId,
+          type: "radio",
+          className: "peer sr-only",
+          value,
+          checked: isChecked,
+          disabled: isDisabled,
+          name: inputName,
+          onChange: handleChange,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: (0, import_ui_utils17.cn)(radioVariants({ size, checked: isChecked }), className),
+          children: isChecked && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: (0, import_ui_utils17.cn)("rounded-full bg-white", dotSize) })
+        }
+      )
+    ] });
+    if (label === void 0 || label === null) return control;
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      "label",
+      {
+        htmlFor: inputId,
+        className: (0, import_ui_utils17.cn)(
+          "inline-flex cursor-pointer items-center gap-2 text-sm text-text-primary select-none",
+          isDisabled && "cursor-not-allowed opacity-60"
+        ),
+        children: [
+          control,
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+Radio.displayName = "Radio";
+var RadioGroup = (0, import_react18.forwardRef)(
+  ({
+    className,
+    value: valueProp,
+    defaultValue,
+    onValueChange,
+    disabled = false,
+    name,
+    orientation = "vertical",
+    children,
+    ...props
+  }, ref) => {
+    const [uncontrolledValue, setUncontrolledValue] = (0, import_react18.useState)(defaultValue);
+    const isControlled = valueProp !== void 0;
+    const currentValue = isControlled ? valueProp : uncontrolledValue;
+    function handleValueChange(newValue) {
+      if (!isControlled) {
+        setUncontrolledValue(newValue);
+      }
+      onValueChange?.(newValue);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      RadioGroupContext.Provider,
+      {
+        value: {
+          value: currentValue,
+          onValueChange: handleValueChange,
+          name,
+          disabled
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "div",
+          {
+            ref,
+            role: "radiogroup",
+            className: (0, import_ui_utils17.cn)(
+              "flex",
+              orientation === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4",
+              className
+            ),
+            ...props,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+
+// src/components/slider.tsx
+var import_react19 = require("react");
+var import_ui_utils18 = require("@ug666/ui-utils");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Slider = (0, import_react19.forwardRef)(
+  ({
+    className,
+    value: valueProp,
+    defaultValue = 0,
+    min = 0,
+    max = 100,
+    step = 1,
+    disabled = false,
+    showValue = false,
+    onValueChange,
+    ...props
+  }, ref) => {
+    const isControlled = valueProp !== void 0;
+    const [uncontrolledValue, setUncontrolledValue] = (0, import_react19.useState)(defaultValue);
+    const currentValue = isControlled ? valueProp : uncontrolledValue;
+    const fillPercent = max === min ? 0 : (currentValue - min) / (max - min) * 100;
+    function handleChange(e) {
+      const newValue = Number(e.target.value);
+      if (!isControlled) {
+        setUncontrolledValue(newValue);
+      }
+      onValueChange?.(newValue);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: (0, import_ui_utils18.cn)("flex flex-col gap-1", className), children: [
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "self-start text-xs font-medium text-text-primary", children: currentValue }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative flex h-5 w-full items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "pointer-events-none absolute h-1.5 w-full overflow-hidden rounded-full bg-surface-3", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          "div",
+          {
+            className: "h-full rounded-full bg-primary transition-all",
+            style: { width: `${fillPercent}%` }
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          "input",
+          {
+            ref,
+            type: "range",
+            min,
+            max,
+            step,
+            value: currentValue,
+            disabled,
+            onChange: handleChange,
+            className: (0, import_ui_utils18.cn)(
+              "relative h-5 w-full cursor-pointer appearance-none bg-transparent",
+              // thumb 样式
+              "[&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-border-strong [&::-webkit-slider-thumb]:bg-surface-1 [&::-webkit-slider-thumb]:shadow-sm [&::-webkit-slider-thumb]:transition-transform [&::-webkit-slider-thumb]:hover:scale-110",
+              "[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-border-strong [&::-moz-range-thumb]:bg-surface-1 [&::-moz-range-thumb]:shadow-sm",
+              // track 透明（用自定义 div 代替）
+              "[&::-webkit-slider-runnable-track]:bg-transparent",
+              "[&::-moz-range-track]:bg-transparent",
+              // focus
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              // disabled
+              "disabled:cursor-not-allowed disabled:opacity-50"
+            ),
+            ...props
+          }
+        )
+      ] })
+    ] });
+  }
+);
+Slider.displayName = "Slider";
+
+// src/components/number-input.tsx
+var import_react20 = require("react");
+var import_lucide_react9 = require("lucide-react");
+var import_class_variance_authority7 = require("class-variance-authority");
+var import_ui_utils19 = require("@ug666/ui-utils");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var numberInputVariants = (0, import_class_variance_authority7.cva)(
+  "inline-flex items-center rounded-md border border-border-strong bg-surface-1 transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1 has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50",
+  {
+    variants: {
+      size: {
+        sm: "h-8 text-xs",
+        default: "h-9 text-sm",
+        lg: "h-11 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var NumberInput = (0, import_react20.forwardRef)(
+  ({
+    className,
+    size,
+    value: valueProp,
+    defaultValue = 0,
+    min,
+    max,
+    step = 1,
+    precision = 0,
+    disabled = false,
+    placeholder,
+    onValueChange,
+    ...props
+  }, ref) => {
+    const isControlled = valueProp !== void 0;
+    const [uncontrolledValue, setUncontrolledValue] = (0, import_react20.useState)(defaultValue);
+    const currentValue = isControlled ? valueProp : uncontrolledValue;
+    function clamp(val) {
+      let result = val;
+      if (min !== void 0) result = Math.max(min, result);
+      if (max !== void 0) result = Math.min(max, result);
+      return result;
+    }
+    function format(val) {
+      return val.toFixed(precision);
+    }
+    function commit(newVal) {
+      const clamped = clamp(Number(newVal.toFixed(precision)));
+      if (!isControlled) {
+        setUncontrolledValue(clamped);
+      }
+      onValueChange?.(clamped);
+    }
+    function handleDecrement() {
+      commit(currentValue - step);
+    }
+    function handleIncrement() {
+      commit(currentValue + step);
+    }
+    function handleInputChange(e) {
+      const parsed = parseFloat(e.target.value);
+      if (!Number.isNaN(parsed)) {
+        commit(parsed);
+      }
+    }
+    function handleBlur(e) {
+      const parsed = parseFloat(e.target.value);
+      if (!Number.isNaN(parsed)) {
+        commit(parsed);
+      } else {
+        if (!isControlled) {
+          setUncontrolledValue(uncontrolledValue);
+        }
+      }
+    }
+    const atMin = min !== void 0 && currentValue <= min;
+    const atMax = max !== void 0 && currentValue >= max;
+    const btnBase = "inline-flex shrink-0 items-center justify-center text-text-secondary transition-colors hover:bg-surface-3 hover:text-text-primary disabled:pointer-events-none disabled:opacity-40";
+    const btnSizeCls = size === "sm" ? "h-8 w-7" : size === "lg" ? "h-11 w-9" : "h-9 w-8";
+    const iconSize = size === "sm" ? 12 : size === "lg" ? 16 : 14;
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: (0, import_ui_utils19.cn)(numberInputVariants({ size }), className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        "button",
+        {
+          type: "button",
+          "aria-label": "\u51CF\u5C11\u6570\u503C",
+          disabled: disabled || atMin,
+          onClick: handleDecrement,
+          className: (0, import_ui_utils19.cn)(btnBase, btnSizeCls, "rounded-l-md border-r border-border-base"),
+          tabIndex: -1,
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Minus, { size: iconSize })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        "input",
+        {
+          ref,
+          type: "number",
+          className: (0, import_ui_utils19.cn)(
+            "min-w-0 flex-1 bg-transparent text-center text-text-primary outline-none",
+            "placeholder:text-text-tertiary",
+            // 隐藏原生 spinner
+            "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+          ),
+          value: format(currentValue),
+          disabled,
+          placeholder,
+          min,
+          max,
+          step,
+          onChange: handleInputChange,
+          onBlur: handleBlur,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        "button",
+        {
+          type: "button",
+          "aria-label": "\u589E\u52A0\u6570\u503C",
+          disabled: disabled || atMax,
+          onClick: handleIncrement,
+          className: (0, import_ui_utils19.cn)(btnBase, btnSizeCls, "rounded-r-md border-l border-border-base"),
+          tabIndex: -1,
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Plus, { size: iconSize })
+        }
+      )
+    ] });
+  }
+);
+NumberInput.displayName = "NumberInput";
+
+// src/components/otp-input.tsx
+var import_react21 = require("react");
+var import_ui_utils20 = require("@ug666/ui-utils");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var OTPInput = (0, import_react21.forwardRef)(
+  ({
+    value,
+    onValueChange,
+    length = 6,
+    disabled = false,
+    onComplete,
+    className
+  }, ref) => {
+    const inputRefs = (0, import_react21.useRef)([]);
+    const focusAt = (0, import_react21.useCallback)((index) => {
+      const el = inputRefs.current[index];
+      if (el) {
+        el.focus();
+        el.setSelectionRange(el.value.length, el.value.length);
+      }
+    }, []);
+    const updateValueAt = (0, import_react21.useCallback)(
+      (index, char) => {
+        const chars = value.padEnd(length, "").split("").slice(0, length);
+        chars[index] = char;
+        const next = chars.join("");
+        onValueChange(next);
+        if (char && next.replace(/\s/g, "").length === length && !next.includes(" ")) {
+          onComplete?.(next);
+        }
+      },
+      [value, length, onValueChange, onComplete]
+    );
+    const handleChange = (0, import_react21.useCallback)(
+      (index, e) => {
+        const raw = e.target.value;
+        const digit = raw.replace(/\D/g, "").slice(-1);
+        updateValueAt(index, digit);
+        if (digit && index < length - 1) {
+          focusAt(index + 1);
+        }
+      },
+      [length, updateValueAt, focusAt]
+    );
+    const handleKeyDown = (0, import_react21.useCallback)(
+      (index, e) => {
+        if (e.key === "ArrowLeft") {
+          e.preventDefault();
+          if (index > 0) focusAt(index - 1);
+        } else if (e.key === "ArrowRight") {
+          e.preventDefault();
+          if (index < length - 1) focusAt(index + 1);
+        } else if (e.key === "Backspace") {
+          e.preventDefault();
+          const current = value[index] ?? "";
+          if (current) {
+            updateValueAt(index, "");
+          } else if (index > 0) {
+            updateValueAt(index - 1, "");
+            focusAt(index - 1);
+          }
+        }
+      },
+      [value, length, focusAt, updateValueAt]
+    );
+    const handlePaste = (0, import_react21.useCallback)(
+      (e) => {
+        e.preventDefault();
+        const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, length);
+        if (!pasted) return;
+        const chars = pasted.padEnd(length, "").split("").slice(0, length);
+        const next = chars.join("");
+        onValueChange(next);
+        const nextFocus = Math.min(pasted.length, length - 1);
+        focusAt(nextFocus);
+        if (pasted.length === length) {
+          onComplete?.(next);
+        }
+      },
+      [length, onValueChange, onComplete, focusAt]
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_ui_utils20.cn)("flex items-center gap-2", className),
+        role: "group",
+        "aria-label": "\u9A8C\u8BC1\u7801\u8F93\u5165",
+        children: Array.from({ length }, (_, i) => {
+          const char = value[i] ?? "";
+          const isFocused = false;
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "input",
+            {
+              ref: (el) => {
+                inputRefs.current[i] = el;
+              },
+              type: "text",
+              inputMode: "numeric",
+              pattern: "[0-9]",
+              maxLength: 1,
+              value: char,
+              disabled,
+              "aria-label": `\u9A8C\u8BC1\u7801\u7B2C ${i + 1} \u4F4D`,
+              className: (0, import_ui_utils20.cn)(
+                "h-10 w-10 rounded-md border text-center text-sm font-medium text-text-primary transition-colors",
+                "outline-none focus:border-primary focus:ring-2 focus:ring-ring/20",
+                "disabled:cursor-not-allowed disabled:opacity-50",
+                char ? "border-border-strong" : "border-border-base"
+              ),
+              onChange: (e) => handleChange(i, e),
+              onKeyDown: (e) => handleKeyDown(i, e),
+              onPaste: handlePaste,
+              onClick: (e) => e.target.select()
+            },
+            i
+          );
+        })
+      }
+    );
+  }
+);
+OTPInput.displayName = "OTPInput";
+
+// src/components/form.tsx
+var import_react22 = require("react");
+var import_ui_utils21 = require("@ug666/ui-utils");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var FormFieldContext = (0, import_react22.createContext)(null);
+function useFormFieldContext() {
+  const ctx = (0, import_react22.useContext)(FormFieldContext);
+  if (!ctx) {
+    throw new Error("FormField \u5B50\u7EC4\u4EF6\u5FC5\u987B\u5728 <FormField> \u5185\u4F7F\u7528");
+  }
+  return ctx;
+}
+var Form = (0, import_react22.forwardRef)(
+  ({ className, onSubmit, children, ...props }, ref) => {
+    function handleSubmit(event) {
+      event.preventDefault();
+      onSubmit?.(event);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "form",
+      {
+        ref,
+        className: (0, import_ui_utils21.cn)(className),
+        onSubmit: handleSubmit,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Form.displayName = "Form";
+var FormField = (0, import_react22.forwardRef)(
+  ({ name, error, className, children, ...props }, ref) => {
+    const generatedId = (0, import_react22.useId)();
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormFieldContext.Provider, { value: { name, error, id: generatedId }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref, className: (0, import_ui_utils21.cn)(className), ...props, children }) });
+  }
+);
+FormField.displayName = "FormField";
+var FormItem = (0, import_react22.forwardRef)(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_ui_utils21.cn)("flex flex-col gap-1.5", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+FormItem.displayName = "FormItem";
+var FormLabel = (0, import_react22.forwardRef)(
+  ({ className, required, children, htmlFor, ...props }, ref) => {
+    const ctx = useFormFieldContext();
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      Label,
+      {
+        ref,
+        htmlFor: htmlFor ?? ctx.id,
+        required,
+        className: (0, import_ui_utils21.cn)(className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+FormLabel.displayName = "FormLabel";
+function FormControl({ children }) {
+  const ctx = useFormFieldContext();
+  const descriptionId = `${ctx.id}-description`;
+  const messageId = `${ctx.id}-message`;
+  return (0, import_react22.cloneElement)(children, {
+    id: ctx.id,
+    "aria-describedby": ctx.error ? `${descriptionId} ${messageId}` : descriptionId,
+    "aria-invalid": ctx.error ? true : void 0
+  });
+}
+FormControl.displayName = "FormControl";
+var FormDescription = (0, import_react22.forwardRef)(
+  ({ className, children, ...props }, ref) => {
+    const ctx = useFormFieldContext();
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "p",
+      {
+        ref,
+        id: `${ctx.id}-description`,
+        className: (0, import_ui_utils21.cn)("text-xs text-text-secondary", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+FormDescription.displayName = "FormDescription";
+var FormMessage = (0, import_react22.forwardRef)(
+  ({ className, children, ...props }, ref) => {
+    const ctx = useFormFieldContext();
+    const message = ctx.error ?? (typeof children === "string" ? children : void 0);
+    if (!message) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "p",
+      {
+        ref,
+        id: `${ctx.id}-message`,
+        className: (0, import_ui_utils21.cn)("text-xs text-danger-soft-fg", className),
+        role: "alert",
+        ...props,
+        children: message
+      }
+    );
+  }
+);
+FormMessage.displayName = "FormMessage";
+
+// src/components/tabs.tsx
+var import_react23 = require("react");
+var import_ui_utils22 = require("@ug666/ui-utils");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var TabsContext = (0, import_react23.createContext)(null);
+function useTabsContext() {
+  const ctx = (0, import_react23.useContext)(TabsContext);
+  if (!ctx) throw new Error("Tabs \u5B50\u7EC4\u4EF6\u5FC5\u987B\u5728 <Tabs> \u5185\u4F7F\u7528");
+  return ctx;
+}
+var Tabs = (0, import_react23.forwardRef)(({ value, onValueChange, children, className }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TabsContext.Provider, { value: { value, onValueChange }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref, className: (0, import_ui_utils22.cn)("w-full", className), children }) });
+});
+var TabsList = (0, import_react23.forwardRef)(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "div",
+    {
+      ref,
+      role: "tablist",
+      className: (0, import_ui_utils22.cn)("inline-flex w-full items-center gap-0 border-b border-border-base", className),
+      ...props,
+      children
+    }
+  );
+});
+var TabsTrigger = (0, import_react23.forwardRef)(({ value, className, children, ...props }, ref) => {
+  const { value: activeValue, onValueChange } = useTabsContext();
+  const isActive = activeValue === value;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "button",
+    {
+      ref,
+      type: "button",
+      role: "tab",
+      "aria-selected": isActive,
+      tabIndex: isActive ? 0 : -1,
+      onClick: () => onValueChange(value),
+      className: (0, import_ui_utils22.cn)(
+        "relative px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:ring-offset-1",
+        "after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:transition-colors",
+        isActive ? "text-text-primary after:bg-primary" : "text-text-secondary hover:text-text-primary after:bg-transparent",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+var TabsContent = (0, import_react23.forwardRef)(({ value, className, children, ...props }, ref) => {
+  const { value: activeValue } = useTabsContext();
+  if (activeValue !== value) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "div",
+    {
+      ref,
+      role: "tabpanel",
+      tabIndex: 0,
+      className: (0, import_ui_utils22.cn)("mt-4 focus-visible:outline-none", className),
+      ...props,
+      children
+    }
+  );
+});
+Tabs.displayName = "Tabs";
+TabsList.displayName = "TabsList";
+TabsTrigger.displayName = "TabsTrigger";
+TabsContent.displayName = "TabsContent";
+
+// src/components/accordion.tsx
+var import_react24 = require("react");
+var import_lucide_react10 = require("lucide-react");
+var import_ui_utils23 = require("@ug666/ui-utils");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var AccordionContext = (0, import_react24.createContext)(null);
+var AccordionItemContext = (0, import_react24.createContext)(null);
+function useAccordionContext() {
+  const ctx = (0, import_react24.useContext)(AccordionContext);
+  if (!ctx) throw new Error("Accordion \u5B50\u7EC4\u4EF6\u5FC5\u987B\u5728 <Accordion> \u5185\u4F7F\u7528");
+  return ctx;
+}
+function useAccordionItemContext() {
+  const ctx = (0, import_react24.useContext)(AccordionItemContext);
+  if (!ctx) throw new Error("AccordionTrigger/AccordionContent \u5FC5\u987B\u5728 <AccordionItem> \u5185\u4F7F\u7528");
+  return ctx;
+}
+var Accordion = (0, import_react24.forwardRef)(
+  (props, ref) => {
+    const { type, children, className, ...rest } = props;
+    const isSingle = type === "single";
+    const singleProps = isSingle ? props : null;
+    const multiProps = !isSingle ? props : null;
+    const [internalSingle, setInternalSingle] = (0, import_react24.useState)(singleProps?.defaultValue ?? "");
+    const [internalMulti, setInternalMulti] = (0, import_react24.useState)(multiProps?.defaultValue ?? []);
+    const isControlledSingle = isSingle && singleProps?.value !== void 0;
+    const isControlledMulti = !isSingle && multiProps?.value !== void 0;
+    const value = isSingle ? isControlledSingle ? singleProps.value ?? "" : internalSingle : isControlledMulti ? multiProps.value ?? [] : internalMulti;
+    const collapsible = isSingle ? singleProps?.collapsible ?? false : false;
+    function handleValueChange(itemValue) {
+      if (isSingle) {
+        const current = value;
+        const next = current === itemValue && collapsible ? "" : itemValue;
+        if (!isControlledSingle) setInternalSingle(next);
+        singleProps?.onValueChange?.(next);
+      } else {
+        const current = value;
+        const next = current.includes(itemValue) ? current.filter((v) => v !== itemValue) : [...current, itemValue];
+        if (!isControlledMulti) setInternalMulti(next);
+        multiProps?.onValueChange?.(next);
+      }
+    }
+    const { defaultValue: _dv, onValueChange: _ov, collapsible: _col, ...domRest } = rest;
+    void _dv;
+    void _ov;
+    void _col;
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AccordionContext.Provider, { value: { type, value, onValueChange: handleValueChange, collapsible }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { ref, className: (0, import_ui_utils23.cn)("w-full divide-y divide-border-base rounded-md border border-border-base", className), ...domRest, children }) });
+  }
+);
+Accordion.displayName = "Accordion";
+var AccordionItem = (0, import_react24.forwardRef)(({ value, className, children, ...props }, ref) => {
+  const { value: activeValue, type } = useAccordionContext();
+  const isOpen = type === "single" ? activeValue === value : activeValue.includes(value);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AccordionItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { ref, className: (0, import_ui_utils23.cn)("", className), ...props, children }) });
+});
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = (0, import_react24.forwardRef)(({ className, children, ...props }, ref) => {
+  const { onValueChange } = useAccordionContext();
+  const { value, isOpen } = useAccordionItemContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-expanded": isOpen,
+      onClick: () => onValueChange(value),
+      className: (0, import_ui_utils23.cn)(
+        "flex w-full items-center justify-between px-4 py-3 text-left text-sm font-medium text-text-primary transition-colors hover:bg-surface-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:ring-inset",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_lucide_react10.ChevronDown,
+          {
+            size: 16,
+            className: (0, import_ui_utils23.cn)("shrink-0 text-text-secondary transition-transform duration-200", isOpen && "rotate-180")
+          }
+        )
+      ]
+    }
+  );
+});
+AccordionTrigger.displayName = "AccordionTrigger";
+var AccordionContent = (0, import_react24.forwardRef)(({ className, children, ...props }, ref) => {
+  const { isOpen } = useAccordionItemContext();
+  if (!isOpen) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_ui_utils23.cn)("px-4 pb-4 pt-1 text-sm text-text-secondary", className),
+      ...props,
+      children
+    }
+  );
+});
+AccordionContent.displayName = "AccordionContent";
+
+// src/components/steps.tsx
+var import_react25 = require("react");
+var import_lucide_react11 = require("lucide-react");
+var import_ui_utils24 = require("@ug666/ui-utils");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var Steps = (0, import_react25.forwardRef)(
+  ({ current, items, direction = "horizontal", status = "process", className, ...props }, ref) => {
+    const isHorizontal = direction === "horizontal";
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_ui_utils24.cn)(
+          isHorizontal ? "flex items-start" : "flex flex-col",
+          className
+        ),
+        ...props,
+        children: items.map((item, index) => {
+          const isFinished = index < current || index === current && status === "finish";
+          const isCurrent = index === current && status !== "finish";
+          const isError = index === current && status === "error";
+          const isLast = index === items.length - 1;
+          return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+            "div",
+            {
+              className: (0, import_ui_utils24.cn)(
+                isHorizontal ? "flex flex-1 items-start" : "flex items-start"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: (0, import_ui_utils24.cn)("flex", isHorizontal ? "flex-col items-center" : "items-start"), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                    "div",
+                    {
+                      className: (0, import_ui_utils24.cn)(
+                        "flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-colors",
+                        isFinished && "border-primary bg-primary text-primary-fg",
+                        isCurrent && !isError && "border-primary bg-surface-1 text-text-primary",
+                        isError && "border-red-500 bg-surface-1 text-red-500",
+                        !isFinished && !isCurrent && !isError && "border-border-strong bg-surface-1 text-text-tertiary"
+                      ),
+                      children: isFinished ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.Check, { size: 16, strokeWidth: 2.5 }) : item.icon ?? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: index + 1 })
+                    }
+                  ),
+                  !isLast && !isHorizontal && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                    "div",
+                    {
+                      className: (0, import_ui_utils24.cn)(
+                        "ml-[15px] mt-1 w-0.5 flex-1 self-stretch",
+                        isFinished ? "bg-primary" : "bg-border-base"
+                      ),
+                      style: { minHeight: "24px" }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+                  "div",
+                  {
+                    className: (0, import_ui_utils24.cn)(
+                      isHorizontal ? "mt-2 text-center" : "ml-3 pb-6",
+                      isLast && !isHorizontal && "pb-0"
+                    ),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                        "p",
+                        {
+                          className: (0, import_ui_utils24.cn)(
+                            "text-sm font-medium",
+                            isFinished && "text-text-primary",
+                            isCurrent && !isError && "text-text-primary",
+                            isError && "text-red-500",
+                            !isFinished && !isCurrent && !isError && "text-text-tertiary"
+                          ),
+                          children: item.title
+                        }
+                      ),
+                      item.description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                        "p",
+                        {
+                          className: (0, import_ui_utils24.cn)(
+                            "mt-0.5 text-xs",
+                            isError ? "text-red-400" : "text-text-secondary"
+                          ),
+                          children: item.description
+                        }
+                      )
+                    ]
+                  }
+                ),
+                !isLast && isHorizontal && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                  "div",
+                  {
+                    className: (0, import_ui_utils24.cn)(
+                      "mx-2 mt-4 h-0.5 flex-1",
+                      isFinished ? "bg-primary" : "bg-border-base"
+                    )
+                  }
+                )
+              ]
+            },
+            index
+          );
+        })
+      }
+    );
+  }
+);
+Steps.displayName = "Steps";
+
+// src/components/dropdown.tsx
+var import_react26 = require("react");
+var import_react_dom5 = require("react-dom");
+var import_ui_utils25 = require("@ug666/ui-utils");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var DropdownContext = (0, import_react26.createContext)(null);
+function assignRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  if (ref) {
+    ref.current = value;
+  }
+}
+function useDropdownContext() {
+  const ctx = (0, import_react26.useContext)(DropdownContext);
+  if (!ctx) throw new Error("Dropdown \u5B50\u7EC4\u4EF6\u5FC5\u987B\u5728 <DropdownMenu> \u5185\u4F7F\u7528");
+  return ctx;
+}
+var DropdownMenu = (0, import_react26.forwardRef)(({ children, className }, ref) => {
+  const [open, setOpen] = (0, import_react26.useState)(false);
+  const triggerRef = (0, import_react26.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownContext.Provider, { value: { open, setOpen, triggerRef }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref, className: (0, import_ui_utils25.cn)("relative inline-block", className), children }) });
+});
+var DropdownTrigger = (0, import_react26.forwardRef)(({ children, className }, ref) => {
+  const { setOpen, open, triggerRef } = useDropdownContext();
+  const handleRef = (0, import_react26.useCallback)(
+    (node) => {
+      triggerRef.current = node;
+      assignRef(ref, node);
+    },
+    [ref, triggerRef]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    {
+      ref: handleRef,
+      className: (0, import_ui_utils25.cn)("inline-flex", className),
+      onClick: () => setOpen(!open),
+      children
+    }
+  );
+});
+var DropdownContent = (0, import_react26.forwardRef)(({ children, className, align = "start" }, ref) => {
+  const { open, setOpen, triggerRef } = useDropdownContext();
+  const contentRef = (0, import_react26.useRef)(null);
+  const [position, setPosition] = (0, import_react26.useState)({ top: 0, left: 0 });
+  const handleRef = (0, import_react26.useCallback)(
+    (node) => {
+      contentRef.current = node;
+      assignRef(ref, node);
+    },
+    [ref]
+  );
+  const updatePosition = (0, import_react26.useCallback)(() => {
+    if (!triggerRef.current) return;
+    const rect = triggerRef.current.getBoundingClientRect();
+    const top = rect.bottom + window.scrollY + 4;
+    const left = align === "end" ? rect.right + window.scrollX - (contentRef.current?.offsetWidth ?? 0) : rect.left + window.scrollX;
+    setPosition({ top, left });
+  }, [align, triggerRef]);
+  (0, import_react26.useEffect)(() => {
+    if (!open) return;
+    updatePosition();
+  }, [open, updatePosition]);
+  (0, import_react26.useEffect)(() => {
+    if (!open) return;
+    function handleClickOutside(e) {
+      if (contentRef.current && !contentRef.current.contains(e.target) && triggerRef.current && !triggerRef.current.contains(e.target)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [open, setOpen, triggerRef]);
+  if (!open) return null;
+  return (0, import_react_dom5.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "div",
+      {
+        ref: handleRef,
+        style: { top: position.top, left: position.left },
+        className: (0, import_ui_utils25.cn)(
+          "absolute z-50 min-w-40 rounded-md border border-border-base bg-surface-1 py-1 shadow-lg",
+          className
+        ),
+        children
+      }
+    ),
+    document.body
+  );
+});
+var DropdownItem = (0, import_react26.forwardRef)(({ children, className, destructive = false, onClick, ...props }, ref) => {
+  const { setOpen } = useDropdownContext();
+  function handleClick(e) {
+    setOpen(false);
+    onClick?.(e);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: (0, import_ui_utils25.cn)(
+        "w-full px-3 py-1.5 text-left text-sm transition-colors focus-visible:outline-none focus-visible:bg-surface-3",
+        destructive ? "text-red-600 hover:bg-red-50" : "text-text-primary hover:bg-surface-3",
+        className
+      ),
+      onClick: handleClick,
+      ...props,
+      children
+    }
+  );
+});
+var DropdownSeparator = (0, import_react26.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref, className: (0, import_ui_utils25.cn)("my-1 h-px bg-border-base", className), ...props });
+});
+DropdownMenu.displayName = "DropdownMenu";
+DropdownTrigger.displayName = "DropdownTrigger";
+DropdownContent.displayName = "DropdownContent";
+DropdownItem.displayName = "DropdownItem";
+DropdownSeparator.displayName = "DropdownSeparator";
+
+// src/components/popover.tsx
+var import_react27 = require("react");
+var import_react_dom6 = require("react-dom");
+var import_ui_utils26 = require("@ug666/ui-utils");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var PopoverContext = (0, import_react27.createContext)(null);
+function usePopoverContext() {
+  const ctx = (0, import_react27.useContext)(PopoverContext);
+  if (!ctx) throw new Error("Popover \u5B50\u7EC4\u4EF6\u5FC5\u987B\u5728 <Popover> \u5185\u4F7F\u7528");
+  return ctx;
+}
+function assignRef2(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  if (ref) {
+    ref.current = value;
+  }
+}
+var Popover = ({ open: controlledOpen, defaultOpen = false, onOpenChange, children }) => {
+  const [internalOpen, setInternalOpen] = (0, import_react27.useState)(defaultOpen);
+  const triggerRef = (0, import_react27.useRef)(null);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  const setOpen = (0, import_react27.useCallback)(
+    (value) => {
+      if (!isControlled) setInternalOpen(value);
+      onOpenChange?.(value);
+    },
+    [isControlled, onOpenChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PopoverContext.Provider, { value: { open, setOpen, triggerRef }, children });
+};
+Popover.displayName = "Popover";
+var PopoverTrigger = (0, import_react27.forwardRef)(({ children, className }, ref) => {
+  const { setOpen, open, triggerRef } = usePopoverContext();
+  const handleRef = (0, import_react27.useCallback)(
+    (node) => {
+      triggerRef.current = node;
+      assignRef2(ref, node);
+    },
+    [ref, triggerRef]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "div",
+    {
+      ref: handleRef,
+      className: (0, import_ui_utils26.cn)("inline-flex", className),
+      onClick: () => setOpen(!open),
+      children
+    }
+  );
+});
+PopoverTrigger.displayName = "PopoverTrigger";
+function calcPosition(triggerRect, contentEl, side, align, sideOffset) {
+  const cw = contentEl.offsetWidth;
+  const ch = contentEl.offsetHeight;
+  let top = 0;
+  let left = 0;
+  if (side === "bottom") {
+    top = triggerRect.bottom + window.scrollY + sideOffset;
+  } else if (side === "top") {
+    top = triggerRect.top + window.scrollY - ch - sideOffset;
+  } else if (side === "left") {
+    top = triggerRect.top + window.scrollY + triggerRect.height / 2 - ch / 2;
+    left = triggerRect.left + window.scrollX - cw - sideOffset;
+    return { top, left };
+  } else {
+    top = triggerRect.top + window.scrollY + triggerRect.height / 2 - ch / 2;
+    left = triggerRect.right + window.scrollX + sideOffset;
+    return { top, left };
+  }
+  if (align === "start") {
+    left = triggerRect.left + window.scrollX;
+  } else if (align === "end") {
+    left = triggerRect.right + window.scrollX - cw;
+  } else {
+    left = triggerRect.left + window.scrollX + triggerRect.width / 2 - cw / 2;
+  }
+  return { top, left };
+}
+var PopoverContent = (0, import_react27.forwardRef)(
+  ({ children, className, side = "bottom", align = "center", sideOffset = 4, ...props }, ref) => {
+    const { open, setOpen, triggerRef } = usePopoverContext();
+    const contentRef = (0, import_react27.useRef)(null);
+    const [pos, setPos] = (0, import_react27.useState)({ top: 0, left: 0 });
+    const handleRef = (0, import_react27.useCallback)(
+      (node) => {
+        contentRef.current = node;
+        assignRef2(ref, node);
+      },
+      [ref]
+    );
+    const updatePos = (0, import_react27.useCallback)(() => {
+      if (!triggerRef.current || !contentRef.current) return;
+      const rect = triggerRef.current.getBoundingClientRect();
+      setPos(calcPosition(rect, contentRef.current, side, align, sideOffset));
+    }, [side, align, sideOffset, triggerRef]);
+    (0, import_react27.useEffect)(() => {
+      if (open) updatePos();
+    }, [open, updatePos]);
+    (0, import_react27.useEffect)(() => {
+      if (!open) return;
+      function handleMouseDown(e) {
+        if (contentRef.current && !contentRef.current.contains(e.target) && triggerRef.current && !triggerRef.current.contains(e.target)) {
+          setOpen(false);
+        }
+      }
+      document.addEventListener("mousedown", handleMouseDown);
+      return () => document.removeEventListener("mousedown", handleMouseDown);
+    }, [open, setOpen, triggerRef]);
+    if (!open) return null;
+    return (0, import_react_dom6.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        "div",
+        {
+          ref: handleRef,
+          style: { top: pos.top, left: pos.left },
+          className: (0, import_ui_utils26.cn)(
+            "absolute z-50 min-w-40 rounded-md border border-border-base bg-surface-1 p-3 shadow-lg",
+            className
+          ),
+          ...props,
+          children
+        }
+      ),
+      document.body
+    );
+  }
+);
+PopoverContent.displayName = "PopoverContent";
+
+// src/components/context-menu.tsx
+var import_react28 = require("react");
+var import_react_dom7 = require("react-dom");
+var import_ui_utils27 = require("@ug666/ui-utils");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var ContextMenuContext = (0, import_react28.createContext)(null);
+function useContextMenuContext() {
+  const ctx = (0, import_react28.useContext)(ContextMenuContext);
+  if (!ctx) throw new Error("ContextMenu \u5B50\u7EC4\u4EF6\u5FC5\u987B\u5728 <ContextMenu> \u5185\u4F7F\u7528");
+  return ctx;
+}
+function assignRef3(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  if (ref) {
+    ref.current = value;
+  }
+}
+var ContextMenu = (0, import_react28.forwardRef)(
+  ({ children, className }, ref) => {
+    const [open, setOpen] = (0, import_react28.useState)(false);
+    const [position, setPosition] = (0, import_react28.useState)({ x: 0, y: 0 });
+    const openAt = (0, import_react28.useCallback)((pos) => {
+      setPosition(pos);
+      setOpen(true);
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ContextMenuContext.Provider, { value: { open, position, setOpen, openAt }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref, className: (0, import_ui_utils27.cn)("relative", className), children }) });
+  }
+);
+var ContextMenuTrigger = (0, import_react28.forwardRef)(
+  ({ children, className, ...props }, ref) => {
+    const { openAt } = useContextMenuContext();
+    function handleContextMenu(e) {
+      e.preventDefault();
+      openAt({ x: e.clientX, y: e.clientY });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_ui_utils27.cn)(className),
+        onContextMenu: handleContextMenu,
+        ...props,
+        children
+      }
+    );
+  }
+);
+var ContextMenuContent = (0, import_react28.forwardRef)(
+  ({ children, className, ...props }, ref) => {
+    const { open, position, setOpen } = useContextMenuContext();
+    const contentRef = (0, import_react28.useRef)(null);
+    const handleRef = (0, import_react28.useCallback)(
+      (node) => {
+        contentRef.current = node;
+        assignRef3(ref, node);
+      },
+      [ref]
+    );
+    (0, import_react28.useEffect)(() => {
+      if (!open) return;
+      function handleMouseDown(e) {
+        if (contentRef.current && !contentRef.current.contains(e.target)) {
+          setOpen(false);
+        }
+      }
+      function handleKeyDown(e) {
+        if (e.key === "Escape") {
+          setOpen(false);
+        }
+      }
+      document.addEventListener("mousedown", handleMouseDown);
+      document.addEventListener("keydown", handleKeyDown);
+      return () => {
+        document.removeEventListener("mousedown", handleMouseDown);
+        document.removeEventListener("keydown", handleKeyDown);
+      };
+    }, [open, setOpen]);
+    if (!open) return null;
+    return (0, import_react_dom7.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        "div",
+        {
+          ref: handleRef,
+          style: { top: position.y, left: position.x },
+          className: (0, import_ui_utils27.cn)(
+            "fixed z-50 min-w-40 rounded-md border border-border-base bg-surface-1 py-1 shadow-lg",
+            className
+          ),
+          ...props,
+          children
+        }
+      ),
+      document.body
+    );
+  }
+);
+var ContextMenuItem = (0, import_react28.forwardRef)(
+  ({ children, className, destructive = false, onClick, ...props }, ref) => {
+    const { setOpen } = useContextMenuContext();
+    function handleClick(e) {
+      setOpen(false);
+      onClick?.(e);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: (0, import_ui_utils27.cn)(
+          "w-full px-3 py-1.5 text-left text-sm transition-colors focus-visible:outline-none focus-visible:bg-surface-3",
+          destructive ? "text-red-600 hover:bg-red-50" : "text-text-primary hover:bg-surface-3",
+          className
+        ),
+        onClick: handleClick,
+        ...props,
+        children
+      }
+    );
+  }
+);
+var ContextMenuSeparator = (0, import_react28.forwardRef)(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref, className: (0, import_ui_utils27.cn)("my-1 h-px bg-border-base", className), ...props });
+  }
+);
+ContextMenu.displayName = "ContextMenu";
+ContextMenuTrigger.displayName = "ContextMenuTrigger";
+ContextMenuContent.displayName = "ContextMenuContent";
+ContextMenuItem.displayName = "ContextMenuItem";
+ContextMenuSeparator.displayName = "ContextMenuSeparator";
+
+// src/components/navigation-menu.tsx
+var import_react29 = require("react");
+var import_lucide_react12 = require("lucide-react");
+var import_ui_utils28 = require("@ug666/ui-utils");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var NavigationMenuContext = (0, import_react29.createContext)(null);
+function useNavigationMenuContext() {
+  const ctx = (0, import_react29.useContext)(NavigationMenuContext);
+  if (!ctx) throw new Error("NavigationMenu \u5B50\u7EC4\u4EF6\u5FC5\u987B\u5728 <NavigationMenu> \u5185\u4F7F\u7528");
+  return ctx;
+}
+var NavigationMenuItemContext = (0, import_react29.createContext)(null);
+function useNavigationMenuItemContext() {
+  const ctx = (0, import_react29.useContext)(NavigationMenuItemContext);
+  if (!ctx) throw new Error("NavigationMenuTrigger/Content \u5FC5\u987B\u5728 <NavigationMenuItem> \u5185\u4F7F\u7528");
+  return ctx;
+}
+var _idCounter = 0;
+var NavigationMenu = (0, import_react29.forwardRef)(
+  ({ className, children, ...props }, ref) => {
+    const [activeItem, setActiveItem] = (0, import_react29.useState)(null);
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(NavigationMenuContext.Provider, { value: { activeItem, setActiveItem }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      "nav",
+      {
+        ref,
+        className: (0, import_ui_utils28.cn)("relative flex items-center gap-1", className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+var NavigationMenuItem = (0, import_react29.forwardRef)(
+  ({ className, children, ...props }, ref) => {
+    const itemIdRef = (0, import_react29.useRef)(`nav-item-${++_idCounter}`);
+    const { activeItem, setActiveItem } = useNavigationMenuContext();
+    const isOpen = activeItem === itemIdRef.current;
+    const handleMouseEnter = (0, import_react29.useCallback)(() => {
+      setActiveItem(itemIdRef.current);
+    }, [setActiveItem]);
+    const handleMouseLeave = (0, import_react29.useCallback)(() => {
+      setActiveItem(null);
+    }, [setActiveItem]);
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(NavigationMenuItemContext.Provider, { value: { itemId: itemIdRef.current }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_ui_utils28.cn)("relative", className),
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        "data-state": isOpen ? "open" : "closed",
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+var NavigationMenuLink = (0, import_react29.forwardRef)(
+  ({ className, active = false, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      "a",
+      {
+        ref,
+        className: (0, import_ui_utils28.cn)(
+          "inline-flex items-center rounded-md px-3 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:ring-offset-1",
+          active ? "bg-surface-3 text-text-primary" : "text-text-secondary hover:bg-surface-3 hover:text-text-primary",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var NavigationMenuTrigger = (0, import_react29.forwardRef)(
+  ({ className, children, ...props }, ref) => {
+    const { activeItem } = useNavigationMenuContext();
+    const { itemId } = useNavigationMenuItemContext();
+    const isOpen = activeItem === itemId;
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-expanded": isOpen,
+        className: (0, import_ui_utils28.cn)(
+          "inline-flex items-center gap-1 rounded-md px-3 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:ring-offset-1",
+          isOpen ? "bg-surface-3 text-text-primary" : "text-text-secondary hover:bg-surface-3 hover:text-text-primary",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            import_lucide_react12.ChevronDown,
+            {
+              size: 14,
+              className: (0, import_ui_utils28.cn)("transition-transform duration-200", isOpen && "rotate-180")
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+var NavigationMenuContent = (0, import_react29.forwardRef)(
+  ({ className, children, ...props }, ref) => {
+    const { activeItem } = useNavigationMenuContext();
+    const { itemId } = useNavigationMenuItemContext();
+    const isOpen = activeItem === itemId;
+    if (!isOpen) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_ui_utils28.cn)(
+          "absolute left-0 top-full z-50 mt-1 min-w-40 rounded-md border border-border-base bg-surface-1 py-1 shadow-lg",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+NavigationMenu.displayName = "NavigationMenu";
+NavigationMenuItem.displayName = "NavigationMenuItem";
+NavigationMenuLink.displayName = "NavigationMenuLink";
+NavigationMenuTrigger.displayName = "NavigationMenuTrigger";
+NavigationMenuContent.displayName = "NavigationMenuContent";
+
+// src/components/avatar.tsx
+var import_react30 = require("react");
+var import_lucide_react13 = require("lucide-react");
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_ui_utils29 = require("@ug666/ui-utils");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var AvatarContext = (0, import_react30.createContext)(null);
+function useAvatarContext(componentName) {
+  const ctx = (0, import_react30.useContext)(AvatarContext);
+  if (!ctx) {
+    throw new Error(`<${componentName}> \u5FC5\u987B\u5728 <Avatar> \u5185\u4F7F\u7528`);
+  }
+  return ctx;
+}
+var avatarVariants = (0, import_class_variance_authority8.cva)(
+  "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-surface-3",
+  {
+    variants: {
+      size: {
+        sm: "h-8 w-8 text-xs",
+        md: "h-10 w-10 text-sm",
+        lg: "h-14 w-14 text-base",
+        xl: "h-20 w-20 text-xl"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var Avatar = (0, import_react30.forwardRef)(
+  ({ size, className, children, ...props }, ref) => {
+    const [imageLoadingStatus, setImageLoadingStatus] = (0, import_react30.useState)("idle");
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarContext.Provider, { value: { imageLoadingStatus, setImageLoadingStatus }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { ref, className: (0, import_ui_utils29.cn)(avatarVariants({ size }), className), ...props, children }) });
+  }
+);
+var AvatarImage = (0, import_react30.forwardRef)(
+  ({ src, alt = "", className, onLoad, onError, ...props }, ref) => {
+    const { imageLoadingStatus, setImageLoadingStatus } = useAvatarContext("AvatarImage");
+    (0, import_react30.useEffect)(() => {
+      if (!src) {
+        setImageLoadingStatus("error");
+        return;
+      }
+      setImageLoadingStatus("loading");
+    }, [src, setImageLoadingStatus]);
+    if (imageLoadingStatus !== "loaded" && imageLoadingStatus !== "loading") {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "img",
+      {
+        ref,
+        src,
+        alt,
+        onLoad: (event) => {
+          setImageLoadingStatus("loaded");
+          onLoad?.(event);
+        },
+        onError: (event) => {
+          setImageLoadingStatus("error");
+          onError?.(event);
+        },
+        className: (0, import_ui_utils29.cn)(
+          "h-full w-full object-cover",
+          imageLoadingStatus === "loading" && "invisible",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var AvatarFallback = (0, import_react30.forwardRef)(
+  ({ className, children, ...props }, ref) => {
+    const { imageLoadingStatus } = useAvatarContext("AvatarFallback");
+    if (imageLoadingStatus === "loaded") return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "span",
+      {
+        ref,
+        className: (0, import_ui_utils29.cn)(
+          "absolute inset-0 flex items-center justify-center font-medium text-text-secondary",
+          className
+        ),
+        ...props,
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react13.User, { size: 16 })
+      }
+    );
+  }
+);
+Avatar.displayName = "Avatar";
+AvatarImage.displayName = "AvatarImage";
+AvatarFallback.displayName = "AvatarFallback";
+
+// src/components/avatar-group.tsx
+var import_react31 = require("react");
+var import_ui_utils30 = require("@ug666/ui-utils");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var SIZE_CLASSES = {
+  sm: "h-8 w-8 text-xs",
+  default: "h-10 w-10 text-sm",
+  lg: "h-14 w-14 text-base"
+};
+var RING_SIZE_CLASSES = {
+  sm: "ring-2",
+  default: "ring-2",
+  lg: "ring-[3px]"
+};
+var OVERLAP_CLASSES = {
+  sm: "-ml-2",
+  default: "-ml-3",
+  lg: "-ml-4"
+};
+var AvatarGroup = (0, import_react31.forwardRef)(
+  ({ max = 5, size = "default", className, children, ...props }, ref) => {
+    const allItems = import_react31.Children.toArray(children).filter(import_react31.isValidElement);
+    const visibleItems = allItems.slice(0, max);
+    const overflowCount = allItems.length - max;
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      "div",
+      {
+        ref,
+        className: (0, import_ui_utils30.cn)("flex items-center", className),
+        ...props,
+        children: [
+          visibleItems.map((child, idx) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            "span",
+            {
+              className: (0, import_ui_utils30.cn)(
+                "relative inline-flex shrink-0 overflow-hidden rounded-full ring-surface-1",
+                SIZE_CLASSES[size],
+                RING_SIZE_CLASSES[size],
+                idx > 0 && OVERLAP_CLASSES[size]
+              ),
+              children: child
+            },
+            idx
+          )),
+          overflowCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            "span",
+            {
+              className: (0, import_ui_utils30.cn)(
+                "relative inline-flex shrink-0 items-center justify-center rounded-full bg-surface-3 font-medium text-text-secondary ring-surface-1",
+                SIZE_CLASSES[size],
+                RING_SIZE_CLASSES[size],
+                OVERLAP_CLASSES[size]
+              ),
+              "aria-label": `\u8FD8\u6709 ${overflowCount} \u4EBA`,
+              children: [
+                "+",
+                overflowCount
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+
+// src/components/tooltip.tsx
+var import_react32 = require("react");
+var import_react_dom8 = require("react-dom");
+var import_ui_utils31 = require("@ug666/ui-utils");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var TooltipContext = (0, import_react32.createContext)(null);
+function assignRef4(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  if (ref) {
+    ref.current = value;
+  }
+}
+function useTooltipContext() {
+  const ctx = (0, import_react32.useContext)(TooltipContext);
+  if (!ctx) throw new Error("Tooltip \u5B50\u7EC4\u4EF6\u5FC5\u987B\u5728 <Tooltip> \u5185\u4F7F\u7528");
+  return ctx;
+}
+var Tooltip = (0, import_react32.forwardRef)(({ children, className }, ref) => {
+  const [open, setOpen] = (0, import_react32.useState)(false);
+  const triggerRef = (0, import_react32.useRef)(null);
+  const delayRef = (0, import_react32.useRef)(null);
+  (0, import_react32.useEffect)(() => {
+    return () => {
+      if (delayRef.current) {
+        clearTimeout(delayRef.current);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipContext.Provider, { value: { open, setOpen, triggerRef, delayRef }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { ref, className: (0, import_ui_utils31.cn)("relative inline-flex", className), children }) });
+});
+var TooltipTrigger = (0, import_react32.forwardRef)(({ children, className }, ref) => {
+  const { setOpen, triggerRef, delayRef } = useTooltipContext();
+  const handleRef = (0, import_react32.useCallback)(
+    (node) => {
+      triggerRef.current = node;
+      assignRef4(ref, node);
+    },
+    [ref, triggerRef]
+  );
+  function handleMouseEnter() {
+    delayRef.current = setTimeout(() => setOpen(true), 200);
+  }
+  function handleMouseLeave() {
+    if (delayRef.current) clearTimeout(delayRef.current);
+    setOpen(false);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "span",
+    {
+      ref: handleRef,
+      className: (0, import_ui_utils31.cn)("inline-flex", className),
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children
+    }
+  );
+});
+var arrowPositionClasses = {
+  top: "after:absolute after:top-full after:left-1/2 after:-translate-x-1/2 after:border-4 after:border-transparent after:border-t-text-primary",
+  bottom: "after:absolute after:bottom-full after:left-1/2 after:-translate-x-1/2 after:border-4 after:border-transparent after:border-b-text-primary",
+  left: "after:absolute after:left-full after:top-1/2 after:-translate-y-1/2 after:border-4 after:border-transparent after:border-l-text-primary",
+  right: "after:absolute after:right-full after:top-1/2 after:-translate-y-1/2 after:border-4 after:border-transparent after:border-r-text-primary"
+};
+var TooltipContent = (0, import_react32.forwardRef)(({ children, side = "top", className }, ref) => {
+  const { open, triggerRef } = useTooltipContext();
+  const contentRef = (0, import_react32.useRef)(null);
+  const [pos, setPos] = (0, import_react32.useState)({ top: 0, left: 0 });
+  const handleRef = (0, import_react32.useCallback)(
+    (node) => {
+      contentRef.current = node;
+      assignRef4(ref, node);
+    },
+    [ref]
+  );
+  const updatePos = (0, import_react32.useCallback)(() => {
+    if (!triggerRef.current || !contentRef.current) return;
+    const rect = triggerRef.current.getBoundingClientRect();
+    const cw = contentRef.current.offsetWidth;
+    const ch = contentRef.current.offsetHeight;
+    const gap = 8;
+    let top = 0;
+    let left = 0;
+    if (side === "top") {
+      top = rect.top + window.scrollY - ch - gap;
+      left = rect.left + window.scrollX + rect.width / 2 - cw / 2;
+    } else if (side === "bottom") {
+      top = rect.bottom + window.scrollY + gap;
+      left = rect.left + window.scrollX + rect.width / 2 - cw / 2;
+    } else if (side === "left") {
+      top = rect.top + window.scrollY + rect.height / 2 - ch / 2;
+      left = rect.left + window.scrollX - cw - gap;
+    } else {
+      top = rect.top + window.scrollY + rect.height / 2 - ch / 2;
+      left = rect.right + window.scrollX + gap;
+    }
+    setPos({ top, left });
+  }, [side, triggerRef]);
+  (0, import_react32.useEffect)(() => {
+    if (open) updatePos();
+  }, [open, updatePos]);
+  if (!open) return null;
+  return (0, import_react_dom8.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      "div",
+      {
+        ref: handleRef,
+        style: { top: pos.top, left: pos.left },
+        className: (0, import_ui_utils31.cn)(
+          "absolute z-50 rounded-md bg-text-primary px-2.5 py-1.5 text-xs text-surface-1 shadow-md",
+          arrowPositionClasses[side],
+          className
+        ),
+        children
+      }
+    ),
+    document.body
+  );
+});
+Tooltip.displayName = "Tooltip";
+TooltipTrigger.displayName = "TooltipTrigger";
+TooltipContent.displayName = "TooltipContent";
+
+// src/components/alert.tsx
+var import_react33 = require("react");
+var import_lucide_react14 = require("lucide-react");
+var import_class_variance_authority9 = require("class-variance-authority");
+var import_ui_utils32 = require("@ug666/ui-utils");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority9.cva)(
+  "relative flex gap-3 rounded-md border-l-4 p-4",
+  {
+    variants: {
+      variant: {
+        default: "border-l-primary bg-info-soft text-info-soft-fg",
+        info: "border-l-info bg-info-soft text-info-soft-fg",
+        success: "border-l-success bg-success-soft text-success-soft-fg",
+        warning: "border-l-warning bg-warning-soft text-warning-soft-fg",
+        destructive: "border-l-danger bg-danger-soft text-danger-soft-fg"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var iconMap = {
+  default: import_lucide_react14.AlertCircle,
+  info: import_lucide_react14.Info,
+  success: import_lucide_react14.CheckCircle,
+  warning: import_lucide_react14.AlertTriangle,
+  destructive: import_lucide_react14.AlertCircle
+};
+var iconColorMap = {
+  default: "text-info",
+  info: "text-info",
+  success: "text-success",
+  warning: "text-warning",
+  destructive: "text-danger"
+};
+var Alert = (0, import_react33.forwardRef)(
+  ({ variant = "default", className, children, ...props }, ref) => {
+    const Icon = iconMap[variant ?? "default"];
+    const iconColor = iconColorMap[variant ?? "default"];
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: (0, import_ui_utils32.cn)(alertVariants({ variant }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { size: 18, className: (0, import_ui_utils32.cn)("mt-0.5 shrink-0", iconColor) }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex flex-col gap-0.5", children })
+        ]
+      }
+    );
+  }
+);
+var AlertTitle = (0, import_react33.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { ref, className: (0, import_ui_utils32.cn)("text-sm font-semibold leading-5", className), ...props });
+});
+var AlertDescription = (0, import_react33.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { ref, className: (0, import_ui_utils32.cn)("text-sm leading-5 opacity-90", className), ...props });
+});
+Alert.displayName = "Alert";
+AlertTitle.displayName = "AlertTitle";
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/breadcrumb.tsx
+var import_react34 = require("react");
+var import_lucide_react15 = require("lucide-react");
+var import_ui_utils33 = require("@ug666/ui-utils");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Breadcrumb = (0, import_react34.forwardRef)(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("nav", { ref, "aria-label": "\u9762\u5305\u5C51\u5BFC\u822A", className: (0, import_ui_utils33.cn)(className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ol", { className: "flex flex-wrap items-center gap-0 text-sm text-text-secondary", children }) });
+});
+var BreadcrumbItem = (0, import_react34.forwardRef)(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("li", { ref, className: (0, import_ui_utils33.cn)("flex items-center gap-1", className), ...props });
+});
+var BreadcrumbLink = (0, import_react34.forwardRef)(
+  ({ current = false, className, children, href, ...props }, ref) => {
+    if (current) {
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-current": "page", className: (0, import_ui_utils33.cn)("font-medium text-text-primary", className), children });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      "a",
+      {
+        ref,
+        href,
+        className: (0, import_ui_utils33.cn)("transition-colors hover:text-text-primary", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var BreadcrumbSeparator = (0, import_react34.forwardRef)(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      "li",
+      {
+        ref,
+        role: "presentation",
+        "aria-hidden": "true",
+        className: (0, import_ui_utils33.cn)("text-text-tertiary", className),
+        ...props,
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react15.ChevronRight, { size: 14 })
+      }
+    );
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+BreadcrumbItem.displayName = "BreadcrumbItem";
+BreadcrumbLink.displayName = "BreadcrumbLink";
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+
+// src/components/switch.tsx
+var import_react35 = require("react");
+var import_ui_utils34 = require("@ug666/ui-utils");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var Switch = (0, import_react35.forwardRef)(
+  ({
+    checked,
+    onCheckedChange,
+    disabled = false,
+    label,
+    labelPlacement = "right",
+    className,
+    id,
+    ...props
+  }, ref) => {
+    const generatedId = (0, import_react35.useId)();
+    const switchId = id ?? generatedId;
+    const track = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      "button",
+      {
+        ref,
+        id: switchId,
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        disabled,
+        onClick: () => !disabled && onCheckedChange(!checked),
+        className: (0, import_ui_utils34.cn)(
+          "relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors duration-200",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          checked ? "bg-primary" : "bg-surface-3",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          "span",
+          {
+            className: (0, import_ui_utils34.cn)(
+              "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-sm ring-0 transition-transform duration-200",
+              checked ? "translate-x-5" : "translate-x-0"
+            )
+          }
+        )
+      }
+    );
+    if (!label) return track;
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      "label",
+      {
+        htmlFor: switchId,
+        className: (0, import_ui_utils34.cn)(
+          "inline-flex items-center gap-2 cursor-pointer",
+          disabled && "cursor-not-allowed opacity-50"
+        ),
+        children: [
+          labelPlacement === "left" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm font-medium text-text-primary", children: label }),
+          track,
+          labelPlacement === "right" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm font-medium text-text-primary", children: label })
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+
+// src/components/textarea.tsx
+var import_react36 = require("react");
+var import_ui_utils35 = require("@ug666/ui-utils");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var Textarea = (0, import_react36.forwardRef)(
+  ({ className, label, error, helperText, id, rows = 3, ...props }, ref) => {
+    const generatedId = (0, import_react36.useId)();
+    const textareaId = id ?? generatedId;
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("label", { htmlFor: textareaId, className: "text-sm font-medium text-text-primary", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "textarea",
+        {
+          ref,
+          id: textareaId,
+          rows,
+          className: (0, import_ui_utils35.cn)(
+            "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",
+            "resize-y",
+            error ? "border-danger focus-visible:ring-danger" : "border-border-strong focus-visible:ring-ring/30",
+            className
+          ),
+          ...props
+        }
+      ),
+      error && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-danger", children: error }),
+      !error && helperText && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-text-secondary", children: helperText })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/skeleton.tsx
+var import_react37 = require("react");
+var import_class_variance_authority10 = require("class-variance-authority");
+var import_ui_utils36 = require("@ug666/ui-utils");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var skeletonVariants = (0, import_class_variance_authority10.cva)(
+  "animate-pulse bg-surface-3",
+  {
+    variants: {
+      variant: {
+        text: "h-4 w-full rounded",
+        circle: "rounded-full",
+        rect: "rounded-md"
+      }
+    },
+    defaultVariants: { variant: "rect" }
+  }
+);
+var Skeleton = (0, import_react37.forwardRef)(({ variant, className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { ref, className: (0, import_ui_utils36.cn)(skeletonVariants({ variant }), className), "aria-hidden": "true", ...props });
+});
+Skeleton.displayName = "Skeleton";
+
+// src/components/progress.tsx
+var import_react38 = require("react");
+var import_ui_utils37 = require("@ug666/ui-utils");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var Progress = (0, import_react38.forwardRef)(({
+  value,
+  max = 100,
+  showLabel = false,
+  color = "bg-indigo-500",
+  className,
+  ...props
+}, ref) => {
+  const clamped = Math.min(Math.max(value, 0), max);
+  const percent = Math.round(clamped / max * 100);
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: (0, import_ui_utils37.cn)("flex items-center gap-3", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuenow": clamped,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        className: "h-2 w-full overflow-hidden rounded-full bg-surface-2",
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          "div",
+          {
+            className: (0, import_ui_utils37.cn)("h-full rounded-full transition-all duration-500 ease-out", color),
+            style: { width: `${percent}%` }
+          }
+        )
+      }
+    ),
+    showLabel && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "shrink-0 text-xs font-medium text-text-secondary tabular-nums w-9 text-right", children: [
+      percent,
+      "%"
+    ] })
+  ] });
+});
+Progress.displayName = "Progress";
+
+// src/components/sheet.tsx
+var import_react39 = require("react");
+var import_react_dom9 = require("react-dom");
+var import_lucide_react16 = require("lucide-react");
+var import_ui_utils38 = require("@ug666/ui-utils");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var Sheet = (0, import_react39.forwardRef)(({ open, onClose, side = "right", title, children, className }, ref) => {
+  useEscapeKey(open, onClose);
+  if (!open) return null;
+  return (0, import_react_dom9.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "fixed inset-0 z-50 flex", role: "dialog", "aria-modal": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        "div",
+        {
+          className: "absolute inset-0 bg-overlay transition-opacity",
+          onClick: onClose,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+        "div",
+        {
+          ref,
+          className: (0, import_ui_utils38.cn)(
+            "relative flex h-full w-80 max-w-full flex-col bg-surface-1 shadow-xl",
+            "transition-transform duration-300 ease-in-out",
+            side === "right" ? "ml-auto translate-x-0" : "mr-auto translate-x-0",
+            className
+          ),
+          children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between border-b border-border-base px-5 py-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "text-base font-semibold text-text-primary", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  className: "rounded-md p-1 text-text-tertiary hover:bg-surface-3 hover:text-text-secondary transition-colors",
+                  "aria-label": "\u5173\u95ED",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react16.X, { size: 18 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex-1 overflow-y-auto px-5 py-4", children })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+});
+Sheet.displayName = "Sheet";
+
+// src/components/empty-state.tsx
+var import_react40 = require("react");
+var import_ui_utils39 = require("@ug666/ui-utils");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var EmptyState = (0, import_react40.forwardRef)(
+  ({ icon: Icon, title, description, action, className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+      "div",
+      {
+        ref,
+        className: (0, import_ui_utils39.cn)(
+          "flex flex-col items-center justify-center gap-3 py-16 text-center",
+          className
+        ),
+        ...props,
+        children: [
+          Icon && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-surface-2", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { size: 28, className: "text-text-tertiary" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-base font-semibold text-text-primary", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "max-w-xs text-sm text-text-secondary", children: description })
+          ] }),
+          action && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "mt-1", children: action })
+        ]
+      }
+    );
+  }
+);
+EmptyState.displayName = "EmptyState";
+
+// src/components/separator.tsx
+var import_react41 = require("react");
+var import_ui_utils40 = require("@ug666/ui-utils");
+var import_jsx_runtime40 = 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_react41.forwardRef)(
+  ({ orientation = "horizontal", className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      "div",
+      {
+        ref,
+        role: "separator",
+        "aria-orientation": orientation,
+        className: (0, import_ui_utils40.cn)(ORIENTATION_CLASSES[orientation], className),
+        ...props
+      }
+    );
+  }
+);
+Separator.displayName = "Separator";
+
+// src/components/descriptions.tsx
+var import_react42 = require("react");
+var import_ui_utils41 = require("@ug666/ui-utils");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var SIZE_LABEL_CLASSES = {
+  sm: "text-xs py-1 px-2",
+  default: "text-sm py-2 px-3",
+  lg: "text-base py-3 px-4"
+};
+var SIZE_VALUE_CLASSES = {
+  sm: "text-xs py-1 px-2",
+  default: "text-sm py-2 px-3",
+  lg: "text-base py-3 px-4"
+};
+var DescriptionsItem = (0, import_react42.forwardRef)(
+  ({ label, children, className, span: _span, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ref, className, ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-text-secondary", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-text-primary", children })
+    ] });
+  }
+);
+DescriptionsItem.displayName = "DescriptionsItem";
+var Descriptions = (0, import_react42.forwardRef)(
+  ({ column = 2, bordered = false, size = "default", title, className, children, ...props }, ref) => {
+    const items = import_react42.Children.toArray(children).filter(
+      (child) => (0, import_react42.isValidElement)(child) && child.type.displayName === "DescriptionsItem"
+    );
+    if (bordered) {
+      const rows = [];
+      let currentRow = [];
+      let currentColCount = 0;
+      for (const item of items) {
+        const span = item.props.span ?? 1;
+        if (currentColCount + span > column) {
+          rows.push(currentRow);
+          currentRow = [];
+          currentColCount = 0;
+        }
+        currentRow.push({ label: item.props.label, value: item.props.children, span });
+        currentColCount += span;
+      }
+      if (currentRow.length > 0) rows.push(currentRow);
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ref, className: (0, import_ui_utils41.cn)("w-full", className), ...props, children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "mb-3 text-base font-semibold text-text-primary", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("table", { className: "w-full border-collapse border border-border-base", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("tbody", { children: rows.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("tr", { children: row.map((cell, cellIdx) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            "td",
+            {
+              className: (0, import_ui_utils41.cn)(
+                "border border-border-base bg-surface-2 font-medium text-text-secondary",
+                SIZE_LABEL_CLASSES[size]
+              ),
+              style: { width: `${1 / (column * 2) * 100}%` },
+              children: cell.label
+            },
+            `label-${cellIdx}`
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            "td",
+            {
+              className: (0, import_ui_utils41.cn)(
+                "border border-border-base text-text-primary",
+                SIZE_VALUE_CLASSES[size]
+              ),
+              colSpan: cell.span > 1 ? cell.span * 2 - 1 : 1,
+              children: cell.value
+            },
+            `value-${cellIdx}`
+          )
+        ] })) }, rowIdx)) }) })
+      ] });
+    }
+    const GRID_COLS = {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4"
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ref, className: (0, import_ui_utils41.cn)("w-full", className), ...props, children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "mb-3 text-base font-semibold text-text-primary", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: (0, import_ui_utils41.cn)("grid gap-x-6 gap-y-4", GRID_COLS[column]), children: items.map((item, idx) => {
+        const span = item.props.span ?? 1;
+        const colSpanClass = span === 2 ? "col-span-2" : span === 3 ? "col-span-3" : span === 4 ? "col-span-4" : "";
+        return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: (0, import_ui_utils41.cn)("flex flex-col gap-0.5", colSpanClass, item.props.className), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: (0, import_ui_utils41.cn)("font-medium text-text-secondary", size === "sm" ? "text-xs" : size === "lg" ? "text-sm" : "text-xs"), children: item.props.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: (0, import_ui_utils41.cn)("text-text-primary", size === "sm" ? "text-sm" : size === "lg" ? "text-base" : "text-sm"), children: item.props.children })
+        ] }, idx);
+      }) })
+    ] });
+  }
+);
+Descriptions.displayName = "Descriptions";
+
+// src/components/statistic.tsx
+var import_react43 = require("react");
+var import_lucide_react17 = require("lucide-react");
+var import_ui_utils42 = require("@ug666/ui-utils");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var SIZE_TITLE_CLASSES = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+var SIZE_VALUE_CLASSES2 = {
+  sm: "text-2xl",
+  default: "text-3xl",
+  lg: "text-4xl"
+};
+var SIZE_SUFFIX_CLASSES = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+var TREND_ICON_COLOR = {
+  up: "text-success",
+  down: "text-danger",
+  flat: "text-text-secondary"
+};
+var TREND_TEXT_COLOR = {
+  up: "text-success",
+  down: "text-danger",
+  flat: "text-text-secondary"
+};
+function formatValue(value, precision) {
+  if (typeof value === "string") return value;
+  return new Intl.NumberFormat("zh-CN", {
+    minimumFractionDigits: precision ?? 0,
+    maximumFractionDigits: precision ?? 0
+  }).format(value);
+}
+var Statistic = (0, import_react43.forwardRef)(
+  ({ title, value, precision, prefix, suffix, trend, change, size = "default", className, ...props }, ref) => {
+    const TrendIcon = trend === "up" ? import_lucide_react17.TrendingUp : trend === "down" ? import_lucide_react17.TrendingDown : trend === "flat" ? import_lucide_react17.Minus : null;
+    const iconSize = size === "sm" ? 14 : size === "lg" ? 18 : 16;
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { ref, className: (0, import_ui_utils42.cn)("flex flex-col gap-1", className), ...props, children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: (0, import_ui_utils42.cn)("font-medium text-text-secondary", SIZE_TITLE_CLASSES[size]), children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-baseline gap-1", children: [
+        prefix && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: (0, import_ui_utils42.cn)("text-text-primary", SIZE_SUFFIX_CLASSES[size]), children: prefix }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: (0, import_ui_utils42.cn)("font-bold tabular-nums text-text-primary", SIZE_VALUE_CLASSES2[size]), children: formatValue(value, precision) }),
+        suffix && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: (0, import_ui_utils42.cn)("text-text-secondary", SIZE_SUFFIX_CLASSES[size]), children: suffix })
+      ] }),
+      (trend || change) && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-1", children: [
+        TrendIcon && trend && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TrendIcon, { size: iconSize, className: TREND_ICON_COLOR[trend] }),
+        change && trend && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: (0, import_ui_utils42.cn)("text-xs font-medium", TREND_TEXT_COLOR[trend]), children: change })
+      ] })
+    ] });
+  }
+);
+Statistic.displayName = "Statistic";
+
+// src/theme.ts
+var theme = {
+  colors: {
+    primary: { DEFAULT: "#6366f1", hover: "#4f46e5", light: "#eef2ff" },
+    secondary: { DEFAULT: "#64748b", hover: "#475569", light: "#f1f5f9" },
+    destructive: { DEFAULT: "#ef4444", hover: "#dc2626", light: "#fef2f2" },
+    success: { DEFAULT: "#22c55e", hover: "#16a34a", light: "#f0fdf4" },
+    warning: { DEFAULT: "#f59e0b", hover: "#d97706", light: "#fffbeb" },
+    background: "#ffffff",
+    foreground: "#0f172a",
+    muted: "#f1f5f9",
+    border: "#e2e8f0",
+    ring: "#6366f1"
+  },
+  radius: { sm: "0.375rem", md: "0.5rem", lg: "0.75rem", full: "9999px" },
+  fontFamily: { sans: "system-ui, -apple-system, sans-serif", mono: "ui-monospace, monospace" }
+};
+
+// src/index.ts
+var import_ui_utils43 = require("@ug666/ui-utils");
+
+// src/hooks/use-debounce.ts
+var import_react44 = require("react");
+function useDebounce(value, delay = 300) {
+  const [debounced, setDebounced] = (0, import_react44.useState)(value);
+  (0, import_react44.useEffect)(() => {
+    const timer = setTimeout(() => setDebounced(value), delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+  return debounced;
+}
+
+// src/hooks/use-local-storage.ts
+var import_react45 = require("react");
+function useLocalStorage(key, initialValue) {
+  const [storedValue, setStoredValue] = (0, import_react45.useState)(() => {
+    if (typeof window === "undefined") return initialValue;
+    try {
+      const item = window.localStorage.getItem(key);
+      return item ? JSON.parse(item) : initialValue;
+    } catch {
+      return initialValue;
+    }
+  });
+  const setValue = (0, import_react45.useCallback)((value) => {
+    setStoredValue((prev) => {
+      const next = value instanceof Function ? value(prev) : value;
+      if (typeof window !== "undefined") {
+        window.localStorage.setItem(key, JSON.stringify(next));
+      }
+      return next;
+    });
+  }, [key]);
+  const removeValue = (0, import_react45.useCallback)(() => {
+    setStoredValue(initialValue);
+    if (typeof window !== "undefined") {
+      window.localStorage.removeItem(key);
+    }
+  }, [key, initialValue]);
+  return [storedValue, setValue, removeValue];
+}
+
+// src/hooks/use-media-query.ts
+var import_react46 = require("react");
+function useMediaQuery(query) {
+  const [matches, setMatches] = (0, import_react46.useState)(() => {
+    if (typeof window === "undefined") return false;
+    return window.matchMedia(query).matches;
+  });
+  (0, import_react46.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const mediaQueryList = window.matchMedia(query);
+    setMatches(mediaQueryList.matches);
+    const handleChange = (event) => {
+      setMatches(event.matches);
+    };
+    mediaQueryList.addEventListener("change", handleChange);
+    return () => mediaQueryList.removeEventListener("change", handleChange);
+  }, [query]);
+  return matches;
+}
+
+// src/hooks/use-click-outside.ts
+var import_react47 = require("react");
+function useClickOutside(ref, handler) {
+  (0, import_react47.useEffect)(() => {
+    const handleMouseDown = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        handler();
+      }
+    };
+    const handleTouchStart = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        handler();
+      }
+    };
+    document.addEventListener("mousedown", handleMouseDown);
+    document.addEventListener("touchstart", handleTouchStart);
+    return () => {
+      document.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("touchstart", handleTouchStart);
+    };
+  }, [ref, handler]);
+}
+
+// src/hooks/use-copy-to-clipboard.ts
+var import_react48 = require("react");
+function useCopyToClipboard() {
+  const [copied, setCopied] = (0, import_react48.useState)(false);
+  const timerRef = (0, import_react48.useRef)(null);
+  (0, import_react48.useEffect)(() => {
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, []);
+  const copy = (0, import_react48.useCallback)(async (text) => {
+    if (typeof navigator === "undefined" || !navigator.clipboard) {
+      console.error("\u526A\u8D34\u677F API \u4E0D\u53EF\u7528");
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+      timerRef.current = setTimeout(() => setCopied(false), 2e3);
+    } catch (error) {
+      console.error("\u590D\u5236\u5230\u526A\u8D34\u677F\u5931\u8D25:", error);
+    }
+  }, []);
+  return { copied, copy };
+}
+
+// src/hooks/use-toggle.ts
+var import_react49 = require("react");
+function useToggle(initial = false) {
+  const [value, setValue] = (0, import_react49.useState)(initial);
+  const toggle = (0, import_react49.useCallback)(() => {
+    setValue((prev) => !prev);
+  }, []);
+  return [value, toggle, setValue];
+}
+
+// src/hooks/use-pagination.ts
+var import_react50 = require("react");
+function usePagination({
+  total,
+  pageSize = 10,
+  initialPage = 1
+}) {
+  const totalPages = (0, import_react50.useMemo)(
+    () => Math.max(1, Math.ceil(total / pageSize)),
+    [total, pageSize]
+  );
+  const [page, setPageState] = (0, import_react50.useState)(
+    () => Math.min(Math.max(1, initialPage), Math.max(1, Math.ceil(total / pageSize)))
+  );
+  (0, import_react50.useEffect)(() => {
+    setPageState((prev) => Math.min(prev, totalPages));
+  }, [totalPages]);
+  const setPage = (0, import_react50.useCallback)(
+    (p) => {
+      setPageState(Math.min(Math.max(1, p), totalPages));
+    },
+    [totalPages]
+  );
+  const nextPage = (0, import_react50.useCallback)(() => {
+    setPageState((prev) => Math.min(prev + 1, totalPages));
+  }, [totalPages]);
+  const prevPage = (0, import_react50.useCallback)(() => {
+    setPageState((prev) => Math.max(prev - 1, 1));
+  }, []);
+  const startIndex = (page - 1) * pageSize;
+  const endIndex = Math.min(startIndex + pageSize, total);
+  return {
+    page,
+    totalPages,
+    setPage,
+    nextPage,
+    prevPage,
+    hasNext: page < totalPages,
+    hasPrev: page > 1,
+    startIndex,
+    endIndex
+  };
+}
+
+// src/hooks/use-form.ts
+var import_react51 = require("react");
+function useForm(initialValues) {
+  const [values, setValues] = (0, import_react51.useState)(initialValues);
+  const [errors, setErrors] = (0, import_react51.useState)({});
+  const isDirty = (0, import_react51.useMemo)(
+    () => Object.keys(initialValues).some(
+      (key) => values[key] !== initialValues[key]
+    ),
+    [values, initialValues]
+  );
+  const handleChange = (0, import_react51.useCallback)((name, value) => {
+    setValues((prev) => ({ ...prev, [name]: value }));
+    setErrors((prev) => {
+      if (!prev[name]) return prev;
+      const next = { ...prev };
+      delete next[name];
+      return next;
+    });
+  }, []);
+  const setError = (0, import_react51.useCallback)((name, message) => {
+    setErrors((prev) => ({ ...prev, [name]: message }));
+  }, []);
+  const clearErrors = (0, import_react51.useCallback)(() => {
+    setErrors({});
+  }, []);
+  const reset = (0, import_react51.useCallback)(() => {
+    setValues(initialValues);
+    setErrors({});
+  }, [initialValues]);
+  return { values, errors, handleChange, setError, clearErrors, reset, isDirty };
+}
+
+// src/hooks/use-mounted.ts
+var import_react52 = require("react");
+function useMounted() {
+  const [mounted, setMounted] = (0, import_react52.useState)(false);
+  (0, import_react52.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  return mounted;
+}
+
+// src/hooks/use-interval.ts
+var import_react53 = require("react");
+function useInterval(callback, delay) {
+  const savedCallback = (0, import_react53.useRef)(callback);
+  (0, import_react53.useEffect)(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  (0, import_react53.useEffect)(() => {
+    if (delay === null) return;
+    const id = setInterval(() => savedCallback.current(), delay);
+    return () => clearInterval(id);
+  }, [delay]);
+}
+
+// src/hooks/use-timeout.ts
+var import_react54 = require("react");
+function useTimeout(callback, delay) {
+  const savedCallback = (0, import_react54.useRef)(callback);
+  (0, import_react54.useEffect)(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  (0, import_react54.useEffect)(() => {
+    if (delay === null) return;
+    const id = setTimeout(() => savedCallback.current(), delay);
+    return () => clearTimeout(id);
+  }, [delay]);
+}
+
+// src/hooks/use-hotkeys.ts
+var import_react55 = require("react");
+function parseHotkey(keys) {
+  const parts = keys.toLowerCase().split("+").map((s) => s.trim());
+  const ctrl = parts.includes("ctrl");
+  const meta = parts.includes("cmd") || parts.includes("meta");
+  const alt = parts.includes("alt");
+  const shift = parts.includes("shift");
+  const key = parts.find(
+    (p) => !["ctrl", "cmd", "meta", "alt", "shift"].includes(p)
+  ) ?? "";
+  return { ctrl, meta, alt, shift, key };
+}
+function useHotkeys(keys, callback, options = {}) {
+  const { preventDefault = false, target = null } = options;
+  const savedCallback = (0, import_react55.useRef)(callback);
+  (0, import_react55.useEffect)(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  (0, import_react55.useEffect)(() => {
+    const parsed = parseHotkey(keys);
+    const eventTarget = target ?? window;
+    function handler(event) {
+      const eventKey = event.key.toLowerCase();
+      const match = eventKey === parsed.key && event.ctrlKey === parsed.ctrl && event.metaKey === parsed.meta && event.altKey === parsed.alt && event.shiftKey === parsed.shift;
+      if (match) {
+        if (preventDefault) event.preventDefault();
+        savedCallback.current(event);
+      }
+    }
+    eventTarget.addEventListener("keydown", handler);
+    return () => {
+      eventTarget.removeEventListener("keydown", handler);
+    };
+  }, [keys, preventDefault, target]);
+}
+
+// src/hooks/use-event-listener.ts
+var import_react56 = require("react");
+function useEventListener(event, handler, target) {
+  const savedHandler = (0, import_react56.useRef)(handler);
+  (0, import_react56.useEffect)(() => {
+    savedHandler.current = handler;
+  }, [handler]);
+  (0, import_react56.useEffect)(() => {
+    if (target === null) return;
+    const eventTarget = target ?? window;
+    function listener(event2) {
+      savedHandler.current(event2);
+    }
+    eventTarget.addEventListener(event, listener);
+    return () => {
+      eventTarget.removeEventListener(event, listener);
+    };
+  }, [event, target]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Avatar,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbSeparator,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuSeparator,
+  ContextMenuTrigger,
+  Descriptions,
+  DescriptionsItem,
+  Dialog,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DropdownContent,
+  DropdownItem,
+  DropdownMenu,
+  DropdownSeparator,
+  DropdownTrigger,
+  EmptyState,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Input,
+  Label,
+  Modal,
+  ModalCloseButton,
+  ModalContent,
+  ModalFooter,
+  ModalHeader,
+  ModalTitle,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuTrigger,
+  NumberInput,
+  OTPInput,
+  Pagination,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  Radio,
+  RadioGroup,
+  Select,
+  Separator,
+  Sheet,
+  Sidebar,
+  Skeleton,
+  Slider,
+  Spinner,
+  Statistic,
+  Steps,
+  Switch,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Tag,
+  Textarea,
+  Toaster,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+  badgeVariants,
+  buttonVariants,
+  checkboxVariants,
+  cn,
+  numberInputVariants,
+  tagVariants,
+  theme,
+  toast,
+  useClickOutside,
+  useCopyToClipboard,
+  useDebounce,
+  useEventListener,
+  useForm,
+  useHotkeys,
+  useInterval,
+  useLocalStorage,
+  useMediaQuery,
+  useMounted,
+  usePagination,
+  useTimeout,
+  useToggle
+});
+//# sourceMappingURL=index.cjs.map