npm - @dynamic-mockups/design-system - Versions diffs - 0.2.20 → 0.2.22 - Mend

@dynamic-mockups/design-system 0.2.20 → 0.2.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.js +8 -8
package/dist/index.js.map +1 -1
package/dist/index.mjs +259 -278
package/dist/index.mjs.map +1 -1
package/dist/src/components/templates/CancellationFlowTemplate/CancellationFlow.types.d.ts +1 -1
package/package.json +1 -1

package/dist/index.mjs CHANGED Viewed

@@ -644,11 +644,11 @@ function Pm(e) {
 function Sm(e, t) {
   return s.useReducer((n, r) => t[n][r] ?? n, e);
 }
-var pe = (e) => {
+var fe = (e) => {
   const { present: t, children: n } = e, r = Em(t), o = typeof n == "function" ? n({ present: r.isPresent }) : s.Children.only(n), a = Y(r.ref, Om(o));
   return typeof n == "function" || r.isPresent ? s.cloneElement(o, { ref: a }) : null;
 };
-pe.displayName = "Presence";
+fe.displayName = "Presence";
 function Em(e) {
   const [t, n] = s.useState(), r = s.useRef(null), o = s.useRef(e), a = s.useRef("none"), i = e ? "mounted" : "unmounted", [c, A] = Sm(i, {
     mounted: {
@@ -774,7 +774,7 @@ ji.displayName = Xi;
 var va = "CollapsibleContent", Gi = s.forwardRef(
   (e, t) => {
     const { forceMount: n, ...r } = e, o = ha(va, e.__scopeCollapsible);
-    return /* @__PURE__ */ l(pe, { present: n || o.open, children: ({ present: a }) => /* @__PURE__ */ l(Im, { ...r, ref: t, present: a }) });
+    return /* @__PURE__ */ l(fe, { present: n || o.open, children: ({ present: a }) => /* @__PURE__ */ l(Im, { ...r, ref: t, present: a }) });
   }
 );
 Gi.displayName = va;
@@ -1728,10 +1728,10 @@ function Uh(e) {
     var E = window.getSelection(), B = E && E.anchorNode, S = B ? B === O || B.contains(O) : !1;
     if (S)
       return !1;
-    var L = Ys(y, O);
-    if (!L)
+    var I = Ys(y, O);
+    if (!I)
       return !0;
-    if (L ? C = y : (C = y === "v" ? "h" : "v", L = Ys(y, O)), !L)
+    if (I ? C = y : (C = y === "v" ? "h" : "v", I = Ys(y, O)), !I)
       return !1;
     if (!r.current && "changedTouches" in m && (w || x) && (r.current = C), !C)
       return !0;
@@ -1900,13 +1900,13 @@ var xa = "DialogPortal", [nv, vc] = Vc(xa, {
   forceMount: void 0
 }), gc = (e) => {
   const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, a = Ge(xa, t);
-  return /* @__PURE__ */ l(nv, { scope: t, forceMount: n, children: s.Children.map(r, (i) => /* @__PURE__ */ l(pe, { present: n || a.open, children: /* @__PURE__ */ l(Dt, { asChild: !0, container: o, children: i }) })) });
+  return /* @__PURE__ */ l(nv, { scope: t, forceMount: n, children: s.Children.map(r, (i) => /* @__PURE__ */ l(fe, { present: n || a.open, children: /* @__PURE__ */ l(Dt, { asChild: !0, container: o, children: i }) })) });
 };
 gc.displayName = xa;
 var Ar = "DialogOverlay", bc = s.forwardRef(
   (e, t) => {
     const n = vc(Ar, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = Ge(Ar, e.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ l(pe, { present: r || a.open, children: /* @__PURE__ */ l(ov, { ...o, ref: t }) }) : null;
+    return a.modal ? /* @__PURE__ */ l(fe, { present: r || a.open, children: /* @__PURE__ */ l(ov, { ...o, ref: t }) }) : null;
   }
 );
 bc.displayName = Ar;
@@ -1930,7 +1930,7 @@ var rv = /* @__PURE__ */ ut("DialogOverlay.RemoveScroll"), ov = s.forwardRef(
 ), St = "DialogContent", yc = s.forwardRef(
   (e, t) => {
     const n = vc(St, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = Ge(St, e.__scopeDialog);
-    return /* @__PURE__ */ l(pe, { present: r || a.open, children: a.modal ? /* @__PURE__ */ l(av, { ...o, ref: t }) : /* @__PURE__ */ l(sv, { ...o, ref: t }) });
+    return /* @__PURE__ */ l(fe, { present: r || a.open, children: a.modal ? /* @__PURE__ */ l(av, { ...o, ref: t }) : /* @__PURE__ */ l(sv, { ...o, ref: t }) });
   }
 );
 yc.displayName = St;
@@ -2567,7 +2567,7 @@ var $c = "CheckboxIndicator", el = s.forwardRef(
   (e, t) => {
     const { __scopeCheckbox: n, forceMount: r, ...o } = e, a = Da($c, n);
     return /* @__PURE__ */ l(
-      pe,
+      fe,
       {
         present: r || At(a.checked) || a.checked === !0,
         children: /* @__PURE__ */ l(
@@ -2937,7 +2937,7 @@ const sg = (e) => ({
     }, p = za(o), h = Ia(p), m = await i.getDimensions(u), v = p === "y", g = v ? "top" : "left", b = v ? "bottom" : "right", w = v ? "clientHeight" : "clientWidth", x = a.reference[h] + a.reference[p] - f[p] - a.floating[h], C = f[p] - a.reference[p], O = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(u));
     let y = O ? O[w] : 0;
     (!y || !await (i.isElement == null ? void 0 : i.isElement(O))) && (y = c.floating[w] || a.floating[h]);
-    const E = x / 2 - C / 2, B = y / 2 - m[h] / 2 - 1, S = dt(V[g], B), L = dt(V[b], B), G = S, Q = y - m[h] - L, F = y / 2 - m[h] / 2 + E, $ = Xo(G, F, Q), X = !A.arrow && Ut(o) != null && F !== $ && a.reference[h] / 2 - (F < G ? S : L) - m[h] / 2 < 0, q = X ? F < G ? F - G : F - Q : 0;
+    const E = x / 2 - C / 2, B = y / 2 - m[h] / 2 - 1, S = dt(V[g], B), I = dt(V[b], B), G = S, Q = y - m[h] - I, F = y / 2 - m[h] / 2 + E, $ = Xo(G, F, Q), X = !A.arrow && Ut(o) != null && F !== $ && a.reference[h] / 2 - (F < G ? S : I) - m[h] / 2 < 0, q = X ? F < G ? F - G : F - Q : 0;
     return {
       [p]: f[p] + q,
       data: {
@@ -2986,8 +2986,8 @@ const sg = (e) => ({
         placement: o,
         overflows: B
       }], !B.every((F) => F <= 0)) {
-        var L, G;
-        const F = (((L = a.flip) == null ? void 0 : L.index) || 0) + 1, $ = y[F];
+        var I, G;
+        const F = (((I = a.flip) == null ? void 0 : I.index) || 0) + 1, $ = y[F];
         if ($ && (!(V === "alignment" ? b !== Fe($) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         S.every((H) => Fe(H.placement) === b ? H.overflows[0] > 0 : !0)))
@@ -3007,13 +3007,13 @@ const sg = (e) => ({
               var Q;
               const q = (Q = S.filter((H) => {
                 if (O) {
-                  const I = Fe(H.placement);
-                  return I === b || // Create a bias to the `y` side axis due to horizontal
+                  const z = Fe(H.placement);
+                  return z === b || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  I === "y";
+                  z === "y";
                 }
                 return !0;
-              }).map((H) => [H.placement, H.overflows.filter((I) => I > 0).reduce((I, _) => I + _, 0)]).sort((H, I) => H[1] - I[1])[0]) == null ? void 0 : Q[0];
+              }).map((H) => [H.placement, H.overflows.filter((z) => z > 0).reduce((z, _) => z + _, 0)]).sort((H, z) => H[1] - z[1])[0]) == null ? void 0 : Q[0];
               q && (X = q);
               break;
             }
@@ -3256,8 +3256,8 @@ const Ag = function(e) {
       const b = m - d.top - d.bottom, w = h - d.left - d.right, x = dt(m - d[v], b), C = dt(h - d[g], w), O = !t.middlewareData.shift;
       let y = x, E = C;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (E = w), (r = t.middlewareData.shift) != null && r.enabled.y && (y = b), O && !f) {
-        const S = Re(d.left, 0), L = Re(d.right, 0), G = Re(d.top, 0), Q = Re(d.bottom, 0);
-        p ? E = h - 2 * (S !== 0 || L !== 0 ? S + L : Re(d.left, d.right)) : y = m - 2 * (G !== 0 || Q !== 0 ? G + Q : Re(d.top, d.bottom));
+        const S = Re(d.left, 0), I = Re(d.right, 0), G = Re(d.top, 0), Q = Re(d.bottom, 0);
+        p ? E = h - 2 * (S !== 0 || I !== 0 ? S + I : Re(d.left, d.right)) : y = m - 2 * (G !== 0 || Q !== 0 ? G + Q : Re(d.top, d.bottom));
       }
       await A({
         ...t,
@@ -3845,7 +3845,7 @@ function Ug(e) {
     H !== O.current && (O.current = H, m(H));
   }, []), w = s.useCallback((H) => {
     H !== y.current && (y.current = H, g(H));
-  }, []), x = a || h, C = i || v, O = s.useRef(null), y = s.useRef(null), E = s.useRef(d), B = A != null, S = Eo(A), L = Eo(o), G = Eo(u), Q = s.useCallback(() => {
+  }, []), x = a || h, C = i || v, O = s.useRef(null), y = s.useRef(null), E = s.useRef(d), B = A != null, S = Eo(A), I = Eo(o), G = Eo(u), Q = s.useCallback(() => {
     if (!O.current || !y.current)
       return;
     const H = {
@@ -3853,9 +3853,9 @@ function Ug(e) {
       strategy: n,
       middleware: f
     };
-    L.current && (H.platform = L.current), Fg(O.current, y.current, H).then((I) => {
+    I.current && (H.platform = I.current), Fg(O.current, y.current, H).then((z) => {
       const _ = {
-        ...I,
+        ...z,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
@@ -3866,7 +3866,7 @@ function Ug(e) {
         V(_);
       }));
     });
-  }, [f, t, n, L, G]);
+  }, [f, t, n, I, G]);
   or(() => {
     u === !1 && E.current.isPositioned && (E.current.isPositioned = !1, V((H) => ({
       ...H,
@@ -3899,16 +3899,16 @@ function Ug(e) {
     };
     if (!X.floating)
       return H;
-    const I = ci(X.floating, d.x), _ = ci(X.floating, d.y);
+    const z = ci(X.floating, d.x), _ = ci(X.floating, d.y);
     return c ? {
       ...H,
-      transform: "translate(" + I + "px, " + _ + "px)",
+      transform: "translate(" + z + "px, " + _ + "px)",
       ...fl(X.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
-      left: I,
+      left: z,
       top: _
     };
   }, [n, c, X.floating, d.x, d.y]);
@@ -4012,9 +4012,9 @@ var Ha = "PopperContent", [ib, cb] = ml(Ha), yl = s.forwardRef(
       updatePositionStrategy: p = "optimized",
       onPlaced: h,
       ...m
-    } = e, v = hl(Ha, n), [g, b] = s.useState(null), w = Y(t, (he) => b(he)), [x, C] = s.useState(null), O = In(x), y = (O == null ? void 0 : O.width) ?? 0, E = (O == null ? void 0 : O.height) ?? 0, B = r + (a !== "center" ? "-" + a : ""), S = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, L = Array.isArray(u) ? u : [u], G = L.length > 0, Q = {
+    } = e, v = hl(Ha, n), [g, b] = s.useState(null), w = Y(t, (he) => b(he)), [x, C] = s.useState(null), O = In(x), y = (O == null ? void 0 : O.width) ?? 0, E = (O == null ? void 0 : O.height) ?? 0, B = r + (a !== "center" ? "-" + a : ""), S = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, I = Array.isArray(u) ? u : [u], G = I.length > 0, Q = {
       padding: S,
-      boundary: L.filter(Ab),
+      boundary: I.filter(Ab),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: G
     }, { refs: F, floatingStyles: $, placement: X, isPositioned: q, middlewareData: H } = Ug({
@@ -4047,7 +4047,7 @@ var Ha = "PopperContent", [ib, cb] = ml(Ha), yl = s.forwardRef(
         ub({ arrowWidth: y, arrowHeight: E }),
         f && nb({ strategy: "referenceHidden", ...Q })
       ]
-    }), [I, _] = Nl(X), ce = ve(h);
+    }), [z, _] = Nl(X), ce = ve(h);
     me(() => {
       q && (ce == null || ce());
     }, [q, ce]);
@@ -4082,7 +4082,7 @@ var Ha = "PopperContent", [ib, cb] = ml(Ha), yl = s.forwardRef(
           ib,
           {
             scope: n,
-            placedSide: I,
+            placedSide: z,
             onArrowChange: C,
             arrowX: ye,
             arrowY: J,
@@ -4090,7 +4090,7 @@ var Ha = "PopperContent", [ib, cb] = ml(Ha), yl = s.forwardRef(
             children: /* @__PURE__ */ l(
               W.div,
               {
-                "data-side": I,
+                "data-side": z,
                 "data-align": _,
                 ...m,
                 ref: w,
@@ -4243,7 +4243,7 @@ var hb = s.forwardRef((e, t) => {
             if (E.target === E.currentTarget && B && !g) {
               const S = new CustomEvent(Oo, db);
               if (E.currentTarget.dispatchEvent(S), !S.defaultPrevented) {
-                const L = x().filter((X) => X.focusable), G = L.find((X) => X.active), Q = L.find((X) => X.id === m), $ = [G, Q, ...L].filter(
+                const I = x().filter((X) => X.focusable), G = I.find((X) => X.active), Q = I.find((X) => X.id === m), $ = [G, Q, ...I].filter(
                   Boolean
                 ).map((X) => X.ref.current);
                 Ol($, d);
@@ -4394,13 +4394,13 @@ var Za = "MenuPortal", [Mb, Il] = Rt(Za, {
   forceMount: void 0
 }), zl = (e) => {
   const { __scopeMenu: t, forceMount: n, children: r, container: o } = e, a = pt(Za, t);
-  return /* @__PURE__ */ l(Mb, { scope: t, forceMount: n, children: /* @__PURE__ */ l(pe, { present: n || a.open, children: /* @__PURE__ */ l(Dt, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ l(Mb, { scope: t, forceMount: n, children: /* @__PURE__ */ l(fe, { present: n || a.open, children: /* @__PURE__ */ l(Dt, { asChild: !0, container: o, children: r }) }) });
 };
 zl.displayName = Za;
 var Le = "MenuContent", [Tb, Ya] = Rt(Le), Ll = s.forwardRef(
   (e, t) => {
     const n = Il(Le, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, a = pt(Le, e.__scopeMenu), i = Xn(Le, e.__scopeMenu);
-    return /* @__PURE__ */ l(yn.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ l(pe, { present: r || a.open, children: /* @__PURE__ */ l(yn.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ l(Db, { ...o, ref: t }) : /* @__PURE__ */ l(Rb, { ...o, ref: t }) }) }) });
+    return /* @__PURE__ */ l(yn.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ l(fe, { present: r || a.open, children: /* @__PURE__ */ l(yn.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ l(Db, { ...o, ref: t }) : /* @__PURE__ */ l(Rb, { ...o, ref: t }) }) }) });
   }
 ), Db = s.forwardRef(
   (e, t) => {
@@ -4455,17 +4455,17 @@ var Le = "MenuContent", [Tb, Ya] = Rt(Le), Ll = s.forwardRef(
       onDismiss: p,
       disableOutsideScroll: h,
       ...m
-    } = e, v = pt(Le, n), g = Xn(Le, n), b = Hn(n), w = Tl(n), x = Pb(n), [C, O] = s.useState(null), y = s.useRef(null), E = Y(t, y, v.onContentChange), B = s.useRef(0), S = s.useRef(""), L = s.useRef(0), G = s.useRef(null), Q = s.useRef("right"), F = s.useRef(0), $ = h ? Dn : s.Fragment, X = h ? { as: Ib, allowPinchZoom: !0 } : void 0, q = (I) => {
+    } = e, v = pt(Le, n), g = Xn(Le, n), b = Hn(n), w = Tl(n), x = Pb(n), [C, O] = s.useState(null), y = s.useRef(null), E = Y(t, y, v.onContentChange), B = s.useRef(0), S = s.useRef(""), I = s.useRef(0), G = s.useRef(null), Q = s.useRef("right"), F = s.useRef(0), $ = h ? Dn : s.Fragment, X = h ? { as: Ib, allowPinchZoom: !0 } : void 0, q = (z) => {
       var j, K;
-      const _ = S.current + I, ce = x().filter((te) => !te.disabled), ye = document.activeElement, J = (j = ce.find((te) => te.ref.current === ye)) == null ? void 0 : j.textValue, ee = ce.map((te) => te.textValue), we = Fb(ee, _, J), ue = (K = ce.find((te) => te.textValue === we)) == null ? void 0 : K.ref.current;
+      const _ = S.current + z, ce = x().filter((te) => !te.disabled), ye = document.activeElement, J = (j = ce.find((te) => te.ref.current === ye)) == null ? void 0 : j.textValue, ee = ce.map((te) => te.textValue), we = Fb(ee, _, J), ue = (K = ce.find((te) => te.textValue === we)) == null ? void 0 : K.ref.current;
       (function te(re) {
         S.current = re, window.clearTimeout(B.current), re !== "" && (B.current = window.setTimeout(() => te(""), 1e3));
       })(_), ue && setTimeout(() => ue.focus());
     };
     s.useEffect(() => () => window.clearTimeout(B.current), []), Ir();
-    const H = s.useCallback((I) => {
+    const H = s.useCallback((z) => {
       var ce, ye;
-      return Q.current === ((ce = G.current) == null ? void 0 : ce.side) && qb(I, (ye = G.current) == null ? void 0 : ye.area);
+      return Q.current === ((ce = G.current) == null ? void 0 : ce.side) && qb(z, (ye = G.current) == null ? void 0 : ye.area);
     }, []);
     return /* @__PURE__ */ l(
       Tb,
@@ -4473,36 +4473,36 @@ var Le = "MenuContent", [Tb, Ya] = Rt(Le), Ll = s.forwardRef(
         scope: n,
         searchRef: S,
         onItemEnter: s.useCallback(
-          (I) => {
-            H(I) && I.preventDefault();
+          (z) => {
+            H(z) && z.preventDefault();
           },
           [H]
         ),
         onItemLeave: s.useCallback(
-          (I) => {
+          (z) => {
             var _;
-            H(I) || ((_ = y.current) == null || _.focus(), O(null));
+            H(z) || ((_ = y.current) == null || _.focus(), O(null));
           },
           [H]
         ),
         onTriggerLeave: s.useCallback(
-          (I) => {
-            H(I) && I.preventDefault();
+          (z) => {
+            H(z) && z.preventDefault();
           },
           [H]
         ),
-        pointerGraceTimerRef: L,
-        onPointerGraceIntentChange: s.useCallback((I) => {
-          G.current = I;
+        pointerGraceTimerRef: I,
+        onPointerGraceIntentChange: s.useCallback((z) => {
+          G.current = z;
         }, []),
         children: /* @__PURE__ */ l($, { ...X, children: /* @__PURE__ */ l(
           Tn,
           {
             asChild: !0,
             trapped: o,
-            onMountAutoFocus: M(a, (I) => {
+            onMountAutoFocus: M(a, (z) => {
               var _;
-              I.preventDefault(), (_ = y.current) == null || _.focus({ preventScroll: !0 });
+              z.preventDefault(), (_ = y.current) == null || _.focus({ preventScroll: !0 });
             }),
             onUnmountAutoFocus: i,
             children: /* @__PURE__ */ l(
@@ -4525,8 +4525,8 @@ var Le = "MenuContent", [Tb, Ya] = Rt(Le), Ll = s.forwardRef(
                     loop: r,
                     currentTabStopId: C,
                     onCurrentTabStopIdChange: O,
-                    onEntryFocus: M(A, (I) => {
-                      g.isUsingKeyboardRef.current || I.preventDefault();
+                    onEntryFocus: M(A, (z) => {
+                      g.isUsingKeyboardRef.current || z.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ l(
@@ -4541,25 +4541,25 @@ var Le = "MenuContent", [Tb, Ya] = Rt(Le), Ll = s.forwardRef(
                         ...m,
                         ref: E,
                         style: { outline: "none", ...m.style },
-                        onKeyDown: M(m.onKeyDown, (I) => {
-                          const ce = I.target.closest("[data-radix-menu-content]") === I.currentTarget, ye = I.ctrlKey || I.altKey || I.metaKey, J = I.key.length === 1;
-                          ce && (I.key === "Tab" && I.preventDefault(), !ye && J && q(I.key));
+                        onKeyDown: M(m.onKeyDown, (z) => {
+                          const ce = z.target.closest("[data-radix-menu-content]") === z.currentTarget, ye = z.ctrlKey || z.altKey || z.metaKey, J = z.key.length === 1;
+                          ce && (z.key === "Tab" && z.preventDefault(), !ye && J && q(z.key));
                           const ee = y.current;
-                          if (I.target !== ee || !xb.includes(I.key)) return;
-                          I.preventDefault();
+                          if (z.target !== ee || !xb.includes(z.key)) return;
+                          z.preventDefault();
                           const ue = x().filter((j) => !j.disabled).map((j) => j.ref.current);
-                          Ml.includes(I.key) && ue.reverse(), Zb(ue);
+                          Ml.includes(z.key) && ue.reverse(), Zb(ue);
                         }),
-                        onBlur: M(e.onBlur, (I) => {
-                          I.currentTarget.contains(I.target) || (window.clearTimeout(B.current), S.current = "");
+                        onBlur: M(e.onBlur, (z) => {
+                          z.currentTarget.contains(z.target) || (window.clearTimeout(B.current), S.current = "");
                         }),
                         onPointerMove: M(
                           e.onPointerMove,
-                          wn((I) => {
-                            const _ = I.target, ce = F.current !== I.clientX;
-                            if (I.currentTarget.contains(_) && ce) {
-                              const ye = I.clientX > F.current ? "right" : "left";
-                              Q.current = ye, F.current = I.clientX;
+                          wn((z) => {
+                            const _ = z.target, ce = F.current !== z.clientX;
+                            if (z.currentTarget.contains(_) && ce) {
+                              const ye = z.clientX > F.current ? "right" : "left";
+                              Q.current = ye, F.current = z.clientX;
                             }
                           })
                         )
@@ -4724,7 +4724,7 @@ var qa = "MenuItemIndicator", [Zl, Hb] = Rt(
   (e, t) => {
     const { __scopeMenu: n, forceMount: r, ...o } = e, a = Hb(qa, n);
     return /* @__PURE__ */ l(
-      pe,
+      fe,
       {
         present: r || mr(a.checked) || a.checked === !0,
         children: /* @__PURE__ */ l(
@@ -4861,7 +4861,7 @@ Jl.displayName = Vn;
 var Kl = "MenuSubContent", _l = s.forwardRef(
   (e, t) => {
     const n = Il(Le, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, a = pt(Le, e.__scopeMenu), i = Xn(Le, e.__scopeMenu), c = ql(Kl, e.__scopeMenu), A = s.useRef(null), u = Y(t, A);
-    return /* @__PURE__ */ l(yn.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ l(pe, { present: r || a.open, children: /* @__PURE__ */ l(yn.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ l(yn.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ l(fe, { present: r || a.open, children: /* @__PURE__ */ l(yn.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ l(
       Fa,
       {
         id: c.contentId,
@@ -5381,13 +5381,13 @@ var _a = "HoverCardPortal", [$y, ew] = nu(_a, {
   forceMount: void 0
 }), su = (e) => {
   const { __scopeHoverCard: t, forceMount: n, children: r, container: o } = e, a = Kr(_a, t);
-  return /* @__PURE__ */ l($y, { scope: t, forceMount: n, children: /* @__PURE__ */ l(pe, { present: n || a.open, children: /* @__PURE__ */ l(Dt, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ l($y, { scope: t, forceMount: n, children: /* @__PURE__ */ l(fe, { present: n || a.open, children: /* @__PURE__ */ l(Dt, { asChild: !0, container: o, children: r }) }) });
 };
 su.displayName = _a;
 var hr = "HoverCardContent", iu = s.forwardRef(
   (e, t) => {
     const n = ew(hr, e.__scopeHoverCard), { forceMount: r = n.forceMount, ...o } = e, a = Kr(hr, e.__scopeHoverCard);
-    return /* @__PURE__ */ l(pe, { present: r || a.open, children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ l(fe, { present: r || a.open, children: /* @__PURE__ */ l(
       tw,
       {
         "data-state": a.open ? "open" : "closed",
@@ -5551,13 +5551,13 @@ var $a = "PopoverPortal", [Aw, uw] = cu($a, {
   forceMount: void 0
 }), fu = (e) => {
   const { __scopePopover: t, forceMount: n, children: r, container: o } = e, a = mt($a, t);
-  return /* @__PURE__ */ l(Aw, { scope: t, forceMount: n, children: /* @__PURE__ */ l(pe, { present: n || a.open, children: /* @__PURE__ */ l(Dt, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ l(Aw, { scope: t, forceMount: n, children: /* @__PURE__ */ l(fe, { present: n || a.open, children: /* @__PURE__ */ l(Dt, { asChild: !0, container: o, children: r }) }) });
 };
 fu.displayName = $a;
 var Ft = "PopoverContent", pu = s.forwardRef(
   (e, t) => {
     const n = uw(Ft, e.__scopePopover), { forceMount: r = n.forceMount, ...o } = e, a = mt(Ft, e.__scopePopover);
-    return /* @__PURE__ */ l(pe, { present: r || a.open, children: a.modal ? /* @__PURE__ */ l(Vw, { ...o, ref: t }) : /* @__PURE__ */ l(fw, { ...o, ref: t }) });
+    return /* @__PURE__ */ l(fe, { present: r || a.open, children: a.modal ? /* @__PURE__ */ l(Vw, { ...o, ref: t }) : /* @__PURE__ */ l(fw, { ...o, ref: t }) });
   }
 );
 pu.displayName = Ft;
@@ -5823,7 +5823,7 @@ Cu.displayName = ns;
 var Pu = "RadioIndicator", Su = s.forwardRef(
   (e, t) => {
     const { __scopeRadio: n, forceMount: r, ...o } = e, a = Rw(Pu, n);
-    return /* @__PURE__ */ l(pe, { present: r || a.checked, children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ l(fe, { present: r || a.checked, children: /* @__PURE__ */ l(
       W.span,
       {
         "data-state": Ou(a.checked),
@@ -6000,7 +6000,7 @@ var rs = "ScrollArea", [Lu] = Ve(rs), [Zw, ke] = Lu(rs), ku = s.forwardRef(
       dir: o,
       scrollHideDelay: a = 600,
       ...i
-    } = e, [c, A] = s.useState(null), [u, d] = s.useState(null), [V, f] = s.useState(null), [p, h] = s.useState(null), [m, v] = s.useState(null), [g, b] = s.useState(0), [w, x] = s.useState(0), [C, O] = s.useState(!1), [y, E] = s.useState(!1), B = Y(t, (L) => A(L)), S = ft(o);
+    } = e, [c, A] = s.useState(null), [u, d] = s.useState(null), [V, f] = s.useState(null), [p, h] = s.useState(null), [m, v] = s.useState(null), [g, b] = s.useState(0), [w, x] = s.useState(0), [C, O] = s.useState(!1), [y, E] = s.useState(!1), B = Y(t, (I) => A(I)), S = ft(o);
     return /* @__PURE__ */ l(
       Zw,
       {
@@ -6109,7 +6109,7 @@ var Yw = s.forwardRef((e, t) => {
         window.clearTimeout(A), c.removeEventListener("pointerenter", u), c.removeEventListener("pointerleave", d);
       };
     }
-  }, [o.scrollArea, o.scrollHideDelay]), /* @__PURE__ */ l(pe, { present: n || a, children: /* @__PURE__ */ l(
+  }, [o.scrollArea, o.scrollHideDelay]), /* @__PURE__ */ l(fe, { present: n || a, children: /* @__PURE__ */ l(
     Xu,
     {
       "data-state": a ? "visible" : "hidden",
@@ -6151,7 +6151,7 @@ var Yw = s.forwardRef((e, t) => {
       };
       return u.addEventListener("scroll", f), () => u.removeEventListener("scroll", f);
     }
-  }, [o.viewport, a, A, i]), /* @__PURE__ */ l(pe, { present: n || c !== "hidden", children: /* @__PURE__ */ l(
+  }, [o.viewport, a, A, i]), /* @__PURE__ */ l(fe, { present: n || c !== "hidden", children: /* @__PURE__ */ l(
     os,
     {
       "data-state": c === "hidden" ? "hidden" : "visible",
@@ -6168,7 +6168,7 @@ var Yw = s.forwardRef((e, t) => {
       i(c ? u : d);
     }
   }, 10);
-  return Qt(n.viewport, A), Qt(n.content, A), /* @__PURE__ */ l(pe, { present: r || a, children: /* @__PURE__ */ l(
+  return Qt(n.viewport, A), Qt(n.content, A), /* @__PURE__ */ l(fe, { present: r || a, children: /* @__PURE__ */ l(
     os,
     {
       "data-state": a ? "visible" : "hidden",
@@ -6325,14 +6325,14 @@ var Yw = s.forwardRef((e, t) => {
   } = e, p = ke(_e, n), [h, m] = s.useState(null), v = Y(t, (B) => m(B)), g = s.useRef(null), b = s.useRef(""), w = p.viewport, x = r.content - r.viewport, C = ve(d), O = ve(A), y = to(V, 10);
   function E(B) {
     if (g.current) {
-      const S = B.clientX - g.current.left, L = B.clientY - g.current.top;
-      u({ x: S, y: L });
+      const S = B.clientX - g.current.left, I = B.clientY - g.current.top;
+      u({ x: S, y: I });
     }
   }
   return s.useEffect(() => {
     const B = (S) => {
-      const L = S.target;
-      (h == null ? void 0 : h.contains(L)) && C(S, x);
+      const I = S.target;
+      (h == null ? void 0 : h.contains(I)) && C(S, x);
     };
     return document.addEventListener("wheel", B, { passive: !1 }), () => document.removeEventListener("wheel", B, { passive: !1 });
   }, [w, h, x, C]), s.useEffect(O, [r, O]), Qt(h, y), Qt(p.content, y), /* @__PURE__ */ l(
@@ -6366,7 +6366,7 @@ var Yw = s.forwardRef((e, t) => {
 }), br = "ScrollAreaThumb", Zu = s.forwardRef(
   (e, t) => {
     const { forceMount: n, ...r } = e, o = ju(br, e.__scopeScrollArea);
-    return /* @__PURE__ */ l(pe, { present: n || o.hasThumb, children: /* @__PURE__ */ l(Jw, { ref: t, ...r }) });
+    return /* @__PURE__ */ l(fe, { present: n || o.hasThumb, children: /* @__PURE__ */ l(Jw, { ref: t, ...r }) });
   }
 ), Jw = s.forwardRef(
   (e, t) => {
@@ -6528,7 +6528,7 @@ var Uu = ku, Ju = Wu, Fo = Hu, Qo = Zu, ex = Yu, tx = [" ", "Enter", "ArrowUp",
     defaultProp: c,
     onChange: A,
     caller: Ot
-  }), L = s.useRef(null), G = v ? h || !!v.closest("form") : !0, [Q, F] = s.useState(/* @__PURE__ */ new Set()), $ = Array.from(Q).map((X) => X.props.value).join(";");
+  }), I = s.useRef(null), G = v ? h || !!v.closest("form") : !0, [Q, F] = s.useState(/* @__PURE__ */ new Set()), $ = Array.from(Q).map((X) => X.props.value).join(";");
   return /* @__PURE__ */ l(Kt, { ...m, children: /* @__PURE__ */ N(
     ox,
     {
@@ -6546,7 +6546,7 @@ var Uu = ku, Ju = Wu, Fo = Hu, Qo = Zu, ex = Yu, tx = [" ", "Enter", "ArrowUp",
       open: y,
       onOpenChange: E,
       dir: O,
-      triggerPointerDownPosRef: L,
+      triggerPointerDownPosRef: I,
       disabled: f,
       children: [
         /* @__PURE__ */ l(no.Provider, { scope: t, children: /* @__PURE__ */ l(
@@ -6697,7 +6697,7 @@ var We = 10, [ad, vt] = en(Mt), lx = "SelectContentImpl", Ax = /* @__PURE__ */ u
       avoidCollisions: v,
       //
       ...g
-    } = e, b = ht(Mt, n), [w, x] = s.useState(null), [C, O] = s.useState(null), y = Y(t, (j) => x(j)), [E, B] = s.useState(null), [S, L] = s.useState(
+    } = e, b = ht(Mt, n), [w, x] = s.useState(null), [C, O] = s.useState(null), y = Y(t, (j) => x(j)), [E, B] = s.useState(null), [S, I] = s.useState(
       null
     ), G = ro(n), [Q, F] = s.useState(!1), $ = s.useRef(!1);
     s.useEffect(() => {
@@ -6717,24 +6717,24 @@ var We = 10, [ad, vt] = en(Mt), lx = "SelectContentImpl", Ax = /* @__PURE__ */ u
     s.useEffect(() => {
       Q && q();
     }, [Q, q]);
-    const { onOpenChange: H, triggerPointerDownPosRef: I } = b;
+    const { onOpenChange: H, triggerPointerDownPosRef: z } = b;
     s.useEffect(() => {
       if (w) {
         let j = { x: 0, y: 0 };
         const K = (re) => {
           var ae, ie;
           j = {
-            x: Math.abs(Math.round(re.pageX) - (((ae = I.current) == null ? void 0 : ae.x) ?? 0)),
-            y: Math.abs(Math.round(re.pageY) - (((ie = I.current) == null ? void 0 : ie.y) ?? 0))
+            x: Math.abs(Math.round(re.pageX) - (((ae = z.current) == null ? void 0 : ae.x) ?? 0)),
+            y: Math.abs(Math.round(re.pageY) - (((ie = z.current) == null ? void 0 : ie.y) ?? 0))
           };
         }, te = (re) => {
-          j.x <= 10 && j.y <= 10 ? re.preventDefault() : w.contains(re.target) || H(!1), document.removeEventListener("pointermove", K), I.current = null;
+          j.x <= 10 && j.y <= 10 ? re.preventDefault() : w.contains(re.target) || H(!1), document.removeEventListener("pointermove", K), z.current = null;
         };
-        return I.current !== null && (document.addEventListener("pointermove", K), document.addEventListener("pointerup", te, { capture: !0, once: !0 })), () => {
+        return z.current !== null && (document.addEventListener("pointermove", K), document.addEventListener("pointerup", te, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", K), document.removeEventListener("pointerup", te, { capture: !0 });
         };
       }
-    }, [w, H, I]), s.useEffect(() => {
+    }, [w, H, z]), s.useEffect(() => {
       const j = () => H(!1);
       return window.addEventListener("blur", j), window.addEventListener("resize", j), () => {
         window.removeEventListener("blur", j), window.removeEventListener("resize", j);
@@ -6752,7 +6752,7 @@ var We = 10, [ad, vt] = en(Mt), lx = "SelectContentImpl", Ax = /* @__PURE__ */ u
     ), J = s.useCallback(() => w == null ? void 0 : w.focus(), [w]), ee = s.useCallback(
       (j, K, te) => {
         const re = !$.current && !te;
-        (b.value !== void 0 && b.value === K || re) && L(j);
+        (b.value !== void 0 && b.value === K || re) && I(j);
       },
       [b.value]
     ), we = r === "popper" ? qo : id, ue = we === qo ? {
@@ -6868,9 +6868,9 @@ var ux = "SelectItemAlignedPosition", id = s.forwardRef((e, t) => {
         ]);
         c.style.minWidth = U + "px", c.style.right = Me + "px";
       }
-      const L = f(), G = window.innerHeight - We * 2, Q = m.scrollHeight, F = window.getComputedStyle(u), $ = parseInt(F.borderTopWidth, 10), X = parseInt(F.paddingTop, 10), q = parseInt(F.borderBottomWidth, 10), H = parseInt(F.paddingBottom, 10), I = $ + X + Q + H + q, _ = Math.min(v.offsetHeight * 5, I), ce = window.getComputedStyle(m), ye = parseInt(ce.paddingTop, 10), J = parseInt(ce.paddingBottom, 10), ee = y.top + y.height / 2 - We, we = G - ee, ue = v.offsetHeight / 2, j = v.offsetTop + ue, K = $ + X + j, te = I - K;
+      const I = f(), G = window.innerHeight - We * 2, Q = m.scrollHeight, F = window.getComputedStyle(u), $ = parseInt(F.borderTopWidth, 10), X = parseInt(F.paddingTop, 10), q = parseInt(F.borderBottomWidth, 10), H = parseInt(F.paddingBottom, 10), z = $ + X + Q + H + q, _ = Math.min(v.offsetHeight * 5, z), ce = window.getComputedStyle(m), ye = parseInt(ce.paddingTop, 10), J = parseInt(ce.paddingBottom, 10), ee = y.top + y.height / 2 - We, we = G - ee, ue = v.offsetHeight / 2, j = v.offsetTop + ue, K = $ + X + j, te = z - K;
       if (K <= ee) {
-        const ae = L.length > 0 && v === L[L.length - 1].ref.current;
+        const ae = I.length > 0 && v === I[I.length - 1].ref.current;
         c.style.bottom = "0px";
         const ie = u.clientHeight - m.offsetTop - m.offsetHeight, he = Math.max(
           we,
@@ -6879,7 +6879,7 @@ var ux = "SelectItemAlignedPosition", id = s.forwardRef((e, t) => {
         ), U = K + he;
         c.style.height = U + "px";
       } else {
-        const ae = L.length > 0 && v === L[0].ref.current;
+        const ae = I.length > 0 && v === I[0].ref.current;
         c.style.top = "0px";
         const he = Math.max(
           ee,
@@ -7332,30 +7332,30 @@ var xx = Ku, Nx = $u, Cx = td, Px = nd, Sx = rd, Ex = od, Ox = cd, Mx = Ad, Tx =
     } = e, v = s.useRef(/* @__PURE__ */ new Set()), g = s.useRef(0), w = i === "horizontal" ? Wx : Hx, [x = [], C] = ge({
       prop: d,
       defaultProp: u,
-      onChange: (L) => {
+      onChange: (I) => {
         var Q;
-        (Q = [...v.current][g.current]) == null || Q.focus(), V(L);
+        (Q = [...v.current][g.current]) == null || Q.focus(), V(I);
       }
     }), O = s.useRef(x);
-    function y(L) {
-      const G = Yx(x, L);
-      S(L, G);
+    function y(I) {
+      const G = Yx(x, I);
+      S(I, G);
     }
-    function E(L) {
-      S(L, g.current);
+    function E(I) {
+      S(I, g.current);
     }
     function B() {
-      const L = O.current[g.current];
-      x[g.current] !== L && f(x);
+      const I = O.current[g.current];
+      x[g.current] !== I && f(x);
     }
-    function S(L, G, { commit: Q } = { commit: !1 }) {
-      const F = Ux(a), $ = Jx(Math.round((L - r) / a) * a + r, F), X = xn($, [r, o]);
+    function S(I, G, { commit: Q } = { commit: !1 }) {
+      const F = Ux(a), $ = Jx(Math.round((I - r) / a) * a + r, F), X = xn($, [r, o]);
       C((q = []) => {
         const H = Gx(q, X, G);
         if (qx(H, A * a)) {
           g.current = H.indexOf(X);
-          const I = String(H) !== String(q);
-          return I && Q && f(H), I ? H : q;
+          const z = String(H) !== String(q);
+          return z && Q && f(H), z ? H : q;
         } else
           return q;
       });
@@ -7391,9 +7391,9 @@ var xx = Ku, Nx = $u, Cx = td, Px = nd, Sx = rd, Ex = od, Ox = cd, Mx = Ad, Tx =
             onSlideEnd: c ? void 0 : B,
             onHomeKeyDown: () => !c && S(r, 0, { commit: !0 }),
             onEndKeyDown: () => !c && S(o, x.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: L, direction: G }) => {
+            onStepKeyDown: ({ event: I, direction: G }) => {
               if (!c) {
-                const $ = Nd.includes(L.key) || L.shiftKey && Cd.includes(L.key) ? 10 : 1, X = g.current, q = x[X], H = a * $ * G;
+                const $ = Nd.includes(I.key) || I.shiftKey && Cd.includes(I.key) ? 10 : 1, X = g.current, q = x[X], H = a * $ * G;
                 S(q + H, X, { commit: !0 });
               }
             }
@@ -7947,7 +7947,7 @@ var Ud = "TabsContent", Jd = s.forwardRef(
     return s.useEffect(() => {
       const f = requestAnimationFrame(() => V.current = !1);
       return () => cancelAnimationFrame(f);
-    }, []), /* @__PURE__ */ l(pe, { present: o || d, children: ({ present: f }) => /* @__PURE__ */ l(
+    }, []), /* @__PURE__ */ l(fe, { present: o || d, children: ({ present: f }) => /* @__PURE__ */ l(
       W.div,
       {
         "data-state": d ? "active" : "inactive",
@@ -8096,13 +8096,13 @@ var As = "TooltipPortal", [mN, hN] = co(As, {
   forceMount: void 0
 }), rV = (e) => {
   const { __scopeTooltip: t, forceMount: n, children: r, container: o } = e, a = Gn(As, t);
-  return /* @__PURE__ */ l(mN, { scope: t, forceMount: n, children: /* @__PURE__ */ l(pe, { present: n || a.open, children: /* @__PURE__ */ l(Dt, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ l(mN, { scope: t, forceMount: n, children: /* @__PURE__ */ l(fe, { present: n || a.open, children: /* @__PURE__ */ l(Dt, { asChild: !0, container: o, children: r }) }) });
 };
 rV.displayName = As;
 var qt = "TooltipContent", oV = s.forwardRef(
   (e, t) => {
     const n = hN(qt, e.__scopeTooltip), { forceMount: r = n.forceMount, side: o = "top", ...a } = e, i = Gn(qt, e.__scopeTooltip);
-    return /* @__PURE__ */ l(pe, { present: r || i.open, children: i.disableHoverableContent ? /* @__PURE__ */ l(aV, { side: o, ...a, ref: t }) : /* @__PURE__ */ l(vN, { side: o, ...a, ref: t }) });
+    return /* @__PURE__ */ l(fe, { present: r || i.open, children: i.disableHoverableContent ? /* @__PURE__ */ l(aV, { side: o, ...a, ref: t }) : /* @__PURE__ */ l(vN, { side: o, ...a, ref: t }) });
   }
 ), vN = s.forwardRef((e, t) => {
   const n = Gn(qt, e.__scopeTooltip), r = ls(qt, e.__scopeTooltip), o = s.useRef(null), a = Y(t, o), [i, c] = s.useState(null), { trigger: A, onClose: u } = n, d = o.current, { onPointerInTransitChange: V } = r, f = s.useCallback(() => {
@@ -9372,7 +9372,7 @@ const j1 = P.forwardRef(
   }
 );
 j1.displayName = "Badge";
-const fe = P.forwardRef(
+const pe = P.forwardRef(
   ({ backgroundColorToken: e, textColorToken: t, borderColorToken: n, className: r = "", ...o }, a) => {
     const i = {
       "--button-bg-color": e ? T(e) : void 0,
@@ -9382,7 +9382,7 @@ const fe = P.forwardRef(
     return /* @__PURE__ */ l(EV, { ref: a, className: `ds-button ${r}`, style: i, ...o });
   }
 );
-fe.displayName = "Button";
+pe.displayName = "Button";
 const gp = P.forwardRef(
   ({ backgroundColorToken: e, textColorToken: t, className: n = "", children: r, ...o }, a) => {
     const i = {
@@ -11324,7 +11324,7 @@ const Kp = P.forwardRef(
             onOpenAutoFocus: (d) => d.preventDefault(),
             children: [
               t,
-              n && /* @__PURE__ */ l(Hr, { asChild: !0, children: /* @__PURE__ */ l(fe, { className: "ds-modal__close", "aria-label": "Close", children: /* @__PURE__ */ l(B1, { width: "12px", height: "12px" }) }) })
+              n && /* @__PURE__ */ l(Hr, { asChild: !0, children: /* @__PURE__ */ l(pe, { className: "ds-modal__close", "aria-label": "Close", children: /* @__PURE__ */ l(B1, { width: "12px", height: "12px" }) }) })
             ]
           }
         )
@@ -11506,31 +11506,31 @@ const un = {
       formStep: { ...un.formStep, ...e.formStep },
       confirmationStep: { ...un.confirmationStep, ...e.confirmationStep },
       formTriggerValues: e.formTriggerValues ?? un.formTriggerValues
-    }, [d, V] = P.useState(!1), [f, p] = P.useState("selection"), [h, m] = P.useState(""), [v, g] = P.useState(""), b = n !== void 0, w = b ? n : d, x = (I) => {
-      b || V(I), r == null || r(I);
-    }, C = (I) => {
+    }, [d, V] = P.useState(!1), [f, p] = P.useState("selection"), [h, m] = P.useState(""), [v, g] = P.useState(""), b = n !== void 0, w = b ? n : d, x = (z) => {
+      b || V(z), r == null || r(z);
+    }, C = (z) => {
       const _ = u.formTriggerValues;
-      return Array.isArray(_) ? _.includes(I) : I === _;
+      return Array.isArray(_) ? _.includes(z) : z === _;
     }, O = () => {
       x(!1), p("selection"), m(""), g(""), o == null || o();
-    }, y = (I) => {
-      p(I), i == null || i(I, { reason: h, feedback: v });
+    }, y = (z) => {
+      p(z), i == null || i(z, { reason: h, feedback: v });
     }, E = () => {
       h && (C(h) ? y("form") : (a == null || a(h), y("confirmation")));
     }, B = () => {
       a == null || a(h, v), y("confirmation");
     }, S = () => {
       y("selection"), g("");
-    }, L = () => {
-      const { linkUrl: I, onLinkClick: _ } = u.confirmationStep;
-      _ ? _() : I && window.open(I, "_blank", "noopener,noreferrer");
-    }, G = /* @__PURE__ */ l(fe, { children: "Flag this mockup" }), { selectionStep: Q, formStep: F, confirmationStep: $ } = u, X = () => {
+    }, I = () => {
+      const { linkUrl: z, onLinkClick: _ } = u.confirmationStep;
+      _ ? _() : z && window.open(z, "_blank", "noopener,noreferrer");
+    }, G = /* @__PURE__ */ l(pe, { children: "Flag this mockup" }), { selectionStep: Q, formStep: F, confirmationStep: $ } = u, X = () => {
       x(!0);
     }, q = t || G, H = P.isValidElement(q) ? P.cloneElement(q, {
-      onClick: (I) => {
+      onClick: (z) => {
         var ce;
         const _ = (ce = q.props) == null ? void 0 : ce.onClick;
-        _ && _(I), X();
+        _ && _(z), X();
       }
     }) : q;
     return /* @__PURE__ */ N(R, { ref: A, className: `ds-flag-bad-mockups ${c}`, children: [
@@ -11555,11 +11555,11 @@ const un = {
                   value: h,
                   onValueChange: m,
                   size: "1",
-                  children: Q.options.map((I) => /* @__PURE__ */ l(vi.Item, { value: I.value, children: I.label }, I.value))
+                  children: Q.options.map((z) => /* @__PURE__ */ l(vi.Item, { value: z.value, children: z.label }, z.value))
                 }
               ) }) }),
               /* @__PURE__ */ l(Be.Footer, { children: /* @__PURE__ */ l(
-                fe,
+                pe,
                 {
                   color: "blue",
                   size: "1",
@@ -11581,7 +11581,7 @@ const un = {
                 Cr,
                 {
                   value: v,
-                  onChange: (I) => g(I.target.value),
+                  onChange: (z) => g(z.target.value),
                   placeholder: F.placeholder,
                   rows: 4,
                   resize: "none",
@@ -11589,9 +11589,9 @@ const un = {
                 }
               ) }) }),
               /* @__PURE__ */ N(Be.Footer, { children: [
-                /* @__PURE__ */ l(fe, { variant: "soft", color: "blue", size: "1", onClick: S, children: F.backButtonText }),
+                /* @__PURE__ */ l(pe, { variant: "soft", color: "blue", size: "1", onClick: S, children: F.backButtonText }),
                 /* @__PURE__ */ l(
-                  fe,
+                  pe,
                   {
                     color: "blue",
                     size: "1",
@@ -11619,11 +11619,11 @@ const un = {
                     textDecoration: "underline",
                     cursor: "pointer"
                   },
-                  onClick: L,
+                  onClick: I,
                   children: $.linkText
                 }
               ) }),
-              /* @__PURE__ */ l(Be.Footer, { children: /* @__PURE__ */ l(fe, { color: "blue", size: "1", onClick: O, children: $.closeButtonText }) })
+              /* @__PURE__ */ l(Be.Footer, { children: /* @__PURE__ */ l(pe, { color: "blue", size: "1", onClick: O, children: $.closeButtonText }) })
             ] })
           ]
         }
@@ -11703,7 +11703,7 @@ const nt = P.forwardRef(
     selectedFirstRadioOption: E,
     onFirstRadioChange: B,
     secondRadioOptions: S = [],
-    selectedSecondRadioOption: L,
+    selectedSecondRadioOption: I,
     onSecondRadioChange: G,
     textInputValue: Q = "",
     onTextInputChange: F,
@@ -11711,7 +11711,7 @@ const nt = P.forwardRef(
     launcherIcon: X = "rocket-bold",
     launcherHeadline: q = "Launcher",
     launcherText: H = "Let's get your product ready to sell.",
-    launcherSubtext: I = "You're preparing to launch. We'll help you create professional product images so your first listings look credible from day one.",
+    launcherSubtext: z = "You're preparing to launch. We'll help you create professional product images so your first listings look credible from day one.",
     infoBoxTitle: _ = "What we will focus on",
     infoBoxItems: ce = [],
     ctaLabel: ye = "YOUR FIRST ACTION",
@@ -11739,43 +11739,43 @@ const nt = P.forwardRef(
     }, [Me, he, t, n, te]), Ss = P.useCallback(() => {
       Me == null || Me(), he && t > 1 && he(t - 1), re == null || re();
     }, [Me, he, t, re]), ho = P.useCallback(
-      (z) => {
-        i == null || i(z), U == null || U({ [de || "radio"]: z });
+      (L) => {
+        i == null || i(L), U == null || U({ [de || "radio"]: L });
       },
       [i, U, de]
     ), Es = P.useCallback(
-      (z) => {
-        u == null || u(z), U == null || U({ [de || "checkbox"]: z });
+      (L) => {
+        u == null || u(L), U == null || U({ [de || "checkbox"]: L });
       },
       [u, U, de]
     ), Qn = P.useCallback(
-      (z) => {
-        f == null || f(z), U == null || U({ [de || "yesNo"]: z });
+      (L) => {
+        f == null || f(L), U == null || U({ [de || "yesNo"]: L });
       },
       [f, U, de]
     ), Os = P.useCallback(
-      (z) => {
-        g == null || g(z), U == null || U({ [de || "firstOption"]: z });
+      (L) => {
+        g == null || g(L), U == null || U({ [de || "firstOption"]: L });
       },
       [g, U, de]
     ), Ms = P.useCallback(
-      (z) => {
-        C == null || C(z), U == null || U({ [de || "secondOption"]: z });
+      (L) => {
+        C == null || C(L), U == null || U({ [de || "secondOption"]: L });
       },
       [C, U, de]
     ), Ts = P.useCallback(
-      (z) => {
-        B == null || B(z), U == null || U({ [de || "firstRadio"]: z });
+      (L) => {
+        B == null || B(L), U == null || U({ [de || "firstRadio"]: L });
       },
       [B, U, de]
     ), Ds = P.useCallback(
-      (z) => {
-        G == null || G(z), U == null || U({ [de || "secondRadio"]: z });
+      (L) => {
+        G == null || G(L), U == null || U({ [de || "secondRadio"]: L });
       },
       [G, U, de]
     ), rm = P.useCallback(
-      (z) => {
-        F == null || F(z), U == null || U({ [de || "textInput"]: z });
+      (L) => {
+        F == null || F(L), U == null || U({ [de || "textInput"]: L });
       },
       [F, U, de]
     ), Rs = P.useCallback(() => {
@@ -11811,7 +11811,7 @@ const nt = P.forwardRef(
             ] }),
             /* @__PURE__ */ N("div", { className: "ds-onboarding-template__launcher-text-section", children: [
               /* @__PURE__ */ l("p", { className: "ds-onboarding-template__launcher-text", children: H }),
-              /* @__PURE__ */ l("p", { className: "ds-onboarding-template__launcher-subtext", children: I })
+              /* @__PURE__ */ l("p", { className: "ds-onboarding-template__launcher-subtext", children: z })
             ] }),
             /* @__PURE__ */ l(da, { title: _, items: ce }),
             /* @__PURE__ */ l(
@@ -11844,18 +11844,18 @@ const nt = P.forwardRef(
                 switch (e) {
                   case "radio":
                   case "split-screen":
-                    return /* @__PURE__ */ l("div", { className: "ds-onboarding-template__radio-list", children: o.map((z) => /* @__PURE__ */ l(
+                    return /* @__PURE__ */ l("div", { className: "ds-onboarding-template__radio-list", children: o.map((L) => /* @__PURE__ */ l(
                       tt,
                       {
-                        state: a === z.value ? "active" : "default",
+                        state: a === L.value ? "active" : "default",
                         showIcon: !0,
                         showSubtext: !0,
-                        icon: z.icon,
-                        title: z.title,
-                        subtext: z.description,
-                        onClick: () => ho(z.value)
+                        icon: L.icon,
+                        title: L.title,
+                        subtext: L.description,
+                        onClick: () => ho(L.value)
                       },
-                      z.value
+                      L.value
                     )) });
                   case "checkbox-no-icon":
                   case "checkbox-with-icon":
@@ -11893,18 +11893,18 @@ const nt = P.forwardRef(
                       ] }),
                       V === "yes" && /* @__PURE__ */ N("div", { className: "ds-onboarding-template__radio-section", children: [
                         /* @__PURE__ */ l("p", { className: "ds-onboarding-template__second-question", children: p }),
-                        /* @__PURE__ */ l("div", { className: "ds-onboarding-template__radio-list-secondary", children: o.map((z) => /* @__PURE__ */ l(
+                        /* @__PURE__ */ l("div", { className: "ds-onboarding-template__radio-list-secondary", children: o.map((L) => /* @__PURE__ */ l(
                           tt,
                           {
-                            state: a === z.value ? "active" : "default",
+                            state: a === L.value ? "active" : "default",
                             showIcon: !0,
                             showSubtext: !0,
-                            icon: z.icon,
-                            title: z.title,
-                            subtext: z.description,
-                            onClick: () => ho(z.value)
+                            icon: L.icon,
+                            title: L.title,
+                            subtext: L.description,
+                            onClick: () => ho(L.value)
                           },
-                          z.value
+                          L.value
                         )) })
                       ] })
                     ] });
@@ -11917,8 +11917,8 @@ const nt = P.forwardRef(
                           {
                             options: m,
                             value: v ? [v] : [],
-                            onChange: (z) => {
-                              const bt = z[z.length - 1];
+                            onChange: (L) => {
+                              const bt = L[L.length - 1];
                               Os(bt || "");
                             },
                             maxRows: 4
@@ -11932,8 +11932,8 @@ const nt = P.forwardRef(
                           {
                             options: w,
                             value: x ? [x] : [],
-                            onChange: (z) => {
-                              const bt = z[z.length - 1];
+                            onChange: (L) => {
+                              const bt = L[L.length - 1];
                               Ms(bt || "");
                             },
                             maxRows: 4
@@ -11945,34 +11945,34 @@ const nt = P.forwardRef(
                     return /* @__PURE__ */ N("div", { className: "ds-onboarding-template__double-section", children: [
                       /* @__PURE__ */ N("div", { className: "ds-onboarding-template__section", children: [
                         /* @__PURE__ */ l("p", { className: "ds-onboarding-template__section-question", children: O }),
-                        /* @__PURE__ */ l("div", { className: "ds-onboarding-template__section-radio-grid", children: y.map((z) => /* @__PURE__ */ l(
+                        /* @__PURE__ */ l("div", { className: "ds-onboarding-template__section-radio-grid", children: y.map((L) => /* @__PURE__ */ l(
                           tt,
                           {
-                            state: E === z.value ? "active" : "default",
+                            state: E === L.value ? "active" : "default",
                             showIcon: !0,
                             showSubtext: !0,
-                            icon: z.icon,
-                            title: z.title,
-                            subtext: z.description,
-                            onClick: () => Ts(z.value)
+                            icon: L.icon,
+                            title: L.title,
+                            subtext: L.description,
+                            onClick: () => Ts(L.value)
                           },
-                          z.value
+                          L.value
                         )) })
                       ] }),
                       /* @__PURE__ */ N("div", { className: "ds-onboarding-template__section", children: [
                         /* @__PURE__ */ l("p", { className: "ds-onboarding-template__section-question", children: p }),
-                        /* @__PURE__ */ l("div", { className: "ds-onboarding-template__section-radio-grid", children: S.map((z) => /* @__PURE__ */ l(
+                        /* @__PURE__ */ l("div", { className: "ds-onboarding-template__section-radio-grid", children: S.map((L) => /* @__PURE__ */ l(
                           tt,
                           {
-                            state: L === z.value ? "active" : "default",
+                            state: I === L.value ? "active" : "default",
                             showIcon: !0,
                             showSubtext: !0,
-                            icon: z.icon,
-                            title: z.title,
-                            subtext: z.description,
-                            onClick: () => Ds(z.value)
+                            icon: L.icon,
+                            title: L.title,
+                            subtext: L.description,
+                            onClick: () => Ds(L.value)
                           },
-                          z.value
+                          L.value
                         )) })
                       ] })
                     ] });
@@ -11983,7 +11983,7 @@ const nt = P.forwardRef(
                         type: "text",
                         className: "ds-onboarding-template__text-input",
                         value: Q,
-                        onChange: (z) => rm(z.target.value),
+                        onChange: (L) => rm(L.target.value),
                         placeholder: $
                       }
                     ) });
@@ -11993,7 +11993,7 @@ const nt = P.forwardRef(
               })()
             ] }),
             /* @__PURE__ */ l("div", { className: "ds-onboarding-template__continue", children: /* @__PURE__ */ N(
-              fe,
+              pe,
               {
                 onClick: gt,
                 disabled: ae,
@@ -12047,7 +12047,7 @@ const nt = P.forwardRef(
       ] }),
       /* @__PURE__ */ N("div", { className: "ds-onboarding-template__launcher-text-section", children: [
         /* @__PURE__ */ l("p", { className: "ds-onboarding-template__launcher-text", children: H }),
-        /* @__PURE__ */ l("p", { className: "ds-onboarding-template__launcher-subtext", children: I })
+        /* @__PURE__ */ l("p", { className: "ds-onboarding-template__launcher-subtext", children: z })
       ] }),
       /* @__PURE__ */ l(da, { title: _, items: ce }),
       /* @__PURE__ */ l(
@@ -12073,18 +12073,18 @@ const nt = P.forwardRef(
       ) }) }),
       /* @__PURE__ */ N("div", { className: "ds-onboarding-template__main", children: [
         /* @__PURE__ */ l("div", { className: "ds-onboarding-template__headline-section", children: /* @__PURE__ */ l("h2", { className: "ds-onboarding-template__headline", children: r }) }),
-        e === "radio" && /* @__PURE__ */ l("div", { className: "ds-onboarding-template__radio-list", children: o.map((z) => /* @__PURE__ */ l(
+        e === "radio" && /* @__PURE__ */ l("div", { className: "ds-onboarding-template__radio-list", children: o.map((L) => /* @__PURE__ */ l(
           tt,
           {
-            state: a === z.value ? "active" : "default",
+            state: a === L.value ? "active" : "default",
             showIcon: !0,
             showSubtext: !0,
-            icon: z.icon,
-            title: z.title,
-            subtext: z.description,
-            onClick: () => i == null ? void 0 : i(z.value)
+            icon: L.icon,
+            title: L.title,
+            subtext: L.description,
+            onClick: () => i == null ? void 0 : i(L.value)
           },
-          z.value
+          L.value
         )) }),
         (e === "checkbox-no-icon" || e === "checkbox-with-icon") && /* @__PURE__ */ l("div", { className: "ds-onboarding-template__checkbox-section", children: /* @__PURE__ */ l(
           Pt,
@@ -12119,18 +12119,18 @@ const nt = P.forwardRef(
           ] }),
           V === "yes" && /* @__PURE__ */ N("div", { className: "ds-onboarding-template__radio-section", children: [
             /* @__PURE__ */ l("p", { className: "ds-onboarding-template__second-question", children: p }),
-            /* @__PURE__ */ l("div", { className: "ds-onboarding-template__radio-list-secondary", children: o.map((z) => /* @__PURE__ */ l(
+            /* @__PURE__ */ l("div", { className: "ds-onboarding-template__radio-list-secondary", children: o.map((L) => /* @__PURE__ */ l(
               tt,
               {
-                state: a === z.value ? "active" : "default",
+                state: a === L.value ? "active" : "default",
                 showIcon: !0,
                 showSubtext: !0,
-                icon: z.icon,
-                title: z.title,
-                subtext: z.description,
-                onClick: () => ho(z.value)
+                icon: L.icon,
+                title: L.title,
+                subtext: L.description,
+                onClick: () => ho(L.value)
               },
-              z.value
+              L.value
             )) })
           ] })
         ] }),
@@ -12142,8 +12142,8 @@ const nt = P.forwardRef(
               {
                 options: m,
                 value: v ? [v] : [],
-                onChange: (z) => {
-                  const bt = z[z.length - 1];
+                onChange: (L) => {
+                  const bt = L[L.length - 1];
                   Os(bt || "");
                 },
                 maxRows: 4
@@ -12157,8 +12157,8 @@ const nt = P.forwardRef(
               {
                 options: w,
                 value: x ? [x] : [],
-                onChange: (z) => {
-                  const bt = z[z.length - 1];
+                onChange: (L) => {
+                  const bt = L[L.length - 1];
                   Ms(bt || "");
                 },
                 maxRows: 4
@@ -12169,40 +12169,40 @@ const nt = P.forwardRef(
         e === "double-radio" && /* @__PURE__ */ N("div", { className: "ds-onboarding-template__double-section", children: [
           /* @__PURE__ */ N("div", { className: "ds-onboarding-template__section", children: [
             /* @__PURE__ */ l("p", { className: "ds-onboarding-template__section-question", children: O }),
-            /* @__PURE__ */ l("div", { className: "ds-onboarding-template__section-radio-grid", children: y.map((z) => /* @__PURE__ */ l(
+            /* @__PURE__ */ l("div", { className: "ds-onboarding-template__section-radio-grid", children: y.map((L) => /* @__PURE__ */ l(
               tt,
               {
-                state: E === z.value ? "active" : "default",
+                state: E === L.value ? "active" : "default",
                 showIcon: !0,
                 showSubtext: !0,
-                icon: z.icon,
-                title: z.title,
-                subtext: z.description,
-                onClick: () => Ts(z.value)
+                icon: L.icon,
+                title: L.title,
+                subtext: L.description,
+                onClick: () => Ts(L.value)
               },
-              z.value
+              L.value
             )) })
           ] }),
           /* @__PURE__ */ N("div", { className: "ds-onboarding-template__section", children: [
             /* @__PURE__ */ l("p", { className: "ds-onboarding-template__section-question", children: p }),
-            /* @__PURE__ */ l("div", { className: "ds-onboarding-template__section-radio-grid", children: S.map((z) => /* @__PURE__ */ l(
+            /* @__PURE__ */ l("div", { className: "ds-onboarding-template__section-radio-grid", children: S.map((L) => /* @__PURE__ */ l(
               tt,
               {
-                state: L === z.value ? "active" : "default",
+                state: I === L.value ? "active" : "default",
                 showIcon: !0,
                 showSubtext: !0,
-                icon: z.icon,
-                title: z.title,
-                subtext: z.description,
-                onClick: () => Ds(z.value)
+                icon: L.icon,
+                title: L.title,
+                subtext: L.description,
+                onClick: () => Ds(L.value)
               },
-              z.value
+              L.value
             )) })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ l("div", { className: "ds-onboarding-template__continue", children: /* @__PURE__ */ N(
-        fe,
+        pe,
         {
           onClick: gt,
           disabled: ae,
@@ -12269,11 +12269,11 @@ const aE = ({
   P.useEffect(() => {
     var B;
     const y = g.current;
-    if ((p.length !== y.length || p.some((S, L) => S !== y[L])) && y.length > 0) {
+    if ((p.length !== y.length || p.some((S, I) => S !== y[I])) && y.length > 0) {
       const S = (B = h[u]) == null ? void 0 : B.id;
       if (S) {
-        const L = h.findIndex((G) => G.id === S);
-        L !== -1 && L !== u && d(L);
+        const I = h.findIndex((G) => G.id === S);
+        I !== -1 && I !== u && d(I);
       }
     }
     g.current = p;
@@ -13333,8 +13333,8 @@ const YE = {
 }) => {
   const [n, r] = dn(e), [o, a] = dn(null), [i, c] = dn(""), [A, u] = dn(""), d = Pe(
     (S) => {
-      var L;
-      (L = t.onStepChange) == null || L.call(t, S, n), r(S);
+      var I;
+      (I = t.onStepChange) == null || I.call(t, S, n), r(S);
     },
     [n, t]
   ), V = Pe(() => {
@@ -13345,8 +13345,8 @@ const YE = {
     (S = t.onContinueToCancel) == null || S.call(t, n), n === "initial" && d("reason-selection");
   }, [n, t, d]), p = Pe(
     (S) => {
-      var L;
-      a(S), (L = t.onReasonSelected) == null || L.call(t, S);
+      var I;
+      a(S), (I = t.onReasonSelected) == null || I.call(t, S);
     },
     [t]
   ), h = Pe(() => {
@@ -13361,14 +13361,14 @@ const YE = {
     }[o]);
   }, [o, d]), m = Pe(
     (S) => {
-      var L, G;
-      (L = t.onAcceptOffer) == null || L.call(t, S), (G = t.onClose) == null || G.call(t);
+      var I, G;
+      (I = t.onAcceptOffer) == null || I.call(t, S), (G = t.onClose) == null || G.call(t);
     },
     [t]
   ), v = Pe(
     (S) => {
-      var L;
-      (L = t.onDeclineOffer) == null || L.call(t, S), d("confirm-cancellation");
+      var I;
+      (I = t.onDeclineOffer) == null || I.call(t, S), d("confirm-cancellation");
     },
     [t, d]
   ), g = Pe(() => {
@@ -13381,9 +13381,10 @@ const YE = {
     var S;
     (S = t.onBookSupport) == null || S.call(t), d("confirm-cancellation");
   }, [t, d]), x = Pe(() => {
-    var S;
-    (S = t.onConfirmCancellation) == null || S.call(t, o ?? void 0);
-  }, [o, t]), C = Pe(() => {
+    var I;
+    const S = i.trim() || A.trim() || void 0;
+    (I = t.onConfirmCancellation) == null || I.call(t, o ?? void 0, S);
+  }, [o, i, A, t]), C = Pe(() => {
     n === "reason-selection" ? d("initial") : [
       "too-expensive-offer",
       "missing-mockups-offer",
@@ -13393,17 +13394,17 @@ const YE = {
       "other-feedback"
     ].includes(n) && d("reason-selection");
   }, [n, d]), O = Pe(() => {
-    var S, L;
-    (S = t.onClaimCredits) == null || S.call(t), (L = t.onClose) == null || L.call(t);
+    var S, I;
+    (S = t.onClaimCredits) == null || S.call(t), (I = t.onClose) == null || I.call(t);
   }, [t]), y = Pe(() => {
-    var S, L;
-    (S = t.onTryAI) == null || S.call(t), (L = t.onClose) == null || L.call(t);
+    var S, I;
+    (S = t.onTryAI) == null || S.call(t), (I = t.onClose) == null || I.call(t);
   }, [t]), E = Pe(() => {
     var S;
     (S = t.onViewRoadmap) == null || S.call(t);
   }, [t]), B = Pe(() => {
-    var S, L;
-    (S = t.onBackToDashboard) == null || S.call(t), (L = t.onClose) == null || L.call(t);
+    var S, I;
+    (S = t.onBackToDashboard) == null || S.call(t), (I = t.onClose) == null || I.call(t);
   }, [t]);
   return {
     currentStep: n,
@@ -13450,7 +13451,7 @@ const YE = {
     handleClaimCredits: E,
     handleTryAI: B,
     handleViewRoadmap: S,
-    handleBackToDashboard: L
+    handleBackToDashboard: I
   } = sE({ initialStep: r, callbacks: n }), G = () => /* @__PURE__ */ N(se, { children: [
     /* @__PURE__ */ N(k, { direction: "column", align: "center", gap: "4", className: "ds-cancellation-flow__header", children: [
       /* @__PURE__ */ l(k, { align: "center", justify: "center", className: "ds-cancellation-flow__header-icon", children: /* @__PURE__ */ l(ne, { icon: "solar:heart-bold", width: 35, height: 35 }) }),
@@ -13499,8 +13500,8 @@ const YE = {
       /* @__PURE__ */ l(R, { className: "ds-cancellation-flow__creations-row", children: a ? [0, 1, 2].map((J) => /* @__PURE__ */ l(R, { className: "ds-cancellation-flow__creation ds-cancellation-flow__creation--skeleton" }, J)) : t.recentCreations.slice(0, 3).map((J) => /* @__PURE__ */ l(R, { className: "ds-cancellation-flow__creation", children: /* @__PURE__ */ l("img", { src: J.imageUrl, alt: J.alt || "Recent creation" }) }, J.id)) })
     ] }),
     /* @__PURE__ */ N(k, { direction: "column", gap: "2", className: "ds-cancellation-flow__footer", children: [
-      /* @__PURE__ */ l(fe, { size: "3", className: "ds-cancellation-flow__btn-primary", onClick: p, children: "Keep my account" }),
-      /* @__PURE__ */ l(fe, { size: "3", variant: "ghost", color: "blue", className: "ds-cancellation-flow__btn-ghost", onClick: h, children: "Continue to cancel" })
+      /* @__PURE__ */ l(pe, { size: "3", className: "ds-cancellation-flow__btn-primary", onClick: p, children: "Keep my account" }),
+      /* @__PURE__ */ l(pe, { size: "3", variant: "ghost", color: "blue", className: "ds-cancellation-flow__btn-ghost", onClick: h, children: "Continue to cancel" })
     ] })
   ] }), Q = () => /* @__PURE__ */ N(se, { children: [
     /* @__PURE__ */ N(k, { direction: "column", align: "center", gap: "4", className: "ds-cancellation-flow__header", children: [
@@ -13532,10 +13533,10 @@ const YE = {
       );
     }) }) }),
     /* @__PURE__ */ N(k, { direction: "column", gap: "2", className: "ds-cancellation-flow__footer", children: [
-      /* @__PURE__ */ l(fe, { size: "3", className: "ds-cancellation-flow__btn-primary", onClick: p, children: "Keep my account" }),
+      /* @__PURE__ */ l(pe, { size: "3", className: "ds-cancellation-flow__btn-primary", onClick: p, children: "Keep my account" }),
       /* @__PURE__ */ N(k, { gap: "2", style: { width: "100%" }, children: [
         /* @__PURE__ */ l(
-          fe,
+          pe,
           {
             size: "3",
             variant: "outline",
@@ -13546,7 +13547,7 @@ const YE = {
           }
         ),
         /* @__PURE__ */ l(
-          fe,
+          pe,
           {
             size: "3",
             variant: "ghost",
@@ -13612,7 +13613,7 @@ const YE = {
         )
       ] }) }),
       /* @__PURE__ */ l(k, { direction: "column", align: "center", className: "ds-cancellation-flow__footer", children: /* @__PURE__ */ l(
-        fe,
+        pe,
         {
           size: "3",
           variant: "ghost",
@@ -13661,7 +13662,7 @@ const YE = {
       ] })
     ] }) }),
     /* @__PURE__ */ l(k, { direction: "column", align: "center", className: "ds-cancellation-flow__footer", children: /* @__PURE__ */ l(
-      fe,
+      pe,
       {
         size: "3",
         variant: "ghost",
@@ -13709,17 +13710,7 @@ const YE = {
         }
       )
     ] }) }),
-    /* @__PURE__ */ l(k, { direction: "column", align: "center", className: "ds-cancellation-flow__footer", children: /* @__PURE__ */ l(
-      fe,
-      {
-        size: "3",
-        variant: "ghost",
-        color: "blue",
-        className: "ds-cancellation-flow__btn-ghost",
-        onClick: () => b("feature-request"),
-        children: "No thanks, continue canceling"
-      }
-    ) })
+    /* @__PURE__ */ l(k, { direction: "column", align: "center", className: "ds-cancellation-flow__footer" })
   ] }), q = () => {
     var J, ee, we, ue, j;
     return /* @__PURE__ */ N(se, { children: [
@@ -13775,7 +13766,7 @@ const YE = {
         )
       ] }) }),
       /* @__PURE__ */ l(k, { direction: "column", align: "center", className: "ds-cancellation-flow__footer", children: /* @__PURE__ */ l(
-        fe,
+        pe,
         {
           size: "3",
           variant: "ghost",
@@ -13815,7 +13806,7 @@ const YE = {
         ] })
       ] }) }),
       /* @__PURE__ */ l(k, { direction: "column", align: "center", className: "ds-cancellation-flow__footer", children: /* @__PURE__ */ l(
-        fe,
+        pe,
         {
           size: "3",
           variant: "ghost",
@@ -13826,7 +13817,7 @@ const YE = {
         }
       ) })
     ] });
-  }, I = () => /* @__PURE__ */ N(se, { children: [
+  }, z = () => /* @__PURE__ */ N(se, { children: [
     /* @__PURE__ */ N(k, { direction: "column", align: "center", gap: "4", className: "ds-cancellation-flow__header", children: [
       /* @__PURE__ */ l(k, { align: "center", justify: "center", className: "ds-cancellation-flow__header-icon", children: /* @__PURE__ */ l(ne, { icon: "solar:lightbulb-bold", width: 35, height: 35 }) }),
       /* @__PURE__ */ N(k, { direction: "column", align: "center", gap: "1", style: { width: "100%" }, children: [
@@ -13864,17 +13855,7 @@ const YE = {
         }
       )
     ] }) }),
-    /* @__PURE__ */ l(k, { direction: "column", align: "center", className: "ds-cancellation-flow__footer", children: /* @__PURE__ */ l(
-      fe,
-      {
-        size: "3",
-        variant: "ghost",
-        color: "blue",
-        className: "ds-cancellation-flow__btn-ghost",
-        onClick: () => b("other-feedback"),
-        children: "No thanks, continue canceling"
-      }
-    ) })
+    /* @__PURE__ */ l(k, { direction: "column", align: "center", className: "ds-cancellation-flow__footer" })
   ] }), _ = () => {
     var J, ee;
     return /* @__PURE__ */ N(se, { children: [
@@ -13911,7 +13892,7 @@ const YE = {
         ] }),
         /* @__PURE__ */ l(R, { className: "ds-cancellation-flow__cta-message", children: ((ee = t.creditsReward) == null ? void 0 : ee.message) || "Use these credits to create more amazing mockups!" })
       ] }) }),
-      /* @__PURE__ */ l(k, { direction: "column", className: "ds-cancellation-flow__footer", children: /* @__PURE__ */ l(fe, { size: "3", className: "ds-cancellation-flow__btn-primary", onClick: L, children: "Back to Dashboard" }) })
+      /* @__PURE__ */ l(k, { direction: "column", className: "ds-cancellation-flow__footer", children: /* @__PURE__ */ l(pe, { size: "3", className: "ds-cancellation-flow__btn-primary", onClick: I, children: "Back to Dashboard" }) })
     ] });
   }, ce = () => {
     var J, ee;
@@ -13952,9 +13933,9 @@ const YE = {
         /* @__PURE__ */ l(le, { className: "ds-cancellation-flow__disclaimer", children: (ee = t.cancellationInfo) == null ? void 0 : ee.disclaimer })
       ] }),
       /* @__PURE__ */ N(k, { direction: "column", gap: "2", className: "ds-cancellation-flow__footer", children: [
-        /* @__PURE__ */ l(fe, { size: "3", className: "ds-cancellation-flow__btn-danger", onClick: O, children: "Confirm cancellation" }),
+        /* @__PURE__ */ l(pe, { size: "3", className: "ds-cancellation-flow__btn-danger", onClick: O, children: "Confirm cancellation" }),
         /* @__PURE__ */ l(
-          fe,
+          pe,
           {
             size: "3",
             variant: "ghost",
@@ -13999,7 +13980,7 @@ const YE = {
             case "technical-support":
               return H();
             case "other-feedback":
-              return I();
+              return z();
             case "keep-account-success":
               return _();
             case "confirm-cancellation":
@@ -14137,7 +14118,7 @@ export {
   X1 as Avatar,
   j1 as Badge,
   E1 as Blockquote,
-  fe as Button,
+  pe as Button,
   fE as COLOR_FAMILIES,
   pE as COLOR_SCALES,
   Va as CTABox,