@pactor-app/ui 1.14.0 → 1.15.1

package/dist/{chunk-GQE62HDV.js → chunk-EDKF6SKZ.js}

@@ -16,7 +16,7 @@ import {
   TooltipTrigger,
   useIsMobile,
   useSidebar
-} from "./chunk-AUSWAD26.js";
+} from "./chunk-O7UAPVPB.js";
 import {
   cn
 } from "./chunk-WKJUCGV4.js";

package/dist/{chunk-L77EOXU3.js → chunk-LFV72DC2.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-GQE62HDV.js";
+} from "./chunk-EDKF6SKZ.js";
 import {
   Alert,
   AlertDescription,
@@ -141,7 +141,7 @@ import {
   chartColor,
   navigationMenuTriggerStyle,
   toast
-} from "./chunk-NQQAPB7Q.js";
+} from "./chunk-S6AHT3PD.js";
 import {
   Dialog,
   DialogContent,
@@ -176,7 +176,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger
-} from "./chunk-AUSWAD26.js";
+} from "./chunk-O7UAPVPB.js";
 import {
   Button,
   cn
@@ -1884,6 +1884,7 @@ function Grid({ columns = 1, gap, className, style, children }) {
 // src/components/components/Header/index.tsx
 import { useI18n as useI18n5 } from "@pactor-app/runtime";
 import { ChevronDownIcon } from "lucide-react";
+import { useState as useState10 } from "react";
 import { Fragment as Fragment2, jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
 var menuItemClass = "flex items-center gap-1 rounded-md px-3 py-2 text-sm transition-colors text-muted-foreground hover:bg-accent/50 hover:text-foreground";
 function Header({
@@ -1894,6 +1895,8 @@ function Header({
   menu,
   user,
   locales,
+  themeToggle = false,
+  onThemeChange,
   onMenuSelect,
   onDropdownSelect,
   onUserSelect,
@@ -1914,7 +1917,7 @@ function Header({
     "flex h-14 shrink-0 items-center gap-4 border-b bg-card px-4",
     className
   );
-  if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales) {
+  if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales && !themeToggle) {
     return /* @__PURE__ */ jsx33("header", { "data-slot": "layout-header", className: rootClass, style, children });
   }
   const brandNode = hasBrand && /* @__PURE__ */ jsxs24("div", { "data-slot": "header-brand", className: "flex items-center gap-2", children: [
@@ -1931,7 +1934,7 @@ function Header({
   ] });
   const dropdownNode = dropdown !== void 0 && /* @__PURE__ */ jsx33(HeaderDropdownArea, { dropdown, onSelect: onDropdownSelect });
   const showLeft = brandLeft || dropdownLeft || hasMenu;
-  const showRight = dropdownRight || brandRight || hasLocales || hasUser;
+  const showRight = dropdownRight || brandRight || hasLocales || hasUser || themeToggle;
   return /* @__PURE__ */ jsxs24("header", { "data-slot": "layout-header", className: rootClass, style, children: [
     showLeft && /* @__PURE__ */ jsxs24("div", { "data-slot": "header-left", className: "flex items-center gap-4", children: [
       brandLeft && brandNode,
@@ -1942,6 +1945,7 @@ function Header({
     showRight && /* @__PURE__ */ jsxs24("div", { "data-slot": "header-right", className: "flex items-center gap-4", children: [
       dropdownRight && dropdownNode,
       brandRight && brandNode,
+      themeToggle && /* @__PURE__ */ jsx33(HeaderThemeToggle, { onSelect: onThemeChange }),
       hasLocales && /* @__PURE__ */ jsx33(HeaderLocalesArea, { locales, onSelect: onLocaleChange }),
       hasUser && /* @__PURE__ */ jsx33(HeaderUserArea, { user, onSelect: onUserSelect })
     ] })
@@ -2089,6 +2093,39 @@ function HeaderLocalesArea({
     )) })
   ] });
 }
+function readCurrentTheme() {
+  if (typeof document === "undefined") {
+    return "light";
+  }
+  return document.documentElement.getAttribute("data-pactor-theme") === "dark" ? "dark" : "light";
+}
+function HeaderThemeToggle({
+  onSelect
+}) {
+  const [theme, setTheme] = useState10(readCurrentTheme);
+  const handleToggle = () => {
+    const next = readCurrentTheme() === "dark" ? "light" : "dark";
+    if (next === "dark") {
+      document.documentElement.setAttribute("data-pactor-theme", "dark");
+    } else {
+      document.documentElement.removeAttribute("data-pactor-theme");
+    }
+    setTheme(next);
+    onSelect?.(next);
+  };
+  return /* @__PURE__ */ jsx33(
+    "button",
+    {
+      type: "button",
+      "data-slot": "header-theme-toggle",
+      className: "flex size-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground",
+      title: theme === "dark" ? "\u5207\u6362\u4E3A\u6D45\u8272" : "\u5207\u6362\u4E3A\u6DF1\u8272",
+      "aria-label": "\u5207\u6362\u660E\u6697\u4E3B\u9898",
+      onClick: handleToggle,
+      children: theme === "dark" ? /* @__PURE__ */ jsx33(Icon, { name: "sun", size: "sm" }) : /* @__PURE__ */ jsx33(Icon, { name: "moon", size: "sm" })
+    }
+  );
+}
 
 // src/components/components/HoverCard/index.tsx
 import { useRenderer as useRenderer9 } from "@pactor-app/runtime";
@@ -2222,7 +2259,7 @@ function InputGroup2({ className, style, children }) {
 }
 
 // src/components/components/InputOTP/index.tsx
-import { useEffect as useEffect8, useState as useState10 } from "react";
+import { useEffect as useEffect8, useState as useState11 } from "react";
 import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
 function InputOTP2({
   name,
@@ -2245,7 +2282,7 @@ function InputOTP2({
     }
     return void 0;
   });
-  const [innerValue, setInnerValue] = useState10(typeof value === "string" ? value : "");
+  const [innerValue, setInnerValue] = useState11(typeof value === "string" ? value : "");
   useEffect8(() => {
     if (!inForm) setInnerValue(typeof value === "string" ? value : "");
   }, [inForm, value]);
@@ -2450,7 +2487,7 @@ function Page({ title, className, style, children }) {
 }
 
 // src/components/components/Pagination/index.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
 function pageItems(current, count) {
   if (count <= 7) {
@@ -2472,7 +2509,7 @@ function Pagination2({
   className,
   style
 }) {
-  const [innerPage, setInnerPage] = useState11(1);
+  const [innerPage, setInnerPage] = useState12(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) => {
@@ -3118,7 +3155,7 @@ function Switch2({
 
 // src/components/components/Table/index.tsx
 import { useI18n as useI18n8, useRenderer as useRenderer15 } from "@pactor-app/runtime";
-import { useState as useState12 } from "react";
+import { useState as useState13 } from "react";
 import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
 function renderCellValue2(value) {
   if (value === void 0 || value === null) {
@@ -3141,7 +3178,7 @@ function Table2({
 }) {
   const { renderChildren } = useRenderer15();
   const { t } = useI18n8();
-  const [current, setCurrent] = useState12(1);
+  const [current, setCurrent] = useState13(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;

package/dist/{chunk-AUSWAD26.js → chunk-O7UAPVPB.js}

@@ -508,9 +508,7 @@ function useIsMobile() {
 import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
-var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
 var SidebarContext = React.createContext(null);
 function useSidebar() {
@@ -575,11 +573,7 @@ function SidebarProvider({
     "div",
     {
       "data-slot": "sidebar-wrapper",
-      style: {
-        "--sidebar-width": SIDEBAR_WIDTH,
-        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-        ...style
-      },
+      style,
       className: cn(
         "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",
         className
@@ -663,7 +657,12 @@ function SidebarRoot({
             className: cn(
               "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
               side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : (
+                // 边框色显式声明：不能只给宽度——宿主引入 Tailwind 时其
+                // preflight（同为 base 层且后加载）会把默认 border-color
+                // 重置为 currentColor，宽度型边框会脱离皮肤令牌
+                "border-sidebar-border group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l"
+              ),
               className
             ),
             ...props,

package/dist/{chunk-NQQAPB7Q.js → chunk-S6AHT3PD.js}

@@ -2,7 +2,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-AUSWAD26.js";
+} from "./chunk-O7UAPVPB.js";
 import {
   Button,
   buttonVariants,

package/dist/{chunk-V2J6FHWX.js → chunk-VNKSGMTT.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-GQE62HDV.js";
+} from "./chunk-EDKF6SKZ.js";
 import {
   Accordion,
   AccordionContent,
@@ -15,7 +15,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-AUSWAD26.js";
+} from "./chunk-O7UAPVPB.js";
 import {
   cn
 } from "./chunk-WKJUCGV4.js";

package/dist/components/index.cjs

@@ -3761,6 +3761,7 @@ function Grid({ columns = 1, gap, className, style, children }) {
 // src/components/components/Header/index.tsx
 var import_runtime11 = require("@pactor-app/runtime");
 var import_lucide_react16 = require("lucide-react");
+var import_react15 = require("react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var menuItemClass = "flex items-center gap-1 rounded-md px-3 py-2 text-sm transition-colors text-muted-foreground hover:bg-accent/50 hover:text-foreground";
 function Header({
@@ -3771,6 +3772,8 @@ function Header({
   menu,
   user,
   locales,
+  themeToggle = false,
+  onThemeChange,
   onMenuSelect,
   onDropdownSelect,
   onUserSelect,
@@ -3791,7 +3794,7 @@ function Header({
     "flex h-14 shrink-0 items-center gap-4 border-b bg-card px-4",
     className
   );
-  if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales) {
+  if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales && !themeToggle) {
     return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("header", { "data-slot": "layout-header", className: rootClass, style, children });
   }
   const brandNode = hasBrand && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { "data-slot": "header-brand", className: "flex items-center gap-2", children: [
@@ -3808,7 +3811,7 @@ function Header({
   ] });
   const dropdownNode = dropdown !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderDropdownArea, { dropdown, onSelect: onDropdownSelect });
   const showLeft = brandLeft || dropdownLeft || hasMenu;
-  const showRight = dropdownRight || brandRight || hasLocales || hasUser;
+  const showRight = dropdownRight || brandRight || hasLocales || hasUser || themeToggle;
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("header", { "data-slot": "layout-header", className: rootClass, style, children: [
     showLeft && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { "data-slot": "header-left", className: "flex items-center gap-4", children: [
       brandLeft && brandNode,
@@ -3819,6 +3822,7 @@ function Header({
     showRight && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { "data-slot": "header-right", className: "flex items-center gap-4", children: [
       dropdownRight && dropdownNode,
       brandRight && brandNode,
+      themeToggle && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderThemeToggle, { onSelect: onThemeChange }),
       hasLocales && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderLocalesArea, { locales, onSelect: onLocaleChange }),
       hasUser && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HeaderUserArea, { user, onSelect: onUserSelect })
     ] })
@@ -3966,6 +3970,39 @@ function HeaderLocalesArea({
     )) })
   ] });
 }
+function readCurrentTheme() {
+  if (typeof document === "undefined") {
+    return "light";
+  }
+  return document.documentElement.getAttribute("data-pactor-theme") === "dark" ? "dark" : "light";
+}
+function HeaderThemeToggle({
+  onSelect
+}) {
+  const [theme, setTheme] = (0, import_react15.useState)(readCurrentTheme);
+  const handleToggle = () => {
+    const next = readCurrentTheme() === "dark" ? "light" : "dark";
+    if (next === "dark") {
+      document.documentElement.setAttribute("data-pactor-theme", "dark");
+    } else {
+      document.documentElement.removeAttribute("data-pactor-theme");
+    }
+    setTheme(next);
+    onSelect?.(next);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "header-theme-toggle",
+      className: "flex size-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground",
+      title: theme === "dark" ? "\u5207\u6362\u4E3A\u6D45\u8272" : "\u5207\u6362\u4E3A\u6DF1\u8272",
+      "aria-label": "\u5207\u6362\u660E\u6697\u4E3B\u9898",
+      onClick: handleToggle,
+      children: theme === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "sun", size: "sm" }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "moon", size: "sm" })
+    }
+  );
+}
 
 // src/components/components/HoverCard/index.tsx
 var import_runtime12 = require("@pactor-app/runtime");
@@ -4027,7 +4064,7 @@ function HoverCard2({ content, children, className, style }) {
 
 // src/components/components/Input/index.tsx
 var import_runtime13 = require("@pactor-app/runtime");
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function Input2({
   name,
@@ -4045,9 +4082,9 @@ function Input2({
 }) {
   const form = useFormContext();
   const { t } = (0, import_runtime13.useI18n)();
-  const controlId = (0, import_react15.useId)();
+  const controlId = (0, import_react16.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -4164,7 +4201,7 @@ function InputGroup2({ className, style, children }) {
 }
 
 // src/components/components/InputOTP/index.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/ui/input-otp.tsx
 var import_input_otp = require("input-otp");
@@ -4240,15 +4277,15 @@ function InputOTP2({
 }) {
   const form = useFormContext();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
     }
     return void 0;
   });
-  const [innerValue, setInnerValue] = (0, import_react16.useState)(typeof value === "string" ? value : "");
-  (0, import_react16.useEffect)(() => {
+  const [innerValue, setInnerValue] = (0, import_react17.useState)(typeof value === "string" ? value : "");
+  (0, import_react17.useEffect)(() => {
     if (!inForm) setInnerValue(typeof value === "string" ? value : "");
   }, [inForm, value]);
   const current = inForm && form && name ? typeof form.values[name] === "string" ? form.values[name] : "" : innerValue;
@@ -4486,7 +4523,7 @@ function Link2({ href, text, target, className, style, children }) {
 }
 
 // src/components/components/Menu/index.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/components/components/Sidebar/rail-tooltip.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
@@ -4502,7 +4539,7 @@ function RailTooltip({
 
 // src/components/components/Sidebar/index.tsx
 var import_runtime16 = require("@pactor-app/runtime");
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // src/ui/sidebar.tsx
 var React5 = __toESM(require("react"), 1);
@@ -4510,13 +4547,13 @@ var import_class_variance_authority5 = require("class-variance-authority");
 var import_lucide_react19 = require("lucide-react");
 
 // src/hooks/use-mobile.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 var MOBILE_MEDIA_QUERY = "(max-width: 767px)";
 function useIsMobile() {
-  const [isMobile, setIsMobile] = (0, import_react17.useState)(
+  const [isMobile, setIsMobile] = (0, import_react18.useState)(
     () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(MOBILE_MEDIA_QUERY).matches
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (typeof window.matchMedia !== "function") {
       return;
     }
@@ -4693,9 +4730,7 @@ function Skeleton({ className, ...props }) {
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
-var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
 var SidebarContext = React5.createContext(null);
 function useSidebar() {
@@ -4760,11 +4795,7 @@ function SidebarProvider({
     "div",
     {
       "data-slot": "sidebar-wrapper",
-      style: {
-        "--sidebar-width": SIDEBAR_WIDTH,
-        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-        ...style
-      },
+      style,
       className: cn(
         "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",
         className
@@ -4848,7 +4879,12 @@ function SidebarRoot({
             className: cn(
               "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
               side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : (
+                // 边框色显式声明：不能只给宽度——宿主引入 Tailwind 时其
+                // preflight（同为 base 层且后加载）会把默认 border-color
+                // 重置为 currentColor，宽度型边框会脱离皮肤令牌
+                "border-sidebar-border group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l"
+              ),
               className
             ),
             ...props,
@@ -5149,14 +5185,14 @@ function SidebarInner({
   const isMobile = useIsMobile();
   const { state, setOpenMobile, toggleSidebar } = useSidebar();
   const collapsed = state === "collapsed";
-  const prevCollapsed = (0, import_react18.useRef)(collapsed);
-  (0, import_react18.useEffect)(() => {
+  const prevCollapsed = (0, import_react19.useRef)(collapsed);
+  (0, import_react19.useEffect)(() => {
     if (prevCollapsed.current !== collapsed) {
       prevCollapsed.current = collapsed;
       onCollapse?.(collapsed);
     }
   }, [collapsed, onCollapse]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (locationKey !== void 0) {
       setOpenMobile(false);
     }
@@ -5254,7 +5290,7 @@ function Menu2({
   const drawer = useSidebarDrawer();
   const collapsed = mode === "inline" && drawer?.collapsed === true;
   const collapsibleOn = collapsible && mode === "inline" && !collapsed;
-  const [expandedKeys, setExpandedKeys] = (0, import_react19.useState)(() => {
+  const [expandedKeys, setExpandedKeys] = (0, import_react20.useState)(() => {
     const initial = new Set(defaultExpandedKeys ?? []);
     if (selectedKey !== void 0) {
       collectAncestors(items, selectedKey, initial);
@@ -5334,8 +5370,8 @@ function MenuEntry({
   const isDirectory = collapsible && hasChildren;
   const expanded = isDirectory && expandedKeys?.has(item.key) === true;
   const railDirectory = collapsed && hasChildren;
-  const [flyoutOpen, setFlyoutOpen] = (0, import_react19.useState)(false);
-  const flyoutTimer = (0, import_react19.useRef)(void 0);
+  const [flyoutOpen, setFlyoutOpen] = (0, import_react20.useState)(false);
+  const flyoutTimer = (0, import_react20.useRef)(void 0);
   const flyoutOpenNow = () => {
     window.clearTimeout(flyoutTimer.current);
     setFlyoutOpen(true);
@@ -5344,7 +5380,7 @@ function MenuEntry({
     window.clearTimeout(flyoutTimer.current);
     flyoutTimer.current = window.setTimeout(() => setFlyoutOpen(false), 200);
   };
-  (0, import_react19.useEffect)(() => () => window.clearTimeout(flyoutTimer.current), []);
+  (0, import_react20.useEffect)(() => () => window.clearTimeout(flyoutTimer.current), []);
   const button = /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "button",
     {
@@ -5743,7 +5779,7 @@ function Page({ title, className, style, children }) {
 }
 
 // src/components/components/Pagination/index.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/ui/pagination.tsx
 var import_lucide_react21 = require("lucide-react");
@@ -5871,7 +5907,7 @@ function Pagination2({
   className,
   style
 }) {
-  const [innerPage, setInnerPage] = (0, import_react20.useState)(1);
+  const [innerPage, setInnerPage] = (0, import_react21.useState)(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) => {
@@ -5991,7 +6027,7 @@ function Progress2({ value, className, style }) {
 }
 
 // src/components/components/RadioGroup/index.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // src/ui/radio-group.tsx
 var import_radio = require("@base-ui/react/radio");
@@ -6077,9 +6113,9 @@ function RadioGroup2({
   style
 }) {
   const form = useFormContext();
-  const controlId = (0, import_react21.useId)();
+  const controlId = (0, import_react22.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -6151,7 +6187,7 @@ function RadioGroup2({
 
 // src/components/components/Resizable/index.tsx
 var import_runtime18 = require("@pactor-app/runtime");
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/ui/resizable.tsx
 var import_lucide_react22 = require("lucide-react");
@@ -6204,7 +6240,7 @@ function Resizable({
   style
 }) {
   const { renderChildren } = (0, import_runtime18.useRenderer)();
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_react22.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_react23.Fragment, { children: [
     index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ResizableHandle, { withHandle: true }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       Panel,
@@ -6296,7 +6332,7 @@ function ScrollArea2({
 
 // src/components/components/Select/index.tsx
 var import_runtime19 = require("@pactor-app/runtime");
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/ui/select.tsx
 var import_select = require("@base-ui/react/select");
@@ -6446,9 +6482,9 @@ function Select2({
 }) {
   const form = useFormContext();
   const { t } = (0, import_runtime19.useI18n)();
-  const controlId = (0, import_react23.useId)();
+  const controlId = (0, import_react24.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -6643,7 +6679,7 @@ function Skeleton2({ shape = "line", width, height, className, style }) {
 }
 
 // src/components/components/Slider/index.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // src/ui/slider.tsx
 var import_slider = require("@base-ui/react/slider");
@@ -6725,7 +6761,7 @@ function Slider2({
 }) {
   const form = useFormContext();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -6776,7 +6812,7 @@ function Slider2({
 
 // src/components/components/Sonner/index.tsx
 var import_runtime20 = require("@pactor-app/runtime");
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // src/ui/toast.tsx
 var import_toast = require("@base-ui/react/toast");
@@ -6856,7 +6892,7 @@ function Toaster({ className }) {
 var import_jsx_runtime111 = require("react/jsx-runtime");
 function Sonner({ className, style }) {
   const { context } = (0, import_runtime20.useRenderer)();
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const { actions } = context;
     if (actions.has("toast")) {
       return;
@@ -6914,7 +6950,7 @@ function Statistic({ title, value, precision, suffix, className, style }) {
 }
 
 // src/components/components/Switch/index.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/ui/switch.tsx
 var import_switch = require("@base-ui/react/switch");
@@ -6953,9 +6989,9 @@ function Switch2({
   style
 }) {
   const form = useFormContext();
-  const controlId = (0, import_react26.useId)();
+  const controlId = (0, import_react27.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -7009,7 +7045,7 @@ function Switch2({
 
 // src/components/components/Table/index.tsx
 var import_runtime21 = require("@pactor-app/runtime");
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_jsx_runtime117 = require("react/jsx-runtime");
 function renderCellValue2(value) {
   if (value === void 0 || value === null) {
@@ -7032,7 +7068,7 @@ function Table3({
 }) {
   const { renderChildren } = (0, import_runtime21.useRenderer)();
   const { t } = (0, import_runtime21.useI18n)();
-  const [current, setCurrent] = (0, import_react27.useState)(1);
+  const [current, setCurrent] = (0, import_react28.useState)(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;
@@ -7267,7 +7303,7 @@ function Text({
 }
 
 // src/components/components/Textarea/index.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime121 = require("react/jsx-runtime");
 function Textarea2({
   name,
@@ -7282,9 +7318,9 @@ function Textarea2({
   style
 }) {
   const form = useFormContext();
-  const controlId = (0, import_react28.useId)();
+  const controlId = (0, import_react29.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);