@pactor-app/ui 1.10.0 → 1.12.0

package/dist/index.cjs

@@ -877,6 +877,7 @@ var import_react2 = require("react");
 
 // src/ui/breadcrumb.tsx
 var import_lucide_react3 = require("lucide-react");
+var React2 = __toESM(require("react"), 1);
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function Breadcrumb({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -904,12 +905,27 @@ function BreadcrumbItem({ className, ...props }) {
     }
   );
 }
-function BreadcrumbLink({ className, ...props }) {
+function BreadcrumbLink({
+  className,
+  render,
+  ...props
+}) {
+  const linkClassName = cn("transition-colors hover:text-foreground", className);
+  if (render) {
+    return React2.cloneElement(render, {
+      "data-slot": "breadcrumb-link",
+      ...props,
+      className: cn(
+        linkClassName,
+        render.props.className
+      )
+    });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "a",
     {
       "data-slot": "breadcrumb-link",
-      className: cn("transition-colors hover:text-foreground", className),
+      className: linkClassName,
       ...props
     }
   );
@@ -945,21 +961,106 @@ function BreadcrumbSeparator({
   );
 }
 
+// src/components/spa-link.ts
+var import_runtime3 = require("@pactor-app/runtime");
+function shouldInterceptLinkClick(event, href, target) {
+  return typeof href === "string" && href.startsWith("/") && (target === void 0 || target === "_self") && event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
+}
+function useSpaLinkClick() {
+  const { context } = (0, import_runtime3.useRenderer)();
+  return (event, href, target) => {
+    if (shouldInterceptLinkClick(event, href, target)) {
+      event.preventDefault();
+      context.route.navigate(href);
+    }
+  };
+}
+
 // src/components/components/Breadcrumb/index.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function Breadcrumb2({ items = [], className, style }) {
+  const handleSpaClick = useSpaLinkClick();
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Breadcrumb, { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbList, { children: items.map((item, index) => {
     const isLast = index === items.length - 1;
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react2.Fragment, { children: [
       index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbSeparator, {}) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbItem, { children: isLast || !item.href ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbLink, { href: item.href, children: item.label }) })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbItem, { children: isLast || !item.href ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        BreadcrumbLink,
+        {
+          href: item.href,
+          onClick: (event) => handleSpaClick(event, item.href),
+          children: item.label
+        }
+      ) })
     ] }, `${item.label}-${index}`);
   }) }) });
 }
 
 // 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",
@@ -974,6 +1075,8 @@ var sizeMap = {
 };
 function Button2({
   text,
+  icon,
+  tooltip,
   variant = "default",
   danger,
   size = "middle",
@@ -986,7 +1089,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",
@@ -1002,17 +1105,24 @@ function Button2({
         className
       ),
       children: [
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react4.Loader2, { "aria-hidden": true, className: "animate-spin" }) : 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",
@@ -1027,9 +1137,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
@@ -1039,7 +1149,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,
@@ -1047,7 +1157,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,
@@ -1104,7 +1214,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
     }
@@ -1130,7 +1240,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);
@@ -1164,7 +1274,7 @@ function Calendar3({
     }
     onChange?.(next);
   };
-  const calendar = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  const calendar = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Calendar2,
     {
       mode,
@@ -1177,16 +1287,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
         ]
       }
     );
@@ -1195,7 +1305,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",
@@ -1210,7 +1320,7 @@ function Card({
   rounded = "lg",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "card",
@@ -1224,7 +1334,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",
@@ -1237,7 +1347,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",
@@ -1247,7 +1357,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",
@@ -1258,34 +1368,34 @@ 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 })
       ]
     }
   );
 }
 
 // src/components/components/Carousel/index.tsx
-var import_runtime3 = require("@pactor-app/runtime");
+var import_runtime4 = require("@pactor-app/runtime");
 var import_react5 = require("react");
 
 // src/ui/carousel.tsx
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_lucide_react6 = require("lucide-react");
-var React2 = __toESM(require("react"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var CarouselContext = React2.createContext(null);
+var React3 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var CarouselContext = React3.createContext(null);
 function useCarousel() {
-  const context = React2.useContext(CarouselContext);
+  const context = React3.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -1304,16 +1414,16 @@ function Carousel({
     { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React2.useState(false);
-  const [canScrollNext, setCanScrollNext] = React2.useState(false);
-  const onSelect = React2.useCallback((carouselApi) => {
+  const [canScrollPrev, setCanScrollPrev] = React3.useState(false);
+  const [canScrollNext, setCanScrollNext] = React3.useState(false);
+  const onSelect = React3.useCallback((carouselApi) => {
     if (!carouselApi) return;
     setCanScrollPrev(carouselApi.canScrollPrev());
     setCanScrollNext(carouselApi.canScrollNext());
   }, []);
-  const scrollPrev = React2.useCallback(() => api?.scrollPrev(), [api]);
-  const scrollNext = React2.useCallback(() => api?.scrollNext(), [api]);
-  const handleKeyDown = React2.useCallback(
+  const scrollPrev = React3.useCallback(() => api?.scrollPrev(), [api]);
+  const scrollNext = React3.useCallback(() => api?.scrollNext(), [api]);
+  const handleKeyDown = React3.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -1325,10 +1435,10 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (api && setApi) setApi(api);
   }, [api, setApi]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -1337,7 +1447,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: {
@@ -1350,7 +1460,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -1367,7 +1477,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(
@@ -1381,7 +1491,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",
@@ -1403,7 +1513,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",
@@ -1418,8 +1528,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" })
       ]
     }
   );
@@ -1431,7 +1541,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",
@@ -1446,15 +1556,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";
 }
@@ -1465,7 +1575,7 @@ function Carousel2({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime3.useRenderer)();
+  const { renderChildren } = (0, import_runtime4.useRenderer)();
   const [api, setApi] = (0, import_react5.useState)();
   (0, import_react5.useEffect)(() => {
     if (!api || !autoplay) return;
@@ -1479,7 +1589,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 },
@@ -1487,7 +1597,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,
@@ -1495,8 +1605,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, {})
       ]
     }
   );
@@ -1508,9 +1618,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",
@@ -1519,12 +1629,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" })
         }
       )
     }
@@ -1532,7 +1642,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,
@@ -1561,13 +1671,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,
@@ -1577,12 +1687,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",
@@ -1590,7 +1700,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
         ]
       }
     );
@@ -1604,18 +1714,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",
@@ -1626,7 +1736,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" })
       ]
     }
   );
@@ -1635,7 +1745,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",
@@ -1649,7 +1759,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,
@@ -1659,7 +1769,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,
@@ -1671,8 +1781,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 })
       ]
     }
   );
@@ -1686,16 +1796,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,
@@ -1705,7 +1815,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,
@@ -1713,7 +1823,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",
@@ -1729,20 +1839,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",
@@ -1752,8 +1862,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" })
       ]
     }
   );
@@ -1763,7 +1873,7 @@ function ComboboxContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     PopoverContent,
     {
       "data-slot": "combobox-content",
@@ -1777,12 +1887,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",
@@ -1798,14 +1908,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",
@@ -1824,7 +1934,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",
@@ -1839,7 +1949,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",
@@ -1852,7 +1962,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",
@@ -1868,7 +1978,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",
@@ -1882,7 +1992,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,
@@ -1923,8 +2033,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,
@@ -1935,11 +2045,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),
@@ -1956,14 +2066,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,
@@ -1972,7 +2082,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
         ]
       }
     );
@@ -1981,8 +2091,8 @@ function Combobox2({
 }
 
 // src/components/components/Command/index.tsx
-var import_runtime4 = require("@pactor-app/runtime");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_runtime5 = require("@pactor-app/runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Command2({
   groups = [],
   placeholder,
@@ -1991,12 +2101,12 @@ function Command2({
   className,
   style
 }) {
-  const { t } = (0, import_runtime4.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)(
+  const { t } = (0, import_runtime5.useI18n)();
+  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,
@@ -2004,7 +2114,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
           ]
         },
@@ -2019,7 +2129,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)",
@@ -2038,19 +2148,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 = [],
@@ -2061,17 +2171,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,
@@ -2080,16 +2190,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",
@@ -2100,13 +2210,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",
@@ -2119,13 +2229,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,
@@ -2141,17 +2251,17 @@ function Chart({
 }
 
 // src/components/components/ChatInput/index.tsx
-var import_runtime5 = require("@pactor-app/runtime");
+var import_runtime6 = require("@pactor-app/runtime");
 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",
@@ -2165,7 +2275,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,
@@ -2181,7 +2291,7 @@ function ChatInput({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime5.useRenderer)();
+  const { renderChildren } = (0, import_runtime6.useRenderer)();
   const controlled = value !== void 0;
   const [draft, setDraft] = (0, import_react9.useState)("");
   const text = controlled ? value : draft;
@@ -2211,7 +2321,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",
@@ -2221,8 +2331,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,
@@ -2236,11 +2346,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",
@@ -2249,20 +2359,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",
@@ -2275,22 +2385,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",
@@ -2307,7 +2417,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",
@@ -2322,7 +2432,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,
@@ -2330,16 +2440,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
         ]
       },
@@ -2349,14 +2459,14 @@ function ContextMenu2({
 }
 
 // src/components/components/DataTable/index.tsx
-var import_runtime6 = require("@pactor-app/runtime");
+var import_runtime7 = require("@pactor-app/runtime");
 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,
@@ -2371,14 +2481,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",
@@ -2390,7 +2500,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",
@@ -2400,7 +2510,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",
@@ -2410,7 +2520,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",
@@ -2423,7 +2533,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",
@@ -2436,7 +2546,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",
@@ -2450,7 +2560,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 "";
@@ -2477,8 +2587,8 @@ function DataTable({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime6.useRenderer)();
-  const { t } = (0, import_runtime6.useI18n)();
+  const { renderChildren } = (0, import_runtime7.useRenderer)();
+  const { t } = (0, import_runtime7.useI18n)();
   const [sortState, setSortState] = (0, import_react10.useState)(sort);
   const [filters, setFilters] = (0, import_react10.useState)({});
   const [current, setCurrent] = (0, import_react10.useState)(1);
@@ -2519,12 +2629,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",
@@ -2535,7 +2645,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,
@@ -2544,8 +2654,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",
@@ -2558,7 +2668,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",
@@ -2567,20 +2677,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",
@@ -2597,12 +2707,12 @@ function DataTable({
 }
 
 // src/components/components/DatePicker/index.tsx
-var import_runtime7 = require("@pactor-app/runtime");
+var import_runtime8 = require("@pactor-app/runtime");
 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":
@@ -2643,7 +2753,7 @@ function DatePicker(props) {
   const value = props.value;
   const onChange = props.onChange;
   const form = useFormContext();
-  const { locale, t } = (0, import_runtime7.useI18n)();
+  const { locale, t } = (0, import_runtime8.useI18n)();
   const dfLocale = toDateFnsLocale(locale);
   const controlId = (0, import_react11.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
@@ -2774,13 +2884,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",
@@ -2794,7 +2904,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",
@@ -2806,7 +2916,7 @@ function DatePicker(props) {
         locale: dfLocale
       }
     ) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     Calendar2,
     {
       mode: "single",
@@ -2815,8 +2925,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,
@@ -2830,20 +2940,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",
@@ -2861,14 +2971,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,
@@ -2877,7 +2987,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
         ]
       }
     );
@@ -2886,38 +2996,38 @@ function DatePicker(props) {
 }
 
 // src/components/components/Dialog/index.tsx
-var import_runtime8 = require("@pactor-app/runtime");
+var import_runtime9 = require("@pactor-app/runtime");
 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 DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_dialog.Dialog.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_dialog.Dialog.Close, { "data-slot": "dialog-close", ...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",
@@ -2935,9 +3045,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",
@@ -2948,11 +3058,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",
@@ -2960,8 +3070,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" })
               ]
             }
           )
@@ -2971,7 +3081,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",
@@ -2981,7 +3091,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -2997,7 +3107,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",
@@ -3010,7 +3120,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",
@@ -3021,7 +3131,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,
@@ -3032,11 +3142,11 @@ function Dialog2({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime8.useRenderer)();
+  const { renderChildren } = (0, import_runtime9.useRenderer)();
   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,
@@ -3049,7 +3159,7 @@ function Dialog2({
         }
       },
       children: [
-        trigger ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        trigger ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           DialogTrigger,
           {
             nativeButton: false,
@@ -3057,10 +3167,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
         ] })
@@ -3071,27 +3181,27 @@ 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 DrawerClose({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_vaul.Drawer.Close, { "data-slot": "drawer-close", ...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",
@@ -3105,9 +3215,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",
@@ -3121,7 +3231,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
         ]
       }
@@ -3129,7 +3239,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",
@@ -3142,7 +3252,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",
@@ -3153,7 +3263,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,
@@ -3163,7 +3273,7 @@ function Drawer2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Drawer,
     {
       direction: placement,
@@ -3173,9 +3283,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 })
       ] })
     }
   );
@@ -3184,16 +3294,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,
@@ -3202,14 +3312,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",
@@ -3228,7 +3338,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",
@@ -3244,14 +3354,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",
@@ -3262,7 +3372,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" })
       ]
     }
   );
@@ -3272,7 +3382,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",
@@ -3286,7 +3396,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,
@@ -3294,8 +3404,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,
@@ -3303,14 +3413,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
         ]
       },
@@ -3320,9 +3430,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",
@@ -3335,7 +3445,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",
@@ -3345,7 +3455,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",
@@ -3355,7 +3465,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",
@@ -3365,7 +3475,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",
@@ -3379,22 +3489,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",
@@ -3404,7 +3514,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",
@@ -3414,7 +3524,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",
@@ -3424,7 +3534,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",
@@ -3435,18 +3545,24 @@ function FieldError({ className, ...props }) {
 }
 
 // src/components/components/Field/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
-function Field2({ label, description, error, children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Field, { className, style, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(FieldLabel, { children: label }) : null,
+var import_jsx_runtime57 = require("react/jsx-runtime");
+function Field2({ label, required, description, error, children, className, style }) {
+  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)",
@@ -3476,7 +3592,7 @@ function Flex({
   style,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       "data-slot": "flex",
@@ -3496,9 +3612,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",
@@ -3513,9 +3629,9 @@ function Footer({ className, style, children }) {
 }
 
 // src/components/components/Form/index.tsx
-var import_runtime9 = require("@pactor-app/runtime");
+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 === "";
 }
@@ -3529,7 +3645,7 @@ function Form({
   onSubmit,
   onValuesChange
 }) {
-  const { context } = (0, import_runtime9.useRenderer)();
+  const { context } = (0, import_runtime10.useRenderer)();
   const [values, setValues] = (0, import_react13.useState)(() => ({
     ...initialValues
   }));
@@ -3596,7 +3712,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",
@@ -3610,10 +3726,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",
@@ -3624,15 +3740,15 @@ 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))
     }
   );
 }
 
 // src/components/components/Header/index.tsx
-var import_runtime10 = require("@pactor-app/runtime");
+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,
@@ -3663,10 +3779,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",
@@ -3675,23 +3791,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 })
     ] })
   ] });
 }
@@ -3699,25 +3815,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
         ]
       },
@@ -3729,23 +3845,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",
@@ -3754,7 +3870,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
         ]
       },
@@ -3767,16 +3883,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
   ] });
 }
@@ -3784,18 +3900,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",
@@ -3803,8 +3919,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)) })
   ] });
@@ -3813,21 +3929,21 @@ function HeaderLocalesArea({
   locales,
   onSelect
 }) {
-  const { locale } = (0, import_runtime10.useI18n)();
+  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),
@@ -3839,20 +3955,20 @@ function HeaderLocalesArea({
 }
 
 // src/components/components/HoverCard/index.tsx
-var import_runtime11 = require("@pactor-app/runtime");
+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,
@@ -3861,14 +3977,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",
@@ -3884,22 +4000,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_runtime11.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 })
+  const { renderChildren } = (0, import_runtime12.useRenderer)();
+  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_runtime12 = require("@pactor-app/runtime");
+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,
@@ -3911,10 +4027,11 @@ function Input2({
   allowClear,
   onChange,
   className,
+  controlClassName,
   style
 }) {
   const form = useFormContext();
-  const { t } = (0, import_runtime12.useI18n)();
+  const { t } = (0, import_runtime13.useI18n)();
   const controlId = (0, import_react15.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
   (0, import_react15.useEffect)(() => {
@@ -3934,7 +4051,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,
@@ -3942,7 +4059,10 @@ function Input2({
       value: currentValue,
       placeholder,
       disabled,
-      className: !inFormRoot && allowClear !== true ? className : void 0,
+      className: cn(
+        !inFormRoot && allowClear !== true && className,
+        allowClear !== true && controlClassName
+      ),
       style: !inFormRoot && allowClear !== true ? style : void 0,
       onChange: (event) => {
         if (inForm && form && name) {
@@ -3952,7 +4072,7 @@ function Input2({
       }
     }
   );
-  const clearButton = showClear ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  const clearButton = showClear ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "button",
     {
       type: "button",
@@ -3962,10 +4082,14 @@ 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("flex items-center gap-1", !inFormRoot && className),
+      className: cn(
+        "flex items-center gap-1",
+        !inFormRoot && className,
+        controlClassName
+      ),
       style: inFormRoot ? void 0 : style,
       children: [
         input,
@@ -3975,14 +4099,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,
@@ -3991,7 +4115,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
         ]
       }
     );
@@ -4000,9 +4124,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",
@@ -4021,9 +4145,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
@@ -4032,14 +4156,14 @@ var import_react16 = require("react");
 // src/ui/input-otp.tsx
 var import_input_otp = require("input-otp");
 var import_lucide_react17 = require("lucide-react");
-var React3 = __toESM(require("react"), 1);
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var React4 = __toESM(require("react"), 1);
+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",
@@ -4053,7 +4177,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",
@@ -4067,9 +4191,9 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React3.useContext(import_input_otp.OTPInputContext);
+  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",
@@ -4081,14 +4205,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,
@@ -4126,42 +4250,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_runtime13 = require("@pactor-app/runtime");
+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",
@@ -4174,7 +4298,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",
@@ -4187,7 +4311,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",
@@ -4197,7 +4321,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",
@@ -4207,7 +4331,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",
@@ -4217,7 +4341,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",
@@ -4228,7 +4352,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,
@@ -4237,22 +4361,22 @@ function Item2({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime13.useRenderer)();
+  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",
@@ -4266,18 +4390,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",
@@ -4291,22 +4415,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_runtime14 = require("@pactor-app/runtime");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_runtime15 = require("@pactor-app/runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function Layout({ direction, className, style, dslChildren }) {
-  const { renderChildren, context } = (0, import_runtime14.useRenderer)();
+  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",
@@ -4330,9 +4454,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 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  const handleSpaClick = useSpaLinkClick();
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "a",
     {
       "data-slot": "link",
@@ -4341,6 +4466,7 @@ function Link2({ href, text, target, className, style, children }) {
       rel: target === "_blank" ? "noreferrer" : void 0,
       className: cn("text-primary underline-offset-4 hover:underline", className),
       style,
+      onClick: (event) => handleSpaClick(event, href, target),
       children: text ?? children
     }
   );
@@ -4349,84 +4475,24 @@ 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 })
   ] });
 }
 
 // src/components/components/Sidebar/index.tsx
-var import_runtime15 = require("@pactor-app/runtime");
+var import_runtime16 = require("@pactor-app/runtime");
 var import_react18 = require("react");
 
 // src/ui/sidebar.tsx
-var React4 = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
 var import_lucide_react19 = require("lucide-react");
 
@@ -4618,9 +4684,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React4.createContext(null);
+var SidebarContext = React5.createContext(null);
 function useSidebar() {
-  const context = React4.useContext(SidebarContext);
+  const context = React5.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -4636,10 +4702,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React4.useState(false);
-  const [_open, _setOpen] = React4.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React5.useState(false);
+  const [_open, _setOpen] = React5.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React4.useCallback(
+  const setOpen = React5.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -4651,10 +4717,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React4.useCallback(() => {
+  const toggleSidebar = React5.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -4665,7 +4731,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React4.useMemo(
+  const contextValue = React5.useMemo(
     () => ({
       state,
       open,
@@ -4839,10 +4905,10 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function renderAsChild(children, dataSlot, className, rest) {
-  if (!React4.isValidElement(children)) {
+  if (!React5.isValidElement(children)) {
     return null;
   }
-  return React4.cloneElement(children, {
+  return React5.cloneElement(children, {
     "data-slot": dataSlot,
     className: cn(
       className,
@@ -4930,7 +4996,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,
@@ -4959,7 +5025,7 @@ function useSidebarDrawer() {
 }
 function useOptionalRenderer() {
   try {
-    return (0, import_runtime15.useRenderer)();
+    return (0, import_runtime16.useRenderer)();
   } catch {
     return null;
   }
@@ -5066,7 +5132,7 @@ function SidebarInner({
   drawer = true,
   children
 }) {
-  const { t } = (0, import_runtime15.useI18n)();
+  const { t } = (0, import_runtime16.useI18n)();
   const isMobile = useIsMobile();
   const { state, setOpenMobile, toggleSidebar } = useSidebar();
   const collapsed = state === "collapsed";
@@ -5844,13 +5910,13 @@ function Pagination2({
 }
 
 // src/components/components/Popover/index.tsx
-var import_runtime16 = require("@pactor-app/runtime");
+var import_runtime17 = require("@pactor-app/runtime");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 function isDslNode3(value) {
   return typeof value === "object" && value !== null && typeof value.type === "string";
 }
 function Popover2({ content, children, className, style }) {
-  const { renderChildren } = (0, import_runtime16.useRenderer)();
+  const { renderChildren } = (0, import_runtime17.useRenderer)();
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Popover, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       PopoverTrigger,
@@ -6071,7 +6137,7 @@ function RadioGroup2({
 }
 
 // src/components/components/Resizable/index.tsx
-var import_runtime17 = require("@pactor-app/runtime");
+var import_runtime18 = require("@pactor-app/runtime");
 var import_react22 = require("react");
 
 // src/ui/resizable.tsx
@@ -6124,7 +6190,7 @@ function Resizable({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime17.useRenderer)();
+  const { renderChildren } = (0, import_runtime18.useRenderer)();
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_react22.Fragment, { children: [
     index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ResizableHandle, { withHandle: true }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
@@ -6216,7 +6282,7 @@ function ScrollArea2({
 }
 
 // src/components/components/Select/index.tsx
-var import_runtime18 = require("@pactor-app/runtime");
+var import_runtime19 = require("@pactor-app/runtime");
 var import_react23 = require("react");
 
 // src/ui/select.tsx
@@ -6362,10 +6428,11 @@ function Select2({
   allowClear,
   onChange,
   className,
+  controlClassName,
   style
 }) {
   const form = useFormContext();
-  const { t } = (0, import_runtime18.useI18n)();
+  const { t } = (0, import_runtime19.useI18n)();
   const controlId = (0, import_react23.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
   (0, import_react23.useEffect)(() => {
@@ -6387,7 +6454,12 @@ function Select2({
   const select = /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "span",
     {
-      className: cn("inline-flex items-center gap-1", !inFormRoot && className),
+      className: cn(
+        // Form / Field（Form 上下文）内控件占满整行宽度；独立渲染保持内容自然宽度
+        inFormRoot ? "flex w-full items-center gap-1" : "inline-flex items-center gap-1",
+        !inFormRoot && className,
+        controlClassName
+      ),
       style: inFormRoot ? void 0 : style,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
@@ -6399,7 +6471,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,
                 {
@@ -6690,7 +6762,7 @@ function Slider2({
 }
 
 // src/components/components/Sonner/index.tsx
-var import_runtime19 = require("@pactor-app/runtime");
+var import_runtime20 = require("@pactor-app/runtime");
 var import_react25 = require("react");
 
 // src/ui/toast.tsx
@@ -6770,7 +6842,7 @@ function Toaster({ className }) {
 // src/components/components/Sonner/index.tsx
 var import_jsx_runtime111 = require("react/jsx-runtime");
 function Sonner({ className, style }) {
-  const { context } = (0, import_runtime19.useRenderer)();
+  const { context } = (0, import_runtime20.useRenderer)();
   (0, import_react25.useEffect)(() => {
     const { actions } = context;
     if (actions.has("toast")) {
@@ -6923,7 +6995,7 @@ function Switch2({
 }
 
 // src/components/components/Table/index.tsx
-var import_runtime20 = require("@pactor-app/runtime");
+var import_runtime21 = require("@pactor-app/runtime");
 var import_react27 = require("react");
 var import_jsx_runtime117 = require("react/jsx-runtime");
 function renderCellValue2(value) {
@@ -6945,8 +7017,8 @@ function Table3({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime20.useRenderer)();
-  const { t } = (0, import_runtime20.useI18n)();
+  const { renderChildren } = (0, import_runtime21.useRenderer)();
+  const { t } = (0, import_runtime21.useI18n)();
   const [current, setCurrent] = (0, import_react27.useState)(1);
   const pageSize = pagination === false ? void 0 : pagination?.pageSize;
   const total = dataSource.length;
@@ -7012,7 +7084,7 @@ function Table3({
 }
 
 // src/components/components/Tabs/index.tsx
-var import_runtime21 = require("@pactor-app/runtime");
+var import_runtime22 = require("@pactor-app/runtime");
 
 // src/ui/tabs.tsx
 var import_tabs = require("@base-ui/react/tabs");
@@ -7098,7 +7170,7 @@ function TabsContent({
 // src/components/components/Tabs/index.tsx
 var import_jsx_runtime119 = require("react/jsx-runtime");
 function Tabs2({ items = [], activeKey, variant, onChange, className, style }) {
-  const { renderChildren } = (0, import_runtime21.useRenderer)();
+  const { renderChildren } = (0, import_runtime22.useRenderer)();
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
     Tabs,
     {
@@ -7124,9 +7196,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,
@@ -7142,6 +7220,7 @@ function Text({
       "data-type": type,
       className: cn(
         typeClassMap[type],
+        sizeClassMap[size],
         strong && "font-semibold",
         del && "line-through",
         underline && "underline",
@@ -7291,9 +7370,9 @@ function Toggle2({
 // src/ui/toggle-group.tsx
 var import_toggle3 = require("@base-ui/react/toggle");
 var import_toggle_group = require("@base-ui/react/toggle-group");
-var React5 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var import_jsx_runtime124 = require("react/jsx-runtime");
-var ToggleGroupContext = React5.createContext({
+var ToggleGroupContext = React6.createContext({
   size: "default",
   variant: "default"
 });
@@ -7326,7 +7405,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React5.useContext(ToggleGroupContext);
+  const context = React6.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     import_toggle3.Toggle,
     {
@@ -7393,7 +7472,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 })
   ] });
@@ -7599,7 +7678,7 @@ function collectDefaultOpenKeys(registry, activeMenuId) {
 // src/layout/admin/AdminLayout.tsx
 var import_permission = require("@pactor-app/permission");
 var import_router = require("@pactor-app/router");
-var import_runtime22 = require("@pactor-app/runtime");
+var import_runtime23 = require("@pactor-app/runtime");
 var import_react30 = require("react");
 
 // src/layout/admin/use-media-query.ts
@@ -7846,7 +7925,7 @@ function AdminLayout({
   headerExtra,
   children
 }) {
-  const { t } = (0, import_runtime22.useI18n)();
+  const { t } = (0, import_runtime23.useI18n)();
   const mode = config.mode ?? "top-side";
   const showHeader = config.header ?? true;
   const showSidebar = (config.sidebar ?? true) && mode !== "top-bottom";
@@ -8489,7 +8568,7 @@ var OverlayManager = class {
 };
 
 // src/interaction/actions.ts
-var import_runtime23 = require("@pactor-app/runtime");
+var import_runtime24 = require("@pactor-app/runtime");
 function createUiBridge() {
   return {};
 }
@@ -8505,7 +8584,7 @@ function registerInteractionActions(actions, manager, ui) {
       return failure("[pactor-interaction] overlay.open \u7F3A\u5C11 overlay \u914D\u7F6E\u53C2\u6570");
     }
     const { content, ...rest } = overlay;
-    const resolved = (0, import_runtime23.resolveDeep)(rest, ctx.scope);
+    const resolved = (0, import_runtime24.resolveDeep)(rest, ctx.scope);
     const config = { ...resolved, content };
     const data = await manager.open(config, {
       parentScope: { ...ctx.scope }
@@ -8568,7 +8647,7 @@ function isRecord(value) {
 }
 
 // src/interaction/provider.tsx
-var import_runtime24 = require("@pactor-app/runtime");
+var import_runtime25 = require("@pactor-app/runtime");
 var import_react32 = require("react");
 var import_react_dom = require("react-dom");
 var import_jsx_runtime134 = require("react/jsx-runtime");
@@ -8586,7 +8665,7 @@ function InteractionProvider({
   const [confirmState, setConfirmState] = (0, import_react32.useState)(null);
   const [confirmOpen, setConfirmOpen] = (0, import_react32.useState)(false);
   const [toasts, setToasts] = (0, import_react32.useState)([]);
-  const { t } = (0, import_runtime24.useI18n)();
+  const { t } = (0, import_runtime25.useI18n)();
   const { modal, message } = (0, import_react32.useMemo)(() => {
     const pushToast = (type, content) => {
       const id = Date.now() + Math.random();
@@ -8691,7 +8770,7 @@ function InteractionProvider({
 
 // src/interaction/host.tsx
 var import_lucide_react27 = require("lucide-react");
-var import_runtime25 = require("@pactor-app/runtime");
+var import_runtime26 = require("@pactor-app/runtime");
 var import_react33 = require("react");
 var import_jsx_runtime135 = require("react/jsx-runtime");
 function toCssWidth(width) {
@@ -8701,7 +8780,7 @@ function toCssWidth(width) {
   return typeof width === "number" ? `${width}px` : width;
 }
 function OverlayHost({ manager, resolvePage }) {
-  const renderer = (0, import_runtime25.useRenderer)();
+  const renderer = (0, import_runtime26.useRenderer)();
   const stack = (0, import_react33.useSyncExternalStore)(
     (onChange) => manager.subscribe(onChange),
     () => manager.stack()
@@ -8734,7 +8813,7 @@ function OverlayEntryView({
   renderer,
   resolvePage
 }) {
-  const { t } = (0, import_runtime25.useI18n)();
+  const { t } = (0, import_runtime26.useI18n)();
   const handleCancel = () => manager.close(entry.id);
   let body = null;
   if (entry.content) {
@@ -8802,7 +8881,7 @@ function ShadcnDrawerView({
   onCancel,
   children
 }) {
-  const { t } = (0, import_runtime25.useI18n)();
+  const { t } = (0, import_runtime26.useI18n)();
   const panelStyle = entry.width === void 0 ? void 0 : { width: toCssWidth(entry.width) };
   return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     Drawer,
@@ -8873,7 +8952,7 @@ function PageOverlayBody({
           return;
         }
         const host = renderer.context;
-        created = (0, import_runtime25.createPageRuntime)(pageDsl, {
+        created = (0, import_runtime26.createPageRuntime)(pageDsl, {
           app: host.app,
           user: host.user,
           components: host.components,
@@ -8902,7 +8981,7 @@ function PageOverlayBody({
   if (!child) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_runtime25.PageRuntimeView, { runtime: child });
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_runtime26.PageRuntimeView, { runtime: child });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {