@pactor-app/ui 1.17.1 → 1.18.0

package/dist/{chunk-GVBFVV7I.js → chunk-MHM7LTV2.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-IH67RZJ4.js";
+} from "./chunk-COMLXFWS.js";
 import {
   Alert,
   AlertDescription,
@@ -141,7 +141,7 @@ import {
   chartColor,
   navigationMenuTriggerStyle,
   toast
-} from "./chunk-64JZPHD3.js";
+} from "./chunk-XA6OJ54X.js";
 import {
   Dialog,
   DialogContent,
@@ -176,7 +176,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger
-} from "./chunk-OGNXKVGQ.js";
+} from "./chunk-RB7RCKAX.js";
 import {
   Button,
   cn
@@ -2477,18 +2477,205 @@ function NavigationMenu2({ items = [], className, style }) {
   ) }, `${item.label}-${index}`)) }) });
 }
 
-// src/components/components/Page/index.tsx
+// src/components/components/NumberInput/index.tsx
+import { useI18n as useI18n7 } from "@pactor-app/runtime";
+import { ChevronDownIcon as ChevronDownIcon2, ChevronUpIcon } from "lucide-react";
+import { useEffect as useEffect9, useId as useId5, useState as useState12 } from "react";
+
+// src/components/components/Form/form-item.tsx
 import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
+function FieldShell({
+  layout,
+  label,
+  htmlFor,
+  error,
+  className,
+  style,
+  children
+}) {
+  return /* @__PURE__ */ jsxs31(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: cn(formItemClass(layout), className),
+      style,
+      children: [
+        label ? /* @__PURE__ */ jsx45(
+          "label",
+          {
+            htmlFor,
+            className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
+            children: label
+          }
+        ) : null,
+        children,
+        error ? /* @__PURE__ */ jsx45("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+      ]
+    }
+  );
+}
+
+// src/components/components/NumberInput/index.tsx
+import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
+function clamp(value, min, max) {
+  let next = value;
+  if (typeof min === "number" && next < min) next = min;
+  if (typeof max === "number" && next > max) next = max;
+  return next;
+}
+function applyPrecision(value, precision) {
+  if (typeof precision !== "number") return value;
+  const factor = 10 ** precision;
+  return Math.round(value * factor) / factor;
+}
+function toDisplayText(value) {
+  return typeof value === "number" && Number.isFinite(value) ? String(value) : "";
+}
+function NumberInput({
+  name,
+  label,
+  rules,
+  value,
+  min,
+  max,
+  step = 1,
+  precision,
+  placeholder,
+  disabled,
+  onChange,
+  className,
+  controlClassName,
+  style
+}) {
+  const form = useFormContext();
+  const { t } = useI18n7();
+  const controlId = useId5();
+  const inForm = form?.inForm === true && typeof name === "string" && name !== "";
+  useEffect9(() => {
+    if (inForm && form && name) {
+      form.registerField(name, rules, value);
+      return () => form.unregisterField(name);
+    }
+    return void 0;
+  });
+  const fieldValue = inForm && form && name ? form.values[name] : void 0;
+  const externalValue = typeof fieldValue === "number" ? fieldValue : inForm ? void 0 : typeof value === "number" ? value : void 0;
+  const [text, setText] = useState12(() => toDisplayText(externalValue));
+  useEffect9(() => {
+    setText((current) => {
+      const parsed = current === "" ? void 0 : Number(current);
+      const currentNumber = parsed !== void 0 && Number.isFinite(parsed) ? applyPrecision(clamp(parsed, min, max), precision) : void 0;
+      return currentNumber === externalValue ? current : toDisplayText(externalValue);
+    });
+  }, [externalValue, min, max, precision]);
+  const commit = (next) => {
+    if (inForm && form && name) {
+      form.setValue(name, next);
+    }
+    onChange?.(next);
+  };
+  const stepBy = (direction) => {
+    const base = externalValue ?? 0;
+    const next = applyPrecision(clamp(base + direction * step, min, max), precision);
+    setText(toDisplayText(next));
+    commit(next);
+  };
+  const atMax = typeof max === "number" && externalValue !== void 0 && externalValue >= max;
+  const atMin = typeof min === "number" && externalValue !== void 0 && externalValue <= min;
+  const stepperClass = "flex flex-1 cursor-pointer items-center justify-center text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50";
+  const control = /* @__PURE__ */ jsxs32(
+    "span",
+    {
+      "data-slot": "number-input",
+      className: cn("relative block", !inForm && className),
+      style: !inForm ? style : void 0,
+      children: [
+        /* @__PURE__ */ jsx46(
+          Input,
+          {
+            id: controlId,
+            type: "number",
+            value: text,
+            min,
+            max,
+            step,
+            placeholder,
+            disabled,
+            className: cn(
+              "pr-7 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+              controlClassName
+            ),
+            onChange: (event) => {
+              const raw = event.target.value;
+              setText(raw);
+              if (raw === "") {
+                commit(void 0);
+                return;
+              }
+              const parsed = Number(raw);
+              if (!Number.isFinite(parsed)) return;
+              commit(applyPrecision(clamp(parsed, min, max), precision));
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs32("span", { className: "absolute inset-y-0 right-0 flex w-7 flex-col divide-y divide-input border-l border-input", children: [
+          /* @__PURE__ */ jsx46(
+            "button",
+            {
+              type: "button",
+              tabIndex: -1,
+              "aria-label": t("pactor.numberInput.increase"),
+              disabled: disabled === true || atMax,
+              className: stepperClass,
+              onClick: () => stepBy(1),
+              children: /* @__PURE__ */ jsx46(ChevronUpIcon, { className: "size-3" })
+            }
+          ),
+          /* @__PURE__ */ jsx46(
+            "button",
+            {
+              type: "button",
+              tabIndex: -1,
+              "aria-label": t("pactor.numberInput.decrease"),
+              disabled: disabled === true || atMin,
+              className: stepperClass,
+              onClick: () => stepBy(-1),
+              children: /* @__PURE__ */ jsx46(ChevronDownIcon2, { className: "size-3" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+  if (inForm && form && name) {
+    return /* @__PURE__ */ jsx46(
+      FieldShell,
+      {
+        layout: form.layout,
+        label,
+        htmlFor: controlId,
+        error: form.errors[name],
+        className,
+        style,
+        children: control
+      }
+    );
+  }
+  return control;
+}
+
+// src/components/components/Page/index.tsx
+import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
 function Page({ title, className, style, children }) {
-  return /* @__PURE__ */ jsxs31("div", { "data-slot": "page", className: cn("p-6", className), style, children: [
-    title ? /* @__PURE__ */ jsx45("h2", { "data-slot": "page-title", className: "mb-5 text-xl font-semibold", children: title }) : null,
-    /* @__PURE__ */ jsx45("div", { "data-slot": "page-content", className: "space-y-5", children })
+  return /* @__PURE__ */ jsxs33("div", { "data-slot": "page", className: cn("p-6", className), style, children: [
+    title ? /* @__PURE__ */ jsx47("h2", { "data-slot": "page-title", className: "mb-5 text-xl font-semibold", children: title }) : null,
+    /* @__PURE__ */ jsx47("div", { "data-slot": "page-content", className: "space-y-5", children })
   ] });
 }
 
 // src/components/components/Pagination/index.tsx
-import { useState as useState12 } from "react";
-import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
+import { useState as useState13 } from "react";
+import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
 function pageItems(current, count) {
   if (count <= 7) {
     return Array.from({ length: count }, (_, i) => i + 1);
@@ -2509,7 +2696,7 @@ function Pagination2({
   className,
   style
 }) {
-  const [innerPage, setInnerPage] = useState12(1);
+  const [innerPage, setInnerPage] = useState13(1);
   const pageCount = Math.max(1, Math.ceil(total / Math.max(1, pageSize)));
   const current = Math.min(Math.max(1, page ?? innerPage), pageCount);
   const goTo = (next) => {
@@ -2522,8 +2709,8 @@ function Pagination2({
     }
     onChange?.(target);
   };
-  return /* @__PURE__ */ jsx46(Pagination, { className, style, children: /* @__PURE__ */ jsxs32(PaginationContent, { children: [
-    /* @__PURE__ */ jsx46(PaginationItem, { children: /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(Pagination, { className, style, children: /* @__PURE__ */ jsxs34(PaginationContent, { children: [
+    /* @__PURE__ */ jsx48(PaginationItem, { children: /* @__PURE__ */ jsx48(
       PaginationPrevious,
       {
         href: "#",
@@ -2534,7 +2721,7 @@ function Pagination2({
         }
       }
     ) }),
-    pageItems(current, pageCount).map((item, index) => /* @__PURE__ */ jsx46(PaginationItem, { children: item === "ellipsis" ? /* @__PURE__ */ jsx46(PaginationEllipsis, {}) : /* @__PURE__ */ jsx46(
+    pageItems(current, pageCount).map((item, index) => /* @__PURE__ */ jsx48(PaginationItem, { children: item === "ellipsis" ? /* @__PURE__ */ jsx48(PaginationEllipsis, {}) : /* @__PURE__ */ jsx48(
       PaginationLink,
       {
         href: "#",
@@ -2546,7 +2733,7 @@ function Pagination2({
         children: item
       }
     ) }, item === "ellipsis" ? `ellipsis-${index}` : item)),
-    /* @__PURE__ */ jsx46(PaginationItem, { children: /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx48(PaginationItem, { children: /* @__PURE__ */ jsx48(
       PaginationNext,
       {
         href: "#",
@@ -2562,14 +2749,14 @@ function Pagination2({
 
 // src/components/components/Popover/index.tsx
 import { useRenderer as useRenderer12 } from "@pactor-app/runtime";
-import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
 function isDslNode3(value) {
   return typeof value === "object" && value !== null && typeof value.type === "string";
 }
 function Popover2({ content, children, className, style }) {
   const { renderChildren } = useRenderer12();
-  return /* @__PURE__ */ jsxs33(Popover, { children: [
-    /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsxs35(Popover, { children: [
+    /* @__PURE__ */ jsx49(
       PopoverTrigger,
       {
         nativeButton: false,
@@ -2577,55 +2764,20 @@ function Popover2({ content, children, className, style }) {
         children
       }
     ),
-    /* @__PURE__ */ jsx47(PopoverContent, { className, style, children: isDslNode3(content) ? renderChildren([content]) : content })
+    /* @__PURE__ */ jsx49(PopoverContent, { className, style, children: isDslNode3(content) ? renderChildren([content]) : content })
   ] });
 }
 
 // src/components/components/Progress/index.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function Progress2({ value, className, style }) {
   const resolved = typeof value === "number" && Number.isFinite(value) ? Math.min(100, Math.max(0, value)) : null;
-  return /* @__PURE__ */ jsx48(Progress, { value: resolved, className, style, children: /* @__PURE__ */ jsx48(ProgressTrack, { children: /* @__PURE__ */ jsx48(ProgressIndicator, {}) }) });
+  return /* @__PURE__ */ jsx50(Progress, { value: resolved, className, style, children: /* @__PURE__ */ jsx50(ProgressTrack, { children: /* @__PURE__ */ jsx50(ProgressIndicator, {}) }) });
 }
 
 // src/components/components/RadioGroup/index.tsx
-import { useEffect as useEffect9, useId as useId5 } from "react";
-
-// src/components/components/Form/form-item.tsx
-import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
-function FieldShell({
-  layout,
-  label,
-  htmlFor,
-  error,
-  className,
-  style,
-  children
-}) {
-  return /* @__PURE__ */ jsxs34(
-    "div",
-    {
-      "data-slot": "form-item",
-      className: cn(formItemClass(layout), className),
-      style,
-      children: [
-        label ? /* @__PURE__ */ jsx49(
-          "label",
-          {
-            htmlFor,
-            className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap",
-            children: label
-          }
-        ) : null,
-        children,
-        error ? /* @__PURE__ */ jsx49("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
-      ]
-    }
-  );
-}
-
-// src/components/components/RadioGroup/index.tsx
-import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
+import { useEffect as useEffect10, useId as useId6 } from "react";
+import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
 function RadioGroup2({
   name,
   label,
@@ -2639,9 +2791,9 @@ function RadioGroup2({
   style
 }) {
   const form = useFormContext();
-  const controlId = useId5();
+  const controlId = useId6();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect9(() => {
+  useEffect10(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -2656,7 +2808,7 @@ function RadioGroup2({
     onChange?.(next);
   };
   const groupValue = current ?? "";
-  const group = /* @__PURE__ */ jsx50(
+  const group = /* @__PURE__ */ jsx51(
     RadioGroup,
     {
       value: groupValue,
@@ -2671,8 +2823,8 @@ function RadioGroup2({
       children: options.map((option, index) => {
         const optionId = `${controlId}-${index}`;
         const optionDisabled = disabled || option.disabled;
-        return /* @__PURE__ */ jsxs35("span", { className: "inline-flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsxs36("span", { className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx51(
             RadioGroupItem,
             {
               id: optionId,
@@ -2680,7 +2832,7 @@ function RadioGroup2({
               disabled: option.disabled
             }
           ),
-          /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx51(
             "label",
             {
               htmlFor: optionId,
@@ -2696,7 +2848,7 @@ function RadioGroup2({
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx51(
       FieldShell,
       {
         layout: form.layout,
@@ -2714,7 +2866,7 @@ function RadioGroup2({
 // src/components/components/Resizable/index.tsx
 import { useRenderer as useRenderer13 } from "@pactor-app/runtime";
 import { Fragment as Fragment4 } from "react";
-import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
 function Resizable({
   panels = [],
   direction = "horizontal",
@@ -2722,9 +2874,9 @@ function Resizable({
   style
 }) {
   const { renderChildren } = useRenderer13();
-  return /* @__PURE__ */ jsx51(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ jsxs36(Fragment4, { children: [
-    index > 0 ? /* @__PURE__ */ jsx51(ResizableHandle, { withHandle: true }) : null,
-    /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ jsxs37(Fragment4, { children: [
+    index > 0 ? /* @__PURE__ */ jsx52(ResizableHandle, { withHandle: true }) : null,
+    /* @__PURE__ */ jsx52(
       Panel,
       {
         defaultSize: typeof panel.defaultSizePx === "number" ? `${panel.defaultSizePx}px` : typeof panel.defaultSize === "number" ? `${panel.defaultSize}%` : void 0,
@@ -2737,7 +2889,7 @@ function Resizable({
 }
 
 // src/components/components/ScrollArea/index.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function ScrollArea2({
   maxHeight,
   maxWidth,
@@ -2745,7 +2897,7 @@ function ScrollArea2({
   style,
   children
 }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     ScrollArea,
     {
       className,
@@ -2756,9 +2908,9 @@ function ScrollArea2({
 }
 
 // src/components/components/Select/index.tsx
-import { useI18n as useI18n7 } from "@pactor-app/runtime";
-import { useEffect as useEffect10, useId as useId6 } from "react";
-import { jsx as jsx53, jsxs as jsxs37 } from "react/jsx-runtime";
+import { useI18n as useI18n8 } from "@pactor-app/runtime";
+import { useEffect as useEffect11, useId as useId7 } from "react";
+import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
 function Select2({
   name,
   label,
@@ -2774,10 +2926,10 @@ function Select2({
   style
 }) {
   const form = useFormContext();
-  const { t } = useI18n7();
-  const controlId = useId6();
+  const { t } = useI18n8();
+  const controlId = useId7();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect10(() => {
+  useEffect11(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -2793,7 +2945,7 @@ function Select2({
     onChange?.(next ?? void 0);
   };
   const inFormRoot = inForm === true;
-  const select = /* @__PURE__ */ jsxs37(
+  const select = /* @__PURE__ */ jsxs38(
     "span",
     {
       className: cn(
@@ -2804,7 +2956,7 @@ function Select2({
       ),
       style: inFormRoot ? void 0 : style,
       children: [
-        /* @__PURE__ */ jsxs37(
+        /* @__PURE__ */ jsxs38(
           Select,
           {
             items: options,
@@ -2813,8 +2965,8 @@ function Select2({
             disabled,
             name: inForm ? name : void 0,
             children: [
-              /* @__PURE__ */ jsx53(SelectTrigger, { id: controlId, className: inFormRoot ? "w-full" : void 0, children: /* @__PURE__ */ jsx53(SelectValue, { placeholder }) }),
-              /* @__PURE__ */ jsx53(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx53(
+              /* @__PURE__ */ jsx54(SelectTrigger, { id: controlId, className: inFormRoot ? "w-full" : void 0, children: /* @__PURE__ */ jsx54(SelectValue, { placeholder }) }),
+              /* @__PURE__ */ jsx54(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx54(
                 SelectItem,
                 {
                   value: option.value,
@@ -2826,7 +2978,7 @@ function Select2({
             ]
           }
         ),
-        allowClear && selectedValue !== null && !disabled ? /* @__PURE__ */ jsx53(
+        allowClear && selectedValue !== null && !disabled ? /* @__PURE__ */ jsx54(
           "button",
           {
             type: "button",
@@ -2846,14 +2998,14 @@ function Select2({
   );
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ jsxs37(
+    return /* @__PURE__ */ jsxs38(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ jsx53(
+          label ? /* @__PURE__ */ jsx54(
             "label",
             {
               htmlFor: controlId,
@@ -2862,7 +3014,7 @@ function Select2({
             }
           ) : null,
           select,
-          error ? /* @__PURE__ */ jsx53("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ jsx54("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -2871,13 +3023,13 @@ function Select2({
 }
 
 // src/components/components/Separator/index.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function Separator2({ orientation = "horizontal", className, style }) {
-  return /* @__PURE__ */ jsx54(Separator, { orientation, className, style });
+  return /* @__PURE__ */ jsx55(Separator, { orientation, className, style });
 }
 
 // src/components/components/Sheet/index.tsx
-import { jsx as jsx55, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
 function Sheet2({
   title,
   open,
@@ -2887,7 +3039,7 @@ function Sheet2({
   className,
   style
 }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     Sheet,
     {
       open: open ?? false,
@@ -2896,9 +3048,9 @@ function Sheet2({
           onClose?.();
         }
       },
-      children: /* @__PURE__ */ jsxs38(SheetContent, { side, className, style, children: [
-        title ? /* @__PURE__ */ jsx55(SheetHeader, { children: /* @__PURE__ */ jsx55(SheetTitle, { children: title }) }) : null,
-        /* @__PURE__ */ jsx55("div", { className: "flex-1 overflow-auto px-4", children })
+      children: /* @__PURE__ */ jsxs39(SheetContent, { side, className, style, children: [
+        title ? /* @__PURE__ */ jsx56(SheetHeader, { children: /* @__PURE__ */ jsx56(SheetTitle, { children: title }) }) : null,
+        /* @__PURE__ */ jsx56("div", { className: "flex-1 overflow-auto px-4", children })
       ] })
     }
   );
@@ -2906,7 +3058,7 @@ function Sheet2({
 
 // src/components/components/Sider/index.tsx
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs40 } from "react/jsx-runtime";
 function Sider({
   width = 200,
   collapsible,
@@ -2918,7 +3070,7 @@ function Sider({
   children
 }) {
   const current = collapsed ? collapsedWidth : width;
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "aside",
     {
       "data-slot": "layout-sider",
@@ -2929,15 +3081,15 @@ function Sider({
       ),
       style: { width: current, ...style },
       children: [
-        /* @__PURE__ */ jsx56("div", { className: "min-h-0 flex-1 overflow-auto", children }),
-        collapsible ? /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx57("div", { className: "min-h-0 flex-1 overflow-auto", children }),
+        collapsible ? /* @__PURE__ */ jsx57(
           "button",
           {
             type: "button",
             "aria-label": collapsed ? "expand sider" : "collapse sider",
             className: "flex h-10 shrink-0 items-center justify-center border-t text-muted-foreground hover:text-foreground",
             onClick: () => onCollapse?.(!collapsed),
-            children: collapsed ? /* @__PURE__ */ jsx56(ChevronRight, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ jsx56(ChevronLeft, { "aria-hidden": true, className: "size-4" })
+            children: collapsed ? /* @__PURE__ */ jsx57(ChevronRight, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ jsx57(ChevronLeft, { "aria-hidden": true, className: "size-4" })
           }
         ) : null
       ]
@@ -2946,7 +3098,7 @@ function Sider({
 }
 
 // src/components/components/Skeleton/index.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 var shapeDefaults = {
   line: { className: "h-4 w-full", style: {} },
   circle: { className: "rounded-full", style: { width: 40, height: 40 } },
@@ -2957,7 +3109,7 @@ function toSize(value) {
 }
 function Skeleton2({ shape = "line", width, height, className, style }) {
   const defaults = shapeDefaults[shape];
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     Skeleton,
     {
       className: cn(defaults.className, className),
@@ -2972,8 +3124,8 @@ function Skeleton2({ shape = "line", width, height, className, style }) {
 }
 
 // src/components/components/Slider/index.tsx
-import { useEffect as useEffect11 } from "react";
-import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
+import { useEffect as useEffect12 } from "react";
+import { jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
 function Slider2({
   name,
   label,
@@ -2989,7 +3141,7 @@ function Slider2({
 }) {
   const form = useFormContext();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect11(() => {
+  useEffect12(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -3004,7 +3156,7 @@ function Slider2({
     }
     onChange?.(next);
   };
-  const slider = /* @__PURE__ */ jsx58(
+  const slider = /* @__PURE__ */ jsx59(
     Slider,
     {
       value: numberValue,
@@ -3016,14 +3168,14 @@ function Slider2({
       onValueChange: handleChange,
       className: inForm ? void 0 : className,
       style: inForm ? void 0 : style,
-      children: /* @__PURE__ */ jsxs40(SliderControl, { children: [
-        /* @__PURE__ */ jsx58(SliderTrack, { children: /* @__PURE__ */ jsx58(SliderIndicator, {}) }),
-        /* @__PURE__ */ jsx58(SliderThumb, {})
+      children: /* @__PURE__ */ jsxs41(SliderControl, { children: [
+        /* @__PURE__ */ jsx59(SliderTrack, { children: /* @__PURE__ */ jsx59(SliderIndicator, {}) }),
+        /* @__PURE__ */ jsx59(SliderThumb, {})
       ] })
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx59(
       FieldShell,
       {
         layout: form.layout,
@@ -3040,11 +3192,11 @@ function Slider2({
 
 // src/components/components/Sonner/index.tsx
 import { useRenderer as useRenderer14 } from "@pactor-app/runtime";
-import { useEffect as useEffect12 } from "react";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { useEffect as useEffect13 } from "react";
+import { jsx as jsx60 } from "react/jsx-runtime";
 function Sonner({ className, style }) {
   const { context } = useRenderer14();
-  useEffect12(() => {
+  useEffect13(() => {
     const { actions } = context;
     if (actions.has("toast")) {
       return;
@@ -3058,36 +3210,36 @@ function Sonner({ className, style }) {
       return { ok: true };
     });
   }, [context]);
-  return /* @__PURE__ */ jsx59("div", { "data-slot": "sonner", className, style, children: /* @__PURE__ */ jsx59(Toaster, {}) });
+  return /* @__PURE__ */ jsx60("div", { "data-slot": "sonner", className, style, children: /* @__PURE__ */ jsx60(Toaster, {}) });
 }
 
 // src/components/components/Spinner/index.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 var sizeClass = {
   sm: "size-3",
   default: "size-4",
   lg: "size-6"
 };
 function Spinner2({ size = "default", className, style }) {
-  return /* @__PURE__ */ jsx60(Spinner, { className: cn(sizeClass[size], className), style });
+  return /* @__PURE__ */ jsx61(Spinner, { className: cn(sizeClass[size], className), style });
 }
 
 // src/components/components/Statistic/index.tsx
-import { jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
 function Statistic({ title, value, precision, suffix, className, style }) {
   const display = typeof value === "number" && precision !== void 0 ? value.toFixed(precision) : value;
-  return /* @__PURE__ */ 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: [
+  return /* @__PURE__ */ jsxs42("div", { "data-slot": "statistic", className: cn(className), style, children: [
+    title ? /* @__PURE__ */ jsx62("div", { "data-slot": "statistic-title", className: "text-sm text-muted-foreground", children: title }) : null,
+    /* @__PURE__ */ jsxs42("div", { "data-slot": "statistic-value", className: "text-2xl font-bold tabular-nums", children: [
       display,
-      suffix ? /* @__PURE__ */ jsx61("span", { className: "ml-1 text-sm font-normal text-muted-foreground", children: suffix }) : null
+      suffix ? /* @__PURE__ */ jsx62("span", { className: "ml-1 text-sm font-normal text-muted-foreground", children: suffix }) : null
     ] })
   ] });
 }
 
 // src/components/components/Switch/index.tsx
-import { useEffect as useEffect13, useId as useId7 } from "react";
-import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
+import { useEffect as useEffect14, useId as useId8 } from "react";
+import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
 function Switch2({
   name,
   label,
@@ -3099,9 +3251,9 @@ function Switch2({
   style
 }) {
   const form = useFormContext();
-  const controlId = useId7();
+  const controlId = useId8();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect13(() => {
+  useEffect14(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -3116,13 +3268,13 @@ function Switch2({
     }
     onChange?.(next);
   };
-  const control = /* @__PURE__ */ jsxs42(
+  const control = /* @__PURE__ */ jsxs43(
     "span",
     {
       className: cn("inline-flex items-center gap-2", !inForm && className),
       style: inForm ? void 0 : style,
       children: [
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx63(
           Switch,
           {
             id: controlId,
@@ -3132,12 +3284,12 @@ function Switch2({
             onCheckedChange: handleChange
           }
         ),
-        label ? /* @__PURE__ */ jsx62("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
+        label ? /* @__PURE__ */ jsx63("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
       ]
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ jsxs42(
+    return /* @__PURE__ */ jsxs43(
       "div",
       {
         "data-slot": "form-item",
@@ -3145,7 +3297,7 @@ function Switch2({
         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
+          form.errors[name] ? /* @__PURE__ */ jsx63("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
         ]
       }
     );
@@ -3154,9 +3306,9 @@ function Switch2({
 }
 
 // src/components/components/Table/index.tsx
-import { useI18n as useI18n8, useRenderer as useRenderer15 } from "@pactor-app/runtime";
-import { useState as useState13 } from "react";
-import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
+import { useI18n as useI18n9, useRenderer as useRenderer15 } from "@pactor-app/runtime";
+import { useState as useState14 } from "react";
+import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
 function renderCellValue2(value) {
   if (value === void 0 || value === null) {
     return "";
@@ -3166,6 +3318,11 @@ function renderCellValue2(value) {
   }
   return String(value);
 }
+var columnAlignClass = {
+  left: void 0,
+  center: "text-center",
+  right: "text-right"
+};
 function Table2({
   columns = [],
   dataSource = [],
@@ -3177,8 +3334,8 @@ function Table2({
   style
 }) {
   const { renderChildren } = useRenderer15();
-  const { t } = useI18n8();
-  const [current, setCurrent] = useState13(1);
+  const { t } = useI18n9();
+  const [current, setCurrent] = useState14(1);
   const pageSize = pagination === false ? void 0 : pagination?.pageSize;
   const total = dataSource.length;
   const pageCount = pageSize !== void 0 && pageSize > 0 ? Math.max(1, Math.ceil(total / pageSize)) : 1;
@@ -3187,8 +3344,8 @@ function Table2({
     setCurrent(page);
     onChange?.({ current: page, pageSize, total });
   };
-  return /* @__PURE__ */ jsxs43("div", { "data-slot": "dsl-table", className: cn("relative", className), style, children: [
-    loading ? /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs44("div", { "data-slot": "dsl-table", className: cn("relative", className), style, children: [
+    loading ? /* @__PURE__ */ jsx64(
       "div",
       {
         "data-slot": "table-loading",
@@ -3196,16 +3353,17 @@ function Table2({
         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(
+    /* @__PURE__ */ jsxs44(Table, { children: [
+      /* @__PURE__ */ jsx64(TableHeader, { children: /* @__PURE__ */ jsx64(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => /* @__PURE__ */ jsx64(
         TableHead,
         {
+          className: column.align ? columnAlignClass[column.align] : void 0,
           style: column.width !== void 0 ? { width: column.width } : void 0,
           children: column.title
         },
         column.dataIndex ?? String(index)
       )) }) }),
-      /* @__PURE__ */ 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(
+      /* @__PURE__ */ jsx64(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx64(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx64(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ jsx64(
         "div",
         {
           "data-slot": "table-empty",
@@ -3214,19 +3372,26 @@ function Table2({
         }
       ) }) }) : pageRows.map((row, rowIndex) => {
         const key = row[rowKey];
-        return /* @__PURE__ */ jsx63(
+        return /* @__PURE__ */ jsx64(
           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)))
+            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx64(
+              TableCell,
+              {
+                className: column.align ? columnAlignClass[column.align] : void 0,
+                children: column.cell ? renderChildren([column.cell], { row, rowIndex }) : renderCellValue2(
+                  column.dataIndex === void 0 ? void 0 : row[column.dataIndex]
+                )
+              },
+              column.dataIndex ?? String(columnIndex)
+            ))
           },
           key === void 0 || key === null ? rowIndex : String(key)
         );
       }) })
     ] }),
-    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ 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(
+    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ jsx64("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
+      (page) => /* @__PURE__ */ jsx64(
         Button,
         {
           type: "button",
@@ -3244,7 +3409,7 @@ function Table2({
 
 // src/components/components/Tabs/index.tsx
 import { useRenderer as useRenderer16 } from "@pactor-app/runtime";
-import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs45 } from "react/jsx-runtime";
 function Tabs2({
   items = [],
   activeKey,
@@ -3256,7 +3421,7 @@ function Tabs2({
   style
 }) {
   const { renderChildren } = useRenderer16();
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs45(
     Tabs,
     {
       value: activeKey,
@@ -3265,8 +3430,8 @@ function Tabs2({
       className,
       style,
       children: [
-        /* @__PURE__ */ jsx64(TabsList, { variant, children: items.map((item) => /* @__PURE__ */ jsx64(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
-        items.map((item) => /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx65(TabsList, { variant, children: items.map((item) => /* @__PURE__ */ jsx65(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
+        items.map((item) => /* @__PURE__ */ jsx65(
           TabsContent,
           {
             value: item.key,
@@ -3282,7 +3447,7 @@ function Tabs2({
 }
 
 // src/components/components/Text/index.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 var typeClassMap = {
   default: "",
   secondary: "text-muted-foreground",
@@ -3307,7 +3472,7 @@ function Text({
   style,
   children
 }) {
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     "span",
     {
       "data-slot": "text",
@@ -3328,8 +3493,8 @@ function Text({
 }
 
 // src/components/components/Textarea/index.tsx
-import { useEffect as useEffect14, useId as useId8 } from "react";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { useEffect as useEffect15, useId as useId9 } from "react";
+import { jsx as jsx67 } from "react/jsx-runtime";
 function Textarea2({
   name,
   label,
@@ -3343,9 +3508,9 @@ function Textarea2({
   style
 }) {
   const form = useFormContext();
-  const controlId = useId8();
+  const controlId = useId9();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect14(() => {
+  useEffect15(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -3354,7 +3519,7 @@ function Textarea2({
   });
   if (inForm && form && name) {
     const fieldValue = form.values[name];
-    return /* @__PURE__ */ jsx66(
+    return /* @__PURE__ */ jsx67(
       FieldShell,
       {
         layout: form.layout,
@@ -3363,7 +3528,7 @@ function Textarea2({
         error: form.errors[name],
         className,
         style,
-        children: /* @__PURE__ */ jsx66(
+        children: /* @__PURE__ */ jsx67(
           Textarea,
           {
             id: controlId,
@@ -3380,7 +3545,7 @@ function Textarea2({
       }
     );
   }
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     Textarea,
     {
       value: value ?? "",
@@ -3395,7 +3560,7 @@ function Textarea2({
 }
 
 // src/components/components/Toggle/index.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 function Toggle2({
   text,
   pressed,
@@ -3406,7 +3571,7 @@ function Toggle2({
   className,
   style
 }) {
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx68(
     Toggle,
     {
       pressed,
@@ -3422,7 +3587,7 @@ function Toggle2({
 }
 
 // src/components/components/ToggleGroup/index.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 function ToggleGroup2({
   options = [],
   value,
@@ -3442,7 +3607,7 @@ function ToggleGroup2({
       onChange?.(added ?? void 0);
     }
   };
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     ToggleGroup,
     {
       value: groupValue,
@@ -3451,7 +3616,7 @@ function ToggleGroup2({
       onValueChange: (next) => handleChange(next),
       className,
       style,
-      children: options.map((option) => /* @__PURE__ */ jsx68(
+      children: options.map((option) => /* @__PURE__ */ jsx69(
         ToggleGroupItem,
         {
           value: option.value,
@@ -3465,23 +3630,23 @@ function ToggleGroup2({
 }
 
 // src/components/components/Tooltip/index.tsx
-import { jsx as jsx69, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs46 } 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 })
+  return /* @__PURE__ */ jsxs46(Tooltip, { children: [
+    /* @__PURE__ */ jsx70(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
+    /* @__PURE__ */ jsx70(TooltipContent, { className, style, children: content })
   ] });
 }
 
 // src/components/components/Typography/index.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 function Typography2({
   variant = "p",
   text,
   className,
   style
 }) {
-  return /* @__PURE__ */ jsx70(Typography, { variant, className, style, children: text });
+  return /* @__PURE__ */ jsx71(Typography, { variant, className, style, children: text });
 }
 
 // src/components/register.ts
@@ -3497,6 +3662,7 @@ var builtinComponents = {
   Table: Table2,
   Form,
   Input: Input2,
+  NumberInput,
   Select: Select2,
   // Layout 需要原始 DSL 子树做方向推导（含 Sider 判定），以 withScope 注册
   Layout: { component: Layout, withScope: true },
@@ -3622,6 +3788,7 @@ export {
   Link,
   Menubar2 as Menubar,
   NavigationMenu2 as NavigationMenu,
+  NumberInput,
   Page,
   Pagination2 as Pagination,
   Popover2 as Popover,