@pactor-app/ui 1.10.0 → 1.12.0

package/dist/components/index.cjs

@@ -861,6 +861,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 });
@@ -888,12 +889,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
     }
   );
@@ -929,21 +945,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",
@@ -958,6 +1059,8 @@ var sizeMap = {
 };
 function Button2({
   text,
+  icon,
+  tooltip,
   variant = "default",
   danger,
   size = "middle",
@@ -970,7 +1073,7 @@ function Button2({
   children
 }) {
   const textual = variant === "link" || variant === "text";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     Button,
     {
       type: submit ? "submit" : "button",
@@ -986,17 +1089,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",
@@ -1011,9 +1121,9 @@ function ButtonGroup({ className, ...props }) {
 }
 
 // src/components/components/ButtonGroup/index.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function ButtonGroup2({ className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ButtonGroup, { className, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ButtonGroup, { className, style, children });
 }
 
 // src/components/components/Calendar/index.tsx
@@ -1023,7 +1133,7 @@ var import_react4 = require("react");
 // src/ui/calendar.tsx
 var import_lucide_react5 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Calendar2({
   className,
   classNames,
@@ -1031,7 +1141,7 @@ function Calendar2({
   ...props
 }) {
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -1088,7 +1198,7 @@ function Calendar2({
         ...classNames
       },
       components: {
-        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react5.ChevronLeftIcon, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react5.ChevronRightIcon, { className: "size-4" })
+        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react5.ChevronLeftIcon, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react5.ChevronRightIcon, { className: "size-4" })
       },
       ...props
     }
@@ -1114,7 +1224,7 @@ function formItemClass(layout) {
 }
 
 // src/components/components/Calendar/index.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function parseValue(value) {
   if (typeof value !== "string" || value === "") return void 0;
   const date = (0, import_date_fns.parseISO)(value);
@@ -1148,7 +1258,7 @@ function Calendar3({
     }
     onChange?.(next);
   };
-  const calendar = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  const calendar = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Calendar2,
     {
       mode,
@@ -1161,16 +1271,16 @@ function Calendar3({
   );
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
+          label ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
           calendar,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -1179,7 +1289,7 @@ function Calendar3({
 }
 
 // src/ui/card.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var cardRoundedClasses = {
   none: "rounded-none",
   sm: "rounded-sm",
@@ -1194,7 +1304,7 @@ function Card({
   rounded = "lg",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "card",
@@ -1208,7 +1318,7 @@ function Card({
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "card-header",
@@ -1221,7 +1331,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "card-title",
@@ -1231,7 +1341,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "card-content",
@@ -1242,34 +1352,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 />");
   }
@@ -1288,16 +1398,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();
@@ -1309,10 +1419,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);
@@ -1321,7 +1431,7 @@ function Carousel({
       api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     CarouselContext.Provider,
     {
       value: {
@@ -1334,7 +1444,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -1351,7 +1461,7 @@ function Carousel({
 }
 function CarouselContent({ className, ...props }) {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       className: cn(
@@ -1365,7 +1475,7 @@ function CarouselContent({ className, ...props }) {
 }
 function CarouselItem({ className, ...props }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       role: "group",
@@ -1387,7 +1497,7 @@ function CarouselPrevious({
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     Button,
     {
       "data-slot": "carousel-previous",
@@ -1402,8 +1512,8 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react6.ChevronLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -1415,7 +1525,7 @@ function CarouselNext({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     Button,
     {
       "data-slot": "carousel-next",
@@ -1430,15 +1540,15 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronRightIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react6.ChevronRightIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
 
 // src/components/components/Carousel/index.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function isDslNode(item) {
   return typeof item.type === "string";
 }
@@ -1449,7 +1559,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;
@@ -1463,7 +1573,7 @@ function Carousel2({
     }, interval);
     return () => clearInterval(timer);
   }, [api, autoplay, loop]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     Carousel,
     {
       opts: { loop: loop === true },
@@ -1471,7 +1581,7 @@ function Carousel2({
       className,
       style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CarouselContent, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CarouselItem, { children: isDslNode(item) ? renderChildren([item]) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CarouselContent, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CarouselItem, { children: isDslNode(item) ? renderChildren([item]) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "img",
           {
             src: item.src,
@@ -1479,8 +1589,8 @@ function Carousel2({
             className: "w-full rounded-md object-cover"
           }
         ) }, index)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CarouselPrevious, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CarouselNext, {})
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CarouselPrevious, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CarouselNext, {})
       ]
     }
   );
@@ -1492,9 +1602,9 @@ var import_react6 = require("react");
 // src/ui/checkbox.tsx
 var import_checkbox = require("@base-ui/react/checkbox");
 var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_checkbox.Checkbox.Root,
     {
       "data-slot": "checkbox",
@@ -1503,12 +1613,12 @@ function Checkbox({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         import_checkbox.Checkbox.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current",
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react7.CheckIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react7.CheckIcon, { className: "size-3.5" })
         }
       )
     }
@@ -1516,7 +1626,7 @@ function Checkbox({ className, ...props }) {
 }
 
 // src/components/components/Checkbox/index.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Checkbox2({
   name,
   label,
@@ -1545,13 +1655,13 @@ function Checkbox2({
     }
     onChange?.(next);
   };
-  const control = /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "span",
     {
       className: cn("inline-flex items-center gap-2", !inForm && className),
       style: inForm ? void 0 : style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           Checkbox,
           {
             id: controlId,
@@ -1561,12 +1671,12 @@ function Checkbox2({
             onCheckedChange: handleChange
           }
         ),
-        label ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
+        label ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
       ]
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       "div",
       {
         "data-slot": "form-item",
@@ -1574,7 +1684,7 @@ function Checkbox2({
         style,
         children: [
           control,
-          form.errors[name] ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
+          form.errors[name] ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
         ]
       }
     );
@@ -1588,18 +1698,18 @@ var import_react7 = require("react");
 // src/ui/collapsible.tsx
 var import_collapsible = require("@base-ui/react/collapsible");
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function Collapsible({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_collapsible.Collapsible.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     import_collapsible.Collapsible.Trigger,
     {
       "data-slot": "collapsible-trigger",
@@ -1610,7 +1720,7 @@ function CollapsibleTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react8.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react8.ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
       ]
     }
   );
@@ -1619,7 +1729,7 @@ function CollapsibleContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_collapsible.Collapsible.Panel,
     {
       "data-slot": "collapsible-content",
@@ -1633,7 +1743,7 @@ function CollapsibleContent({
 }
 
 // src/components/components/Collapsible/index.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Collapsible2({
   title,
   open,
@@ -1643,7 +1753,7 @@ function Collapsible2({
 }) {
   const [innerOpen, setInnerOpen] = (0, import_react7.useState)(false);
   const controlled = open !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     Collapsible,
     {
       open: controlled ? open : innerOpen,
@@ -1655,8 +1765,8 @@ function Collapsible2({
       className,
       style,
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CollapsibleTrigger, { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CollapsibleContent, { children })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CollapsibleTrigger, { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CollapsibleContent, { children })
       ]
     }
   );
@@ -1670,16 +1780,16 @@ var import_lucide_react9 = require("lucide-react");
 
 // src/ui/popover.tsx
 var import_popover = require("@base-ui/react/popover");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1689,7 +1799,7 @@ function PopoverContent({
   anchor,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_popover.Popover.Positioner,
     {
       align,
@@ -1697,7 +1807,7 @@ function PopoverContent({
       sideOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         import_popover.Popover.Popup,
         {
           "data-slot": "popover-content",
@@ -1713,20 +1823,20 @@ function PopoverContent({
 }
 
 // src/ui/combobox.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Combobox({
   open,
   onOpenChange,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Popover, { open, onOpenChange: (next) => onOpenChange?.(next), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Popover, { open, onOpenChange: (next) => onOpenChange?.(next), children });
 }
 function ComboboxTrigger({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     PopoverTrigger,
     {
       "data-slot": "combobox-trigger",
@@ -1736,8 +1846,8 @@ function ComboboxTrigger({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react9.ChevronsUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react9.ChevronsUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
       ]
     }
   );
@@ -1747,7 +1857,7 @@ function ComboboxContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     PopoverContent,
     {
       "data-slot": "combobox-content",
@@ -1761,12 +1871,12 @@ function ComboboxContent({
 // src/ui/command.tsx
 var import_cmdk = require("cmdk");
 var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_cmdk.Command,
     {
       "data-slot": "command",
@@ -1782,14 +1892,14 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex items-center gap-2 border-b border-border px-3",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react10.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react10.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           import_cmdk.Command.Input,
           {
             "data-slot": "command-input",
@@ -1808,7 +1918,7 @@ function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_cmdk.Command.List,
     {
       "data-slot": "command-list",
@@ -1823,7 +1933,7 @@ function CommandList({
 function CommandEmpty({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_cmdk.Command.Empty,
     {
       "data-slot": "command-empty",
@@ -1836,7 +1946,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_cmdk.Command.Group,
     {
       "data-slot": "command-group",
@@ -1852,7 +1962,7 @@ function CommandItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_cmdk.Command.Item,
     {
       "data-slot": "command-item",
@@ -1866,7 +1976,7 @@ function CommandItem({
 }
 
 // src/components/components/Combobox/index.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function Combobox2({
   name,
   label,
@@ -1907,8 +2017,8 @@ function Combobox2({
     onChange?.(option.value);
     setOpen(false);
   };
-  const control = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Combobox, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Combobox, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       ComboboxTrigger,
       {
         id: controlId,
@@ -1919,11 +2029,11 @@ function Combobox2({
         children: selected ? selected.label : placeholder ?? ""
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ComboboxContent, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Command, { children: [
-      searchable ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CommandInput, { placeholder }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(CommandList, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CommandEmpty, { children: "\u65E0\u5339\u914D\u7ED3\u679C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ComboboxContent, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Command, { children: [
+      searchable ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CommandInput, { placeholder }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(CommandList, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CommandEmpty, { children: "\u65E0\u5339\u914D\u7ED3\u679C" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           CommandItem,
           {
             value: String(option.value),
@@ -1940,14 +2050,14 @@ function Combobox2({
   ] });
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "label",
             {
               htmlFor: controlId,
@@ -1956,7 +2066,7 @@ function Combobox2({
             }
           ) : null,
           control,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -1965,8 +2075,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,
@@ -1975,12 +2085,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,
@@ -1988,7 +2098,7 @@ function Command2({
           disabled: item.disabled,
           onSelect: (value) => onSelect?.(value),
           children: [
-            item.icon ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+            item.icon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
             item.label
           ]
         },
@@ -2003,7 +2113,7 @@ var import_recharts2 = require("recharts");
 
 // src/ui/chart.tsx
 var import_recharts = require("recharts");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var CHART_TOKEN_COLORS = [
   "var(--chart-1)",
   "var(--chart-2)",
@@ -2022,19 +2132,19 @@ function ChartContainer({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       "data-slot": "chart-container",
       className: cn("h-64 w-full", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children })
     }
   );
 }
 
 // src/components/components/Chart/index.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Chart({
   chartType,
   data = [],
@@ -2045,17 +2155,17 @@ function Chart({
   style
 }) {
   const series = yKeys.length > 0 ? yKeys : ["value"];
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       "data-slot": "chart",
       "data-chart-type": chartType,
       className: cn("w-full", className),
       style,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ChartContainer, { children: chartType === "pie" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_recharts2.PieChart, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Tooltip, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Legend, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChartContainer, { children: chartType === "pie" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.PieChart, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Tooltip, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Legend, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           import_recharts2.Pie,
           {
             data,
@@ -2064,16 +2174,16 @@ function Chart({
             innerRadius: 0,
             outerRadius: "80%",
             isAnimationActive: false,
-            children: data.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Cell, { fill: chartColor(index, colors) }, index))
+            children: data.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Cell, { fill: chartColor(index, colors) }, index))
           }
         )
-      ] }) : chartType === "line" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_recharts2.LineChart, { data, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.YAxis, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Tooltip, {}),
-        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Legend, {}) : null,
-        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      ] }) : chartType === "line" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.LineChart, { data, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.YAxis, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Tooltip, {}),
+        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Legend, {}) : null,
+        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           import_recharts2.Line,
           {
             type: "monotone",
@@ -2084,13 +2194,13 @@ function Chart({
           },
           key
         ))
-      ] }) : chartType === "area" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_recharts2.AreaChart, { data, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.YAxis, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Tooltip, {}),
-        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Legend, {}) : null,
-        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      ] }) : chartType === "area" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.AreaChart, { data, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.YAxis, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Tooltip, {}),
+        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Legend, {}) : null,
+        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           import_recharts2.Area,
           {
             type: "monotone",
@@ -2103,13 +2213,13 @@ function Chart({
           },
           key
         ))
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_recharts2.BarChart, { data, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.YAxis, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Tooltip, {}),
-        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts2.Legend, {}) : null,
-        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.BarChart, { data, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.XAxis, { dataKey: xKey }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.YAxis, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Tooltip, {}),
+        series.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.Legend, {}) : null,
+        series.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           import_recharts2.Bar,
           {
             dataKey: key,
@@ -2125,17 +2235,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",
@@ -2149,7 +2259,7 @@ function Textarea({
 }
 
 // src/components/components/ChatInput/index.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function ChatInput({
   value,
   placeholder,
@@ -2165,7 +2275,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;
@@ -2195,7 +2305,7 @@ function ChatInput({
   const handleComposition = (event) => {
     composingRef.current = event.type === "compositionstart";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       "data-slot": "chat-input",
@@ -2205,8 +2315,8 @@ function ChatInput({
       ),
       style,
       children: [
-        header ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "px-3 pt-3", children: renderChildren([header]) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        header ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "px-3 pt-3", children: renderChildren([header]) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           Textarea,
           {
             value: text,
@@ -2220,11 +2330,11 @@ function ChatInput({
             className: "min-h-[60px] resize-none border-0 px-4 pt-3 pb-1 shadow-none focus-visible:border-transparent focus-visible:ring-0"
           }
         ),
-        toolbarStart || toolbarEnd || !hideSend ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-1 px-2 pb-2", children: [
+        toolbarStart || toolbarEnd || !hideSend ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-1 px-2 pb-2", children: [
           toolbarStart ? renderChildren([toolbarStart]) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "flex-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "flex-1" }),
           toolbarEnd ? renderChildren([toolbarEnd]) : null,
-          hideSend ? null : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          hideSend ? null : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             Button,
             {
               type: "button",
@@ -2233,20 +2343,20 @@ function ChatInput({
               disabled: !canSubmit,
               onClick: submit,
               className: "size-8 rounded-full",
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.ArrowUp, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react11.ArrowUp, {})
             }
           )
         ] }) : null,
-        footer ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "border-t border-border px-3 py-2", children: renderChildren([footer]) }) : null
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "border-t border-border px-3 py-2", children: renderChildren([footer]) }) : null
       ]
     }
   );
 }
 
 // src/components/components/Content/index.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Content({ className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "main",
     {
       "data-slot": "layout-content",
@@ -2259,22 +2369,22 @@ function Content({ className, style, children }) {
 
 // src/ui/context-menu.tsx
 var import_context_menu = require("@base-ui/react/context-menu");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function ContextMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_context_menu.ContextMenu.Popup,
     {
       "data-slot": "context-menu-content",
@@ -2291,7 +2401,7 @@ function ContextMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_context_menu.ContextMenu.Item,
     {
       "data-slot": "context-menu-item",
@@ -2306,7 +2416,7 @@ function ContextMenuItem({
 }
 
 // src/components/components/ContextMenu/index.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function ContextMenu2({
   items = [],
   onSelect,
@@ -2314,16 +2424,16 @@ function ContextMenu2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(ContextMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ContextMenuTrigger, { children }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ContextMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(ContextMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ContextMenuTrigger, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ContextMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       ContextMenuItem,
       {
         variant: item.danger ? "destructive" : "default",
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -2333,14 +2443,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,
@@ -2355,14 +2465,14 @@ function Input({ className, type, ...props }) {
 }
 
 // src/ui/table.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function Table2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         "table",
         {
           "data-slot": "table",
@@ -2374,7 +2484,7 @@ function Table2({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "thead",
     {
       "data-slot": "table-header",
@@ -2384,7 +2494,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2394,7 +2504,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -2407,7 +2517,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -2420,7 +2530,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "td",
     {
       "data-slot": "table-cell",
@@ -2434,7 +2544,7 @@ function TableCell({ className, ...props }) {
 }
 
 // src/components/components/DataTable/index.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function renderCellValue(value) {
   if (value === void 0 || value === null) {
     return "";
@@ -2461,8 +2571,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);
@@ -2503,12 +2613,12 @@ function DataTable({
     setCurrent(page);
     onPageChange?.(page);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { "data-slot": "data-table", className: cn("relative", className), style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Table2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { "data-slot": "data-table", className: cn("relative", className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Table2, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => {
         const sorted = sortState?.key === column.key;
-        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          column.sortable ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          column.sortable ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             "button",
             {
               type: "button",
@@ -2519,7 +2629,7 @@ function DataTable({
               onClick: () => toggleSort(column),
               children: [
                 column.title,
-                sorted ? sortState.order === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ArrowUp, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ArrowDown, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                sorted ? sortState.order === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.ArrowUp, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react12.ArrowDown, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                   import_lucide_react12.ArrowUpDown,
                   {
                     "aria-hidden": true,
@@ -2528,8 +2638,8 @@ function DataTable({
                 )
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: column.title }),
-          column.filterable ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: column.title }),
+          column.filterable ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             Input,
             {
               "data-slot": "data-table-filter",
@@ -2542,7 +2652,7 @@ function DataTable({
           ) : null
         ] }) }, column.key ?? String(index));
       }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         "div",
         {
           "data-slot": "table-empty",
@@ -2551,20 +2661,20 @@ function DataTable({
         }
       ) }) }) : pageRows.map((row, rowIndex) => {
         const key = row[rowKey];
-        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           TableRow,
           {
             children: columns.map((column, columnIndex) => {
               const template = column.children ?? column.renderChildren;
-              return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableCell, { children: template ? renderChildren(template, { row, rowIndex }) : renderCellValue(row[column.key]) }, column.key ?? String(columnIndex));
+              return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableCell, { children: template ? renderChildren(template, { row, rowIndex }) : renderCellValue(row[column.key]) }, column.key ?? String(columnIndex));
             })
           },
           key === void 0 || key === null ? rowIndex : String(key)
         );
       }) })
     ] }),
-    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
-      (page) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
+      (page) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Button,
         {
           type: "button",
@@ -2581,12 +2691,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":
@@ -2627,7 +2737,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 !== "";
@@ -2758,13 +2868,13 @@ function DatePicker(props) {
   } : void 0;
   const displayText = isRange ? typeof current === "object" && current !== null ? `${current.start} ~ ${current.end}` : "" : typeof current === "string" ? current : "";
   const placeholderText = placeholder ?? t(isRange ? "pactor.datePicker.placeholderRange" : "pactor.datePicker.placeholder");
-  const calendar = isRange ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  const calendar = isRange ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "div",
       {
         "data-slot": "datepicker-start-panel",
         className: "border-r border-border",
-        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           Calendar2,
           {
             mode: "single",
@@ -2778,7 +2888,7 @@ function DatePicker(props) {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "datepicker-end-panel", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "data-slot": "datepicker-end-panel", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       Calendar2,
       {
         mode: "single",
@@ -2790,7 +2900,7 @@ function DatePicker(props) {
         locale: dfLocale
       }
     ) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     Calendar2,
     {
       mode: "single",
@@ -2799,8 +2909,8 @@ function DatePicker(props) {
       locale: dfLocale
     }
   );
-  const control = /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       PopoverTrigger,
       {
         id: controlId,
@@ -2814,20 +2924,20 @@ function DatePicker(props) {
         ),
         style: inForm ? void 0 : style,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children: displayText === "" ? placeholderText : displayText }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Calendar, { className: "size-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children: displayText === "" ? placeholderText : displayText }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react13.Calendar, { className: "size-4 shrink-0 opacity-50" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PopoverContent, { className: "w-auto p-0", children: presetList.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverContent, { className: "w-auto p-0", children: presetList.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         "div",
         {
           "data-slot": "datepicker-presets",
           className: "flex flex-col gap-1 border-r border-border p-3",
           children: presetList.map((preset, index) => {
             const resolved = resolvePreset(preset);
-            return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
               "button",
               {
                 type: "button",
@@ -2845,14 +2955,14 @@ function DatePicker(props) {
   ] });
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             "label",
             {
               htmlFor: controlId,
@@ -2861,7 +2971,7 @@ function DatePicker(props) {
             }
           ) : null,
           control,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -2870,33 +2980,33 @@ 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 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",
@@ -2914,9 +3024,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       import_dialog.Dialog.Popup,
       {
         "data-slot": "dialog-content",
@@ -2927,11 +3037,11 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             import_dialog.Dialog.Close,
             {
               "data-slot": "dialog-close",
-              render: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              render: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 "button",
                 {
                   type: "button",
@@ -2939,8 +3049,8 @@ function DialogContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react14.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2950,7 +3060,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       "data-slot": "dialog-header",
@@ -2963,7 +3073,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_dialog.Dialog.Title,
     {
       "data-slot": "dialog-title",
@@ -2976,7 +3086,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_dialog.Dialog.Description,
     {
       "data-slot": "dialog-description",
@@ -2987,7 +3097,7 @@ function DialogDescription({
 }
 
 // src/components/components/Dialog/index.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Dialog2({
   title,
   description,
@@ -2998,11 +3108,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,
@@ -3015,7 +3125,7 @@ function Dialog2({
         }
       },
       children: [
-        trigger ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        trigger ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           DialogTrigger,
           {
             nativeButton: false,
@@ -3023,10 +3133,10 @@ function Dialog2({
             children: renderChildren([trigger])
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogContent, { className, style, children: [
-          title || description ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogHeader, { children: [
-            title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogTitle, { children: title }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogDescription, { children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogContent, { className, style, children: [
+          title || description ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogHeader, { children: [
+            title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogTitle, { children: title }) : null,
+            description ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogDescription, { children: description }) : null
           ] }) : null,
           children
         ] })
@@ -3037,22 +3147,22 @@ function Dialog2({
 
 // src/ui/drawer.tsx
 var import_vaul = require("vaul");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function Drawer({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_vaul.Drawer.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -3066,9 +3176,9 @@ function DrawerContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
       import_vaul.Drawer.Content,
       {
         "data-slot": "drawer-content",
@@ -3082,7 +3192,7 @@ function DrawerContent({
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       }
@@ -3090,7 +3200,7 @@ function DrawerContent({
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     {
       "data-slot": "drawer-header",
@@ -3103,7 +3213,7 @@ function DrawerTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_vaul.Drawer.Title,
     {
       "data-slot": "drawer-title",
@@ -3114,7 +3224,7 @@ function DrawerTitle({
 }
 
 // src/components/components/Drawer/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Drawer2({
   title,
   open,
@@ -3124,7 +3234,7 @@ function Drawer2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     Drawer,
     {
       direction: placement,
@@ -3134,9 +3244,9 @@ function Drawer2({
           onClose?.();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(DrawerContent, { className, style, children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DrawerTitle, { children: title }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex-1 overflow-auto p-4", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DrawerContent, { className, style, children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DrawerTitle, { children: title }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex-1 overflow-auto p-4", children })
       ] })
     }
   );
@@ -3145,16 +3255,16 @@ function Drawer2({
 // src/ui/dropdown-menu.tsx
 var import_menu = require("@base-ui/react/menu");
 var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   className,
@@ -3163,14 +3273,14 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_menu.Menu.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         import_menu.Menu.Popup,
         {
           "data-slot": "dropdown-menu-content",
@@ -3189,7 +3299,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_menu.Menu.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -3205,14 +3315,14 @@ function DropdownMenuItem({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     import_menu.Menu.SubmenuTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -3223,7 +3333,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react15.ChevronRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react15.ChevronRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -3233,7 +3343,7 @@ function DropdownMenuSubContent({
   sideOffset = 2,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_menu.Menu.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_menu.Menu.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_menu.Menu.Popup,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -3247,7 +3357,7 @@ function DropdownMenuSubContent({
 }
 
 // src/components/components/DropdownMenu/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function DropdownMenu2({
   items = [],
   onSelect,
@@ -3255,8 +3365,8 @@ function DropdownMenu2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       DropdownMenuTrigger,
       {
         nativeButton: false,
@@ -3264,14 +3374,14 @@ function DropdownMenu2({
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DropdownMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DropdownMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
       DropdownMenuItem,
       {
         variant: item.danger ? "destructive" : "default",
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -3281,9 +3391,9 @@ function DropdownMenu2({
 }
 
 // src/ui/empty.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "empty",
@@ -3296,7 +3406,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "empty-header",
@@ -3306,7 +3416,7 @@ function EmptyHeader({ className, ...props }) {
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "empty-title",
@@ -3316,7 +3426,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "p",
     {
       "data-slot": "empty-description",
@@ -3326,7 +3436,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "empty-content",
@@ -3340,22 +3450,22 @@ function EmptyContent({ className, ...props }) {
 }
 
 // src/components/components/Empty/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Empty2({ title, description, children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Empty, { className, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(EmptyHeader, { children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EmptyTitle, { children: title }) : null,
-      description ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EmptyDescription, { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Empty, { className, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(EmptyHeader, { children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EmptyTitle, { children: title }) : null,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EmptyDescription, { children: description }) : null
     ] }),
-    children ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(EmptyContent, { children }) : null
+    children ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EmptyContent, { children }) : null
   ] });
 }
 
 // src/ui/field.tsx
 var import_field = require("@base-ui/react/field");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Field({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_field.Field.Root,
     {
       "data-slot": "field",
@@ -3365,7 +3475,7 @@ function Field({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_field.Field.Label,
     {
       "data-slot": "field-label",
@@ -3375,7 +3485,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_field.Field.Description,
     {
       "data-slot": "field-description",
@@ -3385,7 +3495,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldError({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_field.Field.Error,
     {
       "data-slot": "field-error",
@@ -3396,18 +3506,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)",
@@ -3437,7 +3553,7 @@ function Flex({
   style,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       "data-slot": "flex",
@@ -3457,9 +3573,9 @@ function Flex({
 }
 
 // src/components/components/Footer/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Footer({ className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "footer",
     {
       "data-slot": "layout-footer",
@@ -3474,9 +3590,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 === "";
 }
@@ -3490,7 +3606,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
   }));
@@ -3557,7 +3673,7 @@ function Form({
     context.state.set("form", values);
     onSubmit?.(values);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormContextProvider, { value: formContext, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(FormContextProvider, { value: formContext, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "form",
     {
       "data-slot": "form",
@@ -3571,10 +3687,10 @@ function Form({
 
 // src/components/components/Grid/index.tsx
 var import_react14 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function Grid({ columns = 1, gap, className, style, children }) {
   const cols = Math.max(1, columns);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "div",
     {
       "data-slot": "grid",
@@ -3585,15 +3701,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,
@@ -3624,10 +3740,10 @@ function Header({
     className
   );
   if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales) {
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("header", { "data-slot": "layout-header", className: rootClass, style, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("header", { "data-slot": "layout-header", className: rootClass, style, children });
   }
-  const brandNode = hasBrand && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { "data-slot": "header-brand", className: "flex items-center gap-2", children: [
-    logo !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  const brandNode = hasBrand && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { "data-slot": "header-brand", className: "flex items-center gap-2", children: [
+    logo !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "img",
       {
         "data-slot": "header-brand-logo",
@@ -3636,23 +3752,23 @@ function Header({
         className: "h-8 w-8 shrink-0 object-contain"
       }
     ),
-    title !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { "data-slot": "header-brand-title", className: "text-base font-semibold", children: title })
+    title !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { "data-slot": "header-brand-title", className: "text-base font-semibold", children: title })
   ] });
-  const dropdownNode = dropdown !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderDropdownArea, { dropdown, onSelect: onDropdownSelect });
+  const dropdownNode = dropdown !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderDropdownArea, { dropdown, onSelect: onDropdownSelect });
   const showLeft = brandLeft || dropdownLeft || hasMenu;
   const showRight = dropdownRight || brandRight || hasLocales || hasUser;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("header", { "data-slot": "layout-header", className: rootClass, style, children: [
-    showLeft && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { "data-slot": "header-left", className: "flex items-center gap-4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("header", { "data-slot": "layout-header", className: rootClass, style, children: [
+    showLeft && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { "data-slot": "header-left", className: "flex items-center gap-4", children: [
       brandLeft && brandNode,
       dropdownLeft && dropdownNode,
-      hasMenu && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderMenuArea, { items: menu, onSelect: onMenuSelect })
+      hasMenu && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderMenuArea, { items: menu, onSelect: onMenuSelect })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { "data-slot": "header-center", className: "flex flex-1 items-center gap-4", children }),
-    showRight && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { "data-slot": "header-right", className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { "data-slot": "header-center", className: "flex flex-1 items-center gap-4", children }),
+    showRight && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { "data-slot": "header-right", className: "flex items-center gap-4", children: [
       dropdownRight && dropdownNode,
       brandRight && brandNode,
-      hasLocales && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderLocalesArea, { locales, onSelect: onLocaleChange }),
-      hasUser && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderUserArea, { user, onSelect: onUserSelect })
+      hasLocales && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderLocalesArea, { locales, onSelect: onLocaleChange }),
+      hasUser && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderUserArea, { user, onSelect: onUserSelect })
     ] })
   ] });
 }
@@ -3660,25 +3776,25 @@ function HeaderDropdownArea({
   dropdown,
   onSelect
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       DropdownMenuTrigger,
       {
         "data-slot": "header-dropdown",
         className: cn(menuItemClass, "outline-hidden cursor-pointer"),
         children: [
           dropdown.label,
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react16.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react16.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuContent, { children: dropdown.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DropdownMenuContent, { children: dropdown.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       DropdownMenuItem,
       {
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -3690,23 +3806,23 @@ function HeaderMenuArea({
   items,
   onSelect
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("nav", { "data-slot": "header-menu", className: "flex items-center gap-1", children: items.map(
-    (item) => item.children !== void 0 && item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("nav", { "data-slot": "header-menu", className: "flex items-center gap-1", children: items.map(
+    (item) => item.children !== void 0 && item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
         DropdownMenuTrigger,
         {
           "data-slot": "header-menu-item",
           "data-key": item.key,
           className: cn(menuItemClass, "outline-hidden cursor-pointer"),
           children: [
-            item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+            item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
             item.label,
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react16.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react16.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
-    ] }, item.key) : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DropdownMenuContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
+    ] }, item.key) : /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       "button",
       {
         type: "button",
@@ -3715,7 +3831,7 @@ function HeaderMenuArea({
         className: menuItemClass,
         onClick: () => onSelect?.(item.key),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -3728,16 +3844,16 @@ function HeaderMenuEntry({
   onSelect
 }) {
   if (item.children !== void 0 && item.children.length > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenuSub, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenuSubTrigger, { "data-key": item.key, className: "cursor-pointer", children: [
-        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenuSub, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenuSubTrigger, { "data-key": item.key, className: "cursor-pointer", children: [
+        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
         item.label
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuSubContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DropdownMenuSubContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenuItem, { "data-key": item.key, onClick: () => onSelect?.(item.key), children: [
-    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenuItem, { "data-key": item.key, onClick: () => onSelect?.(item.key), children: [
+    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
     item.label
   ] });
 }
@@ -3745,18 +3861,18 @@ function HeaderUserArea({
   user,
   onSelect
 }) {
-  const identity = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Avatar, { className: "size-7", children: [
-      user.avatar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AvatarImage, { src: user.avatar, alt: user.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AvatarFallback, { children: user.name.charAt(0) })
+  const identity = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Avatar, { className: "size-7", children: [
+      user.avatar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AvatarImage, { src: user.avatar, alt: user.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AvatarFallback, { children: user.name.charAt(0) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-sm", children: user.name })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm", children: user.name })
   ] });
   if (user.items === void 0 || user.items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { "data-slot": "header-user", className: "flex items-center gap-2", children: identity });
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { "data-slot": "header-user", className: "flex items-center gap-2", children: identity });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       DropdownMenuTrigger,
       {
         "data-slot": "header-user",
@@ -3764,8 +3880,8 @@ function HeaderUserArea({
         children: identity
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DropdownMenuContent, { align: "end", children: user.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(DropdownMenuItem, { onClick: () => onSelect?.(item.value), children: [
-      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DropdownMenuContent, { align: "end", children: user.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(DropdownMenuItem, { onClick: () => onSelect?.(item.value), children: [
+      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
       item.label
     ] }, item.value)) })
   ] });
@@ -3774,21 +3890,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),
@@ -3800,20 +3916,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,
@@ -3822,14 +3938,14 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     import_preview_card.PreviewCard.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         import_preview_card.PreviewCard.Popup,
         {
           "data-slot": "hover-card-content",
@@ -3845,22 +3961,22 @@ function HoverCardContent({
 }
 
 // src/components/components/HoverCard/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function isDslNode2(value) {
   return typeof value === "object" && value !== null && typeof value.type === "string";
 }
 function HoverCard2({ content, children, className, style }) {
-  const { renderChildren } = (0, import_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,
@@ -3872,10 +3988,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)(() => {
@@ -3895,7 +4012,7 @@ function Input2({
     onChange?.("");
   };
   const inFormRoot = inForm === true;
-  const input = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  const input = /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     Input,
     {
       id: controlId,
@@ -3903,7 +4020,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) {
@@ -3913,7 +4033,7 @@ function Input2({
       }
     }
   );
-  const clearButton = showClear ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  const clearButton = showClear ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "button",
     {
       type: "button",
@@ -3923,10 +4043,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,
@@ -3936,14 +4060,14 @@ function Input2({
   ) : input;
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             "label",
             {
               htmlFor: controlId,
@@ -3952,7 +4076,7 @@ function Input2({
             }
           ) : null,
           control,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -3961,9 +4085,9 @@ function Input2({
 }
 
 // src/ui/input-group.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "div",
     {
       "data-slot": "input-group",
@@ -3982,9 +4106,9 @@ function InputGroup({ className, ...props }) {
 }
 
 // src/components/components/InputGroup/index.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function InputGroup2({ className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(InputGroup, { className, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(InputGroup, { className, style, children });
 }
 
 // src/components/components/InputOTP/index.tsx
@@ -3993,14 +4117,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",
@@ -4014,7 +4138,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -4028,9 +4152,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",
@@ -4042,14 +4166,14 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
+        hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
       ]
     }
   );
 }
 
 // src/components/components/InputOTP/index.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function InputOTP2({
   name,
   label,
@@ -4087,42 +4211,42 @@ function InputOTP2({
       onComplete?.(next);
     }
   };
-  const control = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     InputOTP,
     {
       maxLength: length,
       value: current,
       onChange: handleChange,
       disabled,
-      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(InputOTPSlot, { index }, index)) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(InputOTPSlot, { index }, index)) })
     }
   );
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
+          label ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
           control,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-slot": "input-otp-field", className: cn("inline-block", className), style, children: control });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-slot": "input-otp-field", className: cn("inline-block", className), style, children: control });
 }
 
 // src/components/components/Item/index.tsx
-var import_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",
@@ -4135,7 +4259,7 @@ function Item({ className, ...props }) {
   );
 }
 function ItemMedia({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       "data-slot": "item-media",
@@ -4148,7 +4272,7 @@ function ItemMedia({ className, ...props }) {
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       "data-slot": "item-content",
@@ -4158,7 +4282,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       "data-slot": "item-title",
@@ -4168,7 +4292,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "p",
     {
       "data-slot": "item-description",
@@ -4178,7 +4302,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "div",
     {
       "data-slot": "item-actions",
@@ -4189,7 +4313,7 @@ function ItemActions({ className, ...props }) {
 }
 
 // src/components/components/Item/index.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function Item2({
   title,
   description,
@@ -4198,22 +4322,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",
@@ -4227,18 +4351,18 @@ function Kbd({ className, ...props }) {
 }
 
 // src/components/components/Kbd/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function Kbd2({ text, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Kbd, { className, style, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Kbd, { className, style, children: text });
 }
 
 // src/ui/label.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "label",
     {
       "data-slot": "label",
@@ -4252,22 +4376,22 @@ function Label({
 }
 
 // src/components/components/Label/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function Label2({ text, htmlFor, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Label, { htmlFor, className, style, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Label, { htmlFor, className, style, children: text });
 }
 
 // src/components/components/Layout/index.tsx
 var import_core = require("@pactor-app/core");
-var import_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",
@@ -4291,9 +4415,10 @@ function resolveRootType(node, context) {
 }
 
 // src/components/components/Link/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function Link2({ href, text, target, className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  const handleSpaClick = useSpaLinkClick();
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "a",
     {
       "data-slot": "link",
@@ -4302,6 +4427,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
     }
   );
@@ -4310,84 +4436,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");
 
@@ -4579,9 +4645,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.");
   }
@@ -4597,10 +4663,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) {
@@ -4612,10 +4678,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();
@@ -4626,7 +4692,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React4.useMemo(
+  const contextValue = React5.useMemo(
     () => ({
       state,
       open,
@@ -4800,10 +4866,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,
@@ -4891,7 +4957,7 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Tooltip2, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Tooltip, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TooltipTrigger, { render: button }),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       TooltipContent,
@@ -4920,7 +4986,7 @@ function useSidebarDrawer() {
 }
 function useOptionalRenderer() {
   try {
-    return (0, import_runtime15.useRenderer)();
+    return (0, import_runtime16.useRenderer)();
   } catch {
     return null;
   }
@@ -5027,7 +5093,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";
@@ -5805,13 +5871,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,
@@ -6032,7 +6098,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
@@ -6085,7 +6151,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)(
@@ -6177,7 +6243,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
@@ -6323,10 +6389,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)(() => {
@@ -6348,7 +6415,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)(
@@ -6360,7 +6432,7 @@ function Select2({
             disabled,
             name: inForm ? name : void 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SelectTrigger, { id: controlId, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SelectValue, { placeholder }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SelectTrigger, { id: controlId, className: inFormRoot ? "w-full" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SelectValue, { placeholder }) }),
               /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 SelectItem,
                 {
@@ -6651,7 +6723,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
@@ -6731,7 +6803,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")) {
@@ -6884,7 +6956,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) {
@@ -6906,8 +6978,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;
@@ -6973,7 +7045,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");
@@ -7059,7 +7131,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,
     {
@@ -7085,9 +7157,15 @@ var typeClassMap = {
   warning: "text-warning",
   danger: "text-destructive"
 };
+var sizeClassMap = {
+  small: "text-xs",
+  middle: "",
+  large: "text-lg"
+};
 function Text({
   text,
   type = "default",
+  size = "middle",
   strong,
   delete: del,
   underline,
@@ -7103,6 +7181,7 @@ function Text({
       "data-type": type,
       className: cn(
         typeClassMap[type],
+        sizeClassMap[size],
         strong && "font-semibold",
         del && "line-through",
         underline && "underline",
@@ -7252,9 +7331,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"
 });
@@ -7287,7 +7366,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,
     {
@@ -7354,7 +7433,7 @@ function ToggleGroup2({
 // src/components/components/Tooltip/index.tsx
 var import_jsx_runtime126 = require("react/jsx-runtime");
 function Tooltip3({ content, children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Tooltip2, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Tooltip, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
     /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TooltipContent, { className, style, children: content })
   ] });