@pactor-app/ui 0.1.0 → 1.0.0

package/dist/chunk-FVZMNP5P.js

@@ -0,0 +1,3222 @@
+import {
+  Icon
+} from "./chunk-UR3I4WXQ.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,
+  Input,
+  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,
+  Separator,
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  Skeleton,
+  Slider,
+  SliderControl,
+  SliderIndicator,
+  SliderThumb,
+  SliderTrack,
+  Spinner,
+  Switch,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+  Typography,
+  chartColor,
+  navigationMenuTriggerStyle,
+  toast
+} from "./chunk-TUXCPXPA.js";
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle
+} from "./chunk-F3H23KYG.js";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-GL7IO22L.js";
+import {
+  cn
+} from "./chunk-RQHJBTEU.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"
+};
+function Alert2({ message, description, variant = "info", className, style }) {
+  return /* @__PURE__ */ jsxs2(Alert, { variant: variantMap[variant], className, style, children: [
+    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";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function Breadcrumb2({ items = [], className, style }) {
+  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, 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,
+  variant = "default",
+  danger,
+  size = "middle",
+  loading,
+  disabled,
+  submit,
+  onClick,
+  className,
+  style,
+  children
+}) {
+  const textual = variant === "link" || variant === "text";
+  return /* @__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" }) : null,
+        text ?? children
+      ]
+    }
+  );
+}
+
+// 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, className, style, children }) {
+  return /* @__PURE__ */ jsxs8(
+    Card,
+    {
+      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 useRenderer3 } 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 } = useRenderer3();
+  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/Content/index.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+function Content({ className, style, children }) {
+  return /* @__PURE__ */ jsx19(
+    "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 jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+function ContextMenu2({
+  items = [],
+  onSelect,
+  children,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsxs15(ContextMenu, { children: [
+    /* @__PURE__ */ jsx20(ContextMenuTrigger, { children }),
+    /* @__PURE__ */ jsx20(ContextMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ jsxs15(
+      ContextMenuItem,
+      {
+        variant: item.danger ? "destructive" : "default",
+        disabled: item.disabled,
+        onClick: () => onSelect?.(item.value),
+        children: [
+          item.icon ? /* @__PURE__ */ jsx20(Icon, { name: item.icon, size: "sm" }) : null,
+          item.label
+        ]
+      },
+      item.value
+    )) })
+  ] });
+}
+
+// src/components/components/DataTable/index.tsx
+import { useI18n as useI18n3, useRenderer as useRenderer4 } from "@pactor-app/runtime";
+import { ArrowDown, ArrowUp, ArrowUpDown } from "lucide-react";
+import { useMemo, useState as useState5 } from "react";
+import { jsx as jsx21, jsxs as jsxs16 } 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 } = useRenderer4();
+  const { t } = useI18n3();
+  const [sortState, setSortState] = useState5(sort);
+  const [filters, setFilters] = useState5({});
+  const [current, setCurrent] = useState5(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__ */ jsxs16("div", { "data-slot": "data-table", className: cn("relative", className), style, children: [
+    /* @__PURE__ */ jsxs16(Table, { children: [
+      /* @__PURE__ */ jsx21(TableHeader, { children: /* @__PURE__ */ jsx21(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => {
+        const sorted = sortState?.key === column.key;
+        return /* @__PURE__ */ jsx21(TableHead, { children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
+          column.sortable ? /* @__PURE__ */ jsxs16(
+            "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__ */ jsx21(ArrowUp, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ jsx21(ArrowDown, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ jsx21(
+                  ArrowUpDown,
+                  {
+                    "aria-hidden": true,
+                    className: "size-3.5 text-muted-foreground"
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ jsx21("span", { children: column.title }),
+          column.filterable ? /* @__PURE__ */ jsx21(
+            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__ */ jsx21(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx21(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx21(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ jsx21(
+        "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__ */ jsx21(
+          TableRow,
+          {
+            children: columns.map((column, columnIndex) => {
+              const template = column.children ?? column.renderChildren;
+              return /* @__PURE__ */ jsx21(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__ */ jsx21("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
+      (page) => /* @__PURE__ */ jsx21(
+        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/Dialog/index.tsx
+import { useRenderer as useRenderer5 } from "@pactor-app/runtime";
+import { useState as useState6 } from "react";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+function Dialog2({
+  title,
+  description,
+  open,
+  onClose,
+  trigger,
+  children,
+  className,
+  style
+}) {
+  const { renderChildren } = useRenderer5();
+  const [innerOpen, setInnerOpen] = useState6(false);
+  const controlled = open !== void 0;
+  const visible = controlled ? open : innerOpen;
+  return /* @__PURE__ */ jsxs17(
+    Dialog,
+    {
+      open: visible,
+      onOpenChange: (next) => {
+        if (!controlled) {
+          setInnerOpen(next);
+        }
+        if (!next) {
+          onClose?.();
+        }
+      },
+      children: [
+        trigger ? /* @__PURE__ */ jsx22(
+          DialogTrigger,
+          {
+            nativeButton: false,
+            render: triggerWrapper("dialog-trigger-wrap"),
+            children: renderChildren([trigger])
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs17(DialogContent, { className, style, children: [
+          title || description ? /* @__PURE__ */ jsxs17(DialogHeader, { children: [
+            title ? /* @__PURE__ */ jsx22(DialogTitle, { children: title }) : null,
+            description ? /* @__PURE__ */ jsx22(DialogDescription, { children: description }) : null
+          ] }) : null,
+          children
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/components/Drawer/index.tsx
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+function Drawer2({
+  title,
+  open,
+  placement = "right",
+  onClose,
+  children,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsx23(
+    Drawer,
+    {
+      direction: placement,
+      open: open ?? false,
+      onOpenChange: (next) => {
+        if (!next) {
+          onClose?.();
+        }
+      },
+      children: /* @__PURE__ */ jsxs18(DrawerContent, { className, style, children: [
+        title ? /* @__PURE__ */ jsx23(DrawerHeader, { children: /* @__PURE__ */ jsx23(DrawerTitle, { children: title }) }) : null,
+        /* @__PURE__ */ jsx23("div", { className: "flex-1 overflow-auto p-4", children })
+      ] })
+    }
+  );
+}
+
+// src/components/components/DropdownMenu/index.tsx
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+function DropdownMenu2({
+  items = [],
+  onSelect,
+  children,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsxs19(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx24(
+      DropdownMenuTrigger,
+      {
+        nativeButton: false,
+        render: triggerWrapper("dropdown-menu-trigger-wrap"),
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx24(DropdownMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ jsxs19(
+      DropdownMenuItem,
+      {
+        variant: item.danger ? "destructive" : "default",
+        disabled: item.disabled,
+        onClick: () => onSelect?.(item.value),
+        children: [
+          item.icon ? /* @__PURE__ */ jsx24(Icon, { name: item.icon, size: "sm" }) : null,
+          item.label
+        ]
+      },
+      item.value
+    )) })
+  ] });
+}
+
+// src/components/components/Empty/index.tsx
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+function Empty2({ title, description, children, className, style }) {
+  return /* @__PURE__ */ jsxs20(Empty, { className, style, children: [
+    /* @__PURE__ */ jsxs20(EmptyHeader, { children: [
+      title ? /* @__PURE__ */ jsx25(EmptyTitle, { children: title }) : null,
+      description ? /* @__PURE__ */ jsx25(EmptyDescription, { children: description }) : null
+    ] }),
+    children ? /* @__PURE__ */ jsx25(EmptyContent, { children }) : null
+  ] });
+}
+
+// src/components/components/Field/index.tsx
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+function Field2({ label, description, error, children, className, style }) {
+  return /* @__PURE__ */ jsxs21(Field, { className, style, children: [
+    label ? /* @__PURE__ */ jsx26(FieldLabel, { children: label }) : null,
+    children,
+    description ? /* @__PURE__ */ jsx26(FieldDescription, { children: description }) : null,
+    error ? /* @__PURE__ */ jsx26(FieldError, { match: true, children: error }) : null
+  ] });
+}
+
+// src/components/components/Flex/index.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+var gapClass = {
+  small: "gap-2",
+  middle: "gap-4",
+  large: "gap-6"
+};
+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__ */ jsx27(
+    "div",
+    {
+      "data-slot": "flex",
+      className: cn(
+        "flex",
+        direction === "vertical" && "flex-col",
+        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 jsx28 } from "react/jsx-runtime";
+function Footer({ className, style, children }) {
+  return /* @__PURE__ */ jsx28(
+    "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 useRenderer6 } from "@pactor-app/runtime";
+import {
+  useCallback,
+  useEffect as useEffect5,
+  useMemo as useMemo2,
+  useRef,
+  useState as useState7
+} from "react";
+import { jsx as jsx29 } 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 } = useRenderer6();
+  const [values, setValues] = useState7(() => ({
+    ...initialValues
+  }));
+  const [errors, setErrors] = useState7({});
+  const fieldRulesRef = useRef(/* @__PURE__ */ new Map());
+  const mergedInitialFieldsRef = useRef(/* @__PURE__ */ new Set());
+  const setValuesBatch = useCallback((partial) => {
+    setValues((prev) => ({ ...prev, ...partial }));
+  }, []);
+  useEffect5(() => {
+    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__ */ jsx29(FormContextProvider, { value: formContext, children: /* @__PURE__ */ jsx29(
+    "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 jsx30 } from "react/jsx-runtime";
+function Grid({ columns = 1, gap, className, style, children }) {
+  const cols = Math.max(1, columns);
+  return /* @__PURE__ */ jsx30(
+    "div",
+    {
+      "data-slot": "grid",
+      "data-columns": cols,
+      className: cn("grid", className),
+      style: {
+        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
+        ...gap !== void 0 ? { gap } : {},
+        ...style
+      },
+      children: Children.map(children, (child, index) => /* @__PURE__ */ jsx30("div", { "data-slot": "grid-item", children: child }, index))
+    }
+  );
+}
+
+// src/components/components/Header/index.tsx
+import { useI18n as useI18n4 } from "@pactor-app/runtime";
+import { ChevronDownIcon } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx31, jsxs as jsxs22 } 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,
+  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-background px-4",
+    className
+  );
+  if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales) {
+    return /* @__PURE__ */ jsx31("header", { "data-slot": "layout-header", className: rootClass, style, children });
+  }
+  const brandNode = hasBrand && /* @__PURE__ */ jsxs22("div", { "data-slot": "header-brand", className: "flex items-center gap-2", children: [
+    logo !== void 0 && /* @__PURE__ */ jsx31(
+      "img",
+      {
+        "data-slot": "header-brand-logo",
+        src: logo,
+        alt: title ?? "",
+        className: "h-8 w-8 shrink-0 object-contain"
+      }
+    ),
+    title !== void 0 && /* @__PURE__ */ jsx31("span", { "data-slot": "header-brand-title", className: "text-base font-semibold", children: title })
+  ] });
+  const dropdownNode = dropdown !== void 0 && /* @__PURE__ */ jsx31(HeaderDropdownArea, { dropdown, onSelect: onDropdownSelect });
+  const showLeft = brandLeft || dropdownLeft || hasMenu;
+  const showRight = dropdownRight || brandRight || hasLocales || hasUser;
+  return /* @__PURE__ */ jsxs22("header", { "data-slot": "layout-header", className: rootClass, style, children: [
+    showLeft && /* @__PURE__ */ jsxs22("div", { "data-slot": "header-left", className: "flex items-center gap-4", children: [
+      brandLeft && brandNode,
+      dropdownLeft && dropdownNode,
+      hasMenu && /* @__PURE__ */ jsx31(HeaderMenuArea, { items: menu, onSelect: onMenuSelect })
+    ] }),
+    /* @__PURE__ */ jsx31("div", { "data-slot": "header-center", className: "flex flex-1 items-center gap-4", children }),
+    showRight && /* @__PURE__ */ jsxs22("div", { "data-slot": "header-right", className: "flex items-center gap-4", children: [
+      dropdownRight && dropdownNode,
+      brandRight && brandNode,
+      hasLocales && /* @__PURE__ */ jsx31(HeaderLocalesArea, { locales, onSelect: onLocaleChange }),
+      hasUser && /* @__PURE__ */ jsx31(HeaderUserArea, { user, onSelect: onUserSelect })
+    ] })
+  ] });
+}
+function HeaderDropdownArea({
+  dropdown,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs22(
+      DropdownMenuTrigger,
+      {
+        "data-slot": "header-dropdown",
+        className: cn(menuItemClass, "outline-hidden"),
+        children: [
+          dropdown.label,
+          /* @__PURE__ */ jsx31(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx31(DropdownMenuContent, { children: dropdown.items.map((item) => /* @__PURE__ */ jsxs22(
+      DropdownMenuItem,
+      {
+        disabled: item.disabled,
+        onClick: () => onSelect?.(item.value),
+        children: [
+          item.icon ? /* @__PURE__ */ jsx31(Icon, { name: item.icon, size: "sm" }) : null,
+          item.label
+        ]
+      },
+      item.value
+    )) })
+  ] });
+}
+function HeaderMenuArea({
+  items,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsx31("nav", { "data-slot": "header-menu", className: "flex items-center gap-1", children: items.map(
+    (item) => item.children !== void 0 && item.children.length > 0 ? /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
+      /* @__PURE__ */ jsxs22(
+        DropdownMenuTrigger,
+        {
+          "data-slot": "header-menu-item",
+          "data-key": item.key,
+          className: cn(menuItemClass, "outline-hidden"),
+          children: [
+            item.icon ? /* @__PURE__ */ jsx31(Icon, { name: item.icon, size: "sm" }) : null,
+            item.label,
+            /* @__PURE__ */ jsx31(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx31(DropdownMenuContent, { children: item.children.map((child) => /* @__PURE__ */ jsx31(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
+    ] }, item.key) : /* @__PURE__ */ jsxs22(
+      "button",
+      {
+        type: "button",
+        "data-slot": "header-menu-item",
+        "data-key": item.key,
+        className: menuItemClass,
+        onClick: () => onSelect?.(item.key),
+        children: [
+          item.icon ? /* @__PURE__ */ jsx31(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__ */ jsxs22(DropdownMenuSub, { children: [
+      /* @__PURE__ */ jsxs22(DropdownMenuSubTrigger, { "data-key": item.key, children: [
+        item.icon ? /* @__PURE__ */ jsx31(Icon, { name: item.icon, size: "sm" }) : null,
+        item.label
+      ] }),
+      /* @__PURE__ */ jsx31(DropdownMenuSubContent, { children: item.children.map((child) => /* @__PURE__ */ jsx31(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs22(DropdownMenuItem, { "data-key": item.key, onClick: () => onSelect?.(item.key), children: [
+    item.icon ? /* @__PURE__ */ jsx31(Icon, { name: item.icon, size: "sm" }) : null,
+    item.label
+  ] });
+}
+function HeaderUserArea({
+  user,
+  onSelect
+}) {
+  const identity = /* @__PURE__ */ jsxs22(Fragment2, { children: [
+    /* @__PURE__ */ jsxs22(Avatar, { className: "size-7", children: [
+      user.avatar !== void 0 && /* @__PURE__ */ jsx31(AvatarImage, { src: user.avatar, alt: user.name }),
+      /* @__PURE__ */ jsx31(AvatarFallback, { children: user.name.charAt(0) })
+    ] }),
+    /* @__PURE__ */ jsx31("span", { className: "text-sm", children: user.name })
+  ] });
+  if (user.items === void 0 || user.items.length === 0) {
+    return /* @__PURE__ */ jsx31("div", { "data-slot": "header-user", className: "flex items-center gap-2", children: identity });
+  }
+  return /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx31(
+      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",
+        children: identity
+      }
+    ),
+    /* @__PURE__ */ jsx31(DropdownMenuContent, { align: "end", children: user.items.map((item) => /* @__PURE__ */ jsxs22(DropdownMenuItem, { onClick: () => onSelect?.(item.value), children: [
+      item.icon ? /* @__PURE__ */ jsx31(Icon, { name: item.icon, size: "sm" }) : null,
+      item.label
+    ] }, item.value)) })
+  ] });
+}
+function HeaderLocalesArea({
+  locales,
+  onSelect
+}) {
+  const { locale } = useI18n4();
+  const current = locales.find((option) => option.value === locale);
+  return /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs22(
+      DropdownMenuTrigger,
+      {
+        "data-slot": "header-locales",
+        className: cn(menuItemClass, "outline-hidden"),
+        children: [
+          current?.label ?? locale,
+          /* @__PURE__ */ jsx31(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx31(DropdownMenuContent, { align: "end", children: locales.map((option) => /* @__PURE__ */ jsx31(
+      DropdownMenuItem,
+      {
+        onClick: () => onSelect?.(option.value),
+        children: option.label
+      },
+      option.value
+    )) })
+  ] });
+}
+
+// src/components/components/HoverCard/index.tsx
+import { useRenderer as useRenderer7 } from "@pactor-app/runtime";
+import { jsx as jsx32, jsxs as jsxs23 } 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 } = useRenderer7();
+  return /* @__PURE__ */ jsxs23(HoverCard, { children: [
+    /* @__PURE__ */ jsx32(HoverCardTrigger, { render: triggerWrapper("hover-card-trigger-wrap"), children }),
+    /* @__PURE__ */ jsx32(HoverCardContent, { className, style, children: isDslNode2(content) ? renderChildren([content]) : content })
+  ] });
+}
+
+// src/components/components/Input/index.tsx
+import { useEffect as useEffect6, useId as useId3 } from "react";
+import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
+function Input2({
+  name,
+  label,
+  rules,
+  value,
+  type = "text",
+  placeholder,
+  disabled,
+  onChange,
+  className,
+  style
+}) {
+  const form = useFormContext();
+  const controlId = useId3();
+  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
+  useEffect6(() => {
+    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];
+    const error = form.errors[name];
+    return /* @__PURE__ */ jsxs24(
+      "div",
+      {
+        "data-slot": "form-item",
+        className: cn(formItemClass(form.layout), className),
+        style,
+        children: [
+          label ? /* @__PURE__ */ jsx33(
+            "label",
+            {
+              htmlFor: controlId,
+              className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
+              children: label
+            }
+          ) : null,
+          /* @__PURE__ */ jsx33(
+            Input,
+            {
+              id: controlId,
+              type,
+              value: typeof fieldValue === "string" ? fieldValue : "",
+              placeholder,
+              disabled,
+              onChange: (event) => {
+                form.setValue(name, event.target.value);
+                onChange?.(event.target.value);
+              }
+            }
+          ),
+          error ? /* @__PURE__ */ jsx33("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx33(
+    Input,
+    {
+      type,
+      value: value ?? "",
+      placeholder,
+      disabled,
+      className,
+      style,
+      onChange: (event) => onChange?.(event.target.value)
+    }
+  );
+}
+
+// src/components/components/InputGroup/index.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+function InputGroup2({ className, style, children }) {
+  return /* @__PURE__ */ jsx34(InputGroup, { className, style, children });
+}
+
+// src/components/components/InputOTP/index.tsx
+import { useEffect as useEffect7, useState as useState8 } from "react";
+import { jsx as jsx35, jsxs as jsxs25 } 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 !== "";
+  useEffect7(() => {
+    if (inForm && form && name) {
+      form.registerField(name, rules, value);
+      return () => form.unregisterField(name);
+    }
+    return void 0;
+  });
+  const [innerValue, setInnerValue] = useState8(typeof value === "string" ? value : "");
+  useEffect7(() => {
+    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__ */ jsx35(
+    InputOTP,
+    {
+      maxLength: length,
+      value: current,
+      onChange: handleChange,
+      disabled,
+      children: /* @__PURE__ */ jsx35(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx35(InputOTPSlot, { index }, index)) })
+    }
+  );
+  if (inForm && form && name) {
+    const error = form.errors[name];
+    return /* @__PURE__ */ jsxs25(
+      "div",
+      {
+        "data-slot": "form-item",
+        className: cn(formItemClass(form.layout), className),
+        style,
+        children: [
+          label ? /* @__PURE__ */ jsx35("label", { 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 /* @__PURE__ */ jsx35("div", { "data-slot": "input-otp-field", className: cn("inline-block", className), style, children: control });
+}
+
+// src/components/components/Item/index.tsx
+import { useRenderer as useRenderer8 } from "@pactor-app/runtime";
+import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
+function Item2({
+  title,
+  description,
+  media,
+  actions,
+  className,
+  style
+}) {
+  const { renderChildren } = useRenderer8();
+  const mediaNodes = media === void 0 ? [] : Array.isArray(media) ? media : [media];
+  return /* @__PURE__ */ jsxs26(Item, { className, style, children: [
+    mediaNodes.length > 0 ? /* @__PURE__ */ jsx36(ItemMedia, { children: renderChildren(mediaNodes) }) : null,
+    /* @__PURE__ */ jsxs26(ItemContent, { children: [
+      title ? /* @__PURE__ */ jsx36(ItemTitle, { children: title }) : null,
+      description ? /* @__PURE__ */ jsx36(ItemDescription, { children: description }) : null
+    ] }),
+    actions && actions.length > 0 ? /* @__PURE__ */ jsx36(ItemActions, { children: renderChildren(actions) }) : null
+  ] });
+}
+
+// src/components/components/Kbd/index.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+function Kbd2({ text, className, style }) {
+  return /* @__PURE__ */ jsx37(Kbd, { className, style, children: text });
+}
+
+// src/components/components/Label/index.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
+function Label2({ text, htmlFor, className, style }) {
+  return /* @__PURE__ */ jsx38(Label, { htmlFor, className, style, children: text });
+}
+
+// src/components/components/Layout/index.tsx
+import { isDslSourceRef } from "@pactor-app/core";
+import { useRenderer as useRenderer9 } from "@pactor-app/runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
+function Layout({ direction, className, style, dslChildren }) {
+  const { renderChildren, context } = useRenderer9();
+  const hasSider = Array.isArray(dslChildren) ? dslChildren.some(
+    (child) => !isDslSourceRef(child) && resolveRootType(child, context) === "Sider"
+  ) : false;
+  const dir = direction ?? (hasSider ? "horizontal" : "vertical");
+  return /* @__PURE__ */ jsx39(
+    "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 jsx40 } from "react/jsx-runtime";
+function Link({ href, text, target, className, style, children }) {
+  return /* @__PURE__ */ jsx40(
+    "a",
+    {
+      "data-slot": "link",
+      href,
+      target,
+      rel: target === "_blank" ? "noreferrer" : void 0,
+      className: cn("text-primary underline-offset-4 hover:underline", className),
+      style,
+      children: text ?? children
+    }
+  );
+}
+
+// src/components/components/Menu/index.tsx
+import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
+function Menu({
+  items = [],
+  mode = "inline",
+  selectedKey,
+  onSelect,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsx41(
+    "nav",
+    {
+      "data-slot": "menu",
+      "data-mode": mode,
+      className: cn(
+        mode === "horizontal" ? "flex items-center gap-1" : "flex flex-col gap-0.5 p-2",
+        className
+      ),
+      style,
+      children: items.map((item) => /* @__PURE__ */ jsx41(
+        MenuEntry,
+        {
+          item,
+          mode,
+          depth: 0,
+          selectedKey,
+          onSelect
+        },
+        item.key
+      ))
+    }
+  );
+}
+function MenuEntry({
+  item,
+  mode,
+  depth,
+  selectedKey,
+  onSelect
+}) {
+  const selected = item.key === selectedKey;
+  return /* @__PURE__ */ jsxs27("div", { "data-slot": "menu-entry", "data-key": item.key, children: [
+    /* @__PURE__ */ jsxs27(
+      "button",
+      {
+        type: "button",
+        "data-slot": "menu-item",
+        "aria-current": selected ? "page" : void 0,
+        className: cn(
+          "flex w-full items-center gap-2 rounded-md text-sm transition-colors",
+          mode === "horizontal" ? "px-3 py-2" : "px-3 py-2 text-left",
+          selected ? "bg-accent font-medium text-accent-foreground" : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"
+        ),
+        style: mode === "inline" && depth > 0 ? { paddingLeft: 12 + depth * 16 } : void 0,
+        onClick: () => onSelect?.(item.key),
+        children: [
+          item.icon ? /* @__PURE__ */ jsx41(Icon, { name: item.icon, size: "sm" }) : null,
+          item.label
+        ]
+      }
+    ),
+    item.children?.map((child) => /* @__PURE__ */ jsx41(
+      MenuEntry,
+      {
+        item: child,
+        mode,
+        depth: depth + 1,
+        selectedKey,
+        onSelect
+      },
+      child.key
+    ))
+  ] });
+}
+
+// src/components/components/Menubar/index.tsx
+import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
+function Menubar2({ menus = [], onSelect, className, style }) {
+  return /* @__PURE__ */ jsx42(Menubar, { className, style, children: menus.map((menu) => /* @__PURE__ */ jsxs28(MenubarMenu, { children: [
+    /* @__PURE__ */ jsx42(MenubarTrigger, { children: menu.label }),
+    /* @__PURE__ */ jsx42(MenubarContent, { children: menu.items.map((item) => /* @__PURE__ */ jsxs28(
+      MenubarItem,
+      {
+        disabled: item.disabled,
+        onClick: () => onSelect?.(item.value),
+        children: [
+          item.icon ? /* @__PURE__ */ jsx42(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 jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
+function NavigationMenu2({ items = [], className, style }) {
+  return /* @__PURE__ */ jsx43(NavigationMenu, { className, style, children: /* @__PURE__ */ jsx43(NavigationMenuList, { children: items.map((item, index) => /* @__PURE__ */ jsx43(NavigationMenuItem, { value: `item-${index}`, children: item.children && item.children.length > 0 ? /* @__PURE__ */ jsxs29(Fragment3, { children: [
+    /* @__PURE__ */ jsxs29(
+      NavigationMenuTrigger,
+      {
+        className: item.icon !== void 0 ? "gap-2" : void 0,
+        children: [
+          item.icon ? /* @__PURE__ */ jsx43(Icon, { name: item.icon, size: "sm" }) : null,
+          item.label
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx43(NavigationMenuContent, { children: /* @__PURE__ */ jsx43("ul", { className: "grid w-64 gap-1", children: item.children.map((child) => /* @__PURE__ */ jsx43("li", { children: /* @__PURE__ */ jsxs29(NavigationMenuLink, { href: child.href, children: [
+      /* @__PURE__ */ jsxs29(
+        "span",
+        {
+          className: child.icon !== void 0 ? "flex items-center gap-2 font-medium" : "font-medium",
+          children: [
+            child.icon ? /* @__PURE__ */ jsx43(Icon, { name: child.icon, size: "sm" }) : null,
+            child.label
+          ]
+        }
+      ),
+      child.description ? /* @__PURE__ */ jsx43("span", { className: "text-muted-foreground", children: child.description }) : null
+    ] }) }, child.href)) }) })
+  ] }) : /* @__PURE__ */ jsxs29(
+    NavigationMenuLink,
+    {
+      href: item.href,
+      className: cn(
+        navigationMenuTriggerStyle(),
+        item.icon !== void 0 && "gap-2"
+      ),
+      children: [
+        item.icon ? /* @__PURE__ */ jsx43(Icon, { name: item.icon, size: "sm" }) : null,
+        item.label
+      ]
+    }
+  ) }, `${item.label}-${index}`)) }) });
+}
+
+// src/components/components/Page/index.tsx
+import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
+function Page({ title, className, style, children }) {
+  return /* @__PURE__ */ jsxs30("div", { "data-slot": "page", className: cn("p-6", className), style, children: [
+    title ? /* @__PURE__ */ jsx44("h2", { "data-slot": "page-title", className: "mb-5 text-xl font-semibold", children: title }) : null,
+    /* @__PURE__ */ jsx44("div", { "data-slot": "page-content", className: "space-y-5", children })
+  ] });
+}
+
+// src/components/components/Pagination/index.tsx
+import { useState as useState9 } from "react";
+import { jsx as jsx45, jsxs as jsxs31 } 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] = useState9(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__ */ jsx45(Pagination, { className, style, children: /* @__PURE__ */ jsxs31(PaginationContent, { children: [
+    /* @__PURE__ */ jsx45(PaginationItem, { children: /* @__PURE__ */ jsx45(
+      PaginationPrevious,
+      {
+        href: "#",
+        disabled: current <= 1,
+        onClick: (e) => {
+          e.preventDefault();
+          goTo(current - 1);
+        }
+      }
+    ) }),
+    pageItems(current, pageCount).map((item, index) => /* @__PURE__ */ jsx45(PaginationItem, { children: item === "ellipsis" ? /* @__PURE__ */ jsx45(PaginationEllipsis, {}) : /* @__PURE__ */ jsx45(
+      PaginationLink,
+      {
+        href: "#",
+        isActive: item === current,
+        onClick: (e) => {
+          e.preventDefault();
+          goTo(item);
+        },
+        children: item
+      }
+    ) }, item === "ellipsis" ? `ellipsis-${index}` : item)),
+    /* @__PURE__ */ jsx45(PaginationItem, { children: /* @__PURE__ */ jsx45(
+      PaginationNext,
+      {
+        href: "#",
+        disabled: current >= pageCount,
+        onClick: (e) => {
+          e.preventDefault();
+          goTo(current + 1);
+        }
+      }
+    ) })
+  ] }) });
+}
+
+// src/components/components/Popover/index.tsx
+import { useRenderer as useRenderer10 } from "@pactor-app/runtime";
+import { jsx as jsx46, jsxs as jsxs32 } 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 } = useRenderer10();
+  return /* @__PURE__ */ jsxs32(Popover, { children: [
+    /* @__PURE__ */ jsx46(
+      PopoverTrigger,
+      {
+        nativeButton: false,
+        render: triggerWrapper("popover-trigger-wrap"),
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx46(PopoverContent, { className, style, children: isDslNode3(content) ? renderChildren([content]) : content })
+  ] });
+}
+
+// src/components/components/Progress/index.tsx
+import { jsx as jsx47 } 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__ */ jsx47(Progress, { value: resolved, className, style, children: /* @__PURE__ */ jsx47(ProgressTrack, { children: /* @__PURE__ */ jsx47(ProgressIndicator, {}) }) });
+}
+
+// src/components/components/RadioGroup/index.tsx
+import { useEffect as useEffect8, useId as useId4 } from "react";
+
+// src/components/components/Form/form-item.tsx
+import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
+function FieldShell({
+  layout,
+  label,
+  htmlFor,
+  error,
+  className,
+  style,
+  children
+}) {
+  return /* @__PURE__ */ jsxs33(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: cn(formItemClass(layout), className),
+      style,
+      children: [
+        label ? /* @__PURE__ */ jsx48(
+          "label",
+          {
+            htmlFor,
+            className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
+            children: label
+          }
+        ) : null,
+        children,
+        error ? /* @__PURE__ */ jsx48("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+      ]
+    }
+  );
+}
+
+// src/components/components/RadioGroup/index.tsx
+import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
+function RadioGroup2({
+  name,
+  label,
+  rules,
+  options = [],
+  value,
+  disabled,
+  onChange,
+  className,
+  style
+}) {
+  const form = useFormContext();
+  const controlId = useId4();
+  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 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__ */ jsx49(
+    RadioGroup,
+    {
+      value: groupValue,
+      onValueChange: handleChange,
+      disabled,
+      name: inForm ? name : void 0,
+      className: cn(!inForm && className),
+      style: inForm ? void 0 : style,
+      children: options.map((option, index) => {
+        const optionId = `${controlId}-${index}`;
+        return /* @__PURE__ */ jsxs34("span", { className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx49(
+            RadioGroupItem,
+            {
+              id: optionId,
+              value: option.value,
+              disabled: option.disabled
+            }
+          ),
+          /* @__PURE__ */ jsx49("label", { htmlFor: optionId, className: "text-sm leading-none font-medium", children: option.label })
+        ] }, String(option.value));
+      })
+    }
+  );
+  if (inForm && form && name) {
+    return /* @__PURE__ */ jsx49(
+      FieldShell,
+      {
+        layout: form.layout,
+        label,
+        error: form.errors[name],
+        className,
+        style,
+        children: group
+      }
+    );
+  }
+  return group;
+}
+
+// src/components/components/Resizable/index.tsx
+import { useRenderer as useRenderer11 } from "@pactor-app/runtime";
+import { Fragment as Fragment4 } from "react";
+import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
+function Resizable({
+  panels = [],
+  direction = "horizontal",
+  className,
+  style
+}) {
+  const { renderChildren } = useRenderer11();
+  return /* @__PURE__ */ jsx50(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ jsxs35(Fragment4, { children: [
+    index > 0 ? /* @__PURE__ */ jsx50(ResizableHandle, { withHandle: true }) : null,
+    /* @__PURE__ */ jsx50(
+      Panel,
+      {
+        defaultSize: typeof panel.defaultSize === "number" ? `${panel.defaultSize}%` : void 0,
+        children: renderChildren(panel.children)
+      }
+    )
+  ] }, index)) });
+}
+
+// src/components/components/ScrollArea/index.tsx
+import { jsx as jsx51 } from "react/jsx-runtime";
+function ScrollArea2({
+  maxHeight,
+  maxWidth,
+  className,
+  style,
+  children
+}) {
+  return /* @__PURE__ */ jsx51(
+    ScrollArea,
+    {
+      className,
+      style: { maxHeight, maxWidth, ...style },
+      children
+    }
+  );
+}
+
+// src/components/components/Select/index.tsx
+import { useI18n as useI18n5 } from "@pactor-app/runtime";
+import { useEffect as useEffect9, useId as useId5 } from "react";
+import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
+function Select2({
+  name,
+  label,
+  rules,
+  options = [],
+  value,
+  placeholder,
+  disabled,
+  allowClear,
+  onChange,
+  className,
+  style
+}) {
+  const form = useFormContext();
+  const { t } = useI18n5();
+  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 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__ */ jsxs36(
+    "span",
+    {
+      className: cn("inline-flex items-center gap-1", !inFormRoot && className),
+      style: inFormRoot ? void 0 : style,
+      children: [
+        /* @__PURE__ */ jsxs36(
+          Select,
+          {
+            items: options,
+            value: selectedValue,
+            onValueChange: handleChange,
+            disabled,
+            name: inForm ? name : void 0,
+            children: [
+              /* @__PURE__ */ jsx52(SelectTrigger, { id: controlId, children: /* @__PURE__ */ jsx52(SelectValue, { placeholder }) }),
+              /* @__PURE__ */ jsx52(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx52(
+                SelectItem,
+                {
+                  value: option.value,
+                  disabled: option.disabled,
+                  children: option.label
+                },
+                String(option.value)
+              )) })
+            ]
+          }
+        ),
+        allowClear && selectedValue !== null && !disabled ? /* @__PURE__ */ jsx52(
+          "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__ */ jsxs36(
+      "div",
+      {
+        "data-slot": "form-item",
+        className: cn(formItemClass(form.layout), className),
+        style,
+        children: [
+          label ? /* @__PURE__ */ jsx52(
+            "label",
+            {
+              htmlFor: controlId,
+              className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
+              children: label
+            }
+          ) : null,
+          select,
+          error ? /* @__PURE__ */ jsx52("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+        ]
+      }
+    );
+  }
+  return select;
+}
+
+// src/components/components/Separator/index.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+function Separator2({ orientation = "horizontal", className, style }) {
+  return /* @__PURE__ */ jsx53(Separator, { orientation, className, style });
+}
+
+// src/components/components/Sheet/index.tsx
+import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
+function Sheet2({
+  title,
+  open,
+  side = "right",
+  onClose,
+  children,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsx54(
+    Sheet,
+    {
+      open: open ?? false,
+      onOpenChange: (next) => {
+        if (!next) {
+          onClose?.();
+        }
+      },
+      children: /* @__PURE__ */ jsxs37(SheetContent, { side, className, style, children: [
+        title ? /* @__PURE__ */ jsx54(SheetHeader, { children: /* @__PURE__ */ jsx54(SheetTitle, { children: title }) }) : null,
+        /* @__PURE__ */ jsx54("div", { className: "flex-1 overflow-auto px-4", children })
+      ] })
+    }
+  );
+}
+
+// src/components/components/Sidebar/index.tsx
+import { useI18n as useI18n6 } from "@pactor-app/runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useState as useState10 } from "react";
+import { jsx as jsx55, jsxs as jsxs38 } from "react/jsx-runtime";
+function Sidebar({
+  brand,
+  items = [],
+  collapsible,
+  onCollapse,
+  className,
+  style,
+  children
+}) {
+  const { t } = useI18n6();
+  const [collapsed, setCollapsed] = useState10(false);
+  const toggleCollapsed = () => {
+    const next = !collapsed;
+    setCollapsed(next);
+    onCollapse?.(next);
+  };
+  return /* @__PURE__ */ jsxs38(
+    "div",
+    {
+      "data-slot": "sidebar-layout",
+      className: cn("flex min-h-screen w-full", className),
+      style,
+      children: [
+        /* @__PURE__ */ jsxs38(
+          "aside",
+          {
+            "data-slot": "sidebar",
+            "data-collapsed": collapsed || void 0,
+            className: cn(
+              "flex shrink-0 flex-col border-r border-sidebar-border bg-sidebar text-sidebar-foreground transition-[width]",
+              collapsed ? "w-14" : "w-60"
+            ),
+            children: [
+              brand ? /* @__PURE__ */ jsxs38(
+                "div",
+                {
+                  "data-slot": "sidebar-brand",
+                  className: "flex h-14 shrink-0 items-center gap-2 border-b border-sidebar-border px-4",
+                  children: [
+                    brand.logo ? /* @__PURE__ */ jsx55(
+                      "img",
+                      {
+                        "data-slot": "sidebar-brand-logo",
+                        src: brand.logo,
+                        alt: brand.title,
+                        className: "size-6 shrink-0"
+                      }
+                    ) : null,
+                    collapsed ? null : /* @__PURE__ */ jsx55("span", { className: "truncate text-sm font-semibold", children: brand.title })
+                  ]
+                }
+              ) : null,
+              collapsed ? null : /* @__PURE__ */ jsx55("nav", { "data-slot": "sidebar-nav", className: "min-h-0 flex-1 overflow-auto p-2", children: items.map((item, index) => /* @__PURE__ */ jsx55(SidebarEntry, { item, depth: 0 }, item.href ?? item.label ?? index)) }),
+              collapsible ? /* @__PURE__ */ jsx55(
+                "button",
+                {
+                  type: "button",
+                  "data-slot": "sidebar-collapse-trigger",
+                  "aria-label": collapsed ? t("pactor.layout.expandSidebar") : t("pactor.layout.collapseSidebar"),
+                  className: "flex h-10 shrink-0 items-center justify-center border-t border-sidebar-border text-sidebar-foreground/60 hover:text-sidebar-foreground",
+                  onClick: toggleCollapsed,
+                  children: collapsed ? /* @__PURE__ */ jsx55(ChevronRight, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ jsx55(ChevronLeft, { "aria-hidden": true, className: "size-4" })
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx55("main", { "data-slot": "sidebar-content", className: "min-w-0 flex-1", children })
+      ]
+    }
+  );
+}
+function SidebarEntry({ item, depth }) {
+  const entryClass = cn(
+    "flex w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm transition-colors",
+    "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"
+  );
+  const indentStyle = depth > 0 ? { paddingLeft: 12 + depth * 16 } : void 0;
+  return /* @__PURE__ */ jsxs38("div", { "data-slot": "sidebar-entry", children: [
+    item.href ? /* @__PURE__ */ jsxs38(
+      "a",
+      {
+        "data-slot": "sidebar-item",
+        href: item.href,
+        className: entryClass,
+        style: indentStyle,
+        children: [
+          item.icon ? /* @__PURE__ */ jsx55(Icon, { name: item.icon, size: "sm" }) : null,
+          item.label
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs38("span", { "data-slot": "sidebar-item", className: entryClass, style: indentStyle, children: [
+      item.icon ? /* @__PURE__ */ jsx55(Icon, { name: item.icon, size: "sm" }) : null,
+      item.label
+    ] }),
+    item.children?.map((child, index) => /* @__PURE__ */ jsx55(
+      SidebarEntry,
+      {
+        item: child,
+        depth: depth + 1
+      },
+      child.href ?? child.label ?? index
+    ))
+  ] });
+}
+
+// src/components/components/Sider/index.tsx
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsx as jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
+function Sider({
+  width = 200,
+  collapsible,
+  collapsed,
+  collapsedWidth = 64,
+  onCollapse,
+  className,
+  style,
+  children
+}) {
+  const current = collapsed ? collapsedWidth : width;
+  return /* @__PURE__ */ jsxs39(
+    "aside",
+    {
+      "data-slot": "layout-sider",
+      "data-collapsed": collapsed || void 0,
+      className: cn(
+        "flex min-h-0 shrink-0 flex-col border-r bg-background transition-[width]",
+        className
+      ),
+      style: { width: current, ...style },
+      children: [
+        /* @__PURE__ */ jsx56("div", { className: "min-h-0 flex-1 overflow-auto", children }),
+        collapsible ? /* @__PURE__ */ jsx56(
+          "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__ */ jsx56(ChevronRight2, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ jsx56(ChevronLeft2, { "aria-hidden": true, className: "size-4" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/components/Skeleton/index.tsx
+import { jsx as jsx57 } 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__ */ jsx57(
+    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 useEffect10 } from "react";
+import { jsx as jsx58, jsxs as jsxs40 } 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 !== "";
+  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 numberValue = typeof current === "number" ? current : min;
+  const handleChange = (next) => {
+    if (inForm && form && name) {
+      form.setValue(name, next);
+    }
+    onChange?.(next);
+  };
+  const slider = /* @__PURE__ */ jsx58(
+    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__ */ jsx58(SliderControl, { children: /* @__PURE__ */ jsxs40(SliderTrack, { children: [
+        /* @__PURE__ */ jsx58(SliderIndicator, {}),
+        /* @__PURE__ */ jsx58(SliderThumb, {})
+      ] }) })
+    }
+  );
+  if (inForm && form && name) {
+    return /* @__PURE__ */ jsx58(
+      FieldShell,
+      {
+        layout: form.layout,
+        label,
+        error: form.errors[name],
+        className,
+        style,
+        children: slider
+      }
+    );
+  }
+  return slider;
+}
+
+// src/components/components/Sonner/index.tsx
+import { useRenderer as useRenderer12 } from "@pactor-app/runtime";
+import { useEffect as useEffect11 } from "react";
+import { jsx as jsx59 } from "react/jsx-runtime";
+function Sonner({ className, style }) {
+  const { context } = useRenderer12();
+  useEffect11(() => {
+    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__ */ jsx59("div", { "data-slot": "sonner", className, style, children: /* @__PURE__ */ jsx59(Toaster, {}) });
+}
+
+// src/components/components/Spinner/index.tsx
+import { jsx as jsx60 } from "react/jsx-runtime";
+var sizeClass = {
+  sm: "size-3",
+  default: "size-4",
+  lg: "size-6"
+};
+function Spinner2({ size = "default", className, style }) {
+  return /* @__PURE__ */ jsx60(Spinner, { className: cn(sizeClass[size], className), style });
+}
+
+// src/components/components/Statistic/index.tsx
+import { jsx as jsx61, jsxs as jsxs41 } 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__ */ jsxs41("div", { "data-slot": "statistic", className: cn(className), style, children: [
+    title ? /* @__PURE__ */ jsx61("div", { "data-slot": "statistic-title", className: "text-sm text-muted-foreground", children: title }) : null,
+    /* @__PURE__ */ jsxs41("div", { "data-slot": "statistic-value", className: "text-2xl font-bold tabular-nums", children: [
+      display,
+      suffix ? /* @__PURE__ */ jsx61("span", { className: "ml-1 text-sm font-normal text-muted-foreground", children: suffix }) : null
+    ] })
+  ] });
+}
+
+// src/components/components/Switch/index.tsx
+import { useEffect as useEffect12, useId as useId6 } from "react";
+import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
+function Switch2({
+  name,
+  label,
+  rules,
+  value,
+  disabled,
+  onChange,
+  className,
+  style
+}) {
+  const form = useFormContext();
+  const controlId = useId6();
+  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 checked = current === true;
+  const handleChange = (next) => {
+    if (inForm && form && name) {
+      form.setValue(name, next);
+    }
+    onChange?.(next);
+  };
+  const control = /* @__PURE__ */ jsxs42(
+    "span",
+    {
+      className: cn("inline-flex items-center gap-2", !inForm && className),
+      style: inForm ? void 0 : style,
+      children: [
+        /* @__PURE__ */ jsx62(
+          Switch,
+          {
+            id: controlId,
+            checked,
+            disabled,
+            name: inForm ? name : void 0,
+            onCheckedChange: handleChange
+          }
+        ),
+        label ? /* @__PURE__ */ jsx62("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
+      ]
+    }
+  );
+  if (inForm && form && name) {
+    return /* @__PURE__ */ jsxs42(
+      "div",
+      {
+        "data-slot": "form-item",
+        className: cn("mb-4", className),
+        style,
+        children: [
+          control,
+          form.errors[name] ? /* @__PURE__ */ jsx62("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 useI18n7, useRenderer as useRenderer13 } from "@pactor-app/runtime";
+import { useState as useState11 } from "react";
+import { jsx as jsx63, jsxs as jsxs43 } 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);
+}
+function Table2({
+  columns = [],
+  dataSource = [],
+  rowKey = "id",
+  loading,
+  pagination,
+  onChange,
+  className,
+  style
+}) {
+  const { renderChildren } = useRenderer13();
+  const { t } = useI18n7();
+  const [current, setCurrent] = useState11(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__ */ jsxs43("div", { "data-slot": "dsl-table", className: cn("relative", className), style, children: [
+    loading ? /* @__PURE__ */ jsx63(
+      "div",
+      {
+        "data-slot": "table-loading",
+        className: "absolute inset-0 z-10 flex items-center justify-center bg-background/60 text-sm text-muted-foreground",
+        children: t("pactor.table.loading")
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs43(Table, { children: [
+      /* @__PURE__ */ jsx63(TableHeader, { children: /* @__PURE__ */ jsx63(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => /* @__PURE__ */ jsx63(
+        TableHead,
+        {
+          style: column.width !== void 0 ? { width: column.width } : void 0,
+          children: column.title
+        },
+        column.dataIndex ?? String(index)
+      )) }) }),
+      /* @__PURE__ */ jsx63(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx63(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx63(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ jsx63(
+        "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__ */ jsx63(
+          TableRow,
+          {
+            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx63(TableCell, { 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__ */ jsx63("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
+      (page) => /* @__PURE__ */ jsx63(
+        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 useRenderer14 } from "@pactor-app/runtime";
+import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
+function Tabs2({ items = [], activeKey, onChange, className, style }) {
+  const { renderChildren } = useRenderer14();
+  return /* @__PURE__ */ jsxs44(
+    Tabs,
+    {
+      value: activeKey,
+      defaultValue: activeKey === void 0 ? items[0]?.key : void 0,
+      onValueChange: (key) => onChange?.(key),
+      className,
+      style,
+      children: [
+        /* @__PURE__ */ jsx64(TabsList, { children: items.map((item) => /* @__PURE__ */ jsx64(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
+        items.map((item) => /* @__PURE__ */ jsx64(TabsContent, { value: item.key, children: renderChildren(item.children) }, item.key))
+      ]
+    }
+  );
+}
+
+// src/components/components/Text/index.tsx
+import { jsx as jsx65 } from "react/jsx-runtime";
+var typeClassMap = {
+  default: "",
+  secondary: "text-muted-foreground",
+  success: "text-green-600 dark:text-green-400",
+  warning: "text-amber-600 dark:text-amber-400",
+  danger: "text-destructive"
+};
+function Text({
+  text,
+  type = "default",
+  strong,
+  delete: del,
+  underline,
+  italic,
+  className,
+  style,
+  children
+}) {
+  return /* @__PURE__ */ jsx65(
+    "span",
+    {
+      "data-slot": "text",
+      "data-type": type,
+      className: cn(
+        typeClassMap[type],
+        strong && "font-semibold",
+        del && "line-through",
+        underline && "underline",
+        italic && "italic",
+        className
+      ),
+      style,
+      children: text ?? children
+    }
+  );
+}
+
+// src/components/components/Textarea/index.tsx
+import { useEffect as useEffect13, useId as useId7 } from "react";
+import { jsx as jsx66 } from "react/jsx-runtime";
+function Textarea2({
+  name,
+  label,
+  rules,
+  value,
+  placeholder,
+  rows,
+  disabled,
+  onChange,
+  className,
+  style
+}) {
+  const form = useFormContext();
+  const controlId = useId7();
+  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
+  useEffect13(() => {
+    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__ */ jsx66(
+      FieldShell,
+      {
+        layout: form.layout,
+        label,
+        htmlFor: controlId,
+        error: form.errors[name],
+        className,
+        style,
+        children: /* @__PURE__ */ jsx66(
+          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__ */ jsx66(
+    Textarea,
+    {
+      value: value ?? "",
+      placeholder,
+      rows,
+      disabled,
+      className,
+      style,
+      onChange: (event) => onChange?.(event.target.value)
+    }
+  );
+}
+
+// src/components/components/Toggle/index.tsx
+import { jsx as jsx67 } from "react/jsx-runtime";
+function Toggle2({
+  text,
+  pressed,
+  variant,
+  size,
+  disabled,
+  onChange,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsx67(
+    Toggle,
+    {
+      pressed,
+      variant,
+      size,
+      disabled,
+      onPressedChange: (next) => onChange?.(next),
+      className,
+      style,
+      children: text
+    }
+  );
+}
+
+// src/components/components/ToggleGroup/index.tsx
+import { jsx as jsx68 } 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__ */ jsx68(
+    ToggleGroup,
+    {
+      value: groupValue,
+      multiple,
+      disabled,
+      onValueChange: (next) => handleChange(next),
+      className,
+      style,
+      children: options.map((option) => /* @__PURE__ */ jsx68(
+        ToggleGroupItem,
+        {
+          value: option.value,
+          disabled: option.disabled,
+          children: option.label
+        },
+        option.value
+      ))
+    }
+  );
+}
+
+// src/components/components/Tooltip/index.tsx
+import { jsx as jsx69, jsxs as jsxs45 } from "react/jsx-runtime";
+function Tooltip3({ content, children, className, style }) {
+  return /* @__PURE__ */ jsxs45(Tooltip, { children: [
+    /* @__PURE__ */ jsx69(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
+    /* @__PURE__ */ jsx69(TooltipContent, { className, style, children: content })
+  ] });
+}
+
+// src/components/components/Typography/index.tsx
+import { jsx as jsx70 } from "react/jsx-runtime";
+function Typography2({
+  variant = "p",
+  text,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsx70(Typography, { variant, className, style, children: text });
+}
+
+// src/components/register.ts
+var shadcnComponents = {
+  Page,
+  Grid,
+  Flex,
+  Card: Card2,
+  Button: Button2,
+  Alert: Alert2,
+  Statistic,
+  Tabs: Tabs2,
+  Table: Table2,
+  Form,
+  Input: Input2,
+  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,
+  // 导航类扩展组件
+  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,
+  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 registerShadcnComponents(registry) {
+  for (const [type, component] of Object.entries(shadcnComponents)) {
+    registry.register(type, component);
+  }
+}
+function createShadcnComponentRegistry() {
+  const registry = new Registry("ComponentRegistry");
+  registerShadcnComponents(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,
+  Content,
+  ContextMenu2 as ContextMenu,
+  DataTable,
+  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,
+  Menu,
+  Menubar2 as Menubar,
+  NavigationMenu2 as NavigationMenu,
+  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,
+  Sidebar,
+  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,
+  shadcnComponents,
+  registerShadcnComponents,
+  createShadcnComponentRegistry
+};