@instructure/platform-block-content-editor 3.1.0 → 3.2.0

package/dist/index.js

@@ -4,7 +4,7 @@ import { Heading as lr } from "@instructure/ui-heading";
 import { Text as ue } from "@instructure/ui-text";
 import { ToggleDetails as vm } from "@instructure/ui-toggle-details";
 import { View as ae } from "@instructure/ui-view";
-import Y, { createContext as bt, useContext as Be, useMemo as le, useState as Q, createElement as Ul, useCallback as ie, useId as nn, useRef as W, useEffect as ve, useLayoutEffect as Ws, Children as ym, Component as wm, memo as Cm, useReducer as xm, forwardRef as Gs, cloneElement as Am, useImperativeHandle as _m, Suspense as Sm, isValidElement as Rm } from "react";
+import Y, { createContext as bt, useContext as Be, useMemo as le, useState as J, createElement as Ul, useCallback as ie, useId as nn, useRef as W, useEffect as ve, useLayoutEffect as Ws, Children as ym, Component as wm, memo as Cm, useReducer as xm, forwardRef as Gs, cloneElement as Am, useImperativeHandle as _m, Suspense as Sm, isValidElement as Rm } from "react";
 import { sanitizeHtml as Im } from "@instructure/platform-sanitize";
 import { IconArrowOpenDownSolid as Wl, IconArrowOpenEndSolid as Df, IconArrowOpenUpSolid as Tm, IconArrowOpenStartSolid as km, IconCompleteSolid as Lf, IconTroubleSolid as Nf, ChevronLeftInstUIIcon as Gl, XInstUIIcon as Em, CircleStopInstUIIcon as Om, SendHorizontalInstUIIcon as Dm, OrbitInstUIIcon as Lm, ChevronRightInstUIIcon as mn, SpeechInstUIIcon as Nm, ScrollTextInstUIIcon as $m, BookAInstUIIcon as Pm, IconAiColoredSolid as $f, IconCheckLine as Mm, PencilSparklesInstUIIcon as zm, IconAiSolid as Pf, IconDragHandleLine as Jn, IconCopyLine as Bm, IconTrashLine as Ks, IconLinkLine as Fm, IconRefreshLine as Vm, LightbulbInstUIIcon as qm, ColumnsInstUIIcon as Hm, SquareInstUIIcon as jm, TableRowsSplitInstUIIcon as Um, ChevronDownSquareInstUIIcon as Wm, IconVideoLine as Mf, IconImageLine as zf, IconCodeLine as Gm, QuoteInstUIIcon as Km, IconDocumentLine as Ym, IconTextLine as Xm, IconAddLine as Ys, IconArrowOpenEndLine as Xs, IconEditLine as Zm, IconArrowOpenStartLine as Zs, IconExitFullScreenLine as Qm, IconFullScreenLine as Jm, IconXLine as eg, BlocksInstUIIcon as tg, ZapInstUIIcon as rg, Columns2InstUIIcon as ng, LayoutTemplateInstUIIcon as og } from "@instructure/ui-icons";
 import { z as F } from "zod";
@@ -340,9 +340,9 @@ function Pg({
   dropdownDirection: d = "down",
   editingItemId: u
 }) {
-  const h = Nt(), { translations: f, translate: p } = we(Vf), m = Wt(), [b, g] = Q(
+  const h = Nt(), { translations: f, translate: p } = we(Vf), m = Wt(), [b, g] = J(
     new Set(u !== void 0 ? [u] : [])
-  ), [I, w] = Q(u), [T, _] = Q(null);
+  ), [I, w] = J(u), [T, _] = J(null);
   u !== I && (w(u), g((P) => {
     const x = new Set(P);
     return I !== void 0 && x.delete(I), u !== void 0 && x.add(u), x;
@@ -2023,7 +2023,7 @@ function Cv({
   editingItemId: p
 }) {
   var N;
-  const m = Nt(), { translations: b, translate: g } = we(ph), I = Wt(), w = nn(), T = n.length, [_, y] = Q(p ?? ((N = n[0]) == null ? void 0 : N.id)), [R, C] = Q(p), [A, D] = Q(null), z = W(/* @__PURE__ */ new Map());
+  const m = Nt(), { translations: b, translate: g } = we(ph), I = Wt(), w = nn(), T = n.length, [_, y] = J(p ?? ((N = n[0]) == null ? void 0 : N.id)), [R, C] = J(p), [A, D] = J(null), z = W(/* @__PURE__ */ new Map());
   p !== R && (C(p), p !== void 0 && y(p));
   const S = n.findIndex((L) => L.id === _), M = S >= 0 ? S : 0, $ = le(
     () => gv({
@@ -2485,11 +2485,11 @@ function jv({
   ), f = e ?? Hv, p = le(
     () => t && !o ? JSON.stringify(f.map(({ front: X, back: Z }) => [X, Z])) : null,
     [f, t, o]
-  ), [m, b] = Q(() => uc(p, f));
+  ), [m, b] = J(() => uc(p, f));
   let g = m;
   g.key !== p && (g = uc(p, f), b(g));
-  const I = g.order ?? f, [w, T] = Q(0), [_, y] = Q(!1), [R, C] = Q("none"), [A, D] = Q(null), [z, S] = Q(""), M = I.length, $ = M === 0 ? 0 : Math.max(0, Math.min(w, M - 1)), P = I[$], x = W(null), N = W(null), L = W(null), E = W(!1), B = ie(() => y((X) => !X), []), q = ie(
-    (X, Z, te) => {
+  const I = g.order ?? f, [w, T] = J(0), [_, y] = J(!1), [R, C] = J("none"), [A, D] = J(null), [z, S] = J(""), M = I.length, $ = M === 0 ? 0 : Math.max(0, Math.min(w, M - 1)), P = I[$], x = W(null), N = W(null), L = W(null), E = W(!1), B = ie(() => y((X) => !X), []), q = ie(
+    (X, Z, re) => {
       var _e;
       if (c) {
         const { front: Le, back: be } = I[$] ?? {};
@@ -2498,7 +2498,7 @@ function jv({
       y(!1), C(Z), T(X);
       const oe = { current: X + 1, total: M }, me = (_e = I[X]) == null ? void 0 : _e.front;
       S(
-        me != null && me.trim() && !te ? a("flashCardsCardAnnouncement", { ...oe, question: me }) : a("flashCardsCounter", oe)
+        me != null && me.trim() && !re ? a("flashCardsCardAnnouncement", { ...oe, question: me }) : a("flashCardsCounter", oe)
       );
     },
     [c, _, I, $, M, a]
@@ -2887,7 +2887,7 @@ function ay({
   );
 }
 function sy({ pairs: e, randomizeCards: t, isDesignerMode: r, view: n }) {
-  const { translations: o, translate: i } = we(ll), a = bh(), [s] = Q(() => iy(e, t, r)), [c, d] = Q(s.terms), [u, h] = Q(s.definitions), [f, p] = Q(null), [m, b] = Q(null), g = W([]), I = W(/* @__PURE__ */ new Map()), w = W(null), T = W(null), _ = W(null), y = ie(() => {
+  const { translations: o, translate: i } = we(ll), a = bh(), [s] = J(() => iy(e, t, r)), [c, d] = J(s.terms), [u, h] = J(s.definitions), [f, p] = J(null), [m, b] = J(null), g = W([]), I = W(/* @__PURE__ */ new Map()), w = W(null), T = W(null), _ = W(null), y = ie(() => {
     for (const x of g.current)
       clearTimeout(x);
     g.current = [], _.current = null;
@@ -3266,11 +3266,11 @@ function by({
   );
 }
 function vy({ questionType: e, question: t, answerOrder: r, answers: n, isDesignerMode: o, view: i }) {
-  const { translations: a, translate: s } = we(cl), c = nn(), d = `${c}-answers`, u = `${c}-question`, h = `${c}-hint`, [f, p] = Q([]), [m, b] = Q("initial"), [g, I] = Q(null), w = W(null), T = W(null), _ = W(null), y = ie((L) => {
+  const { translations: a, translate: s } = we(cl), c = nn(), d = `${c}-answers`, u = `${c}-question`, h = `${c}-hint`, [f, p] = J([]), [m, b] = J("initial"), [g, I] = J(null), w = W(null), T = W(null), _ = W(null), y = ie((L) => {
     T.current = L instanceof HTMLElement ? L : null;
   }, []), R = ie((L) => {
     w.current = L;
-  }, []), C = e === "Multiple choice", [A] = Q(
+  }, []), C = e === "Multiple choice", [A] = J(
     () => r === "random" && C && !o ? Bn(n) : n
   ), D = m !== "initial", z = m === "correct", S = ie(
     (L, E) => {
@@ -5424,7 +5424,7 @@ function SC(e, t) {
   };
 }
 function RC(e, t) {
-  const r = W(SC(e, t)), [, n] = Q(0), o = ie(() => n((d) => d + 1), []), i = ie(
+  const r = W(SC(e, t)), [, n] = J(0), o = ie(() => n((d) => d + 1), []), i = ie(
     (d, u) => {
       r.current.push(d, u), o();
     },
@@ -5583,7 +5583,7 @@ function lR({
   historyLimit: n,
   registry: o
 }) {
-  const [i, a] = Q(e), [s, c] = Q(t), [d, u] = Q(null), h = RC(
+  const [i, a] = J(e), [s, c] = J(t), [d, u] = J(null), h = RC(
     { layout: t, data: e },
     n != null ? { limit: n } : void 0
   ), { pushState: f } = h, p = ie(
@@ -5799,7 +5799,7 @@ function dR(e, t, r, n) {
   const o = structuredClone(t);
   return OC(e, r).forEach((i) => Jh(o, i, n)), o;
 }
-const ne = {
+const Q = {
   canvasSurface: "bce-designer-canvas-surface",
   canvas: "bce-designer-canvas",
   canvasMultiColumn: "bce-designer-canvas--multi",
@@ -5812,6 +5812,7 @@ const ne = {
   toolbarGroup: "bce-designer-toolbar-group",
   chip: "bce-designer-chip",
   overlay: "bce-designer-overlay",
+  overlayHint: "bce-designer-overlay-hint",
   content: "bce-designer-content",
   dragOverlay: "bce-designer-drag-overlay",
   gridCell: "bce-designer-grid-cell",
@@ -5826,7 +5827,7 @@ function DC() {
     /* The full-width readable surface the centered grid sits on. Fills the scroll
        area (min-height) so blocks never float on a transparent backdrop, and its
        vertical padding clears the item toolbar/chip that overhang the first row. */
-    .${ne.canvasSurface} {
+    .${Q.canvasSurface} {
       min-height: 100%;
       box-sizing: border-box;
       background-color: ${i.surfaceCardPrimary};
@@ -5834,7 +5835,7 @@ function DC() {
       padding-bottom: ${n.space24};
     }
 
-    .${ne.canvas} {
+    .${Q.canvas} {
       position: relative;
       display: grid;
       height: fit-content;
@@ -5847,7 +5848,7 @@ function DC() {
       padding-right: 8px;
     }
 
-    .${ne.canvas}.${ne.canvasMultiColumn} {
+    .${Q.canvas}.${Q.canvasMultiColumn} {
       width: fit-content;
       max-width: 1280px;
       padding-left: 0;
@@ -5856,14 +5857,14 @@ function DC() {
       grid-template-columns: repeat(${fC}, ${hC}px);
     }
 
-    .${ne.itemContainer} {
+    .${Q.itemContainer} {
       position: relative;
       height: 100%;
       width: 100%;
       min-width: 0;
     }
 
-    .${ne.itemContainer}.${ne.itemContainerDragging} {
+    .${Q.itemContainer}.${Q.itemContainerDragging} {
       pointer-events: none;
       border: 2px dashed ${a.grey30};
       border-radius: ${t.radiusMedium};
@@ -5871,7 +5872,7 @@ function DC() {
       background-color: ${a.grey12};
     }
 
-    .${ne.itemContainer}.${ne.itemContainerTrayGap}::before {
+    .${Q.itemContainer}.${Q.itemContainerTrayGap}::before {
       content: '';
       position: absolute;
       left: 0;
@@ -5886,7 +5887,7 @@ function DC() {
       z-index: 1;
     }
 
-    .${ne.item} {
+    .${Q.item} {
       position: relative;
       height: 100%;
       border-radius: ${t.radiusMedium};
@@ -5897,28 +5898,31 @@ function DC() {
     }
 
     /* Selected via focus (natural) or the data attribute (engine-driven / tool panel). */
-    .${ne.item}:focus-within:not(:has([data-designer-item]:focus-within)),
-    .${ne.item}[data-selected='true']:not(:has([data-designer-item][data-selected='true'])) {
+    .${Q.item}:focus-within:not(:has([data-designer-item]:focus-within)),
+    .${Q.item}[data-selected='true']:not(:has([data-designer-item][data-selected='true'])) {
       border-color: ${i.surfaceDark};
     }
 
     /* Keep the selection border while a popover has stolen focus to its portal. */
-    .${ne.item}.${ne.itemPopoverOpen}:not(:focus-within):not([data-selected='true']) {
+    .${Q.item}.${Q.itemPopoverOpen}:not(:focus-within):not([data-selected='true']) {
       border-color: ${i.surfaceDark};
     }
 
     /* Hover border — only the innermost hovered item, and only when not selected. */
-    .${ne.item}:not(:focus-within):not([data-selected='true']):hover:not(:has([data-designer-item]:hover)) {
+    .${Q.item}:not(:focus-within):not([data-selected='true']):hover:not(:has([data-designer-item]:hover)) {
       border-color: ${i.lineStroke};
     }
 
-    .${ne.item}:focus {
+    .${Q.item}:focus {
       outline: none;
     }
 
-    .${ne.overlay} {
+    .${Q.overlay} {
       position: absolute;
       inset: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
       background: transparent;
       border: none;
       padding: 0;
@@ -5927,23 +5931,43 @@ function DC() {
       border-radius: inherit;
     }
 
-    .${ne.overlay}:hover {
+    .${Q.overlay}:hover {
       background-color: rgba(0, 0, 0, 0.02);
     }
 
-    .${ne.overlay}:focus-visible {
+    .${Q.overlay}:focus-visible {
       outline: 2px solid ${i.surfaceDark};
       outline-offset: -2px;
     }
 
-    .${ne.content} {
+    .${Q.overlayHint} {
+      padding: ${n.space8} ${n.space16};
+      border-radius: ${t.radiusSmall};
+      background-color: ${i.surfaceDark};
+      color: ${i.textSurfaceColored};
+      font-size: 14px;
+      line-height: 1.4;
+      white-space: nowrap;
+      pointer-events: none;
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 200ms ease, visibility 200ms ease;
+    }
+
+    /* Direct child, so a container's hint can never leak onto a focused child block. */
+    .${Q.overlay}:focus-visible > .${Q.overlayHint} {
+      opacity: 1;
+      visibility: visible;
+    }
+
+    .${Q.content} {
       height: 100%;
       width: 100%;
       min-width: 0;
       overflow: visible;
     }
 
-    .${ne.toolbar} {
+    .${Q.toolbar} {
       position: absolute;
       top: -19px;
       left: 10px;
@@ -5960,13 +5984,13 @@ function DC() {
       pointer-events: none;
     }
 
-    .${ne.toolbarGroup} {
+    .${Q.toolbarGroup} {
       display: flex;
       align-items: center;
       gap: ${n.space2};
     }
 
-    .${ne.chip} {
+    .${Q.chip} {
       position: absolute;
       top: -11px;
       right: 10px;
@@ -5989,33 +6013,33 @@ function DC() {
     }
 
     /* Reveal the toolbar/chip for the innermost hovered/focused/selected item. */
-    .${ne.item}:hover:not(:has([data-designer-item]:hover)) > .${ne.toolbar},
-    .${ne.item}:focus:not(:has([data-designer-item]:focus)) > .${ne.toolbar},
-    .${ne.item}:focus-within:not(:has([data-designer-item]:focus-within)) > .${ne.toolbar},
-    .${ne.item}[data-selected='true']:not(:has([data-designer-item][data-selected='true'])) > .${ne.toolbar},
-    .${ne.item}.${ne.itemPopoverOpen} > .${ne.toolbar} {
+    .${Q.item}:hover:not(:has([data-designer-item]:hover)) > .${Q.toolbar},
+    .${Q.item}:focus:not(:has([data-designer-item]:focus)) > .${Q.toolbar},
+    .${Q.item}:focus-within:not(:has([data-designer-item]:focus-within)) > .${Q.toolbar},
+    .${Q.item}[data-selected='true']:not(:has([data-designer-item][data-selected='true'])) > .${Q.toolbar},
+    .${Q.item}.${Q.itemPopoverOpen} > .${Q.toolbar} {
       opacity: 1;
       visibility: visible;
       pointer-events: auto;
     }
 
-    .${ne.item}:hover:not(:has([data-designer-item]:hover)) > .${ne.chip},
-    .${ne.item}:focus:not(:has([data-designer-item]:focus)) > .${ne.chip},
-    .${ne.item}:focus-within:not(:has([data-designer-item]:focus-within)) > .${ne.chip},
-    .${ne.item}[data-selected='true']:not(:has([data-designer-item][data-selected='true'])) > .${ne.chip},
-    .${ne.item}.${ne.itemPopoverOpen} > .${ne.chip} {
+    .${Q.item}:hover:not(:has([data-designer-item]:hover)) > .${Q.chip},
+    .${Q.item}:focus:not(:has([data-designer-item]:focus)) > .${Q.chip},
+    .${Q.item}:focus-within:not(:has([data-designer-item]:focus-within)) > .${Q.chip},
+    .${Q.item}[data-selected='true']:not(:has([data-designer-item][data-selected='true'])) > .${Q.chip},
+    .${Q.item}.${Q.itemPopoverOpen} > .${Q.chip} {
       opacity: 1;
       visibility: visible;
     }
 
-    .${ne.dragOverlay} {
+    .${Q.dragOverlay} {
       opacity: 0.8;
       max-height: 200px;
       overflow: hidden;
       transition: width 200ms ease;
     }
 
-    .${ne.gridCell} {
+    .${Q.gridCell} {
       pointer-events: auto;
       border: 2px dashed ${a.grey30};
       border-radius: ${t.radiusMedium};
@@ -6024,16 +6048,16 @@ function DC() {
       min-height: 60px;
     }
 
-    .${ne.gridCell}.${ne.gridCellOver} {
+    .${Q.gridCell}.${Q.gridCellOver} {
       border: 2px solid ${i.surfaceDark};
       background-color: ${a.grey12};
     }
 
-    .${ne.twoColumns} {
+    .${Q.twoColumns} {
       display: contents;
     }
 
-    .${ne.twoColumnZone} {
+    .${Q.twoColumnZone} {
       display: flex;
       flex-direction: column;
       gap: ${Ar}px;
@@ -6045,12 +6069,12 @@ function DC() {
       background-color: transparent;
     }
 
-    .${ne.twoColumnZone}.${ne.twoColumnZoneOver} {
+    .${Q.twoColumnZone}.${Q.twoColumnZoneOver} {
       border-color: ${i.surfaceDark};
       background-color: ${i.surfacePageSecondary};
     }
 
-    .${ne.twoColumnEmpty} {
+    .${Q.twoColumnEmpty} {
       display: flex;
       align-items: center;
       justify-content: center;
@@ -6310,7 +6334,7 @@ function FC(e) {
   }, r);
 }
 function VC() {
-  const [e, t] = Q("");
+  const [e, t] = J("");
   return {
     announce: ie((n) => {
       n != null && t(n);
@@ -6328,7 +6352,7 @@ function np(e) {
   }, [e, t]);
 }
 function qC() {
-  const [e] = Q(() => /* @__PURE__ */ new Set()), t = ie((n) => (e.add(n), () => e.delete(n)), [e]);
+  const [e] = J(() => /* @__PURE__ */ new Set()), t = ie((n) => (e.add(n), () => e.delete(n)), [e]);
   return [ie((n) => {
     let {
       type: o,
@@ -6384,7 +6408,7 @@ function UC(e) {
   const {
     announce: i,
     announcement: a
-  } = VC(), s = cn("DndLiveRegion"), [c, d] = Q(!1);
+  } = VC(), s = cn("DndLiveRegion"), [c, d] = J(!1);
   if (ve(() => {
     d(!0);
   }, []), np(le(() => ({
@@ -7566,7 +7590,7 @@ function _x(e, t) {
     dependencies: n,
     config: o
   } = t;
-  const [i, a] = Q(null), {
+  const [i, a] = J(null), {
     frequency: s,
     measure: c,
     strategy: d
@@ -7674,7 +7698,7 @@ function Ix(e) {
 }
 function fu(e, t, r) {
   t === void 0 && (t = Ix);
-  const [n, o] = Q(null);
+  const [n, o] = J(null);
   function i() {
     o((c) => {
       if (!e)
@@ -7723,7 +7747,7 @@ function kx(e) {
   }, [e]), r;
 }
 function Ex(e) {
-  const [t, r] = Q(null), n = W(e), o = ie((i) => {
+  const [t, r] = J(null), n = W(e), o = ie((i) => {
     const a = Ia(i.target);
     a && r((s) => s ? (s.set(a, Es(a)), new Map(s)) : null);
   }, []);
@@ -7807,7 +7831,7 @@ function gp(e) {
 const mu = [];
 function Lx(e, t) {
   t === void 0 && (t = Pr);
-  const [r] = e, n = gp(r ? vt(r) : null), [o, i] = Q(mu);
+  const [r] = e, n = gp(r ? vt(r) : null), [o, i] = J(mu);
   function a() {
     i(() => e.length ? e.map((c) => up(c) ? n : new Il(t(c), c)) : mu);
   }
@@ -7830,7 +7854,7 @@ function Nx(e) {
   let {
     measure: t
   } = e;
-  const [r, n] = Q(null), o = ie((d) => {
+  const [r, n] = J(null), o = ie((d) => {
     for (const {
       target: u
     } of d)
@@ -8170,7 +8194,7 @@ const Cp = /* @__PURE__ */ Cm(function(t) {
     modifiers: p,
     ...m
   } = t;
-  const b = xm(Bx, void 0, zx), [g, I] = b, [w, T] = qC(), [_, y] = Q(or.Uninitialized), R = _ === or.Initialized, {
+  const b = xm(Bx, void 0, zx), [g, I] = b, [w, T] = qC(), [_, y] = J(or.Uninitialized), R = _ === or.Initialized, {
     draggable: {
       active: C,
       nodes: A,
@@ -8190,10 +8214,10 @@ const Cp = /* @__PURE__ */ Cm(function(t) {
       data: (ce = S == null ? void 0 : S.data) != null ? ce : Px,
       rect: M
     } : null;
-  }, [C, S]), P = W(null), [x, N] = Q(null), [L, E] = Q(null), B = en(m, Object.values(m)), q = cn("DndDescribedBy", a), K = le(() => z.getEnabled(), [z]), se = Vx(f), {
+  }, [C, S]), P = W(null), [x, N] = J(null), [L, E] = J(null), B = en(m, Object.values(m)), q = cn("DndDescribedBy", a), K = le(() => z.getEnabled(), [z]), se = Vx(f), {
     droppableRects: X,
     measureDroppableContainers: Z,
-    measuringScheduled: te
+    measuringScheduled: re
   } = _x(K, {
     dragging: R,
     dependencies: [D.x, D.y],
@@ -8244,7 +8268,7 @@ const Cp = /* @__PURE__ */ Cm(function(t) {
     droppableRects: X,
     droppableContainers: K,
     pointerCoordinates: Me
-  }) : null, Ue = Rl(de, "id"), [Ye, Mt] = Q(null), v = ye ? qe : Rr(qe, Pt), k = QC(v, (i = Ye == null ? void 0 : Ye.rect) != null ? i : null, be), O = W(null), j = ie(
+  }) : null, Ue = Rl(de, "id"), [Ye, Mt] = J(null), v = ye ? qe : Rr(qe, Pt), k = QC(v, (i = Ye == null ? void 0 : Ye.rect) != null ? i : null, be), O = W(null), j = ie(
     (ce, Ae) => {
       let {
         sensor: Pe,
@@ -8384,7 +8408,7 @@ const Cp = /* @__PURE__ */ Cm(function(t) {
     ce(Pe, Ae.options, ft) === !0 && (tt.dndKit = {
       capturedBy: Ae.sensor
     }, P.current = We, j(Pe, Ae));
-  }, [A, j]), re = Ax(u, U);
+  }, [A, j]), ne = Ax(u, U);
   Ox(u), Ft(() => {
     be && _ === or.Initializing && y(or.Initialized);
   }, [be, _]), ve(
@@ -8482,7 +8506,7 @@ const Cp = /* @__PURE__ */ Cm(function(t) {
     scrollableAncestors: Ke,
     scrollableAncestorRects: et
   });
-  const J = le(() => ({
+  const ee = le(() => ({
     active: $,
     activeNode: oe,
     activeNodeRect: be,
@@ -8498,11 +8522,11 @@ const Cp = /* @__PURE__ */ Cm(function(t) {
     scrollableAncestors: Ke,
     scrollableAncestorRects: et,
     measuringConfiguration: se,
-    measuringScheduled: te,
+    measuringScheduled: re,
     windowRect: Fe
-  }), [$, oe, be, L, de, xe, Ce, A, z, X, Ye, Z, Ke, et, se, te, Fe]), ee = le(() => ({
+  }), [$, oe, be, L, de, xe, Ce, A, z, X, Ye, Z, Ke, et, se, re, Fe]), te = le(() => ({
     activatorEvent: L,
-    activators: re,
+    activators: ne,
     active: $,
     activeNodeRect: be,
     ariaDescribedById: {
@@ -8512,13 +8536,13 @@ const Cp = /* @__PURE__ */ Cm(function(t) {
     draggableNodes: A,
     over: Ye,
     measureDroppableContainers: Z
-  }), [L, re, $, be, I, q, A, Ye, Z]);
+  }), [L, ne, $, be, I, q, A, Ye, Z]);
   return Y.createElement(rp.Provider, {
     value: T
   }, Y.createElement(dn.Provider, {
-    value: ee
+    value: te
   }, Y.createElement(yp.Provider, {
-    value: J
+    value: ee
   }, Y.createElement(Lo.Provider, {
     value: k
   }, d)), Y.createElement(Fx, {
@@ -8679,7 +8703,7 @@ function Gx(e) {
     animation: t,
     children: r
   } = e;
-  const [n, o] = Q(null), [i, a] = Q(null), s = qn(r);
+  const [n, o] = J(null), [i, a] = J(null), s = qn(r);
   return !r && !n && s && o(s), Ft(() => {
     if (!i)
       return;
@@ -9136,7 +9160,7 @@ function mA(e) {
     node: n,
     rect: o
   } = e;
-  const [i, a] = Q(null), s = W(r);
+  const [i, a] = J(null), s = W(r);
   return Ft(() => {
     if (!t && r !== s.current && n.current) {
       const c = o.current;
@@ -9218,7 +9242,7 @@ function Tp(e) {
       ...r
     },
     disabled: T.draggable
-  }), K = LC(z, x), se = !!S, X = se && !m && An(f) && An(g), Z = !I && L, te = Z && X ? q : null, me = X ? te ?? (s ?? w)({
+  }), K = LC(z, x), se = !!S, X = se && !m && An(f) && An(g), Z = !I && L, re = Z && X ? q : null, me = X ? re ?? (s ?? w)({
     rects: b,
     activeNodeRect: $,
     activeIndex: f,
@@ -9405,6 +9429,7 @@ const El = {
   deleteComponent: "Delete %{component}",
   delete: "Delete",
   editComponent: "Edit %{component} component",
+  editBlock: "Edit block",
   componentGroup: "%{component} component",
   leftColumnLabel: "Left column",
   rightColumnLabel: "Right column",
@@ -9428,7 +9453,7 @@ const xA = ({ column: e, row: t }) => {
     "div",
     {
       ref: n,
-      className: `${ne.gridCell}${r ? ` ${ne.gridCellOver}` : ""}`,
+      className: `${Q.gridCell}${r ? ` ${Q.gridCellOver}` : ""}`,
       style: { gridColumnStart: e + 1, gridRowStart: t + 1 }
     }
   );
@@ -9968,7 +9993,7 @@ function Cu(e) {
   return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(e);
 }
 function PA(e) {
-  const [t, r] = Q(() => {
+  const [t, r] = J(() => {
     var n;
     return ((n = Cu(e)) == null ? void 0 : n.matches) ?? !1;
   });
@@ -9994,9 +10019,9 @@ const MA = "(max-width: calc(48em - 0.0625em))", zA = ({
   componentRegistry: u,
   onUnresolvedBlock: h
 }) => {
-  const { translations: f } = we(Mr), p = PA(MA), [m, b] = Q(
+  const { translations: f } = we(Mr), p = PA(MA), [m, b] = J(
     p ? Rt.AFTER : Rt.BOTH
-  ), [g, I] = Q("");
+  ), [g, I] = J("");
   ve(() => {
     p && b((A) => A === Rt.BOTH ? Rt.AFTER : A);
   }, [p]);
@@ -10116,7 +10141,7 @@ const MA = "(max-width: calc(48em - 0.0625em))", zA = ({
   onApply: o,
   onClose: i
 }) => {
-  const a = fn(), { translations: s } = we(Mr), [c, d] = Q(""), [u, h] = Q(!1), [f, p] = Q(null), [m, b] = Q(!0), [g, I] = Q(null), w = W(null), T = (S) => n ? `${S}
+  const a = fn(), { translations: s } = we(Mr), [c, d] = J(""), [u, h] = J(!1), [f, p] = J(null), [m, b] = J(!0), [g, I] = J(null), w = W(null), T = (S) => n ? `${S}
 
 Apply this to "${n}" only, and leave the rest of the block as it is.` : S, _ = async (S) => {
     var N, L, E;
@@ -10205,7 +10230,7 @@ Apply this to "${n}" only, and leave the rest of the block as it is.` : S, _ = a
   targetLabel: h,
   triggerSurface: f = "dark"
 }) => {
-  const { translate: p } = we(Mr), m = !(u ?? $A(s, e, t)), b = m ? "root" : "prompt", [g, I] = Q(b), [w, T] = Q(null), _ = ie(() => {
+  const { translate: p } = we(Mr), m = !(u ?? $A(s, e, t)), b = m ? "root" : "prompt", [g, I] = J(b), [w, T] = J(null), _ = ie(() => {
     I(b), T(null), a();
   }, [b, a]), {
     prompt: y,
@@ -10246,7 +10271,7 @@ Apply this to "${n}" only, and leave the rest of the block as it is.` : S, _ = a
   }, !gt(s, e)) return null;
   const K = f === "light", se = p("aiAssistFor", {
     componentType: h ?? e
-  }), X = r ?? "block", Z = [{ component: e, id: X }], te = { [X]: t };
+  }), X = r ?? "block", Z = [{ component: e, id: X }], re = { [X]: t };
   return /* @__PURE__ */ V(at, { children: [
     K && /* @__PURE__ */ l(TA, {}),
     M && /* @__PURE__ */ l(
@@ -10260,7 +10285,7 @@ Apply this to "${n}" only, and leave the rest of the block as it is.` : S, _ = a
         onRegenerate: x,
         isRegenerating: C,
         beforeLayout: Z,
-        beforeData: te,
+        beforeData: re,
         afterLayout: Z,
         afterData: { [X]: M },
         componentRegistry: s
@@ -10352,7 +10377,7 @@ Apply this to "${n}" only, and leave the rest of the block as it is.` : S, _ = a
     canEditContent: b = !0,
     canDeleteContent: g = !0
   }, I) => {
-    const { translations: w, translate: T } = we(El), _ = fn(), y = ($) => !m.includes($), [R, C] = Q(!1), [A, D] = Q(!1), z = y(wr.Ai) && b && !!u && !!_ && !!h, S = r || t, M = A ? `${ne.item} ${ne.itemPopoverOpen}` : ne.item;
+    const { translations: w, translate: T } = we(El), _ = fn(), y = ($) => !m.includes($), [R, C] = J(!1), [A, D] = J(!1), z = y(wr.Ai) && b && !!u && !!_ && !!h, S = r || t, M = A ? `${Q.item} ${Q.itemPopoverOpen}` : Q.item;
     return (
       // biome-ignore lint/a11y/useSemanticElements: a focusable group wrapper, not a native control
       /* @__PURE__ */ V(
@@ -10371,11 +10396,11 @@ Apply this to "${n}" only, and leave the rest of the block as it is.` : S, _ = a
             !i && /* @__PURE__ */ V(
               "div",
               {
-                className: ne.toolbar,
+                className: Q.toolbar,
                 role: "toolbar",
                 "aria-label": w.componentActions,
                 children: [
-                  /* @__PURE__ */ V("div", { className: ne.toolbarGroup, children: [
+                  /* @__PURE__ */ V("div", { className: Q.toolbarGroup, children: [
                     y(wr.Move) && !a && b && /* @__PURE__ */ l(xr, { renderTip: w.dragAndDrop, placement: "top", children: /* @__PURE__ */ l(
                       Qe,
                       {
@@ -10435,13 +10460,14 @@ Apply this to "${n}" only, and leave the rest of the block as it is.` : S, _ = a
               "button",
               {
                 type: "button",
-                className: ne.overlay,
+                className: Q.overlay,
                 onClick: s,
-                "aria-label": T("editComponent", { component: S })
+                "aria-label": T("editComponent", { component: S }),
+                children: /* @__PURE__ */ l("span", { className: Q.overlayHint, "aria-hidden": "true", children: w.editBlock })
               }
             ),
-            /* @__PURE__ */ l("div", { className: ne.content, children: e }),
-            !i && r && /* @__PURE__ */ l("div", { className: ne.chip, "aria-hidden": "true", children: r })
+            /* @__PURE__ */ l("div", { className: Q.content, children: e }),
+            !i && r && /* @__PURE__ */ l("div", { className: Q.chip, "aria-hidden": "true", children: r })
           ]
         }
       )
@@ -10499,9 +10525,9 @@ const FA = ({
     const B = {};
     return typeof (x == null ? void 0 : x.gridColumn) == "number" && (B.gridColumnStart = x.gridColumn + 1), typeof (x == null ? void 0 : x.gridRow) == "number" && (B.gridRowStart = x.gridRow + 1), typeof (x == null ? void 0 : x.columnSpan) == "number" && (B.gridColumnEnd = `span ${x.columnSpan}`), typeof (x == null ? void 0 : x.rowSpan) == "number" && (B.gridRowEnd = `span ${x.rowSpan}`), u && typeof h == "number" && (B[Ts] = `${h}px`), B;
   }, [x, u, h]), L = (B) => [
-    ne.itemContainer,
-    B ? ne.itemContainerDragging : "",
-    u ? ne.itemContainerTrayGap : ""
+    Q.itemContainer,
+    B ? Q.itemContainerDragging : "",
+    u ? Q.itemContainerTrayGap : ""
   ].filter(Boolean).join(" ");
   if (s) {
     const B = d != null && d === y;
@@ -10549,7 +10575,7 @@ function xu({
     "div",
     {
       ref: t,
-      className: `${ne.twoColumnZone}${e ? ` ${ne.twoColumnZoneOver}` : ""}`,
+      className: `${Q.twoColumnZone}${e ? ` ${Q.twoColumnZoneOver}` : ""}`,
       "aria-label": n,
       role: "region",
       children: r
@@ -10578,16 +10604,16 @@ const VA = ({
 }) => {
   const { translations: w } = we(El), { leftChildren: T, rightChildren: _, leftIds: y, rightIds: R } = le(() => {
     var oe;
-    const Z = [], te = [];
+    const Z = [], re = [];
     for (let me = 0; me < t.length; me++) {
       const _e = t[me];
-      ((oe = _e.props) == null ? void 0 : oe.gridColumn) === 1 ? te.push({ node: _e, index: me }) : Z.push({ node: _e, index: me });
+      ((oe = _e.props) == null ? void 0 : oe.gridColumn) === 1 ? re.push({ node: _e, index: me }) : Z.push({ node: _e, index: me });
     }
     return {
       leftChildren: Z,
-      rightChildren: te,
+      rightChildren: re,
       leftIds: Z.map((me) => me.node.id || `node-${[...h, me.index].join("-")}`),
-      rightIds: te.map((me) => me.node.id || `node-${[...h, me.index].join("-")}`)
+      rightIds: re.map((me) => me.node.id || `node-${[...h, me.index].join("-")}`)
     };
   }, [t, h]), C = W(null), A = W(!1), D = W(!1);
   if (m !== C.current) {
@@ -10607,7 +10633,7 @@ const VA = ({
   ) : Ns, q = L ? $s(
     ou(_, (g == null ? void 0 : g.index) ?? 0),
     E
-  ) : Ns, K = N ? [...y, P.id] : y, se = L ? [...R, P.id] : R, X = (Z, te) => Z.length > 0 ? Z.map((oe) => /* @__PURE__ */ l(
+  ) : Ns, K = N ? [...y, P.id] : y, se = L ? [...R, P.id] : R, X = (Z, re) => Z.length > 0 ? Z.map((oe) => /* @__PURE__ */ l(
     I,
     {
       node: oe.node,
@@ -10622,15 +10648,15 @@ const VA = ({
       onAIApply: d,
       currentPath: h,
       depth: u,
-      disabled: f || te,
+      disabled: f || re,
       maxDepth: p,
       activeId: m,
       isSortingContainer: b,
       trayInsertTarget: g
     },
     oe.node.id
-  )) : /* @__PURE__ */ l("div", { className: ne.twoColumnEmpty, children: w.dropBlocksHere });
-  return /* @__PURE__ */ V("div", { className: ne.twoColumns, children: [
+  )) : /* @__PURE__ */ l("div", { className: Q.twoColumnEmpty, children: w.dropBlocksHere });
+  return /* @__PURE__ */ V("div", { className: Q.twoColumns, children: [
     /* @__PURE__ */ l(
       xu,
       {
@@ -10816,7 +10842,7 @@ const Lp = ({
   return /* @__PURE__ */ l(
     "div",
     {
-      className: ne.dragOverlay,
+      className: Q.dragOverlay,
       style: { width: o != null ? `${o}px` : void 0 },
       children: e
     }
@@ -10834,7 +10860,7 @@ function HA({
   onAddFromTray: n,
   canvasRef: o
 }) {
-  const { translations: i, translate: a } = we(El), [s, c] = Q(null), [d, u] = Q(null), h = W(null), f = W(null), p = W(null), m = le(
+  const { translations: i, translate: a } = we(El), [s, c] = J(null), [d, u] = J(null), h = W(null), f = W(null), p = W(null), m = le(
     () => ({
       onDragStart({ active: x }) {
         var L;
@@ -10921,22 +10947,22 @@ function HA({
         return Ra({
           ...x,
           droppableContainers: x.droppableContainers.filter((X) => {
-            var te;
+            var re;
             const Z = X.id;
-            return g.includes(Z) || ((te = X.data.current) == null ? void 0 : te.type) === "grid-cell";
+            return g.includes(Z) || ((re = X.data.current) == null ? void 0 : re.type) === "grid-cell";
           })
         });
       const N = ZC(x), L = N.length > 0 ? N : ip(x);
       let E = Rl(L, "id");
       if (E != null) {
         if (g.includes(E)) {
-          const X = e.find((te) => te.id === E), Z = (X == null ? void 0 : X.children) || [];
+          const X = e.find((re) => re.id === E), Z = (X == null ? void 0 : X.children) || [];
           if (Z.length > 0) {
-            const te = Z.map((oe) => oe.id);
+            const re = Z.map((oe) => oe.id);
             E = (K = Ra({
               ...x,
               droppableContainers: x.droppableContainers.filter(
-                (oe) => te.includes(oe.id)
+                (oe) => re.includes(oe.id)
               )
             })[0]) == null ? void 0 : K.id;
           }
@@ -10950,7 +10976,7 @@ function HA({
   ), y = (x) => {
     c(x.active.id), typeof x.active.id == "string" && x.active.id.startsWith("tray-") || (p.current = e);
   }, R = (x) => {
-    var te, oe;
+    var re, oe;
     if (!x) {
       h.current = null, u(null);
       return;
@@ -10973,7 +10999,7 @@ function HA({
       }
       L = me.id;
     }
-    const E = ((te = f.current) == null ? void 0 : te.y) ?? null, B = Math.min(48, x.rect.height / 2), q = x.rect.top + B, K = x.rect.top + x.rect.height - B;
+    const E = ((re = f.current) == null ? void 0 : re.y) ?? null, B = Math.min(48, x.rect.height / 2), q = x.rect.top + B, K = x.rect.top + x.rect.height - B;
     let X = ((oe = h.current) == null ? void 0 : oe.overId) === L ? h.current.insertAfter : !1;
     E != null && (E <= q ? X = !1 : E >= K && (X = !0)), h.current = { overId: L, insertAfter: X };
     const Z = bC(e, L, X);
@@ -11018,10 +11044,10 @@ function HA({
     const q = w(N.id), K = w(E);
     if (!q || !K || q === K)
       return;
-    const se = N.data.current, X = L.data.current, Z = se == null ? void 0 : se.path, te = X == null ? void 0 : X.path;
-    if (!Z || !te)
+    const se = N.data.current, X = L.data.current, Z = se == null ? void 0 : se.path, re = X == null ? void 0 : X.path;
+    if (!Z || !re)
       return;
-    const oe = te[te.length - 1], me = te.slice(0, -1), _e = _a(e, Z, me, oe);
+    const oe = re[re.length - 1], me = re.slice(0, -1), _e = _a(e, Z, me, oe);
     r(_e);
   }, D = (x) => {
     var Le, be;
@@ -11122,7 +11148,7 @@ function HA({
     }
     const Z = dt(B, E.id);
     if (!Z) return;
-    const te = Z.path, oe = te[te.length - 1], me = te.slice(0, -1), _e = _a(B, X, me, oe);
+    const re = Z.path, oe = re[re.length - 1], me = re.slice(0, -1), _e = _a(B, X, me, oe);
     r(Is(_e));
   }, z = () => {
     c(null), u(null), h.current = null;
@@ -11170,7 +11196,7 @@ const jA = ({
   const { activeId: d, isSortingContainer: u, numRows: h, trayInsertTarget: f } = _A();
   return /* @__PURE__ */ V(at, { children: [
     /* @__PURE__ */ l(DC, {}),
-    /* @__PURE__ */ V("div", { className: ne.canvas, children: [
+    /* @__PURE__ */ V("div", { className: Q.canvas, children: [
       d && /* @__PURE__ */ l(
         AA,
         {
@@ -11235,7 +11261,7 @@ function $p({
   canvasRef: d
 }) {
   const u = W(null), h = d ?? u;
-  return /* @__PURE__ */ l(on.Provider, { value: !0, children: /* @__PURE__ */ l("div", { ref: h, className: ne.canvasSurface, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(on.Provider, { value: !0, children: /* @__PURE__ */ l("div", { ref: h, className: Q.canvasSurface, children: /* @__PURE__ */ l(
     jA,
     {
       templateLayout: e,
@@ -11553,13 +11579,13 @@ function e_({
   view: r,
   onViewChange: n
 }) {
-  const o = r !== void 0, [i, a] = Q({ view: t }), s = o ? r : i, c = W(s);
+  const o = r !== void 0, [i, a] = J({ view: t }), s = o ? r : i, c = W(s);
   c.current = s;
   const d = W(o);
   d.current = o;
   const u = W(n);
   u.current = n;
-  const [h, f] = Q([]), p = ie((w) => {
+  const [h, f] = J([]), p = ie((w) => {
     var T;
     d.current ? (T = u.current) == null || T.call(u, w) : a(w);
   }, []), m = ie(
@@ -11967,8 +11993,8 @@ var as, ef;
 function __() {
   if (ef) return as;
   ef = 1;
-  var e = Ph(), t = t_(), r = Hp(), n = n_(), o = a_(), i = s_(), a = l_(), s = c_(), c = d_(), d = Gh(), u = u_(), h = Ao(), f = f_(), p = b_(), m = y_(), b = xo(), g = pl(), I = C_(), w = an(), T = A_(), _ = vl(), y = Ll(), R = 1, C = 2, A = 4, D = "[object Arguments]", z = "[object Array]", S = "[object Boolean]", M = "[object Date]", $ = "[object Error]", P = "[object Function]", x = "[object GeneratorFunction]", N = "[object Map]", L = "[object Number]", E = "[object Object]", B = "[object RegExp]", q = "[object Set]", K = "[object String]", se = "[object Symbol]", X = "[object WeakMap]", Z = "[object ArrayBuffer]", te = "[object DataView]", oe = "[object Float32Array]", me = "[object Float64Array]", _e = "[object Int8Array]", Le = "[object Int16Array]", be = "[object Int32Array]", xe = "[object Uint8Array]", Se = "[object Uint8ClampedArray]", Ne = "[object Uint16Array]", Ce = "[object Uint32Array]", pe = {};
-  pe[D] = pe[z] = pe[Z] = pe[te] = pe[S] = pe[M] = pe[oe] = pe[me] = pe[_e] = pe[Le] = pe[be] = pe[N] = pe[L] = pe[E] = pe[B] = pe[q] = pe[K] = pe[se] = pe[xe] = pe[Se] = pe[Ne] = pe[Ce] = !0, pe[$] = pe[P] = pe[X] = !1;
+  var e = Ph(), t = t_(), r = Hp(), n = n_(), o = a_(), i = s_(), a = l_(), s = c_(), c = d_(), d = Gh(), u = u_(), h = Ao(), f = f_(), p = b_(), m = y_(), b = xo(), g = pl(), I = C_(), w = an(), T = A_(), _ = vl(), y = Ll(), R = 1, C = 2, A = 4, D = "[object Arguments]", z = "[object Array]", S = "[object Boolean]", M = "[object Date]", $ = "[object Error]", P = "[object Function]", x = "[object GeneratorFunction]", N = "[object Map]", L = "[object Number]", E = "[object Object]", B = "[object RegExp]", q = "[object Set]", K = "[object String]", se = "[object Symbol]", X = "[object WeakMap]", Z = "[object ArrayBuffer]", re = "[object DataView]", oe = "[object Float32Array]", me = "[object Float64Array]", _e = "[object Int8Array]", Le = "[object Int16Array]", be = "[object Int32Array]", xe = "[object Uint8Array]", Se = "[object Uint8ClampedArray]", Ne = "[object Uint16Array]", Ce = "[object Uint32Array]", pe = {};
+  pe[D] = pe[z] = pe[Z] = pe[re] = pe[S] = pe[M] = pe[oe] = pe[me] = pe[_e] = pe[Le] = pe[be] = pe[N] = pe[L] = pe[E] = pe[B] = pe[q] = pe[K] = pe[se] = pe[xe] = pe[Se] = pe[Ne] = pe[Ce] = !0, pe[$] = pe[P] = pe[X] = !1;
   function $e(ye, Je, Fe, Ke, et, qe) {
     var Me, St = Je & R, kt = Je & C, Pt = Je & A;
     if (Fe && (Me = et ? Fe(ye, Ke, et, qe) : Fe(ye)), Me !== void 0)
@@ -12962,21 +12988,21 @@ function Y_(e = {}) {
     }));
   }, R = () => {
     r.dirtyFields = fr(o, i, void 0, n);
-  }, C = (v, k = [], O, j, U = !0, re = !0) => {
+  }, C = (v, k = [], O, j, U = !0, ne = !0) => {
     if (j && O && !t.disabled) {
       a.action = !0;
-      const J = G(n, v);
-      if (a.actionArrayLengths.has(v) || a.actionArrayLengths.set(v, Array.isArray(J) ? J.length : 0), re && Array.isArray(J)) {
-        const ce = O(J, j.argA, j.argB);
+      const ee = G(n, v);
+      if (a.actionArrayLengths.has(v) || a.actionArrayLengths.set(v, Array.isArray(ee) ? ee.length : 0), ne && Array.isArray(ee)) {
+        const ce = O(ee, j.argA, j.argB);
         U && ke(n, v, ce);
       }
-      const ee = G(r.errors, v);
-      if (re && Array.isArray(ee)) {
-        const ce = ee.root, Ae = O(ee, j.argA, j.argB) || ee;
+      const te = G(r.errors, v);
+      if (ne && Array.isArray(te)) {
+        const ce = te.root, Ae = O(te, j.argA, j.argB) || te;
         ce && (Ae.root = ce), U && ke(r.errors, v, Ae), W_(r.errors, v);
       }
       const fe = G(r.touchedFields, v);
-      if ((m.touchedFields || b.touchedFields) && re && Array.isArray(fe)) {
+      if ((m.touchedFields || b.touchedFields) && ne && Array.isArray(fe)) {
         const ce = O(fe, j.argA, j.argB);
         U && ke(r.touchedFields, v, ce);
       }
@@ -13002,8 +13028,8 @@ function Y_(e = {}) {
     const k = hr(v) ? [v] : Or(v);
     let O = i, j = o;
     for (let U = 0; U < k.length - 1; U++) {
-      const re = k[U];
-      if (O = ot(O) ? O : O[re], j = ot(j) ? j : j[re], O === null && j !== null)
+      const ne = k[U];
+      if (O = ot(O) ? O : O[ne], j = ot(j) ? j : j[ne], O === null && j !== null)
         return !0;
     }
     return !1;
@@ -13011,14 +13037,14 @@ function Y_(e = {}) {
     if (!a.actionArrayLengths.size)
       return !1;
     const k = hr(v) ? [v] : Or(v);
-    let O = i, j = "", U = -1, re = 0;
-    for (let J = 0; J < k.length; J++) {
+    let O = i, j = "", U = -1, ne = 0;
+    for (let ee = 0; ee < k.length; ee++) {
       if (ot(O))
         return !1;
-      const ee = k[J];
-      if (j = j ? `${j}.${ee}` : ee, Array.isArray(O) && +ee >= O.length)
-        return U === -1 ? !1 : J === U ? +ee < re : !0;
-      a.actionArrayLengths.has(j) && (U = J + 1, re = a.actionArrayLengths.get(j)), O = O[ee];
+      const te = k[ee];
+      if (j = j ? `${j}.${te}` : te, Array.isArray(O) && +te >= O.length)
+        return U === -1 ? !1 : ee === U ? +te < ne : !0;
+      a.actionArrayLengths.has(j) && (U = ee + 1, ne = a.actionArrayLengths.get(j)), O = O[te];
     }
     return !1;
   }, M = (v, k, O, j) => {
@@ -13026,36 +13052,36 @@ function Y_(e = {}) {
     if (U) {
       if (z(v) || S(v))
         return;
-      const re = Te(G(i, v)), J = G(i, v, Te(O) ? G(o, v) : O);
-      Te(J) || j && j.defaultChecked || k ? ke(i, v, k ? J : ff(U._f)) : X(v, J), a.mount && !a.action && (_(), re && r.isDirty && (m.isDirty || b.isDirty) && (q() || (r.isDirty = !1, g.state.next({ ...r }))), e.shouldUnregister && re && !Te(G(i, v)) && Ln(v, s) && (a.watch = !0));
+      const ne = Te(G(i, v)), ee = G(i, v, Te(O) ? G(o, v) : O);
+      Te(ee) || j && j.defaultChecked || k ? ke(i, v, k ? ee : ff(U._f)) : X(v, ee), a.mount && !a.action && (_(), ne && r.isDirty && (m.isDirty || b.isDirty) && (q() || (r.isDirty = !1, g.state.next({ ...r }))), e.shouldUnregister && ne && !Te(G(i, v)) && Ln(v, s) && (a.watch = !0));
     }
   }, $ = (v, k, O, j, U) => {
-    let re = !1, J = !1;
-    const ee = {
+    let ne = !1, ee = !1;
+    const te = {
       name: v
     };
     if (!t.disabled || j === !0) {
       if (!O || j) {
         const fe = xt(G(o, v), k);
-        (m.isDirty || b.isDirty) && (J = r.isDirty, r.isDirty = ee.isDirty = !fe || q(), re = J !== ee.isDirty), J = !!G(r.dirtyFields, v), fe !== r.isDirty ? K_(r.dirtyFields, fr(o, i, void 0, n)) : fe ? He(r.dirtyFields, v) : ke(r.dirtyFields, v, !0), ee.dirtyFields = r.dirtyFields, re = re || (m.dirtyFields || b.dirtyFields) && J !== !fe;
+        (m.isDirty || b.isDirty) && (ee = r.isDirty, r.isDirty = te.isDirty = !fe || q(), ne = ee !== te.isDirty), ee = !!G(r.dirtyFields, v), fe !== r.isDirty ? K_(r.dirtyFields, fr(o, i, void 0, n)) : fe ? He(r.dirtyFields, v) : ke(r.dirtyFields, v, !0), te.dirtyFields = r.dirtyFields, ne = ne || (m.dirtyFields || b.dirtyFields) && ee !== !fe;
       }
       if (O) {
         const fe = G(r.touchedFields, v);
-        fe || (ke(r.touchedFields, v, O), ee.touchedFields = r.touchedFields, re = re || (m.touchedFields || b.touchedFields) && fe !== O);
+        fe || (ke(r.touchedFields, v, O), te.touchedFields = r.touchedFields, ne = ne || (m.touchedFields || b.touchedFields) && fe !== O);
       }
-      re && U && g.state.next(ee);
+      ne && U && g.state.next(te);
     }
-    return re ? ee : {};
+    return ne ? te : {};
   }, P = (v, k, O, j) => {
-    const U = G(r.errors, v), re = (m.isValid || b.isValid) && Ct(k) && r.isValid !== k;
-    if (t.delayError && O ? (c[v] = T(v, () => A(v, O)), c[v](t.delayError)) : (clearTimeout(d[v]), delete c[v], O ? ke(r.errors, v, O) : He(r.errors, v), r.errors = { ...r.errors }), (O ? !xt(U, O) : U) || !rt(j) || re) {
-      const J = {
+    const U = G(r.errors, v), ne = (m.isValid || b.isValid) && Ct(k) && r.isValid !== k;
+    if (t.delayError && O ? (c[v] = T(v, () => A(v, O)), c[v](t.delayError)) : (clearTimeout(d[v]), delete c[v], O ? ke(r.errors, v, O) : He(r.errors, v), r.errors = { ...r.errors }), (O ? !xt(U, O) : U) || !rt(j) || ne) {
+      const ee = {
         ...j,
-        ...re && Ct(k) ? { isValid: k } : {},
+        ...ne && Ct(k) ? { isValid: k } : {},
         errors: r.errors,
         name: v
       };
-      g.state.next(J);
+      g.state.next(ee);
     }
   }, x = async (v) => (y(v, !0), await t.resolver(i, t.context, F_(v || s.mount, n, t.criteriaMode, t.shouldUseNativeValidation))), N = async (v) => {
     const { errors: k } = await x(v);
@@ -13100,22 +13126,22 @@ function Y_(e = {}) {
       eventType: j
     }) && (U.valid = !1, k)))
       return U.valid;
-    for (const re in v) {
-      const J = v[re];
-      if (J) {
-        const { _f: ee, ...fe } = J;
-        if (ee) {
-          const ce = s.array.has(ee.name), Ae = J._f && V_(J._f), Pe = m.validatingFields || m.isValidating || b.validatingFields || b.isValidating;
-          Ae && Pe && y([ee.name], !0);
-          const We = await Bs(J, s.disabled, i, w, t.shouldUseNativeValidation && !k, ce);
-          if (Ae && Pe && y([ee.name]), We[ee.name] && (U.valid = !1, k) || (!k && (G(We, ee.name) ? ce ? Xn(r.errors, We, ee.name) : ke(r.errors, ee.name, We[ee.name]) : He(r.errors, ee.name)), e.shouldUseNativeValidation && We[ee.name]))
+    for (const ne in v) {
+      const ee = v[ne];
+      if (ee) {
+        const { _f: te, ...fe } = ee;
+        if (te) {
+          const ce = s.array.has(te.name), Ae = ee._f && V_(ee._f), Pe = m.validatingFields || m.isValidating || b.validatingFields || b.isValidating;
+          Ae && Pe && y([te.name], !0);
+          const We = await Bs(ee, s.disabled, i, w, t.shouldUseNativeValidation && !k, ce);
+          if (Ae && Pe && y([te.name]), We[te.name] && (U.valid = !1, k) || (!k && (G(We, te.name) ? ce ? Xn(r.errors, We, te.name) : ke(r.errors, te.name, We[te.name]) : He(r.errors, te.name)), e.shouldUseNativeValidation && We[te.name]))
             break;
         }
         !rt(fe) && await E({
           context: U,
           onlyCheckValid: k,
           fields: fe,
-          name: re,
+          name: ne,
           eventType: j
         });
       }
@@ -13129,46 +13155,46 @@ function Y_(e = {}) {
     s.unMount = /* @__PURE__ */ new Set();
   }, q = (v, k) => (v && k && ke(i, v, k), !xt(a.mount ? i : o, o)), K = (v, k, O) => zs(v, s, {
     ...a.mount ? i : Te(k) || it(v) ? o : k
-  }, O, k), se = (v) => Vl(G(a.mount ? i : o, v, t.shouldUnregister ? G(o, v, []) : [])), X = (v, k, O = {}, j = !1, U = !1, re = !1) => {
-    const J = G(n, v);
-    let ee = k;
-    if (J) {
-      const fe = J._f;
-      fe && (!fe.disabled && ke(i, v, om(k, fe)), ee = Zn(fe.ref) && ot(k) ? "" : k, Jp(fe.ref) ? [...fe.ref.options].forEach((ce) => ce.selected = ee.includes(ce.value)) : fe.refs ? pn(fe.ref) ? fe.refs.forEach((ce) => {
-        (!ce.defaultChecked || !ce.disabled) && (Array.isArray(ee) ? ce.checked = !!ee.find((Ae) => Ae === ce.value) : ce.checked = ee === ce.value || !!ee);
-      }) : fe.refs.forEach((ce) => ce.checked = ce.value === ee) : $o(fe.ref) ? fe.ref.value = "" : (fe.ref.value = ee, !fe.ref.type && !U && !re && g.state.next({
+  }, O, k), se = (v) => Vl(G(a.mount ? i : o, v, t.shouldUnregister ? G(o, v, []) : [])), X = (v, k, O = {}, j = !1, U = !1, ne = !1) => {
+    const ee = G(n, v);
+    let te = k;
+    if (ee) {
+      const fe = ee._f;
+      fe && (!fe.disabled && ke(i, v, om(k, fe)), te = Zn(fe.ref) && ot(k) ? "" : k, Jp(fe.ref) ? [...fe.ref.options].forEach((ce) => ce.selected = te.includes(ce.value)) : fe.refs ? pn(fe.ref) ? fe.refs.forEach((ce) => {
+        (!ce.defaultChecked || !ce.disabled) && (Array.isArray(te) ? ce.checked = !!te.find((Ae) => Ae === ce.value) : ce.checked = te === ce.value || !!te);
+      }) : fe.refs.forEach((ce) => ce.checked = ce.value === te) : $o(fe.ref) ? fe.ref.value = "" : (fe.ref.value = te, !fe.ref.type && !U && !ne && g.state.next({
         name: v,
         values: j ? i : Ee(i)
       })));
     }
-    (O.shouldDirty || O.shouldTouch) && $(v, ee, O.shouldTouch, O.shouldDirty, !U), O.shouldValidate && be(v, {
+    (O.shouldDirty || O.shouldTouch) && $(v, te, O.shouldTouch, O.shouldDirty, !U), O.shouldValidate && be(v, {
       delayError: O.delayError
     });
-  }, Z = (v, k, O, j = !1, U = !1, re = !1) => {
+  }, Z = (v, k, O, j = !1, U = !1, ne = !1) => {
     s.array.has(v) && g.array.next({
       name: v,
       values: j ? i : Ee(i)
     });
-    for (const J in k) {
-      if (!k.hasOwnProperty(J))
+    for (const ee in k) {
+      if (!k.hasOwnProperty(ee))
         return;
-      const ee = k[J], fe = v + "." + J, ce = G(n, fe);
-      (s.array.has(v) || Ve(ee) || ce && !ce._f) && !ar(ee) ? Z(fe, ee, O, j, U, re) : X(fe, ee, O, j, U, re);
+      const te = k[ee], fe = v + "." + ee, ce = G(n, fe);
+      (s.array.has(v) || Ve(te) || ce && !ce._f) && !ar(te) ? Z(fe, te, O, j, U, ne) : X(fe, te, O, j, U, ne);
     }
-  }, te = (v, k, O, j, U = !1) => {
-    const re = G(n, v), J = s.array.has(v), ee = j ? k : Ee(k), fe = G(i, v), ce = xt(fe, ee);
-    if (ce || ke(i, v, ee), J)
+  }, re = (v, k, O, j, U = !1) => {
+    const ne = G(n, v), ee = s.array.has(v), te = j ? k : Ee(k), fe = G(i, v), ce = xt(fe, te);
+    if (ce || ke(i, v, te), ee)
       g.array.next({
         name: v,
         values: j ? i : Ee(i)
       }), (m.isDirty || m.dirtyFields || b.isDirty || b.dirtyFields) && O.shouldDirty && (R(), U || g.state.next({
         name: v,
         dirtyFields: r.dirtyFields,
-        isDirty: q(v, ee)
+        isDirty: q(v, te)
       }));
     else {
-      const Ae = Array.isArray(ee) && !ee.length || rt(ee), Pe = !ce && !U;
-      !re || re._f || ot(ee) || Ae ? X(v, ee, O, j, U, Pe) : Z(v, ee, O, j, U, Pe);
+      const Ae = Array.isArray(te) && !te.length || rt(te), Pe = !ce && !U;
+      !ne || ne._f || ot(te) || Ae ? X(v, te, O, j, U, Pe) : Z(v, te, O, j, U, Pe);
     }
     if (!ce && !U) {
       const Ae = Ln(v, s), Pe = j ? i : Ee(i);
@@ -13176,11 +13202,11 @@ function Y_(e = {}) {
         ...Ae && r,
         name: a.mount || Ae ? v : void 0,
         values: Pe
-      }), !J)
+      }), !ee)
         for (const We of B_(s.array, v))
           g.state.next({ name: We, values: Pe });
     }
-  }, oe = (v, k, O = {}) => te(v, k, O, !1), me = (v, k = {}) => {
+  }, oe = (v, k, O = {}) => re(v, k, O, !1), me = (v, k = {}) => {
     const O = ht(v) ? v(i) : v;
     if (!xt(i, O)) {
       i = {
@@ -13188,7 +13214,7 @@ function Y_(e = {}) {
         ...O
       };
       for (const j of s.mount)
-        P_(O, j) && te(j, G(O, j), k, !0, !0);
+        P_(O, j) && re(j, G(O, j), k, !0, !0);
       g.state.next({
         ...r,
         name: void 0,
@@ -13200,11 +13226,11 @@ function Y_(e = {}) {
     a.mount = !0;
     const k = v.target;
     let O = k.name, j = !0;
-    const U = G(n, O), re = (J) => {
-      j = Number.isNaN(J) || ar(J) && isNaN(J.getTime()) || xt(J, G(i, O, J));
+    const U = G(n, O), ne = (ee) => {
+      j = Number.isNaN(ee) || ar(ee) && isNaN(ee.getTime()) || xt(ee, G(i, O, ee));
     };
     if (U) {
-      let J, ee;
+      let ee, te;
       const fe = k.type ? ff(U._f) : Ps(v), ce = v.type === ir.BLUR || v.type === ir.FOCUS_OUT, Ae = !q_(U._f) && !e.validate && !t.resolver && !G(r.errors, O) && !U._f.deps, Pe = Ae || U_(ce, G(r.touchedFields, O), r.isSubmitted, f, h), We = Ln(O, s, ce);
       if (ke(i, O, fe), ce) {
         if (!k || !k.readOnly) {
@@ -13225,20 +13251,20 @@ function Y_(e = {}) {
         eventType: v.type
       }), !ce && We && g.state.next({ ...r }), t.resolver) {
         const { errors: ft } = await x([O]);
-        if (y([O]), re(fe), !j) {
+        if (y([O]), ne(fe), !j) {
           !rt(tt) && g.state.next(tt);
           return;
         }
         const er = pf(r.errors, n, O), Ge = pf(ft, n, er.name || O);
-        J = Ge.error, O = Ge.name, ee = rt(ft);
+        ee = Ge.error, O = Ge.name, te = rt(ft);
       } else
-        y([O], !0), J = (await Bs(U, s.disabled, i, w, t.shouldUseNativeValidation))[O], y([O]), re(fe), j && (J ? ee = !1 : (m.isValid || b.isValid) && (ee = await E({
+        y([O], !0), ee = (await Bs(U, s.disabled, i, w, t.shouldUseNativeValidation))[O], y([O]), ne(fe), j && (ee ? te = !1 : (m.isValid || b.isValid) && (te = await E({
           fields: n,
           onlyCheckValid: !0,
           name: O,
           eventType: v.type
         })));
-      j && (U._f.deps && (!Array.isArray(U._f.deps) || U._f.deps.length > 0) && be(U._f.deps), P(O, ee, J, tt));
+      j && (U._f.deps && (!Array.isArray(U._f.deps) || U._f.deps.length > 0) && be(U._f.deps), P(O, te, ee, tt));
     }
   }, Le = (v, k) => {
     if (G(r.errors, k) && v.focus)
@@ -13247,12 +13273,12 @@ function Y_(e = {}) {
     let O, j;
     const U = It(v);
     if (t.resolver) {
-      const re = await N(Te(v) ? v : U);
-      O = rt(re), j = v ? !U.some((J) => G(re, J)) : O;
-    } else v ? (j = (await Promise.all(U.map(async (re) => {
-      const J = G(n, re);
+      const ne = await N(Te(v) ? v : U);
+      O = rt(ne), j = v ? !U.some((ee) => G(ne, ee)) : O;
+    } else v ? (j = (await Promise.all(U.map(async (ne) => {
+      const ee = G(n, ne);
       return await E({
-        fields: J && J._f ? { [re]: J } : J,
+        fields: ee && ee._f ? { [ne]: ee } : ee,
         eventType: ir.TRIGGER
       });
     }))).every(Boolean), !(!j && !r.isValid) && _()) : j = O = await E({
@@ -13261,8 +13287,8 @@ function Y_(e = {}) {
       eventType: ir.TRIGGER
     });
     if (k.delayError && t.delayError && it(v)) {
-      const re = G(r.errors, v);
-      re ? (He(r.errors, v), c[v] = T(v, () => A(v, re)), c[v](t.delayError)) : (clearTimeout(d[v]), delete c[v]);
+      const ne = G(r.errors, v);
+      ne ? (He(r.errors, v), c[v] = T(v, () => A(v, ne)), c[v](t.delayError)) : (clearTimeout(d[v]), delete c[v]);
     }
     return g.state.next({
       ...!it(v) || (m.isValid || b.isValid) && O !== r.isValid ? {} : { name: v },
@@ -13294,7 +13320,7 @@ function Y_(e = {}) {
       errors: r.errors
     }));
   }, pe = (v, k, O) => {
-    const j = (G(n, v, { _f: {} })._f || {}).ref, U = G(r.errors, v) || {}, { ref: re, message: J, type: ee, ...fe } = U;
+    const j = (G(n, v, { _f: {} })._f || {}).ref, U = G(r.errors, v) || {}, { ref: ne, message: ee, type: te, ...fe } = U;
     ke(r.errors, v, {
       ...fe,
       ...k,
@@ -13323,13 +13349,13 @@ function Y_(e = {}) {
     const O = !!(!((k = v.formState) === null || k === void 0) && k.values);
     O && u++;
     const { unsubscribe: j } = g.state.subscribe({
-      next: (re) => {
-        if (j_(v.name, re.name, v.exact) && H_(re, v.formState || m, de, v.reRenderRoot)) {
-          const J = { ...i };
+      next: (ne) => {
+        if (j_(v.name, ne.name, v.exact) && H_(ne, v.formState || m, de, v.reRenderRoot)) {
+          const ee = { ...i };
           v.callback({
-            values: J,
+            values: ee,
             ...r,
-            ...re,
+            ...ne,
             defaultValues: o
           });
         }
@@ -13391,22 +13417,22 @@ function Y_(e = {}) {
       name: v,
       onChange: _e,
       onBlur: _e,
-      ref: (re) => {
-        if (re) {
+      ref: (ne) => {
+        if (ne) {
           s.registerName.add(v), et(v, k), s.registerName.delete(v), O = G(n, v);
-          const J = Te(re.value) && re.querySelectorAll && re.querySelectorAll("input,select,textarea")[0] || re, ee = M_(J), fe = O._f.refs || [];
-          if (ee ? fe.find((Ae) => Ae === J) : J === O._f.ref)
+          const ee = Te(ne.value) && ne.querySelectorAll && ne.querySelectorAll("input,select,textarea")[0] || ne, te = M_(ee), fe = O._f.refs || [];
+          if (te ? fe.find((Ae) => Ae === ee) : ee === O._f.ref)
             return;
           const ce = {
             ...O._f
           };
-          ee ? (ce.refs = [
+          te ? (ce.refs = [
             ...fe.filter(ms),
-            J,
+            ee,
             ...Array.isArray(G(o, v)) ? [{}] : []
-          ], ce.ref = { type: J.type, name: v }) : (ce.ref = J, delete ce.refs), ke(n, v, {
+          ], ce.ref = { type: ee.type, name: v }) : (ce.ref = ee, delete ce.refs), ke(n, v, {
             _f: ce
-          }), M(v, !1, void 0, J);
+          }), M(v, !1, void 0, ee);
         } else
           O = G(n, v, {}), O._f && (O._f.mount = !1), (t.shouldUnregister || k.shouldUnregister) && !(Wp(s.array, v) && a.action) && s.unMount.add(v);
       }
@@ -13421,28 +13447,28 @@ function Y_(e = {}) {
   }, St = (v, k) => async (O) => {
     let j, U;
     O && (O.preventDefault && O.preventDefault(), O.persist && O.persist());
-    let re = Ee(i);
+    let ne = Ee(i);
     if (g.state.next({
       isSubmitting: !0
     }), t.resolver) {
-      const { errors: J, values: ee } = await x();
-      y(), r.errors = J, re = Ee(ee);
+      const { errors: ee, values: te } = await x();
+      y(), r.errors = ee, ne = Ee(te);
     } else
       await E({
         fields: n,
         eventType: ir.SUBMIT
       });
     if (s.disabled.size)
-      for (const J of s.disabled)
-        He(re, J);
+      for (const ee of s.disabled)
+        He(ne, ee);
     if (He(r.errors, Gp), rt(r.errors)) {
       g.state.next({
         errors: {}
       });
       try {
-        j = await v(re, O);
-      } catch (J) {
-        U = J;
+        j = await v(ne, O);
+      } catch (ee) {
+        U = ee;
       }
     } else
       k && await k({ ...r.errors }, O), qe(), setTimeout(qe);
@@ -13458,21 +13484,21 @@ function Y_(e = {}) {
   }, kt = (v, k = {}) => {
     G(n, v) && (Te(k.defaultValue) ? oe(v, Ee(G(o, v))) : (oe(v, k.defaultValue), ke(o, v, Ee(k.defaultValue))), k.keepTouched || He(r.touchedFields, v), k.keepDirty || (He(r.dirtyFields, v), r.isDirty = k.defaultValue ? q(v, Ee(G(o, v))) : q()), k.keepError || (He(r.errors, v), m.isValid && _()), g.state.next({ ...r }));
   }, Pt = (v, k = {}) => {
-    const O = v ? Ee(v) : o, j = Ee(O), U = rt(v), re = j, J = n;
+    const O = v ? Ee(v) : o, j = Ee(O), U = rt(v), ne = j, ee = n;
     if (k.keepDefaultValues || (o = O), !k.keepValues) {
       if (k.keepDirtyValues) {
-        const ee = /* @__PURE__ */ new Set([
+        const te = /* @__PURE__ */ new Set([
           ...s.mount,
-          ...em(fr(o, i, void 0, J), r.dirtyFields)
+          ...em(fr(o, i, void 0, ee), r.dirtyFields)
         ]);
-        for (const fe of ee) {
-          const ce = G(r.dirtyFields, fe), Ae = G(i, fe), Pe = G(re, fe);
-          ce && !Te(Ae) ? ke(re, fe, Ae) : !ce && !Te(Pe) && oe(fe, Pe);
+        for (const fe of te) {
+          const ce = G(r.dirtyFields, fe), Ae = G(i, fe), Pe = G(ne, fe);
+          ce && !Te(Ae) ? ke(ne, fe, Ae) : !ce && !Te(Pe) && oe(fe, Pe);
         }
       } else {
         if (Po && Te(v))
-          for (const ee of s.mount) {
-            const fe = G(n, ee);
+          for (const te of s.mount) {
+            const fe = G(n, te);
             if (fe && fe._f) {
               const ce = Array.isArray(fe._f.refs) ? fe._f.refs[0] : fe._f.ref;
               if (Zn(ce)) {
@@ -13485,23 +13511,23 @@ function Y_(e = {}) {
             }
           }
         if (k.keepFieldsRef)
-          for (const ee of s.mount)
-            oe(ee, G(re, ee));
+          for (const te of s.mount)
+            oe(te, G(ne, te));
         else
           n = {};
       }
       if (t.shouldUnregister) {
         if (i = k.keepDefaultValues ? Ee(o) : {}, k.keepFieldsRef)
-          for (const ee of s.mount)
-            ke(i, ee, G(re, ee));
+          for (const te of s.mount)
+            ke(i, te, G(ne, te));
       } else
-        i = Ee(re);
+        i = Ee(ne);
       g.array.next({
-        values: { ...re }
+        values: { ...ne }
       }), g.state.next({
         name: void 0,
         type: void 0,
-        values: { ...re }
+        values: { ...ne }
       });
     }
     s = {
@@ -13513,11 +13539,11 @@ function Y_(e = {}) {
       watch: /* @__PURE__ */ new Set(),
       watchAll: !1,
       focus: ""
-    }, a.mount = !m.isValid || !!k.keepIsValid || !!k.keepDirtyValues || !t.shouldUnregister && !rt(re), a.watch = !!t.shouldUnregister, a.keepIsValid = !!k.keepIsValid, a.action = !1, a.actionArrayLengths.clear(), k.keepErrors || (r.errors = {}), g.state.next({
+    }, a.mount = !m.isValid || !!k.keepIsValid || !!k.keepDirtyValues || !t.shouldUnregister && !rt(ne), a.watch = !!t.shouldUnregister, a.keepIsValid = !!k.keepIsValid, a.action = !1, a.actionArrayLengths.clear(), k.keepErrors || (r.errors = {}), g.state.next({
       submitCount: k.keepSubmitCount ? r.submitCount : 0,
       isDirty: U ? !1 : k.keepDirty ? r.isDirty : k.keepValues ? q() : !!(k.keepDefaultValues && !xt(v, o)),
       isSubmitted: k.keepIsSubmitted ? r.isSubmitted : !1,
-      dirtyFields: U ? {} : k.keepDirtyValues ? k.keepDefaultValues && i ? fr(o, i, void 0, J) : r.dirtyFields : k.keepDefaultValues && v ? fr(o, v, void 0, J) : k.keepDirty ? r.dirtyFields : {},
+      dirtyFields: U ? {} : k.keepDirtyValues ? k.keepDefaultValues && i ? fr(o, i, void 0, ee) : r.dirtyFields : k.keepDefaultValues && v ? fr(o, v, void 0, ee) : k.keepDirty ? r.dirtyFields : {},
       touchedFields: k.keepTouched ? r.touchedFields : {},
       errors: k.keepErrors ? r.errors : {},
       isSubmitSuccessful: k.keepIsSubmitSuccessful ? r.isSubmitSuccessful : !1,
@@ -13859,7 +13885,7 @@ function i0({
   scope: a
 }) {
   var m;
-  const s = fn(), [c, d] = Q(!1), u = W(null), h = W(!1);
+  const s = fn(), [c, d] = J(!1), u = W(null), h = W(!1);
   if (ve(() => {
     var b, g;
     h.current && !c && ((g = (b = u.current) == null ? void 0 : b.querySelector("button")) == null || g.focus()), h.current = c;
@@ -13885,7 +13911,7 @@ function i0({
 }
 const sm = bt(void 0);
 function a0({ children: e }) {
-  const [t, r] = Q(null), n = le(
+  const [t, r] = J(null), n = le(
     () => ({ setHeaderActions: r, headerActions: t }),
     [t]
   );
@@ -13991,7 +14017,7 @@ async function d0(e) {
   }), mediaType: t };
 }
 function u0() {
-  const e = fn(), { translations: t } = we(Mr), [r, n] = Q(!1), [o, i] = Q(null);
+  const e = fn(), { translations: t } = we(Mr), [r, n] = J(!1), [o, i] = J(null);
   return { isLoading: r, error: o, generateAltText: async (s) => {
     if (!e) return null;
     n(!0), i(null);
@@ -14029,7 +14055,7 @@ function f0({
 }) {
   const { translations: a } = we(Mr), { name: s, label: c, required: d } = e, u = Qt(r), h = fn(), f = sr({ control: t, name: "asset_id" }) ?? "", p = W(f);
   p.current = f;
-  const { fetchAsset: m } = Cb(), { error: b, generateAltText: g } = u0(), [I, w] = Q(null), [T, _] = Q(null), [y, R] = Q(!1), C = !y && T === f ? I ?? b : null, A = async () => {
+  const { fetchAsset: m } = Cb(), { error: b, generateAltText: g } = u0(), [I, w] = J(null), [T, _] = J(null), [y, R] = J(!1), C = !y && T === f ? I ?? b : null, A = async () => {
     if (!f || y) return;
     const D = f;
     R(!0), _(f), w(null);
@@ -14222,7 +14248,7 @@ function cm({
   header: o,
   mediaType: i = "image"
 }) {
-  const { translations: a } = we(Jt), [s, c] = Q(null), d = W(null), {
+  const { translations: a } = we(Jt), [s, c] = J(null), d = W(null), {
     field: { value: u, onChange: h }
   } = zl({ name: "asset_id", control: e }), f = yb(u || ""), { upload: p, isUploading: m } = wb(), b = async (T) => {
     if (T.size > r.maxFileSizeBytes) {
@@ -15434,7 +15460,7 @@ const xf = {
   height: "100%"
 }, Af = 260, _f = 20;
 function H0({ componentRegistry: e }) {
-  const t = le(() => JA(e), [e]), [r, n] = Q(null), [o, i] = Q(null), a = W({ x: 0, y: 0 }), [, s] = Q(0), c = ie((f) => {
+  const t = le(() => JA(e), [e]), [r, n] = J(null), [o, i] = J(null), a = W({ x: 0, y: 0 }), [, s] = J(0), c = ie((f) => {
     a.current = { x: f.clientX, y: f.clientY }, s((p) => p + 1);
   }, []);
   if (ve(() => {
@@ -16017,7 +16043,7 @@ function Tf(e) {
   return !e || typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(U0);
 }
 function mm(e = !0) {
-  const [t, r] = Q(() => {
+  const [t, r] = J(() => {
     const n = Tf(e);
     return n ? !n.matches : !1;
   });
@@ -16056,24 +16082,24 @@ function oS({
       (de, Ue) => (de.priority ?? Number.POSITIVE_INFINITY) - (Ue.priority ?? Number.POSITIVE_INFINITY)
     ),
     [e]
-  ), { translations: T } = we(Zt), _ = nn().replace(/:/g, ""), y = `bce-tool-panel-content-${_}`, R = `bce-tool-panel-heading-${_}`, C = mm(p), A = d !== void 0, [D, z] = Q(
+  ), { translations: T } = we(Zt), _ = nn().replace(/:/g, ""), y = `bce-tool-panel-content-${_}`, R = `bce-tool-panel-heading-${_}`, C = mm(p), A = d !== void 0, [D, z] = J(
     () => t ? w.find((de) => de.id === t) ?? null : null
   ), S = A ? d != null ? w.find((de) => de.id === d) ?? null : null : D, M = (de) => {
     A ? u == null || u((de == null ? void 0 : de.id) ?? null) : z(de);
-  }, [$, P] = Q(null), x = !!S, N = W(null), L = W(!!(t ?? d));
+  }, [$, P] = J(null), x = !!S, N = W(null), L = W(!!(t ?? d));
   tS(!!S, N);
-  const [E] = Q(() => nS()), B = (de) => {
+  const [E] = J(() => nS()), B = (de) => {
     const Ue = E != null ? Math.min(de, E) : de;
     return If(Math.max(Ue, vs));
-  }, [q, K] = Q(
+  }, [q, K] = J(
     () => B((S == null ? void 0 : S.expandedWidth) ?? vs)
-  ), [se, X] = Q(!1), [Z, te] = Q(!1), [oe, me] = Q(!1), _e = W(q), Le = W(!1), [be, xe] = Q(S == null ? void 0 : S.id), Se = W(null), Ne = W(q);
+  ), [se, X] = J(!1), [Z, re] = J(!1), [oe, me] = J(!1), _e = W(q), Le = W(!1), [be, xe] = J(S == null ? void 0 : S.id), Se = W(null), Ne = W(q);
   Ne.current = q;
   const Ce = W(null), pe = W(void 0);
   ve(() => {
     S && P(S), a == null || a((S == null ? void 0 : S.id) ?? null);
   }, [S, a]), ve(() => {
-    !S && Z && (te(!1), s == null || s(!1));
+    !S && Z && (re(!1), s == null || s(!1));
   }, [S, Z, s]);
   const $e = (de) => {
     document.activeElement instanceof HTMLElement && (N.current = document.activeElement), (S == null ? void 0 : S.id) === de ? M(null) : M(w.find((Ue) => Ue.id === de) ?? null);
@@ -16092,17 +16118,17 @@ function oS({
   const Fe = () => {
     if (Z) {
       const de = Se.current instanceof HTMLElement ? Se.current.offsetWidth : _e.current;
-      me(!0), K(de), te(!1), s == null || s(!1), requestAnimationFrame(() => {
+      me(!0), K(de), re(!1), s == null || s(!1), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           me(!1), K(_e.current);
         });
       });
     } else
-      _e.current = q, te(!0), s == null || s(!0);
+      _e.current = q, re(!0), s == null || s(!0);
   }, Ke = (de) => {
     de.preventDefault();
     const Ue = de.clientX, Ye = q;
-    X(!0), Z && (s == null || s(!1)), te(!1), document.body.style.userSelect = "none";
+    X(!0), Z && (s == null || s(!1)), re(!1), document.body.style.userSelect = "none";
     const Mt = (k) => {
       Le.current = !0, K(If(Ye + (k.clientX - Ue)));
     }, v = () => {
@@ -16244,7 +16270,7 @@ function aS({
   }, [e]), a = ie(
     () => {
       var f;
-      return !!((f = e.current) != null && f.querySelector(`.${ne.itemPopoverOpen}`)) || !!document.querySelector(kA);
+      return !!((f = e.current) != null && f.querySelector(`.${Q.itemPopoverOpen}`)) || !!document.querySelector(kA);
     },
     [e]
   ), s = ie(() => {
@@ -16341,48 +16367,48 @@ function hR({
   hasExpandPanelButton: a
 }) {
   var Z;
-  const { translations: s } = we(Zt), c = Ut(), { selectedComponentId: d, templateData: u, templateLayout: h } = e, f = new Set(n), p = Us.find((te) => f.has(te)), m = sS.find((te) => f.has(te)), b = (te) => f.has(te) || (r == null ? void 0 : r.some((oe) => oe.id === te)) === !0, [g, I] = Q(
+  const { translations: s } = we(Zt), c = Ut(), { selectedComponentId: d, templateData: u, templateLayout: h } = e, f = new Set(n), p = Us.find((re) => f.has(re)), m = sS.find((re) => f.has(re)), b = (re) => f.has(re) || (r == null ? void 0 : r.some((oe) => oe.id === re)) === !0, [g, I] = J(
     (o && b(o) ? o : void 0) ?? p ?? ((Z = r == null ? void 0 : r[0]) == null ? void 0 : Z.id) ?? null
-  ), [w, T] = Q({ view: "main" }), _ = mm(), [y, R] = Q(null), C = W(null);
+  ), [w, T] = J({ view: "main" }), _ = mm(), [y, R] = J(null), C = W(null);
   _ !== y && (R(_), _ ? (C.current = d ? null : g, C.current && I(null)) : (C.current && !g && I(C.current), C.current = null));
   const A = W(null), D = le(() => {
-    var te;
+    var re;
     if (d)
-      return (te = dt(h, d)) == null ? void 0 : te.node.component;
+      return (re = dt(h, d)) == null ? void 0 : re.node.component;
   }, [d, h]), z = d ? u[d] ?? null : null, S = le(() => {
     var oe;
     if (!D) return !1;
-    const te = (oe = gt(t, D)) == null ? void 0 : oe.schema;
-    return te ? cS(te) : !1;
-  }, [t, D]), M = (te, oe) => {
+    const re = (oe = gt(t, D)) == null ? void 0 : oe.schema;
+    return re ? cS(re) : !1;
+  }, [t, D]), M = (re, oe) => {
     var be, xe;
     const me = (be = Zf(oe)) == null ? void 0 : be.category, _e = gm[me ?? "activityContent"];
-    e.setSelectedComponentId(te);
+    e.setSelectedComponentId(re);
     const Le = f.has(_e) ? _e : m;
     Le && I(Le), T({ view: lS, subtitle: (xe = gt(t, oe)) == null ? void 0 : xe.label });
   }, $ = () => {
     e.setSelectedComponentId(null), T({ view: "main" });
-  }, P = (te, oe, me) => {
-    const _e = e.addComponent(te, oe, me);
+  }, P = (re, oe, me) => {
+    const _e = e.addComponent(re, oe, me);
     _e && M(_e.componentId, _e.componentType);
-  }, x = (te) => {
+  }, x = (re) => {
     var me;
-    if (!te) {
+    if (!re) {
       $();
       return;
     }
-    const oe = (me = dt(h, te)) == null ? void 0 : me.node.component;
-    oe && M(te, oe);
-  }, N = (te) => {
-    const oe = e.deleteComponent(te);
+    const oe = (me = dt(h, re)) == null ? void 0 : me.node.component;
+    oe && M(re, oe);
+  }, N = (re) => {
+    const oe = e.deleteComponent(re);
     d && (oe != null && oe.deletedIds.includes(d)) && T({ view: "main" });
   }, { canvasProps: L, panelProps: E, suppressNextDeselect: B } = aS({
     canvasRef: A,
     onDeselect: $
   }), K = {
     registry: t,
-    onAddComponent: (te) => {
-      B(), P(te);
+    onAddComponent: (re) => {
+      B(), P(re);
     },
     selectedComponentType: D,
     selectedComponentId: d,
@@ -16427,7 +16453,7 @@ function hR({
         icon: /* @__PURE__ */ l(og, { size: "sm" }),
         content: /* @__PURE__ */ l(j0, {})
       }
-    ].filter((te) => f.has(te.id)),
+    ].filter((re) => f.has(re.id)),
     ...r ?? []
   ];
   return /* @__PURE__ */ l(
@@ -16445,8 +16471,8 @@ function hR({
           {
             tools: X,
             selectedToolId: g,
-            onSelectedToolIdChange: (te) => {
-              C.current = null, I(te), T({ view: "main" });
+            onSelectedToolIdChange: (re) => {
+              C.current = null, I(re), T({ view: "main" });
             },
             view: w,
             onViewChange: T,
@@ -16479,7 +16505,7 @@ function hR({
                 onSelectComponent: x,
                 onDeleteNode: N,
                 onDuplicateNode: e.duplicateComponent,
-                onAIApply: (te, oe) => e.changeComponent(oe, te)
+                onAIApply: (re, oe) => e.changeComponent(oe, re)
               }
             )
           }