@snowcone-app/canvas 0.37.1 → 0.38.0

package/dist/{ContextualToolbars-CG5Gmv_i.js → ContextualToolbars-C62As-xY.js}

@@ -2,14 +2,14 @@ import { jsx as t, jsxs as h, Fragment as Ve } from "react/jsx-runtime";
 import * as oe from "react";
 import Fe, { useRef as V, useEffect as Z, useCallback as S, useState as T, useLayoutEffect as Mo, useMemo as He, memo as Eo, useSyncExternalStore as ur } from "react";
 import { createPortal as Io } from "react-dom";
-import { u as ms, a as Ro, g as fr, h as pr } from "./design-builder-CqgTpp9B.js";
-import { o as zo, I as P, N as Se, Y as hr, O as le, Z as St, B as J, P as mr, T as he, i as me, j as ge, _ as j, n as Ht, d as Lo, U as Ze, W as gr, C as br, f as yr, S as xr } from "./useCommands-CQi4Pyd2.js";
-import { R as gs, L as Me, a as vr, I as Cr, T as st } from "./custom-icons-D51KIAfz.js";
-import { M as Ao, ap as Fo, b7 as Oo, H as po, b8 as wr, c as bs, y as kr, b9 as Tr, ba as Nr, bb as Sr, bc as Dr, bd as ho, aA as mo, az as Mr, G as Dt, T as je, g as Er, I as ot, S as $s, P as _o, E as Ir, be as Bo, bf as Rr, L as zr } from "./FontAnalyzer-CEYA_6fY.js";
+import { b as ms, d as Ro, c as fr, m as pr } from "./design-builder-CoCtjIwj.js";
+import { u as zo, I as Q, c as Se, V as hr, i as le, m as St, B as P, W as mr, T as he, q as me, r as ge, X as j, w as Ht, a as Lo, U as Ze, D as gr, C as br, j as yr, S as xr } from "./useCommands-x8J7_Mzy.js";
+import { R as gs, L as Me, a as vr, I as Cr, T as st } from "./custom-icons-o1U13Vcg.js";
+import { i as Ao, aT as Fo, aY as Oo, aU as po, aZ as wr, c as bs, V as kr, a_ as Tr, a$ as Nr, b0 as Sr, b1 as Dr, b2 as ho, Q as mo, O as Mr, G as Dt, T as je, q as Er, I as ot, S as $s, P as _o, t as Ir, b3 as Bo, b4 as Rr, aX as zr } from "./FontAnalyzer-DWHS41ba.js";
 import * as Mt from "@radix-ui/react-popover";
 import * as dt from "@radix-ui/react-slider";
-import { T as go, L as Uo, M as js, N as Hs, V as $o, X as Ws, c as _s, e as Lr, l as Ar, r as Fr, Y as bo } from "./ExportManager-CDX5_up8.js";
-import * as Qs from "@radix-ui/react-collapsible";
+import { T as go, R as Uo, S as js, U as Hs, V as $o, X as Ws, F as _s, G as Lr, H as Ar, J as Fr, Y as bo } from "./ExportManager-BbBfO22S.js";
+import * as Js from "@radix-ui/react-collapsible";
 import * as Vs from "@radix-ui/react-switch";
 import * as Ys from "@radix-ui/react-checkbox";
 import * as jo from "@radix-ui/react-separator";
@@ -42,7 +42,7 @@ const Xt = oe.forwardRef(
               "sc:data-[state=checked]:animate-in sc:data-[state=checked]:zoom-in-0 sc:data-[state=checked]:duration-300",
               "sc:data-[state=indeterminate]:animate-in sc:data-[state=indeterminate]:zoom-in-0 sc:data-[state=indeterminate]:duration-150"
             ),
-            children: s === "indeterminate" ? /* @__PURE__ */ t(P, { icon: "gravity-ui:minus", className: "sc:size-3" }) : /* @__PURE__ */ t(P, { icon: "gravity-ui:check", className: "sc:size-3" })
+            children: s === "indeterminate" ? /* @__PURE__ */ t(Q, { icon: "gravity-ui:minus", className: "sc:size-3" }) : /* @__PURE__ */ t(Q, { icon: "gravity-ui:check", className: "sc:size-3" })
           }
         )
       }
@@ -51,7 +51,7 @@ const Xt = oe.forwardRef(
 );
 Xt.displayName = Ys.Root.displayName;
 const Ho = oe.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ t(
-  Qs.Root,
+  Js.Root,
   {
     ref: n,
     className: Se(e),
@@ -59,8 +59,8 @@ const Ho = oe.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ t(
   }
 ));
 Ho.displayName = "Collapsible";
-const Or = Qs.Trigger, Wo = oe.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ t(
-  Qs.Content,
+const Or = Js.Trigger, Wo = oe.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ t(
+  Js.Content,
   {
     ref: n,
     className: Se(
@@ -93,7 +93,7 @@ const Vo = Ho, Yo = Or, Xo = Wo, _r = Mt.Root, Ge = Mt.Trigger, Br = Mt.Anchor,
   }
 ) }) }));
 Ye.displayName = Mt.Content.displayName;
-const Ur = ({ children: e, open: s, onOpenChange: n, ...o }) => /* @__PURE__ */ t(_r, { open: s, onOpenChange: n, ...o, children: e }), Pe = Object.assign(Ur, {
+const Ur = ({ children: e, open: s, onOpenChange: n, ...o }) => /* @__PURE__ */ t(_r, { open: s, onOpenChange: n, ...o, children: e }), Qe = Object.assign(Ur, {
   Trigger: Ge,
   Content: Ye,
   Anchor: Br,
@@ -124,7 +124,7 @@ const Ur = ({ children: e, open: s, onOpenChange: n, ...o }) => /* @__PURE__ */
         children: [
           s,
           /* @__PURE__ */ t(Ne.Icon, { asChild: !0, children: /* @__PURE__ */ t(
-            P,
+            Q,
             {
               icon: "gravity-ui:chevron-down",
               className: "sc:text-foreground/40 sc:size-4 sc:transition-transform sc:duration-200 sc:ease-out sc:[[data-state=open]>&]:rotate-180"
@@ -142,7 +142,7 @@ const Ko = oe.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ t(
     ref: n,
     className: Se("sc:flex sc:cursor-default sc:items-center sc:justify-center sc:py-1", e),
     ...s,
-    children: /* @__PURE__ */ t(P, { icon: "gravity-ui:chevron-up", className: "sc:size-4" })
+    children: /* @__PURE__ */ t(Q, { icon: "gravity-ui:chevron-up", className: "sc:size-4" })
   }
 ));
 Ko.displayName = Ne.ScrollUpButton.displayName;
@@ -152,7 +152,7 @@ const Go = oe.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ t(
     ref: n,
     className: Se("sc:flex sc:cursor-default sc:items-center sc:justify-center sc:py-1", e),
     ...s,
-    children: /* @__PURE__ */ t(P, { icon: "gravity-ui:chevron-down", className: "sc:size-4" })
+    children: /* @__PURE__ */ t(Q, { icon: "gravity-ui:chevron-down", className: "sc:size-4" })
   }
 ));
 Go.displayName = Ne.ScrollDownButton.displayName;
@@ -194,7 +194,7 @@ const Hr = oe.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ t(
   }
 ));
 Hr.displayName = Ne.Label.displayName;
-const Po = oe.forwardRef(({ className: e, children: s, ...n }, o) => /* @__PURE__ */ h(
+const Qo = oe.forwardRef(({ className: e, children: s, ...n }, o) => /* @__PURE__ */ h(
   Ne.Item,
   {
     ref: o,
@@ -205,12 +205,12 @@ const Po = oe.forwardRef(({ className: e, children: s, ...n }, o) => /* @__PURE_
     ),
     ...n,
     children: [
-      /* @__PURE__ */ t("span", { className: "sc:absolute sc:right-2 sc:flex sc:h-3.5 sc:w-3.5 sc:items-center sc:justify-center", children: /* @__PURE__ */ t(Ne.ItemIndicator, { children: /* @__PURE__ */ t(P, { icon: "gravity-ui:check", className: "sc:size-4" }) }) }),
+      /* @__PURE__ */ t("span", { className: "sc:absolute sc:right-2 sc:flex sc:h-3.5 sc:w-3.5 sc:items-center sc:justify-center", children: /* @__PURE__ */ t(Ne.ItemIndicator, { children: /* @__PURE__ */ t(Q, { icon: "gravity-ui:check", className: "sc:size-4" }) }) }),
       /* @__PURE__ */ t(Ne.ItemText, { children: s })
     ]
   }
 ));
-Po.displayName = Ne.Item.displayName;
+Qo.displayName = Ne.Item.displayName;
 const Wr = oe.forwardRef(({ className: e, ...s }, n) => /* @__PURE__ */ t(Ne.Separator, { ref: n, className: Se("sc:bg-divider sc:mx-2 sc:my-1 sc:h-px", e), ...s }));
 Wr.displayName = Ne.Separator.displayName;
 const Wt = oe.forwardRef(({ className: e, orientation: s = "horizontal", decorative: n = !0, ...o }, r) => /* @__PURE__ */ t(
@@ -228,7 +228,7 @@ const Wt = oe.forwardRef(({ className: e, orientation: s = "horizontal", decorat
   }
 ));
 Wt.displayName = jo.Root.displayName;
-const Qo = oe.createContext(null), Jo = oe.forwardRef(
+const Jo = oe.createContext(null), Po = oe.forwardRef(
   ({ className: e, children: s, ...n }, o) => /* @__PURE__ */ t(
     dt.Track,
     {
@@ -239,7 +239,7 @@ const Qo = oe.createContext(null), Jo = oe.forwardRef(
     }
   )
 );
-Jo.displayName = "SliderTrack";
+Po.displayName = "SliderTrack";
 const ec = oe.forwardRef(
   ({ className: e, ...s }, n) => /* @__PURE__ */ t(
     dt.Thumb,
@@ -260,7 +260,7 @@ const tc = oe.forwardRef(
 tc.displayName = "SliderFill";
 const sc = oe.forwardRef(
   ({ className: e, children: s, ...n }, o) => {
-    const r = oe.useContext(Qo), c = (r == null ? void 0 : r.values) ?? [0];
+    const r = oe.useContext(Jo), c = (r == null ? void 0 : r.values) ?? [0];
     return /* @__PURE__ */ t("span", { ref: o, className: Se("sc:text-sm sc:text-foreground/60", e), ...n, children: typeof s == "function" ? s({ state: { values: c } }) : s ?? c.join(" - ") });
   }
 );
@@ -300,7 +300,7 @@ const nc = oe.forwardRef(
       }),
       [w, y, r, c]
     );
-    return /* @__PURE__ */ t(Qo.Provider, { value: z, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(Jo.Provider, { value: z, children: /* @__PURE__ */ t(
       dt.Root,
       {
         ref: m,
@@ -332,7 +332,7 @@ const nc = oe.forwardRef(
 );
 nc.displayName = dt.Root.displayName;
 const Te = Object.assign(nc, {
-  Track: Jo,
+  Track: Po,
   Thumb: ec,
   Fill: tc,
   Output: sc
@@ -393,7 +393,7 @@ const Xs = ({
       style: { touchAction: "pan-y" },
       children: [
         /* @__PURE__ */ h("div", { className: "sc:flex sc:items-center sc:gap-3 sc:md:gap-2", children: [
-          typeof e == "string" ? /* @__PURE__ */ t(P, { icon: e, className: "sc:text-primary sc:size-7 sc:md:size-5" }) : e,
+          typeof e == "string" ? /* @__PURE__ */ t(Q, { icon: e, className: "sc:text-primary sc:size-7 sc:md:size-5" }) : e,
           /* @__PURE__ */ t("span", { className: "sc:text-foreground sc:text-lg sc:font-semibold sc:md:text-sm sc:md:font-medium", children: s })
         ] }),
         r === "done" ? /* @__PURE__ */ t(
@@ -410,7 +410,7 @@ const Xs = ({
             onClick: n,
             className: "sc:hover:bg-muted sc:text-foreground/70 sc:hover:text-foreground sc:flex sc:size-11 sc:items-center sc:justify-center sc:rounded-md sc:transition-colors sc:md:size-7",
             "aria-label": "Close panel",
-            children: /* @__PURE__ */ t(P, { icon: le.close, className: "sc:size-7 sc:md:size-4" })
+            children: /* @__PURE__ */ t(Q, { icon: le.close, className: "sc:size-7 sc:md:size-4" })
           }
         )
       ]
@@ -666,10 +666,10 @@ var qt = function(e, s, n) {
   return Z(function() {
     return x;
   }, [x]), Fe.createElement("div", xs({}, r, { onTouchStart: v, onMouseDown: v, className: "react-colorful__interactive", ref: c, onKeyDown: g, onKeyUp: N, tabIndex: 0, role: "slider" }));
-}), Js = function(e) {
+}), Ps = function(e) {
   return e.filter(Boolean).join(" ");
 }, ac = function(e) {
-  var s = e.color, n = e.left, o = e.top, r = o === void 0 ? 0.5 : o, c = Js(["react-colorful__pointer", e.className]);
+  var s = e.color, n = e.left, o = e.top, r = o === void 0 ? 0.5 : o, c = Ps(["react-colorful__pointer", e.className]);
   return Fe.createElement("div", { className: c, style: { top: 100 * r + "%", left: 100 * n + "%" } }, Fe.createElement("div", { className: "react-colorful__pointer-fill", style: { backgroundColor: s } }));
 }, Be = function(e, s, n) {
   return s === void 0 && (s = 0), n === void 0 && (n = Math.pow(10, s)), Math.round(n * e) / n;
@@ -700,13 +700,13 @@ var qt = function(e, s, n) {
   var s = e.r, n = e.g, o = e.b, r = e.a, c = Math.max(s, n, o), i = c - Math.min(s, n, o), f = i ? c === s ? (n - o) / i : c === n ? 2 + (o - s) / i : 4 + (s - n) / i : 0;
   return { h: Be(60 * (f < 0 ? f + 6 : f)), s: Be(c ? i / c * 100 : 0), v: Be(c / 255 * 100), a: r };
 }, Zr = Fe.memo(function(e) {
-  var s = e.hue, n = e.onChange, o = e.onChangeEnd, r = Js(["react-colorful__hue", e.className]);
+  var s = e.hue, n = e.onChange, o = e.onChangeEnd, r = Ps(["react-colorful__hue", e.className]);
   return Fe.createElement("div", { className: r }, Fe.createElement(cc, { onMove: function(c) {
     n({ h: 360 * c.left });
   }, onKey: function(c) {
     n({ h: qt(s + 360 * c.left, 0, 360) });
   }, onEnd: o, "aria-label": "Hue", "aria-valuenow": Be(s), "aria-valuemax": "360", "aria-valuemin": "0" }, Fe.createElement(ac, { className: "react-colorful__hue-pointer", left: s / 360, color: Gs({ h: s, s: 100, v: 100, a: 1 }) })));
-}), Pr = Fe.memo(function(e) {
+}), Qr = Fe.memo(function(e) {
   var s = e.hsva, n = e.onChange, o = e.onChangeEnd, r = { backgroundColor: Gs({ h: s.h, s: 100, v: 100, a: 1 }) };
   return Fe.createElement("div", { className: "react-colorful__saturation", style: r }, Fe.createElement(cc, { onMove: function(c) {
     n({ s: 100 * c.left, v: 100 - 100 * c.top });
@@ -717,10 +717,10 @@ var qt = function(e, s, n) {
   if (e === s) return !0;
   for (var n in e) if (e[n] !== s[n]) return !1;
   return !0;
-}, Qr = function(e, s) {
+}, Jr = function(e, s) {
   return e.toLowerCase() === s.toLowerCase() || rc(Ks(e), Ks(s));
 };
-function Jr(e, s, n, o) {
+function Pr(e, s, n, o) {
   var r = Vt(n), c = Vt(o), i = T(function() {
     return e.toHsva(s);
   }), f = i[0], b = i[1], m = V({ color: s, hsva: f }), w = V(!1);
@@ -757,11 +757,11 @@ var ei = typeof window < "u" ? Mo : Z, ti = function() {
 }, ni = function(e) {
   var s = e.className, n = e.colorModel, o = e.color, r = o === void 0 ? n.defaultColor : o, c = e.onChange, i = e.onChangeEnd, f = oc(e, ["className", "colorModel", "color", "onChange", "onChangeEnd"]), b = V(null);
   si(b);
-  var m = Jr(n, r, c, i), w = m[0], y = m[1], v = m[2], g = Js(["react-colorful", s]);
-  return Fe.createElement("div", xs({}, f, { ref: b, className: g }), Fe.createElement(Pr, { hsva: w, onChange: y, onChangeEnd: v }), Fe.createElement(Zr, { hue: w.h, onChange: y, onChangeEnd: v, className: "react-colorful__last-control" }));
+  var m = Pr(n, r, c, i), w = m[0], y = m[1], v = m[2], g = Ps(["react-colorful", s]);
+  return Fe.createElement("div", xs({}, f, { ref: b, className: g }), Fe.createElement(Qr, { hsva: w, onChange: y, onChangeEnd: v }), Fe.createElement(Zr, { hue: w.h, onChange: y, onChangeEnd: v, className: "react-colorful__last-control" }));
 }, oi = { defaultColor: "000", toHsva: Vr, fromHsva: function(e) {
   return Yr({ h: e.h, s: e.s, v: e.v, a: 1 });
-}, equal: Qr }, ic = function(e) {
+}, equal: Jr }, ic = function(e) {
   return Fe.createElement(ni, xs({}, e, { colorModel: oi }));
 };
 const Et = Eo(({
@@ -810,27 +810,27 @@ const Et = Eo(({
     z(X);
   }, se = () => {
     k.current({ target: { value: "transparent" } });
-  }, Q = e === "transparent", ee = c ? /* @__PURE__ */ t(
+  }, J = e === "transparent", ee = c ? /* @__PURE__ */ t(
     "div",
     {
-      className: `sc:size-8 sc:md:size-6 sc:rounded-md sc:border sc:border-border-primary ${Q ? "transparent-pattern-small" : ""}`,
-      style: Q ? {} : { backgroundColor: e }
+      className: `sc:size-8 sc:md:size-6 sc:rounded-md sc:border sc:border-border-primary ${J ? "transparent-pattern-small" : ""}`,
+      style: J ? {} : { backgroundColor: e }
     }
   ) : /* @__PURE__ */ h("div", { className: "sc:relative sc:flex sc:items-center sc:justify-center sc:h-5 sc:w-5", children: [
     r ? /* @__PURE__ */ t("span", { className: "sc:flex sc:items-center sc:-translate-y-0.5", children: r }) : /* @__PURE__ */ t("span", { className: "sc:font-bold sc:text-lg sc:leading-none sc:-translate-y-0.5", children: "A" }),
     /* @__PURE__ */ t(
       "div",
       {
-        className: `sc:absolute sc:bottom-0 sc:left-1/2 sc:-translate-x-1/2 sc:h-[3px] sc:w-4 sc:rounded-sm ${Q ? "transparent-pattern-small" : ""}`,
-        style: Q ? {} : { backgroundColor: e }
+        className: `sc:absolute sc:bottom-0 sc:left-1/2 sc:-translate-x-1/2 sc:h-[3px] sc:w-4 sc:rounded-sm ${J ? "transparent-pattern-small" : ""}`,
+        style: J ? {} : { backgroundColor: e }
       }
     )
   ] }), de = /* @__PURE__ */ h("div", { className: "sc:space-y-4 sc:min-w-[232px]", children: [
     i && /* @__PURE__ */ h(
-      J,
+      P,
       {
         variant: "ghost",
-        className: `sc:flex sc:w-full sc:cursor-pointer sc:items-center sc:justify-start sc:gap-2 sc:rounded-lg ${Q ? "sc:bg-primary/10" : ""}`,
+        className: `sc:flex sc:w-full sc:cursor-pointer sc:items-center sc:justify-start sc:gap-2 sc:rounded-lg ${J ? "sc:bg-primary/10" : ""}`,
         onClick: se,
         children: [
           /* @__PURE__ */ t("div", { className: "transparent-pattern-small sc:h-6 sc:w-6 sc:rounded" }),
@@ -838,7 +838,7 @@ const Et = Eo(({
         ]
       }
     ),
-    /* @__PURE__ */ t("div", { className: "sc:w-[200px]", children: /* @__PURE__ */ t(ic, { color: Q ? "#ffffff" : N, onChange: z }) }),
+    /* @__PURE__ */ t("div", { className: "sc:w-[200px]", children: /* @__PURE__ */ t(ic, { color: J ? "#ffffff" : N, onChange: z }) }),
     /* @__PURE__ */ h("div", { className: "sc:flex sc:items-center sc:gap-2", children: [
       /* @__PURE__ */ t("label", { htmlFor: "hex-input", className: "sc:text-sm sc:font-medium sc:uppercase sc:text-foreground/60", children: "HEX" }),
       /* @__PURE__ */ t(
@@ -881,7 +881,7 @@ const Et = Eo(({
       )) })
     ] })
   ] });
-  return m ? de : /* @__PURE__ */ h(Pe, { open: I, onOpenChange: L, children: [
+  return m ? de : /* @__PURE__ */ h(Qe, { open: I, onOpenChange: L, children: [
     /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t(
       "button",
       {
@@ -910,7 +910,7 @@ const ci = () => /* @__PURE__ */ t(
 function ai({ onClick: e }) {
   return /* @__PURE__ */ t(mr, { delayDuration: 300, children: /* @__PURE__ */ h(he, { children: [
     /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-      J,
+      P,
       {
         variant: "outline",
         onClick: e,
@@ -984,14 +984,14 @@ const ri = ({
   onShadowToggle: B,
   blendModeExpanded: U = !1,
   onBlendModeToggle: se,
-  knockoutExpanded: Q = !1,
+  knockoutExpanded: J = !1,
   onKnockoutToggle: ee,
   distressTextureExpanded: de = !1,
   onDistressTextureToggle: X,
   imageMaskExpanded: K = !1,
   onImageMaskToggle: Y
 }) => {
-  const [ue, A] = T(!1), [te, De] = T(!1), [W, xe] = T(!1), [Ce, we] = T(!1), [Re, Ee] = T(!1), [ye, Ie] = T(!1), [ze, p] = T(!1), [C, R] = T(!1), [$, G] = T(!1), [ke, H] = T(!1), [ae, Qe] = T(!1), [ve, We] = T(!1), [Je, et] = T(!1), [tt, yt] = T(!1), ct = e.isCropping, $e = vs(e), l = () => {
+  const [ue, A] = T(!1), [te, De] = T(!1), [W, xe] = T(!1), [Ce, we] = T(!1), [Re, Ee] = T(!1), [ye, Ie] = T(!1), [ze, p] = T(!1), [C, R] = T(!1), [$, G] = T(!1), [ke, H] = T(!1), [ae, Je] = T(!1), [ve, We] = T(!1), [Pe, et] = T(!1), [tt, yt] = T(!1), ct = e.isCropping, $e = vs(e), l = () => {
     if (Ee(!0), ct) {
       const ie = e.clone();
       ie.exitCropMode(), s(ie);
@@ -1023,7 +1023,7 @@ const ri = ({
     f && /* @__PURE__ */ t(
       j,
       {
-        icon: b ? /* @__PURE__ */ t(P, { icon: "eos-icons:loading", className: "sc:size-6 sc:md:size-5 sc:animate-spin" }) : "gravity-ui:magic-wand",
+        icon: b ? /* @__PURE__ */ t(Q, { icon: "eos-icons:loading", className: "sc:size-6 sc:md:size-5 sc:animate-spin" }) : "gravity-ui:magic-wand",
         onClick: () => {
           xe(!0), f();
         },
@@ -1119,8 +1119,8 @@ const ri = ({
         },
         onMouseLeave: () => We(!1),
         tooltip: "Clip / Knockout",
-        tooltipDisabled: ve || Q,
-        active: Q || $e.knockout
+        tooltipDisabled: ve || J,
+        active: J || $e.knockout
       }
     ),
     X && /* @__PURE__ */ t(
@@ -1132,7 +1132,7 @@ const ri = ({
         },
         onMouseLeave: () => et(!1),
         tooltip: "Distress Texture",
-        tooltipDisabled: Je || de,
+        tooltipDisabled: Pe || de,
         active: de || $e.distress
       }
     ),
@@ -1180,20 +1180,20 @@ const ri = ({
       {
         icon: "gravity-ui:circles-intersection",
         onClick: () => {
-          Qe(!0), se();
+          Je(!0), se();
         },
-        onMouseLeave: () => Qe(!1),
+        onMouseLeave: () => Je(!1),
         tooltip: "Blend Mode",
         tooltipDisabled: ae || U,
         active: U || $e.blendMode
       }
     ),
-    (r || c || w) && /* @__PURE__ */ h(Pe, { open: ue, onOpenChange: A, children: [
-      /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t("button", { className: "sc-toolbar-btn", "aria-label": "More options", children: /* @__PURE__ */ t(P, { icon: "lucide:ellipsis-vertical", className: "sc:size-6" }) }) }),
+    (r || c || w) && /* @__PURE__ */ h(Qe, { open: ue, onOpenChange: A, children: [
+      /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t("button", { className: "sc-toolbar-btn", "aria-label": "More options", children: /* @__PURE__ */ t(Q, { icon: "lucide:ellipsis-vertical", className: "sc:size-6" }) }) }),
       /* @__PURE__ */ t(Ye, { align: "end", className: "sc:w-auto sc:p-1", maxZIndex: !0, children: /* @__PURE__ */ h("div", { className: "sc:flex sc:items-center sc:gap-1", children: [
         r && /* @__PURE__ */ h(he, { delayDuration: 300, children: [
           /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-            J,
+            P,
             {
               variant: "ghost",
               size: "icon",
@@ -1201,14 +1201,14 @@ const ri = ({
                 r(), A(!1);
               },
               "aria-label": "Move Forward",
-              children: /* @__PURE__ */ t(P, { icon: "hugeicons:layer-bring-forward", className: "sc:size-5" })
+              children: /* @__PURE__ */ t(Q, { icon: "hugeicons:layer-bring-forward", className: "sc:size-5" })
             }
           ) }),
           /* @__PURE__ */ t(ge, { children: "Move Forward" })
         ] }),
         c && /* @__PURE__ */ h(he, { delayDuration: 300, children: [
           /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-            J,
+            P,
             {
               variant: "ghost",
               size: "icon",
@@ -1216,14 +1216,14 @@ const ri = ({
                 c(), A(!1);
               },
               "aria-label": "Move Backward",
-              children: /* @__PURE__ */ t(P, { icon: "hugeicons:layer-send-backward", className: "sc:size-5" })
+              children: /* @__PURE__ */ t(Q, { icon: "hugeicons:layer-send-backward", className: "sc:size-5" })
             }
           ) }),
           /* @__PURE__ */ t(ge, { children: "Move Backward" })
         ] }),
         w && /* @__PURE__ */ h(he, { delayDuration: 300, children: [
           /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-            J,
+            P,
             {
               variant: "ghost",
               size: "icon",
@@ -1231,7 +1231,7 @@ const ri = ({
                 A(!1), w();
               },
               "aria-label": "Delete",
-              children: /* @__PURE__ */ t(P, { icon: le.trash, className: "sc:size-5" })
+              children: /* @__PURE__ */ t(Q, { icon: le.trash, className: "sc:size-5" })
             }
           ) }),
           /* @__PURE__ */ t(ge, { children: "Delete" })
@@ -1239,7 +1239,7 @@ const ri = ({
       ] }) })
     ] }),
     n && o && /* @__PURE__ */ h(he, { delay: 300, children: [
-      /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(J, { variant: "ghost", size: "sm", onClick: o, children: "Ungroup" }) }),
+      /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", size: "sm", onClick: o, children: "Ungroup" }) }),
       /* @__PURE__ */ t(ge, { children: "Ungroup this group" })
     ] })
   ] });
@@ -1282,7 +1282,7 @@ const ri = ({
   strokeExpanded: B = !1,
   onStrokeToggle: U,
   shadowExpanded: se = !1,
-  onShadowToggle: Q,
+  onShadowToggle: J,
   blendModeExpanded: ee = !1,
   onBlendModeToggle: de,
   knockoutExpanded: X = !1,
@@ -1292,7 +1292,7 @@ const ri = ({
   imageMaskExpanded: A = !1,
   onImageMaskToggle: te
 }) => {
-  const [De, W] = T(!1), [xe, Ce] = T(!1), [we, Re] = T(!1), [Ee, ye] = T(!1), [Ie, ze] = T(!1), [p, C] = T(!1), [R, $] = T(!1), [G, ke] = T(!1), [H, ae] = T(!1), [Qe, ve] = T(!1), [We, Je] = T(!1), [et, tt] = T(!1), [yt, ct] = T(!1), [$e, l] = T(!1), [ce, at] = T(!1), ie = He(() => Zs.map((Ct) => Ct.color), []), rt = He(() => n && n.length > 0 ? n : ie, [n, ie]), Le = vs(e), Kt = (Ct) => {
+  const [De, W] = T(!1), [xe, Ce] = T(!1), [we, Re] = T(!1), [Ee, ye] = T(!1), [Ie, ze] = T(!1), [p, C] = T(!1), [R, $] = T(!1), [G, ke] = T(!1), [H, ae] = T(!1), [Je, ve] = T(!1), [We, Pe] = T(!1), [et, tt] = T(!1), [yt, ct] = T(!1), [$e, l] = T(!1), [ce, at] = T(!1), ie = He(() => Zs.map((Ct) => Ct.color), []), rt = He(() => n && n.length > 0 ? n : ie, [n, ie]), Le = vs(e), Kt = (Ct) => {
     const wt = e.clone();
     wt.transformData.fillColor = Ct.target.value, delete wt.transformData.fill, s(wt);
   }, xt = {
@@ -1477,18 +1477,18 @@ const ri = ({
         },
         onMouseLeave: () => ve(!1),
         tooltip: "Stroke",
-        tooltipDisabled: Qe || B,
+        tooltipDisabled: Je || B,
         active: B || Le.stroke
       }
     ),
-    Q && /* @__PURE__ */ t(
+    J && /* @__PURE__ */ t(
       j,
       {
         icon: "gravity-ui:square-dashed-circle",
         onClick: () => {
-          Je(!0), Q();
+          Pe(!0), J();
         },
-        onMouseLeave: () => Je(!1),
+        onMouseLeave: () => Pe(!1),
         tooltip: "Shadow",
         tooltipDisabled: We || se,
         active: se || Le.shadow
@@ -1507,12 +1507,12 @@ const ri = ({
         active: ee || Le.blendMode
       }
     ),
-    (i || f || m) && /* @__PURE__ */ h(Pe, { open: De, onOpenChange: W, children: [
-      /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t("button", { className: "sc-toolbar-btn", "aria-label": "More options", children: /* @__PURE__ */ t(P, { icon: "lucide:ellipsis-vertical", className: "sc:size-6" }) }) }),
+    (i || f || m) && /* @__PURE__ */ h(Qe, { open: De, onOpenChange: W, children: [
+      /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t("button", { className: "sc-toolbar-btn", "aria-label": "More options", children: /* @__PURE__ */ t(Q, { icon: "lucide:ellipsis-vertical", className: "sc:size-6" }) }) }),
       /* @__PURE__ */ t(Ye, { align: "end", className: "sc:w-auto sc:p-1", maxZIndex: !0, children: /* @__PURE__ */ h("div", { className: "sc:flex sc:items-center sc:gap-1", children: [
         i && /* @__PURE__ */ h(he, { delayDuration: 300, children: [
           /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-            J,
+            P,
             {
               variant: "ghost",
               size: "icon",
@@ -1520,14 +1520,14 @@ const ri = ({
                 i(), W(!1);
               },
               "aria-label": "Move Forward",
-              children: /* @__PURE__ */ t(P, { icon: "hugeicons:layer-bring-forward", className: "sc:size-5" })
+              children: /* @__PURE__ */ t(Q, { icon: "hugeicons:layer-bring-forward", className: "sc:size-5" })
             }
           ) }),
           /* @__PURE__ */ t(ge, { children: "Move Forward" })
         ] }),
         f && /* @__PURE__ */ h(he, { delayDuration: 300, children: [
           /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-            J,
+            P,
             {
               variant: "ghost",
               size: "icon",
@@ -1535,14 +1535,14 @@ const ri = ({
                 f(), W(!1);
               },
               "aria-label": "Move Backward",
-              children: /* @__PURE__ */ t(P, { icon: "hugeicons:layer-send-backward", className: "sc:size-5" })
+              children: /* @__PURE__ */ t(Q, { icon: "hugeicons:layer-send-backward", className: "sc:size-5" })
             }
           ) }),
           /* @__PURE__ */ t(ge, { children: "Move Backward" })
         ] }),
         m && /* @__PURE__ */ h(he, { delayDuration: 300, children: [
           /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-            J,
+            P,
             {
               variant: "ghost",
               size: "icon",
@@ -1550,7 +1550,7 @@ const ri = ({
                 W(!1), m();
               },
               "aria-label": "Delete",
-              children: /* @__PURE__ */ t(P, { icon: le.trash, className: "sc:size-5" })
+              children: /* @__PURE__ */ t(Q, { icon: le.trash, className: "sc:size-5" })
             }
           ) }),
           /* @__PURE__ */ t(ge, { children: "Delete" })
@@ -1558,7 +1558,7 @@ const ri = ({
       ] }) })
     ] }),
     r && c && /* @__PURE__ */ h(he, { delay: 300, children: [
-      /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(J, { variant: "ghost", size: "sm", onClick: c, children: "Ungroup" }) }),
+      /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", size: "sm", onClick: c, children: "Ungroup" }) }),
       /* @__PURE__ */ t(ge, { children: "Ungroup this group" })
     ] })
   ] });
@@ -1591,7 +1591,7 @@ const ri = ({
     ] }),
     /* @__PURE__ */ h(he, { delay: 300, children: [
       /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-        J,
+        P,
         {
           variant: E ? "default" : "ghost",
           onClick: v,
@@ -1601,7 +1601,7 @@ const ri = ({
       ) }),
       /* @__PURE__ */ t(ge, { children: E ? "Disable Stroke" : "Enable Stroke" })
     ] }),
-    E && /* @__PURE__ */ h(Pe, { open: r, onOpenChange: c, children: [
+    E && /* @__PURE__ */ h(Qe, { open: r, onOpenChange: c, children: [
       /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t(
         "button",
         {
@@ -1612,7 +1612,7 @@ const ri = ({
       ) }),
       /* @__PURE__ */ t(Ye, { align: "start", className: "sc:p-0", children: /* @__PURE__ */ h("div", { className: "sc:bg-bg-primary sc:rounded-xl sc:shadow-lg sc:p-6 sc:min-w-[240px]", children: [
         /* @__PURE__ */ t("div", { className: "sc:grid sc:grid-cols-6 sc:gap-sm sc:mb-md", children: Zs.map((z) => /* @__PURE__ */ t(
-          J,
+          P,
           {
             onClick: () => w(z.color),
             "aria-label": z.name,
@@ -1632,8 +1632,8 @@ const ri = ({
         )
       ] }) })
     ] }),
-    E && /* @__PURE__ */ h(Pe, { open: b, onOpenChange: m, children: [
-      /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ h(J, { variant: "ghost", className: "sc:px-xl sc:text-base", children: [
+    E && /* @__PURE__ */ h(Qe, { open: b, onOpenChange: m, children: [
+      /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ h(P, { variant: "ghost", className: "sc:px-xl sc:text-base", children: [
         k,
         "px"
       ] }) }),
@@ -1658,7 +1658,7 @@ const ri = ({
     /* @__PURE__ */ t("div", { className: "sc:w-px sc:h-6 sc:bg-border-primary sc:mx-xs" }),
     /* @__PURE__ */ h(he, { delay: 300, children: [
       /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-        J,
+        P,
         {
           variant: D ? "default" : "ghost",
           onClick: g,
@@ -1668,7 +1668,7 @@ const ri = ({
       ) }),
       /* @__PURE__ */ t(ge, { children: D ? "Disable Fill" : "Enable Fill" })
     ] }),
-    D && /* @__PURE__ */ h(Pe, { open: i, onOpenChange: f, children: [
+    D && /* @__PURE__ */ h(Qe, { open: i, onOpenChange: f, children: [
       /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t(
         "button",
         {
@@ -1679,7 +1679,7 @@ const ri = ({
       ) }),
       /* @__PURE__ */ t(Ye, { align: "start", className: "sc:p-0", children: /* @__PURE__ */ h("div", { className: "sc:bg-bg-primary sc:rounded-xl sc:shadow-lg sc:p-6 sc:min-w-[240px]", children: [
         /* @__PURE__ */ t("div", { className: "sc:grid sc:grid-cols-6 sc:gap-sm sc:mb-md", children: Zs.map((z) => /* @__PURE__ */ t(
-          J,
+          P,
           {
             onClick: () => y(z.color),
             "aria-label": z.name,
@@ -1701,11 +1701,11 @@ const ri = ({
     ] }),
     /* @__PURE__ */ t("div", { className: "sc:w-px sc:h-6 sc:bg-border-primary sc:mx-xs" }),
     n && /* @__PURE__ */ h(he, { delay: 300, children: [
-      /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(J, { variant: "ghost", onClick: n, children: /* @__PURE__ */ t(P, { icon: "hugeicons:layer-bring-forward", className: "sc:size-[18px]" }) }) }),
+      /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", onClick: n, children: /* @__PURE__ */ t(Q, { icon: "hugeicons:layer-bring-forward", className: "sc:size-[18px]" }) }) }),
       /* @__PURE__ */ t(ge, { children: "Move Forward" })
     ] }),
     o && /* @__PURE__ */ h(he, { delay: 300, children: [
-      /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(J, { variant: "ghost", onClick: o, children: /* @__PURE__ */ t(P, { icon: "hugeicons:layer-send-backward", className: "sc:size-[18px]" }) }) }),
+      /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", onClick: o, children: /* @__PURE__ */ t(Q, { icon: "hugeicons:layer-send-backward", className: "sc:size-[18px]" }) }) }),
       /* @__PURE__ */ t(ge, { children: "Move Backward" })
     ] })
   ] });
@@ -1745,12 +1745,12 @@ const ri = ({
       o("texture");
     }
   }, E = s === "transparent";
-  return /* @__PURE__ */ h(Pe, { open: i, onOpenChange: f, children: [
-    /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t(J, { variant: i ? "default" : "ghost", "aria-label": "Background", children: /* @__PURE__ */ t(P, { icon: le.palette, className: "sc:size-[18px]" }) }) }),
+  return /* @__PURE__ */ h(Qe, { open: i, onOpenChange: f, children: [
+    /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: i ? "default" : "ghost", "aria-label": "Background", children: /* @__PURE__ */ t(Q, { icon: le.palette, className: "sc:size-[18px]" }) }) }),
     /* @__PURE__ */ t(Ye, { className: "sc:w-auto sc:p-3", children: /* @__PURE__ */ h("div", { className: "sc:flex sc:min-w-[220px] sc:flex-col sc:gap-3", children: [
       /* @__PURE__ */ h("div", { className: "sc:flex sc:gap-1 sc:border-b sc:border-divider sc:pb-3", children: [
         /* @__PURE__ */ t(
-          J,
+          P,
           {
             variant: "ghost",
             size: "sm",
@@ -1760,7 +1760,7 @@ const ri = ({
           }
         ),
         /* @__PURE__ */ t(
-          J,
+          P,
           {
             variant: "ghost",
             size: "sm",
@@ -1770,7 +1770,7 @@ const ri = ({
           }
         ),
         /* @__PURE__ */ t(
-          J,
+          P,
           {
             variant: "ghost",
             size: "sm",
@@ -1783,7 +1783,7 @@ const ri = ({
       ] }),
       b === "color" && /* @__PURE__ */ h("div", { className: "sc:flex sc:flex-col sc:gap-3", children: [
         /* @__PURE__ */ h(
-          J,
+          P,
           {
             variant: "ghost",
             className: `sc:flex sc:w-full sc:cursor-pointer sc:items-center sc:justify-start sc:gap-2 sc:rounded-lg ${E ? "sc:bg-primary/10" : ""}`,
@@ -2047,21 +2047,21 @@ const dc = ({ distressTexture: e, onChange: s }) => {
             }
           ),
           /* @__PURE__ */ h(he, { delay: 300, children: [
-            /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(J, { variant: "ghost", onClick: I, "aria-label": "Save", children: /* @__PURE__ */ t(P, { icon: le.check, className: "sc:size-4" }) }) }),
+            /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", onClick: I, "aria-label": "Save", children: /* @__PURE__ */ t(Q, { icon: le.check, className: "sc:size-4" }) }) }),
             /* @__PURE__ */ t(ge, { children: "Save" })
           ] }),
           /* @__PURE__ */ h(he, { delay: 300, children: [
-            /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(J, { variant: "ghost", onClick: L, "aria-label": "Cancel", children: /* @__PURE__ */ t(P, { icon: le.close, className: "sc:size-4" }) }) }),
+            /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", onClick: L, "aria-label": "Cancel", children: /* @__PURE__ */ t(Q, { icon: le.close, className: "sc:size-4" }) }) }),
             /* @__PURE__ */ t(ge, { children: "Cancel" })
           ] })
         ] }) : /* @__PURE__ */ h("div", { className: "sc:flex sc:items-center sc:gap-2", children: [
           /* @__PURE__ */ t("span", { className: "sc:text-xl sc:font-semibold sc:text-text-primary", children: e.name }),
           /* @__PURE__ */ h(he, { delay: 300, children: [
-            /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(J, { variant: "ghost", onClick: k, "aria-label": "Rename", children: /* @__PURE__ */ t(P, { icon: le.pencil, className: "sc:size-4" }) }) }),
+            /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", onClick: k, "aria-label": "Rename", children: /* @__PURE__ */ t(Q, { icon: le.pencil, className: "sc:size-4" }) }) }),
             /* @__PURE__ */ t(ge, { children: "Rename" })
           ] }),
           /* @__PURE__ */ h(he, { delay: 300, children: [
-            /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(J, { variant: "ghost", onClick: q, disabled: s.length <= 1, "aria-label": "Delete", children: /* @__PURE__ */ t(P, { icon: le.trash, className: "sc:size-4" }) }) }),
+            /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", onClick: q, disabled: s.length <= 1, "aria-label": "Delete", children: /* @__PURE__ */ t(Q, { icon: le.trash, className: "sc:size-4" }) }) }),
             /* @__PURE__ */ t(ge, { children: "Delete" })
           ] })
         ] }),
@@ -2084,8 +2084,8 @@ const dc = ({ distressTexture: e, onChange: s }) => {
           Math.round(e.height)
         ] }),
         /* @__PURE__ */ t(Wt, { orientation: "vertical", className: "sc:h-6" }),
-        /* @__PURE__ */ h(Pe, { open: w, onOpenChange: y, children: [
-          /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t(J, { variant: w ? "default" : "ghost", "aria-label": "More options", children: /* @__PURE__ */ t(P, { icon: le.menu, className: "sc:size-6" }) }) }),
+        /* @__PURE__ */ h(Qe, { open: w, onOpenChange: y, children: [
+          /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: w ? "default" : "ghost", "aria-label": "More options", children: /* @__PURE__ */ t(Q, { icon: le.menu, className: "sc:size-6" }) }) }),
           /* @__PURE__ */ t(Ye, { align: "end", children: /* @__PURE__ */ h("div", { className: "sc:flex sc:flex-col sc:gap-2 sc:min-w-[240px]", children: [
             /* @__PURE__ */ h("div", { className: "sc:flex sc:items-center sc:gap-3", children: [
               /* @__PURE__ */ t(
@@ -2138,7 +2138,7 @@ const $t = bs("FontBrowserDrawer"), fi = ({
     _s.subscribe,
     _s.list,
     _s.list
-  ), Q = V(null), [ee, de] = T(!1), [X, K] = T(
+  ), J = V(null), [ee, de] = T(!1), [X, K] = T(
     null
   ), Y = He(() => {
     const p = /* @__PURE__ */ new Set(), C = [];
@@ -2266,8 +2266,8 @@ const $t = bs("FontBrowserDrawer"), fi = ({
         if (!R.current) return;
         const ve = new IntersectionObserver(
           (We) => {
-            We.forEach((Je) => {
-              Je.isIntersecting && !G && Ce(p.name);
+            We.forEach((Pe) => {
+              Pe.isIntersecting && !G && Ce(p.name);
             });
           },
           { rootMargin: "600px" }
@@ -2277,7 +2277,7 @@ const $t = bs("FontBrowserDrawer"), fi = ({
       }, [p.name, G]);
       let ke = "", H = !1;
       x === "name" ? (ke = p.name, H = !1) : x === "preview" ? (ke = i || p.name, H = C) : (ke = i || p.name, H = !0);
-      const ae = x === "preview" && !H, Qe = /* @__PURE__ */ h(
+      const ae = x === "preview" && !H, Je = /* @__PURE__ */ h(
         Ht,
         {
           ref: (ve) => {
@@ -2334,7 +2334,7 @@ const $t = bs("FontBrowserDrawer"), fi = ({
       );
       return ae ? /* @__PURE__ */ h(he, { delayDuration: 200, children: [
         /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-          J,
+          P,
           {
             className: "sc:m-0 sc:inline-block sc:h-auto sc:min-h-0 sc:border-0 sc:bg-transparent sc:p-0 sc:hover:bg-transparent",
             style: { width: k === "masonry" ? "auto" : "100%" },
@@ -2391,7 +2391,7 @@ const $t = bs("FontBrowserDrawer"), fi = ({
           }
         ) }),
         /* @__PURE__ */ t(ge, { side: "top", children: /* @__PURE__ */ t("p", { children: p.name }) })
-      ] }, p.name) : /* @__PURE__ */ t(Fe.Fragment, { children: Qe }, p.name);
+      ] }, p.name) : /* @__PURE__ */ t(Fe.Fragment, { children: Je }, p.name);
     },
     (p, C) => p.font.name === C.font.name && p.isUsedInDocument === C.isUsedInDocument
   ), Ee = He(() => {
@@ -2514,7 +2514,7 @@ const $t = bs("FontBrowserDrawer"), fi = ({
               }
             ),
             /* @__PURE__ */ t(
-              J,
+              P,
               {
                 variant: "secondary",
                 onClick: () => {
@@ -2522,17 +2522,17 @@ const $t = bs("FontBrowserDrawer"), fi = ({
                 },
                 "aria-label": x === "both" ? "Show font name only" : x === "name" ? "Show preview only" : "Show preview with font name",
                 className: "sc:h-10 sc:w-10 sc:p-0",
-                children: x === "both" ? /* @__PURE__ */ t(P, { icon: "lucide:credit-card", className: "sc:size-[22px]" }) : x === "name" ? /* @__PURE__ */ t(P, { icon: "lucide:type", className: "sc:size-[22px]" }) : /* @__PURE__ */ t(P, { icon: "lucide:text-cursor", className: "sc:size-[22px]" })
+                children: x === "both" ? /* @__PURE__ */ t(Q, { icon: "lucide:credit-card", className: "sc:size-[22px]" }) : x === "name" ? /* @__PURE__ */ t(Q, { icon: "lucide:type", className: "sc:size-[22px]" }) : /* @__PURE__ */ t(Q, { icon: "lucide:text-cursor", className: "sc:size-[22px]" })
               }
             ),
             /* @__PURE__ */ t(
-              J,
+              P,
               {
                 variant: "secondary",
                 onClick: () => I(k === "grid" ? "masonry" : "grid"),
                 "aria-label": k === "grid" ? "Switch to masonry view" : "Switch to grid view",
                 className: "sc:h-10 sc:w-10 sc:p-0",
-                children: k === "grid" ? /* @__PURE__ */ t(P, { icon: "lucide:grid-2x2", className: "sc:size-[22px]" }) : /* @__PURE__ */ t(P, { icon: "lucide:grid-3x3", className: "sc:size-[22px]" })
+                children: k === "grid" ? /* @__PURE__ */ t(Q, { icon: "lucide:grid-2x2", className: "sc:size-[22px]" }) : /* @__PURE__ */ t(Q, { icon: "lucide:grid-3x3", className: "sc:size-[22px]" })
               }
             )
           ] }) }),
@@ -2551,7 +2551,7 @@ const $t = bs("FontBrowserDrawer"), fi = ({
             /* @__PURE__ */ t("div", { className: "sc:relative sc:z-20 sc:px-4 sc:py-4 sc:pt-3", children: /* @__PURE__ */ t("div", { className: "sc:flex sc:gap-2 sc:overflow-x-auto", children: ze.map((p) => {
               const C = p === "all" ? "All" : wr[p];
               return /* @__PURE__ */ t(
-                J,
+                P,
                 {
                   size: "sm",
                   variant: y === p ? "default" : "secondary",
@@ -2602,7 +2602,7 @@ const $t = bs("FontBrowserDrawer"), fi = ({
                   /* @__PURE__ */ t(
                     "input",
                     {
-                      ref: Q,
+                      ref: J,
                       type: "file",
                       accept: ".woff2,.woff,.ttf,.otf,font/woff2,font/woff,font/ttf,font/otf",
                       className: "sc:hidden",
@@ -2613,19 +2613,19 @@ const $t = bs("FontBrowserDrawer"), fi = ({
                     }
                   ),
                   /* @__PURE__ */ h(
-                    J,
+                    P,
                     {
                       variant: "secondary",
                       "data-sc-part": "font-picker-upload",
                       "data-testid": "font-upload-button",
                       onClick: () => {
                         var p;
-                        return (p = Q.current) == null ? void 0 : p.click();
+                        return (p = J.current) == null ? void 0 : p.click();
                       },
                       disabled: ee,
                       "aria-label": "Upload a font",
                       children: [
-                        /* @__PURE__ */ t(P, { icon: "lucide:upload", className: "sc:size-4" }),
+                        /* @__PURE__ */ t(Q, { icon: "lucide:upload", className: "sc:size-4" }),
                         ee ? "Uploading…" : "Upload font"
                       ]
                     }
@@ -2725,14 +2725,14 @@ const $t = bs("FontBrowserDrawer"), fi = ({
   ), v = (g) => {
     g !== m && s(g);
   };
-  return /* @__PURE__ */ h(Pe, { open: f, onOpenChange: b, children: [
-    /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t("button", { className: "sc-toolbar-btn", "aria-label": "Text Effects", children: /* @__PURE__ */ t(P, { icon: le.wand, className: "sc:size-6" }) }) }),
+  return /* @__PURE__ */ h(Qe, { open: f, onOpenChange: b, children: [
+    /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t("button", { className: "sc-toolbar-btn", "aria-label": "Text Effects", children: /* @__PURE__ */ t(Q, { icon: le.wand, className: "sc:size-6" }) }) }),
     /* @__PURE__ */ t(Ye, { align: "start", className: "sc:w-[280px] sc:p-0", maxZIndex: !0, children: /* @__PURE__ */ h("div", { className: "sc:space-y-4 sc:p-6", children: [
       /* @__PURE__ */ h("div", { className: "sc:space-y-2", children: [
         /* @__PURE__ */ t(Me, { children: "Text Effect" }),
         /* @__PURE__ */ h($r, { value: m, onValueChange: v, children: [
           /* @__PURE__ */ t(qo, { children: /* @__PURE__ */ t(jr, { placeholder: "Select effect" }) }),
-          /* @__PURE__ */ t(Zo, { style: { zIndex: 2147483647 }, children: y.map((g) => /* @__PURE__ */ t(Po, { value: g.id, children: g.label }, g.id)) })
+          /* @__PURE__ */ t(Zo, { style: { zIndex: 2147483647 }, children: y.map((g) => /* @__PURE__ */ t(Qo, { value: g.id, children: g.label }, g.id)) })
         ] })
       ] }),
       w.length > 0 && /* @__PURE__ */ t(hi, { element: e, controls: w, onUpdate: n })
@@ -2740,11 +2740,11 @@ const $t = bs("FontBrowserDrawer"), fi = ({
   ] });
 }, gi = ({ items: e }) => {
   const [s, n] = T(!1);
-  return /* @__PURE__ */ h(Pe, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t("button", { className: "sc-toolbar-btn", "aria-label": "More options", children: /* @__PURE__ */ t(P, { icon: le.moreHorizontal, className: "sc:size-6" }) }) }),
+  return /* @__PURE__ */ h(Qe, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t("button", { className: "sc-toolbar-btn", "aria-label": "More options", children: /* @__PURE__ */ t(Q, { icon: le.moreHorizontal, className: "sc:size-6" }) }) }),
     /* @__PURE__ */ t(Ye, { align: "start", className: "sc:w-auto sc:p-1", maxZIndex: !0, children: /* @__PURE__ */ t("div", { className: "sc:flex sc:items-center sc:gap-1", children: e.map((o, r) => /* @__PURE__ */ h(he, { delay: 300, children: [
       /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-        J,
+        P,
         {
           variant: o.active ? "default" : "ghost",
           size: "icon",
@@ -2842,12 +2842,12 @@ function ki({ onMoveForward: e, onMoveBackward: s, onDelete: n, onOpenChange: o
   const [r, c] = T(!1), i = (f) => {
     c(f), o == null || o(f);
   };
-  return /* @__PURE__ */ h(Pe, { open: r, onOpenChange: i, children: [
-    /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t("button", { className: "sc-toolbar-btn", "aria-label": "More options", children: /* @__PURE__ */ t(P, { icon: "lucide:ellipsis-vertical", className: "sc:size-6" }) }) }),
+  return /* @__PURE__ */ h(Qe, { open: r, onOpenChange: i, children: [
+    /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ t("button", { className: "sc-toolbar-btn", "aria-label": "More options", children: /* @__PURE__ */ t(Q, { icon: "lucide:ellipsis-vertical", className: "sc:size-6" }) }) }),
     /* @__PURE__ */ t(Ye, { align: "end", className: "sc:w-auto sc:p-1", maxZIndex: !0, children: /* @__PURE__ */ h("div", { className: "sc:flex sc:items-center sc:gap-1", children: [
       /* @__PURE__ */ h(he, { delayDuration: 300, children: [
         /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-          J,
+          P,
           {
             variant: "ghost",
             size: "icon",
@@ -2855,14 +2855,14 @@ function ki({ onMoveForward: e, onMoveBackward: s, onDelete: n, onOpenChange: o
               e(), i(!1);
             },
             "aria-label": "Move Forward",
-            children: /* @__PURE__ */ t(P, { icon: "hugeicons:layer-bring-forward", className: "sc:size-5" })
+            children: /* @__PURE__ */ t(Q, { icon: "hugeicons:layer-bring-forward", className: "sc:size-5" })
           }
         ) }),
         /* @__PURE__ */ t(ge, { children: "Move Forward" })
       ] }),
       /* @__PURE__ */ h(he, { delayDuration: 300, children: [
         /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-          J,
+          P,
           {
             variant: "ghost",
             size: "icon",
@@ -2870,14 +2870,14 @@ function ki({ onMoveForward: e, onMoveBackward: s, onDelete: n, onOpenChange: o
               s(), i(!1);
             },
             "aria-label": "Move Backward",
-            children: /* @__PURE__ */ t(P, { icon: "hugeicons:layer-send-backward", className: "sc:size-5" })
+            children: /* @__PURE__ */ t(Q, { icon: "hugeicons:layer-send-backward", className: "sc:size-5" })
           }
         ) }),
         /* @__PURE__ */ t(ge, { children: "Move Backward" })
       ] }),
       /* @__PURE__ */ h(he, { delayDuration: 300, children: [
         /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(
-          J,
+          P,
           {
             variant: "ghost",
             size: "icon",
@@ -2885,7 +2885,7 @@ function ki({ onMoveForward: e, onMoveBackward: s, onDelete: n, onOpenChange: o
               i(!1), n();
             },
             "aria-label": "Delete",
-            children: /* @__PURE__ */ t(P, { icon: le.trash, className: "sc:size-5" })
+            children: /* @__PURE__ */ t(Q, { icon: le.trash, className: "sc:size-5" })
           }
         ) }),
         /* @__PURE__ */ t(ge, { children: "Delete" })
@@ -2921,7 +2921,7 @@ function Ti({
   getMoreMenuItems: B,
   onMoveForward: U,
   onMoveBackward: se,
-  onDelete: Q,
+  onDelete: J,
   elementForProperties: ee,
   elements: de,
   isTransformMenuOpen: X,
@@ -2933,7 +2933,7 @@ function Ti({
   onFontBrowserToggle: De,
   onTextMoreMenuOpenChange: W
 }) {
-  const [xe, Ce] = T(!1), [we, Re] = T(!1), [Ee, ye] = T(!1), [Ie, ze] = T(!1), p = vs(ee), [C, R] = T(!1), [$, G] = T(!1), [ke, H] = T(!1), [ae, Qe] = T(!1), [ve, We] = T(!1), [Je, et] = T(!1);
+  const [xe, Ce] = T(!1), [we, Re] = T(!1), [Ee, ye] = T(!1), [Ie, ze] = T(!1), p = vs(ee), [C, R] = T(!1), [$, G] = T(!1), [ke, H] = T(!1), [ae, Je] = T(!1), [ve, We] = T(!1), [Pe, et] = T(!1);
   return /* @__PURE__ */ h("div", { className: "sc-toolbar-items", children: [
     /* @__PURE__ */ t(
       fi,
@@ -3054,9 +3054,9 @@ function Ti({
       {
         icon: "lucide:scissors",
         onClick: () => {
-          Qe(!0), k();
+          Je(!0), k();
         },
-        onMouseLeave: () => Qe(!1),
+        onMouseLeave: () => Je(!1),
         tooltip: "Clip / Knockout",
         tooltipDisabled: ae || D,
         active: D || p.knockout
@@ -3084,7 +3084,7 @@ function Ti({
         },
         onMouseLeave: () => et(!1),
         tooltip: "Image Mask",
-        tooltipDisabled: Je || z,
+        tooltipDisabled: Pe || z,
         active: z || p.imageMask
       }
     ),
@@ -3108,7 +3108,7 @@ function Ti({
       {
         onMoveForward: U,
         onMoveBackward: se,
-        onDelete: Q,
+        onDelete: J,
         onOpenChange: W
       }
     ),
@@ -3201,7 +3201,7 @@ function Di(e = {}) {
   Z(() => {
     f !== b.current && (b.current = f, c && c instanceof je && (c.transformType === "circle" && "getEffectiveFontSize" in c ? w(Math.round(c.getEffectiveFontSize())) : c.fontSize !== void 0 && w(Math.round(c.fontSize)), c.color !== void 0 && v(c.color), c.fontFamily !== void 0 && N(c.fontFamily), M(c.textAlign || "center")));
   }, [f, c]);
-  const E = m, D = y, k = g, I = x, L = c instanceof je ? c : null, z = (L == null ? void 0 : L.letterSpacing) ?? 0, q = (L == null ? void 0 : L.lineHeight) ?? 1.2, B = (L == null ? void 0 : L.bold) ?? !1, U = (L == null ? void 0 : L.italic) ?? !1, se = (L == null ? void 0 : L.underline) ?? !1, Q = (L == null ? void 0 : L.letterCase) ?? "none", ee = S(
+  const E = m, D = y, k = g, I = x, L = c instanceof je ? c : null, z = (L == null ? void 0 : L.letterSpacing) ?? 0, q = (L == null ? void 0 : L.lineHeight) ?? 1.2, B = (L == null ? void 0 : L.bold) ?? !1, U = (L == null ? void 0 : L.italic) ?? !1, se = (L == null ? void 0 : L.underline) ?? !1, J = (L == null ? void 0 : L.letterCase) ?? "none", ee = S(
     (p) => {
       if (w(p), !c || !(c instanceof je)) return;
       const C = c.clone();
@@ -3302,9 +3302,9 @@ function Di(e = {}) {
     }
   }, [se, c, i, s]), Re = S(() => {
     if (!c) return;
-    const p = Q === "uppercase" ? "none" : "uppercase", C = c.clone();
+    const p = J === "uppercase" ? "none" : "uppercase", C = c.clone();
     C.letterCase = p, i(C);
-  }, [Q, c, i]), Ee = S(() => Q === "uppercase", [Q]), ye = S(() => {
+  }, [J, c, i]), Ee = S(() => J === "uppercase", [J]), ye = S(() => {
     const p = ["left", "center", "right"], C = p.indexOf(I), R = p[(C + 1) % p.length];
     K(R);
   }, [I, K]), Ie = S(() => {
@@ -3347,7 +3347,7 @@ function Di(e = {}) {
     bold: B,
     italic: U,
     underline: se,
-    letterCase: Q,
+    letterCase: J,
     letterSpacing: z,
     lineHeight: q,
     handleFontSizeChange: Y,
@@ -3679,13 +3679,13 @@ const hc = [
     const k = () => {
       var A, te, De, W;
       const I = ((A = g.current) == null ? void 0 : A.offsetWidth) || 0, L = ((te = g.current) == null ? void 0 : te.offsetHeight) || 48, z = c.getActiveArtboard(), q = (z == null ? void 0 : z.x) || 0, B = (z == null ? void 0 : z.y) || 0, U = ((W = (De = f == null ? void 0 : f.current) == null ? void 0 : De.getZoom) == null ? void 0 : W.call(De)) || 1, se = i == null ? void 0 : i.current;
-      let Q, ee;
+      let J, ee;
       if (se) {
         const xe = se.getBoundingClientRect();
-        Q = xe.left + (M.x - q) * U, ee = xe.top + (M.y - B) * U;
-      } else s ? (Q = s.left + (M.x - q) * U, ee = s.top + (M.y - B) * U) : (Q = window.innerWidth / 2 - M.width * U / 2, ee = window.innerHeight / 2 - M.height * U / 2);
+        J = xe.left + (M.x - q) * U, ee = xe.top + (M.y - B) * U;
+      } else s ? (J = s.left + (M.x - q) * U, ee = s.top + (M.y - B) * U) : (J = window.innerWidth / 2 - M.width * U / 2, ee = window.innerHeight / 2 - M.height * U / 2);
       const de = M.width * U, X = M.height * U, K = 12;
-      let Y = ee - L - K, ue = Q + de / 2;
+      let Y = ee - L - K, ue = J + de / 2;
       if (I > 0) {
         const Ce = I / 2 + 20, we = window.innerWidth - I / 2 - 20;
         ue = Math.max(Ce, Math.min(we, ue));
@@ -3765,7 +3765,7 @@ const hc = [
   onImageMaskToggle: M,
   onUngroup: E
 }) => {
-  const [D, k] = T(!1), [I, L] = T(!1), [z, q] = T(!1), [B, U] = T(!1), [se, Q] = T(!1), [ee, de] = T(!1), [X, K] = T(!1), [Y, ue] = T(!1), A = vs(e ?? null);
+  const [D, k] = T(!1), [I, L] = T(!1), [z, q] = T(!1), [B, U] = T(!1), [se, J] = T(!1), [ee, de] = T(!1), [X, K] = T(!1), [Y, ue] = T(!1), A = vs(e ?? null);
   return /* @__PURE__ */ h("div", { className: "sc-toolbar-items", children: [
     /* @__PURE__ */ t(
       j,
@@ -3824,9 +3824,9 @@ const hc = [
       {
         icon: "gravity-ui:circles-intersection",
         onClick: () => {
-          Q(!0), w();
+          J(!0), w();
         },
-        onMouseLeave: () => Q(!1),
+        onMouseLeave: () => J(!1),
         tooltip: "Blend Mode",
         tooltipDisabled: se || m,
         active: m || A.blendMode
@@ -3872,7 +3872,7 @@ const hc = [
       }
     ),
     /* @__PURE__ */ h(he, { delayDuration: 300, children: [
-      /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(J, { variant: "ghost", size: "sm", onClick: E, children: "Ungroup" }) }),
+      /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", size: "sm", onClick: E, children: "Ungroup" }) }),
       /* @__PURE__ */ t(ge, { children: "Ungroup this group" })
     ] })
   ] });
@@ -4203,7 +4203,7 @@ const hs = ({ element: e, onElementUpdate: s, className: n }) => {
         i("Contrast", "contrast"),
         i("Saturation", "saturation"),
         /* @__PURE__ */ t("div", { className: "sc:flex sc:justify-end", children: /* @__PURE__ */ t(
-          J,
+          P,
           {
             variant: "ghost",
             size: "sm",
@@ -4383,7 +4383,7 @@ const hs = ({ element: e, onElementUpdate: s, className: n }) => {
       ] })
     }
   );
-}, Pi = ({ value: e, onChange: s, documentColors: n, imageColors: o }) => /* @__PURE__ */ t(
+}, Qi = ({ value: e, onChange: s, documentColors: n, imageColors: o }) => /* @__PURE__ */ t(
   "div",
   {
     className: "sc-text-color-panel sc:flex sc:flex-col",
@@ -4391,7 +4391,7 @@ const hs = ({ element: e, onElementUpdate: s, className: n }) => {
     style: { touchAction: "pan-y" },
     children: /* @__PURE__ */ t("div", { className: mc, children: /* @__PURE__ */ t(Et, { value: e, onChange: s, documentColors: n, imageColors: o, embedded: !0 }) })
   }
-), Qi = ({
+), Ji = ({
   mode: e,
   fill: s,
   stroke: n,
@@ -4461,7 +4461,7 @@ const hs = ({ element: e, onElementUpdate: s, className: n }) => {
       ] })
     ] })
   }
-), Ji = ({
+), Pi = ({
   textureUrl: e,
   opacity: s,
   onTextureChange: n,
@@ -4791,7 +4791,7 @@ const hs = ({ element: e, onElementUpdate: s, className: n }) => {
     }
   )
 ] }) : e === "shapeColor" ? /* @__PURE__ */ h("div", { className: "sc:relative sc:flex sc:size-6 sc:items-center sc:justify-center sc:md:size-5", children: [
-  /* @__PURE__ */ t(P, { icon: "mdi:format-color-fill", className: "sc:text-primary sc:size-5 sc:md:size-4" }),
+  /* @__PURE__ */ t(Q, { icon: "mdi:format-color-fill", className: "sc:text-primary sc:size-5 sc:md:size-4" }),
   /* @__PURE__ */ t(
     "div",
     {
@@ -4799,7 +4799,7 @@ const hs = ({ element: e, onElementUpdate: s, className: n }) => {
       style: { background: o || "#3b82f6" }
     }
   )
-] }) : typeof s == "string" ? /* @__PURE__ */ t(P, { icon: s, className: "sc:text-primary sc:size-6 sc:md:size-5" }) : /* @__PURE__ */ t(Ve, { children: s }), Ae = ({ isOpen: e, children: s }) => /* @__PURE__ */ t(
+] }) : typeof s == "string" ? /* @__PURE__ */ t(Q, { icon: s, className: "sc:text-primary sc:size-6 sc:md:size-5" }) : /* @__PURE__ */ t(Ve, { children: s }), Ae = ({ isOpen: e, children: s }) => /* @__PURE__ */ t(
   "div",
   {
     className: "sc-secondary-toolbar-panel-wrapper",
@@ -4888,7 +4888,7 @@ const hs = ({ element: e, onElementUpdate: s, className: n }) => {
   isImageMaskPanelOpen: U,
   // Panel content
   alignPanel: se,
-  cornerRadiusPanel: Q,
+  cornerRadiusPanel: J,
   cropPanelContent: ee,
   rotationPanel: de,
   opacityPanel: X,
@@ -4940,7 +4940,7 @@ const hs = ({ element: e, onElementUpdate: s, className: n }) => {
         }
       ),
       /* @__PURE__ */ t(Ae, { isOpen: i, children: se }),
-      /* @__PURE__ */ t(Ae, { isOpen: f, children: Q }),
+      /* @__PURE__ */ t(Ae, { isOpen: f, children: J }),
       /* @__PURE__ */ t(Ae, { isOpen: b, children: ee }),
       /* @__PURE__ */ t(Ae, { isOpen: m, children: de }),
       /* @__PURE__ */ t(Ae, { isOpen: w, children: X }),
@@ -5079,7 +5079,7 @@ function ul(e, s) {
   return n;
 }
 const fs = /* @__PURE__ */ new Map(), Bs = /* @__PURE__ */ new Map();
-function Ps(e) {
+function Qs(e) {
   if (e.length === 0) return { rRange: 0, gRange: 0, bRange: 0 };
   let s = 255, n = 0, o = 255, r = 0, c = 255, i = 0;
   for (const f of e)
@@ -5096,8 +5096,8 @@ function pl(e) {
 function hl(e) {
   const s = fl(e), n = e.pixels.slice().sort((i, f) => i[s] - f[s]), o = n.length >> 1, r = n.slice(0, o), c = n.slice(o);
   return [
-    { pixels: r, ...Ps(r) },
-    { pixels: c, ...Ps(c) }
+    { pixels: r, ...Qs(r) },
+    { pixels: c, ...Qs(c) }
   ];
 }
 function ml(e) {
@@ -5113,7 +5113,7 @@ function ml(e) {
 }
 function gl(e, s) {
   if (e.length === 0) return [];
-  const n = [{ pixels: e, ...Ps(e) }];
+  const n = [{ pixels: e, ...Qs(e) }];
   for (; n.length < s; ) {
     let o = -1, r = 0;
     for (let i = 0; i < n.length; i++) {
@@ -5248,8 +5248,8 @@ const Do = ({ services: e, ...s }) => {
   onLayerThumbnailClick: q,
   partAttr: B
 }) => {
-  var Vn, Yn, Xn, qn, Kn, Gn, Zn, Pn, Qn, Jn, eo, to, so, no, oo, co, ao, ro, io;
-  const { panOffset: U } = Ro(), { multiSelection: se, setSelectedId: Q } = fr(), {
+  var Vn, Yn, Xn, qn, Kn, Gn, Zn, Qn, Jn, Pn, eo, to, so, no, oo, co, ao, ro, io;
+  const { panOffset: U } = Ro(), { multiSelection: se, setSelectedId: J } = fr(), {
     expandedPanelType: ee,
     setExpandedPanelType: de,
     setIsToolbarMenuOpen: X,
@@ -5269,7 +5269,7 @@ const Do = ({ services: e, ...s }) => {
     executeAddElement: ye,
     executeReorderElement: Ie,
     refreshArtboards: ze
-  } = ms(), { removeBackground: p } = Lo(), C = Di({ canvasEditorRef: Ce }), [R, $] = T("root"), [G, ke] = T(null), [H, ae] = T(null), [Qe, ve] = T(!1), [We, Je] = T(!1), [et] = T(!1), [tt, yt] = T(!1), [ct, $e] = T(!1), [l, ce] = T(() => N && {
+  } = ms(), { removeBackground: p } = Lo(), C = Di({ canvasEditorRef: Ce }), [R, $] = T("root"), [G, ke] = T(null), [H, ae] = T(null), [Je, ve] = T(!1), [We, Pe] = T(!1), [et] = T(!1), [tt, yt] = T(!1), [ct, $e] = T(!1), [l, ce] = T(() => N && {
     cornerRadius: { type: "cornerRadius", icon: "lucide:square-round-corner", label: "Corner Radius" },
     crop: { type: "crop", icon: "lucide:crop", label: "Crop" },
     rotation: { type: "rotation", icon: le.rotateLeft, label: "Rotate" },
@@ -5278,7 +5278,7 @@ const Do = ({ services: e, ...s }) => {
   }[N] || null), [at, ie] = T(!1), [rt, Le] = T(!1), [Kt, xt] = T(!1), [vt, it] = T(!1), [Ct, wt] = T(null), [Gt, kt] = T(null), [lt, en] = T({ width: 0, height: 0 }), ut = V(null), ft = V(null), Cs = V(0), tn = V(!1), sn = V(!1), ws = V(null), yc = V(void 0), Zt = V(null), nn = V(ee), on = V(void 0), cn = V(void 0), an = V(!1), rn = V(!1), xc = V(!!N), ln = V(!1), dn = V(l), un = V(null), fn = V(() => {
   }), ks = V(void 0), pn = V(void 0);
   rn.current = K;
-  const d = te || A, Pt = d == null ? void 0 : d.id, pt = A == null ? void 0 : A.id, It = d == null ? void 0 : d.transformType, { fontColor: Ts, getEffectiveStyle: vc, handleFontColorChange: Ns } = C, Rt = !!(A && !K), O = S(
+  const d = te || A, Qt = d == null ? void 0 : d.id, pt = A == null ? void 0 : A.id, It = d == null ? void 0 : d.transformType, { fontColor: Ts, getEffectiveStyle: vc, handleFontColorChange: Ns } = C, Rt = !!(A && !K), O = S(
     (a) => {
       if (A)
         if (te) {
@@ -5342,7 +5342,7 @@ const Do = ({ services: e, ...s }) => {
   }, [p, Ss, d, bn]);
   Z(() => {
     Ds(null);
-  }, [Pt]);
+  }, [Qt]);
   const kc = S(
     (a) => {
       if (!d || d.transformType !== "shape") return;
@@ -5402,7 +5402,7 @@ const Do = ({ services: e, ...s }) => {
     );
   }, [E]), Lc = S(() => {
     M ? M() : ce((a) => (a == null ? void 0 : a.type) === "crop" ? null : { type: "crop", icon: "lucide:crop", label: "Crop" });
-  }, [M]), Qt = S(() => {
+  }, [M]), Jt = S(() => {
     ce(
       (a) => (a == null ? void 0 : a.type) === "rotation" ? null : { type: "rotation", icon: le.rotateLeft, label: "Rotate" }
     );
@@ -5455,7 +5455,7 @@ const Do = ({ services: e, ...s }) => {
     ce(
       (a) => (a == null ? void 0 : a.type) === "textColor" ? null : { type: "textColor", icon: le.palette, label: "Font Color" }
     );
-  }, []), Jt = S(() => {
+  }, []), Pt = S(() => {
     ce(
       (a) => (a == null ? void 0 : a.type) === "compositing" ? null : { type: "compositing", icon: "lucide:scissors", label: "Clip / Knockout" }
     );
@@ -5504,8 +5504,8 @@ const Do = ({ services: e, ...s }) => {
     }
   }, [A, Y, Ie]), Es = S(() => {
     const a = te || A;
-    a && (Ee(a), Q(null));
-  }, [te, A, Ee, Q]), Kc = S(() => {
+    a && (Ee(a), J(null));
+  }, [te, A, Ee, J]), Kc = S(() => {
     if (!d) return;
     const a = d.clone();
     a.locked = !d.locked, O(a);
@@ -5519,8 +5519,8 @@ const Do = ({ services: e, ...s }) => {
       const fe = _.clone();
       return fe.x = _.x + a.x, fe.y = _.y + a.y, fe;
     });
-    Ee(a), F.forEach((_) => ye(_, u)), Q(F.length > 0 ? F[0].id : null);
-  }, [A, W, Ee, ye, Q]), Gc = S(
+    Ee(a), F.forEach((_) => ye(_, u)), J(F.length > 0 ? F[0].id : null);
+  }, [A, W, Ee, ye, J]), Gc = S(
     (a) => {
       if (!d) return;
       const u = d.clone();
@@ -5532,7 +5532,7 @@ const Do = ({ services: e, ...s }) => {
     const a = d.clone();
     let u = Math.floor(a.rotation / 90) * 90 + 90;
     u = (u % 360 + 360) % 360, u > 180 && (u -= 360), a.rotation = u, O(a);
-  }, [d, O]), Pc = S(
+  }, [d, O]), Qc = S(
     (a) => {
       if (!d) return;
       const u = d.clone();
@@ -5555,9 +5555,9 @@ const Do = ({ services: e, ...s }) => {
       }
     },
     [d, te, O, vn]
-  ), Qc = S(() => {
+  ), Jc = S(() => {
     Lt.current = !1;
-  }, []), Jc = S(() => {
+  }, []), Pc = S(() => {
     Lt.current = !1, Is({ ...Bo }), Lt.current = !1;
   }, [Is]), ea = S(
     (a) => {
@@ -5935,14 +5935,14 @@ const Do = ({ services: e, ...s }) => {
       return () => clearTimeout(F);
     }
   }, [Rt, K, pt, e, It]), Z(() => {
-    if (vt && H && Ct === Pt) {
+    if (vt && H && Ct === Qt) {
       it(!1), ie(!0);
       const a = setTimeout(() => {
         ie(!1);
       }, 200);
       return () => clearTimeout(a);
     }
-  }, [vt, H, Ct, Pt]), Mo(() => {
+  }, [vt, H, Ct, Qt]), Mo(() => {
     if (e !== "embedded") return;
     const a = cn.current;
     if (a !== void 0 && It !== void 0 && a !== It && Cs.current > 0 && Gt === null) {
@@ -6040,7 +6040,7 @@ const Do = ({ services: e, ...s }) => {
         adjustExpanded: (l == null ? void 0 : l.type) === "adjust",
         onAdjustToggle: Ac,
         rotationExpanded: (l == null ? void 0 : l.type) === "rotation",
-        onRotationToggle: Qt,
+        onRotationToggle: Jt,
         opacityExpanded: (l == null ? void 0 : l.type) === "opacity",
         onOpacityToggle: Ms,
         strokeExpanded: (l == null ? void 0 : l.type) === "stroke",
@@ -6050,7 +6050,7 @@ const Do = ({ services: e, ...s }) => {
         blendModeExpanded: (l == null ? void 0 : l.type) === "blendMode",
         onBlendModeToggle: os,
         knockoutExpanded: (l == null ? void 0 : l.type) === "compositing",
-        onKnockoutToggle: Jt,
+        onKnockoutToggle: Pt,
         distressTextureExpanded: (l == null ? void 0 : l.type) === "distressTexture",
         onDistressTextureToggle: es,
         imageMaskExpanded: (l == null ? void 0 : l.type) === "imageMask",
@@ -6062,7 +6062,7 @@ const Do = ({ services: e, ...s }) => {
       {
         element: A,
         rotationExpanded: (l == null ? void 0 : l.type) === "rotation",
-        onRotationToggle: Qt,
+        onRotationToggle: Jt,
         opacityExpanded: (l == null ? void 0 : l.type) === "opacity",
         onOpacityToggle: Ms,
         strokeExpanded: (l == null ? void 0 : l.type) === "stroke",
@@ -6072,7 +6072,7 @@ const Do = ({ services: e, ...s }) => {
         blendModeExpanded: (l == null ? void 0 : l.type) === "blendMode",
         onBlendModeToggle: os,
         knockoutExpanded: (l == null ? void 0 : l.type) === "compositing",
-        onKnockoutToggle: Jt,
+        onKnockoutToggle: Pt,
         distressTextureExpanded: (l == null ? void 0 : l.type) === "distressTexture",
         onDistressTextureToggle: es,
         imageMaskExpanded: (l == null ? void 0 : l.type) === "imageMask",
@@ -6094,7 +6094,7 @@ const Do = ({ services: e, ...s }) => {
         onOpenShapeTypeDrawer: ha,
         onDelete: Es,
         rotationExpanded: (l == null ? void 0 : l.type) === "rotation",
-        onRotationToggle: Qt,
+        onRotationToggle: Jt,
         cornerRadiusExpanded: (l == null ? void 0 : l.type) === "shapeCornerRadius",
         onCornerRadiusToggle: $c,
         transparencyExpanded: (l == null ? void 0 : l.type) === "shapeTransparency",
@@ -6114,7 +6114,7 @@ const Do = ({ services: e, ...s }) => {
         blendModeExpanded: (l == null ? void 0 : l.type) === "blendMode",
         onBlendModeToggle: os,
         knockoutExpanded: (l == null ? void 0 : l.type) === "compositing",
-        onKnockoutToggle: Jt,
+        onKnockoutToggle: Pt,
         distressTextureExpanded: (l == null ? void 0 : l.type) === "distressTexture",
         onDistressTextureToggle: es,
         imageMaskExpanded: (l == null ? void 0 : l.type) === "imageMask",
@@ -6134,7 +6134,7 @@ const Do = ({ services: e, ...s }) => {
       Ti,
       {
         toolbar: C,
-        stableElementId: Pt,
+        stableElementId: Qt,
         viewportWidth: c,
         colorPickerValue: Rs,
         isColorActive: (l == null ? void 0 : l.type) === "textColor",
@@ -6148,11 +6148,11 @@ const Do = ({ services: e, ...s }) => {
         onBlendModeToggle: os,
         hasGlyphs: f,
         expandedPanel: l,
-        onRotationToggle: Qt,
+        onRotationToggle: Jt,
         onOpacityToggle: Ms,
         onFontSizeToggle: Fc,
         knockoutExpanded: (l == null ? void 0 : l.type) === "compositing",
-        onKnockoutToggle: Jt,
+        onKnockoutToggle: Pt,
         distressTextureExpanded: (l == null ? void 0 : l.type) === "distressTexture",
         onDistressTextureToggle: es,
         imageMaskExpanded: (l == null ? void 0 : l.type) === "imageMask",
@@ -6164,7 +6164,7 @@ const Do = ({ services: e, ...s }) => {
         elementForProperties: d,
         elements: Y,
         isTransformMenuOpen: We,
-        onTransformMenuOpenChange: Je,
+        onTransformMenuOpenChange: Pe,
         elementUpdateHandler: O,
         showUngroupButton: !!te && (A == null ? void 0 : A.transformType) === "group",
         onUngroup: rs,
@@ -6236,13 +6236,13 @@ const Do = ({ services: e, ...s }) => {
         ) })
       ] })
     }
-  ) : null, zs = (l == null ? void 0 : l.type) === "align", Ls = (l == null ? void 0 : l.type) === "cornerRadius", As = (l == null ? void 0 : l.type) === "crop", Sn = (l == null ? void 0 : l.type) === "rotation", Dn = (l == null ? void 0 : l.type) === "opacity", Mn = (l == null ? void 0 : l.type) === "adjust", En = (l == null ? void 0 : l.type) === "fontSize", In = (l == null ? void 0 : l.type) === "shapeCornerRadius", Rn = (l == null ? void 0 : l.type) === "shapeTransparency", zn = (l == null ? void 0 : l.type) === "shapeSides", Ln = (l == null ? void 0 : l.type) === "shapePoints", An = (l == null ? void 0 : l.type) === "shapeInnerRadius", Fn = (l == null ? void 0 : l.type) === "shapeColor", On = (l == null ? void 0 : l.type) === "textColor", _n = (l == null ? void 0 : l.type) === "compositing", Bn = (l == null ? void 0 : l.type) === "distressTexture", Un = (l == null ? void 0 : l.type) === "stroke", $n = (l == null ? void 0 : l.type) === "shadow", jn = (l == null ? void 0 : l.type) === "blendMode", Hn = (l == null ? void 0 : l.type) === "imageMask", Wn = (d == null ? void 0 : d.transformType) === "image" && ((qn = d.transformData) == null ? void 0 : qn.borderRadius) || 0, va = (d == null ? void 0 : d.rotation) || 0, Ca = (d == null ? void 0 : d.opacity) ?? 1, wa = ((Kn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Kn.borderRadius) || 0, ka = ((Gn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Gn.fillOpacity) ?? 1, Ta = ((Zn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Zn.sides) || 5, Na = ((Pn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Pn.points) || 5, Sa = ((Qn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Qn.innerRadius) || 0.4, Da = ((Jn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Jn.fillColor) || "#3b82f6", Ma = (eo = ne == null ? void 0 : ne.transformData) == null ? void 0 : eo.fill, Ea = ((to = d == null ? void 0 : d.knockoutParts) == null ? void 0 : to.fill) ?? !1, Ia = ((so = d == null ? void 0 : d.knockoutParts) == null ? void 0 : so.stroke) ?? !1, Ra = ((no = d == null ? void 0 : d.knockoutParts) == null ? void 0 : no.scope) ?? "group", za = (d == null ? void 0 : d.blendMode) === "clip" ? "clip" : "knockout", La = zs && d ? /* @__PURE__ */ t(gc, { onAlign: yn }) : null, Aa = Ls && (d == null ? void 0 : d.transformType) === "image" ? /* @__PURE__ */ t(Ui, { value: Wn, onChange: hn }) : null, Fa = As && (d == null ? void 0 : d.transformType) === "image" ? /* @__PURE__ */ t(cl, { element: d, onElementUpdate: O }) : null, Oa = Sn && d ? /* @__PURE__ */ t($i, { value: va, onChange: Gc, onRotate90: Zc }) : null, _a = Dn && d ? /* @__PURE__ */ t(Hi, { value: Ca, onChange: Pc }) : null, Ba = (d == null ? void 0 : d.transformType) === "image" ? (oo = d.transformData) == null ? void 0 : oo.adjustments : void 0, Ua = Mn && (d == null ? void 0 : d.transformType) === "image" ? /* @__PURE__ */ t(
+  ) : null, zs = (l == null ? void 0 : l.type) === "align", Ls = (l == null ? void 0 : l.type) === "cornerRadius", As = (l == null ? void 0 : l.type) === "crop", Sn = (l == null ? void 0 : l.type) === "rotation", Dn = (l == null ? void 0 : l.type) === "opacity", Mn = (l == null ? void 0 : l.type) === "adjust", En = (l == null ? void 0 : l.type) === "fontSize", In = (l == null ? void 0 : l.type) === "shapeCornerRadius", Rn = (l == null ? void 0 : l.type) === "shapeTransparency", zn = (l == null ? void 0 : l.type) === "shapeSides", Ln = (l == null ? void 0 : l.type) === "shapePoints", An = (l == null ? void 0 : l.type) === "shapeInnerRadius", Fn = (l == null ? void 0 : l.type) === "shapeColor", On = (l == null ? void 0 : l.type) === "textColor", _n = (l == null ? void 0 : l.type) === "compositing", Bn = (l == null ? void 0 : l.type) === "distressTexture", Un = (l == null ? void 0 : l.type) === "stroke", $n = (l == null ? void 0 : l.type) === "shadow", jn = (l == null ? void 0 : l.type) === "blendMode", Hn = (l == null ? void 0 : l.type) === "imageMask", Wn = (d == null ? void 0 : d.transformType) === "image" && ((qn = d.transformData) == null ? void 0 : qn.borderRadius) || 0, va = (d == null ? void 0 : d.rotation) || 0, Ca = (d == null ? void 0 : d.opacity) ?? 1, wa = ((Kn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Kn.borderRadius) || 0, ka = ((Gn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Gn.fillOpacity) ?? 1, Ta = ((Zn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Zn.sides) || 5, Na = ((Qn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Qn.points) || 5, Sa = ((Jn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Jn.innerRadius) || 0.4, Da = ((Pn = ne == null ? void 0 : ne.transformData) == null ? void 0 : Pn.fillColor) || "#3b82f6", Ma = (eo = ne == null ? void 0 : ne.transformData) == null ? void 0 : eo.fill, Ea = ((to = d == null ? void 0 : d.knockoutParts) == null ? void 0 : to.fill) ?? !1, Ia = ((so = d == null ? void 0 : d.knockoutParts) == null ? void 0 : so.stroke) ?? !1, Ra = ((no = d == null ? void 0 : d.knockoutParts) == null ? void 0 : no.scope) ?? "group", za = (d == null ? void 0 : d.blendMode) === "clip" ? "clip" : "knockout", La = zs && d ? /* @__PURE__ */ t(gc, { onAlign: yn }) : null, Aa = Ls && (d == null ? void 0 : d.transformType) === "image" ? /* @__PURE__ */ t(Ui, { value: Wn, onChange: hn }) : null, Fa = As && (d == null ? void 0 : d.transformType) === "image" ? /* @__PURE__ */ t(cl, { element: d, onElementUpdate: O }) : null, Oa = Sn && d ? /* @__PURE__ */ t($i, { value: va, onChange: Gc, onRotate90: Zc }) : null, _a = Dn && d ? /* @__PURE__ */ t(Hi, { value: Ca, onChange: Qc }) : null, Ba = (d == null ? void 0 : d.transformType) === "image" ? (oo = d.transformData) == null ? void 0 : oo.adjustments : void 0, Ua = Mn && (d == null ? void 0 : d.transformType) === "image" ? /* @__PURE__ */ t(
     Wi,
     {
       adjustments: Ba,
       onChange: Is,
-      onChangeEnd: Qc,
-      onReset: Jc
+      onChangeEnd: Jc,
+      onReset: Pc
     }
   ) : null, $a = En ? /* @__PURE__ */ t(
     ji,
@@ -6256,8 +6256,8 @@ const Do = ({ services: e, ...s }) => {
       lineHeightValue: Uc,
       onLineHeightChange: C.handleLineHeightChange
     }
-  ) : null, ja = In && ne ? /* @__PURE__ */ t(Vi, { value: wa, onChange: kc }) : null, Ha = Rn && ne ? /* @__PURE__ */ t(Yi, { value: ka, onChange: Tc }) : null, Wa = zn && ne ? /* @__PURE__ */ t(Xi, { value: Ta, onChange: Nc }) : null, Va = Ln && ne ? /* @__PURE__ */ t(qi, { value: Na, onChange: Sc }) : null, Ya = An && ne ? /* @__PURE__ */ t(Ki, { value: Sa, onChange: Dc }) : null, Xa = Fn && ne ? /* @__PURE__ */ t(Zi, { value: Da, onChange: Mc, fill: Ma, onFillChange: Ec, documentColors: At, imageColors: Ft }) : null, qa = On && d ? /* @__PURE__ */ t(Pi, { value: Rs, onChange: ma, documentColors: At, imageColors: Ft }) : null, Ka = _n && d ? /* @__PURE__ */ t(
-    Qi,
+  ) : null, ja = In && ne ? /* @__PURE__ */ t(Vi, { value: wa, onChange: kc }) : null, Ha = Rn && ne ? /* @__PURE__ */ t(Yi, { value: ka, onChange: Tc }) : null, Wa = zn && ne ? /* @__PURE__ */ t(Xi, { value: Ta, onChange: Nc }) : null, Va = Ln && ne ? /* @__PURE__ */ t(qi, { value: Na, onChange: Sc }) : null, Ya = An && ne ? /* @__PURE__ */ t(Ki, { value: Sa, onChange: Dc }) : null, Xa = Fn && ne ? /* @__PURE__ */ t(Zi, { value: Da, onChange: Mc, fill: Ma, onFillChange: Ec, documentColors: At, imageColors: Ft }) : null, qa = On && d ? /* @__PURE__ */ t(Qi, { value: Rs, onChange: ma, documentColors: At, imageColors: Ft }) : null, Ka = _n && d ? /* @__PURE__ */ t(
+    Ji,
     {
       mode: za,
       fill: Ea,
@@ -6284,21 +6284,21 @@ const Do = ({ services: e, ...s }) => {
       documentColors: At,
       imageColors: Ft
     }
-  ) : null, Pa = jn && d ? /* @__PURE__ */ t(
+  ) : null, Qa = jn && d ? /* @__PURE__ */ t(
     ol,
     {
       blendMode: Fo(d.blendMode) ? d.blendMode : "normal",
       onChange: fa
     }
-  ) : null, Qa = Bn && d ? /* @__PURE__ */ t(
-    Ji,
+  ) : null, Ja = Bn && d ? /* @__PURE__ */ t(
+    Pi,
     {
       textureUrl: ((co = d.distressEffect) == null ? void 0 : co.textureUrl) ?? "",
       opacity: Math.round((((ao = d.distressEffect) == null ? void 0 : ao.textureOpacity) ?? 0.5) * 100),
       onTextureChange: oa,
       onOpacityChange: ca
     }
-  ) : null, Xe = (ro = d == null ? void 0 : d.masks) == null ? void 0 : ro.find((a) => a.id === "quick-image-mask"), Ja = Hn && d ? /* @__PURE__ */ t(
+  ) : null, Xe = (ro = d == null ? void 0 : d.masks) == null ? void 0 : ro.find((a) => a.id === "quick-image-mask"), Pa = Hn && d ? /* @__PURE__ */ t(
     el,
     {
       imageUrl: ((io = Xe == null ? void 0 : Xe.maskElement) == null ? void 0 : io.imageUrl) ?? "",
@@ -6408,11 +6408,11 @@ const Do = ({ services: e, ...s }) => {
       textColorPanel: qa,
       strokePanel: Ga,
       shadowPanel: Za,
-      blendModePanel: Pa,
+      blendModePanel: Qa,
       knockoutPanel: Ka,
-      distressTexturePanel: Qa,
+      distressTexturePanel: Ja,
       alignPanel: La,
-      imageMaskPanel: Ja
+      imageMaskPanel: Pa
     }
   ) : null, nr = lt.width > 0 ? Math.max(lt.width, 200) : 280, or = e === "floating" && Ls && (d == null ? void 0 : d.transformType) === "image" && H ? /* @__PURE__ */ t(
     il,
@@ -6499,20 +6499,20 @@ const Do = ({ services: e, ...s }) => {
 export {
   di as A,
   lc as B,
-  Et as C,
+  Do as C,
   Vo as D,
   fi as F,
   ri as I,
   gi as M,
-  Pe as P,
+  Qe as P,
   ii as S,
   wi as T,
   vi as U,
-  Ge as a,
-  Ye as b,
-  yi as c,
-  Do as d,
-  hs as e,
+  hs as a,
+  Ge as b,
+  Ye as c,
+  yi as d,
+  Et as e,
   bi as f,
   xi as g,
   li as h,
@@ -6529,4 +6529,4 @@ export {
   Fl as s,
   Ei as u
 };
-//# sourceMappingURL=ContextualToolbars-CG5Gmv_i.js.map
+//# sourceMappingURL=ContextualToolbars-C62As-xY.js.map