@pactor-app/ui 1.9.0 → 1.10.0

package/dist/{chunk-KUFQSYTS.js → chunk-M4PHRT2N.js}

@@ -153,7 +153,7 @@ import {
   DrawerContent,
   DrawerHeader,
   DrawerTitle
-} from "./chunk-F42SGQNW.js";
+} from "./chunk-XUHJ5YSG.js";
 import {
   Accordion,
   AccordionContent,
@@ -2513,6 +2513,7 @@ function RadioGroup2({
   label,
   rules,
   options = [],
+  direction = "vertical",
   value,
   disabled,
   onChange,
@@ -2544,10 +2545,14 @@ function RadioGroup2({
       onValueChange: handleChange,
       disabled,
       name: inForm ? name : void 0,
-      className: cn(!inForm && className),
+      className: cn(
+        direction === "horizontal" && "flex flex-wrap items-center gap-x-6 gap-y-2",
+        !inForm && className
+      ),
       style: inForm ? void 0 : style,
       children: options.map((option, index) => {
         const optionId = `${controlId}-${index}`;
+        const optionDisabled = disabled || option.disabled;
         return /* @__PURE__ */ jsxs35("span", { className: "inline-flex items-center gap-2", children: [
           /* @__PURE__ */ jsx50(
             RadioGroupItem,
@@ -2557,7 +2562,17 @@ function RadioGroup2({
               disabled: option.disabled
             }
           ),
-          /* @__PURE__ */ jsx50("label", { htmlFor: optionId, className: "text-sm leading-none font-medium", children: option.label })
+          /* @__PURE__ */ jsx50(
+            "label",
+            {
+              htmlFor: optionId,
+              className: cn(
+                "text-sm leading-none font-medium",
+                optionDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+              ),
+              children: option.label
+            }
+          )
         ] }, String(option.value));
       })
     }

package/dist/{chunk-S3SMCICK.js → chunk-VRAVO5LE.js}

@@ -11,7 +11,7 @@ import {
   DrawerContent,
   DrawerHeader,
   DrawerTitle
-} from "./chunk-F42SGQNW.js";
+} from "./chunk-XUHJ5YSG.js";
 import {
   Button,
   cn

package/dist/{chunk-F42SGQNW.js → chunk-XUHJ5YSG.js}

@@ -35,7 +35,7 @@ function DialogOverlay({
     {
       "data-slot": "dialog-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 data-closed:fill-mode-forwards",
         className
       ),
       ...props
@@ -55,7 +55,7 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: cn(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-lg",
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:fill-mode-forwards sm:max-w-lg",
           className
         ),
         ...props,

package/dist/components/index.cjs

@@ -2901,7 +2901,7 @@ function DialogOverlay({
     {
       "data-slot": "dialog-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 data-closed:fill-mode-forwards",
         className
       ),
       ...props
@@ -2921,7 +2921,7 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: cn(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-lg",
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:fill-mode-forwards sm:max-w-lg",
           className
         ),
         ...props,
@@ -5951,6 +5951,7 @@ function RadioGroup2({
   label,
   rules,
   options = [],
+  direction = "vertical",
   value,
   disabled,
   onChange,
@@ -5982,10 +5983,14 @@ function RadioGroup2({
       onValueChange: handleChange,
       disabled,
       name: inForm ? name : void 0,
-      className: cn(!inForm && className),
+      className: cn(
+        direction === "horizontal" && "flex flex-wrap items-center gap-x-6 gap-y-2",
+        !inForm && className
+      ),
       style: inForm ? void 0 : style,
       children: options.map((option, index) => {
         const optionId = `${controlId}-${index}`;
+        const optionDisabled = disabled || option.disabled;
         return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             RadioGroupItem,
@@ -5995,7 +6000,17 @@ function RadioGroup2({
               disabled: option.disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("label", { htmlFor: optionId, className: "text-sm leading-none font-medium", children: option.label })
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+            "label",
+            {
+              htmlFor: optionId,
+              className: cn(
+                "text-sm leading-none font-medium",
+                optionDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+              ),
+              children: option.label
+            }
+          )
         ] }, String(option.value));
       })
     }

package/dist/components/index.d.cts

@@ -1280,6 +1280,8 @@ interface RadioGroupProps {
     rules?: FieldRule[];
     /** 选项列表 */
     options?: RadioGroupOption[];
+    /** 选项排列方向，默认 vertical */
+    direction?: 'horizontal' | 'vertical';
     /** 受控值（独立渲染时生效）；Form 内作为字段初始值（优先于 Form initialValues） */
     value?: string | number | boolean;
     disabled?: boolean;
@@ -1293,9 +1295,10 @@ interface RadioGroupProps {
 /**
  * RadioGroup 适配器（shadcn kit）：基于 vendored RadioGroup（Base UI）；
  * Base UI RadioGroup 的 value 原生支持 string/number/boolean，
- * onChange 传出选中项原始 value。
+ * onChange 传出选中项原始 value。`direction` 控制选项横/纵排列；
+ * label 经 htmlFor 关联 Base UI 隐藏原生 input，点击 label 即选中对应项。
  */
-declare function RadioGroup({ name, label, rules, options, value, disabled, onChange, className, style, }: RadioGroupProps): React.JSX.Element;
+declare function RadioGroup({ name, label, rules, options, direction, value, disabled, onChange, className, style, }: RadioGroupProps): React.JSX.Element;
 
 /** 可拖拽面板；`children` 为 DSL 子树，经 renderChildren 渲染 */
 interface ResizablePanelData {

package/dist/components/index.d.ts

@@ -1280,6 +1280,8 @@ interface RadioGroupProps {
     rules?: FieldRule[];
     /** 选项列表 */
     options?: RadioGroupOption[];
+    /** 选项排列方向，默认 vertical */
+    direction?: 'horizontal' | 'vertical';
     /** 受控值（独立渲染时生效）；Form 内作为字段初始值（优先于 Form initialValues） */
     value?: string | number | boolean;
     disabled?: boolean;
@@ -1293,9 +1295,10 @@ interface RadioGroupProps {
 /**
  * RadioGroup 适配器（shadcn kit）：基于 vendored RadioGroup（Base UI）；
  * Base UI RadioGroup 的 value 原生支持 string/number/boolean，
- * onChange 传出选中项原始 value。
+ * onChange 传出选中项原始 value。`direction` 控制选项横/纵排列；
+ * label 经 htmlFor 关联 Base UI 隐藏原生 input，点击 label 即选中对应项。
  */
-declare function RadioGroup({ name, label, rules, options, value, disabled, onChange, className, style, }: RadioGroupProps): React.JSX.Element;
+declare function RadioGroup({ name, label, rules, options, direction, value, disabled, onChange, className, style, }: RadioGroupProps): React.JSX.Element;
 
 /** 可拖拽面板；`children` 为 DSL 子树，经 renderChildren 渲染 */
 interface ResizablePanelData {

package/dist/components/index.js

@@ -71,7 +71,7 @@ import {
   createComponentRegistry,
   registerBuiltinComponents,
   useFormContext
-} from "../chunk-KUFQSYTS.js";
+} from "../chunk-M4PHRT2N.js";
 import {
   ICONS,
   Icon,
@@ -82,7 +82,7 @@ import {
   useSidebarDrawer
 } from "../chunk-PECP7DJB.js";
 import "../chunk-VT5XP4U4.js";
-import "../chunk-F42SGQNW.js";
+import "../chunk-XUHJ5YSG.js";
 import "../chunk-VM4FESQB.js";
 import "../chunk-WKJUCGV4.js";
 export {

package/dist/index.cjs

@@ -2922,7 +2922,7 @@ function DialogOverlay({
     {
       "data-slot": "dialog-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 data-closed:fill-mode-forwards",
         className
       ),
       ...props
@@ -2942,7 +2942,7 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: cn(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-lg",
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:fill-mode-forwards sm:max-w-lg",
           className
         ),
         ...props,
@@ -5990,6 +5990,7 @@ function RadioGroup2({
   label,
   rules,
   options = [],
+  direction = "vertical",
   value,
   disabled,
   onChange,
@@ -6021,10 +6022,14 @@ function RadioGroup2({
       onValueChange: handleChange,
       disabled,
       name: inForm ? name : void 0,
-      className: cn(!inForm && className),
+      className: cn(
+        direction === "horizontal" && "flex flex-wrap items-center gap-x-6 gap-y-2",
+        !inForm && className
+      ),
       style: inForm ? void 0 : style,
       children: options.map((option, index) => {
         const optionId = `${controlId}-${index}`;
+        const optionDisabled = disabled || option.disabled;
         return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             RadioGroupItem,
@@ -6034,7 +6039,17 @@ function RadioGroup2({
               disabled: option.disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("label", { htmlFor: optionId, className: "text-sm leading-none font-medium", children: option.label })
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+            "label",
+            {
+              htmlFor: optionId,
+              className: cn(
+                "text-sm leading-none font-medium",
+                optionDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+              ),
+              children: option.label
+            }
+          )
         ] }, String(option.value));
       })
     }

package/dist/index.js

@@ -71,7 +71,7 @@ import {
   createComponentRegistry,
   registerBuiltinComponents,
   useFormContext
-} from "./chunk-KUFQSYTS.js";
+} from "./chunk-M4PHRT2N.js";
 import {
   InteractionProvider,
   OVERLAY_CANCEL_PAYLOAD,
@@ -79,7 +79,7 @@ import {
   OverlayManager,
   createUiBridge,
   registerInteractionActions
-} from "./chunk-S3SMCICK.js";
+} from "./chunk-VRAVO5LE.js";
 import {
   AdminLayout,
   BlankLayout,
@@ -102,7 +102,7 @@ import {
   useSidebarDrawer
 } from "./chunk-PECP7DJB.js";
 import "./chunk-VT5XP4U4.js";
-import "./chunk-F42SGQNW.js";
+import "./chunk-XUHJ5YSG.js";
 import "./chunk-VM4FESQB.js";
 import "./chunk-WKJUCGV4.js";
 export {

package/dist/interaction/index.cjs

@@ -310,7 +310,7 @@ function DialogOverlay({
     {
       "data-slot": "dialog-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 data-closed:fill-mode-forwards",
         className
       ),
       ...props
@@ -330,7 +330,7 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: cn(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-lg",
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:fill-mode-forwards sm:max-w-lg",
           className
         ),
         ...props,

package/dist/interaction/index.js

@@ -5,8 +5,8 @@ import {
   OverlayManager,
   createUiBridge,
   registerInteractionActions
-} from "../chunk-S3SMCICK.js";
-import "../chunk-F42SGQNW.js";
+} from "../chunk-VRAVO5LE.js";
+import "../chunk-XUHJ5YSG.js";
 import "../chunk-WKJUCGV4.js";
 export {
   InteractionProvider,

package/dist/ui/index.cjs

@@ -2775,7 +2775,7 @@ function DialogOverlay({
     {
       "data-slot": "dialog-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 data-closed:fill-mode-forwards",
         className
       ),
       ...props
@@ -2795,7 +2795,7 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: cn(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-lg",
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:fill-mode-forwards sm:max-w-lg",
           className
         ),
         ...props,

package/dist/ui/index.js

@@ -182,7 +182,7 @@ import {
   DrawerPortal,
   DrawerTitle,
   DrawerTrigger
-} from "../chunk-F42SGQNW.js";
+} from "../chunk-XUHJ5YSG.js";
 import {
   Accordion,
   AccordionContent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pactor-app/ui",
-  "version": "1.9.0",
+  "version": "1.10.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.9.0",
-    "@pactor-app/permission": "1.9.0",
-    "@pactor-app/router": "1.9.0",
-    "@pactor-app/runtime": "1.9.0"
+    "@pactor-app/core": "1.10.0",
+    "@pactor-app/permission": "1.10.0",
+    "@pactor-app/router": "1.10.0",
+    "@pactor-app/runtime": "1.10.0"
   },
   "peerDependencies": {
     "react": ">=18",

package/styles.css

@@ -967,9 +967,15 @@
     margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
     margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
   }
+  .gap-x-6 {
+    column-gap: calc(var(--spacing) * 6);
+  }
   .gap-y-0\.5 {
     row-gap: calc(var(--spacing) * 0.5);
   }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
   .self-end {
     align-self: flex-end;
   }
@@ -2755,6 +2761,10 @@
     --tw-exit-opacity: calc(0/100);
     --tw-exit-opacity: 0;
   }
+  .data-closed\:fill-mode-forwards:where([data-closed]:not([data-closed='false'])) {
+    animation-fill-mode: forwards;
+    --tw-animation-fill-mode: forwards;
+  }
   .data-closed\:zoom-out-95:where([data-closed]:not([data-closed='false'])) {
     --tw-exit-scale: calc(95*1%);
     --tw-exit-scale: .95;