impact-nova 2.5.5 → 2.5.7

package/dist/components/flows/guidance/renderers/guidance-tour-overlay.js

@@ -4,29 +4,29 @@ import { createPortal as $ } from "react-dom";
 import { GuidanceStepPanel as S } from "./guidance-card-shared.js";
 import { useGuidanceOverlayGeometry as z } from "../hooks/useGuidanceOverlayGeometry.js";
 import { useAdvanceOnTargetClick as E, buildHighlightRectForTarget as P, computePopoverPosition as A } from "./guidance-renderer-shared.js";
-const G = 220, n = `motion-safe:transition-[top,left,width,height] motion-safe:duration-[${G}ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)]`;
-function H({
+const R = 220, n = `motion-safe:transition-[top,left,width,height] motion-safe:duration-[${R}ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)]`;
+function G({
   highlightRect: e,
   blocksPointerEvents: u = !0
 }) {
-  const d = typeof window < "u" ? window.innerWidth : 0, g = typeof window < "u" ? window.innerHeight : 0, s = e.x + e.width, a = e.y + e.height, i = u ? `pointer-events-auto absolute bg-[var(--guidance-backdrop-bg)] opacity-[var(--guidance-backdrop-opacity,0.6)] ${n}` : `pointer-events-none absolute bg-[var(--guidance-backdrop-bg)] opacity-[var(--guidance-backdrop-opacity,0.6)] ${n}`;
+  const i = typeof window < "u" ? window.innerWidth : 0, g = typeof window < "u" ? window.innerHeight : 0, s = e.x + e.width, a = e.y + e.height, d = u ? `pointer-events-auto absolute bg-[var(--guidance-backdrop-bg)] opacity-[var(--guidance-backdrop-opacity,0.6)] ${n}` : `pointer-events-none absolute bg-[var(--guidance-backdrop-bg)] opacity-[var(--guidance-backdrop-opacity,0.6)] ${n}`;
   return /* @__PURE__ */ h(C, { children: [
     /* @__PURE__ */ o(
       "div",
       {
-        className: i,
-        style: { top: 0, left: 0, width: d, height: e.y },
+        className: d,
+        style: { top: 0, left: 0, width: i, height: e.y },
         "aria-hidden": "true"
       }
     ),
     /* @__PURE__ */ o(
       "div",
       {
-        className: i,
+        className: d,
         style: {
           top: a,
           left: 0,
-          width: d,
+          width: i,
           height: Math.max(0, g - a)
         },
         "aria-hidden": "true"
@@ -35,7 +35,7 @@ function H({
     /* @__PURE__ */ o(
       "div",
       {
-        className: i,
+        className: d,
         style: {
           top: e.y,
           left: 0,
@@ -48,11 +48,11 @@ function H({
     /* @__PURE__ */ o(
       "div",
       {
-        className: i,
+        className: d,
         style: {
           top: e.y,
           left: s,
-          width: Math.max(0, d - s),
+          width: Math.max(0, i - s),
           height: e.height
         },
         "aria-hidden": "true"
@@ -63,18 +63,18 @@ function H({
 function B({
   instruction: e,
   overlayComponent: u,
-  onNext: d,
+  onNext: i,
   onSkip: g,
   onDismiss: s
 }) {
-  const a = e.target?.element, i = z(a, e.stepId), I = e.stepIndex + 1 >= e.totalSteps, c = E(e, d), m = c || e.advanceOn === "auto", v = l.useRef(null), f = l.useRef(null), [b, O] = l.useState({ width: 400, height: 240 }), N = l.useCallback(() => {
+  const a = e.target?.element, d = z(a, e.stepId), I = e.stepIndex + 1 >= e.totalSteps, c = E(e, i), v = c || e.advanceOn === "auto", b = l.useRef(null), f = l.useRef(null), [m, O] = l.useState({ width: 400, height: 240 }), N = l.useCallback(() => {
     a?.click();
   }, [a]);
   if (l.useLayoutEffect(() => {
     const r = f.current;
     r?.parentElement === document.body && document.body.appendChild(r);
-  }, [e.stepId, m]), l.useLayoutEffect(() => {
-    const r = v.current;
+  }, [e.stepId, v]), l.useLayoutEffect(() => {
+    const r = b.current;
     if (!r)
       return;
     const k = () => {
@@ -89,12 +89,12 @@ function B({
     return x.observe(r), () => {
       x.disconnect();
     };
-  }, [e.stepId, e.content.title, e.content.body]), !i || !a || typeof document > "u")
+  }, [e.stepId, e.content.title, e.content.body]), !d || !a || typeof document > "u")
     return null;
   const t = P(a), y = A({
-    targetRect: i,
-    popoverWidth: b.width,
-    popoverHeight: b.height
+    targetRect: t,
+    popoverWidth: m.width,
+    popoverHeight: m.height
   }), w = `guidance-mask-${e.stepId}`;
   return $(
     /* @__PURE__ */ h(
@@ -140,10 +140,10 @@ function B({
             }
           ),
           /* @__PURE__ */ o(
-            H,
+            G,
             {
               highlightRect: t,
-              blocksPointerEvents: !m
+              blocksPointerEvents: !v
             }
           ),
           c ? /* @__PURE__ */ o(
@@ -176,7 +176,7 @@ function B({
           /* @__PURE__ */ o(
             "div",
             {
-              ref: v,
+              ref: b,
               className: `pointer-events-auto absolute z-20 w-[min(400px,calc(100vw-2rem))] overflow-hidden rounded-2xl border border-stroke bg-canvas shadow-elevation-floating ${n}`,
               style: {
                 top: y.top,
@@ -197,9 +197,9 @@ function B({
                   primaryActionLabel: I ? "Done" : "Next",
                   onSkip: g,
                   onDismiss: s,
-                  onPrimaryAction: d,
+                  onPrimaryAction: i,
                   showPrimaryAction: !c && e.advanceOn !== "auto",
-                  footerHint: c ? "Click highlighted area" : e.advanceOn === "auto" ? e.content.footer ?? "Complete this step to continue" : null,
+                  footerHint: c ? e.content.footer ?? "Click the highlighted button to continue." : e.advanceOn === "auto" ? e.content.footer ?? "Complete the action above to continue." : null,
                   titleId: `guidance-tour-title-${e.stepId}`,
                   bodyId: `guidance-tour-body-${e.stepId}`
                 }

package/dist/components/flows/wizard/wizard.js

@@ -12,24 +12,24 @@ const k = ({
   steps: s = [],
   children: i
 }) => {
-  const [d, u] = y({
+  const [d, f] = y({
     prop: r,
     defaultProp: e,
     onChange: o
-  }), [x, l] = a.useState([]), m = a.useCallback((b) => {
-    l((v) => v.includes(b) ? v : [...v, b].sort((g, w) => g - w));
-  }, []), c = a.useCallback((b) => {
-    l((v) => v.filter((g) => g !== b));
-  }, []), f = t ?? (x.length > 0 ? Math.max(...x) : s.length), h = a.useMemo(
+  }), [u, l] = a.useState([]), x = a.useCallback((g) => {
+    l((b) => b.includes(g) ? b : [...b, g].sort((v, w) => v - w));
+  }, []), c = a.useCallback((g) => {
+    l((b) => b.filter((v) => v !== g));
+  }, []), m = t ?? (u.length > 0 ? Math.max(...u) : s.length), h = a.useMemo(
     () => ({
       value: d ?? e,
-      totalSteps: f,
+      totalSteps: m,
       steps: s,
-      setValue: u,
-      registerStep: m,
+      setValue: f,
+      registerStep: x,
       unregisterStep: c
     }),
-    [d, e, f, s, u, m, c]
+    [d, e, m, s, f, x, c]
   );
   return /* @__PURE__ */ n(C.Provider, { value: h, children: i });
 };
@@ -118,7 +118,7 @@ const P = a.forwardRef(
       {
         ref: t,
         className: p(
-          "flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden pt-[50px] px-6 sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px] pb-[73px]",
+          "flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden pt-[50px] pb-[73px]",
           r
         ),
         "data-slot": "body",
@@ -131,35 +131,35 @@ const P = a.forwardRef(
 P.displayName = "WizardBody";
 const F = a.forwardRef(
   ({ className: r, interactive: e = !0, linear: o = !1, ...t }, s) => {
-    const { value: i, totalSteps: d, steps: u, setValue: x } = W();
+    const { value: i, totalSteps: d, steps: f, setValue: u } = W();
     if (d <= 0) return null;
-    const l = (m) => {
-      e && (o && m > i || x(m));
+    const l = (x) => {
+      e && (o && x > i || u(x));
     };
     return /* @__PURE__ */ n(
       "div",
       {
         ref: s,
-        className: p("flex gap-2 mb-[42px] shrink-0", r),
+        className: p("flex gap-2 mb-[42px] shrink-0 px-6 sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px]", r),
         "data-slot": "progress",
         role: "list",
         ...t,
-        children: Array.from({ length: d }, (m, c) => {
-          const f = c + 1, h = c === i - 1, b = c < i - 1, g = u[c]?.label ?? `Step ${f} of ${d}`, w = e && (!o || f <= i);
+        children: Array.from({ length: d }, (x, c) => {
+          const m = c + 1, h = c === i - 1, g = c < i - 1, v = f[c]?.label ?? `Step ${m} of ${d}`, w = e && (!o || m <= i);
           return /* @__PURE__ */ n(
             "div",
             {
               role: "listitem",
-              "aria-label": g,
+              "aria-label": v,
               "aria-current": h ? "step" : void 0,
               tabIndex: w ? 0 : void 0,
-              onClick: () => l(f),
+              onClick: () => l(m),
               onKeyDown: w ? (z) => {
-                (z.key === "Enter" || z.key === " ") && (z.preventDefault(), l(f));
+                (z.key === "Enter" || z.key === " ") && (z.preventDefault(), l(m));
               } : void 0,
               className: p(
                 "h-2 flex-1 max-w-[132px] rounded-[4px] transition-colors duration-300 motion-reduce:transition-none",
-                h || b ? "bg-brand" : "bg-accent",
+                h || g ? "bg-brand" : "bg-accent",
                 w ? "cursor-pointer" : "cursor-default"
               )
             },
@@ -197,31 +197,31 @@ const T = a.forwardRef(
 T.displayName = "WizardStepDescription";
 const j = a.forwardRef(
   ({ className: r, children: e, ...o }, t) => {
-    const { edges: s, setEdges: i } = N(), d = a.useRef(null), u = a.useCallback(
+    const { edges: s, setEdges: i } = N(), d = a.useRef(null), f = a.useCallback(
       (l) => {
         d.current = l, typeof t == "function" ? t(l) : t && (t.current = l);
       },
       [t]
-    ), x = a.useCallback(() => {
+    ), u = a.useCallback(() => {
       const l = d.current;
       if (!l) return;
-      const { scrollTop: m, scrollHeight: c, clientHeight: f } = l, h = 1, b = m > h, v = m + f < c - h;
-      i((g) => g.top === b && g.bottom === v ? g : { top: b, bottom: v });
+      const { scrollTop: x, scrollHeight: c, clientHeight: m } = l, h = 1, g = x > h, b = x + m < c - h;
+      i((v) => v.top === g && v.bottom === b ? v : { top: g, bottom: b });
     }, [i]);
     return a.useEffect(() => {
       const l = d.current;
       if (!l) return;
-      const m = () => {
-        requestAnimationFrame(x);
+      const x = () => {
+        requestAnimationFrame(u);
       };
-      m(), l.addEventListener("scroll", x, { passive: !0 });
-      const c = new ResizeObserver(m);
+      x(), l.addEventListener("scroll", u, { passive: !0 });
+      const c = new ResizeObserver(x);
       c.observe(l);
-      const f = l.firstElementChild;
-      return f && c.observe(f), () => {
-        l.removeEventListener("scroll", x), c.disconnect();
+      const m = l.firstElementChild;
+      return m && c.observe(m), () => {
+        l.removeEventListener("scroll", u), c.disconnect();
       };
-    }, [x, e]), /* @__PURE__ */ n(
+    }, [u, e]), /* @__PURE__ */ n(
       "div",
       {
         className: p(
@@ -234,8 +234,11 @@ const j = a.forwardRef(
         children: /* @__PURE__ */ n(
           "div",
           {
-            ref: u,
-            className: p("flex-1 min-h-0 overflow-y-auto overflow-x-hidden p-0.5", r),
+            ref: f,
+            className: p(
+              "flex-1 min-h-0 overflow-y-auto overflow-x-hidden px-6 py-4 sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px]",
+              r
+            ),
             "data-slot": "content",
             ...o,
             children: e
@@ -248,8 +251,8 @@ const j = a.forwardRef(
 j.displayName = "WizardContent";
 const A = a.forwardRef(
   ({ className: r, value: e, children: o, ...t }, s) => {
-    const { value: i, registerStep: d, unregisterStep: u } = W();
-    return a.useEffect(() => (d(e), () => u(e)), [e, d, u]), i !== e ? null : /* @__PURE__ */ n("div", { ref: s, className: p(r), "data-step": e, ...t, children: o });
+    const { value: i, registerStep: d, unregisterStep: f } = W();
+    return a.useEffect(() => (d(e), () => f(e)), [e, d, f]), i !== e ? null : /* @__PURE__ */ n("div", { ref: s, className: p(r), "data-step": e, ...t, children: o });
   }
 );
 A.displayName = "WizardStep";
@@ -261,7 +264,7 @@ const B = a.forwardRef(
       {
         ref: t,
         className: p(
-          "relative z-10 mt-auto flex shrink-0 items-center justify-between bg-canvas-elevated pt-6 pb-[27px] transition-[box-shadow,border-color] duration-200",
+          "relative z-10 mt-auto flex shrink-0 items-center justify-between bg-canvas-elevated pt-6 pb-[27px] px-6 sm:px-10 md:px-16 lg:px-20 xl:px-[60px] 2xl:px-[190px] transition-[box-shadow,border-color] duration-200",
           s.bottom && "border-t border-stroke-hairline shadow-elevation-wizard-footer",
           r
         ),

package/dist/components/layout/horizontal-scroller/horizontal-scroller.js

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import * as n from "react";
 import { ChevronRight as W } from "impact-nova-icons";
 import { useVirtualizer as j } from "@tanstack/react-virtual";
@@ -8,25 +8,25 @@ import { useImpactNovaI18n as T } from "../../../i18n/use-impact-nova-i18n.js";
 function $({
   className: N,
   items: d,
-  renderItem: C,
+  renderItem: R,
   scrollStep: p = 200,
   hideScrollbar: u = !0,
   controlsPosition: v = "right",
   renderPrevious: x,
   renderNext: g,
-  maxWidth: R = "100%",
+  maxWidth: L = "100%",
   estimateSize: m = 200,
-  overscan: L = 5,
+  overscan: C = 5,
   ...B
 }, E) {
-  const { t: b } = T(), r = n.useRef(null), [o, H] = n.useState(!1), [s, I] = n.useState(!1);
+  const { t: w } = T(), r = n.useRef(null), [o, H] = n.useState(!1), [s, I] = n.useState(!1);
   n.useImperativeHandle(E, () => r.current);
   const c = j({
     count: d.length,
     getScrollElement: () => r.current,
     estimateSize: typeof m == "function" ? m : () => m,
     horizontal: !0,
-    overscan: L
+    overscan: C
   }), V = c.getTotalSize(), f = n.useCallback(() => {
     const e = r.current;
     e && (H(e.scrollLeft > 0), I(
@@ -37,27 +37,23 @@ function $({
     const e = r.current;
     if (!e) return;
     f();
-    const l = () => f();
-    e.addEventListener("scroll", l);
-    const i = new ResizeObserver(() => {
+    const t = () => f();
+    e.addEventListener("scroll", t);
+    const a = new ResizeObserver(() => {
       f();
     });
-    return i.observe(e), () => {
-      e.removeEventListener("scroll", l), i.disconnect();
+    return a.observe(e), () => {
+      e.removeEventListener("scroll", t), a.disconnect();
     };
   }, [f, d, V]);
-  const w = () => {
+  const z = () => {
     r.current?.scrollBy({ left: -p, behavior: "smooth" });
-  }, z = () => {
+  }, b = () => {
     r.current?.scrollBy({ left: p, behavior: "smooth" });
-  }, S = ({
-    direction: e,
-    onClick: l,
-    disabled: i
-  }) => {
-    if (i) return null;
-    const k = b(e === "left" ? "horizontalScroller.scrollLeft" : "horizontalScroller.scrollRight");
-    return /* @__PURE__ */ a(
+  }, S = (e, t, a) => {
+    if (a) return null;
+    const k = w(e === "left" ? "horizontalScroller.scrollLeft" : "horizontalScroller.scrollRight");
+    return /* @__PURE__ */ i(
       O,
       {
         variant: "ghost",
@@ -65,67 +61,53 @@ function $({
         className: h(
           "h-8 w-8 rounded-md bg-canvas-muted text-content-tertiary hover:bg-brand-tint hover:text-brand"
         ),
-        onClick: l,
-        disabled: i,
+        onClick: t,
+        disabled: a,
         "aria-label": k,
         "data-component": e === "left" ? "horizontal-scroller-prev" : "horizontal-scroller-next",
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ l(
             W,
             {
               className: h("h-4 w-4", e === "left" && "rotate-180")
             }
           ),
-          /* @__PURE__ */ t("span", { className: "sr-only", children: k })
+          /* @__PURE__ */ l("span", { className: "sr-only", children: k })
         ]
       }
     );
   }, y = (() => {
-    const e = x ? x({ onClick: w, disabled: !o }) : /* @__PURE__ */ t(
-      S,
-      {
-        direction: "left",
-        onClick: w,
-        disabled: !o
-      }
-    ), l = g ? g({ onClick: z, disabled: !s }) : /* @__PURE__ */ t(
-      S,
-      {
-        direction: "right",
-        onClick: z,
-        disabled: !s
-      }
-    );
+    const e = x ? x({ onClick: z, disabled: !o }) : S("left", z, !o), t = g ? g({ onClick: b, disabled: !s }) : S("right", b, !s);
     return v === "split" ? {
-      left: o ? /* @__PURE__ */ t("div", { className: "flex-shrink-0", children: e }) : null,
-      right: s ? /* @__PURE__ */ t("div", { className: "flex-shrink-0", children: l }) : null
+      left: o ? /* @__PURE__ */ l("div", { className: "flex-shrink-0", children: e }) : null,
+      right: s ? /* @__PURE__ */ l("div", { className: "flex-shrink-0", children: t }) : null
     } : v === "left" ? {
-      left: o || s ? /* @__PURE__ */ a("div", { className: "flex-shrink-0 flex items-center gap-1", children: [
+      left: o || s ? /* @__PURE__ */ i("div", { className: "flex-shrink-0 flex items-center gap-1", children: [
         e,
-        l
+        t
       ] }) : null,
       right: null
     } : {
       left: null,
-      right: o || s ? /* @__PURE__ */ a("div", { className: "flex-shrink-0 flex items-center gap-1", children: [
+      right: o || s ? /* @__PURE__ */ i("div", { className: "flex-shrink-0 flex items-center gap-1", children: [
         e,
-        l
+        t
       ] }) : null
     };
   })();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     "div",
     {
       className: h(
         "flex items-center gap-2 min-w-0 w-full bg-transparent",
         N
       ),
-      style: { maxWidth: R },
+      style: { maxWidth: L },
       "data-component": "horizontal-scroller",
       ...B,
       children: [
         y.left,
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ l(
           "div",
           {
             ref: r,
@@ -140,7 +122,7 @@ function $({
               msOverflowStyle: u ? "none" : "auto"
             },
             "data-component": "horizontal-scroller-viewport",
-            children: /* @__PURE__ */ a(
+            children: /* @__PURE__ */ i(
               "div",
               {
                 style: {
@@ -149,7 +131,7 @@ function $({
                   position: "relative"
                 },
                 children: [
-                  /* @__PURE__ */ t(
+                  /* @__PURE__ */ l(
                     "div",
                     {
                       style: {
@@ -158,13 +140,13 @@ function $({
                       }
                     }
                   ),
-                  c.getVirtualItems().map((e) => /* @__PURE__ */ t(
+                  c.getVirtualItems().map((e) => /* @__PURE__ */ l(
                     "div",
                     {
                       ref: c.measureElement,
                       "data-index": e.index,
                       className: "flex-shrink-0",
-                      children: C(d[e.index], e.index)
+                      children: R(d[e.index], e.index)
                     },
                     e.key
                   ))

package/dist/form-engine/field-dependency-graph.d.ts

@@ -1,10 +1,7 @@
 import { FieldDependency, FieldVisibilityBase, FormValuesSnapshot } from './types';
 export declare function collectFieldDependencyIds(field: FieldVisibilityBase): string[];
 export declare function computeIsFieldVisible(field: FieldVisibilityBase, formValues: FormValuesSnapshot): boolean;
-export declare function computeIsFieldDisabled(field: FieldVisibilityBase, formValues: FormValuesSnapshot, options?: {
-    isCascadingDisabled?: (field: FieldVisibilityBase) => boolean;
-}): boolean;
-export declare function computeIsCascadingDisabled(field: FieldVisibilityBase, formValues: FormValuesSnapshot, isCascadingEnabled: boolean): boolean;
+export declare function computeIsFieldDisabled(field: FieldVisibilityBase, formValues: FormValuesSnapshot): boolean;
 export declare function getDependentFieldIds(allFields: FieldVisibilityBase[], changedFieldName: string): string[];
 export declare function buildCascadeParentFormState(cascadingDependency: FieldDependency[] | undefined, formValues: FormValuesSnapshot): Record<string, unknown> | null;
 export declare function collectFormWatchFieldIds(fields: FieldVisibilityBase[]): string[];

package/dist/form-engine/field-dependency-graph.js

@@ -1,90 +1,86 @@
 import { isEmptyValue as l } from "./is-empty-value.js";
-function a(e) {
+function u(n) {
   const t = /* @__PURE__ */ new Set();
-  return e.visibilityDependency?.forEach((n) => {
-    t.add(n.fieldId);
-  }), e.disableDependency?.forEach((n) => {
-    t.add(n.fieldId);
-  }), e.cascadingDependency?.forEach((n) => {
-    t.add(n.fieldId);
+  return n.visibilityDependency?.forEach((e) => {
+    t.add(e.fieldId);
+  }), n.disableDependency?.forEach((e) => {
+    t.add(e.fieldId);
+  }), n.cascadingDependency?.forEach((e) => {
+    t.add(e.fieldId);
   }), Array.from(t);
 }
-function d(e, t) {
-  return !e.visibilityDependency || e.visibilityDependency.length === 0 ? !0 : e.visibilityDependency.every((n) => t[n.fieldId] === n.value);
-}
-function u(e, t) {
-  const n = t[e.fieldId];
-  return e.value === null ? !l(n) : e.value === "__empty__" ? l(n) : typeof n == "boolean" ? n === (e.value === "true") : Array.isArray(n) ? n.some((r) => typeof r == "object" && r?.value === e.value ? !0 : typeof r == "string" && r === e.value) : typeof n == "object" && n !== null && "value" in n ? n.value === e.value : n === e.value;
+function d(n, t) {
+  return !n.visibilityDependency || n.visibilityDependency.length === 0 ? !0 : n.visibilityDependency.every((e) => {
+    const r = t[e.fieldId];
+    return e.value === "__empty__" ? l(r) : r === e.value;
+  });
 }
-function s(e, t, n) {
-  return !!(!d(e, t) || e.isDisabled || e.disableDependency && e.disableDependency.length > 0 && (e.disableDependencyMode === "every" ? e.disableDependency.every(
-    (i) => u(i, t)
-  ) : e.disableDependency.some(
-    (i) => u(i, t)
-  )) || n?.isCascadingDisabled?.(e));
+function o(n, t) {
+  const e = t[n.fieldId];
+  return n.value === null ? !l(e) : n.value === "__empty__" ? l(e) : typeof e == "boolean" ? e === (n.value === "true") : Array.isArray(e) ? e.some((r) => typeof r == "object" && r?.value === n.value ? !0 : typeof r == "string" && r === n.value) : typeof e == "object" && e !== null && "value" in e ? e.value === n.value : e === n.value;
 }
-function f(e, t, n) {
-  return !n || !e.cascadingDependency || e.cascadingDependency.length === 0 ? !1 : e.cascadingDependency.some((r) => {
-    const i = t[r.fieldId];
-    return r.value === null || r.value === void 0 ? l(i) : i === r.value;
-  });
+function s(n, t) {
+  return !!(!d(n, t) || n.isDisabled || n.disableDependency && n.disableDependency.length > 0 && (n.disableDependencyMode === "every" ? n.disableDependency.every(
+    (r) => o(r, t)
+  ) : n.disableDependency.some(
+    (r) => o(r, t)
+  )));
 }
-function y(e, t) {
-  return e.filter(
-    (n) => n.cascadingDependency?.some(
+function f(n, t) {
+  return n.filter(
+    (e) => e.cascadingDependency?.some(
       (r) => r.fieldId === t
     )
-  ).map((n) => n.id);
+  ).map((e) => e.id);
 }
-function p(e, t) {
-  if (!e || e.length === 0)
+function y(n, t) {
+  if (!n || n.length === 0)
     return null;
-  const n = {};
-  for (const r of e) {
+  const e = {};
+  for (const r of n) {
     const i = t[r.fieldId];
-    i == null || i === "" || Array.isArray(i) && i.length === 0 || (n[r.fieldId] = i);
+    i == null || i === "" || Array.isArray(i) && i.length === 0 || (e[r.fieldId] = i);
   }
-  return Object.keys(n).length > 0 ? n : null;
+  return Object.keys(e).length > 0 ? e : null;
 }
-function o(e) {
+function c(n) {
   const t = /* @__PURE__ */ new Set();
-  for (const n of e) {
-    n.doNotIncludeInSubmit || t.add(n.id);
-    for (const r of a(n))
+  for (const e of n) {
+    e.doNotIncludeInSubmit || t.add(e.id);
+    for (const r of u(e))
       t.add(r);
   }
   return Array.from(t);
 }
-function b(e) {
-  return o(e);
+function b(n) {
+  return c(n);
 }
-function v(e) {
+function p(n) {
   const t = /* @__PURE__ */ new Set();
-  for (const n of e) {
-    t.add(n.id);
-    for (const r of a(n))
+  for (const e of n) {
+    t.add(e.id);
+    for (const r of u(e))
       t.add(r);
   }
   return Array.from(t);
 }
-function D(e, t, n) {
-  return e.some(
-    (r) => !!t[r.id] && d(r, n)
+function I(n, t, e) {
+  return n.some(
+    (r) => !!t[r.id] && d(r, e)
   );
 }
-function I(e, t) {
-  return e.filter((n) => d(n, t)).map((n) => n.id);
+function v(n, t) {
+  return n.filter((e) => d(e, t)).map((e) => e.id);
 }
 export {
-  p as buildCascadeParentFormState,
-  a as collectFieldDependencyIds,
+  y as buildCascadeParentFormState,
+  u as collectFieldDependencyIds,
   b as collectFilterSidebarWatchFieldIds,
-  o as collectFormWatchFieldIds,
-  v as collectSectionWatchFieldIds,
-  I as collectVisibleFieldIds,
-  f as computeIsCascadingDisabled,
+  c as collectFormWatchFieldIds,
+  p as collectSectionWatchFieldIds,
+  v as collectVisibleFieldIds,
   s as computeIsFieldDisabled,
   d as computeIsFieldVisible,
-  y as getDependentFieldIds,
-  D as hasVisibleFieldErrors
+  f as getDependentFieldIds,
+  I as hasVisibleFieldErrors
 };