@pactor-app/ui 1.29.0 → 1.31.0

package/dist/{chunk-NDMVVXQE.js → chunk-F4YSZZHL.js}

@@ -142,18 +142,6 @@ import {
   navigationMenuTriggerStyle,
   toast
 } from "./chunk-JWZHJEUS.js";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-  Drawer,
-  DrawerContent,
-  DrawerHeader,
-  DrawerTitle
-} from "./chunk-HAOAXDTW.js";
 import {
   Accordion,
   AccordionContent,
@@ -177,6 +165,18 @@ import {
   TooltipContent,
   TooltipTrigger
 } from "./chunk-RB7RCKAX.js";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle
+} from "./chunk-HAOAXDTW.js";
 import {
   Button,
   cn
@@ -595,11 +595,11 @@ function useFormContext() {
 function formItemClass(layout) {
   switch (layout) {
     case "horizontal":
-      return "mb-4 flex items-baseline gap-2";
+      return "mb-4 flex min-h-9 items-center gap-2";
     case "inline":
-      return "flex items-center gap-2";
+      return "flex min-h-9 items-center gap-2";
     default:
-      return "mb-4 flex flex-col gap-1.5";
+      return "mb-4 flex min-h-9 flex-col justify-center gap-1.5";
   }
 }
 
@@ -2672,7 +2672,7 @@ function Field2({
   errorStyle
 }) {
   return /* @__PURE__ */ jsxs30(Field, { className, style, children: [
-    label || labelHint ? /* @__PURE__ */ jsxs30("div", { className: "flex w-full items-center justify-between gap-2", children: [
+    label || labelHint ? /* @__PURE__ */ jsxs30("div", { className: "flex min-h-3.5 w-full items-center justify-between gap-2", children: [
       label ? /* @__PURE__ */ jsxs30(FieldLabel, { className: labelClassName, style: labelStyle, children: [
         required ? /* @__PURE__ */ jsxs30("span", { "aria-hidden": true, className: "text-destructive", children: [
           "*",
@@ -4782,25 +4782,30 @@ function RadioGroup2({
       ),
       style: inForm ? void 0 : style,
       children: options.map((option, index) => {
-        const optionId = `${controlId}-${index}`;
-        const optionDisabled = disabled || option.disabled;
+        const textId = `${controlId}-${index}`;
+        const optionDisabled = disabled === true || option.disabled === true;
         return /* @__PURE__ */ jsxs52("span", { className: "inline-flex items-center gap-2", children: [
           /* @__PURE__ */ jsx74(
             RadioGroupItem,
             {
-              id: optionId,
               value: option.value,
-              disabled: option.disabled
+              disabled: option.disabled,
+              "aria-labelledby": textId
             }
           ),
           /* @__PURE__ */ jsx74(
-            "label",
+            "span",
             {
-              htmlFor: optionId,
+              id: textId,
               className: cn(
                 "text-sm leading-none font-medium",
                 optionDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
               ),
+              onClick: () => {
+                if (!optionDisabled) {
+                  handleChange(option.value);
+                }
+              },
               children: option.label
             }
           )

package/dist/components/index.cjs

@@ -1478,11 +1478,11 @@ function useFormContext() {
 function formItemClass(layout) {
   switch (layout) {
     case "horizontal":
-      return "mb-4 flex items-baseline gap-2";
+      return "mb-4 flex min-h-9 items-center gap-2";
     case "inline":
-      return "flex items-center gap-2";
+      return "flex min-h-9 items-center gap-2";
     default:
-      return "mb-4 flex flex-col gap-1.5";
+      return "mb-4 flex min-h-9 flex-col justify-center gap-1.5";
   }
 }
 
@@ -4617,7 +4617,7 @@ function Field2({
   errorStyle
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Field, { className, style, children: [
-    label || labelHint ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex w-full items-center justify-between gap-2", children: [
+    label || labelHint ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex min-h-3.5 w-full items-center justify-between gap-2", children: [
       label ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(FieldLabel, { className: labelClassName, style: labelStyle, children: [
         required ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { "aria-hidden": true, className: "text-destructive", children: [
           "*",
@@ -8411,25 +8411,30 @@ function RadioGroup2({
       ),
       style: inForm ? void 0 : style,
       children: options.map((option, index) => {
-        const optionId = `${controlId}-${index}`;
-        const optionDisabled = disabled || option.disabled;
+        const textId = `${controlId}-${index}`;
+        const optionDisabled = disabled === true || option.disabled === true;
         return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             RadioGroupItem,
             {
-              id: optionId,
               value: option.value,
-              disabled: option.disabled
+              disabled: option.disabled,
+              "aria-labelledby": textId
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
-            "label",
+            "span",
             {
-              htmlFor: optionId,
+              id: textId,
               className: cn(
                 "text-sm leading-none font-medium",
                 optionDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
               ),
+              onClick: () => {
+                if (!optionDisabled) {
+                  handleChange(option.value);
+                }
+              },
               children: option.label
             }
           )

package/dist/components/index.js

@@ -154,7 +154,7 @@ import {
   inferKind,
   registerBuiltinComponents,
   useFormContext
-} from "../chunk-NDMVVXQE.js";
+} from "../chunk-F4YSZZHL.js";
 import {
   ICONS,
   Icon,
@@ -165,8 +165,8 @@ import {
   useSidebarDrawer
 } from "../chunk-44DAGWXZ.js";
 import "../chunk-JWZHJEUS.js";
-import "../chunk-HAOAXDTW.js";
 import "../chunk-RB7RCKAX.js";
+import "../chunk-HAOAXDTW.js";
 import "../chunk-WKJUCGV4.js";
 export {
   Accordion,

package/dist/index.cjs

@@ -1494,11 +1494,11 @@ function useFormContext() {
 function formItemClass(layout) {
   switch (layout) {
     case "horizontal":
-      return "mb-4 flex items-baseline gap-2";
+      return "mb-4 flex min-h-9 items-center gap-2";
     case "inline":
-      return "flex items-center gap-2";
+      return "flex min-h-9 items-center gap-2";
     default:
-      return "mb-4 flex flex-col gap-1.5";
+      return "mb-4 flex min-h-9 flex-col justify-center gap-1.5";
   }
 }
 
@@ -4656,7 +4656,7 @@ function Field2({
   errorStyle
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Field, { className, style, children: [
-    label || labelHint ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex w-full items-center justify-between gap-2", children: [
+    label || labelHint ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex min-h-3.5 w-full items-center justify-between gap-2", children: [
       label ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(FieldLabel, { className: labelClassName, style: labelStyle, children: [
         required ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { "aria-hidden": true, className: "text-destructive", children: [
           "*",
@@ -8450,25 +8450,30 @@ function RadioGroup2({
       ),
       style: inForm ? void 0 : style,
       children: options.map((option, index) => {
-        const optionId = `${controlId}-${index}`;
-        const optionDisabled = disabled || option.disabled;
+        const textId = `${controlId}-${index}`;
+        const optionDisabled = disabled === true || option.disabled === true;
         return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
             RadioGroupItem,
             {
-              id: optionId,
               value: option.value,
-              disabled: option.disabled
+              disabled: option.disabled,
+              "aria-labelledby": textId
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
-            "label",
+            "span",
             {
-              htmlFor: optionId,
+              id: textId,
               className: cn(
                 "text-sm leading-none font-medium",
                 optionDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
               ),
+              onClick: () => {
+                if (!optionDisabled) {
+                  handleChange(option.value);
+                }
+              },
               children: option.label
             }
           )

package/dist/index.js

@@ -154,15 +154,7 @@ import {
   inferKind,
   registerBuiltinComponents,
   useFormContext
-} from "./chunk-NDMVVXQE.js";
-import {
-  InteractionProvider,
-  OVERLAY_CANCEL_PAYLOAD,
-  OverlayHost,
-  OverlayManager,
-  createUiBridge,
-  registerInteractionActions
-} from "./chunk-U5EFJR5Z.js";
+} from "./chunk-F4YSZZHL.js";
 import {
   AdminLayout,
   BlankLayout,
@@ -184,9 +176,17 @@ import {
   normalizeIconName,
   useSidebarDrawer
 } from "./chunk-44DAGWXZ.js";
+import {
+  InteractionProvider,
+  OVERLAY_CANCEL_PAYLOAD,
+  OverlayHost,
+  OverlayManager,
+  createUiBridge,
+  registerInteractionActions
+} from "./chunk-U5EFJR5Z.js";
 import "./chunk-JWZHJEUS.js";
-import "./chunk-HAOAXDTW.js";
 import "./chunk-RB7RCKAX.js";
+import "./chunk-HAOAXDTW.js";
 import "./chunk-WKJUCGV4.js";
 export {
   Accordion,

package/dist/ui/index.js

@@ -162,28 +162,6 @@ import {
   typographyVariants,
   useCarousel
 } from "../chunk-JWZHJEUS.js";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-  Drawer,
-  DrawerClose,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerOverlay,
-  DrawerPortal,
-  DrawerTitle,
-  DrawerTrigger
-} from "../chunk-HAOAXDTW.js";
 import {
   Accordion,
   AccordionContent,
@@ -241,6 +219,28 @@ import {
   TooltipTrigger,
   useSidebar
 } from "../chunk-RB7RCKAX.js";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger
+} from "../chunk-HAOAXDTW.js";
 import {
   Button,
   buttonVariants,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pactor-app/ui",
-  "version": "1.29.0",
+  "version": "1.31.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",
@@ -107,11 +107,11 @@
     "react-resizable-panels": "^4.12.3",
     "tailwind-merge": "^3.6.0",
     "vaul": "^1.1.2",
-    "@pactor-app/core": "1.29.0",
-    "@pactor-app/permission": "1.29.0",
-    "@pactor-app/markdown": "1.29.0",
-    "@pactor-app/router": "1.29.0",
-    "@pactor-app/runtime": "1.29.0"
+    "@pactor-app/core": "1.31.0",
+    "@pactor-app/router": "1.31.0",
+    "@pactor-app/markdown": "1.31.0",
+    "@pactor-app/permission": "1.31.0",
+    "@pactor-app/runtime": "1.31.0"
   },
   "peerDependencies": {
     "react": ">=18",

package/styles.css

@@ -832,9 +832,15 @@
   .min-h-0 {
     min-height: 0px;
   }
+  .min-h-3\.5 {
+    min-height: calc(var(--spacing) * 3.5);
+  }
   .min-h-4 {
     min-height: calc(var(--spacing) * 4);
   }
+  .min-h-9 {
+    min-height: calc(var(--spacing) * 9);
+  }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }