@pactor-app/ui 1.44.0 → 1.46.0

package/dist/ui/index.cjs

@@ -34,6 +34,7 @@ __export(ui_exports, {
   AccordionContent: () => AccordionContent,
   AccordionItem: () => AccordionItem,
   AccordionTrigger: () => AccordionTrigger,
+  ActionButton: () => ActionButton,
   Alert: () => Alert,
   AlertDescription: () => AlertDescription,
   AlertDialog: () => AlertDialog,
@@ -101,11 +102,13 @@ __export(ui_exports, {
   CommandInput: () => CommandInput,
   CommandItem: () => CommandItem,
   CommandList: () => CommandList,
+  ConfirmMorph: () => ConfirmMorph,
   ContextMenu: () => ContextMenu,
   ContextMenuContent: () => ContextMenuContent,
   ContextMenuItem: () => ContextMenuItem,
   ContextMenuSeparator: () => ContextMenuSeparator,
   ContextMenuTrigger: () => ContextMenuTrigger,
+  CopyButton: () => CopyButton,
   Dialog: () => Dialog,
   DialogClose: () => DialogClose,
   DialogContent: () => DialogContent,
@@ -139,13 +142,16 @@ __export(ui_exports, {
   EmptyDescription: () => EmptyDescription,
   EmptyHeader: () => EmptyHeader,
   EmptyTitle: () => EmptyTitle,
+  ExpandingButtonGroup: () => ExpandingButtonGroup,
   Field: () => Field,
   FieldDescription: () => FieldDescription,
   FieldError: () => FieldError,
   FieldLabel: () => FieldLabel,
+  FloatingButtonGroup: () => FloatingButtonGroup,
   HoverCard: () => HoverCard,
   HoverCardContent: () => HoverCardContent,
   HoverCardTrigger: () => HoverCardTrigger,
+  IconMorph: () => IconMorph,
   Input: () => Input,
   InputGroup: () => InputGroup,
   InputGroupAddon: () => InputGroupAddon,
@@ -162,6 +168,7 @@ __export(ui_exports, {
   ItemTitle: () => ItemTitle,
   Kbd: () => Kbd,
   Label: () => Label,
+  MORPH_PAIRS: () => MORPH_PAIRS,
   Menubar: () => Menubar,
   MenubarContent: () => MenubarContent,
   MenubarItem: () => MenubarItem,
@@ -252,6 +259,7 @@ __export(ui_exports, {
   SliderThumb: () => SliderThumb,
   SliderTrack: () => SliderTrack,
   Spinner: () => Spinner,
+  SplitButton: () => SplitButton,
   Switch: () => Switch,
   Table: () => Table,
   TableBody: () => TableBody,
@@ -375,10 +383,172 @@ function AccordionContent({
   );
 }
 
-// src/ui/alert.tsx
+// src/ui/button.tsx
+var import_button = require("@base-ui/react/button");
 var import_class_variance_authority = require("class-variance-authority");
+var React = __toESM(require("react"), 1);
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var alertVariants = (0, import_class_variance_authority.cva)(
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20",
+        outline: "border border-border bg-card hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1.5 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-6",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  children,
+  ...props
+}) {
+  if (asChild && React.isValidElement(children)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_button.Button,
+      {
+        "data-slot": "button",
+        className: cn(buttonVariants({ variant, size, className })),
+        render: children,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_button.Button,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/ui/tooltip.tsx
+var import_tooltip = require("@base-ui/react/tooltip");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function TooltipProvider({
+  delay = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_tooltip.Tooltip.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delay,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_tooltip.Tooltip.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        import_tooltip.Tooltip.Popup,
+        {
+          "data-slot": "tooltip-content",
+          className: cn(
+            "z-50 w-fit origin-(--transform-origin) rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 rounded-[2px] bg-primary fill-primary data-[side=top]:-bottom-1 data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1" })
+          ]
+        }
+      )
+    }
+  ) });
+}
+
+// src/ui/action-button.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function ActionButton({
+  className,
+  variant,
+  size,
+  icon,
+  label,
+  tooltip,
+  type = "button",
+  ...props
+}) {
+  const resolvedSize = size ?? (label ? "sm" : "icon-sm");
+  if (process.env.NODE_ENV !== "production" && !label && !props["aria-label"]) {
+    console.warn("[ActionButton] icon-only \u7528\u6CD5\u987B\u4F20 aria-label \u4EE5\u4FDD\u8BC1\u53EF\u8BBF\u95EE\u6027\u3002");
+  }
+  const button = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    Button,
+    {
+      "data-slot": "action-button",
+      variant,
+      size: resolvedSize,
+      type,
+      className: cn(className),
+      ...props,
+      children: [
+        icon,
+        label ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: label }) : null
+      ]
+    }
+  );
+  if (!tooltip) return button;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipTrigger, { render: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipContent, { children: tooltip })
+  ] });
+}
+
+// src/ui/alert.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority2.cva)(
   "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border border-border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
@@ -400,7 +570,7 @@ function Alert({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       "data-slot": "alert",
@@ -411,7 +581,7 @@ function Alert({
   );
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       "data-slot": "alert-title",
@@ -427,7 +597,7 @@ function AlertDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       "data-slot": "alert-description",
@@ -443,73 +613,7 @@ function AlertDescription({
 // src/ui/attachment.tsx
 var import_class_variance_authority3 = require("class-variance-authority");
 var React2 = __toESM(require("react"), 1);
-
-// src/ui/button.tsx
-var import_button = require("@base-ui/react/button");
-var import_class_variance_authority2 = require("class-variance-authority");
-var React = __toESM(require("react"), 1);
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority2.cva)(
-  "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20",
-        outline: "border border-border bg-card hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1.5 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-6",
-        icon: "size-9",
-        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  children,
-  ...props
-}) {
-  if (asChild && React.isValidElement(children)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_button.Button,
-      {
-        "data-slot": "button",
-        className: cn(buttonVariants({ variant, size, className })),
-        render: children,
-        ...props
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_button.Button,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props,
-      children
-    }
-  );
-}
-
-// src/ui/attachment.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var attachmentVariants = (0, import_class_variance_authority3.cva)(
   "group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-xl border bg-card text-card-foreground transition-colors focus-within:ring-1 focus-within:ring-ring/50 has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed",
   {
@@ -533,7 +637,7 @@ function Attachment({
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-slot": "attachment",
@@ -564,7 +668,7 @@ function AttachmentMedia({
   variant = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-slot": "attachment-media",
@@ -578,7 +682,7 @@ function AttachmentContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-slot": "attachment-content",
@@ -594,7 +698,7 @@ function AttachmentTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "span",
     {
       "data-slot": "attachment-title",
@@ -610,7 +714,7 @@ function AttachmentDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "span",
     {
       "data-slot": "attachment-description",
@@ -627,7 +731,7 @@ function AttachmentActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-slot": "attachment-actions",
@@ -645,7 +749,7 @@ function AttachmentAction({
   size = "icon-xs",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     Button,
     {
       "data-slot": "attachment-action",
@@ -674,7 +778,7 @@ function AttachmentTrigger({
       ...props
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "button",
     {
       "data-slot": "attachment-trigger",
@@ -686,7 +790,7 @@ function AttachmentTrigger({
   );
 }
 function AttachmentGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-slot": "attachment-group",
@@ -701,27 +805,27 @@ function AttachmentGroup({ className, ...props }) {
 
 // src/ui/alert-dialog.tsx
 var import_alert_dialog = require("@base-ui/react/alert-dialog");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function AlertDialog({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_alert_dialog.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_alert_dialog.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_alert_dialog.AlertDialog.Backdrop,
     {
       "data-slot": "alert-dialog-overlay",
@@ -737,9 +841,9 @@ function AlertDialogContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(AlertDialogPortal, { "data-slot": "alert-dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AlertDialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(AlertDialogPortal, { "data-slot": "alert-dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_alert_dialog.AlertDialog.Popup,
       {
         "data-slot": "alert-dialog-content",
@@ -756,7 +860,7 @@ function AlertDialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -769,7 +873,7 @@ function AlertDialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -785,7 +889,7 @@ function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_alert_dialog.AlertDialog.Title,
     {
       "data-slot": "alert-dialog-title",
@@ -798,7 +902,7 @@ function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_alert_dialog.AlertDialog.Description,
     {
       "data-slot": "alert-dialog-description",
@@ -812,7 +916,7 @@ function AlertDialogAction({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_alert_dialog.AlertDialog.Close,
     {
       "data-slot": "alert-dialog-action",
@@ -826,7 +930,7 @@ function AlertDialogCancel({
   variant = "outline",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_alert_dialog.AlertDialog.Close,
     {
       "data-slot": "alert-dialog-cancel",
@@ -837,14 +941,14 @@ function AlertDialogCancel({
 }
 
 // src/ui/aspect-ratio.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function AspectRatio({
   ratio = 1,
   className,
   style,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "div",
     {
       "data-slot": "aspect-ratio",
@@ -857,9 +961,9 @@ function AspectRatio({
 
 // src/ui/avatar.tsx
 var import_avatar = require("@base-ui/react/avatar");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Avatar({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_avatar.Avatar.Root,
     {
       "data-slot": "avatar",
@@ -872,7 +976,7 @@ function Avatar({ className, ...props }) {
   );
 }
 function AvatarImage({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_avatar.Avatar.Image,
     {
       "data-slot": "avatar-image",
@@ -882,7 +986,7 @@ function AvatarImage({ className, ...props }) {
   );
 }
 function AvatarFallback({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_avatar.Avatar.Fallback,
     {
       "data-slot": "avatar-fallback",
@@ -897,7 +1001,7 @@ function AvatarFallback({ className, ...props }) {
 
 // src/ui/badge.tsx
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority4.cva)(
   "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap [&>svg]:pointer-events-none [&>svg]:size-3",
   {
@@ -919,7 +1023,7 @@ function Badge({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "span",
     {
       "data-slot": "badge",
@@ -932,12 +1036,12 @@ function Badge({
 // src/ui/breadcrumb.tsx
 var import_lucide_react2 = require("lucide-react");
 var React3 = __toESM(require("react"), 1);
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function Breadcrumb({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
 function BreadcrumbList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "ol",
     {
       "data-slot": "breadcrumb-list",
@@ -950,7 +1054,7 @@ function BreadcrumbList({ className, ...props }) {
   );
 }
 function BreadcrumbItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "li",
     {
       "data-slot": "breadcrumb-item",
@@ -975,7 +1079,7 @@ function BreadcrumbLink({
       )
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "a",
     {
       "data-slot": "breadcrumb-link",
@@ -985,7 +1089,7 @@ function BreadcrumbLink({
   );
 }
 function BreadcrumbPage({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "span",
     {
       "data-slot": "breadcrumb-page",
@@ -1002,7 +1106,7 @@ function BreadcrumbSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "li",
     {
       "data-slot": "breadcrumb-separator",
@@ -1010,12 +1114,12 @@ function BreadcrumbSeparator({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronRightIcon, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.ChevronRightIcon, {})
     }
   );
 }
 function BreadcrumbEllipsis({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
@@ -1024,17 +1128,17 @@ function BreadcrumbEllipsis({ className, ...props }) {
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "More" })
       ]
     }
   );
 }
 
 // src/ui/button-group.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function ButtonGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       role: "group",
@@ -1051,9 +1155,9 @@ function ButtonGroup({ className, ...props }) {
 // src/ui/bubble.tsx
 var React4 = __toESM(require("react"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function BubbleGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "bubble-group",
@@ -1087,7 +1191,7 @@ function Bubble({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "bubble",
@@ -1115,7 +1219,7 @@ function BubbleContent({
       ...props
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "bubble-content",
@@ -1150,7 +1254,7 @@ function BubbleReactions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       "data-slot": "bubble-reactions",
@@ -1165,7 +1269,7 @@ function BubbleReactions({
 // src/ui/calendar.tsx
 var import_lucide_react3 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Calendar({
   className,
   classNames,
@@ -1173,7 +1277,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -1230,7 +1334,7 @@ function Calendar({
         ...classNames
       },
       components: {
-        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.ChevronLeftIcon, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.ChevronRightIcon, { className: "size-4" })
+        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.ChevronLeftIcon, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.ChevronRightIcon, { className: "size-4" })
       },
       ...props
     }
@@ -1241,7 +1345,7 @@ function Calendar({
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_lucide_react4 = require("lucide-react");
 var React5 = __toESM(require("react"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var CarouselContext = React5.createContext(null);
 function useCarousel() {
   const context = React5.useContext(CarouselContext);
@@ -1296,7 +1400,7 @@ function Carousel({
       api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     CarouselContext.Provider,
     {
       value: {
@@ -1309,7 +1413,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -1326,7 +1430,7 @@ function Carousel({
 }
 function CarouselContent({ className, ...props }) {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       className: cn(
@@ -1340,7 +1444,7 @@ function CarouselContent({ className, ...props }) {
 }
 function CarouselItem({ className, ...props }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       role: "group",
@@ -1362,7 +1466,7 @@ function CarouselPrevious({
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     Button,
     {
       "data-slot": "carousel-previous",
@@ -1377,8 +1481,8 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.ChevronLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ChevronLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -1390,7 +1494,7 @@ function CarouselNext({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     Button,
     {
       "data-slot": "carousel-next",
@@ -1405,8 +1509,8 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.ChevronRightIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ChevronRightIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -1415,9 +1519,9 @@ function CarouselNext({
 // src/ui/checkbox.tsx
 var import_checkbox = require("@base-ui/react/checkbox");
 var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Checkbox({ className, indeterminate, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_checkbox.Checkbox.Root,
     {
       "data-slot": "checkbox",
@@ -1427,12 +1531,12 @@ function Checkbox({ className, indeterminate, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         import_checkbox.Checkbox.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current",
-          children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.MinusIcon, { className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react5.CheckIcon, { className: "size-3.5" })
+          children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.MinusIcon, { className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.CheckIcon, { className: "size-3.5" })
         }
       )
     }
@@ -1442,18 +1546,18 @@ function Checkbox({ className, indeterminate, ...props }) {
 // src/ui/collapsible.tsx
 var import_collapsible = require("@base-ui/react/collapsible");
 var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Collapsible({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     import_collapsible.Collapsible.Trigger,
     {
       "data-slot": "collapsible-trigger",
@@ -1464,7 +1568,7 @@ function CollapsibleTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
       ]
     }
   );
@@ -1473,7 +1577,7 @@ function CollapsibleContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_collapsible.Collapsible.Panel,
     {
       "data-slot": "collapsible-content",
@@ -1491,16 +1595,16 @@ var import_lucide_react7 = require("lucide-react");
 
 // src/ui/popover.tsx
 var import_popover = require("@base-ui/react/popover");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1510,7 +1614,7 @@ function PopoverContent({
   anchor,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_popover.Popover.Positioner,
     {
       align,
@@ -1518,7 +1622,7 @@ function PopoverContent({
       sideOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         import_popover.Popover.Popup,
         {
           "data-slot": "popover-content",
@@ -1534,13 +1638,13 @@ function PopoverContent({
 }
 
 // src/ui/combobox.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Combobox({
   open,
   onOpenChange,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Popover, { open, onOpenChange: (next) => onOpenChange?.(next), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Popover, { open, onOpenChange: (next) => onOpenChange?.(next), children });
 }
 function ComboboxTrigger({
   className,
@@ -1549,7 +1653,7 @@ function ComboboxTrigger({
   iconClassName,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     PopoverTrigger,
     {
       "data-slot": "combobox-trigger",
@@ -1559,9 +1663,9 @@ function ComboboxTrigger({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children }),
         endAdornment,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.ChevronsUpDownIcon, { className: cn("size-4 shrink-0 opacity-50", iconClassName) })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.ChevronsUpDownIcon, { className: cn("size-4 shrink-0 opacity-50", iconClassName) })
       ]
     }
   );
@@ -1571,7 +1675,7 @@ function ComboboxContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     PopoverContent,
     {
       "data-slot": "combobox-content",
@@ -1585,12 +1689,12 @@ function ComboboxContent({
 // src/ui/command.tsx
 var import_cmdk = require("cmdk");
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_cmdk.Command,
     {
       "data-slot": "command",
@@ -1606,14 +1710,14 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex items-center gap-2 border-b border-border px-3",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           import_cmdk.Command.Input,
           {
             "data-slot": "command-input",
@@ -1632,7 +1736,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_cmdk.Command.List,
     {
       "data-slot": "command-list",
@@ -1647,7 +1751,7 @@ function CommandList({
 function CommandEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_cmdk.Command.Empty,
     {
       "data-slot": "command-empty",
@@ -1660,7 +1764,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_cmdk.Command.Group,
     {
       "data-slot": "command-group",
@@ -1670,43 +1774,214 @@ function CommandGroup({
       ),
       ...props
     }
-  );
-}
-function CommandItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_cmdk.Command.Item,
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_cmdk.Command.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-(--menu-active-background) data-[selected=true]:text-(--menu-active-foreground) [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/confirm-morph.tsx
+var import_lucide_react10 = require("lucide-react");
+var React6 = __toESM(require("react"), 1);
+
+// src/ui/spinner.tsx
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_lucide_react9.Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      "data-slot": "spinner",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/confirm-morph.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function ConfirmMorph({
+  className,
+  variant,
+  size,
+  label,
+  confirmLabel = "\u786E\u8BA4",
+  pendingLabel,
+  successLabel = "\u5DF2\u5B8C\u6210",
+  undoLabel = "\u64A4\u9500",
+  confirmVariant = "destructive",
+  confirmTimeout = 3e3,
+  resetDelay = 1500,
+  onConfirm,
+  onUndo,
+  onStateChange,
+  disabled,
+  type = "button",
+  ...props
+}) {
+  const [state, setState] = React6.useState("idle");
+  const timerRef = React6.useRef(null);
+  const generationRef = React6.useRef(0);
+  const transition = React6.useCallback(
+    (next) => {
+      setState(next);
+      onStateChange?.(next);
+    },
+    [onStateChange]
+  );
+  const clearTimer = React6.useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  React6.useEffect(() => clearTimer, [clearTimer]);
+  const handleClick = () => {
+    if (disabled) return;
+    if (state === "idle") {
+      transition("confirming");
+      clearTimer();
+      timerRef.current = setTimeout(() => {
+        generationRef.current += 1;
+        transition("idle");
+      }, confirmTimeout);
+      return;
+    }
+    if (state === "confirming") {
+      clearTimer();
+      const generation = ++generationRef.current;
+      let result;
+      try {
+        result = onConfirm?.();
+      } catch {
+        transition("error");
+        return;
+      }
+      if (result && typeof result.then === "function") {
+        transition("pending");
+        result.then(
+          () => {
+            if (generationRef.current !== generation) return;
+            transition("success");
+            timerRef.current = setTimeout(
+              () => transition("idle"),
+              resetDelay
+            );
+          },
+          () => {
+            if (generationRef.current !== generation) return;
+            transition("error");
+          }
+        );
+      } else {
+        transition("success");
+        timerRef.current = setTimeout(() => transition("idle"), resetDelay);
+      }
+      return;
+    }
+    if (state === "error") {
+      generationRef.current += 1;
+      onUndo?.();
+      transition("idle");
+    }
+  };
+  const interactive = state === "idle" || state === "confirming" || state === "error";
+  const currentVariant = state === "confirming" ? confirmVariant : variant;
+  const segments = [
+    { key: "idle", content: label },
+    { key: "confirming", content: confirmLabel },
+    {
+      key: "pending",
+      content: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Spinner, { className: "motion-reduce:animate-none" }),
+        pendingLabel ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: pendingLabel }) : null
+      ] })
+    },
+    {
+      key: "success",
+      content: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.CheckIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: successLabel })
+      ] })
+    },
+    {
+      key: "error",
+      content: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.RotateCcwIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: undoLabel })
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    Button,
     {
-      "data-slot": "command-item",
+      "data-slot": "confirm-morph",
+      "data-state": state,
+      variant: currentVariant,
+      size,
+      type,
+      disabled,
+      "aria-busy": state === "pending" || void 0,
       className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-(--menu-active-background) data-[selected=true]:text-(--menu-active-foreground) [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "transition-colors motion-reduce:transition-none",
+        !interactive && "pointer-events-none",
         className
       ),
-      ...props
+      onClick: handleClick,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "grid", children: segments.map((segment) => {
+        const active = state === segment.key;
+        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          "span",
+          {
+            "data-segment": segment.key,
+            "aria-hidden": active ? void 0 : true,
+            className: cn(
+              "col-start-1 row-start-1 inline-flex items-center justify-center gap-2 whitespace-nowrap transition-opacity duration-150 motion-reduce:transition-none",
+              active ? "opacity-100" : "pointer-events-none opacity-0"
+            ),
+            children: segment.content
+          },
+          segment.key
+        );
+      }) })
     }
   );
 }
 
 // src/ui/context-menu.tsx
 var import_context_menu = require("@base-ui/react/context-menu");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function ContextMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_context_menu.ContextMenu.Popup,
     {
       "data-slot": "context-menu-content",
@@ -1723,7 +1998,7 @@ function ContextMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_context_menu.ContextMenu.Item,
     {
       "data-slot": "context-menu-item",
@@ -1740,7 +2015,7 @@ function ContextMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_context_menu.ContextMenu.Separator,
     {
       "data-slot": "context-menu-separator",
@@ -1750,34 +2025,158 @@ function ContextMenuSeparator({
   );
 }
 
+// src/ui/copy-button.tsx
+var React7 = __toESM(require("react"), 1);
+
+// src/ui/icon-morph.tsx
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var MORPH_PAIRS = {
+  "menu-close": { a: import_lucide_react11.Menu, b: import_lucide_react11.X },
+  "play-pause": { a: import_lucide_react11.Play, b: import_lucide_react11.Pause },
+  "copy-check": { a: import_lucide_react11.Copy, b: import_lucide_react11.Check },
+  "plus-minus": { a: import_lucide_react11.Plus, b: import_lucide_react11.Minus }
+};
+function IconMorph({ morph, state, className, style }) {
+  const pair = MORPH_PAIRS[morph];
+  if (!pair) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(
+        `[IconMorph] \u672A\u77E5\u9884\u8BBE\u56FE\u6807\u5BF9 "${morph}"\uFF0C\u5DF2\u6E32\u67D3\u5360\u4F4D\u56FE\u6807\u3002\u53EF\u7528\u503C\uFF1A${Object.keys(MORPH_PAIRS).join(" / ")}`
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "span",
+      {
+        "data-slot": "icon-morph",
+        "data-unknown": morph,
+        className: cn("relative inline-flex size-4 shrink-0", className),
+        style,
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.CircleQuestionMark, { className: "size-full" })
+      }
+    );
+  }
+  const layers = [
+    { key: "a", Icon: pair.a },
+    { key: "b", Icon: pair.b }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "span",
+    {
+      "data-slot": "icon-morph",
+      "data-state": state,
+      className: cn("relative inline-flex size-4 shrink-0", className),
+      style,
+      "aria-hidden": "true",
+      children: layers.map(({ key, Icon }) => {
+        const active = state === key;
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          Icon,
+          {
+            "data-state": active ? "active" : "inactive",
+            className: cn(
+              "absolute inset-0 size-full transition-all duration-200 ease-out motion-reduce:transition-none",
+              active ? "rotate-0 scale-100 opacity-100" : "scale-50 opacity-0",
+              !active && (key === "a" ? "-rotate-90" : "rotate-90")
+            )
+          },
+          key
+        );
+      })
+    }
+  );
+}
+
+// src/ui/copy-button.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function CopyButton({
+  className,
+  variant = "outline",
+  size = "sm",
+  value,
+  label,
+  copiedLabel,
+  resetDelay = 1500,
+  onCopy,
+  onError,
+  onClick,
+  disabled,
+  type = "button",
+  ...props
+}) {
+  const [copied, setCopied] = React7.useState(false);
+  const timerRef = React7.useRef(null);
+  React7.useEffect(
+    () => () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  const handleClick = async (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented || disabled) return;
+    try {
+      if (!navigator.clipboard?.writeText) {
+        throw new Error("navigator.clipboard \u4E0D\u53EF\u7528\uFF08\u975E\u5B89\u5168\u4E0A\u4E0B\u6587\uFF09");
+      }
+      await navigator.clipboard.writeText(value);
+      if (timerRef.current) clearTimeout(timerRef.current);
+      setCopied(true);
+      onCopy?.(value);
+      timerRef.current = setTimeout(() => setCopied(false), resetDelay);
+    } catch (error) {
+      onError?.(error);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    Button,
+    {
+      "data-slot": "copy-button",
+      "data-state": copied ? "copied" : "idle",
+      variant,
+      size,
+      type,
+      disabled,
+      className: cn(className),
+      onClick: handleClick,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(IconMorph, { morph: "copy-check", state: copied ? "b" : "a" }),
+        copied && copiedLabel ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: copiedLabel }) : label ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: label }) : null
+      ]
+    }
+  );
+}
+
 // src/ui/drawer.tsx
 var import_vaul = require("vaul");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function Drawer({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerClose({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_vaul.Drawer.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -1792,8 +2191,8 @@ function DrawerContent({
   overlayProps,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "div",
       {
         "data-slot": "drawer-overlay",
@@ -1804,7 +2203,7 @@ function DrawerContent({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       import_vaul.Drawer.Content,
       {
         "data-slot": "drawer-content",
@@ -1818,7 +2217,7 @@ function DrawerContent({
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       }
@@ -1826,7 +2225,7 @@ function DrawerContent({
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       "data-slot": "drawer-header",
@@ -1836,7 +2235,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -1849,7 +2248,7 @@ function DrawerTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_vaul.Drawer.Title,
     {
       "data-slot": "drawer-title",
@@ -1862,7 +2261,7 @@ function DrawerDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_vaul.Drawer.Description,
     {
       "data-slot": "drawer-description",
@@ -1874,17 +2273,17 @@ function DrawerDescription({
 
 // src/ui/dropdown-menu.tsx
 var import_menu = require("@base-ui/react/menu");
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   className,
@@ -1893,14 +2292,14 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_menu.Menu.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_menu.Menu.Popup,
         {
           "data-slot": "dropdown-menu-content",
@@ -1919,7 +2318,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_menu.Menu.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -1936,7 +2335,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_menu.Menu.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -1948,14 +2347,14 @@ function DropdownMenuSeparator({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     import_menu.Menu.SubmenuTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -1966,7 +2365,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.ChevronRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react12.ChevronRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -1976,7 +2375,7 @@ function DropdownMenuSubContent({
   sideOffset = 2,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_menu.Menu.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_menu.Menu.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_menu.Menu.Popup,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -1989,18 +2388,191 @@ function DropdownMenuSubContent({
   ) }) });
 }
 
+// src/ui/expanding-button-group.tsx
+var React8 = __toESM(require("react"), 1);
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function ExpandingButtonGroup({
+  options,
+  onSelect,
+  className,
+  style
+}) {
+  const [expanded, setExpanded] = React8.useState(null);
+  const [confirming, setConfirming] = React8.useState(null);
+  const handleClick = (option) => {
+    if (option.confirm) {
+      if (confirming === option.value) {
+        setConfirming(null);
+        onSelect?.(option.value);
+      } else {
+        setConfirming(option.value);
+      }
+      return;
+    }
+    onSelect?.(option.value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    "div",
+    {
+      role: "group",
+      "data-slot": "expanding-button-group",
+      className: cn("inline-flex w-fit items-center gap-1", className),
+      style,
+      children: options.map((option) => {
+        const isConfirming = confirming === option.value;
+        const isExpanded = expanded === option.value || isConfirming;
+        return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          "button",
+          {
+            type: "button",
+            "data-slot": "expanding-button-group-item",
+            "data-value": option.value,
+            "data-expanded": isExpanded ? "" : void 0,
+            "data-confirming": isConfirming ? "" : void 0,
+            disabled: option.disabled,
+            className: cn(
+              "inline-flex h-8 cursor-pointer items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium whitespace-nowrap outline-none transition-colors duration-150 hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4",
+              isConfirming && "bg-destructive text-destructive-foreground hover:bg-destructive/90"
+            ),
+            onMouseEnter: () => setExpanded(option.value),
+            onMouseLeave: () => {
+              setExpanded(null);
+              setConfirming(
+                (prev) => prev === option.value ? null : prev
+              );
+            },
+            onFocus: () => setExpanded(option.value),
+            onBlur: () => {
+              setExpanded(null);
+              setConfirming(
+                (prev) => prev === option.value ? null : prev
+              );
+            },
+            onClick: () => handleClick(option),
+            children: [
+              option.icon,
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                "span",
+                {
+                  className: "grid transition-[grid-template-columns] duration-200 ease-out motion-reduce:transition-none",
+                  style: { gridTemplateColumns: isExpanded ? "1fr" : "0fr" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "overflow-hidden", children: isConfirming ? option.confirmLabel ?? "\u786E\u8BA4" : option.label })
+                }
+              )
+            ]
+          },
+          option.value
+        );
+      })
+    }
+  );
+}
+
+// src/ui/floating-button-group.tsx
+var React9 = __toESM(require("react"), 1);
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function FloatingButtonGroup({
+  options,
+  value,
+  onSelect,
+  className,
+  style
+}) {
+  const containerRef = React9.useRef(null);
+  const buttonRefs = React9.useRef(/* @__PURE__ */ new Map());
+  const [hovered, setHovered] = React9.useState(null);
+  const [box, setBox] = React9.useState(null);
+  const [visible, setVisible] = React9.useState(false);
+  const target = value ?? hovered;
+  React9.useLayoutEffect(() => {
+    if (!target) {
+      setVisible(false);
+      return;
+    }
+    const el = buttonRefs.current.get(target);
+    if (!el || el.offsetWidth === 0) {
+      setVisible(false);
+      return;
+    }
+    setBox({ x: el.offsetLeft, width: el.offsetWidth });
+    setVisible(true);
+  }, [target]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    "div",
+    {
+      ref: containerRef,
+      role: "group",
+      "data-slot": "floating-button-group",
+      className: cn(
+        "relative inline-flex w-fit items-center gap-1 rounded-full bg-muted p-1",
+        className
+      ),
+      style,
+      onMouseLeave: () => setHovered(null),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          "span",
+          {
+            "data-slot": "floating-button-group-highlight",
+            "aria-hidden": "true",
+            className: cn(
+              "absolute inset-y-1 left-0 rounded-full bg-card shadow-sm transition-[transform,width,opacity] duration-200 ease-out motion-reduce:transition-none",
+              visible ? "opacity-100" : "opacity-0"
+            ),
+            style: {
+              width: box?.width ?? 0,
+              transform: `translateX(${box?.x ?? 0}px)`
+            }
+          }
+        ),
+        options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          "button",
+          {
+            type: "button",
+            ref: (el) => {
+              if (el) buttonRefs.current.set(option.value, el);
+              else buttonRefs.current.delete(option.value);
+            },
+            "data-slot": "floating-button-group-item",
+            "data-value": option.value,
+            "data-active": value === option.value ? "" : void 0,
+            disabled: option.disabled,
+            className: cn(
+              "relative z-10 inline-flex h-8 cursor-pointer items-center justify-center gap-1.5 rounded-full px-3 text-sm font-medium whitespace-nowrap outline-none transition-[transform,color] duration-150 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:scale-95 disabled:pointer-events-none disabled:opacity-50 motion-reduce:transition-none motion-reduce:active:transform-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4",
+              target === option.value ? "text-foreground" : "text-muted-foreground"
+            ),
+            onMouseEnter: () => setHovered(option.value),
+            onFocus: (event) => {
+              if (event.currentTarget.matches(":focus-visible")) {
+                setHovered(option.value);
+              }
+            },
+            onBlur: () => setHovered(null),
+            onClick: () => onSelect?.(option.value),
+            children: [
+              option.icon,
+              option.label ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: option.label }) : null
+            ]
+          },
+          option.value
+        ))
+      ]
+    }
+  );
+}
+
 // src/ui/hover-card.tsx
 var import_preview_card = require("@base-ui/react/preview-card");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_preview_card.PreviewCard.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_preview_card.PreviewCard.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_preview_card.PreviewCard.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_preview_card.PreviewCard.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -2009,14 +2581,14 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_preview_card.PreviewCard.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         import_preview_card.PreviewCard.Popup,
         {
           "data-slot": "hover-card-content",
@@ -2034,12 +2606,12 @@ function HoverCardContent({
 // src/ui/menubar.tsx
 var import_menu2 = require("@base-ui/react/menu");
 var import_menubar = require("@base-ui/react/menubar");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Menubar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_menubar.Menubar,
     {
       "data-slot": "menubar",
@@ -2054,13 +2626,13 @@ function Menubar({
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_menu2.Menu.Root, { "data-slot": "menubar-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_menu2.Menu.Root, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_menu2.Menu.Trigger,
     {
       "data-slot": "menubar-trigger",
@@ -2079,14 +2651,14 @@ function MenubarContent({
   sideOffset = 8,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_menu2.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_menu2.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_menu2.Menu.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         import_menu2.Menu.Popup,
         {
           "data-slot": "menubar-content",
@@ -2105,7 +2677,7 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_menu2.Menu.Item,
     {
       "data-slot": "menubar-item",
@@ -2122,7 +2694,7 @@ function MenubarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_menu2.Menu.Separator,
     {
       "data-slot": "menubar-separator",
@@ -2134,15 +2706,15 @@ function MenubarSeparator({
 
 // src/ui/navigation-menu.tsx
 var import_navigation_menu = require("@base-ui/react/navigation-menu");
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function NavigationMenu({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     import_navigation_menu.NavigationMenu.Root,
     {
       "data-slot": "navigation-menu",
@@ -2150,7 +2722,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(NavigationMenuViewport, {})
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(NavigationMenuViewport, {})
       ]
     }
   );
@@ -2159,7 +2731,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_navigation_menu.NavigationMenu.List,
     {
       "data-slot": "navigation-menu-list",
@@ -2172,7 +2744,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_navigation_menu.NavigationMenu.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -2189,7 +2761,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     import_navigation_menu.NavigationMenu.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -2197,8 +2769,8 @@ function NavigationMenuTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          import_lucide_react10.ChevronDownIcon,
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          import_lucide_react13.ChevronDownIcon,
           {
             className: "relative top-px ml-1 size-3 transition-transform duration-200 group-data-open/navigation-menu-trigger:rotate-180",
             "aria-hidden": "true"
@@ -2212,7 +2784,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_navigation_menu.NavigationMenu.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -2225,13 +2797,13 @@ function NavigationMenuContent({
   );
 }
 function NavigationMenuViewport({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_navigation_menu.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_navigation_menu.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_navigation_menu.NavigationMenu.Positioner,
     {
       side: "bottom",
       align: "start",
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         import_navigation_menu.NavigationMenu.Popup,
         {
           "data-slot": "navigation-menu-popup",
@@ -2239,7 +2811,7 @@ function NavigationMenuViewport({ className }) {
             "origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_navigation_menu.NavigationMenu.Viewport, { "data-slot": "navigation-menu-viewport" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_navigation_menu.NavigationMenu.Viewport, { "data-slot": "navigation-menu-viewport" })
         }
       )
     }
@@ -2249,7 +2821,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_navigation_menu.NavigationMenu.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -2263,10 +2835,10 @@ function NavigationMenuLink({
 }
 
 // src/ui/pagination.tsx
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "nav",
     {
       role: "navigation",
@@ -2278,7 +2850,7 @@ function Pagination({ className, ...props }) {
   );
 }
 function PaginationContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -2288,7 +2860,7 @@ function PaginationContent({ className, ...props }) {
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -2296,7 +2868,7 @@ function PaginationLink({
   disabled,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -2320,15 +2892,15 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ChevronLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react14.ChevronLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -2337,21 +2909,21 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     PaginationLink,
     {
       "aria-label": "Go to next page",
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ChevronRightIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react14.ChevronRightIcon, {})
       ]
     }
   );
 }
 function PaginationEllipsis({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "span",
     {
       "aria-hidden": true,
@@ -2359,8 +2931,8 @@ function PaginationEllipsis({ className, ...props }) {
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react14.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -2368,34 +2940,34 @@ function PaginationEllipsis({ className, ...props }) {
 
 // src/ui/sheet.tsx
 var import_dialog = require("@base-ui/react/dialog");
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 var import_class_variance_authority7 = require("class-variance-authority");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Sheet({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_dialog.Dialog.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_dialog.Dialog.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_dialog.Dialog.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_dialog.Dialog.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_dialog.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_dialog.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_dialog.Dialog.Backdrop,
     {
       "data-slot": "sheet-overlay",
@@ -2429,9 +3001,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(SheetPortal, { "data-slot": "sheet-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(SheetPortal, { "data-slot": "sheet-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       import_dialog.Dialog.Popup,
       {
         "data-slot": "sheet-content",
@@ -2439,11 +3011,11 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
             import_dialog.Dialog.Close,
             {
               "data-slot": "sheet-close",
-              render: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              render: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "button",
                 {
                   type: "button",
@@ -2451,8 +3023,8 @@ function SheetContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react15.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2462,7 +3034,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       "data-slot": "sheet-header",
@@ -2472,7 +3044,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -2485,7 +3057,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_dialog.Dialog.Title,
     {
       "data-slot": "sheet-title",
@@ -2498,7 +3070,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_dialog.Dialog.Description,
     {
       "data-slot": "sheet-description",
@@ -2510,8 +3082,8 @@ function SheetDescription({
 
 // src/ui/toast.tsx
 var import_toast = require("@base-ui/react/toast");
-var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_lucide_react16 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var toastManager = import_toast.Toast.createToastManager();
 function toast(message, options = {}) {
   return toastManager.add({
@@ -2529,7 +3101,7 @@ var toastVariantClass = {
 };
 function ToasterViewport({ className }) {
   const { toasts } = import_toast.Toast.useToastManager();
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_toast.Toast.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_toast.Toast.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_toast.Toast.Viewport,
     {
       "data-slot": "toast-viewport",
@@ -2537,7 +3109,7 @@ function ToasterViewport({ className }) {
         "fixed top-4 right-4 z-[100] flex w-80 flex-col gap-2 outline-none",
         className
       ),
-      children: toasts.map((item) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      children: toasts.map((item) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         import_toast.Toast.Root,
         {
           toast: item,
@@ -2547,16 +3119,16 @@ function ToasterViewport({ className }) {
             "rounded-md border border-border bg-popover px-4 py-3 text-sm text-popover-foreground shadow-md shadow-(color:--shadow-color) transition-[opacity,transform] duration-200 data-ending-style:animate-toast-out data-starting-style:animate-toast-in",
             toastVariantClass[item.type ?? "info"] ?? toastVariantClass.info
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_toast.Toast.Content, { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "grid gap-0.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_toast.Toast.Content, { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "grid gap-0.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 import_toast.Toast.Title,
                 {
                   "data-slot": "toast-title",
                   className: "font-medium"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 import_toast.Toast.Description,
                 {
                   "data-slot": "toast-description",
@@ -2564,13 +3136,13 @@ function ToasterViewport({ className }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
               import_toast.Toast.Close,
               {
                 "data-slot": "toast-close",
                 "aria-label": "Close",
                 className: "cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none [&_svg]:size-3.5",
-                children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.XIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react16.XIcon, {})
               }
             )
           ] })
@@ -2581,71 +3153,11 @@ function ToasterViewport({ className }) {
   ) });
 }
 function Toaster({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_toast.Toast.Provider, { toastManager, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ToasterViewport, { className }) });
-}
-
-// src/ui/tooltip.tsx
-var import_tooltip = require("@base-ui/react/tooltip");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-function TooltipProvider({
-  delay = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_tooltip.Tooltip.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delay,
-      ...props
-    }
-  );
-}
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({
-  className,
-  side = "top",
-  sideOffset = 4,
-  align = "center",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_tooltip.Tooltip.Positioner,
-    {
-      align,
-      side,
-      sideOffset,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-        import_tooltip.Tooltip.Popup,
-        {
-          "data-slot": "tooltip-content",
-          className: cn(
-            "z-50 w-fit origin-(--transform-origin) rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0 data-closed:zoom-out-95",
-            className
-          ),
-          ...props,
-          children: [
-            children,
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 rounded-[2px] bg-primary fill-primary data-[side=top]:-bottom-1 data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1" })
-          ]
-        }
-      )
-    }
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_toast.Toast.Provider, { toastManager, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ToasterViewport, { className }) });
 }
 
 // src/ui/card.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var cardRoundedClasses = {
   none: "rounded-none",
   sm: "rounded-sm",
@@ -2660,7 +3172,7 @@ function Card({
   rounded = "lg",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       "data-slot": "card",
@@ -2674,7 +3186,7 @@ function Card({
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       "data-slot": "card-header",
@@ -2687,7 +3199,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       "data-slot": "card-title",
@@ -2697,7 +3209,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       "data-slot": "card-description",
@@ -2707,7 +3219,7 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       "data-slot": "card-action",
@@ -2720,7 +3232,7 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       "data-slot": "card-content",
@@ -2730,7 +3242,7 @@ function CardContent({ className, ...props }) {
   );
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       "data-slot": "card-footer",
@@ -2742,33 +3254,33 @@ function CardFooter({ className, ...props }) {
 
 // src/ui/dialog.tsx
 var import_dialog2 = require("@base-ui/react/dialog");
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_dialog2.Dialog.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_dialog2.Dialog.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_dialog2.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_dialog2.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_dialog2.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_dialog2.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_dialog2.Dialog.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_dialog2.Dialog.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_dialog2.Dialog.Backdrop,
     {
       "data-slot": "dialog-overlay",
@@ -2786,9 +3298,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       import_dialog2.Dialog.Popup,
       {
         "data-slot": "dialog-content",
@@ -2799,11 +3311,11 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
             import_dialog2.Dialog.Close,
             {
               "data-slot": "dialog-close",
-              render: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              render: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 "button",
                 {
                   type: "button",
@@ -2811,8 +3323,8 @@ function DialogContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react17.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2822,7 +3334,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       "data-slot": "dialog-header",
@@ -2832,7 +3344,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -2848,7 +3360,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_dialog2.Dialog.Title,
     {
       "data-slot": "dialog-title",
@@ -2861,7 +3373,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_dialog2.Dialog.Description,
     {
       "data-slot": "dialog-description",
@@ -2872,9 +3384,9 @@ function DialogDescription({
 }
 
 // src/ui/empty.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       "data-slot": "empty",
@@ -2887,7 +3399,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       "data-slot": "empty-header",
@@ -2897,7 +3409,7 @@ function EmptyHeader({ className, ...props }) {
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       "data-slot": "empty-title",
@@ -2907,7 +3419,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "p",
     {
       "data-slot": "empty-description",
@@ -2917,7 +3429,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       "data-slot": "empty-content",
@@ -2932,9 +3444,9 @@ function EmptyContent({ className, ...props }) {
 
 // src/ui/field.tsx
 var import_field = require("@base-ui/react/field");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Field({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_field.Field.Root,
     {
       "data-slot": "field",
@@ -2944,7 +3456,7 @@ function Field({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_field.Field.Label,
     {
       "data-slot": "field-label",
@@ -2954,7 +3466,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_field.Field.Description,
     {
       "data-slot": "field-description",
@@ -2964,7 +3476,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldError({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_field.Field.Error,
     {
       "data-slot": "field-error",
@@ -2975,9 +3487,9 @@ function FieldError({ className, ...props }) {
 }
 
 // src/ui/input.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "input",
     {
       type,
@@ -2992,9 +3504,9 @@ function Input({ className, type, ...props }) {
 }
 
 // src/ui/input-group.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "input-group",
@@ -3016,7 +3528,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       role: "group",
@@ -3035,7 +3547,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "input",
     {
       "data-slot": "input-group-input",
@@ -3050,15 +3562,15 @@ function InputGroupInput({
 
 // src/ui/input-otp.tsx
 var import_input_otp = require("input-otp");
-var import_lucide_react15 = require("lucide-react");
-var React6 = __toESM(require("react"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_lucide_react18 = require("lucide-react");
+var React10 = __toESM(require("react"), 1);
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function InputOTP({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_input_otp.OTPInput,
     {
       "data-slot": "input-otp",
@@ -3072,7 +3584,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -3086,9 +3598,9 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React6.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React10.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -3100,19 +3612,19 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
+        hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react15.MinusIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.MinusIcon, {}) });
 }
 
 // src/ui/item.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Item({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "div",
     {
       "data-slot": "item",
@@ -3125,7 +3637,7 @@ function Item({ className, ...props }) {
   );
 }
 function ItemMedia({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "div",
     {
       "data-slot": "item-media",
@@ -3138,7 +3650,7 @@ function ItemMedia({ className, ...props }) {
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "div",
     {
       "data-slot": "item-content",
@@ -3148,7 +3660,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "div",
     {
       "data-slot": "item-title",
@@ -3158,7 +3670,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "p",
     {
       "data-slot": "item-description",
@@ -3168,7 +3680,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "div",
     {
       "data-slot": "item-actions",
@@ -3179,9 +3691,9 @@ function ItemActions({ className, ...props }) {
 }
 
 // src/ui/kbd.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "kbd",
     {
       "data-slot": "kbd",
@@ -3195,12 +3707,12 @@ function Kbd({ className, ...props }) {
 }
 
 // src/ui/label.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "label",
     {
       "data-slot": "label",
@@ -3214,9 +3726,9 @@ function Label({
 }
 
 // src/ui/message.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function MessageGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "message-group",
@@ -3230,7 +3742,7 @@ function Message({
   align = "start",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "message",
@@ -3244,7 +3756,7 @@ function Message({
   );
 }
 function MessageAvatar({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "message-avatar",
@@ -3257,7 +3769,7 @@ function MessageAvatar({ className, ...props }) {
   );
 }
 function MessageContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "message-content",
@@ -3270,7 +3782,7 @@ function MessageContent({ className, ...props }) {
   );
 }
 function MessageHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "message-header",
@@ -3283,7 +3795,7 @@ function MessageHeader({ className, ...props }) {
   );
 }
 function MessageFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "message-footer",
@@ -3298,9 +3810,9 @@ function MessageFooter({ className, ...props }) {
 
 // src/ui/progress.tsx
 var import_progress = require("@base-ui/react/progress");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Progress({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_progress.Progress.Root,
     {
       "data-slot": "progress",
@@ -3310,7 +3822,7 @@ function Progress({ className, ...props }) {
   );
 }
 function ProgressTrack({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_progress.Progress.Track,
     {
       "data-slot": "progress-track",
@@ -3323,7 +3835,7 @@ function ProgressIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_progress.Progress.Indicator,
     {
       "data-slot": "progress-indicator",
@@ -3339,9 +3851,9 @@ function ProgressIndicator({
 // src/ui/radio-group.tsx
 var import_radio = require("@base-ui/react/radio");
 var import_radio_group = require("@base-ui/react/radio-group");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function RadioGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_radio_group.RadioGroup,
     {
       "data-slot": "radio-group",
@@ -3351,7 +3863,7 @@ function RadioGroup({ className, ...props }) {
   );
 }
 function RadioGroupItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_radio.Radio.Root,
     {
       "data-slot": "radio-group-item",
@@ -3360,12 +3872,12 @@ function RadioGroupItem({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         import_radio.Radio.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "size-2 rounded-full bg-(--radio-checked)" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "size-2 rounded-full bg-(--radio-checked)" })
         }
       )
     }
@@ -3373,14 +3885,14 @@ function RadioGroupItem({ className, ...props }) {
 }
 
 // src/ui/resizable.tsx
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react19 = require("lucide-react");
 var import_react_resizable_panels = require("react-resizable-panels");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function PanelGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     import_react_resizable_panels.Group,
     {
       "data-slot": "resizable-panel-group",
@@ -3393,14 +3905,14 @@ function PanelGroup({
   );
 }
 function Panel({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_resizable_panels.Panel, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_resizable_panels.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   withHandle,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     import_react_resizable_panels.Separator,
     {
       "data-slot": "resizable-handle",
@@ -3409,27 +3921,27 @@ function ResizableHandle({
         className
       ),
       ...props,
-      children: withHandle ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react16.GripVerticalIcon, { className: "size-2.5" }) }) : null
+      children: withHandle ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react19.GripVerticalIcon, { className: "size-2.5" }) }) : null
     }
   );
 }
 
 // src/ui/scroll-area.tsx
 var import_scroll_area = require("@base-ui/react/scroll-area");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     import_scroll_area.ScrollArea.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           import_scroll_area.ScrollArea.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -3437,8 +3949,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_scroll_area.ScrollArea.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_scroll_area.ScrollArea.Corner, {})
       ]
     }
   );
@@ -3448,7 +3960,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_scroll_area.ScrollArea.Scrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -3460,7 +3972,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         import_scroll_area.ScrollArea.Thumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -3473,18 +3985,18 @@ function ScrollBar({
 
 // src/ui/select.tsx
 var import_select = require("@base-ui/react/select");
-var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_lucide_react20 = require("lucide-react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var Select = import_select.Select.Root;
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.Select.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.Select.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -3493,7 +4005,7 @@ function SelectTrigger({
   iconClassName,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     import_select.Select.Trigger,
     {
       "data-slot": "select-trigger",
@@ -3505,10 +4017,10 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           import_select.Select.Icon,
           {
-            render: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react17.ChevronDownIcon, { className: cn("size-4 opacity-50", iconClassName) })
+            render: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react20.ChevronDownIcon, { className: cn("size-4 opacity-50", iconClassName) })
           }
         )
       ]
@@ -3526,7 +4038,7 @@ function SelectContent({
   alignItemWithTrigger = false,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     import_select.Select.Positioner,
     {
       side,
@@ -3534,7 +4046,7 @@ function SelectContent({
       align,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
         import_select.Select.Popup,
         {
           "data-slot": "select-content",
@@ -3548,9 +4060,9 @@ function SelectContent({
           ),
           ...props,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectScrollUpButton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.List, { className: "p-1", children }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectScrollDownButton, {})
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectScrollUpButton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.Select.List, { className: "p-1", children }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectScrollDownButton, {})
           ]
         }
       )
@@ -3561,7 +4073,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     import_select.Select.GroupLabel,
     {
       "data-slot": "select-label",
@@ -3575,7 +4087,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     import_select.Select.Item,
     {
       "data-slot": "select-item",
@@ -3585,8 +4097,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react17.CheckIcon, { className: "size-4" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_select.Select.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react20.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.Select.ItemText, { children })
       ]
     }
   );
@@ -3595,7 +4107,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     import_select.Select.Separator,
     {
       "data-slot": "select-separator",
@@ -3608,7 +4120,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     import_select.Select.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
@@ -3617,7 +4129,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react17.ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react20.ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -3625,7 +4137,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     import_select.Select.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
@@ -3634,21 +4146,21 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react17.ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react20.ChevronDownIcon, { className: "size-4" })
     }
   );
 }
 
 // src/ui/separator.tsx
 var import_separator = require("@base-ui/react/separator");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Separator({
   className,
   orientation = "horizontal",
   decorative: _decorative,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_separator.Separator,
     {
       "data-slot": "separator",
@@ -3663,9 +4175,9 @@ function Separator({
 }
 
 // src/ui/sidebar.tsx
-var React7 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 var import_class_variance_authority8 = require("class-variance-authority");
-var import_lucide_react18 = require("lucide-react");
+var import_lucide_react21 = require("lucide-react");
 
 // src/hooks/use-mobile.ts
 var import_react = require("react");
@@ -3690,9 +4202,9 @@ function useIsMobile() {
 }
 
 // src/ui/skeleton.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "div",
     {
       "data-slot": "skeleton",
@@ -3703,14 +4215,14 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/ui/sidebar.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React7.createContext(null);
+var SidebarContext = React11.createContext(null);
 function useSidebar() {
-  const context = React7.useContext(SidebarContext);
+  const context = React11.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -3726,10 +4238,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React7.useState(false);
-  const [_open, _setOpen] = React7.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React11.useState(false);
+  const [_open, _setOpen] = React11.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React7.useCallback(
+  const setOpen = React11.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -3741,10 +4253,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React7.useCallback(() => {
+  const toggleSidebar = React11.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React7.useEffect(() => {
+  React11.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -3755,7 +4267,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React7.useMemo(
+  const contextValue = React11.useMemo(
     () => ({
       state,
       open,
@@ -3767,7 +4279,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TooltipProvider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipProvider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -3791,7 +4303,7 @@ function SidebarRoot({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       "div",
       {
         "data-slot": "sidebar",
@@ -3805,7 +4317,7 @@ function SidebarRoot({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -3817,16 +4329,16 @@ function SidebarRoot({
         },
         side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -3836,7 +4348,7 @@ function SidebarRoot({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -3848,7 +4360,7 @@ function SidebarRoot({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -3864,7 +4376,7 @@ function SidebarRoot({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -3885,7 +4397,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     Button,
     {
       "data-sidebar": "trigger",
@@ -3899,15 +4411,15 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.PanelLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react21.PanelLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "button",
     {
       "data-sidebar": "rail",
@@ -3930,7 +4442,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -3949,7 +4461,7 @@ function SidebarInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     Input,
     {
       "data-slot": "sidebar-input",
@@ -3960,7 +4472,7 @@ function SidebarInput({
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -3971,7 +4483,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -3985,7 +4497,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     Separator,
     {
       "data-slot": "sidebar-separator",
@@ -3996,7 +4508,7 @@ function SidebarSeparator({
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -4010,7 +4522,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -4021,10 +4533,10 @@ function SidebarGroup({ className, ...props }) {
   );
 }
 function renderAsChild(children, dataSlot, className, rest) {
-  if (!React7.isValidElement(children)) {
+  if (!React11.isValidElement(children)) {
     return null;
   }
-  return React7.cloneElement(children, {
+  return React11.cloneElement(children, {
     "data-slot": dataSlot,
     className: cn(
       className,
@@ -4047,7 +4559,7 @@ function SidebarGroupLabel({
   if (asChild) {
     return renderAsChild(children, "sidebar-group-label", cls, props);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "sidebar-group-label",
@@ -4073,7 +4585,7 @@ function SidebarGroupAction({
   if (asChild) {
     return renderAsChild(children, "sidebar-group-action", cls, props);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "button",
     {
       "data-slot": "sidebar-group-action",
@@ -4088,7 +4600,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -4099,7 +4611,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -4110,7 +4622,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -4157,7 +4669,7 @@ function SidebarMenuButton({
     "data-size": size,
     "data-active": isActive,
     ...props
-  }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "button",
     {
       "data-slot": "sidebar-menu-button",
@@ -4177,9 +4689,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TooltipTrigger, { render: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipTrigger, { render: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       TooltipContent,
       {
         side: "right",
@@ -4210,7 +4722,7 @@ function SidebarMenuAction({
   if (asChild) {
     return renderAsChild(children, "sidebar-menu-action", cls, props);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "button",
     {
       "data-slot": "sidebar-menu-action",
@@ -4225,7 +4737,7 @@ function SidebarMenuBadge({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "sidebar-menu-badge",
@@ -4248,10 +4760,10 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React7.useMemo(() => {
+  const width = React11.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "div",
     {
       "data-slot": "sidebar-menu-skeleton",
@@ -4259,14 +4771,14 @@ function SidebarMenuSkeleton({
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -4281,7 +4793,7 @@ function SidebarMenuSkeleton({
   );
 }
 function SidebarMenuSub({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
@@ -4299,7 +4811,7 @@ function SidebarMenuSubItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "li",
     {
       "data-slot": "sidebar-menu-sub-item",
@@ -4335,7 +4847,7 @@ function SidebarMenuSubButton({
   }
   return (
     // eslint-disable-next-line jsx-a11y/anchor-has-content
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       "a",
       {
         "data-slot": "sidebar-menu-sub-button",
@@ -4352,9 +4864,9 @@ function SidebarMenuSubButton({
 
 // src/ui/slider.tsx
 var import_slider = require("@base-ui/react/slider");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Slider({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_slider.Slider.Root,
     {
       "data-slot": "slider",
@@ -4367,7 +4879,7 @@ function Slider({ className, ...props }) {
   );
 }
 function SliderControl({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_slider.Slider.Control,
     {
       "data-slot": "slider-control",
@@ -4377,7 +4889,7 @@ function SliderControl({ className, ...props }) {
   );
 }
 function SliderTrack({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_slider.Slider.Track,
     {
       "data-slot": "slider-track",
@@ -4390,7 +4902,7 @@ function SliderTrack({ className, ...props }) {
   );
 }
 function SliderIndicator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_slider.Slider.Indicator,
     {
       "data-slot": "slider-indicator",
@@ -4400,7 +4912,7 @@ function SliderIndicator({ className, ...props }) {
   );
 }
 function SliderThumb({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_slider.Slider.Thumb,
     {
       "data-slot": "slider-thumb",
@@ -4413,27 +4925,72 @@ function SliderThumb({ className, ...props }) {
   );
 }
 
-// src/ui/spinner.tsx
-var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
-function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-    import_lucide_react19.Loader2Icon,
-    {
-      role: "status",
-      "aria-label": "Loading",
-      "data-slot": "spinner",
-      className: cn("size-4 animate-spin", className),
-      ...props
-    }
-  );
+// src/ui/split-button.tsx
+var import_lucide_react22 = require("lucide-react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+function SplitButton({
+  className,
+  style,
+  variant,
+  size,
+  disabled,
+  children,
+  options,
+  onSelect,
+  triggerLabel = "\u66F4\u591A\u9009\u9879",
+  type = "button",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(ButtonGroup, { "data-slot": "split-button", className: cn(className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      Button,
+      {
+        variant,
+        size,
+        disabled,
+        type,
+        ...props,
+        children
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        DropdownMenuTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            Button,
+            {
+              variant,
+              size,
+              disabled,
+              "aria-label": triggerLabel,
+              className: "px-2",
+              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react22.ChevronDownIcon, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DropdownMenuContent, { align: "end", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+        DropdownMenuItem,
+        {
+          disabled: option.disabled,
+          onClick: () => onSelect?.(option.value),
+          children: [
+            option.icon,
+            option.label
+          ]
+        },
+        option.value
+      )) })
+    ] })
+  ] });
 }
 
 // src/ui/switch.tsx
 var import_switch = require("@base-ui/react/switch");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Switch({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_switch.Switch.Root,
     {
       "data-slot": "switch",
@@ -4442,7 +4999,7 @@ function Switch({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         import_switch.Switch.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -4454,20 +5011,20 @@ function Switch({ className, ...props }) {
 }
 
 // src/ui/table.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function Table({
   className,
   containerClassName,
   containerStyle,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: cn("relative w-full overflow-x-auto", containerClassName),
       style: containerStyle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         "table",
         {
           "data-slot": "table",
@@ -4479,7 +5036,7 @@ function Table({
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "thead",
     {
       "data-slot": "table-header",
@@ -4489,7 +5046,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -4499,7 +5056,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -4512,7 +5069,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -4525,7 +5082,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -4538,7 +5095,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "td",
     {
       "data-slot": "table-cell",
@@ -4554,7 +5111,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "caption",
     {
       "data-slot": "table-caption",
@@ -4567,12 +5124,12 @@ function TableCaption({
 // src/ui/tabs.tsx
 var import_tabs = require("@base-ui/react/tabs");
 var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Tabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_tabs.Tabs.Root,
     {
       "data-slot": "tabs",
@@ -4589,24 +5146,35 @@ var tabsListVariants = (0, import_class_variance_authority9.cva)(
         default: "h-9 rounded-lg bg-muted p-[3px]",
         // line：页签栏通栏（下划线轨道占满容器宽），触发器自然宽度靠左排列
         line: "h-auto w-full justify-start gap-1 rounded-none border-b border-border bg-transparent p-0"
+      },
+      /** 尺寸（对齐 Button 的 size 语义）：sm 经 compoundVariants 仅压缩胶囊变体 */
+      size: {
+        default: "",
+        sm: ""
       }
     },
+    compoundVariants: [
+      { variant: "default", size: "sm", class: "h-8" }
+    ],
     defaultVariants: {
-      variant: "default"
+      variant: "default",
+      size: "default"
     }
   }
 );
 function TabsList({
   className,
   variant,
+  size,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_tabs.Tabs.List,
     {
       "data-slot": "tabs-list",
       "data-variant": variant ?? "default",
-      className: cn(tabsListVariants({ variant }), className),
+      "data-size": size ?? "default",
+      className: cn(tabsListVariants({ variant, size }), className),
       ...props
     }
   );
@@ -4615,7 +5183,7 @@ function TabsTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_tabs.Tabs.Tab,
     {
       "data-slot": "tabs-trigger",
@@ -4627,6 +5195,8 @@ function TabsTrigger({
         //（叠在 List 的底边轨道上），无底色/圆角/阴影；通栏 List 下取消
         // flex-1 拉伸，触发器保持自然宽度
         "group-data-[variant=line]/tabs-list:-mb-px group-data-[variant=line]/tabs-list:h-9 group-data-[variant=line]/tabs-list:flex-none group-data-[variant=line]/tabs-list:rounded-none group-data-[variant=line]/tabs-list:border-x-0 group-data-[variant=line]/tabs-list:border-t-0 group-data-[variant=line]/tabs-list:border-b-2 group-data-[variant=line]/tabs-list:py-1.5 group-data-[variant=line]/tabs-list:text-muted-foreground group-data-[variant=line]/tabs-list:data-active:border-b-primary group-data-[variant=line]/tabs-list:data-active:text-foreground",
+        // size=sm：小字号 + 收紧纵向 padding（高度随 List h-8 自动收缩）
+        "group-data-[size=sm]/tabs-list:py-0.5 group-data-[size=sm]/tabs-list:text-xs",
         className
       ),
       ...props
@@ -4637,7 +5207,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_tabs.Tabs.Panel,
     {
       "data-slot": "tabs-content",
@@ -4648,12 +5218,12 @@ function TabsContent({
 }
 
 // src/ui/textarea.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function Textarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "textarea",
     {
       "data-slot": "textarea",
@@ -4669,7 +5239,7 @@ function Textarea({
 // src/ui/toggle.tsx
 var import_toggle = require("@base-ui/react/toggle");
 var import_class_variance_authority10 = require("class-variance-authority");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority10.cva)(
   "inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-muted hover:text-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-accent data-pressed:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -4696,7 +5266,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     import_toggle.Toggle,
     {
       "data-slot": "toggle",
@@ -4709,9 +5279,9 @@ function Toggle({
 // src/ui/toggle-group.tsx
 var import_toggle2 = require("@base-ui/react/toggle");
 var import_toggle_group = require("@base-ui/react/toggle-group");
-var React8 = __toESM(require("react"), 1);
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var ToggleGroupContext = React8.createContext({
+var React12 = __toESM(require("react"), 1);
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var ToggleGroupContext = React12.createContext({
   size: "default",
   variant: "default"
 });
@@ -4722,7 +5292,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     import_toggle_group.ToggleGroup,
     {
       "data-slot": "toggle-group",
@@ -4733,7 +5303,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
     }
   );
 }
@@ -4744,8 +5314,8 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React8.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  const context = React12.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     import_toggle2.Toggle,
     {
       "data-slot": "toggle-group-item",
@@ -4767,7 +5337,7 @@ function ToggleGroupItem({
 
 // src/ui/typography.tsx
 var import_class_variance_authority11 = require("class-variance-authority");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var typographyVariants = (0, import_class_variance_authority11.cva)("", {
   variants: {
     variant: {
@@ -4803,7 +5373,7 @@ var variantTagMap = {
 };
 function Typography({ className, variant = "p", ...props }) {
   const Tag = variantTagMap[variant ?? "p"];
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     Tag,
     {
       "data-slot": "typography",
@@ -4819,6 +5389,7 @@ function Typography({ className, variant = "p", ...props }) {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
+  ActionButton,
   Alert,
   AlertDescription,
   AlertDialog,
@@ -4886,11 +5457,13 @@ function Typography({ className, variant = "p", ...props }) {
   CommandInput,
   CommandItem,
   CommandList,
+  ConfirmMorph,
   ContextMenu,
   ContextMenuContent,
   ContextMenuItem,
   ContextMenuSeparator,
   ContextMenuTrigger,
+  CopyButton,
   Dialog,
   DialogClose,
   DialogContent,
@@ -4924,13 +5497,16 @@ function Typography({ className, variant = "p", ...props }) {
   EmptyDescription,
   EmptyHeader,
   EmptyTitle,
+  ExpandingButtonGroup,
   Field,
   FieldDescription,
   FieldError,
   FieldLabel,
+  FloatingButtonGroup,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
+  IconMorph,
   Input,
   InputGroup,
   InputGroupAddon,
@@ -4947,6 +5523,7 @@ function Typography({ className, variant = "p", ...props }) {
   ItemTitle,
   Kbd,
   Label,
+  MORPH_PAIRS,
   Menubar,
   MenubarContent,
   MenubarItem,
@@ -5037,6 +5614,7 @@ function Typography({ className, variant = "p", ...props }) {
   SliderThumb,
   SliderTrack,
   Spinner,
+  SplitButton,
   Switch,
   Table,
   TableBody,