@pactor-app/ui 1.13.0 → 1.14.0

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

@@ -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
   ] });
 }
 

package/dist/components/index.cjs

@@ -3528,18 +3528,49 @@ function FieldError({ className, ...props }) {
 
 // src/components/components/Field/index.tsx
 var import_jsx_runtime57 = require("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__ */ (0, import_jsx_runtime57.jsxs)(Field, { className, style, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(FieldLabel, { children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(FieldLabel, { className: labelClassName, style: labelStyle, children: [
       required ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { "aria-hidden": true, className: "text-destructive", children: [
         "*",
         " "
       ] }) : null,
       label
     ] }) : null,
-    children,
-    description ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FieldDescription, { children: description }) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FieldError, { match: true, children: error }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      "div",
+      {
+        "data-slot": "field-control",
+        className: cn(label ? "mt-2" : void 0, controlClassName),
+        style: controlStyle,
+        children
+      }
+    ),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      FieldDescription,
+      {
+        className: descriptionClassName,
+        style: descriptionStyle,
+        children: description
+      }
+    ) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FieldError, { match: true, className: errorClassName, style: errorStyle, children: error }) : null
   ] });
 }
 

package/dist/components/index.d.cts

@@ -760,13 +760,27 @@ interface FieldProps {
     className?: string;
     /** 通用：根节点内联样式 */
     style?: CSSProperties;
+    /** label 节点 class / style（必填星号随 label 节点） */
+    labelClassName?: string;
+    labelStyle?: CSSProperties;
+    /** 控件容器（label 下方）class / style；缺省有 label 时容器自带 mt-2 */
+    controlClassName?: string;
+    controlStyle?: CSSProperties;
+    /** 辅助说明节点 class / style */
+    descriptionClassName?: string;
+    descriptionStyle?: CSSProperties;
+    /** 错误节点 class / style */
+    errorClassName?: string;
+    errorStyle?: CSSProperties;
 }
 /**
- * Field 适配器（shadcn kit）：通用表单项容器（Base UI Field 封装）；
- * label / description / error 为框架级 props，error 声明式强制展示；
- * `required` 在 label 前渲染必填星号（对齐 antd Form.Item required 语义）。
+ * Field 适配器（shadcn kit）：通用表单项容器（Base UI Field 封装，
+ * 上下结构：label 在上、控件容器在下）；label / description / error 为
+ * 框架级 props，error 声明式强制展示；`required` 在 label 前渲染必填星号
+ * （对齐 antd Form.Item required 语义）；label 与控件容器之间默认 mt-2，
+ * 四个节点（label / 控件容器 / description / error）均可独立加样式。
  */
-declare function Field({ label, required, description, error, children, className, style }: FieldProps): React.JSX.Element;
+declare function Field({ label, required, description, error, children, className, style, labelClassName, labelStyle, controlClassName, controlStyle, descriptionClassName, descriptionStyle, errorClassName, errorStyle, }: FieldProps): React.JSX.Element;
 
 interface FlexProps {
     /** 主轴方向，默认 horizontal */

package/dist/components/index.d.ts

@@ -760,13 +760,27 @@ interface FieldProps {
     className?: string;
     /** 通用：根节点内联样式 */
     style?: CSSProperties;
+    /** label 节点 class / style（必填星号随 label 节点） */
+    labelClassName?: string;
+    labelStyle?: CSSProperties;
+    /** 控件容器（label 下方）class / style；缺省有 label 时容器自带 mt-2 */
+    controlClassName?: string;
+    controlStyle?: CSSProperties;
+    /** 辅助说明节点 class / style */
+    descriptionClassName?: string;
+    descriptionStyle?: CSSProperties;
+    /** 错误节点 class / style */
+    errorClassName?: string;
+    errorStyle?: CSSProperties;
 }
 /**
- * Field 适配器（shadcn kit）：通用表单项容器（Base UI Field 封装）；
- * label / description / error 为框架级 props，error 声明式强制展示；
- * `required` 在 label 前渲染必填星号（对齐 antd Form.Item required 语义）。
+ * Field 适配器（shadcn kit）：通用表单项容器（Base UI Field 封装，
+ * 上下结构：label 在上、控件容器在下）；label / description / error 为
+ * 框架级 props，error 声明式强制展示；`required` 在 label 前渲染必填星号
+ * （对齐 antd Form.Item required 语义）；label 与控件容器之间默认 mt-2，
+ * 四个节点（label / 控件容器 / description / error）均可独立加样式。
  */
-declare function Field({ label, required, description, error, children, className, style }: FieldProps): React.JSX.Element;
+declare function Field({ label, required, description, error, children, className, style, labelClassName, labelStyle, controlClassName, controlStyle, descriptionClassName, descriptionStyle, errorClassName, errorStyle, }: FieldProps): React.JSX.Element;
 
 interface FlexProps {
     /** 主轴方向，默认 horizontal */

package/dist/components/index.js

@@ -71,7 +71,7 @@ import {
   createComponentRegistry,
   registerBuiltinComponents,
   useFormContext
-} from "../chunk-CFUWF54N.js";
+} from "../chunk-L77EOXU3.js";
 import {
   ICONS,
   Icon,

package/dist/index.cjs

@@ -3567,18 +3567,49 @@ function FieldError({ className, ...props }) {
 
 // src/components/components/Field/index.tsx
 var import_jsx_runtime57 = require("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__ */ (0, import_jsx_runtime57.jsxs)(Field, { className, style, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(FieldLabel, { children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(FieldLabel, { className: labelClassName, style: labelStyle, children: [
       required ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { "aria-hidden": true, className: "text-destructive", children: [
         "*",
         " "
       ] }) : null,
       label
     ] }) : null,
-    children,
-    description ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FieldDescription, { children: description }) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FieldError, { match: true, children: error }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      "div",
+      {
+        "data-slot": "field-control",
+        className: cn(label ? "mt-2" : void 0, controlClassName),
+        style: controlStyle,
+        children
+      }
+    ),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      FieldDescription,
+      {
+        className: descriptionClassName,
+        style: descriptionStyle,
+        children: description
+      }
+    ) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FieldError, { match: true, className: errorClassName, style: errorStyle, children: error }) : null
   ] });
 }
 

package/dist/index.js

@@ -71,7 +71,7 @@ import {
   createComponentRegistry,
   registerBuiltinComponents,
   useFormContext
-} from "./chunk-CFUWF54N.js";
+} from "./chunk-L77EOXU3.js";
 import {
   InteractionProvider,
   OVERLAY_CANCEL_PAYLOAD,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pactor-app/ui",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "Pactor UI kit (shadcn): the single built-in UI kit — vendored shadcn/ui components (Base UI primitives + cva + tailwind-merge + lucide-react), props contracts, interaction core (OverlayManager / UiBridge) and layouts, with build-time Tailwind v4 prebuilt styles.css (zero consumer-side Tailwind config)",
   "keywords": [
     "pactor",
@@ -105,10 +105,10 @@
     "recharts": "^3.10.1",
     "tailwind-merge": "^3.6.0",
     "vaul": "^1.1.2",
-    "@pactor-app/core": "1.13.0",
-    "@pactor-app/router": "1.13.0",
-    "@pactor-app/runtime": "1.13.0",
-    "@pactor-app/permission": "1.13.0"
+    "@pactor-app/core": "1.14.0",
+    "@pactor-app/runtime": "1.14.0",
+    "@pactor-app/router": "1.14.0",
+    "@pactor-app/permission": "1.14.0"
   },
   "peerDependencies": {
     "react": ">=18",