@pactor-app/ui 1.11.0 → 1.12.0

package/dist/components/index.cjs

@@ -982,7 +982,69 @@ function Breadcrumb2({ items = [], className, style }) {
 
 // src/components/components/Button/index.tsx
 var import_lucide_react4 = require("lucide-react");
+
+// src/ui/tooltip.tsx
+var import_tooltip = require("@base-ui/react/tooltip");
 var import_jsx_runtime18 = require("react/jsx-runtime");
+function TooltipProvider({
+  delay = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_tooltip.Tooltip.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delay,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_tooltip.Tooltip.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.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:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime18.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/components/components/Button/index.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var variantMap2 = {
   default: "outline",
   primary: "default",
@@ -998,6 +1060,7 @@ var sizeMap = {
 function Button2({
   text,
   icon,
+  tooltip,
   variant = "default",
   danger,
   size = "middle",
@@ -1010,7 +1073,7 @@ function Button2({
   children
 }) {
   const textual = variant === "link" || variant === "text";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     Button,
     {
       type: submit ? "submit" : "button",
@@ -1026,17 +1089,24 @@ function Button2({
         className
       ),
       children: [
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react4.Loader2, { "aria-hidden": true, className: "animate-spin" }) : icon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: icon, size: "sm" }) : null,
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react4.Loader2, { "aria-hidden": true, className: "animate-spin" }) : icon ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: icon, size: "sm" }) : null,
         text ?? children
       ]
     }
   );
+  if (tooltip) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipTrigger, { render: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: tooltip })
+    ] });
+  }
+  return button;
 }
 
 // src/ui/button-group.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function ButtonGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       role: "group",
@@ -1051,9 +1121,9 @@ function ButtonGroup({ className, ...props }) {
 }
 
 // src/components/components/ButtonGroup/index.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function ButtonGroup2({ className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ButtonGroup, { className, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ButtonGroup, { className, style, children });
 }
 
 // src/components/components/Calendar/index.tsx
@@ -1063,7 +1133,7 @@ var import_react4 = require("react");
 // src/ui/calendar.tsx
 var import_lucide_react5 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Calendar2({
   className,
   classNames,
@@ -1071,7 +1141,7 @@ function Calendar2({
   ...props
 }) {
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -1128,7 +1198,7 @@ function Calendar2({
         ...classNames
       },
       components: {
-        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" })
+        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react5.ChevronLeftIcon, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react5.ChevronRightIcon, { className: "size-4" })
       },
       ...props
     }
@@ -1154,7 +1224,7 @@ function formItemClass(layout) {
 }
 
 // src/components/components/Calendar/index.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function parseValue(value) {
   if (typeof value !== "string" || value === "") return void 0;
   const date = (0, import_date_fns.parseISO)(value);
@@ -1188,7 +1258,7 @@ function Calendar3({
     }
     onChange?.(next);
   };
-  const calendar = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  const calendar = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Calendar2,
     {
       mode,
@@ -1201,16 +1271,16 @@ function Calendar3({
   );
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
+          label ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
           calendar,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -1219,7 +1289,7 @@ function Calendar3({
 }
 
 // src/ui/card.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var cardRoundedClasses = {
   none: "rounded-none",
   sm: "rounded-sm",
@@ -1234,7 +1304,7 @@ function Card({
   rounded = "lg",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "card",
@@ -1248,7 +1318,7 @@ function Card({
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "card-header",
@@ -1261,7 +1331,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "card-title",
@@ -1271,7 +1341,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "card-content",
@@ -1282,17 +1352,17 @@ function CardContent({ className, ...props }) {
 }
 
 // src/components/components/Card/index.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Card2({ title, bordered = true, rounded, className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     Card,
     {
       rounded,
       className: cn("gap-4 py-4", !bordered && "border-transparent shadow-none", className),
       style,
       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 })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CardHeader, { className: "px-4", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CardTitle, { children: title }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CardContent, { className: "px-4", children })
       ]
     }
   );
@@ -1306,7 +1376,7 @@ var import_react5 = require("react");
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_lucide_react6 = require("lucide-react");
 var React3 = __toESM(require("react"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var CarouselContext = React3.createContext(null);
 function useCarousel() {
   const context = React3.useContext(CarouselContext);
@@ -1361,7 +1431,7 @@ function Carousel({
       api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     CarouselContext.Provider,
     {
       value: {
@@ -1374,7 +1444,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -1391,7 +1461,7 @@ function Carousel({
 }
 function CarouselContent({ className, ...props }) {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       className: cn(
@@ -1405,7 +1475,7 @@ function CarouselContent({ className, ...props }) {
 }
 function CarouselItem({ className, ...props }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       role: "group",
@@ -1427,7 +1497,7 @@ function CarouselPrevious({
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     Button,
     {
       "data-slot": "carousel-previous",
@@ -1442,8 +1512,8 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react6.ChevronLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -1455,7 +1525,7 @@ function CarouselNext({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     Button,
     {
       "data-slot": "carousel-next",
@@ -1470,15 +1540,15 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronRightIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react6.ChevronRightIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
 
 // src/components/components/Carousel/index.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function isDslNode(item) {
   return typeof item.type === "string";
 }
@@ -1503,7 +1573,7 @@ function Carousel2({
     }, interval);
     return () => clearInterval(timer);
   }, [api, autoplay, loop]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     Carousel,
     {
       opts: { loop: loop === true },
@@ -1511,7 +1581,7 @@ function Carousel2({
       className,
       style,
       children: [
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CarouselContent, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CarouselItem, { children: isDslNode(item) ? renderChildren([item]) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "img",
           {
             src: item.src,
@@ -1519,8 +1589,8 @@ function Carousel2({
             className: "w-full rounded-md object-cover"
           }
         ) }, index)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CarouselPrevious, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CarouselNext, {})
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CarouselPrevious, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CarouselNext, {})
       ]
     }
   );
@@ -1532,9 +1602,9 @@ var import_react6 = require("react");
 // src/ui/checkbox.tsx
 var import_checkbox = require("@base-ui/react/checkbox");
 var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_checkbox.Checkbox.Root,
     {
       "data-slot": "checkbox",
@@ -1543,12 +1613,12 @@ function Checkbox({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         import_checkbox.Checkbox.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current",
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react7.CheckIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react7.CheckIcon, { className: "size-3.5" })
         }
       )
     }
@@ -1556,7 +1626,7 @@ function Checkbox({ className, ...props }) {
 }
 
 // src/components/components/Checkbox/index.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Checkbox2({
   name,
   label,
@@ -1585,13 +1655,13 @@ function Checkbox2({
     }
     onChange?.(next);
   };
-  const control = /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "span",
     {
       className: cn("inline-flex items-center gap-2", !inForm && className),
       style: inForm ? void 0 : style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           Checkbox,
           {
             id: controlId,
@@ -1601,12 +1671,12 @@ function Checkbox2({
             onCheckedChange: handleChange
           }
         ),
-        label ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
+        label ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
       ]
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       "div",
       {
         "data-slot": "form-item",
@@ -1614,7 +1684,7 @@ function Checkbox2({
         style,
         children: [
           control,
-          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
+          form.errors[name] ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
         ]
       }
     );
@@ -1628,18 +1698,18 @@ var import_react7 = require("react");
 // src/ui/collapsible.tsx
 var import_collapsible = require("@base-ui/react/collapsible");
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function Collapsible({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     import_collapsible.Collapsible.Trigger,
     {
       "data-slot": "collapsible-trigger",
@@ -1650,7 +1720,7 @@ function CollapsibleTrigger({
       ...props,
       children: [
         children,
-        /* @__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" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react8.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
       ]
     }
   );
@@ -1659,7 +1729,7 @@ function CollapsibleContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_collapsible.Collapsible.Panel,
     {
       "data-slot": "collapsible-content",
@@ -1673,7 +1743,7 @@ function CollapsibleContent({
 }
 
 // src/components/components/Collapsible/index.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Collapsible2({
   title,
   open,
@@ -1683,7 +1753,7 @@ function Collapsible2({
 }) {
   const [innerOpen, setInnerOpen] = (0, import_react7.useState)(false);
   const controlled = open !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     Collapsible,
     {
       open: controlled ? open : innerOpen,
@@ -1695,8 +1765,8 @@ function Collapsible2({
       className,
       style,
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CollapsibleTrigger, { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CollapsibleContent, { children })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CollapsibleTrigger, { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CollapsibleContent, { children })
       ]
     }
   );
@@ -1710,16 +1780,16 @@ var import_lucide_react9 = require("lucide-react");
 
 // src/ui/popover.tsx
 var import_popover = require("@base-ui/react/popover");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1729,7 +1799,7 @@ function PopoverContent({
   anchor,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_popover.Popover.Positioner,
     {
       align,
@@ -1737,7 +1807,7 @@ function PopoverContent({
       sideOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         import_popover.Popover.Popup,
         {
           "data-slot": "popover-content",
@@ -1753,20 +1823,20 @@ function PopoverContent({
 }
 
 // src/ui/combobox.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Combobox({
   open,
   onOpenChange,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Popover, { open, onOpenChange: (next) => onOpenChange?.(next), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Popover, { open, onOpenChange: (next) => onOpenChange?.(next), children });
 }
 function ComboboxTrigger({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     PopoverTrigger,
     {
       "data-slot": "combobox-trigger",
@@ -1776,8 +1846,8 @@ function ComboboxTrigger({
       ),
       ...props,
       children: [
-        /* @__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" })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react9.ChevronsUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
       ]
     }
   );
@@ -1787,7 +1857,7 @@ function ComboboxContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     PopoverContent,
     {
       "data-slot": "combobox-content",
@@ -1801,12 +1871,12 @@ function ComboboxContent({
 // src/ui/command.tsx
 var import_cmdk = require("cmdk");
 var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_cmdk.Command,
     {
       "data-slot": "command",
@@ -1822,14 +1892,14 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex items-center gap-2 border-b border-border px-3",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react10.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react10.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           import_cmdk.Command.Input,
           {
             "data-slot": "command-input",
@@ -1848,7 +1918,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_cmdk.Command.List,
     {
       "data-slot": "command-list",
@@ -1863,7 +1933,7 @@ function CommandList({
 function CommandEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_cmdk.Command.Empty,
     {
       "data-slot": "command-empty",
@@ -1876,7 +1946,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_cmdk.Command.Group,
     {
       "data-slot": "command-group",
@@ -1892,7 +1962,7 @@ function CommandItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_cmdk.Command.Item,
     {
       "data-slot": "command-item",
@@ -1906,7 +1976,7 @@ function CommandItem({
 }
 
 // src/components/components/Combobox/index.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function Combobox2({
   name,
   label,
@@ -1947,8 +2017,8 @@ function Combobox2({
     onChange?.(option.value);
     setOpen(false);
   };
-  const control = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Combobox, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Combobox, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       ComboboxTrigger,
       {
         id: controlId,
@@ -1959,11 +2029,11 @@ function Combobox2({
         children: selected ? selected.label : placeholder ?? ""
       }
     ),
-    /* @__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)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ComboboxContent, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Command, { children: [
+      searchable ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CommandInput, { placeholder }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(CommandList, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CommandEmpty, { children: "\u65E0\u5339\u914D\u7ED3\u679C" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           CommandItem,
           {
             value: String(option.value),
@@ -1980,14 +2050,14 @@ function Combobox2({
   ] });
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "label",
             {
               htmlFor: controlId,
@@ -1996,7 +2066,7 @@ function Combobox2({
             }
           ) : null,
           control,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -2006,7 +2076,7 @@ function Combobox2({
 
 // src/components/components/Command/index.tsx
 var import_runtime5 = require("@pactor-app/runtime");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Command2({
   groups = [],
   placeholder,
@@ -2016,11 +2086,11 @@ function Command2({
   style
 }) {
   const { t } = (0, import_runtime5.useI18n)();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Command, { className, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CommandInput, { placeholder }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(CommandList, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CommandEmpty, { children: emptyText ?? t("pactor.command.empty") }),
-      groups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CommandGroup, { heading: group.heading, children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Command, { className, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CommandInput, { placeholder }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(CommandList, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CommandEmpty, { children: emptyText ?? t("pactor.command.empty") }),
+      groups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CommandGroup, { heading: group.heading, children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
         CommandItem,
         {
           value: item.value,
@@ -2028,7 +2098,7 @@ function Command2({
           disabled: item.disabled,
           onSelect: (value) => onSelect?.(value),
           children: [
-            item.icon ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+            item.icon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
             item.label
           ]
         },
@@ -2043,7 +2113,7 @@ var import_recharts2 = require("recharts");
 
 // src/ui/chart.tsx
 var import_recharts = require("recharts");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var CHART_TOKEN_COLORS = [
   "var(--chart-1)",
   "var(--chart-2)",
@@ -2062,19 +2132,19 @@ function ChartContainer({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       "data-slot": "chart-container",
       className: cn("h-64 w-full", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children })
     }
   );
 }
 
 // src/components/components/Chart/index.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Chart({
   chartType,
   data = [],
@@ -2085,17 +2155,17 @@ function Chart({
   style
 }) {
   const series = yKeys.length > 0 ? yKeys : ["value"];
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       "data-slot": "chart",
       "data-chart-type": chartType,
       className: cn("w-full", className),
       style,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChartContainer, { children: chartType === "pie" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_recharts2.PieChart, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Tooltip, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Legend, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChartContainer, { children: chartType === "pie" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.PieChart, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Tooltip, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Legend, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           import_recharts2.Pie,
           {
             data,
@@ -2104,16 +2174,16 @@ function Chart({
             innerRadius: 0,
             outerRadius: "80%",
             isAnimationActive: false,
-            children: data.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Cell, { fill: chartColor(index, colors) }, index))
+            children: data.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Cell, { fill: chartColor(index, colors) }, index))
           }
         )
-      ] }) : chartType === "line" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_recharts2.LineChart, { data, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.YAxis, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Tooltip, {}),
-        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Legend, {}) : null,
-        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      ] }) : chartType === "line" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.LineChart, { data, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.YAxis, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Tooltip, {}),
+        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Legend, {}) : null,
+        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           import_recharts2.Line,
           {
             type: "monotone",
@@ -2124,13 +2194,13 @@ function Chart({
           },
           key
         ))
-      ] }) : chartType === "area" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_recharts2.AreaChart, { data, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.YAxis, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Tooltip, {}),
-        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Legend, {}) : null,
-        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      ] }) : chartType === "area" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.AreaChart, { data, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.YAxis, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Tooltip, {}),
+        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Legend, {}) : null,
+        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           import_recharts2.Area,
           {
             type: "monotone",
@@ -2143,13 +2213,13 @@ function Chart({
           },
           key
         ))
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_recharts2.BarChart, { data, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.YAxis, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Tooltip, {}),
-        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Legend, {}) : null,
-        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.BarChart, { data, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.YAxis, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Tooltip, {}),
+        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Legend, {}) : null,
+        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           import_recharts2.Bar,
           {
             dataKey: key,
@@ -2170,12 +2240,12 @@ var import_lucide_react11 = require("lucide-react");
 var import_react9 = require("react");
 
 // src/ui/textarea.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Textarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "textarea",
     {
       "data-slot": "textarea",
@@ -2189,7 +2259,7 @@ function Textarea({
 }
 
 // src/components/components/ChatInput/index.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function ChatInput({
   value,
   placeholder,
@@ -2235,7 +2305,7 @@ function ChatInput({
   const handleComposition = (event) => {
     composingRef.current = event.type === "compositionstart";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       "data-slot": "chat-input",
@@ -2245,8 +2315,8 @@ function ChatInput({
       ),
       style,
       children: [
-        header ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "px-3 pt-3", children: renderChildren([header]) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        header ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "px-3 pt-3", children: renderChildren([header]) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           Textarea,
           {
             value: text,
@@ -2260,11 +2330,11 @@ function ChatInput({
             className: "min-h-[60px] resize-none border-0 px-4 pt-3 pb-1 shadow-none focus-visible:border-transparent focus-visible:ring-0"
           }
         ),
-        toolbarStart || toolbarEnd || !hideSend ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-1 px-2 pb-2", children: [
+        toolbarStart || toolbarEnd || !hideSend ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-1 px-2 pb-2", children: [
           toolbarStart ? renderChildren([toolbarStart]) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "flex-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "flex-1" }),
           toolbarEnd ? renderChildren([toolbarEnd]) : null,
-          hideSend ? null : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          hideSend ? null : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             Button,
             {
               type: "button",
@@ -2273,20 +2343,20 @@ function ChatInput({
               disabled: !canSubmit,
               onClick: submit,
               className: "size-8 rounded-full",
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.ArrowUp, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react11.ArrowUp, {})
             }
           )
         ] }) : null,
-        footer ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "border-t border-border px-3 py-2", children: renderChildren([footer]) }) : null
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "border-t border-border px-3 py-2", children: renderChildren([footer]) }) : null
       ]
     }
   );
 }
 
 // src/components/components/Content/index.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Content({ className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "main",
     {
       "data-slot": "layout-content",
@@ -2299,22 +2369,22 @@ function Content({ className, style, children }) {
 
 // src/ui/context-menu.tsx
 var import_context_menu = require("@base-ui/react/context-menu");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function ContextMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_context_menu.ContextMenu.Popup,
     {
       "data-slot": "context-menu-content",
@@ -2331,7 +2401,7 @@ function ContextMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_context_menu.ContextMenu.Item,
     {
       "data-slot": "context-menu-item",
@@ -2346,7 +2416,7 @@ function ContextMenuItem({
 }
 
 // src/components/components/ContextMenu/index.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function ContextMenu2({
   items = [],
   onSelect,
@@ -2354,16 +2424,16 @@ function ContextMenu2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(ContextMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ContextMenuTrigger, { children }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ContextMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(ContextMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ContextMenuTrigger, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ContextMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       ContextMenuItem,
       {
         variant: item.danger ? "destructive" : "default",
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -2378,9 +2448,9 @@ var import_lucide_react12 = require("lucide-react");
 var import_react10 = require("react");
 
 // src/ui/input.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "input",
     {
       type,
@@ -2395,14 +2465,14 @@ function Input({ className, type, ...props }) {
 }
 
 // src/ui/table.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function Table2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         "table",
         {
           "data-slot": "table",
@@ -2414,7 +2484,7 @@ function Table2({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "thead",
     {
       "data-slot": "table-header",
@@ -2424,7 +2494,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2434,7 +2504,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -2447,7 +2517,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -2460,7 +2530,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "td",
     {
       "data-slot": "table-cell",
@@ -2474,7 +2544,7 @@ function TableCell({ className, ...props }) {
 }
 
 // src/components/components/DataTable/index.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function renderCellValue(value) {
   if (value === void 0 || value === null) {
     return "";
@@ -2543,12 +2613,12 @@ function DataTable({
     setCurrent(page);
     onPageChange?.(page);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { "data-slot": "data-table", className: cn("relative", className), style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Table2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { "data-slot": "data-table", className: cn("relative", className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Table2, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => {
         const sorted = sortState?.key === column.key;
-        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          column.sortable ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          column.sortable ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             "button",
             {
               type: "button",
@@ -2559,7 +2629,7 @@ function DataTable({
               onClick: () => toggleSort(column),
               children: [
                 column.title,
-                sorted ? sortState.order === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ArrowUp, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ArrowDown, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                sorted ? sortState.order === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.ArrowUp, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.ArrowDown, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                   import_lucide_react12.ArrowUpDown,
                   {
                     "aria-hidden": true,
@@ -2568,8 +2638,8 @@ function DataTable({
                 )
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: column.title }),
-          column.filterable ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: column.title }),
+          column.filterable ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             Input,
             {
               "data-slot": "data-table-filter",
@@ -2582,7 +2652,7 @@ function DataTable({
           ) : null
         ] }) }, column.key ?? String(index));
       }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         "div",
         {
           "data-slot": "table-empty",
@@ -2591,20 +2661,20 @@ function DataTable({
         }
       ) }) }) : pageRows.map((row, rowIndex) => {
         const key = row[rowKey];
-        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           TableRow,
           {
             children: columns.map((column, columnIndex) => {
               const template = column.children ?? column.renderChildren;
-              return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableCell, { children: template ? renderChildren(template, { row, rowIndex }) : renderCellValue(row[column.key]) }, column.key ?? String(columnIndex));
+              return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableCell, { children: template ? renderChildren(template, { row, rowIndex }) : renderCellValue(row[column.key]) }, column.key ?? String(columnIndex));
             })
           },
           key === void 0 || key === null ? rowIndex : String(key)
         );
       }) })
     ] }),
-    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
-      (page) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
+      (page) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Button,
         {
           type: "button",
@@ -2626,7 +2696,7 @@ var import_date_fns2 = require("date-fns");
 var import_locale = require("date-fns/locale");
 var import_lucide_react13 = require("lucide-react");
 var import_react11 = require("react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function toDateFnsLocale(locale) {
   switch (locale) {
     case "zh-CN":
@@ -2798,13 +2868,13 @@ function DatePicker(props) {
   } : void 0;
   const displayText = isRange ? typeof current === "object" && current !== null ? `${current.start} ~ ${current.end}` : "" : typeof current === "string" ? current : "";
   const placeholderText = placeholder ?? t(isRange ? "pactor.datePicker.placeholderRange" : "pactor.datePicker.placeholder");
-  const calendar = isRange ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  const calendar = isRange ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "div",
       {
         "data-slot": "datepicker-start-panel",
         className: "border-r border-border",
-        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           Calendar2,
           {
             mode: "single",
@@ -2818,7 +2888,7 @@ function DatePicker(props) {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "datepicker-end-panel", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "data-slot": "datepicker-end-panel", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       Calendar2,
       {
         mode: "single",
@@ -2830,7 +2900,7 @@ function DatePicker(props) {
         locale: dfLocale
       }
     ) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     Calendar2,
     {
       mode: "single",
@@ -2839,8 +2909,8 @@ function DatePicker(props) {
       locale: dfLocale
     }
   );
-  const control = /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       PopoverTrigger,
       {
         id: controlId,
@@ -2854,20 +2924,20 @@ function DatePicker(props) {
         ),
         style: inForm ? void 0 : style,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children: displayText === "" ? placeholderText : displayText }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Calendar, { className: "size-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children: displayText === "" ? placeholderText : displayText }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.Calendar, { className: "size-4 shrink-0 opacity-50" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PopoverContent, { className: "w-auto p-0", children: presetList.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverContent, { className: "w-auto p-0", children: presetList.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         "div",
         {
           "data-slot": "datepicker-presets",
           className: "flex flex-col gap-1 border-r border-border p-3",
           children: presetList.map((preset, index) => {
             const resolved = resolvePreset(preset);
-            return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
               "button",
               {
                 type: "button",
@@ -2885,14 +2955,14 @@ function DatePicker(props) {
   ] });
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             "label",
             {
               htmlFor: controlId,
@@ -2901,7 +2971,7 @@ function DatePicker(props) {
             }
           ) : null,
           control,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -2916,27 +2986,27 @@ var import_react12 = require("react");
 // src/ui/dialog.tsx
 var import_dialog = require("@base-ui/react/dialog");
 var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_dialog.Dialog.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog.Dialog.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_dialog.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_dialog.Dialog.Backdrop,
     {
       "data-slot": "dialog-overlay",
@@ -2954,9 +3024,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       import_dialog.Dialog.Popup,
       {
         "data-slot": "dialog-content",
@@ -2967,11 +3037,11 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             import_dialog.Dialog.Close,
             {
               "data-slot": "dialog-close",
-              render: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              render: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 "button",
                 {
                   type: "button",
@@ -2979,8 +3049,8 @@ function DialogContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react14.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2990,7 +3060,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       "data-slot": "dialog-header",
@@ -3003,7 +3073,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_dialog.Dialog.Title,
     {
       "data-slot": "dialog-title",
@@ -3016,7 +3086,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_dialog.Dialog.Description,
     {
       "data-slot": "dialog-description",
@@ -3027,7 +3097,7 @@ function DialogDescription({
 }
 
 // src/components/components/Dialog/index.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Dialog2({
   title,
   description,
@@ -3042,7 +3112,7 @@ function Dialog2({
   const [innerOpen, setInnerOpen] = (0, import_react12.useState)(false);
   const controlled = open !== void 0;
   const visible = controlled ? open : innerOpen;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     Dialog,
     {
       open: visible,
@@ -3055,7 +3125,7 @@ function Dialog2({
         }
       },
       children: [
-        trigger ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        trigger ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           DialogTrigger,
           {
             nativeButton: false,
@@ -3063,10 +3133,10 @@ function Dialog2({
             children: renderChildren([trigger])
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogContent, { className, style, children: [
-          title || description ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogHeader, { children: [
-            title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogTitle, { children: title }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogDescription, { children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogContent, { className, style, children: [
+          title || description ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogHeader, { children: [
+            title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogTitle, { children: title }) : null,
+            description ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogDescription, { children: description }) : null
           ] }) : null,
           children
         ] })
@@ -3077,22 +3147,22 @@ function Dialog2({
 
 // src/ui/drawer.tsx
 var import_vaul = require("vaul");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function Drawer({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_vaul.Drawer.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -3106,9 +3176,9 @@ function DrawerContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
       import_vaul.Drawer.Content,
       {
         "data-slot": "drawer-content",
@@ -3122,7 +3192,7 @@ function DrawerContent({
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime50.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
         ]
       }
@@ -3130,7 +3200,7 @@ function DrawerContent({
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     {
       "data-slot": "drawer-header",
@@ -3143,7 +3213,7 @@ function DrawerTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_vaul.Drawer.Title,
     {
       "data-slot": "drawer-title",
@@ -3154,7 +3224,7 @@ function DrawerTitle({
 }
 
 // src/components/components/Drawer/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Drawer2({
   title,
   open,
@@ -3164,7 +3234,7 @@ function Drawer2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Drawer,
     {
       direction: placement,
@@ -3174,9 +3244,9 @@ function Drawer2({
           onClose?.();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(DrawerContent, { className, style, children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerTitle, { children: title }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex-1 overflow-auto p-4", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DrawerContent, { className, style, children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DrawerTitle, { children: title }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex-1 overflow-auto p-4", children })
       ] })
     }
   );
@@ -3185,16 +3255,16 @@ function Drawer2({
 // src/ui/dropdown-menu.tsx
 var import_menu = require("@base-ui/react/menu");
 var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   className,
@@ -3203,14 +3273,14 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_menu.Menu.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         import_menu.Menu.Popup,
         {
           "data-slot": "dropdown-menu-content",
@@ -3229,7 +3299,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_menu.Menu.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -3245,14 +3315,14 @@ function DropdownMenuItem({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     import_menu.Menu.SubmenuTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -3263,7 +3333,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react15.ChevronRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react15.ChevronRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -3273,7 +3343,7 @@ function DropdownMenuSubContent({
   sideOffset = 2,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_menu.Menu.Popup,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -3287,7 +3357,7 @@ function DropdownMenuSubContent({
 }
 
 // src/components/components/DropdownMenu/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function DropdownMenu2({
   items = [],
   onSelect,
@@ -3295,8 +3365,8 @@ function DropdownMenu2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       DropdownMenuTrigger,
       {
         nativeButton: false,
@@ -3304,14 +3374,14 @@ function DropdownMenu2({
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DropdownMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DropdownMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
       DropdownMenuItem,
       {
         variant: item.danger ? "destructive" : "default",
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -3321,9 +3391,9 @@ function DropdownMenu2({
 }
 
 // src/ui/empty.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "empty",
@@ -3336,7 +3406,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "empty-header",
@@ -3346,7 +3416,7 @@ function EmptyHeader({ className, ...props }) {
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "empty-title",
@@ -3356,7 +3426,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "p",
     {
       "data-slot": "empty-description",
@@ -3366,7 +3436,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "empty-content",
@@ -3380,22 +3450,22 @@ function EmptyContent({ className, ...props }) {
 }
 
 // src/components/components/Empty/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Empty2({ title, description, children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Empty, { className, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(EmptyHeader, { children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EmptyTitle, { children: title }) : null,
-      description ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EmptyDescription, { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Empty, { className, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(EmptyHeader, { children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EmptyTitle, { children: title }) : null,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EmptyDescription, { children: description }) : null
     ] }),
-    children ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EmptyContent, { children }) : null
+    children ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EmptyContent, { children }) : null
   ] });
 }
 
 // src/ui/field.tsx
 var import_field = require("@base-ui/react/field");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Field({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_field.Field.Root,
     {
       "data-slot": "field",
@@ -3405,7 +3475,7 @@ function Field({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_field.Field.Label,
     {
       "data-slot": "field-label",
@@ -3415,7 +3485,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_field.Field.Description,
     {
       "data-slot": "field-description",
@@ -3425,7 +3495,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldError({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_field.Field.Error,
     {
       "data-slot": "field-error",
@@ -3436,24 +3506,24 @@ function FieldError({ className, ...props }) {
 }
 
 // src/components/components/Field/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Field2({ label, required, description, error, children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Field, { className, style, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(FieldLabel, { children: [
-      required ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { "aria-hidden": true, className: "text-destructive", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Field, { className, style, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(FieldLabel, { children: [
+      required ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { "aria-hidden": true, className: "text-destructive", children: [
         "*",
         " "
       ] }) : null,
       label
     ] }) : null,
     children,
-    description ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(FieldDescription, { children: description }) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(FieldError, { match: true, children: error }) : null
+    description ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FieldDescription, { children: description }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FieldError, { match: true, children: error }) : null
   ] });
 }
 
 // src/components/components/Flex/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var gapClass = {
   small: "gap-(--flex-gap-sm)",
   middle: "gap-(--flex-gap-md)",
@@ -3483,7 +3553,7 @@ function Flex({
   style,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       "data-slot": "flex",
@@ -3503,9 +3573,9 @@ function Flex({
 }
 
 // src/components/components/Footer/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Footer({ className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "footer",
     {
       "data-slot": "layout-footer",
@@ -3522,7 +3592,7 @@ function Footer({ className, style, children }) {
 // src/components/components/Form/index.tsx
 var import_runtime10 = require("@pactor-app/runtime");
 var import_react13 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function isEmpty(value) {
   return value === void 0 || value === null || value === "";
 }
@@ -3603,7 +3673,7 @@ function Form({
     context.state.set("form", values);
     onSubmit?.(values);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormContextProvider, { value: formContext, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FormContextProvider, { value: formContext, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "form",
     {
       "data-slot": "form",
@@ -3617,10 +3687,10 @@ function Form({
 
 // src/components/components/Grid/index.tsx
 var import_react14 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function Grid({ columns = 1, gap, className, style, children }) {
   const cols = Math.max(1, columns);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "div",
     {
       "data-slot": "grid",
@@ -3631,7 +3701,7 @@ function Grid({ columns = 1, gap, className, style, children }) {
         ...gap !== void 0 ? { gap } : {},
         ...style
       },
-      children: import_react14.Children.map(children, (child, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { "data-slot": "grid-item", children: child }, index))
+      children: import_react14.Children.map(children, (child, index) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { "data-slot": "grid-item", children: child }, index))
     }
   );
 }
@@ -3639,7 +3709,7 @@ function Grid({ columns = 1, gap, className, style, children }) {
 // src/components/components/Header/index.tsx
 var import_runtime11 = require("@pactor-app/runtime");
 var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var menuItemClass = "flex items-center gap-1 rounded-md px-3 py-2 text-sm transition-colors text-muted-foreground hover:bg-accent/50 hover:text-foreground";
 function Header({
   logo,
@@ -3670,10 +3740,10 @@ function Header({
     className
   );
   if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales) {
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("header", { "data-slot": "layout-header", className: rootClass, style, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("header", { "data-slot": "layout-header", className: rootClass, style, children });
   }
-  const brandNode = hasBrand && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { "data-slot": "header-brand", className: "flex items-center gap-2", children: [
-    logo !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  const brandNode = hasBrand && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { "data-slot": "header-brand", className: "flex items-center gap-2", children: [
+    logo !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "img",
       {
         "data-slot": "header-brand-logo",
@@ -3682,23 +3752,23 @@ function Header({
         className: "h-8 w-8 shrink-0 object-contain"
       }
     ),
-    title !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { "data-slot": "header-brand-title", className: "text-base font-semibold", children: title })
+    title !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { "data-slot": "header-brand-title", className: "text-base font-semibold", children: title })
   ] });
-  const dropdownNode = dropdown !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderDropdownArea, { dropdown, onSelect: onDropdownSelect });
+  const dropdownNode = dropdown !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderDropdownArea, { dropdown, onSelect: onDropdownSelect });
   const showLeft = brandLeft || dropdownLeft || hasMenu;
   const showRight = dropdownRight || brandRight || hasLocales || hasUser;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("header", { "data-slot": "layout-header", className: rootClass, style, children: [
-    showLeft && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { "data-slot": "header-left", className: "flex items-center gap-4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("header", { "data-slot": "layout-header", className: rootClass, style, children: [
+    showLeft && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { "data-slot": "header-left", className: "flex items-center gap-4", children: [
       brandLeft && brandNode,
       dropdownLeft && dropdownNode,
-      hasMenu && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderMenuArea, { items: menu, onSelect: onMenuSelect })
+      hasMenu && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderMenuArea, { items: menu, onSelect: onMenuSelect })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { "data-slot": "header-center", className: "flex flex-1 items-center gap-4", children }),
-    showRight && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { "data-slot": "header-right", className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { "data-slot": "header-center", className: "flex flex-1 items-center gap-4", children }),
+    showRight && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { "data-slot": "header-right", className: "flex items-center gap-4", children: [
       dropdownRight && dropdownNode,
       brandRight && brandNode,
-      hasLocales && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderLocalesArea, { locales, onSelect: onLocaleChange }),
-      hasUser && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderUserArea, { user, onSelect: onUserSelect })
+      hasLocales && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderLocalesArea, { locales, onSelect: onLocaleChange }),
+      hasUser && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderUserArea, { user, onSelect: onUserSelect })
     ] })
   ] });
 }
@@ -3706,25 +3776,25 @@ function HeaderDropdownArea({
   dropdown,
   onSelect
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       DropdownMenuTrigger,
       {
         "data-slot": "header-dropdown",
         className: cn(menuItemClass, "outline-hidden cursor-pointer"),
         children: [
           dropdown.label,
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react16.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react16.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuContent, { children: dropdown.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DropdownMenuContent, { children: dropdown.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       DropdownMenuItem,
       {
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -3736,23 +3806,23 @@ function HeaderMenuArea({
   items,
   onSelect
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("nav", { "data-slot": "header-menu", className: "flex items-center gap-1", children: items.map(
-    (item) => item.children !== void 0 && item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("nav", { "data-slot": "header-menu", className: "flex items-center gap-1", children: items.map(
+    (item) => item.children !== void 0 && item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
         DropdownMenuTrigger,
         {
           "data-slot": "header-menu-item",
           "data-key": item.key,
           className: cn(menuItemClass, "outline-hidden cursor-pointer"),
           children: [
-            item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+            item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
             item.label,
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react16.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react16.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
-    ] }, item.key) : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DropdownMenuContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
+    ] }, item.key) : /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       "button",
       {
         type: "button",
@@ -3761,7 +3831,7 @@ function HeaderMenuArea({
         className: menuItemClass,
         onClick: () => onSelect?.(item.key),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -3774,16 +3844,16 @@ function HeaderMenuEntry({
   onSelect
 }) {
   if (item.children !== void 0 && item.children.length > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenuSub, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenuSubTrigger, { "data-key": item.key, className: "cursor-pointer", children: [
-        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenuSub, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenuSubTrigger, { "data-key": item.key, className: "cursor-pointer", children: [
+        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
         item.label
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuSubContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DropdownMenuSubContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenuItem, { "data-key": item.key, onClick: () => onSelect?.(item.key), children: [
-    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenuItem, { "data-key": item.key, onClick: () => onSelect?.(item.key), children: [
+    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
     item.label
   ] });
 }
@@ -3791,18 +3861,18 @@ function HeaderUserArea({
   user,
   onSelect
 }) {
-  const identity = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Avatar, { className: "size-7", children: [
-      user.avatar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AvatarImage, { src: user.avatar, alt: user.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AvatarFallback, { children: user.name.charAt(0) })
+  const identity = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Avatar, { className: "size-7", children: [
+      user.avatar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AvatarImage, { src: user.avatar, alt: user.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AvatarFallback, { children: user.name.charAt(0) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-sm", children: user.name })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm", children: user.name })
   ] });
   if (user.items === void 0 || user.items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { "data-slot": "header-user", className: "flex items-center gap-2", children: identity });
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { "data-slot": "header-user", className: "flex items-center gap-2", children: identity });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       DropdownMenuTrigger,
       {
         "data-slot": "header-user",
@@ -3810,8 +3880,8 @@ function HeaderUserArea({
         children: identity
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuContent, { align: "end", children: user.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenuItem, { onClick: () => onSelect?.(item.value), children: [
-      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DropdownMenuContent, { align: "end", children: user.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenuItem, { onClick: () => onSelect?.(item.value), children: [
+      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
       item.label
     ] }, item.value)) })
   ] });
@@ -3822,19 +3892,19 @@ function HeaderLocalesArea({
 }) {
   const { locale } = (0, import_runtime11.useI18n)();
   const current = locales.find((option) => option.value === locale);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       DropdownMenuTrigger,
       {
         "data-slot": "header-locales",
         className: cn(menuItemClass, "outline-hidden cursor-pointer"),
         children: [
           current?.label ?? locale,
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react16.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react16.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuContent, { align: "end", children: locales.map((option) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DropdownMenuContent, { align: "end", children: locales.map((option) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       DropdownMenuItem,
       {
         onClick: () => onSelect?.(option.value),
@@ -3850,16 +3920,16 @@ var import_runtime12 = require("@pactor-app/runtime");
 
 // src/ui/hover-card.tsx
 var import_preview_card = require("@base-ui/react/preview-card");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_preview_card.PreviewCard.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_preview_card.PreviewCard.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_preview_card.PreviewCard.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_preview_card.PreviewCard.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -3868,14 +3938,14 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     import_preview_card.PreviewCard.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         import_preview_card.PreviewCard.Popup,
         {
           "data-slot": "hover-card-content",
@@ -3891,22 +3961,22 @@ function HoverCardContent({
 }
 
 // src/components/components/HoverCard/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function isDslNode2(value) {
   return typeof value === "object" && value !== null && typeof value.type === "string";
 }
 function HoverCard2({ content, children, className, style }) {
   const { renderChildren } = (0, import_runtime12.useRenderer)();
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(HoverCard, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(HoverCardTrigger, { render: triggerWrapper("hover-card-trigger-wrap"), children }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(HoverCardContent, { className, style, children: isDslNode2(content) ? renderChildren([content]) : content })
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(HoverCard, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(HoverCardTrigger, { render: triggerWrapper("hover-card-trigger-wrap"), children }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(HoverCardContent, { className, style, children: isDslNode2(content) ? renderChildren([content]) : content })
   ] });
 }
 
 // src/components/components/Input/index.tsx
 var import_runtime13 = require("@pactor-app/runtime");
 var import_react15 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function Input2({
   name,
   label,
@@ -3942,7 +4012,7 @@ function Input2({
     onChange?.("");
   };
   const inFormRoot = inForm === true;
-  const input = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  const input = /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     Input,
     {
       id: controlId,
@@ -3963,7 +4033,7 @@ function Input2({
       }
     }
   );
-  const clearButton = showClear ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  const clearButton = showClear ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "button",
     {
       type: "button",
@@ -3973,7 +4043,7 @@ function Input2({
       children: "\xD7"
     }
   ) : null;
-  const control = allowClear === true ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  const control = allowClear === true ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     "span",
     {
       className: cn(
@@ -3990,14 +4060,14 @@ function Input2({
   ) : input;
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             "label",
             {
               htmlFor: controlId,
@@ -4006,7 +4076,7 @@ function Input2({
             }
           ) : null,
           control,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -4015,9 +4085,9 @@ function Input2({
 }
 
 // src/ui/input-group.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "div",
     {
       "data-slot": "input-group",
@@ -4036,9 +4106,9 @@ function InputGroup({ className, ...props }) {
 }
 
 // src/components/components/InputGroup/index.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function InputGroup2({ className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(InputGroup, { className, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(InputGroup, { className, style, children });
 }
 
 // src/components/components/InputOTP/index.tsx
@@ -4048,13 +4118,13 @@ var import_react16 = require("react");
 var import_input_otp = require("input-otp");
 var import_lucide_react17 = require("lucide-react");
 var React4 = __toESM(require("react"), 1);
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function InputOTP({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     import_input_otp.OTPInput,
     {
       "data-slot": "input-otp",
@@ -4068,7 +4138,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -4084,7 +4154,7 @@ function InputOTPSlot({
 }) {
   const inputOTPContext = React4.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -4096,14 +4166,14 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
+        hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
       ]
     }
   );
 }
 
 // src/components/components/InputOTP/index.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function InputOTP2({
   name,
   label,
@@ -4141,42 +4211,42 @@ function InputOTP2({
       onComplete?.(next);
     }
   };
-  const control = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     InputOTP,
     {
       maxLength: length,
       value: current,
       onChange: handleChange,
       disabled,
-      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(InputOTPSlot, { index }, index)) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(InputOTPSlot, { index }, index)) })
     }
   );
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
+          label ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
           control,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-slot": "input-otp-field", className: cn("inline-block", className), style, children: control });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-slot": "input-otp-field", className: cn("inline-block", className), style, children: control });
 }
 
 // src/components/components/Item/index.tsx
 var import_runtime14 = require("@pactor-app/runtime");
 
 // src/ui/item.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function Item({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       "data-slot": "item",
@@ -4189,7 +4259,7 @@ function Item({ className, ...props }) {
   );
 }
 function ItemMedia({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       "data-slot": "item-media",
@@ -4202,7 +4272,7 @@ function ItemMedia({ className, ...props }) {
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       "data-slot": "item-content",
@@ -4212,7 +4282,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       "data-slot": "item-title",
@@ -4222,7 +4292,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "p",
     {
       "data-slot": "item-description",
@@ -4232,7 +4302,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       "data-slot": "item-actions",
@@ -4243,7 +4313,7 @@ function ItemActions({ className, ...props }) {
 }
 
 // src/components/components/Item/index.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function Item2({
   title,
   description,
@@ -4254,20 +4324,20 @@ function Item2({
 }) {
   const { renderChildren } = (0, import_runtime14.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,
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(ItemContent, { children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ItemTitle, { children: title }) : null,
-      description ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ItemDescription, { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Item, { className, style, children: [
+    mediaNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ItemMedia, { children: renderChildren(mediaNodes) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(ItemContent, { children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ItemTitle, { children: title }) : null,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ItemDescription, { children: description }) : null
     ] }),
-    actions && actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ItemActions, { children: renderChildren(actions) }) : null
+    actions && actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ItemActions, { children: renderChildren(actions) }) : null
   ] });
 }
 
 // src/ui/kbd.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     "kbd",
     {
       "data-slot": "kbd",
@@ -4281,18 +4351,18 @@ function Kbd({ className, ...props }) {
 }
 
 // src/components/components/Kbd/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function Kbd2({ text, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Kbd, { className, style, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Kbd, { className, style, children: text });
 }
 
 // src/ui/label.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "label",
     {
       "data-slot": "label",
@@ -4306,22 +4376,22 @@ function Label({
 }
 
 // src/components/components/Label/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function Label2({ text, htmlFor, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Label, { htmlFor, className, style, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Label, { htmlFor, className, style, children: text });
 }
 
 // src/components/components/Layout/index.tsx
 var import_core = require("@pactor-app/core");
 var import_runtime15 = require("@pactor-app/runtime");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function Layout({ direction, className, style, dslChildren }) {
   const { renderChildren, context } = (0, import_runtime15.useRenderer)();
   const hasSider = Array.isArray(dslChildren) ? dslChildren.some(
     (child) => !(0, import_core.isDslSourceRef)(child) && resolveRootType(child, context) === "Sider"
   ) : false;
   const dir = direction ?? (hasSider ? "horizontal" : "vertical");
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "div",
     {
       "data-slot": "layout",
@@ -4345,10 +4415,10 @@ function resolveRootType(node, context) {
 }
 
 // src/components/components/Link/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function Link2({ href, text, target, className, style, children }) {
   const handleSpaClick = useSpaLinkClick();
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "a",
     {
       "data-slot": "link",
@@ -4366,73 +4436,13 @@ function Link2({ href, text, target, className, style, children }) {
 // src/components/components/Menu/index.tsx
 var import_react19 = require("react");
 
-// src/ui/tooltip.tsx
-var import_tooltip = require("@base-ui/react/tooltip");
-var import_jsx_runtime77 = require("react/jsx-runtime");
-function TooltipProvider({
-  delay = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-    import_tooltip.Tooltip.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delay,
-      ...props
-    }
-  );
-}
-function Tooltip2({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-    import_tooltip.Tooltip.Positioner,
-    {
-      align,
-      side,
-      sideOffset,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime77.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:fade-out-0 data-closed:zoom-out-95",
-            className
-          ),
-          ...props,
-          children: [
-            children,
-            /* @__PURE__ */ (0, import_jsx_runtime77.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/components/components/Sidebar/rail-tooltip.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function RailTooltip({
   label,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Tooltip2, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Tooltip, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(TooltipTrigger, { render: children }),
     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(TooltipContent, { side: "right", sideOffset: 8, children: label })
   ] });
@@ -4947,7 +4957,7 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Tooltip2, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Tooltip, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TooltipTrigger, { render: button }),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       TooltipContent,
@@ -6406,7 +6416,8 @@ function Select2({
     "span",
     {
       className: cn(
-        "inline-flex items-center gap-1",
+        // Form / Field（Form 上下文）内控件占满整行宽度；独立渲染保持内容自然宽度
+        inFormRoot ? "flex w-full items-center gap-1" : "inline-flex items-center gap-1",
         !inFormRoot && className,
         controlClassName
       ),
@@ -6421,7 +6432,7 @@ function Select2({
             disabled,
             name: inForm ? name : void 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SelectTrigger, { id: controlId, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SelectValue, { placeholder }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SelectTrigger, { id: controlId, className: inFormRoot ? "w-full" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SelectValue, { placeholder }) }),
               /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 SelectItem,
                 {
@@ -7146,9 +7157,15 @@ var typeClassMap = {
   warning: "text-warning",
   danger: "text-destructive"
 };
+var sizeClassMap = {
+  small: "text-xs",
+  middle: "",
+  large: "text-lg"
+};
 function Text({
   text,
   type = "default",
+  size = "middle",
   strong,
   delete: del,
   underline,
@@ -7164,6 +7181,7 @@ function Text({
       "data-type": type,
       className: cn(
         typeClassMap[type],
+        sizeClassMap[size],
         strong && "font-semibold",
         del && "line-through",
         underline && "underline",
@@ -7415,7 +7433,7 @@ function ToggleGroup2({
 // src/components/components/Tooltip/index.tsx
 var import_jsx_runtime126 = require("react/jsx-runtime");
 function Tooltip3({ content, children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Tooltip2, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Tooltip, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
     /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TooltipContent, { className, style, children: content })
   ] });