@pactor-app/ui 1.20.0 → 1.22.0

package/dist/chunk-MHM7LTV2.js

@@ -1,3820 +0,0 @@
-import {
-  Icon,
-  Menu,
-  Sidebar
-} from "./chunk-COMLXFWS.js";
-import {
-  Alert,
-  AlertDescription,
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-  AlertDialogTrigger,
-  AlertTitle,
-  AspectRatio,
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  Badge,
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  ButtonGroup,
-  Calendar,
-  Carousel,
-  CarouselContent,
-  CarouselItem,
-  CarouselNext,
-  CarouselPrevious,
-  ChartContainer,
-  Checkbox,
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-  Combobox,
-  ComboboxContent,
-  ComboboxTrigger,
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  ContextMenu,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuTrigger,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-  Empty,
-  EmptyContent,
-  EmptyDescription,
-  EmptyHeader,
-  EmptyTitle,
-  Field,
-  FieldDescription,
-  FieldError,
-  FieldLabel,
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger,
-  InputGroup,
-  InputOTP,
-  InputOTPGroup,
-  InputOTPSlot,
-  Item,
-  ItemActions,
-  ItemContent,
-  ItemDescription,
-  ItemMedia,
-  ItemTitle,
-  Kbd,
-  Label,
-  Menubar,
-  MenubarContent,
-  MenubarItem,
-  MenubarMenu,
-  MenubarTrigger,
-  NavigationMenu,
-  NavigationMenuContent,
-  NavigationMenuItem,
-  NavigationMenuLink,
-  NavigationMenuList,
-  NavigationMenuTrigger,
-  Pagination,
-  PaginationContent,
-  PaginationEllipsis,
-  PaginationItem,
-  PaginationLink,
-  PaginationNext,
-  PaginationPrevious,
-  Panel,
-  PanelGroup,
-  Progress,
-  ProgressIndicator,
-  ProgressTrack,
-  RadioGroup,
-  RadioGroupItem,
-  ResizableHandle,
-  ScrollArea,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-  Slider,
-  SliderControl,
-  SliderIndicator,
-  SliderThumb,
-  SliderTrack,
-  Spinner,
-  Switch,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-  Textarea,
-  Toaster,
-  Toggle,
-  ToggleGroup,
-  ToggleGroupItem,
-  Typography,
-  chartColor,
-  navigationMenuTriggerStyle,
-  toast
-} from "./chunk-XA6OJ54X.js";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-  Drawer,
-  DrawerContent,
-  DrawerHeader,
-  DrawerTitle
-} from "./chunk-XUHJ5YSG.js";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-  Input,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Separator,
-  Sheet,
-  SheetContent,
-  SheetHeader,
-  SheetTitle,
-  Skeleton,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger
-} from "./chunk-RB7RCKAX.js";
-import {
-  Button,
-  cn
-} from "./chunk-WKJUCGV4.js";
-
-// src/components/register.ts
-import { Registry } from "@pactor-app/core";
-
-// src/components/components/Accordion/index.tsx
-import { useRenderer } from "@pactor-app/runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Accordion2({
-  items = [],
-  multiple,
-  className,
-  style
-}) {
-  const { renderChildren } = useRenderer();
-  return /* @__PURE__ */ jsx(
-    Accordion,
-    {
-      type: multiple ? "multiple" : "single",
-      className,
-      style,
-      children: items.map((item) => /* @__PURE__ */ jsxs(AccordionItem, { value: item.key, children: [
-        /* @__PURE__ */ jsx(AccordionTrigger, { children: item.title }),
-        /* @__PURE__ */ jsx(AccordionContent, { children: renderChildren(item.children) })
-      ] }, item.key))
-    }
-  );
-}
-
-// src/components/components/Alert/index.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var variantMap = {
-  success: "success",
-  info: "info",
-  warning: "warning",
-  error: "destructive"
-};
-var defaultIconMap = {
-  success: "check-circle",
-  info: "info",
-  warning: "warning",
-  error: "x-circle"
-};
-function Alert2({
-  message,
-  description,
-  variant = "info",
-  showIcon,
-  icon,
-  className,
-  style
-}) {
-  const iconName = icon ?? (showIcon === true ? defaultIconMap[variant] : void 0);
-  return /* @__PURE__ */ jsxs2(Alert, { variant: variantMap[variant], className, style, children: [
-    iconName ? /* @__PURE__ */ jsx2(Icon, { name: iconName, size: "sm" }) : null,
-    message ? /* @__PURE__ */ jsx2(AlertTitle, { children: message }) : null,
-    description ? /* @__PURE__ */ jsx2(AlertDescription, { children: description }) : null
-  ] });
-}
-
-// src/components/components/AlertDialog/index.tsx
-import { useI18n, useRenderer as useRenderer2 } from "@pactor-app/runtime";
-import { useState } from "react";
-
-// src/components/components/trigger-render.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-function triggerWrapper(slot) {
-  return /* @__PURE__ */ jsx3("span", { "data-slot": slot });
-}
-
-// src/components/components/AlertDialog/index.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function AlertDialog2({
-  title,
-  description,
-  confirmText,
-  cancelText,
-  open,
-  onConfirm,
-  onCancel,
-  trigger,
-  className,
-  style
-}) {
-  const { renderChildren } = useRenderer2();
-  const { t } = useI18n();
-  const [innerOpen, setInnerOpen] = useState(false);
-  const controlled = open !== void 0;
-  const visible = controlled ? open : innerOpen;
-  return /* @__PURE__ */ jsxs3(
-    AlertDialog,
-    {
-      open: visible,
-      onOpenChange: (next) => {
-        if (!controlled) {
-          setInnerOpen(next);
-        }
-      },
-      children: [
-        trigger ? /* @__PURE__ */ jsx4(
-          AlertDialogTrigger,
-          {
-            nativeButton: false,
-            render: triggerWrapper("alert-dialog-trigger-wrap"),
-            children: renderChildren([trigger])
-          }
-        ) : null,
-        /* @__PURE__ */ jsxs3(AlertDialogContent, { className, style, children: [
-          /* @__PURE__ */ jsxs3(AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsx4(AlertDialogTitle, { children: title ?? "" }),
-            description ? /* @__PURE__ */ jsx4(AlertDialogDescription, { children: description }) : null
-          ] }),
-          /* @__PURE__ */ jsxs3(AlertDialogFooter, { children: [
-            /* @__PURE__ */ jsx4(AlertDialogCancel, { onClick: () => onCancel?.(), children: cancelText ?? t("pactor.alertDialog.cancel") }),
-            /* @__PURE__ */ jsx4(AlertDialogAction, { onClick: () => onConfirm?.(), children: confirmText ?? t("pactor.alertDialog.confirm") })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/components/AspectRatio/index.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-function AspectRatio2({ ratio = 1, children, className, style }) {
-  return /* @__PURE__ */ jsx5(AspectRatio, { ratio, className, style, children });
-}
-
-// src/components/components/Avatar/index.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-function Avatar2({ src, alt, fallback, className, style }) {
-  return /* @__PURE__ */ jsxs4(Avatar, { className, style, children: [
-    src ? /* @__PURE__ */ jsx6(AvatarImage, { src, alt: alt ?? "" }) : null,
-    fallback ? /* @__PURE__ */ jsx6(AvatarFallback, { children: fallback }) : null
-  ] });
-}
-
-// src/components/components/Badge/index.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-function Badge2({ text, variant = "default", className, style }) {
-  return /* @__PURE__ */ jsx7(Badge, { variant, className, style, children: text });
-}
-
-// src/components/components/Breadcrumb/index.tsx
-import { Fragment } from "react";
-
-// src/components/spa-link.ts
-import { useRenderer as useRenderer3 } from "@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 } = useRenderer3();
-  return (event, href, target) => {
-    if (shouldInterceptLinkClick(event, href, target)) {
-      event.preventDefault();
-      context.route.navigate(href);
-    }
-  };
-}
-
-// src/components/components/Breadcrumb/index.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function Breadcrumb2({ items = [], className, style }) {
-  const handleSpaClick = useSpaLinkClick();
-  return /* @__PURE__ */ jsx8(Breadcrumb, { className, style, children: /* @__PURE__ */ jsx8(BreadcrumbList, { children: items.map((item, index) => {
-    const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxs5(Fragment, { children: [
-      index > 0 ? /* @__PURE__ */ jsx8(BreadcrumbSeparator, {}) : null,
-      /* @__PURE__ */ jsx8(BreadcrumbItem, { children: isLast || !item.href ? /* @__PURE__ */ jsx8(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx8(
-        BreadcrumbLink,
-        {
-          href: item.href,
-          onClick: (event) => handleSpaClick(event, item.href),
-          children: item.label
-        }
-      ) })
-    ] }, `${item.label}-${index}`);
-  }) }) });
-}
-
-// src/components/components/Button/index.tsx
-import { Loader2 } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-var variantMap2 = {
-  default: "outline",
-  primary: "default",
-  dashed: "outline",
-  link: "link",
-  text: "ghost"
-};
-var sizeMap = {
-  small: "sm",
-  middle: "default",
-  large: "lg"
-};
-function Button2({
-  text,
-  icon,
-  tooltip,
-  variant = "default",
-  danger,
-  size = "middle",
-  loading,
-  disabled,
-  submit,
-  onClick,
-  className,
-  style,
-  children
-}) {
-  const textual = variant === "link" || variant === "text";
-  const button = /* @__PURE__ */ jsxs6(
-    Button,
-    {
-      type: submit ? "submit" : "button",
-      variant: danger && !textual ? "destructive" : variantMap2[variant],
-      size: sizeMap[size],
-      disabled: disabled ?? loading,
-      "aria-busy": loading || void 0,
-      onClick: () => onClick?.(),
-      style,
-      className: cn(
-        variant === "dashed" && "border-dashed",
-        danger && textual && "text-destructive hover:text-destructive",
-        className
-      ),
-      children: [
-        loading ? /* @__PURE__ */ jsx9(Loader2, { "aria-hidden": true, className: "animate-spin" }) : icon ? /* @__PURE__ */ jsx9(Icon, { name: icon, size: "sm" }) : null,
-        text ?? children
-      ]
-    }
-  );
-  if (tooltip) {
-    return /* @__PURE__ */ jsxs6(Tooltip, { children: [
-      /* @__PURE__ */ jsx9(TooltipTrigger, { render: button }),
-      /* @__PURE__ */ jsx9(TooltipContent, { children: tooltip })
-    ] });
-  }
-  return button;
-}
-
-// src/components/components/ButtonGroup/index.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-function ButtonGroup2({ className, style, children }) {
-  return /* @__PURE__ */ jsx10(ButtonGroup, { className, style, children });
-}
-
-// src/components/components/Calendar/index.tsx
-import { format, isValid, parseISO } from "date-fns";
-import { useEffect } from "react";
-
-// src/components/components/Form/context.ts
-import { createContext, useContext } from "react";
-var FormReactContext = createContext(null);
-var FormContextProvider = FormReactContext.Provider;
-function useFormContext() {
-  return useContext(FormReactContext);
-}
-function formItemClass(layout) {
-  switch (layout) {
-    case "horizontal":
-      return "mb-4 flex items-baseline gap-2";
-    case "inline":
-      return "flex items-center gap-2";
-    default:
-      return "mb-4 flex flex-col gap-1.5";
-  }
-}
-
-// src/components/components/Calendar/index.tsx
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-function parseValue(value) {
-  if (typeof value !== "string" || value === "") return void 0;
-  const date = parseISO(value);
-  return isValid(date) ? date : void 0;
-}
-function Calendar2({
-  name,
-  label,
-  rules,
-  mode = "single",
-  value,
-  disabled,
-  onChange,
-  className,
-  style
-}) {
-  const form = useFormContext();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const current = inForm && form && name ? form.values[name] : value;
-  const handleSelect = (date) => {
-    const next = date ? format(date, "yyyy-MM-dd") : void 0;
-    if (inForm && form && name) {
-      form.setValue(name, next);
-    }
-    onChange?.(next);
-  };
-  const calendar = /* @__PURE__ */ jsx11(
-    Calendar,
-    {
-      mode,
-      selected: parseValue(current),
-      onSelect: handleSelect,
-      disabled: disabled === true ? true : void 0,
-      className: cn(!inForm && className),
-      style: inForm ? void 0 : style
-    }
-  );
-  if (inForm && form && name) {
-    const error = form.errors[name];
-    return /* @__PURE__ */ jsxs7(
-      "div",
-      {
-        "data-slot": "form-item",
-        className: cn(formItemClass(form.layout), className),
-        style,
-        children: [
-          label ? /* @__PURE__ */ jsx11("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
-          calendar,
-          error ? /* @__PURE__ */ jsx11("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
-        ]
-      }
-    );
-  }
-  return calendar;
-}
-
-// src/components/components/Card/index.tsx
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
-function Card2({ title, bordered = true, rounded, className, style, children }) {
-  return /* @__PURE__ */ jsxs8(
-    Card,
-    {
-      rounded,
-      className: cn("gap-4 py-4", !bordered && "border-transparent shadow-none", className),
-      style,
-      children: [
-        title ? /* @__PURE__ */ jsx12(CardHeader, { className: "px-4", children: /* @__PURE__ */ jsx12(CardTitle, { children: title }) }) : null,
-        /* @__PURE__ */ jsx12(CardContent, { className: "px-4", children })
-      ]
-    }
-  );
-}
-
-// src/components/components/Carousel/index.tsx
-import { useRenderer as useRenderer4 } from "@pactor-app/runtime";
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-function isDslNode(item) {
-  return typeof item.type === "string";
-}
-function Carousel2({
-  items = [],
-  loop,
-  autoplay,
-  className,
-  style
-}) {
-  const { renderChildren } = useRenderer4();
-  const [api, setApi] = useState2();
-  useEffect2(() => {
-    if (!api || !autoplay) return;
-    const interval = typeof autoplay === "number" ? autoplay : 3e3;
-    const timer = setInterval(() => {
-      if (api.canScrollNext()) {
-        api.scrollNext();
-      } else if (loop) {
-        api.scrollTo(0);
-      }
-    }, interval);
-    return () => clearInterval(timer);
-  }, [api, autoplay, loop]);
-  return /* @__PURE__ */ jsxs9(
-    Carousel,
-    {
-      opts: { loop: loop === true },
-      setApi,
-      className,
-      style,
-      children: [
-        /* @__PURE__ */ jsx13(CarouselContent, { children: items.map((item, index) => /* @__PURE__ */ jsx13(CarouselItem, { children: isDslNode(item) ? renderChildren([item]) : /* @__PURE__ */ jsx13(
-          "img",
-          {
-            src: item.src,
-            alt: item.alt ?? "",
-            className: "w-full rounded-md object-cover"
-          }
-        ) }, index)) }),
-        /* @__PURE__ */ jsx13(CarouselPrevious, {}),
-        /* @__PURE__ */ jsx13(CarouselNext, {})
-      ]
-    }
-  );
-}
-
-// src/components/components/Checkbox/index.tsx
-import { useEffect as useEffect3, useId } from "react";
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
-function Checkbox2({
-  name,
-  label,
-  rules,
-  value,
-  disabled,
-  onChange,
-  className,
-  style
-}) {
-  const form = useFormContext();
-  const controlId = useId();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect3(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const current = inForm && form && name ? form.values[name] : value;
-  const checked = current === true;
-  const handleChange = (next) => {
-    if (inForm && form && name) {
-      form.setValue(name, next);
-    }
-    onChange?.(next);
-  };
-  const control = /* @__PURE__ */ jsxs10(
-    "span",
-    {
-      className: cn("inline-flex items-center gap-2", !inForm && className),
-      style: inForm ? void 0 : style,
-      children: [
-        /* @__PURE__ */ jsx14(
-          Checkbox,
-          {
-            id: controlId,
-            checked,
-            disabled,
-            name: inForm ? name : void 0,
-            onCheckedChange: handleChange
-          }
-        ),
-        label ? /* @__PURE__ */ jsx14("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
-      ]
-    }
-  );
-  if (inForm && form && name) {
-    return /* @__PURE__ */ jsxs10(
-      "div",
-      {
-        "data-slot": "form-item",
-        className: cn("mb-4", className),
-        style,
-        children: [
-          control,
-          form.errors[name] ? /* @__PURE__ */ jsx14("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
-        ]
-      }
-    );
-  }
-  return control;
-}
-
-// src/components/components/Collapsible/index.tsx
-import { useState as useState3 } from "react";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
-function Collapsible2({
-  title,
-  open,
-  children,
-  className,
-  style
-}) {
-  const [innerOpen, setInnerOpen] = useState3(false);
-  const controlled = open !== void 0;
-  return /* @__PURE__ */ jsxs11(
-    Collapsible,
-    {
-      open: controlled ? open : innerOpen,
-      onOpenChange: (next) => {
-        if (!controlled) {
-          setInnerOpen(next);
-        }
-      },
-      className,
-      style,
-      children: [
-        title ? /* @__PURE__ */ jsx15(CollapsibleTrigger, { children: title }) : null,
-        /* @__PURE__ */ jsx15(CollapsibleContent, { children })
-      ]
-    }
-  );
-}
-
-// src/components/components/Combobox/index.tsx
-import { useEffect as useEffect4, useId as useId2, useState as useState4 } from "react";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
-function Combobox2({
-  name,
-  label,
-  rules,
-  options = [],
-  value,
-  placeholder,
-  searchable = true,
-  disabled,
-  onChange,
-  className,
-  style
-}) {
-  const form = useFormContext();
-  const controlId = useId2();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  const [open, setOpen] = useState4(false);
-  useEffect4(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const [innerValue, setInnerValue] = useState4(value);
-  useEffect4(() => {
-    if (!inForm) setInnerValue(value);
-  }, [inForm, value]);
-  const current = inForm && form && name ? form.values[name] : innerValue;
-  const selected = options.find((option) => option.value === current);
-  const handleSelect = (option) => {
-    if (option.disabled) return;
-    if (inForm && form && name) {
-      form.setValue(name, option.value);
-    } else {
-      setInnerValue(option.value);
-    }
-    onChange?.(option.value);
-    setOpen(false);
-  };
-  const control = /* @__PURE__ */ jsxs12(Combobox, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx16(
-      ComboboxTrigger,
-      {
-        id: controlId,
-        type: "button",
-        disabled,
-        className: cn(!selected && "text-muted-foreground", !inForm && className),
-        style: inForm ? void 0 : style,
-        children: selected ? selected.label : placeholder ?? ""
-      }
-    ),
-    /* @__PURE__ */ jsx16(ComboboxContent, { children: /* @__PURE__ */ jsxs12(Command, { children: [
-      searchable ? /* @__PURE__ */ jsx16(CommandInput, { placeholder }) : null,
-      /* @__PURE__ */ jsxs12(CommandList, { children: [
-        /* @__PURE__ */ jsx16(CommandEmpty, { children: "\u65E0\u5339\u914D\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx16(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsx16(
-          CommandItem,
-          {
-            value: String(option.value),
-            keywords: [option.label],
-            disabled: option.disabled,
-            "data-checked": option.value === current ? "" : void 0,
-            onSelect: () => handleSelect(option),
-            children: option.label
-          },
-          String(option.value)
-        )) })
-      ] })
-    ] }) })
-  ] });
-  if (inForm && form && name) {
-    const error = form.errors[name];
-    return /* @__PURE__ */ jsxs12(
-      "div",
-      {
-        "data-slot": "form-item",
-        className: cn(formItemClass(form.layout), className),
-        style,
-        children: [
-          label ? /* @__PURE__ */ jsx16(
-            "label",
-            {
-              htmlFor: controlId,
-              className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
-              children: label
-            }
-          ) : null,
-          control,
-          error ? /* @__PURE__ */ jsx16("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
-        ]
-      }
-    );
-  }
-  return control;
-}
-
-// src/components/components/Command/index.tsx
-import { useI18n as useI18n2 } from "@pactor-app/runtime";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
-function Command2({
-  groups = [],
-  placeholder,
-  emptyText,
-  onSelect,
-  className,
-  style
-}) {
-  const { t } = useI18n2();
-  return /* @__PURE__ */ jsxs13(Command, { className, style, children: [
-    /* @__PURE__ */ jsx17(CommandInput, { placeholder }),
-    /* @__PURE__ */ jsxs13(CommandList, { children: [
-      /* @__PURE__ */ jsx17(CommandEmpty, { children: emptyText ?? t("pactor.command.empty") }),
-      groups.map((group, index) => /* @__PURE__ */ jsx17(CommandGroup, { heading: group.heading, children: group.items.map((item) => /* @__PURE__ */ jsxs13(
-        CommandItem,
-        {
-          value: item.value,
-          keywords: [item.label],
-          disabled: item.disabled,
-          onSelect: (value) => onSelect?.(value),
-          children: [
-            item.icon ? /* @__PURE__ */ jsx17(Icon, { name: item.icon, size: "sm" }) : null,
-            item.label
-          ]
-        },
-        item.value
-      )) }, group.heading ?? index))
-    ] })
-  ] });
-}
-
-// src/components/components/Chart/index.tsx
-import {
-  Area,
-  AreaChart,
-  Bar,
-  BarChart,
-  CartesianGrid,
-  Cell,
-  Legend,
-  Line,
-  LineChart,
-  Pie,
-  PieChart,
-  Tooltip as Tooltip2,
-  XAxis,
-  YAxis
-} from "recharts";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
-function Chart({
-  chartType,
-  data = [],
-  xKey,
-  yKeys = [],
-  colors,
-  className,
-  style
-}) {
-  const series = yKeys.length > 0 ? yKeys : ["value"];
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "chart",
-      "data-chart-type": chartType,
-      className: cn("w-full", className),
-      style,
-      children: /* @__PURE__ */ jsx18(ChartContainer, { children: chartType === "pie" ? /* @__PURE__ */ jsxs14(PieChart, { children: [
-        /* @__PURE__ */ jsx18(Tooltip2, {}),
-        /* @__PURE__ */ jsx18(Legend, {}),
-        /* @__PURE__ */ jsx18(
-          Pie,
-          {
-            data,
-            dataKey: series[0],
-            nameKey: xKey,
-            innerRadius: 0,
-            outerRadius: "80%",
-            isAnimationActive: false,
-            children: data.map((_, index) => /* @__PURE__ */ jsx18(Cell, { fill: chartColor(index, colors) }, index))
-          }
-        )
-      ] }) : chartType === "line" ? /* @__PURE__ */ jsxs14(LineChart, { data, children: [
-        /* @__PURE__ */ jsx18(CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
-        /* @__PURE__ */ jsx18(XAxis, { dataKey: xKey }),
-        /* @__PURE__ */ jsx18(YAxis, {}),
-        /* @__PURE__ */ jsx18(Tooltip2, {}),
-        series.length > 1 ? /* @__PURE__ */ jsx18(Legend, {}) : null,
-        series.map((key, index) => /* @__PURE__ */ jsx18(
-          Line,
-          {
-            type: "monotone",
-            dataKey: key,
-            name: key,
-            stroke: chartColor(index, colors),
-            isAnimationActive: false
-          },
-          key
-        ))
-      ] }) : chartType === "area" ? /* @__PURE__ */ jsxs14(AreaChart, { data, children: [
-        /* @__PURE__ */ jsx18(CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
-        /* @__PURE__ */ jsx18(XAxis, { dataKey: xKey }),
-        /* @__PURE__ */ jsx18(YAxis, {}),
-        /* @__PURE__ */ jsx18(Tooltip2, {}),
-        series.length > 1 ? /* @__PURE__ */ jsx18(Legend, {}) : null,
-        series.map((key, index) => /* @__PURE__ */ jsx18(
-          Area,
-          {
-            type: "monotone",
-            dataKey: key,
-            name: key,
-            stroke: chartColor(index, colors),
-            fill: chartColor(index, colors),
-            fillOpacity: 0.3,
-            isAnimationActive: false
-          },
-          key
-        ))
-      ] }) : /* @__PURE__ */ jsxs14(BarChart, { data, children: [
-        /* @__PURE__ */ jsx18(CartesianGrid, { strokeDasharray: "3 3", vertical: false }),
-        /* @__PURE__ */ jsx18(XAxis, { dataKey: xKey }),
-        /* @__PURE__ */ jsx18(YAxis, {}),
-        /* @__PURE__ */ jsx18(Tooltip2, {}),
-        series.length > 1 ? /* @__PURE__ */ jsx18(Legend, {}) : null,
-        series.map((key, index) => /* @__PURE__ */ jsx18(
-          Bar,
-          {
-            dataKey: key,
-            name: key,
-            fill: chartColor(index, colors),
-            isAnimationActive: false
-          },
-          key
-        ))
-      ] }) })
-    }
-  );
-}
-
-// src/components/components/ChatInput/index.tsx
-import { useRenderer as useRenderer5 } from "@pactor-app/runtime";
-import { ArrowUp } from "lucide-react";
-import {
-  useRef,
-  useState as useState5
-} from "react";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
-function ChatInput({
-  value,
-  placeholder,
-  disabled,
-  rows = 3,
-  hideSend,
-  toolbarStart,
-  toolbarEnd,
-  header,
-  footer,
-  onChange,
-  onSubmit,
-  className,
-  style
-}) {
-  const { renderChildren } = useRenderer5();
-  const controlled = value !== void 0;
-  const [draft, setDraft] = useState5("");
-  const text = controlled ? value : draft;
-  const canSubmit = !disabled && text.trim() !== "";
-  const composingRef = useRef(false);
-  const handleChange = (next) => {
-    if (!controlled) {
-      setDraft(next);
-    }
-    onChange?.(next);
-  };
-  const submit = () => {
-    if (!canSubmit) {
-      return;
-    }
-    onSubmit?.(text);
-    if (!controlled) {
-      setDraft("");
-    }
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter" && !event.shiftKey && !composingRef.current && !event.nativeEvent.isComposing) {
-      event.preventDefault();
-      submit();
-    }
-  };
-  const handleComposition = (event) => {
-    composingRef.current = event.type === "compositionstart";
-  };
-  return /* @__PURE__ */ jsxs15(
-    "div",
-    {
-      "data-slot": "chat-input",
-      className: cn(
-        "rounded-xl border border-border bg-card transition-shadow focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50",
-        className
-      ),
-      style,
-      children: [
-        header ? /* @__PURE__ */ jsx19("div", { className: "px-3 pt-3", children: renderChildren([header]) }) : null,
-        /* @__PURE__ */ jsx19(
-          Textarea,
-          {
-            value: text,
-            placeholder,
-            disabled,
-            rows,
-            onChange: (event) => handleChange(event.target.value),
-            onKeyDown: handleKeyDown,
-            onCompositionStart: handleComposition,
-            onCompositionEnd: handleComposition,
-            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__ */ jsxs15("div", { className: "flex items-center gap-1 px-2 pb-2", children: [
-          toolbarStart ? renderChildren([toolbarStart]) : null,
-          /* @__PURE__ */ jsx19("span", { className: "flex-1" }),
-          toolbarEnd ? renderChildren([toolbarEnd]) : null,
-          hideSend ? null : /* @__PURE__ */ jsx19(
-            Button,
-            {
-              type: "button",
-              size: "icon",
-              "aria-label": "\u53D1\u9001",
-              disabled: !canSubmit,
-              onClick: submit,
-              className: "size-8 rounded-full",
-              children: /* @__PURE__ */ jsx19(ArrowUp, {})
-            }
-          )
-        ] }) : null,
-        footer ? /* @__PURE__ */ jsx19("div", { className: "border-t border-border px-3 py-2", children: renderChildren([footer]) }) : null
-      ]
-    }
-  );
-}
-
-// src/components/components/Content/index.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
-function Content({ className, style, children }) {
-  return /* @__PURE__ */ jsx20(
-    "main",
-    {
-      "data-slot": "layout-content",
-      className: cn("min-h-0 min-w-0 flex-1", className),
-      style,
-      children
-    }
-  );
-}
-
-// src/components/components/ContextMenu/index.tsx
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
-function ContextMenu2({
-  items = [],
-  onSelect,
-  children,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsxs16(ContextMenu, { children: [
-    /* @__PURE__ */ jsx21(ContextMenuTrigger, { children }),
-    /* @__PURE__ */ jsx21(ContextMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ jsxs16(
-      ContextMenuItem,
-      {
-        variant: item.danger ? "destructive" : "default",
-        disabled: item.disabled,
-        onClick: () => onSelect?.(item.value),
-        children: [
-          item.icon ? /* @__PURE__ */ jsx21(Icon, { name: item.icon, size: "sm" }) : null,
-          item.label
-        ]
-      },
-      item.value
-    )) })
-  ] });
-}
-
-// src/components/components/DataTable/index.tsx
-import { useI18n as useI18n3, useRenderer as useRenderer6 } from "@pactor-app/runtime";
-import { ArrowDown, ArrowUp as ArrowUp2, ArrowUpDown } from "lucide-react";
-import { useMemo, useState as useState6 } from "react";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
-function renderCellValue(value) {
-  if (value === void 0 || value === null) {
-    return "";
-  }
-  if (typeof value === "object") {
-    return JSON.stringify(value);
-  }
-  return String(value);
-}
-function compareValues(a, b) {
-  if (typeof a === "number" && typeof b === "number") {
-    return a - b;
-  }
-  return String(a ?? "").localeCompare(String(b ?? ""));
-}
-function DataTable({
-  columns = [],
-  rows = [],
-  rowKey = "id",
-  pagination,
-  sort,
-  onSort,
-  onPageChange,
-  className,
-  style
-}) {
-  const { renderChildren } = useRenderer6();
-  const { t } = useI18n3();
-  const [sortState, setSortState] = useState6(sort);
-  const [filters, setFilters] = useState6({});
-  const [current, setCurrent] = useState6(1);
-  const viewRows = useMemo(() => {
-    const activeFilters = Object.entries(filters).filter(
-      ([, keyword]) => keyword !== ""
-    );
-    const filtered = activeFilters.length === 0 ? rows : rows.filter(
-      (row) => activeFilters.every(
-        ([key2, keyword]) => renderCellValue(row[key2]).toLowerCase().includes(keyword.toLowerCase())
-      )
-    );
-    if (!sortState) {
-      return filtered;
-    }
-    const { key, order } = sortState;
-    const factor = order === "asc" ? 1 : -1;
-    return filtered.map((row, index) => ({ row, index })).sort(
-      (a, b) => factor * compareValues(a.row[key], b.row[key]) || a.index - b.index
-    ).map((entry) => entry.row);
-  }, [rows, filters, sortState]);
-  const pageSize = pagination === false ? void 0 : pagination?.pageSize;
-  const total = viewRows.length;
-  const pageCount = pageSize !== void 0 && pageSize > 0 ? Math.max(1, Math.ceil(total / pageSize)) : 1;
-  const pageRows = pageSize !== void 0 && pageSize > 0 ? viewRows.slice((current - 1) * pageSize, current * pageSize) : viewRows;
-  const toggleSort = (column) => {
-    const order = sortState?.key === column.key && sortState.order === "asc" ? "desc" : "asc";
-    const next = { key: column.key, order };
-    setSortState(next);
-    setCurrent(1);
-    onSort?.(next);
-  };
-  const changeFilter = (key, keyword) => {
-    setFilters((previous) => ({ ...previous, [key]: keyword }));
-    setCurrent(1);
-  };
-  const goToPage = (page) => {
-    setCurrent(page);
-    onPageChange?.(page);
-  };
-  return /* @__PURE__ */ jsxs17("div", { "data-slot": "data-table", className: cn("relative", className), style, children: [
-    /* @__PURE__ */ jsxs17(Table, { children: [
-      /* @__PURE__ */ jsx22(TableHeader, { children: /* @__PURE__ */ jsx22(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => {
-        const sorted = sortState?.key === column.key;
-        return /* @__PURE__ */ jsx22(TableHead, { children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
-          column.sortable ? /* @__PURE__ */ jsxs17(
-            "button",
-            {
-              type: "button",
-              "data-slot": "data-table-sort",
-              "data-column": column.key,
-              "aria-label": column.title ?? column.key,
-              className: "inline-flex items-center gap-1 font-medium hover:text-foreground",
-              onClick: () => toggleSort(column),
-              children: [
-                column.title,
-                sorted ? sortState.order === "asc" ? /* @__PURE__ */ jsx22(ArrowUp2, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ jsx22(ArrowDown, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ jsx22(
-                  ArrowUpDown,
-                  {
-                    "aria-hidden": true,
-                    className: "size-3.5 text-muted-foreground"
-                  }
-                )
-              ]
-            }
-          ) : /* @__PURE__ */ jsx22("span", { children: column.title }),
-          column.filterable ? /* @__PURE__ */ jsx22(
-            Input,
-            {
-              "data-slot": "data-table-filter",
-              "data-column": column.key,
-              "aria-label": column.title ?? column.key,
-              value: filters[column.key] ?? "",
-              className: "h-7 text-xs",
-              onChange: (event) => changeFilter(column.key, event.target.value)
-            }
-          ) : null
-        ] }) }, column.key ?? String(index));
-      }) }) }),
-      /* @__PURE__ */ jsx22(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx22(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx22(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ jsx22(
-        "div",
-        {
-          "data-slot": "table-empty",
-          className: "py-8 text-center text-muted-foreground",
-          children: t("pactor.table.empty")
-        }
-      ) }) }) : pageRows.map((row, rowIndex) => {
-        const key = row[rowKey];
-        return /* @__PURE__ */ jsx22(
-          TableRow,
-          {
-            children: columns.map((column, columnIndex) => {
-              const template = column.children ?? column.renderChildren;
-              return /* @__PURE__ */ jsx22(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__ */ jsx22("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
-      (page) => /* @__PURE__ */ jsx22(
-        Button,
-        {
-          type: "button",
-          size: "sm",
-          variant: page === current ? "default" : "outline",
-          "aria-current": page === current ? "page" : void 0,
-          onClick: () => goToPage(page),
-          children: page
-        },
-        page
-      )
-    ) }) : null
-  ] });
-}
-
-// src/components/components/DatePicker/index.tsx
-import { useI18n as useI18n4 } from "@pactor-app/runtime";
-import {
-  addMonths,
-  endOfMonth,
-  endOfWeek,
-  format as format2,
-  isBefore,
-  isValid as isValid2,
-  parseISO as parseISO2,
-  startOfDay,
-  startOfMonth,
-  startOfWeek,
-  subDays,
-  subMonths
-} from "date-fns";
-import { enUS, zhCN } from "date-fns/locale";
-import { Calendar as CalendarIcon } from "lucide-react";
-import { useEffect as useEffect5, useId as useId3, useState as useState7 } from "react";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
-function toDateFnsLocale(locale) {
-  switch (locale) {
-    case "zh-CN":
-      return zhCN;
-    case "en-US":
-      return enUS;
-    default:
-      return enUS;
-  }
-}
-function parseDate(value) {
-  if (typeof value !== "string" || value === "") return void 0;
-  const date = parseISO2(value);
-  return isValid2(date) ? date : void 0;
-}
-function parseRange(value) {
-  if (typeof value !== "object" || value === null) return void 0;
-  const { start, end } = value;
-  const from = parseDate(start);
-  const to = parseDate(end);
-  return from && to ? { from, to } : void 0;
-}
-var RANGE_ENDPOINT_CLASSES = "[&>button]:bg-(--calendar-selected-background) [&>button]:text-(--calendar-selected-foreground) [&>button]:hover:bg-(--calendar-selected-background) [&>button]:hover:text-(--calendar-selected-foreground)";
-var IN_RANGE_CLASSES = "[&>button]:bg-(--calendar-range-background) [&>button]:text-(--calendar-range-foreground) [&>button]:rounded-none";
-function DatePicker(props) {
-  const {
-    name,
-    label,
-    rules,
-    placeholder,
-    disabled,
-    presets,
-    className,
-    style
-  } = props;
-  const mode = props.mode ?? "single";
-  const isRange = mode === "range";
-  const value = props.value;
-  const onChange = props.onChange;
-  const form = useFormContext();
-  const { locale, t } = useI18n4();
-  const dfLocale = toDateFnsLocale(locale);
-  const controlId = useId3();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  const [open, setOpen] = useState7(false);
-  useEffect5(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const [innerValue, setInnerValue] = useState7(value);
-  useEffect5(() => {
-    if (!inForm) setInnerValue(value);
-  }, [inForm, value]);
-  const [pendingStart, setPendingStart] = useState7();
-  const [startMonth, setStartMonth] = useState7(
-    () => startOfMonth(/* @__PURE__ */ new Date())
-  );
-  const [endMonth, setEndMonth] = useState7(
-    () => startOfMonth(addMonths(/* @__PURE__ */ new Date(), 1))
-  );
-  const current = inForm && form && name ? form.values[name] : innerValue;
-  const setPanelMonths = (start, end) => {
-    const s = startOfMonth(start);
-    const e = startOfMonth(end);
-    setStartMonth(s);
-    setEndMonth(isBefore(e, addMonths(s, 1)) ? addMonths(s, 1) : e);
-  };
-  const handleStartMonthChange = (month) => {
-    const s = startOfMonth(month);
-    setStartMonth(s);
-    setEndMonth((prev) => isBefore(s, prev) ? prev : addMonths(s, 1));
-  };
-  const handleEndMonthChange = (month) => {
-    const e = startOfMonth(month);
-    setEndMonth(e);
-    setStartMonth((prev) => isBefore(prev, e) ? prev : subMonths(e, 1));
-  };
-  useEffect5(() => {
-    if (!isRange) return;
-    const parsed = parseRange(current);
-    setPendingStart(void 0);
-    setPanelMonths(
-      parsed?.from ?? /* @__PURE__ */ new Date(),
-      parsed?.to ?? addMonths(/* @__PURE__ */ new Date(), 1)
-    );
-  }, [isRange, current]);
-  const commit = (next) => {
-    if (inForm && form && name) {
-      form.setValue(name, next);
-    } else {
-      setInnerValue(next);
-    }
-    onChange?.(next);
-  };
-  const commitRange = (from, to) => {
-    commit({ start: format2(from, "yyyy-MM-dd"), end: format2(to, "yyyy-MM-dd") });
-  };
-  const handleSingleSelect = (date) => {
-    commit(date ? format2(date, "yyyy-MM-dd") : void 0);
-  };
-  const parsedRange = isRange ? parseRange(current) : void 0;
-  const rangeStart = pendingStart ?? parsedRange?.from;
-  const rangeEnd = pendingStart !== void 0 ? void 0 : parsedRange?.to;
-  const handleRangeDaySelect = (date) => {
-    if (!date) return;
-    const day = startOfDay(date);
-    if (pendingStart) {
-      if (isBefore(day, pendingStart)) {
-        setPendingStart(day);
-      } else {
-        commitRange(pendingStart, day);
-      }
-    } else {
-      setPendingStart(day);
-    }
-  };
-  const presetList = presets === false ? [] : presets ?? (isRange ? [{ key: "today" }, { key: "thisWeek" }, { key: "thisMonth" }] : []);
-  const resolvePreset = (preset) => {
-    const now = /* @__PURE__ */ new Date();
-    if ("key" in preset) {
-      const key = preset.key;
-      const label2 = preset.label ?? t(`pactor.datePicker.${key}`);
-      if (key === "today") return { label: label2, from: now, to: now };
-      if (key === "thisWeek") {
-        return {
-          label: label2,
-          from: startOfWeek(now, { locale: dfLocale }),
-          to: endOfWeek(now, { locale: dfLocale })
-        };
-      }
-      return { label: label2, from: startOfMonth(now), to: endOfMonth(now) };
-    }
-    if ("days" in preset) {
-      return { label: preset.label, from: subDays(now, preset.days - 1), to: now };
-    }
-    return {
-      label: preset.label,
-      from: parseDate(preset.range.start) ?? now,
-      to: parseDate(preset.range.end) ?? now
-    };
-  };
-  const handlePresetClick = (preset, from, to) => {
-    if ("key" in preset && preset.key === "today") {
-      const today = startOfDay(/* @__PURE__ */ new Date());
-      if (isRange) {
-        setPendingStart(today);
-        setPanelMonths(today, addMonths(today, 1));
-      } else {
-        commit(format2(today, "yyyy-MM-dd"));
-      }
-      return;
-    }
-    commitRange(from, to);
-  };
-  const singleDate = isRange ? void 0 : parseDate(current);
-  const hasInnerRange = isRange && rangeStart !== void 0 && rangeEnd !== void 0 && isBefore(startOfDay(rangeStart), startOfDay(rangeEnd));
-  const rangeModifiers = isRange ? {
-    ...rangeStart ? { rangeStart } : {},
-    ...rangeEnd ? { rangeEnd } : {},
-    ...hasInnerRange ? { inRange: { after: rangeStart, before: rangeEnd } } : {}
-  } : void 0;
-  const rangeModifierClassNames = rangeModifiers ? {
-    ...rangeStart ? { rangeStart: RANGE_ENDPOINT_CLASSES } : {},
-    ...rangeEnd ? { rangeEnd: RANGE_ENDPOINT_CLASSES } : {},
-    ...hasInnerRange ? { inRange: IN_RANGE_CLASSES } : {}
-  } : 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__ */ jsxs18("div", { className: "flex", children: [
-    /* @__PURE__ */ jsx23(
-      "div",
-      {
-        "data-slot": "datepicker-start-panel",
-        className: "border-r border-border",
-        children: /* @__PURE__ */ jsx23(
-          Calendar,
-          {
-            mode: "single",
-            month: startMonth,
-            onMonthChange: handleStartMonthChange,
-            onSelect: handleRangeDaySelect,
-            modifiers: rangeModifiers,
-            modifiersClassNames: rangeModifierClassNames,
-            locale: dfLocale
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx23("div", { "data-slot": "datepicker-end-panel", children: /* @__PURE__ */ jsx23(
-      Calendar,
-      {
-        mode: "single",
-        month: endMonth,
-        onMonthChange: handleEndMonthChange,
-        onSelect: handleRangeDaySelect,
-        modifiers: rangeModifiers,
-        modifiersClassNames: rangeModifierClassNames,
-        locale: dfLocale
-      }
-    ) })
-  ] }) : /* @__PURE__ */ jsx23(
-    Calendar,
-    {
-      mode: "single",
-      selected: singleDate,
-      onSelect: handleSingleSelect,
-      locale: dfLocale
-    }
-  );
-  const control = /* @__PURE__ */ jsxs18(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs18(
-      PopoverTrigger,
-      {
-        id: controlId,
-        type: "button",
-        disabled,
-        "data-slot": "datepicker-trigger",
-        className: cn(
-          "flex h-9 w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors outline-none hover:bg-accent focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
-          displayText === "" && "text-muted-foreground",
-          !inForm && className
-        ),
-        style: inForm ? void 0 : style,
-        children: [
-          /* @__PURE__ */ jsx23("span", { className: "min-w-0 flex-1 truncate text-left", children: displayText === "" ? placeholderText : displayText }),
-          /* @__PURE__ */ jsx23(CalendarIcon, { className: "size-4 shrink-0 opacity-50" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx23(PopoverContent, { className: "w-auto p-0", children: presetList.length > 0 ? /* @__PURE__ */ jsxs18("div", { className: "flex", children: [
-      /* @__PURE__ */ jsx23(
-        "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__ */ jsx23(
-              "button",
-              {
-                type: "button",
-                className: "cursor-pointer rounded-md px-3 py-1.5 text-left text-sm whitespace-nowrap hover:bg-accent hover:text-accent-foreground",
-                onClick: () => handlePresetClick(preset, resolved.from, resolved.to),
-                children: resolved.label
-              },
-              `${resolved.label}-${index}`
-            );
-          })
-        }
-      ),
-      calendar
-    ] }) : calendar })
-  ] });
-  if (inForm && form && name) {
-    const error = form.errors[name];
-    return /* @__PURE__ */ jsxs18(
-      "div",
-      {
-        "data-slot": "form-item",
-        className: cn(formItemClass(form.layout), className),
-        style,
-        children: [
-          label ? /* @__PURE__ */ jsx23(
-            "label",
-            {
-              htmlFor: controlId,
-              className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
-              children: label
-            }
-          ) : null,
-          control,
-          error ? /* @__PURE__ */ jsx23("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
-        ]
-      }
-    );
-  }
-  return control;
-}
-
-// src/components/components/Dialog/index.tsx
-import { useRenderer as useRenderer7 } from "@pactor-app/runtime";
-import { useState as useState8 } from "react";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
-function Dialog2({
-  title,
-  description,
-  open,
-  onClose,
-  trigger,
-  children,
-  className,
-  style
-}) {
-  const { renderChildren } = useRenderer7();
-  const [innerOpen, setInnerOpen] = useState8(false);
-  const controlled = open !== void 0;
-  const visible = controlled ? open : innerOpen;
-  return /* @__PURE__ */ jsxs19(
-    Dialog,
-    {
-      open: visible,
-      onOpenChange: (next) => {
-        if (!controlled) {
-          setInnerOpen(next);
-        }
-        if (!next) {
-          onClose?.();
-        }
-      },
-      children: [
-        trigger ? /* @__PURE__ */ jsx24(
-          DialogTrigger,
-          {
-            nativeButton: false,
-            render: triggerWrapper("dialog-trigger-wrap"),
-            children: renderChildren([trigger])
-          }
-        ) : null,
-        /* @__PURE__ */ jsxs19(DialogContent, { className, style, children: [
-          title || description ? /* @__PURE__ */ jsxs19(DialogHeader, { children: [
-            title ? /* @__PURE__ */ jsx24(DialogTitle, { children: title }) : null,
-            description ? /* @__PURE__ */ jsx24(DialogDescription, { children: description }) : null
-          ] }) : null,
-          children
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/components/Drawer/index.tsx
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
-function Drawer2({
-  title,
-  open,
-  placement = "right",
-  onClose,
-  children,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsx25(
-    Drawer,
-    {
-      direction: placement,
-      open: open ?? false,
-      onOpenChange: (next) => {
-        if (!next) {
-          onClose?.();
-        }
-      },
-      children: /* @__PURE__ */ jsxs20(DrawerContent, { className, style, children: [
-        title ? /* @__PURE__ */ jsx25(DrawerHeader, { children: /* @__PURE__ */ jsx25(DrawerTitle, { children: title }) }) : null,
-        /* @__PURE__ */ jsx25("div", { className: "flex-1 overflow-auto p-4", children })
-      ] })
-    }
-  );
-}
-
-// src/components/components/DropdownMenu/index.tsx
-import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
-function DropdownMenu2({
-  items = [],
-  onSelect,
-  children,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsxs21(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx26(
-      DropdownMenuTrigger,
-      {
-        nativeButton: false,
-        render: triggerWrapper("dropdown-menu-trigger-wrap"),
-        children
-      }
-    ),
-    /* @__PURE__ */ jsx26(DropdownMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ jsxs21(
-      DropdownMenuItem,
-      {
-        variant: item.danger ? "destructive" : "default",
-        disabled: item.disabled,
-        onClick: () => onSelect?.(item.value),
-        children: [
-          item.icon ? /* @__PURE__ */ jsx26(Icon, { name: item.icon, size: "sm" }) : null,
-          item.label
-        ]
-      },
-      item.value
-    )) })
-  ] });
-}
-
-// src/components/components/Empty/index.tsx
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
-function Empty2({ title, description, children, className, style }) {
-  return /* @__PURE__ */ jsxs22(Empty, { className, style, children: [
-    /* @__PURE__ */ jsxs22(EmptyHeader, { children: [
-      title ? /* @__PURE__ */ jsx27(EmptyTitle, { children: title }) : null,
-      description ? /* @__PURE__ */ jsx27(EmptyDescription, { children: description }) : null
-    ] }),
-    children ? /* @__PURE__ */ jsx27(EmptyContent, { children }) : null
-  ] });
-}
-
-// src/components/components/Field/index.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
-function Field2({
-  label,
-  required,
-  description,
-  error,
-  children,
-  className,
-  style,
-  labelClassName,
-  labelStyle,
-  controlClassName,
-  controlStyle,
-  descriptionClassName,
-  descriptionStyle,
-  errorClassName,
-  errorStyle
-}) {
-  return /* @__PURE__ */ jsxs23(Field, { className, style, children: [
-    label ? /* @__PURE__ */ jsxs23(FieldLabel, { className: labelClassName, style: labelStyle, children: [
-      required ? /* @__PURE__ */ jsxs23("span", { "aria-hidden": true, className: "text-destructive", children: [
-        "*",
-        " "
-      ] }) : null,
-      label
-    ] }) : null,
-    /* @__PURE__ */ jsx28(
-      "div",
-      {
-        "data-slot": "field-control",
-        className: cn(label ? "mt-2" : void 0, controlClassName),
-        style: controlStyle,
-        children
-      }
-    ),
-    description ? /* @__PURE__ */ jsx28(
-      FieldDescription,
-      {
-        className: descriptionClassName,
-        style: descriptionStyle,
-        children: description
-      }
-    ) : null,
-    error ? /* @__PURE__ */ jsx28(FieldError, { match: true, className: errorClassName, style: errorStyle, children: error }) : null
-  ] });
-}
-
-// src/components/components/Flex/index.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
-var gapClass = {
-  small: "gap-(--flex-gap-sm)",
-  middle: "gap-(--flex-gap-md)",
-  large: "gap-(--flex-gap-lg)"
-};
-var justifyClass = {
-  start: "justify-start",
-  center: "justify-center",
-  end: "justify-end",
-  "space-between": "justify-between",
-  "space-around": "justify-around",
-  "space-evenly": "justify-evenly"
-};
-var alignClass = {
-  start: "items-start",
-  center: "items-center",
-  end: "items-end",
-  baseline: "items-baseline",
-  stretch: "items-stretch"
-};
-function Flex({
-  direction = "horizontal",
-  gap,
-  justify,
-  align,
-  className,
-  style,
-  children
-}) {
-  return /* @__PURE__ */ jsx29(
-    "div",
-    {
-      "data-slot": "flex",
-      className: cn(
-        "flex",
-        direction === "vertical" && "flex-col",
-        gap === void 0 && "gap-(--flex-gap)",
-        typeof gap === "string" && gapClass[gap],
-        justify && justifyClass[justify],
-        align && alignClass[align],
-        className
-      ),
-      style: typeof gap === "number" || style ? { ...typeof gap === "number" ? { gap } : {}, ...style } : void 0,
-      children
-    }
-  );
-}
-
-// src/components/components/Footer/index.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
-function Footer({ className, style, children }) {
-  return /* @__PURE__ */ jsx30(
-    "footer",
-    {
-      "data-slot": "layout-footer",
-      className: cn(
-        "shrink-0 border-t px-4 py-3 text-center text-sm text-muted-foreground",
-        className
-      ),
-      style,
-      children
-    }
-  );
-}
-
-// src/components/components/Form/index.tsx
-import { useRenderer as useRenderer8 } from "@pactor-app/runtime";
-import {
-  useCallback,
-  useEffect as useEffect6,
-  useMemo as useMemo2,
-  useRef as useRef2,
-  useState as useState9
-} from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
-function isEmpty(value) {
-  return value === void 0 || value === null || value === "";
-}
-function Form({
-  name = "default",
-  layout = "vertical",
-  initialValues,
-  className,
-  style,
-  children,
-  onSubmit,
-  onValuesChange
-}) {
-  const { context } = useRenderer8();
-  const [values, setValues] = useState9(() => ({
-    ...initialValues
-  }));
-  const [errors, setErrors] = useState9({});
-  const fieldRulesRef = useRef2(/* @__PURE__ */ new Map());
-  const mergedInitialFieldsRef = useRef2(/* @__PURE__ */ new Set());
-  const setValuesBatch = useCallback((partial) => {
-    setValues((prev) => ({ ...prev, ...partial }));
-  }, []);
-  useEffect6(() => {
-    context.forms.register(name, { setValues: setValuesBatch });
-    return () => {
-      context.forms.unregister(name);
-    };
-  }, [context, name, setValuesBatch]);
-  const formContext = useMemo2(
-    () => ({
-      inForm: true,
-      layout,
-      values,
-      errors,
-      setValue(name2, value) {
-        const next = { ...values, [name2]: value };
-        setValues(next);
-        setErrors((prev) => {
-          if (!(name2 in prev)) {
-            return prev;
-          }
-          const rest = { ...prev };
-          delete rest[name2];
-          return rest;
-        });
-        onValuesChange?.({ [name2]: value }, next);
-      },
-      setValues: setValuesBatch,
-      registerField(name2, rules, initialValue) {
-        fieldRulesRef.current.set(name2, rules);
-        if (initialValue !== void 0 && !mergedInitialFieldsRef.current.has(name2)) {
-          mergedInitialFieldsRef.current.add(name2);
-          setValues((prev) => ({ ...prev, [name2]: initialValue }));
-        }
-      },
-      unregisterField(name2) {
-        fieldRulesRef.current.delete(name2);
-      }
-    }),
-    [layout, values, errors, onValuesChange, setValuesBatch]
-  );
-  const handleSubmit = (event) => {
-    event.preventDefault();
-    const nextErrors = {};
-    for (const [name2, rules] of fieldRulesRef.current) {
-      for (const rule of rules ?? []) {
-        if (rule.required && isEmpty(values[name2])) {
-          nextErrors[name2] = rule.message ?? context.i18n.t("pactor.form.required");
-          break;
-        }
-      }
-    }
-    setErrors(nextErrors);
-    if (Object.keys(nextErrors).length > 0) {
-      return;
-    }
-    context.state.set("form", values);
-    onSubmit?.(values);
-  };
-  return /* @__PURE__ */ jsx31(FormContextProvider, { value: formContext, children: /* @__PURE__ */ jsx31(
-    "form",
-    {
-      "data-slot": "form",
-      className: cn(layout === "inline" && "flex flex-wrap items-center gap-3", className),
-      style,
-      onSubmit: handleSubmit,
-      children
-    }
-  ) });
-}
-
-// src/components/components/Grid/index.tsx
-import { Children } from "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
-function Grid({ columns = 1, gap, className, style, children }) {
-  const cols = Math.max(1, columns);
-  return /* @__PURE__ */ jsx32(
-    "div",
-    {
-      "data-slot": "grid",
-      "data-columns": cols,
-      className: cn("grid", gap === void 0 && "gap-(--grid-gap)", className),
-      style: {
-        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
-        ...gap !== void 0 ? { gap } : {},
-        ...style
-      },
-      children: Children.map(children, (child, index) => /* @__PURE__ */ jsx32("div", { "data-slot": "grid-item", children: child }, index))
-    }
-  );
-}
-
-// src/components/components/Header/index.tsx
-import { useI18n as useI18n5 } from "@pactor-app/runtime";
-import { ChevronDownIcon } from "lucide-react";
-import { useState as useState10 } from "react";
-import { Fragment as Fragment2, jsx as jsx33, jsxs as jsxs24 } from "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,
-  title,
-  brandPosition = "left",
-  dropdown,
-  menu,
-  user,
-  locales,
-  themeToggle = false,
-  onThemeChange,
-  onMenuSelect,
-  onDropdownSelect,
-  onUserSelect,
-  onLocaleChange,
-  className,
-  style,
-  children
-}) {
-  const hasBrand = logo !== void 0 || title !== void 0;
-  const brandLeft = hasBrand && brandPosition === "left";
-  const brandRight = hasBrand && brandPosition === "right";
-  const dropdownLeft = dropdown !== void 0 && (dropdown.position ?? "left") === "left";
-  const dropdownRight = dropdown !== void 0 && dropdown.position === "right";
-  const hasMenu = menu !== void 0 && menu.length > 0;
-  const hasLocales = locales !== void 0 && locales.length > 0;
-  const hasUser = user !== void 0;
-  const rootClass = cn(
-    "flex h-14 shrink-0 items-center gap-4 border-b bg-card px-4",
-    className
-  );
-  if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales && !themeToggle) {
-    return /* @__PURE__ */ jsx33("header", { "data-slot": "layout-header", className: rootClass, style, children });
-  }
-  const brandNode = hasBrand && /* @__PURE__ */ jsxs24("div", { "data-slot": "header-brand", className: "flex items-center gap-2", children: [
-    logo !== void 0 && /* @__PURE__ */ jsx33(
-      "img",
-      {
-        "data-slot": "header-brand-logo",
-        src: logo,
-        alt: title ?? "",
-        className: "h-8 w-8 shrink-0 object-contain"
-      }
-    ),
-    title !== void 0 && /* @__PURE__ */ jsx33("span", { "data-slot": "header-brand-title", className: "text-base font-semibold", children: title })
-  ] });
-  const dropdownNode = dropdown !== void 0 && /* @__PURE__ */ jsx33(HeaderDropdownArea, { dropdown, onSelect: onDropdownSelect });
-  const showLeft = brandLeft || dropdownLeft || hasMenu;
-  const showRight = dropdownRight || brandRight || hasLocales || hasUser || themeToggle;
-  return /* @__PURE__ */ jsxs24("header", { "data-slot": "layout-header", className: rootClass, style, children: [
-    showLeft && /* @__PURE__ */ jsxs24("div", { "data-slot": "header-left", className: "flex items-center gap-4", children: [
-      brandLeft && brandNode,
-      dropdownLeft && dropdownNode,
-      hasMenu && /* @__PURE__ */ jsx33(HeaderMenuArea, { items: menu, onSelect: onMenuSelect })
-    ] }),
-    /* @__PURE__ */ jsx33("div", { "data-slot": "header-center", className: "flex flex-1 items-center gap-4", children }),
-    showRight && /* @__PURE__ */ jsxs24("div", { "data-slot": "header-right", className: "flex items-center gap-4", children: [
-      dropdownRight && dropdownNode,
-      brandRight && brandNode,
-      themeToggle && /* @__PURE__ */ jsx33(HeaderThemeToggle, { onSelect: onThemeChange }),
-      hasLocales && /* @__PURE__ */ jsx33(HeaderLocalesArea, { locales, onSelect: onLocaleChange }),
-      hasUser && /* @__PURE__ */ jsx33(HeaderUserArea, { user, onSelect: onUserSelect })
-    ] })
-  ] });
-}
-function HeaderDropdownArea({
-  dropdown,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxs24(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs24(
-      DropdownMenuTrigger,
-      {
-        "data-slot": "header-dropdown",
-        className: cn(menuItemClass, "outline-hidden cursor-pointer"),
-        children: [
-          dropdown.label,
-          /* @__PURE__ */ jsx33(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx33(DropdownMenuContent, { children: dropdown.items.map((item) => /* @__PURE__ */ jsxs24(
-      DropdownMenuItem,
-      {
-        disabled: item.disabled,
-        onClick: () => onSelect?.(item.value),
-        children: [
-          item.icon ? /* @__PURE__ */ jsx33(Icon, { name: item.icon, size: "sm" }) : null,
-          item.label
-        ]
-      },
-      item.value
-    )) })
-  ] });
-}
-function HeaderMenuArea({
-  items,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsx33("nav", { "data-slot": "header-menu", className: "flex items-center gap-1", children: items.map(
-    (item) => item.children !== void 0 && item.children.length > 0 ? /* @__PURE__ */ jsxs24(DropdownMenu, { children: [
-      /* @__PURE__ */ jsxs24(
-        DropdownMenuTrigger,
-        {
-          "data-slot": "header-menu-item",
-          "data-key": item.key,
-          className: cn(menuItemClass, "outline-hidden cursor-pointer"),
-          children: [
-            item.icon ? /* @__PURE__ */ jsx33(Icon, { name: item.icon, size: "sm" }) : null,
-            item.label,
-            /* @__PURE__ */ jsx33(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx33(DropdownMenuContent, { children: item.children.map((child) => /* @__PURE__ */ jsx33(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
-    ] }, item.key) : /* @__PURE__ */ jsxs24(
-      "button",
-      {
-        type: "button",
-        "data-slot": "header-menu-item",
-        "data-key": item.key,
-        className: menuItemClass,
-        onClick: () => onSelect?.(item.key),
-        children: [
-          item.icon ? /* @__PURE__ */ jsx33(Icon, { name: item.icon, size: "sm" }) : null,
-          item.label
-        ]
-      },
-      item.key
-    )
-  ) });
-}
-function HeaderMenuEntry({
-  item,
-  onSelect
-}) {
-  if (item.children !== void 0 && item.children.length > 0) {
-    return /* @__PURE__ */ jsxs24(DropdownMenuSub, { children: [
-      /* @__PURE__ */ jsxs24(DropdownMenuSubTrigger, { "data-key": item.key, className: "cursor-pointer", children: [
-        item.icon ? /* @__PURE__ */ jsx33(Icon, { name: item.icon, size: "sm" }) : null,
-        item.label
-      ] }),
-      /* @__PURE__ */ jsx33(DropdownMenuSubContent, { children: item.children.map((child) => /* @__PURE__ */ jsx33(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs24(DropdownMenuItem, { "data-key": item.key, onClick: () => onSelect?.(item.key), children: [
-    item.icon ? /* @__PURE__ */ jsx33(Icon, { name: item.icon, size: "sm" }) : null,
-    item.label
-  ] });
-}
-function HeaderUserArea({
-  user,
-  onSelect
-}) {
-  const identity = /* @__PURE__ */ jsxs24(Fragment2, { children: [
-    /* @__PURE__ */ jsxs24(Avatar, { className: "size-7", children: [
-      user.avatar !== void 0 && /* @__PURE__ */ jsx33(AvatarImage, { src: user.avatar, alt: user.name }),
-      /* @__PURE__ */ jsx33(AvatarFallback, { children: user.name.charAt(0) })
-    ] }),
-    /* @__PURE__ */ jsx33("span", { className: "text-sm", children: user.name })
-  ] });
-  if (user.items === void 0 || user.items.length === 0) {
-    return /* @__PURE__ */ jsx33("div", { "data-slot": "header-user", className: "flex items-center gap-2", children: identity });
-  }
-  return /* @__PURE__ */ jsxs24(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx33(
-      DropdownMenuTrigger,
-      {
-        "data-slot": "header-user",
-        className: "flex items-center gap-2 rounded-md px-2 py-1.5 transition-colors outline-hidden hover:bg-accent/50 cursor-pointer",
-        children: identity
-      }
-    ),
-    /* @__PURE__ */ jsx33(DropdownMenuContent, { align: "end", children: user.items.map((item) => /* @__PURE__ */ jsxs24(DropdownMenuItem, { onClick: () => onSelect?.(item.value), children: [
-      item.icon ? /* @__PURE__ */ jsx33(Icon, { name: item.icon, size: "sm" }) : null,
-      item.label
-    ] }, item.value)) })
-  ] });
-}
-function HeaderLocalesArea({
-  locales,
-  onSelect
-}) {
-  const { locale } = useI18n5();
-  const current = locales.find((option) => option.value === locale);
-  return /* @__PURE__ */ jsxs24(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs24(
-      DropdownMenuTrigger,
-      {
-        "data-slot": "header-locales",
-        className: cn(menuItemClass, "outline-hidden cursor-pointer"),
-        children: [
-          current?.label ?? locale,
-          /* @__PURE__ */ jsx33(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx33(DropdownMenuContent, { align: "end", children: locales.map((option) => /* @__PURE__ */ jsx33(
-      DropdownMenuItem,
-      {
-        onClick: () => onSelect?.(option.value),
-        children: option.label
-      },
-      option.value
-    )) })
-  ] });
-}
-function readCurrentTheme() {
-  if (typeof document === "undefined") {
-    return "light";
-  }
-  return document.documentElement.getAttribute("data-pactor-theme") === "dark" ? "dark" : "light";
-}
-function HeaderThemeToggle({
-  onSelect
-}) {
-  const [theme, setTheme] = useState10(readCurrentTheme);
-  const handleToggle = () => {
-    const next = readCurrentTheme() === "dark" ? "light" : "dark";
-    if (next === "dark") {
-      document.documentElement.setAttribute("data-pactor-theme", "dark");
-    } else {
-      document.documentElement.removeAttribute("data-pactor-theme");
-    }
-    setTheme(next);
-    onSelect?.(next);
-  };
-  return /* @__PURE__ */ jsx33(
-    "button",
-    {
-      type: "button",
-      "data-slot": "header-theme-toggle",
-      className: "flex size-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground",
-      title: theme === "dark" ? "\u5207\u6362\u4E3A\u6D45\u8272" : "\u5207\u6362\u4E3A\u6DF1\u8272",
-      "aria-label": "\u5207\u6362\u660E\u6697\u4E3B\u9898",
-      onClick: handleToggle,
-      children: theme === "dark" ? /* @__PURE__ */ jsx33(Icon, { name: "sun", size: "sm" }) : /* @__PURE__ */ jsx33(Icon, { name: "moon", size: "sm" })
-    }
-  );
-}
-
-// src/components/components/HoverCard/index.tsx
-import { useRenderer as useRenderer9 } from "@pactor-app/runtime";
-import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
-function isDslNode2(value) {
-  return typeof value === "object" && value !== null && typeof value.type === "string";
-}
-function HoverCard2({ content, children, className, style }) {
-  const { renderChildren } = useRenderer9();
-  return /* @__PURE__ */ jsxs25(HoverCard, { children: [
-    /* @__PURE__ */ jsx34(HoverCardTrigger, { render: triggerWrapper("hover-card-trigger-wrap"), children }),
-    /* @__PURE__ */ jsx34(HoverCardContent, { className, style, children: isDslNode2(content) ? renderChildren([content]) : content })
-  ] });
-}
-
-// src/components/components/Input/index.tsx
-import { useI18n as useI18n6 } from "@pactor-app/runtime";
-import { useEffect as useEffect7, useId as useId4 } from "react";
-import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
-function Input2({
-  name,
-  label,
-  rules,
-  value,
-  type = "text",
-  placeholder,
-  disabled,
-  allowClear,
-  onChange,
-  className,
-  controlClassName,
-  style
-}) {
-  const form = useFormContext();
-  const { t } = useI18n6();
-  const controlId = useId4();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect7(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const fieldValue = inForm && form && name ? form.values[name] : void 0;
-  const currentValue = typeof fieldValue === "string" ? fieldValue : inForm ? "" : value ?? "";
-  const showClear = allowClear === true && disabled !== true && currentValue !== "";
-  const handleClear = () => {
-    if (inForm && form && name) {
-      form.setValue(name, "");
-    }
-    onChange?.("");
-  };
-  const inFormRoot = inForm === true;
-  const input = /* @__PURE__ */ jsx35(
-    Input,
-    {
-      id: controlId,
-      type,
-      value: currentValue,
-      placeholder,
-      disabled,
-      className: cn(
-        !inFormRoot && allowClear !== true && className,
-        allowClear !== true && controlClassName
-      ),
-      style: !inFormRoot && allowClear !== true ? style : void 0,
-      onChange: (event) => {
-        if (inForm && form && name) {
-          form.setValue(name, event.target.value);
-        }
-        onChange?.(event.target.value);
-      }
-    }
-  );
-  const clearButton = showClear ? /* @__PURE__ */ jsx35(
-    "button",
-    {
-      type: "button",
-      "aria-label": t("pactor.input.clear"),
-      className: "shrink-0 cursor-pointer text-muted-foreground hover:text-foreground",
-      onClick: handleClear,
-      children: "\xD7"
-    }
-  ) : null;
-  const control = allowClear === true ? /* @__PURE__ */ jsxs26(
-    "span",
-    {
-      className: cn(
-        "flex items-center gap-1",
-        !inFormRoot && className,
-        controlClassName
-      ),
-      style: inFormRoot ? void 0 : style,
-      children: [
-        input,
-        clearButton
-      ]
-    }
-  ) : input;
-  if (inForm && form && name) {
-    const error = form.errors[name];
-    return /* @__PURE__ */ jsxs26(
-      "div",
-      {
-        "data-slot": "form-item",
-        className: cn(formItemClass(form.layout), className),
-        style,
-        children: [
-          label ? /* @__PURE__ */ jsx35(
-            "label",
-            {
-              htmlFor: controlId,
-              className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
-              children: label
-            }
-          ) : null,
-          control,
-          error ? /* @__PURE__ */ jsx35("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
-        ]
-      }
-    );
-  }
-  return control;
-}
-
-// src/components/components/InputGroup/index.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
-function InputGroup2({ className, style, children }) {
-  return /* @__PURE__ */ jsx36(InputGroup, { className, style, children });
-}
-
-// src/components/components/InputOTP/index.tsx
-import { useEffect as useEffect8, useState as useState11 } from "react";
-import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
-function InputOTP2({
-  name,
-  label,
-  rules,
-  length = 6,
-  value,
-  disabled,
-  onChange,
-  onComplete,
-  className,
-  style
-}) {
-  const form = useFormContext();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect8(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const [innerValue, setInnerValue] = useState11(typeof value === "string" ? value : "");
-  useEffect8(() => {
-    if (!inForm) setInnerValue(typeof value === "string" ? value : "");
-  }, [inForm, value]);
-  const current = inForm && form && name ? typeof form.values[name] === "string" ? form.values[name] : "" : innerValue;
-  const handleChange = (next) => {
-    if (inForm && form && name) {
-      form.setValue(name, next);
-    } else {
-      setInnerValue(next);
-    }
-    onChange?.(next);
-    if (next.length === length) {
-      onComplete?.(next);
-    }
-  };
-  const control = /* @__PURE__ */ jsx37(
-    InputOTP,
-    {
-      maxLength: length,
-      value: current,
-      onChange: handleChange,
-      disabled,
-      children: /* @__PURE__ */ jsx37(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx37(InputOTPSlot, { index }, index)) })
-    }
-  );
-  if (inForm && form && name) {
-    const error = form.errors[name];
-    return /* @__PURE__ */ jsxs27(
-      "div",
-      {
-        "data-slot": "form-item",
-        className: cn(formItemClass(form.layout), className),
-        style,
-        children: [
-          label ? /* @__PURE__ */ jsx37("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
-          control,
-          error ? /* @__PURE__ */ jsx37("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx37("div", { "data-slot": "input-otp-field", className: cn("inline-block", className), style, children: control });
-}
-
-// src/components/components/Item/index.tsx
-import { useRenderer as useRenderer10 } from "@pactor-app/runtime";
-import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
-function Item2({
-  title,
-  description,
-  media,
-  actions,
-  className,
-  style
-}) {
-  const { renderChildren } = useRenderer10();
-  const mediaNodes = media === void 0 ? [] : Array.isArray(media) ? media : [media];
-  return /* @__PURE__ */ jsxs28(Item, { className, style, children: [
-    mediaNodes.length > 0 ? /* @__PURE__ */ jsx38(ItemMedia, { children: renderChildren(mediaNodes) }) : null,
-    /* @__PURE__ */ jsxs28(ItemContent, { children: [
-      title ? /* @__PURE__ */ jsx38(ItemTitle, { children: title }) : null,
-      description ? /* @__PURE__ */ jsx38(ItemDescription, { children: description }) : null
-    ] }),
-    actions && actions.length > 0 ? /* @__PURE__ */ jsx38(ItemActions, { children: renderChildren(actions) }) : null
-  ] });
-}
-
-// src/components/components/Kbd/index.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
-function Kbd2({ text, className, style }) {
-  return /* @__PURE__ */ jsx39(Kbd, { className, style, children: text });
-}
-
-// src/components/components/Label/index.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
-function Label2({ text, htmlFor, className, style }) {
-  return /* @__PURE__ */ jsx40(Label, { htmlFor, className, style, children: text });
-}
-
-// src/components/components/Layout/index.tsx
-import { isDslSourceRef } from "@pactor-app/core";
-import { useRenderer as useRenderer11 } from "@pactor-app/runtime";
-import { jsx as jsx41 } from "react/jsx-runtime";
-function Layout({ direction, className, style, dslChildren }) {
-  const { renderChildren, context } = useRenderer11();
-  const hasSider = Array.isArray(dslChildren) ? dslChildren.some(
-    (child) => !isDslSourceRef(child) && resolveRootType(child, context) === "Sider"
-  ) : false;
-  const dir = direction ?? (hasSider ? "horizontal" : "vertical");
-  return /* @__PURE__ */ jsx41(
-    "div",
-    {
-      "data-slot": "layout",
-      "data-direction": dir,
-      className: cn(
-        "flex min-h-0 w-full h-full flex-1",
-        dir === "vertical" ? "flex-col" : "flex-row",
-        className
-      ),
-      style,
-      children: renderChildren(dslChildren)
-    }
-  );
-}
-function resolveRootType(node, context) {
-  if (node.component !== void 0) {
-    const def = context.pageComponents[node.component];
-    return def !== void 0 && "type" in def ? def.type : void 0;
-  }
-  return node.type;
-}
-
-// src/components/components/Link/index.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
-function Link({ href, text, target, className, style, children }) {
-  const handleSpaClick = useSpaLinkClick();
-  return /* @__PURE__ */ jsx42(
-    "a",
-    {
-      "data-slot": "link",
-      href,
-      target,
-      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
-    }
-  );
-}
-
-// src/components/components/Menubar/index.tsx
-import { jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
-function Menubar2({ menus = [], onSelect, className, style }) {
-  return /* @__PURE__ */ jsx43(Menubar, { className, style, children: menus.map((menu) => /* @__PURE__ */ jsxs29(MenubarMenu, { children: [
-    /* @__PURE__ */ jsx43(MenubarTrigger, { children: menu.label }),
-    /* @__PURE__ */ jsx43(MenubarContent, { children: menu.items.map((item) => /* @__PURE__ */ jsxs29(
-      MenubarItem,
-      {
-        disabled: item.disabled,
-        onClick: () => onSelect?.(item.value),
-        children: [
-          item.icon ? /* @__PURE__ */ jsx43(Icon, { name: item.icon, size: "sm" }) : null,
-          item.label
-        ]
-      },
-      item.value
-    )) })
-  ] }, menu.label)) });
-}
-
-// src/components/components/NavigationMenu/index.tsx
-import { Fragment as Fragment3, jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
-function NavigationMenu2({ items = [], className, style }) {
-  return /* @__PURE__ */ jsx44(NavigationMenu, { className, style, children: /* @__PURE__ */ jsx44(NavigationMenuList, { children: items.map((item, index) => /* @__PURE__ */ jsx44(NavigationMenuItem, { value: `item-${index}`, children: item.children && item.children.length > 0 ? /* @__PURE__ */ jsxs30(Fragment3, { children: [
-    /* @__PURE__ */ jsxs30(
-      NavigationMenuTrigger,
-      {
-        className: item.icon !== void 0 ? "gap-2" : void 0,
-        children: [
-          item.icon ? /* @__PURE__ */ jsx44(Icon, { name: item.icon, size: "sm" }) : null,
-          item.label
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx44(NavigationMenuContent, { children: /* @__PURE__ */ jsx44("ul", { className: "grid w-64 gap-1", children: item.children.map((child) => /* @__PURE__ */ jsx44("li", { children: /* @__PURE__ */ jsxs30(NavigationMenuLink, { href: child.href, children: [
-      /* @__PURE__ */ jsxs30(
-        "span",
-        {
-          className: child.icon !== void 0 ? "flex items-center gap-2 font-medium" : "font-medium",
-          children: [
-            child.icon ? /* @__PURE__ */ jsx44(Icon, { name: child.icon, size: "sm" }) : null,
-            child.label
-          ]
-        }
-      ),
-      child.description ? /* @__PURE__ */ jsx44("span", { className: "text-muted-foreground", children: child.description }) : null
-    ] }) }, child.href)) }) })
-  ] }) : /* @__PURE__ */ jsxs30(
-    NavigationMenuLink,
-    {
-      href: item.href,
-      className: cn(
-        navigationMenuTriggerStyle(),
-        item.icon !== void 0 && "gap-2"
-      ),
-      children: [
-        item.icon ? /* @__PURE__ */ jsx44(Icon, { name: item.icon, size: "sm" }) : null,
-        item.label
-      ]
-    }
-  ) }, `${item.label}-${index}`)) }) });
-}
-
-// src/components/components/NumberInput/index.tsx
-import { useI18n as useI18n7 } from "@pactor-app/runtime";
-import { ChevronDownIcon as ChevronDownIcon2, ChevronUpIcon } from "lucide-react";
-import { useEffect as useEffect9, useId as useId5, useState as useState12 } from "react";
-
-// src/components/components/Form/form-item.tsx
-import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
-function FieldShell({
-  layout,
-  label,
-  htmlFor,
-  error,
-  className,
-  style,
-  children
-}) {
-  return /* @__PURE__ */ jsxs31(
-    "div",
-    {
-      "data-slot": "form-item",
-      className: cn(formItemClass(layout), className),
-      style,
-      children: [
-        label ? /* @__PURE__ */ jsx45(
-          "label",
-          {
-            htmlFor,
-            className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
-            children: label
-          }
-        ) : null,
-        children,
-        error ? /* @__PURE__ */ jsx45("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
-      ]
-    }
-  );
-}
-
-// src/components/components/NumberInput/index.tsx
-import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
-function clamp(value, min, max) {
-  let next = value;
-  if (typeof min === "number" && next < min) next = min;
-  if (typeof max === "number" && next > max) next = max;
-  return next;
-}
-function applyPrecision(value, precision) {
-  if (typeof precision !== "number") return value;
-  const factor = 10 ** precision;
-  return Math.round(value * factor) / factor;
-}
-function toDisplayText(value) {
-  return typeof value === "number" && Number.isFinite(value) ? String(value) : "";
-}
-function NumberInput({
-  name,
-  label,
-  rules,
-  value,
-  min,
-  max,
-  step = 1,
-  precision,
-  placeholder,
-  disabled,
-  onChange,
-  className,
-  controlClassName,
-  style
-}) {
-  const form = useFormContext();
-  const { t } = useI18n7();
-  const controlId = useId5();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect9(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const fieldValue = inForm && form && name ? form.values[name] : void 0;
-  const externalValue = typeof fieldValue === "number" ? fieldValue : inForm ? void 0 : typeof value === "number" ? value : void 0;
-  const [text, setText] = useState12(() => toDisplayText(externalValue));
-  useEffect9(() => {
-    setText((current) => {
-      const parsed = current === "" ? void 0 : Number(current);
-      const currentNumber = parsed !== void 0 && Number.isFinite(parsed) ? applyPrecision(clamp(parsed, min, max), precision) : void 0;
-      return currentNumber === externalValue ? current : toDisplayText(externalValue);
-    });
-  }, [externalValue, min, max, precision]);
-  const commit = (next) => {
-    if (inForm && form && name) {
-      form.setValue(name, next);
-    }
-    onChange?.(next);
-  };
-  const stepBy = (direction) => {
-    const base = externalValue ?? 0;
-    const next = applyPrecision(clamp(base + direction * step, min, max), precision);
-    setText(toDisplayText(next));
-    commit(next);
-  };
-  const atMax = typeof max === "number" && externalValue !== void 0 && externalValue >= max;
-  const atMin = typeof min === "number" && externalValue !== void 0 && externalValue <= min;
-  const stepperClass = "flex flex-1 cursor-pointer items-center justify-center text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50";
-  const control = /* @__PURE__ */ jsxs32(
-    "span",
-    {
-      "data-slot": "number-input",
-      className: cn("relative block", !inForm && className),
-      style: !inForm ? style : void 0,
-      children: [
-        /* @__PURE__ */ jsx46(
-          Input,
-          {
-            id: controlId,
-            type: "number",
-            value: text,
-            min,
-            max,
-            step,
-            placeholder,
-            disabled,
-            className: cn(
-              "pr-7 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-              controlClassName
-            ),
-            onChange: (event) => {
-              const raw = event.target.value;
-              setText(raw);
-              if (raw === "") {
-                commit(void 0);
-                return;
-              }
-              const parsed = Number(raw);
-              if (!Number.isFinite(parsed)) return;
-              commit(applyPrecision(clamp(parsed, min, max), precision));
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxs32("span", { className: "absolute inset-y-0 right-0 flex w-7 flex-col divide-y divide-input border-l border-input", children: [
-          /* @__PURE__ */ jsx46(
-            "button",
-            {
-              type: "button",
-              tabIndex: -1,
-              "aria-label": t("pactor.numberInput.increase"),
-              disabled: disabled === true || atMax,
-              className: stepperClass,
-              onClick: () => stepBy(1),
-              children: /* @__PURE__ */ jsx46(ChevronUpIcon, { className: "size-3" })
-            }
-          ),
-          /* @__PURE__ */ jsx46(
-            "button",
-            {
-              type: "button",
-              tabIndex: -1,
-              "aria-label": t("pactor.numberInput.decrease"),
-              disabled: disabled === true || atMin,
-              className: stepperClass,
-              onClick: () => stepBy(-1),
-              children: /* @__PURE__ */ jsx46(ChevronDownIcon2, { className: "size-3" })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-  if (inForm && form && name) {
-    return /* @__PURE__ */ jsx46(
-      FieldShell,
-      {
-        layout: form.layout,
-        label,
-        htmlFor: controlId,
-        error: form.errors[name],
-        className,
-        style,
-        children: control
-      }
-    );
-  }
-  return control;
-}
-
-// src/components/components/Page/index.tsx
-import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
-function Page({ title, className, style, children }) {
-  return /* @__PURE__ */ jsxs33("div", { "data-slot": "page", className: cn("p-6", className), style, children: [
-    title ? /* @__PURE__ */ jsx47("h2", { "data-slot": "page-title", className: "mb-5 text-xl font-semibold", children: title }) : null,
-    /* @__PURE__ */ jsx47("div", { "data-slot": "page-content", className: "space-y-5", children })
-  ] });
-}
-
-// src/components/components/Pagination/index.tsx
-import { useState as useState13 } from "react";
-import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
-function pageItems(current, count) {
-  if (count <= 7) {
-    return Array.from({ length: count }, (_, i) => i + 1);
-  }
-  if (current <= 4) {
-    return [1, 2, 3, 4, 5, "ellipsis", count];
-  }
-  if (current >= count - 3) {
-    return [1, "ellipsis", count - 4, count - 3, count - 2, count - 1, count];
-  }
-  return [1, "ellipsis", current - 1, current, current + 1, "ellipsis", count];
-}
-function Pagination2({
-  total = 0,
-  pageSize = 10,
-  page,
-  onChange,
-  className,
-  style
-}) {
-  const [innerPage, setInnerPage] = useState13(1);
-  const pageCount = Math.max(1, Math.ceil(total / Math.max(1, pageSize)));
-  const current = Math.min(Math.max(1, page ?? innerPage), pageCount);
-  const goTo = (next) => {
-    const target = Math.min(Math.max(1, next), pageCount);
-    if (target === current) {
-      return;
-    }
-    if (page === void 0) {
-      setInnerPage(target);
-    }
-    onChange?.(target);
-  };
-  return /* @__PURE__ */ jsx48(Pagination, { className, style, children: /* @__PURE__ */ jsxs34(PaginationContent, { children: [
-    /* @__PURE__ */ jsx48(PaginationItem, { children: /* @__PURE__ */ jsx48(
-      PaginationPrevious,
-      {
-        href: "#",
-        disabled: current <= 1,
-        onClick: (e) => {
-          e.preventDefault();
-          goTo(current - 1);
-        }
-      }
-    ) }),
-    pageItems(current, pageCount).map((item, index) => /* @__PURE__ */ jsx48(PaginationItem, { children: item === "ellipsis" ? /* @__PURE__ */ jsx48(PaginationEllipsis, {}) : /* @__PURE__ */ jsx48(
-      PaginationLink,
-      {
-        href: "#",
-        isActive: item === current,
-        onClick: (e) => {
-          e.preventDefault();
-          goTo(item);
-        },
-        children: item
-      }
-    ) }, item === "ellipsis" ? `ellipsis-${index}` : item)),
-    /* @__PURE__ */ jsx48(PaginationItem, { children: /* @__PURE__ */ jsx48(
-      PaginationNext,
-      {
-        href: "#",
-        disabled: current >= pageCount,
-        onClick: (e) => {
-          e.preventDefault();
-          goTo(current + 1);
-        }
-      }
-    ) })
-  ] }) });
-}
-
-// src/components/components/Popover/index.tsx
-import { useRenderer as useRenderer12 } from "@pactor-app/runtime";
-import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
-function isDslNode3(value) {
-  return typeof value === "object" && value !== null && typeof value.type === "string";
-}
-function Popover2({ content, children, className, style }) {
-  const { renderChildren } = useRenderer12();
-  return /* @__PURE__ */ jsxs35(Popover, { children: [
-    /* @__PURE__ */ jsx49(
-      PopoverTrigger,
-      {
-        nativeButton: false,
-        render: triggerWrapper("popover-trigger-wrap"),
-        children
-      }
-    ),
-    /* @__PURE__ */ jsx49(PopoverContent, { className, style, children: isDslNode3(content) ? renderChildren([content]) : content })
-  ] });
-}
-
-// src/components/components/Progress/index.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
-function Progress2({ value, className, style }) {
-  const resolved = typeof value === "number" && Number.isFinite(value) ? Math.min(100, Math.max(0, value)) : null;
-  return /* @__PURE__ */ jsx50(Progress, { value: resolved, className, style, children: /* @__PURE__ */ jsx50(ProgressTrack, { children: /* @__PURE__ */ jsx50(ProgressIndicator, {}) }) });
-}
-
-// src/components/components/RadioGroup/index.tsx
-import { useEffect as useEffect10, useId as useId6 } from "react";
-import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
-function RadioGroup2({
-  name,
-  label,
-  rules,
-  options = [],
-  direction = "vertical",
-  value,
-  disabled,
-  onChange,
-  className,
-  style
-}) {
-  const form = useFormContext();
-  const controlId = useId6();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect10(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const current = inForm && form && name ? form.values[name] : value;
-  const handleChange = (next) => {
-    if (inForm && form && name) {
-      form.setValue(name, next);
-    }
-    onChange?.(next);
-  };
-  const groupValue = current ?? "";
-  const group = /* @__PURE__ */ jsx51(
-    RadioGroup,
-    {
-      value: groupValue,
-      onValueChange: handleChange,
-      disabled,
-      name: inForm ? name : void 0,
-      className: cn(
-        direction === "horizontal" && "flex flex-wrap items-center gap-x-6 gap-y-2",
-        !inForm && className
-      ),
-      style: inForm ? void 0 : style,
-      children: options.map((option, index) => {
-        const optionId = `${controlId}-${index}`;
-        const optionDisabled = disabled || option.disabled;
-        return /* @__PURE__ */ jsxs36("span", { className: "inline-flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx51(
-            RadioGroupItem,
-            {
-              id: optionId,
-              value: option.value,
-              disabled: option.disabled
-            }
-          ),
-          /* @__PURE__ */ jsx51(
-            "label",
-            {
-              htmlFor: optionId,
-              className: cn(
-                "text-sm leading-none font-medium",
-                optionDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
-              ),
-              children: option.label
-            }
-          )
-        ] }, String(option.value));
-      })
-    }
-  );
-  if (inForm && form && name) {
-    return /* @__PURE__ */ jsx51(
-      FieldShell,
-      {
-        layout: form.layout,
-        label,
-        error: form.errors[name],
-        className,
-        style,
-        children: group
-      }
-    );
-  }
-  return group;
-}
-
-// src/components/components/Resizable/index.tsx
-import { useRenderer as useRenderer13 } from "@pactor-app/runtime";
-import { Fragment as Fragment4 } from "react";
-import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
-function Resizable({
-  panels = [],
-  direction = "horizontal",
-  className,
-  style
-}) {
-  const { renderChildren } = useRenderer13();
-  return /* @__PURE__ */ jsx52(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ jsxs37(Fragment4, { children: [
-    index > 0 ? /* @__PURE__ */ jsx52(ResizableHandle, { withHandle: true }) : null,
-    /* @__PURE__ */ jsx52(
-      Panel,
-      {
-        defaultSize: typeof panel.defaultSizePx === "number" ? `${panel.defaultSizePx}px` : typeof panel.defaultSize === "number" ? `${panel.defaultSize}%` : void 0,
-        minSize: typeof panel.minSizePx === "number" ? `${panel.minSizePx}px` : void 0,
-        maxSize: typeof panel.maxSizePx === "number" ? `${panel.maxSizePx}px` : void 0,
-        children: renderChildren(panel.children)
-      }
-    )
-  ] }, index)) });
-}
-
-// src/components/components/ScrollArea/index.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
-function ScrollArea2({
-  maxHeight,
-  maxWidth,
-  className,
-  style,
-  children
-}) {
-  return /* @__PURE__ */ jsx53(
-    ScrollArea,
-    {
-      className,
-      style: { maxHeight, maxWidth, ...style },
-      children
-    }
-  );
-}
-
-// src/components/components/Select/index.tsx
-import { useI18n as useI18n8 } from "@pactor-app/runtime";
-import { useEffect as useEffect11, useId as useId7 } from "react";
-import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
-function Select2({
-  name,
-  label,
-  rules,
-  options = [],
-  value,
-  placeholder,
-  disabled,
-  allowClear,
-  onChange,
-  className,
-  controlClassName,
-  style
-}) {
-  const form = useFormContext();
-  const { t } = useI18n8();
-  const controlId = useId7();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect11(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const current = inForm && form && name ? form.values[name] : value;
-  const selectedValue = current === void 0 || current === null || current === "" ? null : current;
-  const handleChange = (next) => {
-    if (inForm && form && name) {
-      form.setValue(name, next ?? void 0);
-    }
-    onChange?.(next ?? void 0);
-  };
-  const inFormRoot = inForm === true;
-  const select = /* @__PURE__ */ jsxs38(
-    "span",
-    {
-      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__ */ jsxs38(
-          Select,
-          {
-            items: options,
-            value: selectedValue,
-            onValueChange: handleChange,
-            disabled,
-            name: inForm ? name : void 0,
-            children: [
-              /* @__PURE__ */ jsx54(SelectTrigger, { id: controlId, className: inFormRoot ? "w-full" : void 0, children: /* @__PURE__ */ jsx54(SelectValue, { placeholder }) }),
-              /* @__PURE__ */ jsx54(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx54(
-                SelectItem,
-                {
-                  value: option.value,
-                  disabled: option.disabled,
-                  children: option.label
-                },
-                String(option.value)
-              )) })
-            ]
-          }
-        ),
-        allowClear && selectedValue !== null && !disabled ? /* @__PURE__ */ jsx54(
-          "button",
-          {
-            type: "button",
-            "aria-label": t("pactor.select.clear"),
-            className: "cursor-pointer text-muted-foreground hover:text-foreground",
-            onClick: () => {
-              if (inForm && form && name) {
-                form.setValue(name, void 0);
-              }
-              onChange?.(void 0);
-            },
-            children: "\xD7"
-          }
-        ) : null
-      ]
-    }
-  );
-  if (inForm && form && name) {
-    const error = form.errors[name];
-    return /* @__PURE__ */ jsxs38(
-      "div",
-      {
-        "data-slot": "form-item",
-        className: cn(formItemClass(form.layout), className),
-        style,
-        children: [
-          label ? /* @__PURE__ */ jsx54(
-            "label",
-            {
-              htmlFor: controlId,
-              className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
-              children: label
-            }
-          ) : null,
-          select,
-          error ? /* @__PURE__ */ jsx54("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
-        ]
-      }
-    );
-  }
-  return select;
-}
-
-// src/components/components/Separator/index.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
-function Separator2({ orientation = "horizontal", className, style }) {
-  return /* @__PURE__ */ jsx55(Separator, { orientation, className, style });
-}
-
-// src/components/components/Sheet/index.tsx
-import { jsx as jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
-function Sheet2({
-  title,
-  open,
-  side = "right",
-  onClose,
-  children,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsx56(
-    Sheet,
-    {
-      open: open ?? false,
-      onOpenChange: (next) => {
-        if (!next) {
-          onClose?.();
-        }
-      },
-      children: /* @__PURE__ */ jsxs39(SheetContent, { side, className, style, children: [
-        title ? /* @__PURE__ */ jsx56(SheetHeader, { children: /* @__PURE__ */ jsx56(SheetTitle, { children: title }) }) : null,
-        /* @__PURE__ */ jsx56("div", { className: "flex-1 overflow-auto px-4", children })
-      ] })
-    }
-  );
-}
-
-// src/components/components/Sider/index.tsx
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx57, jsxs as jsxs40 } from "react/jsx-runtime";
-function Sider({
-  width = 200,
-  collapsible,
-  collapsed,
-  collapsedWidth = 64,
-  onCollapse,
-  className,
-  style,
-  children
-}) {
-  const current = collapsed ? collapsedWidth : width;
-  return /* @__PURE__ */ jsxs40(
-    "aside",
-    {
-      "data-slot": "layout-sider",
-      "data-collapsed": collapsed || void 0,
-      className: cn(
-        "flex min-h-0 shrink-0 flex-col border-r bg-sidebar transition-[width]",
-        className
-      ),
-      style: { width: current, ...style },
-      children: [
-        /* @__PURE__ */ jsx57("div", { className: "min-h-0 flex-1 overflow-auto", children }),
-        collapsible ? /* @__PURE__ */ jsx57(
-          "button",
-          {
-            type: "button",
-            "aria-label": collapsed ? "expand sider" : "collapse sider",
-            className: "flex h-10 shrink-0 items-center justify-center border-t text-muted-foreground hover:text-foreground",
-            onClick: () => onCollapse?.(!collapsed),
-            children: collapsed ? /* @__PURE__ */ jsx57(ChevronRight, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ jsx57(ChevronLeft, { "aria-hidden": true, className: "size-4" })
-          }
-        ) : null
-      ]
-    }
-  );
-}
-
-// src/components/components/Skeleton/index.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
-var shapeDefaults = {
-  line: { className: "h-4 w-full", style: {} },
-  circle: { className: "rounded-full", style: { width: 40, height: 40 } },
-  rect: { className: "h-24 w-full", style: {} }
-};
-function toSize(value) {
-  return typeof value === "number" ? `${value}px` : value;
-}
-function Skeleton2({ shape = "line", width, height, className, style }) {
-  const defaults = shapeDefaults[shape];
-  return /* @__PURE__ */ jsx58(
-    Skeleton,
-    {
-      className: cn(defaults.className, className),
-      style: {
-        ...defaults.style,
-        width: toSize(width) ?? defaults.style.width,
-        height: toSize(height) ?? defaults.style.height,
-        ...style
-      }
-    }
-  );
-}
-
-// src/components/components/Slider/index.tsx
-import { useEffect as useEffect12 } from "react";
-import { jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
-function Slider2({
-  name,
-  label,
-  rules,
-  value,
-  min = 0,
-  max = 100,
-  step = 1,
-  disabled,
-  onChange,
-  className,
-  style
-}) {
-  const form = useFormContext();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect12(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const current = inForm && form && name ? form.values[name] : value;
-  const numberValue = typeof current === "number" ? current : min;
-  const handleChange = (next) => {
-    if (inForm && form && name) {
-      form.setValue(name, next);
-    }
-    onChange?.(next);
-  };
-  const slider = /* @__PURE__ */ jsx59(
-    Slider,
-    {
-      value: numberValue,
-      min,
-      max,
-      step,
-      disabled,
-      name: inForm ? name : void 0,
-      onValueChange: handleChange,
-      className: inForm ? void 0 : className,
-      style: inForm ? void 0 : style,
-      children: /* @__PURE__ */ jsxs41(SliderControl, { children: [
-        /* @__PURE__ */ jsx59(SliderTrack, { children: /* @__PURE__ */ jsx59(SliderIndicator, {}) }),
-        /* @__PURE__ */ jsx59(SliderThumb, {})
-      ] })
-    }
-  );
-  if (inForm && form && name) {
-    return /* @__PURE__ */ jsx59(
-      FieldShell,
-      {
-        layout: form.layout,
-        label,
-        error: form.errors[name],
-        className,
-        style,
-        children: slider
-      }
-    );
-  }
-  return slider;
-}
-
-// src/components/components/Sonner/index.tsx
-import { useRenderer as useRenderer14 } from "@pactor-app/runtime";
-import { useEffect as useEffect13 } from "react";
-import { jsx as jsx60 } from "react/jsx-runtime";
-function Sonner({ className, style }) {
-  const { context } = useRenderer14();
-  useEffect13(() => {
-    const { actions } = context;
-    if (actions.has("toast")) {
-      return;
-    }
-    actions.register("toast", (action) => {
-      const params = action.params ?? {};
-      toast(params["message"], {
-        description: params["description"],
-        variant: params["variant"]
-      });
-      return { ok: true };
-    });
-  }, [context]);
-  return /* @__PURE__ */ jsx60("div", { "data-slot": "sonner", className, style, children: /* @__PURE__ */ jsx60(Toaster, {}) });
-}
-
-// src/components/components/Spinner/index.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
-var sizeClass = {
-  sm: "size-3",
-  default: "size-4",
-  lg: "size-6"
-};
-function Spinner2({ size = "default", className, style }) {
-  return /* @__PURE__ */ jsx61(Spinner, { className: cn(sizeClass[size], className), style });
-}
-
-// src/components/components/Statistic/index.tsx
-import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
-function Statistic({ title, value, precision, suffix, className, style }) {
-  const display = typeof value === "number" && precision !== void 0 ? value.toFixed(precision) : value;
-  return /* @__PURE__ */ jsxs42("div", { "data-slot": "statistic", className: cn(className), style, children: [
-    title ? /* @__PURE__ */ jsx62("div", { "data-slot": "statistic-title", className: "text-sm text-muted-foreground", children: title }) : null,
-    /* @__PURE__ */ jsxs42("div", { "data-slot": "statistic-value", className: "text-2xl font-bold tabular-nums", children: [
-      display,
-      suffix ? /* @__PURE__ */ jsx62("span", { className: "ml-1 text-sm font-normal text-muted-foreground", children: suffix }) : null
-    ] })
-  ] });
-}
-
-// src/components/components/Switch/index.tsx
-import { useEffect as useEffect14, useId as useId8 } from "react";
-import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
-function Switch2({
-  name,
-  label,
-  rules,
-  value,
-  disabled,
-  onChange,
-  className,
-  style
-}) {
-  const form = useFormContext();
-  const controlId = useId8();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect14(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  const current = inForm && form && name ? form.values[name] : value;
-  const checked = current === true;
-  const handleChange = (next) => {
-    if (inForm && form && name) {
-      form.setValue(name, next);
-    }
-    onChange?.(next);
-  };
-  const control = /* @__PURE__ */ jsxs43(
-    "span",
-    {
-      className: cn("inline-flex items-center gap-2", !inForm && className),
-      style: inForm ? void 0 : style,
-      children: [
-        /* @__PURE__ */ jsx63(
-          Switch,
-          {
-            id: controlId,
-            checked,
-            disabled,
-            name: inForm ? name : void 0,
-            onCheckedChange: handleChange
-          }
-        ),
-        label ? /* @__PURE__ */ jsx63("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
-      ]
-    }
-  );
-  if (inForm && form && name) {
-    return /* @__PURE__ */ jsxs43(
-      "div",
-      {
-        "data-slot": "form-item",
-        className: cn("mb-4", className),
-        style,
-        children: [
-          control,
-          form.errors[name] ? /* @__PURE__ */ jsx63("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
-        ]
-      }
-    );
-  }
-  return control;
-}
-
-// src/components/components/Table/index.tsx
-import { useI18n as useI18n9, useRenderer as useRenderer15 } from "@pactor-app/runtime";
-import { useState as useState14 } from "react";
-import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
-function renderCellValue2(value) {
-  if (value === void 0 || value === null) {
-    return "";
-  }
-  if (typeof value === "object") {
-    return JSON.stringify(value);
-  }
-  return String(value);
-}
-var columnAlignClass = {
-  left: void 0,
-  center: "text-center",
-  right: "text-right"
-};
-function Table2({
-  columns = [],
-  dataSource = [],
-  rowKey = "id",
-  loading,
-  pagination,
-  onChange,
-  className,
-  style
-}) {
-  const { renderChildren } = useRenderer15();
-  const { t } = useI18n9();
-  const [current, setCurrent] = useState14(1);
-  const pageSize = pagination === false ? void 0 : pagination?.pageSize;
-  const total = dataSource.length;
-  const pageCount = pageSize !== void 0 && pageSize > 0 ? Math.max(1, Math.ceil(total / pageSize)) : 1;
-  const pageRows = pageSize !== void 0 && pageSize > 0 ? dataSource.slice((current - 1) * pageSize, current * pageSize) : dataSource;
-  const goToPage = (page) => {
-    setCurrent(page);
-    onChange?.({ current: page, pageSize, total });
-  };
-  return /* @__PURE__ */ jsxs44("div", { "data-slot": "dsl-table", className: cn("relative", className), style, children: [
-    loading ? /* @__PURE__ */ jsx64(
-      "div",
-      {
-        "data-slot": "table-loading",
-        className: "absolute inset-0 z-10 flex items-center justify-center bg-card/60 text-sm text-muted-foreground",
-        children: t("pactor.table.loading")
-      }
-    ) : null,
-    /* @__PURE__ */ jsxs44(Table, { children: [
-      /* @__PURE__ */ jsx64(TableHeader, { children: /* @__PURE__ */ jsx64(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => /* @__PURE__ */ jsx64(
-        TableHead,
-        {
-          className: column.align ? columnAlignClass[column.align] : void 0,
-          style: column.width !== void 0 ? { width: column.width } : void 0,
-          children: column.title
-        },
-        column.dataIndex ?? String(index)
-      )) }) }),
-      /* @__PURE__ */ jsx64(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx64(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx64(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ jsx64(
-        "div",
-        {
-          "data-slot": "table-empty",
-          className: "py-8 text-center text-muted-foreground",
-          children: t("pactor.table.empty")
-        }
-      ) }) }) : pageRows.map((row, rowIndex) => {
-        const key = row[rowKey];
-        return /* @__PURE__ */ jsx64(
-          TableRow,
-          {
-            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx64(
-              TableCell,
-              {
-                className: column.align ? columnAlignClass[column.align] : void 0,
-                children: column.cell ? renderChildren([column.cell], { row, rowIndex }) : renderCellValue2(
-                  column.dataIndex === void 0 ? void 0 : row[column.dataIndex]
-                )
-              },
-              column.dataIndex ?? String(columnIndex)
-            ))
-          },
-          key === void 0 || key === null ? rowIndex : String(key)
-        );
-      }) })
-    ] }),
-    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ jsx64("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
-      (page) => /* @__PURE__ */ jsx64(
-        Button,
-        {
-          type: "button",
-          size: "sm",
-          variant: page === current ? "default" : "outline",
-          "aria-current": page === current ? "page" : void 0,
-          onClick: () => goToPage(page),
-          children: page
-        },
-        page
-      )
-    ) }) : null
-  ] });
-}
-
-// src/components/components/Tabs/index.tsx
-import { useRenderer as useRenderer16 } from "@pactor-app/runtime";
-import { jsx as jsx65, jsxs as jsxs45 } from "react/jsx-runtime";
-function Tabs2({
-  items = [],
-  activeKey,
-  variant,
-  onChange,
-  contentClassName,
-  contentStyle,
-  className,
-  style
-}) {
-  const { renderChildren } = useRenderer16();
-  return /* @__PURE__ */ jsxs45(
-    Tabs,
-    {
-      value: activeKey,
-      defaultValue: activeKey === void 0 ? items[0]?.key : void 0,
-      onValueChange: (key) => onChange?.(key),
-      className,
-      style,
-      children: [
-        /* @__PURE__ */ jsx65(TabsList, { variant, children: items.map((item) => /* @__PURE__ */ jsx65(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
-        items.map((item) => /* @__PURE__ */ jsx65(
-          TabsContent,
-          {
-            value: item.key,
-            className: cn(contentClassName, item.className),
-            style: { ...contentStyle, ...item.style },
-            children: renderChildren(item.children)
-          },
-          item.key
-        ))
-      ]
-    }
-  );
-}
-
-// src/components/components/Text/index.tsx
-import { jsx as jsx66 } from "react/jsx-runtime";
-var typeClassMap = {
-  default: "",
-  secondary: "text-muted-foreground",
-  success: "text-success",
-  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,
-  italic,
-  className,
-  style,
-  children
-}) {
-  return /* @__PURE__ */ jsx66(
-    "span",
-    {
-      "data-slot": "text",
-      "data-type": type,
-      className: cn(
-        typeClassMap[type],
-        sizeClassMap[size],
-        strong && "font-semibold",
-        del && "line-through",
-        underline && "underline",
-        italic && "italic",
-        className
-      ),
-      style,
-      children: text ?? children
-    }
-  );
-}
-
-// src/components/components/Textarea/index.tsx
-import { useEffect as useEffect15, useId as useId9 } from "react";
-import { jsx as jsx67 } from "react/jsx-runtime";
-function Textarea2({
-  name,
-  label,
-  rules,
-  value,
-  placeholder,
-  rows,
-  disabled,
-  onChange,
-  className,
-  style
-}) {
-  const form = useFormContext();
-  const controlId = useId9();
-  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect15(() => {
-    if (inForm && form && name) {
-      form.registerField(name, rules, value);
-      return () => form.unregisterField(name);
-    }
-    return void 0;
-  });
-  if (inForm && form && name) {
-    const fieldValue = form.values[name];
-    return /* @__PURE__ */ jsx67(
-      FieldShell,
-      {
-        layout: form.layout,
-        label,
-        htmlFor: controlId,
-        error: form.errors[name],
-        className,
-        style,
-        children: /* @__PURE__ */ jsx67(
-          Textarea,
-          {
-            id: controlId,
-            value: typeof fieldValue === "string" ? fieldValue : "",
-            placeholder,
-            rows,
-            disabled,
-            onChange: (event) => {
-              form.setValue(name, event.target.value);
-              onChange?.(event.target.value);
-            }
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx67(
-    Textarea,
-    {
-      value: value ?? "",
-      placeholder,
-      rows,
-      disabled,
-      className,
-      style,
-      onChange: (event) => onChange?.(event.target.value)
-    }
-  );
-}
-
-// src/components/components/Toggle/index.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
-function Toggle2({
-  text,
-  pressed,
-  variant,
-  size,
-  disabled,
-  onChange,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsx68(
-    Toggle,
-    {
-      pressed,
-      variant,
-      size,
-      disabled,
-      onPressedChange: (next) => onChange?.(next),
-      className,
-      style,
-      children: text
-    }
-  );
-}
-
-// src/components/components/ToggleGroup/index.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
-function ToggleGroup2({
-  options = [],
-  value,
-  multiple,
-  disabled,
-  onChange,
-  className,
-  style
-}) {
-  const groupValue = value === void 0 ? void 0 : Array.isArray(value) ? value : [value];
-  const handleChange = (next) => {
-    if (multiple) {
-      onChange?.(next);
-    } else {
-      const previous = groupValue ?? [];
-      const added = next.find((item) => !previous.includes(item));
-      onChange?.(added ?? void 0);
-    }
-  };
-  return /* @__PURE__ */ jsx69(
-    ToggleGroup,
-    {
-      value: groupValue,
-      multiple,
-      disabled,
-      onValueChange: (next) => handleChange(next),
-      className,
-      style,
-      children: options.map((option) => /* @__PURE__ */ jsx69(
-        ToggleGroupItem,
-        {
-          value: option.value,
-          disabled: option.disabled,
-          children: option.label
-        },
-        option.value
-      ))
-    }
-  );
-}
-
-// src/components/components/Tooltip/index.tsx
-import { jsx as jsx70, jsxs as jsxs46 } from "react/jsx-runtime";
-function Tooltip3({ content, children, className, style }) {
-  return /* @__PURE__ */ jsxs46(Tooltip, { children: [
-    /* @__PURE__ */ jsx70(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
-    /* @__PURE__ */ jsx70(TooltipContent, { className, style, children: content })
-  ] });
-}
-
-// src/components/components/Typography/index.tsx
-import { jsx as jsx71 } from "react/jsx-runtime";
-function Typography2({
-  variant = "p",
-  text,
-  className,
-  style
-}) {
-  return /* @__PURE__ */ jsx71(Typography, { variant, className, style, children: text });
-}
-
-// src/components/register.ts
-var builtinComponents = {
-  Page,
-  Grid,
-  Flex,
-  Card: Card2,
-  Button: Button2,
-  Alert: Alert2,
-  Statistic,
-  Tabs: Tabs2,
-  Table: Table2,
-  Form,
-  Input: Input2,
-  NumberInput,
-  Select: Select2,
-  // Layout 需要原始 DSL 子树做方向推导（含 Sider 判定），以 withScope 注册
-  Layout: { component: Layout, withScope: true },
-  Header,
-  Sider,
-  Content,
-  Footer,
-  Menu,
-  Link,
-  Text,
-  // 展示类扩展组件
-  Badge: Badge2,
-  Avatar: Avatar2,
-  Skeleton: Skeleton2,
-  Separator: Separator2,
-  Kbd: Kbd2,
-  Spinner: Spinner2,
-  Empty: Empty2,
-  AspectRatio: AspectRatio2,
-  Progress: Progress2,
-  // 表单类扩展组件
-  Textarea: Textarea2,
-  Checkbox: Checkbox2,
-  RadioGroup: RadioGroup2,
-  Switch: Switch2,
-  Slider: Slider2,
-  Label: Label2,
-  Field: Field2,
-  ChatInput,
-  // 导航类扩展组件
-  Breadcrumb: Breadcrumb2,
-  Pagination: Pagination2,
-  Menubar: Menubar2,
-  NavigationMenu: NavigationMenu2,
-  DropdownMenu: DropdownMenu2,
-  ContextMenu: ContextMenu2,
-  // 反馈与弹层类扩展组件
-  Dialog: Dialog2,
-  AlertDialog: AlertDialog2,
-  Drawer: Drawer2,
-  Sheet: Sheet2,
-  Popover: Popover2,
-  Sonner,
-  Accordion: Accordion2,
-  Collapsible: Collapsible2,
-  Tooltip: Tooltip3,
-  HoverCard: HoverCard2,
-  // 复合类扩展组件（第三批）
-  Calendar: Calendar2,
-  DatePicker,
-  InputOTP: InputOTP2,
-  Combobox: Combobox2,
-  Carousel: Carousel2,
-  Command: Command2,
-  Resizable,
-  ScrollArea: ScrollArea2,
-  Toggle: Toggle2,
-  ToggleGroup: ToggleGroup2,
-  ButtonGroup: ButtonGroup2,
-  InputGroup: InputGroup2,
-  Item: Item2,
-  Typography: Typography2,
-  // 页面级组合类扩展组件（第四批）
-  Sidebar,
-  DataTable,
-  Chart,
-  // 图标（lucide 白名单）
-  Icon
-};
-function registerBuiltinComponents(registry) {
-  for (const [type, component] of Object.entries(builtinComponents)) {
-    registry.register(type, component);
-  }
-}
-function createComponentRegistry() {
-  const registry = new Registry("ComponentRegistry");
-  registerBuiltinComponents(registry);
-  return registry;
-}
-
-export {
-  Accordion2 as Accordion,
-  Alert2 as Alert,
-  AlertDialog2 as AlertDialog,
-  AspectRatio2 as AspectRatio,
-  Avatar2 as Avatar,
-  Badge2 as Badge,
-  Breadcrumb2 as Breadcrumb,
-  Button2 as Button,
-  ButtonGroup2 as ButtonGroup,
-  useFormContext,
-  Calendar2 as Calendar,
-  Card2 as Card,
-  Carousel2 as Carousel,
-  Checkbox2 as Checkbox,
-  Collapsible2 as Collapsible,
-  Combobox2 as Combobox,
-  Command2 as Command,
-  Chart,
-  ChatInput,
-  Content,
-  ContextMenu2 as ContextMenu,
-  DataTable,
-  DatePicker,
-  Dialog2 as Dialog,
-  Drawer2 as Drawer,
-  DropdownMenu2 as DropdownMenu,
-  Empty2 as Empty,
-  Field2 as Field,
-  Flex,
-  Footer,
-  Form,
-  Grid,
-  Header,
-  HoverCard2 as HoverCard,
-  Input2 as Input,
-  InputGroup2 as InputGroup,
-  InputOTP2 as InputOTP,
-  Item2 as Item,
-  Kbd2 as Kbd,
-  Label2 as Label,
-  Layout,
-  Link,
-  Menubar2 as Menubar,
-  NavigationMenu2 as NavigationMenu,
-  NumberInput,
-  Page,
-  Pagination2 as Pagination,
-  Popover2 as Popover,
-  Progress2 as Progress,
-  RadioGroup2 as RadioGroup,
-  Resizable,
-  ScrollArea2 as ScrollArea,
-  Select2 as Select,
-  Separator2 as Separator,
-  Sheet2 as Sheet,
-  Sider,
-  Skeleton2 as Skeleton,
-  Slider2 as Slider,
-  Sonner,
-  Spinner2 as Spinner,
-  Statistic,
-  Switch2 as Switch,
-  Table2 as Table,
-  Tabs2 as Tabs,
-  Text,
-  Textarea2 as Textarea,
-  Toggle2 as Toggle,
-  ToggleGroup2 as ToggleGroup,
-  Tooltip3 as Tooltip,
-  Typography2 as Typography,
-  builtinComponents,
-  registerBuiltinComponents,
-  createComponentRegistry
-};