@pactor-app/ui 1.7.0 → 1.9.0

package/dist/components/index.cjs

@@ -39,7 +39,7 @@ __export(components_exports, {
   Breadcrumb: () => Breadcrumb2,
   Button: () => Button2,
   ButtonGroup: () => ButtonGroup2,
-  Calendar: () => Calendar2,
+  Calendar: () => Calendar3,
   Card: () => Card2,
   Carousel: () => Carousel2,
   Chart: () => Chart,
@@ -294,18 +294,186 @@ function AlertDescription({
   );
 }
 
-// src/components/components/Alert/index.tsx
+// src/components/components/Icon/index.tsx
+var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var ICONS = {
+  "arrow-left": import_lucide_react2.ArrowLeft,
+  "arrow-right": import_lucide_react2.ArrowRight,
+  "arrow-up": import_lucide_react2.ArrowUp,
+  "arrow-down": import_lucide_react2.ArrowDown,
+  "chevron-left": import_lucide_react2.ChevronLeft,
+  "chevron-right": import_lucide_react2.ChevronRight,
+  "chevron-up": import_lucide_react2.ChevronUp,
+  "chevron-down": import_lucide_react2.ChevronDown,
+  check: import_lucide_react2.Check,
+  x: import_lucide_react2.X,
+  plus: import_lucide_react2.Plus,
+  minus: import_lucide_react2.Minus,
+  search: import_lucide_react2.Search,
+  settings: import_lucide_react2.Settings,
+  user: import_lucide_react2.User,
+  users: import_lucide_react2.Users,
+  home: import_lucide_react2.House,
+  menu: import_lucide_react2.Menu,
+  bell: import_lucide_react2.Bell,
+  calendar: import_lucide_react2.Calendar,
+  clock: import_lucide_react2.Clock,
+  download: import_lucide_react2.Download,
+  upload: import_lucide_react2.Upload,
+  pencil: import_lucide_react2.Pencil,
+  edit: import_lucide_react2.SquarePen,
+  trash: import_lucide_react2.Trash2,
+  eye: import_lucide_react2.Eye,
+  info: import_lucide_react2.Info,
+  warning: import_lucide_react2.TriangleAlert,
+  error: import_lucide_react2.CircleAlert,
+  "check-circle": import_lucide_react2.CircleCheck,
+  "x-circle": import_lucide_react2.CircleX,
+  "help-circle": import_lucide_react2.CircleQuestionMark,
+  loading: import_lucide_react2.LoaderCircle,
+  spinner: import_lucide_react2.LoaderCircle,
+  star: import_lucide_react2.Star,
+  heart: import_lucide_react2.Heart,
+  bookmark: import_lucide_react2.Bookmark,
+  share: import_lucide_react2.Share2,
+  copy: import_lucide_react2.Copy,
+  "external-link": import_lucide_react2.ExternalLink,
+  link: import_lucide_react2.Link,
+  mail: import_lucide_react2.Mail,
+  phone: import_lucide_react2.Phone,
+  lock: import_lucide_react2.Lock,
+  unlock: import_lucide_react2.LockOpen,
+  "log-in": import_lucide_react2.LogIn,
+  "log-out": import_lucide_react2.LogOut,
+  sun: import_lucide_react2.Sun,
+  moon: import_lucide_react2.Moon,
+  globe: import_lucide_react2.Globe,
+  filter: import_lucide_react2.Funnel,
+  "list-filter": import_lucide_react2.ListFilter,
+  "more-horizontal": import_lucide_react2.Ellipsis,
+  "more-vertical": import_lucide_react2.EllipsisVertical,
+  refresh: import_lucide_react2.RefreshCcw,
+  save: import_lucide_react2.Save,
+  file: import_lucide_react2.File,
+  folder: import_lucide_react2.Folder,
+  image: import_lucide_react2.Image,
+  camera: import_lucide_react2.Camera,
+  chart: import_lucide_react2.ChartColumn,
+  table: import_lucide_react2.Table,
+  list: import_lucide_react2.List,
+  grid: import_lucide_react2.LayoutGrid,
+  tag: import_lucide_react2.Tag,
+  "shopping-cart": import_lucide_react2.ShoppingCart,
+  "credit-card": import_lucide_react2.CreditCard,
+  package: import_lucide_react2.Package,
+  "map-pin": import_lucide_react2.MapPin,
+  building: import_lucide_react2.Building2,
+  briefcase: import_lucide_react2.Briefcase,
+  send: import_lucide_react2.Send,
+  message: import_lucide_react2.MessageCircle,
+  "message-square": import_lucide_react2.MessageSquare,
+  paperclip: import_lucide_react2.Paperclip,
+  "thumbs-up": import_lucide_react2.ThumbsUp,
+  "thumbs-down": import_lucide_react2.ThumbsDown,
+  zap: import_lucide_react2.Zap,
+  flag: import_lucide_react2.Flag,
+  key: import_lucide_react2.Key,
+  shield: import_lucide_react2.Shield,
+  terminal: import_lucide_react2.Terminal,
+  code: import_lucide_react2.Code,
+  database: import_lucide_react2.Database,
+  cloud: import_lucide_react2.Cloud,
+  languages: import_lucide_react2.Languages,
+  // @pactor-app/chat 收敛（spec: chat-icon-convergence）：chat 既有图标与
+  // 契约图标名（menu.icon / messageActions[].icon 的既有取值）直通
+  "chevrons-up-down": import_lucide_react2.ChevronsUpDown,
+  "file-text": import_lucide_react2.FileText,
+  "panel-left": import_lucide_react2.PanelLeft,
+  "panel-right-open": import_lucide_react2.PanelRightOpen,
+  square: import_lucide_react2.Square,
+  history: import_lucide_react2.History,
+  "rotate-ccw": import_lucide_react2.RotateCcw,
+  quote: import_lucide_react2.Quote,
+  chat: import_lucide_react2.MessageSquare,
+  brain: import_lucide_react2.Brain
+};
+function normalizeIconName(name) {
+  return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[_\s]+/g, "-").toLowerCase();
+}
+var sizePx = {
+  sm: 16,
+  default: 20,
+  lg: 24
+};
+function Icon({
+  name,
+  size = "default",
+  color,
+  strokeWidth,
+  className,
+  style
+}) {
+  const key = name ? normalizeIconName(name) : "";
+  const Lucide = ICONS[key];
+  const px = typeof size === "number" ? size : sizePx[size];
+  if (!Lucide) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_lucide_react2.CircleQuestionMark,
+      {
+        "data-slot": "icon",
+        "data-unknown": name,
+        size: px,
+        color,
+        strokeWidth,
+        className: cn("shrink-0 text-muted-foreground", className),
+        style,
+        "aria-hidden": "true"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    Lucide,
+    {
+      "data-slot": "icon",
+      size: px,
+      color,
+      strokeWidth,
+      className: cn("shrink-0", className),
+      style,
+      "aria-hidden": "true"
+    }
+  );
+}
+
+// src/components/components/Alert/index.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var variantMap = {
   success: "success",
   info: "info",
   warning: "warning",
   error: "destructive"
 };
-function Alert2({ message, description, variant = "info", className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Alert, { variant: variantMap[variant], className, style, children: [
-    message ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AlertTitle, { children: message }) : null,
-    description ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AlertDescription, { children: description }) : null
+var defaultIconMap = {
+  success: "check-circle",
+  info: "info",
+  warning: "warning",
+  error: "x-circle"
+};
+function Alert2({
+  message,
+  description,
+  variant = "info",
+  showIcon,
+  icon,
+  className,
+  style
+}) {
+  const iconName = icon ?? (showIcon === true ? defaultIconMap[variant] : void 0);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Alert, { variant: variantMap[variant], className, style, children: [
+    iconName ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: iconName, size: "sm" }) : null,
+    message ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AlertTitle, { children: message }) : null,
+    description ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AlertDescription, { children: description }) : null
   ] });
 }
 
@@ -320,7 +488,7 @@ var import_alert_dialog = require("@base-ui/react/alert-dialog");
 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_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = 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",
   {
@@ -359,7 +527,7 @@ function Button({
   ...props
 }) {
   if (asChild && React.isValidElement(children)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       import_button.Button,
       {
         "data-slot": "button",
@@ -369,7 +537,7 @@ function Button({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_button.Button,
     {
       "data-slot": "button",
@@ -381,27 +549,27 @@ function Button({
 }
 
 // src/ui/alert-dialog.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function AlertDialog({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.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_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_alert_dialog.AlertDialog.Backdrop,
     {
       "data-slot": "alert-dialog-overlay",
@@ -417,9 +585,9 @@ function AlertDialogContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(AlertDialogPortal, { "data-slot": "alert-dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AlertDialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime6.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",
@@ -436,7 +604,7 @@ function AlertDialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -449,7 +617,7 @@ function AlertDialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -465,7 +633,7 @@ function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_alert_dialog.AlertDialog.Title,
     {
       "data-slot": "alert-dialog-title",
@@ -478,7 +646,7 @@ function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_alert_dialog.AlertDialog.Description,
     {
       "data-slot": "alert-dialog-description",
@@ -492,7 +660,7 @@ function AlertDialogAction({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_alert_dialog.AlertDialog.Close,
     {
       "data-slot": "alert-dialog-action",
@@ -506,7 +674,7 @@ function AlertDialogCancel({
   variant = "outline",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_alert_dialog.AlertDialog.Close,
     {
       "data-slot": "alert-dialog-cancel",
@@ -517,13 +685,13 @@ function AlertDialogCancel({
 }
 
 // src/components/components/trigger-render.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function triggerWrapper(slot) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "data-slot": slot });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "data-slot": slot });
 }
 
 // src/components/components/AlertDialog/index.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function AlertDialog2({
   title,
   description,
@@ -541,7 +709,7 @@ function AlertDialog2({
   const [innerOpen, setInnerOpen] = (0, import_react.useState)(false);
   const controlled = open !== void 0;
   const visible = controlled ? open : innerOpen;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     AlertDialog,
     {
       open: visible,
@@ -551,7 +719,7 @@ function AlertDialog2({
         }
       },
       children: [
-        trigger ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        trigger ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           AlertDialogTrigger,
           {
             nativeButton: false,
@@ -559,14 +727,14 @@ function AlertDialog2({
             children: renderChildren([trigger])
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AlertDialogContent, { className, style, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AlertDialogHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AlertDialogTitle, { children: title ?? "" }),
-            description ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AlertDialogDescription, { children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(AlertDialogContent, { className, style, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(AlertDialogHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialogTitle, { children: title ?? "" }),
+            description ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialogDescription, { children: description }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AlertDialogFooter, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AlertDialogCancel, { onClick: () => onCancel?.(), children: cancelText ?? t("pactor.alertDialog.cancel") }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AlertDialogAction, { onClick: () => onConfirm?.(), children: confirmText ?? t("pactor.alertDialog.confirm") })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(AlertDialogFooter, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialogCancel, { onClick: () => onCancel?.(), children: cancelText ?? t("pactor.alertDialog.cancel") }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialogAction, { onClick: () => onConfirm?.(), children: confirmText ?? t("pactor.alertDialog.confirm") })
           ] })
         ] })
       ]
@@ -575,14 +743,14 @@ function AlertDialog2({
 }
 
 // src/ui/aspect-ratio.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function AspectRatio({
   ratio = 1,
   className,
   style,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
       "data-slot": "aspect-ratio",
@@ -594,16 +762,16 @@ function AspectRatio({
 }
 
 // src/components/components/AspectRatio/index.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function AspectRatio2({ ratio = 1, children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AspectRatio, { ratio, className, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AspectRatio, { ratio, className, style, children });
 }
 
 // src/ui/avatar.tsx
 var import_avatar = require("@base-ui/react/avatar");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Avatar({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_avatar.Avatar.Root,
     {
       "data-slot": "avatar",
@@ -616,7 +784,7 @@ function Avatar({ className, ...props }) {
   );
 }
 function AvatarImage({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_avatar.Avatar.Image,
     {
       "data-slot": "avatar-image",
@@ -626,7 +794,7 @@ function AvatarImage({ className, ...props }) {
   );
 }
 function AvatarFallback({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_avatar.Avatar.Fallback,
     {
       "data-slot": "avatar-fallback",
@@ -640,17 +808,17 @@ function AvatarFallback({ className, ...props }) {
 }
 
 // src/components/components/Avatar/index.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function Avatar2({ src, alt, fallback, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Avatar, { className, style, children: [
-    src ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AvatarImage, { src, alt: alt ?? "" }) : null,
-    fallback ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AvatarFallback, { children: fallback }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Avatar, { className, style, children: [
+    src ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AvatarImage, { src, alt: alt ?? "" }) : null,
+    fallback ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AvatarFallback, { children: fallback }) : null
   ] });
 }
 
 // src/ui/badge.tsx
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority3.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",
   {
@@ -672,7 +840,7 @@ function Badge({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "span",
     {
       "data-slot": "badge",
@@ -683,22 +851,22 @@ function Badge({
 }
 
 // src/components/components/Badge/index.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function Badge2({ text, variant = "default", className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Badge, { variant, className, style, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Badge, { variant, className, style, children: text });
 }
 
 // src/components/components/Breadcrumb/index.tsx
 var import_react2 = require("react");
 
 // src/ui/breadcrumb.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Breadcrumb({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
 function BreadcrumbList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "ol",
     {
       "data-slot": "breadcrumb-list",
@@ -711,7 +879,7 @@ function BreadcrumbList({ className, ...props }) {
   );
 }
 function BreadcrumbItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "li",
     {
       "data-slot": "breadcrumb-item",
@@ -721,7 +889,7 @@ function BreadcrumbItem({ className, ...props }) {
   );
 }
 function BreadcrumbLink({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "a",
     {
       "data-slot": "breadcrumb-link",
@@ -731,7 +899,7 @@ function BreadcrumbLink({ className, ...props }) {
   );
 }
 function BreadcrumbPage({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "span",
     {
       "data-slot": "breadcrumb-page",
@@ -748,7 +916,7 @@ function BreadcrumbSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "li",
     {
       "data-slot": "breadcrumb-separator",
@@ -756,26 +924,26 @@ function BreadcrumbSeparator({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.ChevronRightIcon, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react3.ChevronRightIcon, {})
     }
   );
 }
 
 // src/components/components/Breadcrumb/index.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Breadcrumb2({ items = [], className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Breadcrumb, { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BreadcrumbList, { children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Breadcrumb, { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbList, { children: items.map((item, index) => {
     const isLast = index === items.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react2.Fragment, { children: [
-      index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BreadcrumbSeparator, {}) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BreadcrumbItem, { children: isLast || !item.href ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BreadcrumbLink, { href: item.href, children: item.label }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react2.Fragment, { children: [
+      index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbSeparator, {}) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbItem, { children: isLast || !item.href ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbLink, { href: item.href, children: item.label }) })
     ] }, `${item.label}-${index}`);
   }) }) });
 }
 
 // src/components/components/Button/index.tsx
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var variantMap2 = {
   default: "outline",
   primary: "default",
@@ -802,7 +970,7 @@ function Button2({
   children
 }) {
   const textual = variant === "link" || variant === "text";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     Button,
     {
       type: submit ? "submit" : "button",
@@ -818,7 +986,7 @@ function Button2({
         className
       ),
       children: [
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react3.Loader2, { "aria-hidden": true, className: "animate-spin" }) : null,
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react4.Loader2, { "aria-hidden": true, className: "animate-spin" }) : null,
         text ?? children
       ]
     }
@@ -826,9 +994,9 @@ function Button2({
 }
 
 // src/ui/button-group.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function ButtonGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     {
       role: "group",
@@ -843,9 +1011,9 @@ function ButtonGroup({ className, ...props }) {
 }
 
 // src/components/components/ButtonGroup/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function ButtonGroup2({ className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ButtonGroup, { className, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ButtonGroup, { className, style, children });
 }
 
 // src/components/components/Calendar/index.tsx
@@ -853,17 +1021,17 @@ var import_date_fns = require("date-fns");
 var import_react4 = require("react");
 
 // src/ui/calendar.tsx
-var import_lucide_react4 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-function Calendar({
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function Calendar2({
   className,
   classNames,
   showOutsideDays = true,
   ...props
 }) {
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -920,7 +1088,7 @@ function Calendar({
         ...classNames
       },
       components: {
-        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react4.ChevronLeftIcon, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react4.ChevronRightIcon, { className: "size-4" })
+        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react5.ChevronLeftIcon, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react5.ChevronRightIcon, { className: "size-4" })
       },
       ...props
     }
@@ -946,13 +1114,13 @@ function formItemClass(layout) {
 }
 
 // src/components/components/Calendar/index.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function parseValue(value) {
   if (typeof value !== "string" || value === "") return void 0;
   const date = (0, import_date_fns.parseISO)(value);
   return (0, import_date_fns.isValid)(date) ? date : void 0;
 }
-function Calendar2({
+function Calendar3({
   name,
   label,
   rules,
@@ -980,8 +1148,8 @@ function Calendar2({
     }
     onChange?.(next);
   };
-  const calendar = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    Calendar,
+  const calendar = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    Calendar2,
     {
       mode,
       selected: parseValue(current),
@@ -993,16 +1161,16 @@ function Calendar2({
   );
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
+          label ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
           calendar,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -1011,14 +1179,28 @@ function Calendar2({
 }
 
 // src/ui/card.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var cardRoundedClasses = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  "2xl": "rounded-2xl",
+  "3xl": "rounded-3xl"
+};
+function Card({
+  className,
+  rounded = "lg",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       "data-slot": "card",
       className: cn(
-        "flex flex-col gap-6 rounded-xl border border-border bg-card py-6 text-card-foreground shadow-(--card-shadow)",
+        "flex flex-col gap-6 border border-border bg-card py-6 text-card-foreground shadow-(--card-shadow)",
+        cardRoundedClasses[rounded],
         className
       ),
       ...props
@@ -1026,7 +1208,7 @@ function Card({ className, ...props }) {
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       "data-slot": "card-header",
@@ -1039,7 +1221,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       "data-slot": "card-title",
@@ -1049,7 +1231,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       "data-slot": "card-content",
@@ -1060,16 +1242,17 @@ function CardContent({ className, ...props }) {
 }
 
 // src/components/components/Card/index.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function Card2({ title, bordered = true, className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function Card2({ title, bordered = true, rounded, className, style, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     Card,
     {
+      rounded,
       className: cn("gap-4 py-4", !bordered && "border-transparent shadow-none", className),
       style,
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardHeader, { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardTitle, { children: title }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardContent, { className: "px-4", children })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CardHeader, { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CardTitle, { children: title }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CardContent, { className: "px-4", children })
       ]
     }
   );
@@ -1081,9 +1264,9 @@ var import_react5 = require("react");
 
 // src/ui/carousel.tsx
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
-var import_lucide_react5 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 var React2 = __toESM(require("react"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var CarouselContext = React2.createContext(null);
 function useCarousel() {
   const context = React2.useContext(CarouselContext);
@@ -1138,7 +1321,7 @@ function Carousel({
       api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     CarouselContext.Provider,
     {
       value: {
@@ -1151,7 +1334,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -1168,7 +1351,7 @@ function Carousel({
 }
 function CarouselContent({ className, ...props }) {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     {
       className: cn(
@@ -1182,7 +1365,7 @@ function CarouselContent({ className, ...props }) {
 }
 function CarouselItem({ className, ...props }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     {
       role: "group",
@@ -1204,7 +1387,7 @@ function CarouselPrevious({
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     Button,
     {
       "data-slot": "carousel-previous",
@@ -1219,8 +1402,8 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react5.ChevronLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -1232,7 +1415,7 @@ function CarouselNext({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     Button,
     {
       "data-slot": "carousel-next",
@@ -1247,15 +1430,15 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react5.ChevronRightIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronRightIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
 
 // src/components/components/Carousel/index.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function isDslNode(item) {
   return typeof item.type === "string";
 }
@@ -1280,7 +1463,7 @@ function Carousel2({
     }, interval);
     return () => clearInterval(timer);
   }, [api, autoplay, loop]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     Carousel,
     {
       opts: { loop: loop === true },
@@ -1288,7 +1471,7 @@ function Carousel2({
       className,
       style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CarouselContent, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CarouselItem, { children: isDslNode(item) ? renderChildren([item]) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CarouselContent, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CarouselItem, { children: isDslNode(item) ? renderChildren([item]) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "img",
           {
             src: item.src,
@@ -1296,8 +1479,8 @@ function Carousel2({
             className: "w-full rounded-md object-cover"
           }
         ) }, index)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CarouselPrevious, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CarouselNext, {})
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CarouselPrevious, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CarouselNext, {})
       ]
     }
   );
@@ -1308,10 +1491,10 @@ var import_react6 = require("react");
 
 // src/ui/checkbox.tsx
 var import_checkbox = require("@base-ui/react/checkbox");
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_checkbox.Checkbox.Root,
     {
       "data-slot": "checkbox",
@@ -1320,12 +1503,12 @@ function Checkbox({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_checkbox.Checkbox.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current",
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react6.CheckIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react7.CheckIcon, { className: "size-3.5" })
         }
       )
     }
@@ -1333,7 +1516,7 @@ function Checkbox({ className, ...props }) {
 }
 
 // src/components/components/Checkbox/index.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Checkbox2({
   name,
   label,
@@ -1362,13 +1545,13 @@ function Checkbox2({
     }
     onChange?.(next);
   };
-  const control = /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "span",
     {
       className: cn("inline-flex items-center gap-2", !inForm && className),
       style: inForm ? void 0 : style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           Checkbox,
           {
             id: controlId,
@@ -1378,12 +1561,12 @@ function Checkbox2({
             onCheckedChange: handleChange
           }
         ),
-        label ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
+        label ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
       ]
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "div",
       {
         "data-slot": "form-item",
@@ -1391,7 +1574,7 @@ function Checkbox2({
         style,
         children: [
           control,
-          form.errors[name] ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
+          form.errors[name] ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
         ]
       }
     );
@@ -1404,19 +1587,19 @@ var import_react7 = require("react");
 
 // src/ui/collapsible.tsx
 var import_collapsible = require("@base-ui/react/collapsible");
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Collapsible({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     import_collapsible.Collapsible.Trigger,
     {
       "data-slot": "collapsible-trigger",
@@ -1427,7 +1610,7 @@ function CollapsibleTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react7.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react8.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
       ]
     }
   );
@@ -1436,7 +1619,7 @@ function CollapsibleContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     import_collapsible.Collapsible.Panel,
     {
       "data-slot": "collapsible-content",
@@ -1450,7 +1633,7 @@ function CollapsibleContent({
 }
 
 // src/components/components/Collapsible/index.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function Collapsible2({
   title,
   open,
@@ -1460,7 +1643,7 @@ function Collapsible2({
 }) {
   const [innerOpen, setInnerOpen] = (0, import_react7.useState)(false);
   const controlled = open !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     Collapsible,
     {
       open: controlled ? open : innerOpen,
@@ -1472,8 +1655,8 @@ function Collapsible2({
       className,
       style,
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CollapsibleTrigger, { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CollapsibleContent, { children })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CollapsibleTrigger, { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CollapsibleContent, { children })
       ]
     }
   );
@@ -1483,20 +1666,20 @@ function Collapsible2({
 var import_react8 = require("react");
 
 // src/ui/combobox.tsx
-var import_lucide_react8 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 
 // src/ui/popover.tsx
 var import_popover = require("@base-ui/react/popover");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1506,7 +1689,7 @@ function PopoverContent({
   anchor,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_popover.Popover.Positioner,
     {
       align,
@@ -1514,7 +1697,7 @@ function PopoverContent({
       sideOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         import_popover.Popover.Popup,
         {
           "data-slot": "popover-content",
@@ -1530,20 +1713,20 @@ function PopoverContent({
 }
 
 // src/ui/combobox.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Combobox({
   open,
   onOpenChange,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Popover, { open, onOpenChange: (next) => onOpenChange?.(next), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Popover, { open, onOpenChange: (next) => onOpenChange?.(next), children });
 }
 function ComboboxTrigger({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     PopoverTrigger,
     {
       "data-slot": "combobox-trigger",
@@ -1553,8 +1736,8 @@ function ComboboxTrigger({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ChevronsUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react9.ChevronsUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
       ]
     }
   );
@@ -1564,7 +1747,7 @@ function ComboboxContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     PopoverContent,
     {
       "data-slot": "combobox-content",
@@ -1577,13 +1760,13 @@ function ComboboxContent({
 
 // src/ui/command.tsx
 var import_cmdk = require("cmdk");
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_cmdk.Command,
     {
       "data-slot": "command",
@@ -1599,14 +1782,14 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex items-center gap-2 border-b border-border px-3",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react9.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react10.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           import_cmdk.Command.Input,
           {
             "data-slot": "command-input",
@@ -1625,7 +1808,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_cmdk.Command.List,
     {
       "data-slot": "command-list",
@@ -1640,7 +1823,7 @@ function CommandList({
 function CommandEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_cmdk.Command.Empty,
     {
       "data-slot": "command-empty",
@@ -1653,7 +1836,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_cmdk.Command.Group,
     {
       "data-slot": "command-group",
@@ -1669,7 +1852,7 @@ function CommandItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_cmdk.Command.Item,
     {
       "data-slot": "command-item",
@@ -1683,7 +1866,7 @@ function CommandItem({
 }
 
 // src/components/components/Combobox/index.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Combobox2({
   name,
   label,
@@ -1724,8 +1907,8 @@ function Combobox2({
     onChange?.(option.value);
     setOpen(false);
   };
-  const control = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Combobox, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Combobox, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       ComboboxTrigger,
       {
         id: controlId,
@@ -1736,11 +1919,11 @@ function Combobox2({
         children: selected ? selected.label : placeholder ?? ""
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ComboboxContent, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Command, { children: [
-      searchable ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CommandInput, { placeholder }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(CommandList, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CommandEmpty, { children: "\u65E0\u5339\u914D\u7ED3\u679C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ComboboxContent, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Command, { children: [
+      searchable ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CommandInput, { placeholder }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(CommandList, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CommandEmpty, { children: "\u65E0\u5339\u914D\u7ED3\u679C" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           CommandItem,
           {
             value: String(option.value),
@@ -1757,14 +1940,14 @@ function Combobox2({
   ] });
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "label",
             {
               htmlFor: controlId,
@@ -1773,7 +1956,7 @@ function Combobox2({
             }
           ) : null,
           control,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -1783,160 +1966,6 @@ function Combobox2({
 
 // src/components/components/Command/index.tsx
 var import_runtime4 = require("@pactor-app/runtime");
-
-// src/components/components/Icon/index.tsx
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var ICONS = {
-  "arrow-left": import_lucide_react10.ArrowLeft,
-  "arrow-right": import_lucide_react10.ArrowRight,
-  "arrow-up": import_lucide_react10.ArrowUp,
-  "arrow-down": import_lucide_react10.ArrowDown,
-  "chevron-left": import_lucide_react10.ChevronLeft,
-  "chevron-right": import_lucide_react10.ChevronRight,
-  "chevron-up": import_lucide_react10.ChevronUp,
-  "chevron-down": import_lucide_react10.ChevronDown,
-  check: import_lucide_react10.Check,
-  x: import_lucide_react10.X,
-  plus: import_lucide_react10.Plus,
-  minus: import_lucide_react10.Minus,
-  search: import_lucide_react10.Search,
-  settings: import_lucide_react10.Settings,
-  user: import_lucide_react10.User,
-  users: import_lucide_react10.Users,
-  home: import_lucide_react10.House,
-  menu: import_lucide_react10.Menu,
-  bell: import_lucide_react10.Bell,
-  calendar: import_lucide_react10.Calendar,
-  clock: import_lucide_react10.Clock,
-  download: import_lucide_react10.Download,
-  upload: import_lucide_react10.Upload,
-  pencil: import_lucide_react10.Pencil,
-  edit: import_lucide_react10.SquarePen,
-  trash: import_lucide_react10.Trash2,
-  eye: import_lucide_react10.Eye,
-  info: import_lucide_react10.Info,
-  warning: import_lucide_react10.TriangleAlert,
-  error: import_lucide_react10.CircleAlert,
-  "check-circle": import_lucide_react10.CircleCheck,
-  "x-circle": import_lucide_react10.CircleX,
-  "help-circle": import_lucide_react10.CircleQuestionMark,
-  loading: import_lucide_react10.LoaderCircle,
-  spinner: import_lucide_react10.LoaderCircle,
-  star: import_lucide_react10.Star,
-  heart: import_lucide_react10.Heart,
-  bookmark: import_lucide_react10.Bookmark,
-  share: import_lucide_react10.Share2,
-  copy: import_lucide_react10.Copy,
-  "external-link": import_lucide_react10.ExternalLink,
-  link: import_lucide_react10.Link,
-  mail: import_lucide_react10.Mail,
-  phone: import_lucide_react10.Phone,
-  lock: import_lucide_react10.Lock,
-  unlock: import_lucide_react10.LockOpen,
-  "log-in": import_lucide_react10.LogIn,
-  "log-out": import_lucide_react10.LogOut,
-  sun: import_lucide_react10.Sun,
-  moon: import_lucide_react10.Moon,
-  globe: import_lucide_react10.Globe,
-  filter: import_lucide_react10.Funnel,
-  "list-filter": import_lucide_react10.ListFilter,
-  "more-horizontal": import_lucide_react10.Ellipsis,
-  "more-vertical": import_lucide_react10.EllipsisVertical,
-  refresh: import_lucide_react10.RefreshCcw,
-  save: import_lucide_react10.Save,
-  file: import_lucide_react10.File,
-  folder: import_lucide_react10.Folder,
-  image: import_lucide_react10.Image,
-  camera: import_lucide_react10.Camera,
-  chart: import_lucide_react10.ChartColumn,
-  table: import_lucide_react10.Table,
-  list: import_lucide_react10.List,
-  grid: import_lucide_react10.LayoutGrid,
-  tag: import_lucide_react10.Tag,
-  "shopping-cart": import_lucide_react10.ShoppingCart,
-  "credit-card": import_lucide_react10.CreditCard,
-  package: import_lucide_react10.Package,
-  "map-pin": import_lucide_react10.MapPin,
-  building: import_lucide_react10.Building2,
-  briefcase: import_lucide_react10.Briefcase,
-  send: import_lucide_react10.Send,
-  message: import_lucide_react10.MessageCircle,
-  "message-square": import_lucide_react10.MessageSquare,
-  paperclip: import_lucide_react10.Paperclip,
-  "thumbs-up": import_lucide_react10.ThumbsUp,
-  "thumbs-down": import_lucide_react10.ThumbsDown,
-  zap: import_lucide_react10.Zap,
-  flag: import_lucide_react10.Flag,
-  key: import_lucide_react10.Key,
-  shield: import_lucide_react10.Shield,
-  terminal: import_lucide_react10.Terminal,
-  code: import_lucide_react10.Code,
-  database: import_lucide_react10.Database,
-  cloud: import_lucide_react10.Cloud,
-  languages: import_lucide_react10.Languages,
-  // @pactor-app/chat 收敛（spec: chat-icon-convergence）：chat 既有图标与
-  // 契约图标名（menu.icon / messageActions[].icon 的既有取值）直通
-  "chevrons-up-down": import_lucide_react10.ChevronsUpDown,
-  "file-text": import_lucide_react10.FileText,
-  "panel-left": import_lucide_react10.PanelLeft,
-  "panel-right-open": import_lucide_react10.PanelRightOpen,
-  square: import_lucide_react10.Square,
-  history: import_lucide_react10.History,
-  "rotate-ccw": import_lucide_react10.RotateCcw,
-  quote: import_lucide_react10.Quote,
-  chat: import_lucide_react10.MessageSquare,
-  brain: import_lucide_react10.Brain
-};
-function normalizeIconName(name) {
-  return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[_\s]+/g, "-").toLowerCase();
-}
-var sizePx = {
-  sm: 16,
-  default: 20,
-  lg: 24
-};
-function Icon({
-  name,
-  size = "default",
-  color,
-  strokeWidth,
-  className,
-  style
-}) {
-  const key = name ? normalizeIconName(name) : "";
-  const Lucide = ICONS[key];
-  const px = typeof size === "number" ? size : sizePx[size];
-  if (!Lucide) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      import_lucide_react10.CircleQuestionMark,
-      {
-        "data-slot": "icon",
-        "data-unknown": name,
-        size: px,
-        color,
-        strokeWidth,
-        className: cn("shrink-0 text-muted-foreground", className),
-        style,
-        "aria-hidden": "true"
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-    Lucide,
-    {
-      "data-slot": "icon",
-      size: px,
-      color,
-      strokeWidth,
-      className: cn("shrink-0", className),
-      style,
-      "aria-hidden": "true"
-    }
-  );
-}
-
-// src/components/components/Command/index.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function Command2({
   groups = [],
@@ -2736,7 +2765,7 @@ function DatePicker(props) {
         "data-slot": "datepicker-start-panel",
         className: "border-r border-border",
         children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-          Calendar,
+          Calendar2,
           {
             mode: "single",
             month: startMonth,
@@ -2750,7 +2779,7 @@ function DatePicker(props) {
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "datepicker-end-panel", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-      Calendar,
+      Calendar2,
       {
         mode: "single",
         month: endMonth,
@@ -2762,7 +2791,7 @@ function DatePicker(props) {
       }
     ) })
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-    Calendar,
+    Calendar2,
     {
       mode: "single",
       selected: singleDate,
@@ -3829,6 +3858,7 @@ function HoverCard2({ content, children, className, style }) {
 }
 
 // src/components/components/Input/index.tsx
+var import_runtime12 = require("@pactor-app/runtime");
 var import_react15 = require("react");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function Input2({
@@ -3839,11 +3869,13 @@ function Input2({
   type = "text",
   placeholder,
   disabled,
+  allowClear,
   onChange,
   className,
   style
 }) {
   const form = useFormContext();
+  const { t } = (0, import_runtime12.useI18n)();
   const controlId = (0, import_react15.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
   (0, import_react15.useEffect)(() => {
@@ -3853,8 +3885,56 @@ function Input2({
     }
     return void 0;
   });
+  const fieldValue = inForm && form && name ? form.values[name] : void 0;
+  const currentValue = typeof fieldValue === "string" ? fieldValue : inForm ? "" : value ?? "";
+  const showClear = allowClear === true && disabled !== true && currentValue !== "";
+  const handleClear = () => {
+    if (inForm && form && name) {
+      form.setValue(name, "");
+    }
+    onChange?.("");
+  };
+  const inFormRoot = inForm === true;
+  const input = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    Input,
+    {
+      id: controlId,
+      type,
+      value: currentValue,
+      placeholder,
+      disabled,
+      className: !inFormRoot && allowClear !== true ? className : void 0,
+      style: !inFormRoot && allowClear !== true ? style : void 0,
+      onChange: (event) => {
+        if (inForm && form && name) {
+          form.setValue(name, event.target.value);
+        }
+        onChange?.(event.target.value);
+      }
+    }
+  );
+  const clearButton = showClear ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    "button",
+    {
+      type: "button",
+      "aria-label": t("pactor.input.clear"),
+      className: "shrink-0 cursor-pointer text-muted-foreground hover:text-foreground",
+      onClick: handleClear,
+      children: "\xD7"
+    }
+  ) : null;
+  const control = allowClear === true ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+    "span",
+    {
+      className: cn("flex items-center gap-1", !inFormRoot && className),
+      style: inFormRoot ? void 0 : style,
+      children: [
+        input,
+        clearButton
+      ]
+    }
+  ) : input;
   if (inForm && form && name) {
-    const fieldValue = form.values[name];
     const error = form.errors[name];
     return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
       "div",
@@ -3871,37 +3951,13 @@ function Input2({
               children: label
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-            Input,
-            {
-              id: controlId,
-              type,
-              value: typeof fieldValue === "string" ? fieldValue : "",
-              placeholder,
-              disabled,
-              onChange: (event) => {
-                form.setValue(name, event.target.value);
-                onChange?.(event.target.value);
-              }
-            }
-          ),
+          control,
           error ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-    Input,
-    {
-      type,
-      value: value ?? "",
-      placeholder,
-      disabled,
-      className,
-      style,
-      onChange: (event) => onChange?.(event.target.value)
-    }
-  );
+  return control;
 }
 
 // src/ui/input-group.tsx
@@ -4061,7 +4117,7 @@ function InputOTP2({
 }
 
 // src/components/components/Item/index.tsx
-var import_runtime12 = require("@pactor-app/runtime");
+var import_runtime13 = require("@pactor-app/runtime");
 
 // src/ui/item.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
@@ -4142,7 +4198,7 @@ function Item2({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime12.useRenderer)();
+  const { renderChildren } = (0, import_runtime13.useRenderer)();
   const mediaNodes = media === void 0 ? [] : Array.isArray(media) ? media : [media];
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Item, { className, style, children: [
     mediaNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ItemMedia, { children: renderChildren(mediaNodes) }) : null,
@@ -4203,10 +4259,10 @@ function Label2({ text, htmlFor, className, style }) {
 
 // src/components/components/Layout/index.tsx
 var import_core = require("@pactor-app/core");
-var import_runtime13 = require("@pactor-app/runtime");
+var import_runtime14 = require("@pactor-app/runtime");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function Layout({ direction, className, style, dslChildren }) {
-  const { renderChildren, context } = (0, import_runtime13.useRenderer)();
+  const { renderChildren, context } = (0, import_runtime14.useRenderer)();
   const hasSider = Array.isArray(dslChildren) ? dslChildren.some(
     (child) => !(0, import_core.isDslSourceRef)(child) && resolveRootType(child, context) === "Sider"
   ) : false;
@@ -4327,7 +4383,7 @@ function RailTooltip({
 }
 
 // src/components/components/Sidebar/index.tsx
-var import_runtime14 = require("@pactor-app/runtime");
+var import_runtime15 = require("@pactor-app/runtime");
 var import_react18 = require("react");
 
 // src/ui/sidebar.tsx
@@ -4864,7 +4920,7 @@ function useSidebarDrawer() {
 }
 function useOptionalRenderer() {
   try {
-    return (0, import_runtime14.useRenderer)();
+    return (0, import_runtime15.useRenderer)();
   } catch {
     return null;
   }
@@ -4971,7 +5027,7 @@ function SidebarInner({
   drawer = true,
   children
 }) {
-  const { t } = (0, import_runtime14.useI18n)();
+  const { t } = (0, import_runtime15.useI18n)();
   const isMobile = useIsMobile();
   const { state, setOpenMobile, toggleSidebar } = useSidebar();
   const collapsed = state === "collapsed";
@@ -5749,13 +5805,13 @@ function Pagination2({
 }
 
 // src/components/components/Popover/index.tsx
-var import_runtime15 = require("@pactor-app/runtime");
+var import_runtime16 = require("@pactor-app/runtime");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 function isDslNode3(value) {
   return typeof value === "object" && value !== null && typeof value.type === "string";
 }
 function Popover2({ content, children, className, style }) {
-  const { renderChildren } = (0, import_runtime15.useRenderer)();
+  const { renderChildren } = (0, import_runtime16.useRenderer)();
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Popover, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       PopoverTrigger,
@@ -5961,7 +6017,7 @@ function RadioGroup2({
 }
 
 // src/components/components/Resizable/index.tsx
-var import_runtime16 = require("@pactor-app/runtime");
+var import_runtime17 = require("@pactor-app/runtime");
 var import_react22 = require("react");
 
 // src/ui/resizable.tsx
@@ -6014,7 +6070,7 @@ function Resizable({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime16.useRenderer)();
+  const { renderChildren } = (0, import_runtime17.useRenderer)();
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_react22.Fragment, { children: [
     index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ResizableHandle, { withHandle: true }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
@@ -6106,7 +6162,7 @@ function ScrollArea2({
 }
 
 // src/components/components/Select/index.tsx
-var import_runtime17 = require("@pactor-app/runtime");
+var import_runtime18 = require("@pactor-app/runtime");
 var import_react23 = require("react");
 
 // src/ui/select.tsx
@@ -6255,7 +6311,7 @@ function Select2({
   style
 }) {
   const form = useFormContext();
-  const { t } = (0, import_runtime17.useI18n)();
+  const { t } = (0, import_runtime18.useI18n)();
   const controlId = (0, import_react23.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
   (0, import_react23.useEffect)(() => {
@@ -6580,7 +6636,7 @@ function Slider2({
 }
 
 // src/components/components/Sonner/index.tsx
-var import_runtime18 = require("@pactor-app/runtime");
+var import_runtime19 = require("@pactor-app/runtime");
 var import_react25 = require("react");
 
 // src/ui/toast.tsx
@@ -6660,7 +6716,7 @@ function Toaster({ className }) {
 // src/components/components/Sonner/index.tsx
 var import_jsx_runtime111 = require("react/jsx-runtime");
 function Sonner({ className, style }) {
-  const { context } = (0, import_runtime18.useRenderer)();
+  const { context } = (0, import_runtime19.useRenderer)();
   (0, import_react25.useEffect)(() => {
     const { actions } = context;
     if (actions.has("toast")) {
@@ -6813,7 +6869,7 @@ function Switch2({
 }
 
 // src/components/components/Table/index.tsx
-var import_runtime19 = require("@pactor-app/runtime");
+var import_runtime20 = require("@pactor-app/runtime");
 var import_react27 = require("react");
 var import_jsx_runtime117 = require("react/jsx-runtime");
 function renderCellValue2(value) {
@@ -6835,8 +6891,8 @@ function Table3({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime19.useRenderer)();
-  const { t } = (0, import_runtime19.useI18n)();
+  const { renderChildren } = (0, import_runtime20.useRenderer)();
+  const { t } = (0, import_runtime20.useI18n)();
   const [current, setCurrent] = (0, import_react27.useState)(1);
   const pageSize = pagination === false ? void 0 : pagination?.pageSize;
   const total = dataSource.length;
@@ -6902,10 +6958,11 @@ function Table3({
 }
 
 // src/components/components/Tabs/index.tsx
-var import_runtime20 = require("@pactor-app/runtime");
+var import_runtime21 = require("@pactor-app/runtime");
 
 // src/ui/tabs.tsx
 var import_tabs = require("@base-ui/react/tabs");
+var import_class_variance_authority7 = require("class-variance-authority");
 var import_jsx_runtime118 = require("react/jsx-runtime");
 function Tabs({
   className,
@@ -6920,18 +6977,31 @@ function Tabs({
     }
   );
 }
+var tabsListVariants = (0, import_class_variance_authority7.cva)(
+  "group/tabs-list inline-flex w-fit items-center justify-center text-muted-foreground",
+  {
+    variants: {
+      variant: {
+        default: "h-9 rounded-lg bg-muted p-[3px]",
+        line: "h-auto gap-1 rounded-none border-b border-border bg-transparent p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
 function TabsList({
   className,
+  variant,
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     import_tabs.Tabs.List,
     {
       "data-slot": "tabs-list",
-      className: cn(
-        "inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground",
-        className
-      ),
+      "data-variant": variant ?? "default",
+      className: cn(tabsListVariants({ variant }), className),
       ...props
     }
   );
@@ -6945,7 +7015,12 @@ function TabsTrigger({
     {
       "data-slot": "tabs-trigger",
       className: cn(
-        "inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-active:border-border data-active:bg-card data-active:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        // default 变体：激活态胶囊（边框 + 卡片底 + 阴影）
+        "group-data-[variant=default]/tabs-list:data-active:border-border group-data-[variant=default]/tabs-list:data-active:bg-card group-data-[variant=default]/tabs-list:data-active:shadow-sm",
+        // line 变体：下划线指示——弱化未激活文字，激活态底部 2px 主色线
+        //（叠在 List 的底边轨道上），无底色/圆角/阴影
+        "group-data-[variant=line]/tabs-list:-mb-px group-data-[variant=line]/tabs-list:h-9 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",
         className
       ),
       ...props
@@ -6968,8 +7043,8 @@ function TabsContent({
 
 // src/components/components/Tabs/index.tsx
 var import_jsx_runtime119 = require("react/jsx-runtime");
-function Tabs2({ items = [], activeKey, onChange, className, style }) {
-  const { renderChildren } = (0, import_runtime20.useRenderer)();
+function Tabs2({ items = [], activeKey, variant, onChange, className, style }) {
+  const { renderChildren } = (0, import_runtime21.useRenderer)();
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
     Tabs,
     {
@@ -6979,7 +7054,7 @@ function Tabs2({ items = [], activeKey, onChange, className, style }) {
       className,
       style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(TabsList, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(TabsList, { variant, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
         items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(TabsContent, { value: item.key, children: renderChildren(item.children) }, item.key))
       ]
     }
@@ -7094,9 +7169,9 @@ function Textarea2({
 
 // src/ui/toggle.tsx
 var import_toggle = require("@base-ui/react/toggle");
-var import_class_variance_authority7 = require("class-variance-authority");
+var import_class_variance_authority8 = require("class-variance-authority");
 var import_jsx_runtime122 = require("react/jsx-runtime");
-var toggleVariants = (0, import_class_variance_authority7.cva)(
+var toggleVariants = (0, import_class_variance_authority8.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",
   {
     variants: {
@@ -7271,9 +7346,9 @@ function Tooltip3({ content, children, className, style }) {
 }
 
 // src/ui/typography.tsx
-var import_class_variance_authority8 = require("class-variance-authority");
+var import_class_variance_authority9 = require("class-variance-authority");
 var import_jsx_runtime127 = require("react/jsx-runtime");
-var typographyVariants = (0, import_class_variance_authority8.cva)("", {
+var typographyVariants = (0, import_class_variance_authority9.cva)("", {
   variants: {
     variant: {
       h1: "scroll-m-20 text-4xl font-extrabold tracking-tight text-balance",
@@ -7391,7 +7466,7 @@ var builtinComponents = {
   Tooltip: Tooltip3,
   HoverCard: HoverCard2,
   // 复合类扩展组件（第三批）
-  Calendar: Calendar2,
+  Calendar: Calendar3,
   DatePicker,
   InputOTP: InputOTP2,
   Combobox: Combobox2,