@pactor-app/ui 1.13.0 → 1.15.0

package/dist/{chunk-GQE62HDV.js → chunk-5PTCPU2F.js}

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

package/dist/{chunk-CFUWF54N.js → chunk-E3BFTXSJ.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-GQE62HDV.js";
+} from "./chunk-5PTCPU2F.js";
 import {
   Alert,
   AlertDescription,
@@ -141,7 +141,7 @@ import {
   chartColor,
   navigationMenuTriggerStyle,
   toast
-} from "./chunk-NQQAPB7Q.js";
+} from "./chunk-VFPLY2GI.js";
 import {
   Dialog,
   DialogContent,
@@ -176,7 +176,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger
-} from "./chunk-AUSWAD26.js";
+} from "./chunk-HGVZUEZG.js";
 import {
   Button,
   cn
@@ -1645,18 +1645,49 @@ function Empty2({ title, description, children, className, style }) {
 
 // src/components/components/Field/index.tsx
 import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
-function Field2({ label, required, description, error, children, className, style }) {
+function Field2({
+  label,
+  required,
+  description,
+  error,
+  children,
+  className,
+  style,
+  labelClassName,
+  labelStyle,
+  controlClassName,
+  controlStyle,
+  descriptionClassName,
+  descriptionStyle,
+  errorClassName,
+  errorStyle
+}) {
   return /* @__PURE__ */ jsxs23(Field, { className, style, children: [
-    label ? /* @__PURE__ */ jsxs23(FieldLabel, { children: [
+    label ? /* @__PURE__ */ jsxs23(FieldLabel, { className: labelClassName, style: labelStyle, children: [
       required ? /* @__PURE__ */ jsxs23("span", { "aria-hidden": true, className: "text-destructive", children: [
         "*",
         " "
       ] }) : null,
       label
     ] }) : null,
-    children,
-    description ? /* @__PURE__ */ jsx28(FieldDescription, { children: description }) : null,
-    error ? /* @__PURE__ */ jsx28(FieldError, { match: true, children: error }) : null
+    /* @__PURE__ */ jsx28(
+      "div",
+      {
+        "data-slot": "field-control",
+        className: cn(label ? "mt-2" : void 0, controlClassName),
+        style: controlStyle,
+        children
+      }
+    ),
+    description ? /* @__PURE__ */ jsx28(
+      FieldDescription,
+      {
+        className: descriptionClassName,
+        style: descriptionStyle,
+        children: description
+      }
+    ) : null,
+    error ? /* @__PURE__ */ jsx28(FieldError, { match: true, className: errorClassName, style: errorStyle, children: error }) : null
   ] });
 }
 
@@ -1853,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({
@@ -1863,6 +1895,8 @@ function Header({
   menu,
   user,
   locales,
+  themeToggle = false,
+  onThemeChange,
   onMenuSelect,
   onDropdownSelect,
   onUserSelect,
@@ -1883,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: [
@@ -1900,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,
@@ -1911,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 })
     ] })
@@ -2058,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";
@@ -2191,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,
@@ -2214,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]);
@@ -2419,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) {
@@ -2441,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) => {
@@ -3087,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) {
@@ -3110,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-HGVZUEZG.js}

@@ -663,7 +663,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-V2J6FHWX.js → chunk-PQA6RJ52.js}

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

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

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