@pactor-app/ui 1.0.0 → 1.2.0

package/dist/{chunk-FVZMNP5P.js → chunk-LMEJ242M.js}

@@ -1,6 +1,8 @@
 import {
-  Icon
-} from "./chunk-UR3I4WXQ.js";
+  Icon,
+  Menu,
+  Sidebar
+} from "./chunk-HJPHJKVA.js";
 import {
   Alert,
   AlertDescription,
@@ -142,14 +144,11 @@ import {
   Toggle,
   ToggleGroup,
   ToggleGroupItem,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
   Typography,
   chartColor,
   navigationMenuTriggerStyle,
   toast
-} from "./chunk-TUXCPXPA.js";
+} from "./chunk-Q5NUGUJG.js";
 import {
   Button,
   Dialog,
@@ -174,8 +173,11 @@ import {
   CardTitle,
   Popover,
   PopoverContent,
-  PopoverTrigger
-} from "./chunk-GL7IO22L.js";
+  PopoverTrigger,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "./chunk-2LYMCWEJ.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
@@ -870,10 +872,111 @@ function Chart({
   );
 }
 
+// src/components/components/ChatInput/index.tsx
+import { useRenderer as useRenderer4 } from "@pactor-app/runtime";
+import { ArrowUp } from "lucide-react";
+import {
+  useRef,
+  useState as useState5
+} from "react";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+function ChatInput({
+  value,
+  placeholder,
+  disabled,
+  rows = 3,
+  hideSend,
+  toolbarStart,
+  toolbarEnd,
+  header,
+  footer,
+  onChange,
+  onSubmit,
+  className,
+  style
+}) {
+  const { renderChildren } = useRenderer4();
+  const controlled = value !== void 0;
+  const [draft, setDraft] = useState5("");
+  const text = controlled ? value : draft;
+  const canSubmit = !disabled && text.trim() !== "";
+  const composingRef = useRef(false);
+  const handleChange = (next) => {
+    if (!controlled) {
+      setDraft(next);
+    }
+    onChange?.(next);
+  };
+  const submit = () => {
+    if (!canSubmit) {
+      return;
+    }
+    onSubmit?.(text);
+    if (!controlled) {
+      setDraft("");
+    }
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" && !event.shiftKey && !composingRef.current && !event.nativeEvent.isComposing) {
+      event.preventDefault();
+      submit();
+    }
+  };
+  const handleComposition = (event) => {
+    composingRef.current = event.type === "compositionstart";
+  };
+  return /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      "data-slot": "chat-input",
+      className: cn(
+        "rounded-xl border border-border bg-background transition-shadow focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50",
+        className
+      ),
+      style,
+      children: [
+        header ? /* @__PURE__ */ jsx19("div", { className: "px-3 pt-3", children: renderChildren([header]) }) : null,
+        /* @__PURE__ */ jsx19(
+          Textarea,
+          {
+            value: text,
+            placeholder,
+            disabled,
+            rows,
+            onChange: (event) => handleChange(event.target.value),
+            onKeyDown: handleKeyDown,
+            onCompositionStart: handleComposition,
+            onCompositionEnd: handleComposition,
+            className: "min-h-[60px] resize-none border-0 px-4 pt-3 pb-1 shadow-none focus-visible:border-transparent focus-visible:ring-0"
+          }
+        ),
+        toolbarStart || toolbarEnd || !hideSend ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1 px-2 pb-2", children: [
+          toolbarStart ? renderChildren([toolbarStart]) : null,
+          /* @__PURE__ */ jsx19("span", { className: "flex-1" }),
+          toolbarEnd ? renderChildren([toolbarEnd]) : null,
+          hideSend ? null : /* @__PURE__ */ jsx19(
+            Button,
+            {
+              type: "button",
+              size: "icon",
+              "aria-label": "\u53D1\u9001",
+              disabled: !canSubmit,
+              onClick: submit,
+              className: "size-8 rounded-full",
+              children: /* @__PURE__ */ jsx19(ArrowUp, {})
+            }
+          )
+        ] }) : null,
+        footer ? /* @__PURE__ */ jsx19("div", { className: "border-t border-border px-3 py-2", children: renderChildren([footer]) }) : null
+      ]
+    }
+  );
+}
+
 // src/components/components/Content/index.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Content({ className, style, children }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "main",
     {
       "data-slot": "layout-content",
@@ -885,7 +988,7 @@ function Content({ className, style, children }) {
 }
 
 // src/components/components/ContextMenu/index.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 function ContextMenu2({
   items = [],
   onSelect,
@@ -893,16 +996,16 @@ function ContextMenu2({
   className,
   style
 }) {
-  return /* @__PURE__ */ jsxs15(ContextMenu, { children: [
-    /* @__PURE__ */ jsx20(ContextMenuTrigger, { children }),
-    /* @__PURE__ */ jsx20(ContextMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(ContextMenu, { children: [
+    /* @__PURE__ */ jsx21(ContextMenuTrigger, { children }),
+    /* @__PURE__ */ jsx21(ContextMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ jsxs16(
       ContextMenuItem,
       {
         variant: item.danger ? "destructive" : "default",
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ jsx20(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ jsx21(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -912,10 +1015,10 @@ function ContextMenu2({
 }
 
 // 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";
+import { useI18n as useI18n3, useRenderer as useRenderer5 } from "@pactor-app/runtime";
+import { ArrowDown, ArrowUp as ArrowUp2, ArrowUpDown } from "lucide-react";
+import { useMemo, useState as useState6 } from "react";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function renderCellValue(value) {
   if (value === void 0 || value === null) {
     return "";
@@ -942,11 +1045,11 @@ function DataTable({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer4();
+  const { renderChildren } = useRenderer5();
   const { t } = useI18n3();
-  const [sortState, setSortState] = useState5(sort);
-  const [filters, setFilters] = useState5({});
-  const [current, setCurrent] = useState5(1);
+  const [sortState, setSortState] = useState6(sort);
+  const [filters, setFilters] = useState6({});
+  const [current, setCurrent] = useState6(1);
   const viewRows = useMemo(() => {
     const activeFilters = Object.entries(filters).filter(
       ([, keyword]) => keyword !== ""
@@ -984,12 +1087,12 @@ function DataTable({
     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) => {
+  return /* @__PURE__ */ jsxs17("div", { "data-slot": "data-table", className: cn("relative", className), style, children: [
+    /* @__PURE__ */ jsxs17(Table, { children: [
+      /* @__PURE__ */ jsx22(TableHeader, { children: /* @__PURE__ */ jsx22(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => {
         const sorted = sortState?.key === column.key;
-        return /* @__PURE__ */ jsx21(TableHead, { children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
-          column.sortable ? /* @__PURE__ */ jsxs16(
+        return /* @__PURE__ */ jsx22(TableHead, { children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
+          column.sortable ? /* @__PURE__ */ jsxs17(
             "button",
             {
               type: "button",
@@ -1000,7 +1103,7 @@ function DataTable({
               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(
+                sorted ? sortState.order === "asc" ? /* @__PURE__ */ jsx22(ArrowUp2, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ jsx22(ArrowDown, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ jsx22(
                   ArrowUpDown,
                   {
                     "aria-hidden": true,
@@ -1009,8 +1112,8 @@ function DataTable({
                 )
               ]
             }
-          ) : /* @__PURE__ */ jsx21("span", { children: column.title }),
-          column.filterable ? /* @__PURE__ */ jsx21(
+          ) : /* @__PURE__ */ jsx22("span", { children: column.title }),
+          column.filterable ? /* @__PURE__ */ jsx22(
             Input,
             {
               "data-slot": "data-table-filter",
@@ -1023,7 +1126,7 @@ function DataTable({
           ) : 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(
+      /* @__PURE__ */ jsx22(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx22(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx22(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ jsx22(
         "div",
         {
           "data-slot": "table-empty",
@@ -1032,20 +1135,20 @@ function DataTable({
         }
       ) }) }) : pageRows.map((row, rowIndex) => {
         const key = row[rowKey];
-        return /* @__PURE__ */ jsx21(
+        return /* @__PURE__ */ jsx22(
           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));
+              return /* @__PURE__ */ jsx22(TableCell, { children: template ? renderChildren(template, { row, rowIndex }) : renderCellValue(row[column.key]) }, column.key ?? String(columnIndex));
             })
           },
           key === void 0 || key === null ? rowIndex : String(key)
         );
       }) })
     ] }),
-    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ 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(
+    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ jsx22("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
+      (page) => /* @__PURE__ */ jsx22(
         Button,
         {
           type: "button",
@@ -1062,9 +1165,9 @@ function DataTable({
 }
 
 // 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";
+import { useRenderer as useRenderer6 } from "@pactor-app/runtime";
+import { useState as useState7 } from "react";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function Dialog2({
   title,
   description,
@@ -1075,11 +1178,11 @@ function Dialog2({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer5();
-  const [innerOpen, setInnerOpen] = useState6(false);
+  const { renderChildren } = useRenderer6();
+  const [innerOpen, setInnerOpen] = useState7(false);
   const controlled = open !== void 0;
   const visible = controlled ? open : innerOpen;
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     Dialog,
     {
       open: visible,
@@ -1092,7 +1195,7 @@ function Dialog2({
         }
       },
       children: [
-        trigger ? /* @__PURE__ */ jsx22(
+        trigger ? /* @__PURE__ */ jsx23(
           DialogTrigger,
           {
             nativeButton: false,
@@ -1100,10 +1203,10 @@ function Dialog2({
             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
+        /* @__PURE__ */ jsxs18(DialogContent, { className, style, children: [
+          title || description ? /* @__PURE__ */ jsxs18(DialogHeader, { children: [
+            title ? /* @__PURE__ */ jsx23(DialogTitle, { children: title }) : null,
+            description ? /* @__PURE__ */ jsx23(DialogDescription, { children: description }) : null
           ] }) : null,
           children
         ] })
@@ -1113,7 +1216,7 @@ function Dialog2({
 }
 
 // src/components/components/Drawer/index.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function Drawer2({
   title,
   open,
@@ -1123,7 +1226,7 @@ function Drawer2({
   className,
   style
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     Drawer,
     {
       direction: placement,
@@ -1133,16 +1236,16 @@ function Drawer2({
           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 })
+      children: /* @__PURE__ */ jsxs19(DrawerContent, { className, style, children: [
+        title ? /* @__PURE__ */ jsx24(DrawerHeader, { children: /* @__PURE__ */ jsx24(DrawerTitle, { children: title }) }) : null,
+        /* @__PURE__ */ jsx24("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";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function DropdownMenu2({
   items = [],
   onSelect,
@@ -1150,8 +1253,8 @@ function DropdownMenu2({
   className,
   style
 }) {
-  return /* @__PURE__ */ jsxs19(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs20(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx25(
       DropdownMenuTrigger,
       {
         nativeButton: false,
@@ -1159,14 +1262,14 @@ function DropdownMenu2({
         children
       }
     ),
-    /* @__PURE__ */ jsx24(DropdownMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsx25(DropdownMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ jsxs20(
       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.icon ? /* @__PURE__ */ jsx25(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -1176,30 +1279,30 @@ function DropdownMenu2({
 }
 
 // src/components/components/Empty/index.tsx
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs21 } 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
+  return /* @__PURE__ */ jsxs21(Empty, { className, style, children: [
+    /* @__PURE__ */ jsxs21(EmptyHeader, { children: [
+      title ? /* @__PURE__ */ jsx26(EmptyTitle, { children: title }) : null,
+      description ? /* @__PURE__ */ jsx26(EmptyDescription, { children: description }) : null
     ] }),
-    children ? /* @__PURE__ */ jsx25(EmptyContent, { children }) : null
+    children ? /* @__PURE__ */ jsx26(EmptyContent, { children }) : null
   ] });
 }
 
 // src/components/components/Field/index.tsx
-import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22 } 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,
+  return /* @__PURE__ */ jsxs22(Field, { className, style, children: [
+    label ? /* @__PURE__ */ jsx27(FieldLabel, { children: label }) : null,
     children,
-    description ? /* @__PURE__ */ jsx26(FieldDescription, { children: description }) : null,
-    error ? /* @__PURE__ */ jsx26(FieldError, { match: true, children: error }) : null
+    description ? /* @__PURE__ */ jsx27(FieldDescription, { children: description }) : null,
+    error ? /* @__PURE__ */ jsx27(FieldError, { match: true, children: error }) : null
   ] });
 }
 
 // src/components/components/Flex/index.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var gapClass = {
   small: "gap-2",
   middle: "gap-4",
@@ -1229,7 +1332,7 @@ function Flex({
   style,
   children
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "flex",
@@ -1248,9 +1351,9 @@ function Flex({
 }
 
 // src/components/components/Footer/index.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Footer({ className, style, children }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "footer",
     {
       "data-slot": "layout-footer",
@@ -1265,15 +1368,15 @@ function Footer({ className, style, children }) {
 }
 
 // src/components/components/Form/index.tsx
-import { useRenderer as useRenderer6 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer7 } from "@pactor-app/runtime";
 import {
   useCallback,
   useEffect as useEffect5,
   useMemo as useMemo2,
-  useRef,
-  useState as useState7
+  useRef as useRef2,
+  useState as useState8
 } from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function isEmpty(value) {
   return value === void 0 || value === null || value === "";
 }
@@ -1287,13 +1390,13 @@ function Form({
   onSubmit,
   onValuesChange
 }) {
-  const { context } = useRenderer6();
-  const [values, setValues] = useState7(() => ({
+  const { context } = useRenderer7();
+  const [values, setValues] = useState8(() => ({
     ...initialValues
   }));
-  const [errors, setErrors] = useState7({});
-  const fieldRulesRef = useRef(/* @__PURE__ */ new Map());
-  const mergedInitialFieldsRef = useRef(/* @__PURE__ */ new Set());
+  const [errors, setErrors] = useState8({});
+  const fieldRulesRef = useRef2(/* @__PURE__ */ new Map());
+  const mergedInitialFieldsRef = useRef2(/* @__PURE__ */ new Set());
   const setValuesBatch = useCallback((partial) => {
     setValues((prev) => ({ ...prev, ...partial }));
   }, []);
@@ -1354,7 +1457,7 @@ function Form({
     context.state.set("form", values);
     onSubmit?.(values);
   };
-  return /* @__PURE__ */ jsx29(FormContextProvider, { value: formContext, children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(FormContextProvider, { value: formContext, children: /* @__PURE__ */ jsx30(
     "form",
     {
       "data-slot": "form",
@@ -1368,10 +1471,10 @@ function Form({
 
 // src/components/components/Grid/index.tsx
 import { Children } from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function Grid({ columns = 1, gap, className, style, children }) {
   const cols = Math.max(1, columns);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "grid",
@@ -1382,7 +1485,7 @@ function Grid({ columns = 1, gap, className, style, children }) {
         ...gap !== void 0 ? { gap } : {},
         ...style
       },
-      children: Children.map(children, (child, index) => /* @__PURE__ */ jsx30("div", { "data-slot": "grid-item", children: child }, index))
+      children: Children.map(children, (child, index) => /* @__PURE__ */ jsx31("div", { "data-slot": "grid-item", children: child }, index))
     }
   );
 }
@@ -1390,7 +1493,7 @@ function Grid({ columns = 1, gap, className, style, children }) {
 // 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";
+import { Fragment as Fragment2, jsx as jsx32, jsxs as jsxs23 } 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,
@@ -1421,10 +1524,10 @@ function Header({
     className
   );
   if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales) {
-    return /* @__PURE__ */ jsx31("header", { "data-slot": "layout-header", className: rootClass, style, children });
+    return /* @__PURE__ */ jsx32("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(
+  const brandNode = hasBrand && /* @__PURE__ */ jsxs23("div", { "data-slot": "header-brand", className: "flex items-center gap-2", children: [
+    logo !== void 0 && /* @__PURE__ */ jsx32(
       "img",
       {
         "data-slot": "header-brand-logo",
@@ -1433,23 +1536,23 @@ function Header({
         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 })
+    title !== void 0 && /* @__PURE__ */ jsx32("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 dropdownNode = dropdown !== void 0 && /* @__PURE__ */ jsx32(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: [
+  return /* @__PURE__ */ jsxs23("header", { "data-slot": "layout-header", className: rootClass, style, children: [
+    showLeft && /* @__PURE__ */ jsxs23("div", { "data-slot": "header-left", className: "flex items-center gap-4", children: [
       brandLeft && brandNode,
       dropdownLeft && dropdownNode,
-      hasMenu && /* @__PURE__ */ jsx31(HeaderMenuArea, { items: menu, onSelect: onMenuSelect })
+      hasMenu && /* @__PURE__ */ jsx32(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: [
+    /* @__PURE__ */ jsx32("div", { "data-slot": "header-center", className: "flex flex-1 items-center gap-4", children }),
+    showRight && /* @__PURE__ */ jsxs23("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 })
+      hasLocales && /* @__PURE__ */ jsx32(HeaderLocalesArea, { locales, onSelect: onLocaleChange }),
+      hasUser && /* @__PURE__ */ jsx32(HeaderUserArea, { user, onSelect: onUserSelect })
     ] })
   ] });
 }
@@ -1457,25 +1560,25 @@ function HeaderDropdownArea({
   dropdown,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs23(
       DropdownMenuTrigger,
       {
         "data-slot": "header-dropdown",
         className: cn(menuItemClass, "outline-hidden"),
         children: [
           dropdown.label,
-          /* @__PURE__ */ jsx31(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+          /* @__PURE__ */ jsx32(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx31(DropdownMenuContent, { children: dropdown.items.map((item) => /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsx32(DropdownMenuContent, { children: dropdown.items.map((item) => /* @__PURE__ */ jsxs23(
       DropdownMenuItem,
       {
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ jsx31(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ jsx32(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -1487,23 +1590,23 @@ 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(
+  return /* @__PURE__ */ jsx32("nav", { "data-slot": "header-menu", className: "flex items-center gap-1", children: items.map(
+    (item) => item.children !== void 0 && item.children.length > 0 ? /* @__PURE__ */ jsxs23(DropdownMenu, { children: [
+      /* @__PURE__ */ jsxs23(
         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.icon ? /* @__PURE__ */ jsx32(Icon, { name: item.icon, size: "sm" }) : null,
             item.label,
-            /* @__PURE__ */ jsx31(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+            /* @__PURE__ */ jsx32(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(
+      /* @__PURE__ */ jsx32(DropdownMenuContent, { children: item.children.map((child) => /* @__PURE__ */ jsx32(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
+    ] }, item.key) : /* @__PURE__ */ jsxs23(
       "button",
       {
         type: "button",
@@ -1512,7 +1615,7 @@ function HeaderMenuArea({
         className: menuItemClass,
         onClick: () => onSelect?.(item.key),
         children: [
-          item.icon ? /* @__PURE__ */ jsx31(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ jsx32(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -1525,16 +1628,16 @@ function HeaderMenuEntry({
   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,
+    return /* @__PURE__ */ jsxs23(DropdownMenuSub, { children: [
+      /* @__PURE__ */ jsxs23(DropdownMenuSubTrigger, { "data-key": item.key, children: [
+        item.icon ? /* @__PURE__ */ jsx32(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)) })
+      /* @__PURE__ */ jsx32(DropdownMenuSubContent, { children: item.children.map((child) => /* @__PURE__ */ jsx32(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,
+  return /* @__PURE__ */ jsxs23(DropdownMenuItem, { "data-key": item.key, onClick: () => onSelect?.(item.key), children: [
+    item.icon ? /* @__PURE__ */ jsx32(Icon, { name: item.icon, size: "sm" }) : null,
     item.label
   ] });
 }
@@ -1542,18 +1645,18 @@ 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) })
+  const identity = /* @__PURE__ */ jsxs23(Fragment2, { children: [
+    /* @__PURE__ */ jsxs23(Avatar, { className: "size-7", children: [
+      user.avatar !== void 0 && /* @__PURE__ */ jsx32(AvatarImage, { src: user.avatar, alt: user.name }),
+      /* @__PURE__ */ jsx32(AvatarFallback, { children: user.name.charAt(0) })
     ] }),
-    /* @__PURE__ */ jsx31("span", { className: "text-sm", children: user.name })
+    /* @__PURE__ */ jsx32("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__ */ jsx32("div", { "data-slot": "header-user", className: "flex items-center gap-2", children: identity });
   }
-  return /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs23(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx32(
       DropdownMenuTrigger,
       {
         "data-slot": "header-user",
@@ -1561,8 +1664,8 @@ function HeaderUserArea({
         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,
+    /* @__PURE__ */ jsx32(DropdownMenuContent, { align: "end", children: user.items.map((item) => /* @__PURE__ */ jsxs23(DropdownMenuItem, { onClick: () => onSelect?.(item.value), children: [
+      item.icon ? /* @__PURE__ */ jsx32(Icon, { name: item.icon, size: "sm" }) : null,
       item.label
     ] }, item.value)) })
   ] });
@@ -1573,19 +1676,19 @@ function HeaderLocalesArea({
 }) {
   const { locale } = useI18n4();
   const current = locales.find((option) => option.value === locale);
-  return /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs23(
       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__ */ jsx32(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx31(DropdownMenuContent, { align: "end", children: locales.map((option) => /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx32(DropdownMenuContent, { align: "end", children: locales.map((option) => /* @__PURE__ */ jsx32(
       DropdownMenuItem,
       {
         onClick: () => onSelect?.(option.value),
@@ -1597,22 +1700,22 @@ function HeaderLocalesArea({
 }
 
 // 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";
+import { useRenderer as useRenderer8 } from "@pactor-app/runtime";
+import { jsx as jsx33, jsxs as jsxs24 } 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 })
+  const { renderChildren } = useRenderer8();
+  return /* @__PURE__ */ jsxs24(HoverCard, { children: [
+    /* @__PURE__ */ jsx33(HoverCardTrigger, { render: triggerWrapper("hover-card-trigger-wrap"), children }),
+    /* @__PURE__ */ jsx33(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";
+import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
 function Input2({
   name,
   label,
@@ -1638,14 +1741,14 @@ function Input2({
   if (inForm && form && name) {
     const fieldValue = form.values[name];
     const error = form.errors[name];
-    return /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsxs25(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ jsx33(
+          label ? /* @__PURE__ */ jsx34(
             "label",
             {
               htmlFor: controlId,
@@ -1653,7 +1756,7 @@ function Input2({
               children: label
             }
           ) : null,
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx34(
             Input,
             {
               id: controlId,
@@ -1667,12 +1770,12 @@ function Input2({
               }
             }
           ),
-          error ? /* @__PURE__ */ jsx33("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ jsx34("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Input,
     {
       type,
@@ -1687,14 +1790,14 @@ function Input2({
 }
 
 // src/components/components/InputGroup/index.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function InputGroup2({ className, style, children }) {
-  return /* @__PURE__ */ jsx34(InputGroup, { className, style, children });
+  return /* @__PURE__ */ jsx35(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";
+import { useEffect as useEffect7, useState as useState9 } from "react";
+import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
 function InputOTP2({
   name,
   label,
@@ -1716,7 +1819,7 @@ function InputOTP2({
     }
     return void 0;
   });
-  const [innerValue, setInnerValue] = useState8(typeof value === "string" ? value : "");
+  const [innerValue, setInnerValue] = useState9(typeof value === "string" ? value : "");
   useEffect7(() => {
     if (!inForm) setInnerValue(typeof value === "string" ? value : "");
   }, [inForm, value]);
@@ -1732,38 +1835,38 @@ function InputOTP2({
       onComplete?.(next);
     }
   };
-  const control = /* @__PURE__ */ jsx35(
+  const control = /* @__PURE__ */ jsx36(
     InputOTP,
     {
       maxLength: length,
       value: current,
       onChange: handleChange,
       disabled,
-      children: /* @__PURE__ */ jsx35(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx35(InputOTPSlot, { index }, index)) })
+      children: /* @__PURE__ */ jsx36(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx36(InputOTPSlot, { index }, index)) })
     }
   );
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsxs26(
       "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,
+          label ? /* @__PURE__ */ jsx36("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
+          error ? /* @__PURE__ */ jsx36("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 });
+  return /* @__PURE__ */ jsx36("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";
+import { useRenderer as useRenderer9 } from "@pactor-app/runtime";
+import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
 function Item2({
   title,
   description,
@@ -1772,41 +1875,41 @@ function Item2({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer8();
+  const { renderChildren } = useRenderer9();
   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
+  return /* @__PURE__ */ jsxs27(Item, { className, style, children: [
+    mediaNodes.length > 0 ? /* @__PURE__ */ jsx37(ItemMedia, { children: renderChildren(mediaNodes) }) : null,
+    /* @__PURE__ */ jsxs27(ItemContent, { children: [
+      title ? /* @__PURE__ */ jsx37(ItemTitle, { children: title }) : null,
+      description ? /* @__PURE__ */ jsx37(ItemDescription, { children: description }) : null
     ] }),
-    actions && actions.length > 0 ? /* @__PURE__ */ jsx36(ItemActions, { children: renderChildren(actions) }) : null
+    actions && actions.length > 0 ? /* @__PURE__ */ jsx37(ItemActions, { children: renderChildren(actions) }) : null
   ] });
 }
 
 // src/components/components/Kbd/index.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function Kbd2({ text, className, style }) {
-  return /* @__PURE__ */ jsx37(Kbd, { className, style, children: text });
+  return /* @__PURE__ */ jsx38(Kbd, { className, style, children: text });
 }
 
 // src/components/components/Label/index.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function Label2({ text, htmlFor, className, style }) {
-  return /* @__PURE__ */ jsx38(Label, { htmlFor, className, style, children: text });
+  return /* @__PURE__ */ jsx39(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";
+import { useRenderer as useRenderer10 } from "@pactor-app/runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Layout({ direction, className, style, dslChildren }) {
-  const { renderChildren, context } = useRenderer9();
+  const { renderChildren, context } = useRenderer10();
   const hasSider = Array.isArray(dslChildren) ? dslChildren.some(
     (child) => !isDslSourceRef(child) && resolveRootType(child, context) === "Sider"
   ) : false;
   const dir = direction ?? (hasSider ? "horizontal" : "vertical");
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "layout",
@@ -1830,9 +1933,9 @@ function resolveRootType(node, context) {
 }
 
 // src/components/components/Link/index.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function Link({ href, text, target, className, style, children }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "a",
     {
       "data-slot": "link",
@@ -1846,82 +1949,6 @@ function Link({ href, text, target, className, style, 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 }) {
@@ -1995,7 +2022,7 @@ function Page({ title, className, style, children }) {
 }
 
 // src/components/components/Pagination/index.tsx
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
 function pageItems(current, count) {
   if (count <= 7) {
@@ -2017,7 +2044,7 @@ function Pagination2({
   className,
   style
 }) {
-  const [innerPage, setInnerPage] = useState9(1);
+  const [innerPage, setInnerPage] = useState10(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) => {
@@ -2069,13 +2096,13 @@ function Pagination2({
 }
 
 // src/components/components/Popover/index.tsx
-import { useRenderer as useRenderer10 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer11 } 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();
+  const { renderChildren } = useRenderer11();
   return /* @__PURE__ */ jsxs32(Popover, { children: [
     /* @__PURE__ */ jsx46(
       PopoverTrigger,
@@ -2205,7 +2232,7 @@ function RadioGroup2({
 }
 
 // src/components/components/Resizable/index.tsx
-import { useRenderer as useRenderer11 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer12 } from "@pactor-app/runtime";
 import { Fragment as Fragment4 } from "react";
 import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
 function Resizable({
@@ -2214,7 +2241,7 @@ function Resizable({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer11();
+  const { renderChildren } = useRenderer12();
   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(
@@ -2389,120 +2416,9 @@ function Sheet2({
   );
 }
 
-// src/components/components/Sidebar/index.tsx
-import { useI18n as useI18n6 } from "@pactor-app/runtime";
+// src/components/components/Sider/index.tsx
 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,
@@ -2514,7 +2430,7 @@ function Sider({
   children
 }) {
   const current = collapsed ? collapsedWidth : width;
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs38(
     "aside",
     {
       "data-slot": "layout-sider",
@@ -2525,15 +2441,15 @@ function Sider({
       ),
       style: { width: current, ...style },
       children: [
-        /* @__PURE__ */ jsx56("div", { className: "min-h-0 flex-1 overflow-auto", children }),
-        collapsible ? /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx55("div", { className: "min-h-0 flex-1 overflow-auto", children }),
+        collapsible ? /* @__PURE__ */ jsx55(
           "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" })
+            children: collapsed ? /* @__PURE__ */ jsx55(ChevronRight, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ jsx55(ChevronLeft, { "aria-hidden": true, className: "size-4" })
           }
         ) : null
       ]
@@ -2542,7 +2458,7 @@ function Sider({
 }
 
 // src/components/components/Skeleton/index.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var shapeDefaults = {
   line: { className: "h-4 w-full", style: {} },
   circle: { className: "rounded-full", style: { width: 40, height: 40 } },
@@ -2553,7 +2469,7 @@ function toSize(value) {
 }
 function Skeleton2({ shape = "line", width, height, className, style }) {
   const defaults = shapeDefaults[shape];
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx56(
     Skeleton,
     {
       className: cn(defaults.className, className),
@@ -2569,7 +2485,7 @@ function Skeleton2({ shape = "line", width, height, className, style }) {
 
 // src/components/components/Slider/index.tsx
 import { useEffect as useEffect10 } from "react";
-import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
 function Slider2({
   name,
   label,
@@ -2600,7 +2516,7 @@ function Slider2({
     }
     onChange?.(next);
   };
-  const slider = /* @__PURE__ */ jsx58(
+  const slider = /* @__PURE__ */ jsx57(
     Slider,
     {
       value: numberValue,
@@ -2612,14 +2528,14 @@ function Slider2({
       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, {})
+      children: /* @__PURE__ */ jsx57(SliderControl, { children: /* @__PURE__ */ jsxs39(SliderTrack, { children: [
+        /* @__PURE__ */ jsx57(SliderIndicator, {}),
+        /* @__PURE__ */ jsx57(SliderThumb, {})
       ] }) })
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx57(
       FieldShell,
       {
         layout: form.layout,
@@ -2635,11 +2551,11 @@ function Slider2({
 }
 
 // src/components/components/Sonner/index.tsx
-import { useRenderer as useRenderer12 } from "@pactor-app/runtime";
+import { useRenderer as useRenderer13 } from "@pactor-app/runtime";
 import { useEffect as useEffect11 } from "react";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function Sonner({ className, style }) {
-  const { context } = useRenderer12();
+  const { context } = useRenderer13();
   useEffect11(() => {
     const { actions } = context;
     if (actions.has("toast")) {
@@ -2654,36 +2570,36 @@ function Sonner({ className, style }) {
       return { ok: true };
     });
   }, [context]);
-  return /* @__PURE__ */ jsx59("div", { "data-slot": "sonner", className, style, children: /* @__PURE__ */ jsx59(Toaster, {}) });
+  return /* @__PURE__ */ jsx58("div", { "data-slot": "sonner", className, style, children: /* @__PURE__ */ jsx58(Toaster, {}) });
 }
 
 // src/components/components/Spinner/index.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx59 } 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__ */ jsx59(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 jsx60, jsxs as jsxs40 } 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__ */ jsxs40("div", { "data-slot": "statistic", className: cn(className), style, children: [
+    title ? /* @__PURE__ */ jsx60("div", { "data-slot": "statistic-title", className: "text-sm text-muted-foreground", children: title }) : null,
+    /* @__PURE__ */ jsxs40("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__ */ jsx60("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";
+import { jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
 function Switch2({
   name,
   label,
@@ -2712,13 +2628,13 @@ function Switch2({
     }
     onChange?.(next);
   };
-  const control = /* @__PURE__ */ jsxs42(
+  const control = /* @__PURE__ */ jsxs41(
     "span",
     {
       className: cn("inline-flex items-center gap-2", !inForm && className),
       style: inForm ? void 0 : style,
       children: [
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx61(
           Switch,
           {
             id: controlId,
@@ -2728,12 +2644,12 @@ function Switch2({
             onCheckedChange: handleChange
           }
         ),
-        label ? /* @__PURE__ */ jsx62("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
+        label ? /* @__PURE__ */ jsx61("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
       ]
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ jsxs42(
+    return /* @__PURE__ */ jsxs41(
       "div",
       {
         "data-slot": "form-item",
@@ -2741,7 +2657,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__ */ jsx61("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
         ]
       }
     );
@@ -2750,9 +2666,9 @@ function Switch2({
 }
 
 // src/components/components/Table/index.tsx
-import { useI18n as useI18n7, useRenderer as useRenderer13 } from "@pactor-app/runtime";
+import { useI18n as useI18n6, useRenderer as useRenderer14 } from "@pactor-app/runtime";
 import { useState as useState11 } from "react";
-import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
 function renderCellValue2(value) {
   if (value === void 0 || value === null) {
     return "";
@@ -2772,8 +2688,8 @@ function Table2({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer13();
-  const { t } = useI18n7();
+  const { renderChildren } = useRenderer14();
+  const { t } = useI18n6();
   const [current, setCurrent] = useState11(1);
   const pageSize = pagination === false ? void 0 : pagination?.pageSize;
   const total = dataSource.length;
@@ -2783,8 +2699,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__ */ jsxs42("div", { "data-slot": "dsl-table", className: cn("relative", className), style, children: [
+    loading ? /* @__PURE__ */ jsx62(
       "div",
       {
         "data-slot": "table-loading",
@@ -2792,8 +2708,8 @@ 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__ */ jsxs42(Table, { children: [
+      /* @__PURE__ */ jsx62(TableHeader, { children: /* @__PURE__ */ jsx62(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => /* @__PURE__ */ jsx62(
         TableHead,
         {
           style: column.width !== void 0 ? { width: column.width } : void 0,
@@ -2801,7 +2717,7 @@ function Table2({
         },
         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__ */ jsx62(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx62(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx62(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ jsx62(
         "div",
         {
           "data-slot": "table-empty",
@@ -2810,10 +2726,10 @@ function Table2({
         }
       ) }) }) : pageRows.map((row, rowIndex) => {
         const key = row[rowKey];
-        return /* @__PURE__ */ jsx63(
+        return /* @__PURE__ */ jsx62(
           TableRow,
           {
-            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx63(TableCell, { children: column.cell ? renderChildren([column.cell], { row, rowIndex }) : renderCellValue2(
+            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx62(TableCell, { children: column.cell ? renderChildren([column.cell], { row, rowIndex }) : renderCellValue2(
               column.dataIndex === void 0 ? void 0 : row[column.dataIndex]
             ) }, column.dataIndex ?? String(columnIndex)))
           },
@@ -2821,8 +2737,8 @@ function Table2({
         );
       }) })
     ] }),
-    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__ */ jsx62("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
+      (page) => /* @__PURE__ */ jsx62(
         Button,
         {
           type: "button",
@@ -2839,11 +2755,11 @@ function Table2({
 }
 
 // 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";
+import { useRenderer as useRenderer15 } from "@pactor-app/runtime";
+import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
 function Tabs2({ items = [], activeKey, onChange, className, style }) {
-  const { renderChildren } = useRenderer14();
-  return /* @__PURE__ */ jsxs44(
+  const { renderChildren } = useRenderer15();
+  return /* @__PURE__ */ jsxs43(
     Tabs,
     {
       value: activeKey,
@@ -2852,15 +2768,15 @@ function Tabs2({ items = [], activeKey, onChange, className, style }) {
       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))
+        /* @__PURE__ */ jsx63(TabsList, { children: items.map((item) => /* @__PURE__ */ jsx63(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
+        items.map((item) => /* @__PURE__ */ jsx63(TabsContent, { value: item.key, children: renderChildren(item.children) }, item.key))
       ]
     }
   );
 }
 
 // src/components/components/Text/index.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var typeClassMap = {
   default: "",
   secondary: "text-muted-foreground",
@@ -2879,7 +2795,7 @@ function Text({
   style,
   children
 }) {
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx64(
     "span",
     {
       "data-slot": "text",
@@ -2900,7 +2816,7 @@ function Text({
 
 // src/components/components/Textarea/index.tsx
 import { useEffect as useEffect13, useId as useId7 } from "react";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 function Textarea2({
   name,
   label,
@@ -2925,7 +2841,7 @@ function Textarea2({
   });
   if (inForm && form && name) {
     const fieldValue = form.values[name];
-    return /* @__PURE__ */ jsx66(
+    return /* @__PURE__ */ jsx65(
       FieldShell,
       {
         layout: form.layout,
@@ -2934,7 +2850,7 @@ function Textarea2({
         error: form.errors[name],
         className,
         style,
-        children: /* @__PURE__ */ jsx66(
+        children: /* @__PURE__ */ jsx65(
           Textarea,
           {
             id: controlId,
@@ -2951,7 +2867,7 @@ function Textarea2({
       }
     );
   }
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx65(
     Textarea,
     {
       value: value ?? "",
@@ -2966,7 +2882,7 @@ function Textarea2({
 }
 
 // src/components/components/Toggle/index.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 function Toggle2({
   text,
   pressed,
@@ -2977,7 +2893,7 @@ function Toggle2({
   className,
   style
 }) {
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx66(
     Toggle,
     {
       pressed,
@@ -2993,7 +2909,7 @@ function Toggle2({
 }
 
 // src/components/components/ToggleGroup/index.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 function ToggleGroup2({
   options = [],
   value,
@@ -3013,7 +2929,7 @@ function ToggleGroup2({
       onChange?.(added ?? void 0);
     }
   };
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx67(
     ToggleGroup,
     {
       value: groupValue,
@@ -3022,7 +2938,7 @@ function ToggleGroup2({
       onValueChange: (next) => handleChange(next),
       className,
       style,
-      children: options.map((option) => /* @__PURE__ */ jsx68(
+      children: options.map((option) => /* @__PURE__ */ jsx67(
         ToggleGroupItem,
         {
           value: option.value,
@@ -3036,27 +2952,27 @@ function ToggleGroup2({
 }
 
 // src/components/components/Tooltip/index.tsx
-import { jsx as jsx69, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs44 } 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__ */ jsxs44(Tooltip, { children: [
+    /* @__PURE__ */ jsx68(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
+    /* @__PURE__ */ jsx68(TooltipContent, { className, style, children: content })
   ] });
 }
 
 // src/components/components/Typography/index.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 function Typography2({
   variant = "p",
   text,
   className,
   style
 }) {
-  return /* @__PURE__ */ jsx70(Typography, { variant, className, style, children: text });
+  return /* @__PURE__ */ jsx69(Typography, { variant, className, style, children: text });
 }
 
 // src/components/register.ts
-var shadcnComponents = {
+var builtinComponents = {
   Page,
   Grid,
   Flex,
@@ -3096,6 +3012,7 @@ var shadcnComponents = {
   Slider: Slider2,
   Label: Label2,
   Field: Field2,
+  ChatInput,
   // 导航类扩展组件
   Breadcrumb: Breadcrumb2,
   Pagination: Pagination2,
@@ -3135,14 +3052,14 @@ var shadcnComponents = {
   // 图标（lucide 白名单）
   Icon
 };
-function registerShadcnComponents(registry) {
-  for (const [type, component] of Object.entries(shadcnComponents)) {
+function registerBuiltinComponents(registry) {
+  for (const [type, component] of Object.entries(builtinComponents)) {
     registry.register(type, component);
   }
 }
-function createShadcnComponentRegistry() {
+function createComponentRegistry() {
   const registry = new Registry("ComponentRegistry");
-  registerShadcnComponents(registry);
+  registerBuiltinComponents(registry);
   return registry;
 }
 
@@ -3187,7 +3104,6 @@ export {
   Label2 as Label,
   Layout,
   Link,
-  Menu,
   Menubar2 as Menubar,
   NavigationMenu2 as NavigationMenu,
   Page,
@@ -3200,7 +3116,6 @@ export {
   Select2 as Select,
   Separator2 as Separator,
   Sheet2 as Sheet,
-  Sidebar,
   Sider,
   Skeleton2 as Skeleton,
   Slider2 as Slider,
@@ -3216,7 +3131,7 @@ export {
   ToggleGroup2 as ToggleGroup,
   Tooltip3 as Tooltip,
   Typography2 as Typography,
-  shadcnComponents,
-  registerShadcnComponents,
-  createShadcnComponentRegistry
+  builtinComponents,
+  registerBuiltinComponents,
+  createComponentRegistry
 };