lizaui 3.0.19 → 3.0.21

package/dist/chunks/{index-BxJKdzwL.js → index-mYE_k9Xd.js}

@@ -1,8 +1,8 @@
 import { j as g } from "./jsx-runtime-BYq8_R6m.js";
 import * as d from "react";
-import Ge, { useContext as Vt, Component as Ii, useId as Ni, useState as Ve, useEffect as Fe, forwardRef as Kt, createElement as je, createContext as Mi, useRef as ve, useLayoutEffect as Li, useImperativeHandle as dr, useCallback as ge, useMemo as ji } from "react";
+import Ge, { useContext as Vt, Component as Ii, useId as Ni, useState as Ve, useEffect as Fe, forwardRef as Kt, createElement as ke, createContext as Mi, useRef as ve, useLayoutEffect as Li, useImperativeHandle as dr, useCallback as ge, useMemo as ki } from "react";
 import { c as oe } from "./variants-DhZQjbsQ.js";
-import { t as ki } from "./tv-ButAo3dF.js";
+import { t as ji } from "./tv-ButAo3dF.js";
 import { t as Me } from "./bundle-mjs-kGHm2Pod.js";
 import { c as de, L as fr } from "./utils-C3tlRhMf.js";
 import { c as Xe } from "./clsx-OuTLNxxd.js";
@@ -156,13 +156,13 @@ function mo(e, t) {
   let n = t.min - e.min, o = t.max - e.max;
   return t.max - t.min < e.max - e.min && ([n, o] = [o, n]), { min: n, max: o };
 }
-function ja(e, t) {
+function ka(e, t) {
   return {
     x: mo(e.x, t.x),
     y: mo(e.y, t.y)
   };
 }
-function ka(e, t) {
+function ja(e, t) {
   let n = 0.5;
   const o = pe(e), i = pe(t);
   return i > o ? n = An(t.min, t.max - o, e.min) : o > i && (n = An(e.min, e.max - i, t.min)), pr(0, 1, n);
@@ -283,7 +283,7 @@ class Ba {
     if (!i || !i.layout)
       return !1;
     const a = Hi(o, i.root, this.visualElement.getTransformPagePoint());
-    let r = ja(i.layout.layoutBox, a);
+    let r = ka(i.layout.layoutBox, a);
     if (n) {
       const s = n(Ui(r));
       this.hasMutatedConstraints = !!s, s && (r = Gi(s));
@@ -367,7 +367,7 @@ class Ba {
       const s = this.getAxisMotionValue(r);
       if (s && this.constraints !== !1) {
         const l = s.get();
-        i[r] = ka({ min: l, max: l }, this.constraints[r]);
+        i[r] = ja({ min: l, max: l }, this.constraints[r]);
       }
     });
     const { transformTemplate: a } = this.visualElement.getProps();
@@ -728,7 +728,7 @@ function hn(e, t, n, o) {
   const { latestValues: i } = t;
   i[e] && (n[e] = i[e], t.setStaticValue(e, 0), o && (o[e] = 0));
 }
-function jr(e) {
+function kr(e) {
   if (e.hasCheckedOptimisedAppear = !0, e.root === e)
     return;
   const { visualElement: t } = e.options;
@@ -740,9 +740,9 @@ function jr(e) {
     window.MotionCancelOptimisedAnimation(n, "transform", Pe, !(i || a));
   }
   const { parent: o } = e;
-  o && !o.hasCheckedOptimisedAppear && jr(o);
+  o && !o.hasCheckedOptimisedAppear && kr(o);
 }
-function kr({ attachResizeListener: e, defaultParent: t, measureScroll: n, checkIsScrollRoot: o, resetTransform: i }) {
+function jr({ attachResizeListener: e, defaultParent: t, measureScroll: n, checkIsScrollRoot: o, resetTransform: i }) {
   return class {
     constructor(r = {}, s = t == null ? void 0 : t()) {
       this.id = ll++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
@@ -776,7 +776,7 @@ function kr({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         let u;
         const f = () => this.root.updateBlockedByResize = !1;
         e(r, () => {
-          this.root.updateBlockedByResize = !0, u && u(), u = Ya(f, 250), Ot.hasAnimatedSinceResize && (Ot.hasAnimatedSinceResize = !1, this.nodes.forEach(jo));
+          this.root.updateBlockedByResize = !0, u && u(), u = Ya(f, 250), Ot.hasAnimatedSinceResize && (Ot.hasAnimatedSinceResize = !1, this.nodes.forEach(ko));
         });
       }
       s && this.root.registerSharedNode(s, this), this.options.animate !== !1 && c && (s || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: f, hasRelativeLayoutChanged: h, layout: m }) => {
@@ -794,7 +794,7 @@ function kr({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           };
           (c.shouldReduceMotion || this.options.layoutRoot) && (w.delay = 0, w.type = !1), this.startAnimation(w), this.setAnimationOrigin(u, S);
         } else
-          f || jo(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+          f || ko(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = m;
       });
     }
@@ -829,7 +829,7 @@ function kr({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         this.options.onExitComplete && this.options.onExitComplete();
         return;
       }
-      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && jr(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && kr(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
         return;
       this.isLayoutDirty = !0;
       for (let u = 0; u < this.path.length; u++) {
@@ -1047,7 +1047,7 @@ function kr({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       let w;
       this.mixTargetDelta = (C) => {
         const A = C / 1e3;
-        ko(f.x, r.x, A), ko(f.y, r.y, A), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (wt(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Sl(this.relativeTarget, this.relativeTargetOrigin, h, A), w && ol(this.relativeTarget, w) && (this.isProjectionDirty = !1), w || (w = le()), we(w, this.relativeTarget)), p && (this.animationValues = u, Za(u, c, this.latestValues, A, S, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = A;
+        jo(f.x, r.x, A), jo(f.y, r.y, A), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (wt(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Sl(this.relativeTarget, this.relativeTargetOrigin, h, A), w && ol(this.relativeTarget, w) && (this.isProjectionDirty = !1), w || (w = le()), we(w, this.relativeTarget)), p && (this.animationValues = u, Za(u, c, this.latestValues, A, S, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = A;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
@@ -1252,7 +1252,7 @@ function ml(e) {
   const { visualElement: t } = e.options;
   t && t.getProps().onBeforeLayoutMeasure && t.notify("BeforeLayoutMeasure"), e.resetTransform();
 }
-function jo(e) {
+function ko(e) {
   e.finishAnimation(), e.targetDelta = e.relativeTarget = e.target = void 0, e.isProjectionDirty = !0;
 }
 function gl(e) {
@@ -1267,7 +1267,7 @@ function yl(e) {
 function xl(e) {
   e.removeLeadSnapshot();
 }
-function ko(e, t, n) {
+function jo(e, t, n) {
   e.translate = ce(t.translate, 0, n), e.scale = ce(t.scale, 1, n), e.origin = t.origin, e.originPoint = t.originPoint;
 }
 function Oo(e, t, n, o) {
@@ -1296,7 +1296,7 @@ function Cl(e) {
   var t;
   return e !== e.root && ((t = e.scroll) == null ? void 0 : t.wasRoot);
 }
-const El = kr({
+const El = jr({
   attachResizeListener: (e, t) => Bn(e, "resize", t),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
@@ -1305,7 +1305,7 @@ const El = kr({
   checkIsScrollRoot: () => !0
 }), pn = {
   current: void 0
-}, _r = kr({
+}, _r = jr({
   measureScroll: (e) => ({
     x: e.scrollLeft,
     y: e.scrollTop
@@ -1340,7 +1340,7 @@ const El = kr({
   ...aa,
   ...Rl,
   ...Tl
-}, ia), mn = /* @__PURE__ */ ca(Al), Dl = ki({
+}, ia), mn = /* @__PURE__ */ ca(Al), Dl = ji({
   slots: {
     base: ["relative", "inline-flex", "shrink-0"],
     badge: [
@@ -1895,7 +1895,7 @@ var Ml = [
 function Ll(e, t) {
   e && Vn.flushSync(() => e.dispatchEvent(t));
 }
-const jl = zr(["flex items-center cursor-pointer relative rounded-full p-0.5 px-1 relative overflow-hidden"], {
+const kl = zr(["flex items-center cursor-pointer relative rounded-full p-0.5 px-1 relative overflow-hidden"], {
   variants: {
     color: {
       primary: "bg-primary",
@@ -1915,7 +1915,7 @@ const jl = zr(["flex items-center cursor-pointer relative rounded-full p-0.5 px-
     color: "primary",
     size: "md"
   }
-}), kl = ({
+}), jl = ({
   id: e = null,
   color: t,
   size: n = "md",
@@ -1970,7 +1970,7 @@ const jl = zr(["flex items-center cursor-pointer relative rounded-full p-0.5 px-
         "label",
         {
           htmlFor: S,
-          className: de(jl({ size: n, color: t }), F),
+          className: de(kl({ size: n, color: t }), F),
           children: [
             /* @__PURE__ */ g.jsx(
               "input",
@@ -2025,7 +2025,7 @@ const jl = zr(["flex items-center cursor-pointer relative rounded-full p-0.5 px-
     !i && c && u && /* @__PURE__ */ g.jsx(fr, { text: c })
   ] });
 };
-kl.displayName = "Switch";
+jl.displayName = "Switch";
 function te(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(i) {
     if (e == null || e(i), n === !1 || !i.defaultPrevented)
@@ -2531,7 +2531,7 @@ var Xr = "PopperAnchor", Yr = d.forwardRef(
 Yr.displayName = Xr;
 var Hn = "PopperContent", [dc, fc] = Hr(Hn), qr = d.forwardRef(
   (e, t) => {
-    var b, R, _, k, $, V;
+    var b, R, _, j, $, V;
     const {
       __scopePopper: n,
       side: o = "bottom",
@@ -2573,9 +2573,9 @@ var Hn = "PopperContent", [dc, fc] = Hr(Hn), qr = d.forwardRef(
         l && ma({ ...B }),
         ga({
           ...B,
-          apply: ({ elements: G, rects: T, availableWidth: j, availableHeight: Q }) => {
+          apply: ({ elements: G, rects: T, availableWidth: k, availableHeight: Q }) => {
             const { width: se, height: Z } = T.reference, Y = G.floating.style;
-            Y.setProperty("--radix-popper-available-width", `${j}px`), Y.setProperty("--radix-popper-available-height", `${Q}px`), Y.setProperty("--radix-popper-anchor-width", `${se}px`), Y.setProperty("--radix-popper-anchor-height", `${Z}px`);
+            Y.setProperty("--radix-popper-available-width", `${k}px`), Y.setProperty("--radix-popper-available-height", `${Q}px`), Y.setProperty("--radix-popper-anchor-width", `${se}px`), Y.setProperty("--radix-popper-anchor-height", `${Z}px`);
           }
         }),
         C && va({ element: C, padding: s }),
@@ -2601,7 +2601,7 @@ var Hn = "PopperContent", [dc, fc] = Hr(Hn), qr = d.forwardRef(
           minWidth: "max-content",
           zIndex: M,
           "--radix-popper-transform-origin": [
-            (k = J.transformOrigin) == null ? void 0 : k.x,
+            (j = J.transformOrigin) == null ? void 0 : j.x,
             ($ = J.transformOrigin) == null ? void 0 : $.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
@@ -2902,7 +2902,7 @@ function Mc(e, t) {
 function Lc(e) {
   return e;
 }
-function jc(e, t) {
+function kc(e, t) {
   t === void 0 && (t = Lc);
   var n = [], o = !1, i = {
     read: function() {
@@ -2957,9 +2957,9 @@ function jc(e, t) {
   };
   return i;
 }
-function kc(e) {
+function jc(e) {
   e === void 0 && (e = {});
-  var t = jc(null);
+  var t = kc(null);
   return t.options = Ae({ async: !0, ssr: !1 }, e), t;
 }
 var os = function(e) {
@@ -2975,7 +2975,7 @@ os.isSideCarExport = !0;
 function Oc(e, t) {
   return e.useMedium(t), os;
 }
-var rs = kc(), wn = function() {
+var rs = jc(), wn = function() {
 }, qt = d.forwardRef(function(e, t) {
   var n = d.useRef(null), o = d.useState({
     onScrollCapture: wn,
@@ -3198,7 +3198,7 @@ var ot = Mn ? { passive: !1 } : !1, qc = function(e) {
     l && (t.contains(s) || t === s)
   );
   return (u && Math.abs(f) < 1 || !u && Math.abs(h) < 1) && (c = !0), c;
-}, jt = function(e) {
+}, kt = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, Jo = function(e) {
   return [e.deltaX, e.deltaY];
@@ -3232,7 +3232,7 @@ function iu(e) {
   var s = d.useCallback(function(p, v) {
     if ("touches" in p && p.touches.length === 2 || p.type === "wheel" && p.ctrlKey)
       return !r.current.allowPinchZoom;
-    var y = jt(p), S = n.current, w = "deltaX" in p ? p.deltaX : S[0] - y[0], C = "deltaY" in p ? p.deltaY : S[1] - y[1], A, D = p.target, P = Math.abs(w) > Math.abs(C) ? "h" : "v";
+    var y = kt(p), S = n.current, w = "deltaX" in p ? p.deltaX : S[0] - y[0], C = "deltaY" in p ? p.deltaY : S[1] - y[1], A, D = p.target, P = Math.abs(w) > Math.abs(C) ? "h" : "v";
     if ("touches" in p && P === "h" && D.type === "range")
       return !1;
     var F = Zo(P, D);
@@ -3247,7 +3247,7 @@ function iu(e) {
   }, []), l = d.useCallback(function(p) {
     var v = p;
     if (!(!rt.length || rt[rt.length - 1] !== a)) {
-      var y = "deltaY" in v ? Jo(v) : jt(v), S = t.current.filter(function(A) {
+      var y = "deltaY" in v ? Jo(v) : kt(v), S = t.current.filter(function(A) {
         return A.name === v.type && (A.target === v.target || v.target === A.shadowParent) && ou(A.delta, y);
       })[0];
       if (S && S.should) {
@@ -3269,11 +3269,11 @@ function iu(e) {
       });
     }, 1);
   }, []), u = d.useCallback(function(p) {
-    n.current = jt(p), o.current = void 0;
+    n.current = kt(p), o.current = void 0;
   }, []), f = d.useCallback(function(p) {
     c(p.type, Jo(p), p.target, s(p, e.lockRef.current));
   }, []), h = d.useCallback(function(p) {
-    c(p.type, jt(p), p.target, s(p, e.lockRef.current));
+    c(p.type, kt(p), p.target, s(p, e.lockRef.current));
   }, []);
   d.useEffect(function() {
     return rt.push(a), e.setCallbacks({
@@ -3336,7 +3336,7 @@ const hu = Kt(
     children: a,
     iconNode: r,
     ...s
-  }, l) => je(
+  }, l) => ke(
     "svg",
     {
       ref: l,
@@ -3350,14 +3350,14 @@ const hu = Kt(
       ...s
     },
     [
-      ...r.map(([c, u]) => je(c, u)),
+      ...r.map(([c, u]) => ke(c, u)),
       ...Array.isArray(a) ? a : [a]
     ]
   )
 );
 const Zt = (e, t) => {
   const n = Kt(
-    ({ className: o, ...i }, a) => je(hu, {
+    ({ className: o, ...i }, a) => ke(hu, {
       ref: a,
       iconNode: t,
       className: cs(
@@ -3485,7 +3485,7 @@ function ds({
     }
   }), [y, S, w, D, H, L]);
   const B = C(O.current, i);
-  return je(x, {
+  return ke(x, {
     ...p,
     children: e,
     className: t,
@@ -3502,7 +3502,7 @@ function ds({
     [ie.panelSize]: parseFloat("" + B.flexGrow).toFixed(1)
   });
 }
-const Pu = Kt((e, t) => je(ds, {
+const Pu = Kt((e, t) => ke(ds, {
   ...e,
   forwardedRef: t
 }));
@@ -3661,7 +3661,7 @@ function Lu(e, t, n, o, i) {
     }
   };
 }
-function ju(e) {
+function ku(e) {
   const {
     target: t
   } = e, {
@@ -3787,7 +3787,7 @@ function $t() {
     const {
       body: o
     } = n;
-    t > 0 && (o.addEventListener("pointerdown", ju, e), o.addEventListener("pointermove", Cn, e));
+    t > 0 && (o.addEventListener("pointerdown", ku, e), o.addEventListener("pointermove", Cn, e));
   }));
 }
 function Wt(e, t) {
@@ -3798,7 +3798,7 @@ function Wt(e, t) {
     o(e, i, t);
   });
 }
-function ku() {
+function ju() {
   const [e, t] = Ve(0);
   return ge(() => t((n) => n + 1), []);
 }
@@ -4207,7 +4207,7 @@ function st(e, t, n) {
     }
   });
 }
-function kt(e, t) {
+function jt(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -4359,7 +4359,7 @@ function As({
   tagName: u = "div",
   ...f
 }) {
-  const h = Xn(a), m = ve(null), [x, p] = Ve(null), [v, y] = Ve([]), S = ku(), w = ve({}), C = ve(/* @__PURE__ */ new Map()), A = ve(0), D = ve({
+  const h = Xn(a), m = ve(null), [x, p] = Ve(null), [v, y] = Ve([]), S = ju(), w = ve({}), C = ve(/* @__PURE__ */ new Map()), A = ve(0), D = ve({
     autoSaveId: e,
     direction: o,
     dragState: x,
@@ -4431,7 +4431,7 @@ function As({
       const b = N.map(($) => $.constraints), {
         collapsedSize: R = 0,
         panelSize: _,
-        pivotIndices: k
+        pivotIndices: j
       } = Ke(N, E, M);
       if (W(_ != null, `Panel size not found for panel "${E.id}"`), !Le(_, R)) {
         C.current.set(E.id, _);
@@ -4439,11 +4439,11 @@ function As({
           delta: V,
           initialLayout: M,
           panelConstraints: b,
-          pivotIndices: k,
+          pivotIndices: j,
           prevLayout: M,
           trigger: "imperative-api"
         });
-        kt(M, G) || (y(G), P.current.layout = G, I && I(G), st(N, G, w.current));
+        jt(M, G) || (y(G), P.current.layout = G, I && I(G), st(N, G, w.current));
       }
     }
   }, []), L = ge((E, I) => {
@@ -4456,12 +4456,12 @@ function As({
     if (E.constraints.collapsible) {
       const R = b.map((T) => T.constraints), {
         collapsedSize: _ = 0,
-        panelSize: k = 0,
+        panelSize: j = 0,
         minSize: $ = 0,
         pivotIndices: V
       } = Ke(b, E, N), G = I ?? $;
-      if (Le(k, _)) {
-        const T = C.current.get(E.id), j = T != null && T >= G ? T : G, se = it(b, E) === b.length - 1 ? k - j : j - k, Z = gt({
+      if (Le(j, _)) {
+        const T = C.current.get(E.id), k = T != null && T >= G ? T : G, se = it(b, E) === b.length - 1 ? j - k : k - j, Z = gt({
           delta: se,
           initialLayout: N,
           panelConstraints: R,
@@ -4469,7 +4469,7 @@ function As({
           prevLayout: N,
           trigger: "imperative-api"
         });
-        kt(N, Z) || (y(Z), P.current.layout = Z, M && M(Z), st(b, Z, w.current));
+        jt(N, Z) || (y(Z), P.current.layout = Z, M && M(Z), st(b, Z, w.current));
       }
     }
   }, []), z = ge((E) => {
@@ -4533,15 +4533,15 @@ function As({
       } = P.current;
       let R = null;
       if (E) {
-        const k = Gu(E, b, M);
-        k && (C.current = new Map(Object.entries(k.expandToSizes)), R = k.layout);
+        const j = Gu(E, b, M);
+        j && (C.current = new Map(Object.entries(j.expandToSizes)), R = j.layout);
       }
       R == null && (R = Wu({
         panelDataArray: b
       }));
       const _ = ar({
         layout: R,
-        panelConstraints: b.map((k) => k.constraints)
+        panelConstraints: b.map((j) => j.constraints)
       });
       sr(N, _) || (y(_), P.current.layout = _, I && I(_), st(b, _, w.current));
     }
@@ -4561,28 +4561,28 @@ function As({
         return () => null;
       const {
         direction: _,
-        dragState: k,
+        dragState: j,
         id: $,
         keyboardResizeBy: V,
         onLayout: G
       } = D.current, {
         layout: T,
-        panelDataArray: j
+        panelDataArray: k
       } = P.current, {
         initialLayout: Q
-      } = k ?? {}, se = bs($, E, R);
-      let Z = $u(b, E, _, k, V, R);
+      } = j ?? {}, se = bs($, E, R);
+      let Z = $u(b, E, _, j, V, R);
       const Y = _ === "horizontal";
       Y && I && (Z = -Z);
-      const he = j.map((De) => De.constraints), Te = gt({
+      const he = k.map((De) => De.constraints), Te = gt({
         delta: Z,
         initialLayout: Q ?? T,
         panelConstraints: he,
         pivotIndices: se,
         prevLayout: T,
         trigger: fs(b) ? "keyboard" : "mouse-or-touch"
-      }), me = !kt(T, Te);
-      (hs(b) || ps(b)) && A.current != Z && (A.current = Z, !me && Z !== 0 ? Y ? Rn(E, Z < 0 ? gs : vs) : Rn(E, Z < 0 ? ys : xs) : Rn(E, 0)), me && (y(Te), P.current.layout = Te, G && G(Te), st(j, Te, w.current));
+      }), me = !jt(T, Te);
+      (hs(b) || ps(b)) && A.current != Z && (A.current = Z, !me && Z !== 0 ? Y ? Rn(E, Z < 0 ? gs : vs) : Rn(E, Z < 0 ? ys : xs) : Rn(E, 0)), me && (y(Te), P.current.layout = Te, G && G(Te), st(k, Te, w.current));
     };
   }, []), U = ge((E, I) => {
     const {
@@ -4592,18 +4592,18 @@ function As({
       panelDataArray: b
     } = P.current, R = b.map((T) => T.constraints), {
       panelSize: _,
-      pivotIndices: k
+      pivotIndices: j
     } = Ke(b, E, N);
     W(_ != null, `Panel size not found for panel "${E.id}"`);
     const V = it(b, E) === b.length - 1 ? _ - I : I - _, G = gt({
       delta: V,
       initialLayout: N,
       panelConstraints: R,
-      pivotIndices: k,
+      pivotIndices: j,
       prevLayout: N,
       trigger: "imperative-api"
     });
-    kt(N, G) || (y(G), P.current.layout = G, M && M(G), st(b, G, w.current));
+    jt(N, G) || (y(G), P.current.layout = G, M && M(G), st(b, G, w.current));
   }, []), q = ge((E, I) => {
     const {
       layout: M,
@@ -4613,13 +4613,13 @@ function As({
       collapsible: R
     } = I, {
       collapsedSize: _ = 0,
-      collapsible: k,
+      collapsible: j,
       maxSize: $ = 100,
       minSize: V = 0
     } = E.constraints, {
       panelSize: G
     } = Ke(N, E, M);
-    G != null && (R && k && Le(G, b) ? Le(b, _) || U(E, _) : G < V ? U(E, V) : G > $ && U(E, $));
+    G != null && (R && j && Le(G, b) ? Le(b, _) || U(E, _) : G < V ? U(E, V) : G > $ && U(E, $));
   }, [U]), J = ge((E, I) => {
     const {
       direction: M
@@ -4644,7 +4644,7 @@ function As({
       panelDataArray: I
     } = P.current, M = it(I, E);
     M >= 0 && (I.splice(M, 1), delete w.current[E.id], P.current.panelDataArrayChanged = !0, S());
-  }, [S]), ne = ji(() => ({
+  }, [S]), ne = ki(() => ({
     collapsePanel: F,
     direction: o,
     dragState: x,
@@ -4669,9 +4669,9 @@ function As({
     overflow: "hidden",
     width: "100%"
   };
-  return je(Jt.Provider, {
+  return ke(Jt.Provider, {
     value: ne
-  }, je(u, {
+  }, ke(u, {
     ...f,
     children: t,
     className: n,
@@ -4687,7 +4687,7 @@ function As({
     [ie.groupId]: h
   }));
 }
-const Yu = Kt((e, t) => je(As, {
+const Yu = Kt((e, t) => ke(As, {
   ...e,
   forwardedRef: t
 }));
@@ -4844,7 +4844,7 @@ function Zu({
     handleId: z,
     resizeHandler: K,
     panelGroupElement: L
-  }), je(m, {
+  }), ke(m, {
     ...x,
     children: e,
     className: t,
@@ -4929,18 +4929,18 @@ var Ns = "DialogTrigger", Ms = d.forwardRef(
 Ms.displayName = Ns;
 var Zn = "DialogPortal", [Qu, Ls] = Ds(Zn, {
   forceMount: void 0
-}), js = (e) => {
+}), ks = (e) => {
   const { __scopeDialog: t, forceMount: n, children: o, container: i } = e, a = Re(Zn, t);
   return /* @__PURE__ */ g.jsx(Qu, { scope: t, forceMount: n, children: d.Children.map(o, (r) => /* @__PURE__ */ g.jsx(Yt, { present: n || a.open, children: /* @__PURE__ */ g.jsx(Un, { asChild: !0, container: i, children: r }) })) });
 };
-js.displayName = Zn;
-var Ht = "DialogOverlay", ks = d.forwardRef(
+ks.displayName = Zn;
+var Ht = "DialogOverlay", js = d.forwardRef(
   (e, t) => {
     const n = Ls(Ht, e.__scopeDialog), { forceMount: o = n.forceMount, ...i } = e, a = Re(Ht, e.__scopeDialog);
     return a.modal ? /* @__PURE__ */ g.jsx(Yt, { present: o || a.open, children: /* @__PURE__ */ g.jsx(td, { ...i, ref: t }) }) : null;
   }
 );
-ks.displayName = Ht;
+js.displayName = Ht;
 var ed = Pt("DialogOverlay.RemoveScroll"), td = d.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, i = Re(Ht, n);
@@ -5081,7 +5081,7 @@ $s.displayName = Fs;
 function Qn(e) {
   return e ? "open" : "closed";
 }
-var Ws = "DialogTitleWarning", [jf, Hs] = Ol(Ws, {
+var Ws = "DialogTitleWarning", [kf, Hs] = Ol(Ws, {
   contentName: Je,
   titleName: Jn,
   docsSlug: "dialog"
@@ -5105,8 +5105,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
       const r = document.getElementById(t);
     }
   }, [o, e, t]), null;
-}, ad = Is, ld = Ms, cd = js, ud = ks, dd = Os, fd = zs, hd = Vs, Us = $s;
-function kf({ ...e }) {
+}, ad = Is, ld = Ms, cd = ks, ud = js, dd = Os, fd = zs, hd = Vs, Us = $s;
+function jf({ ...e }) {
   return /* @__PURE__ */ g.jsx(ad, { "data-slot": "dialog", ...e });
 }
 function Of({ ...e }) {
@@ -5118,32 +5118,45 @@ function pd({ ...e }) {
 function _f({ ...e }) {
   return /* @__PURE__ */ g.jsx(Us, { "data-slot": "dialog-close", ...e });
 }
-function md({ className: e, ...t }) {
+function md({ className: e, backdrop: t, ...n }) {
+  let o = "";
+  switch (t) {
+    case "transparent":
+      o = "bg-transparent";
+      break;
+    case "opaque":
+      o = "bg-black/50";
+      break;
+    case "blur":
+      o = "backdrop-blur-md backdrop-saturate-150 bg-overlay/30";
+      break;
+  }
   return /* @__PURE__ */ g.jsx(
     ud,
     {
       "data-slot": "dialog-overlay",
       className: de(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        o,
         e
       ),
-      ...t
+      ...n
     }
   );
 }
 const zf = d.forwardRef(
-  ({ className: e, children: t, showCloseButton: n = !0, ...o }, i) => /* @__PURE__ */ g.jsx(ua, { children: /* @__PURE__ */ g.jsxs(pd, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ g.jsx(md, {}),
+  ({ className: e, children: t, showCloseButton: n = !0, backdrop: o = "opaque", ...i }, a) => /* @__PURE__ */ g.jsx(ua, { children: /* @__PURE__ */ g.jsxs(pd, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ g.jsx(md, { backdrop: o }),
     /* @__PURE__ */ g.jsxs(
       dd,
       {
         "data-slot": "dialog-content",
-        ref: i,
+        ref: a,
         className: de(
           "bg-content1 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg p-6 shadow-lg duration-200 sm:max-w-lg",
           e
         ),
-        ...o,
+        ...i,
         children: [
           t,
           n && /* @__PURE__ */ g.jsxs(
@@ -5411,9 +5424,9 @@ var Ce = 10, [ni, We] = ht(et), Rd = "SelectContentImpl", Td = Pt("SelectContent
     }, [w]), Fr();
     const U = d.useCallback(
       (b) => {
-        const [R, ..._] = O().map((V) => V.ref.current), [k] = _.slice(-1), $ = document.activeElement;
+        const [R, ..._] = O().map((V) => V.ref.current), [j] = _.slice(-1), $ = document.activeElement;
         for (const V of b)
-          if (V === $ || (V == null || V.scrollIntoView({ block: "nearest" }), V === R && A && (A.scrollTop = 0), V === k && A && (A.scrollTop = A.scrollHeight), V == null || V.focus(), document.activeElement !== $)) return;
+          if (V === $ || (V == null || V.scrollIntoView({ block: "nearest" }), V === R && A && (A.scrollTop = 0), V === j && A && (A.scrollTop = A.scrollHeight), V == null || V.focus(), document.activeElement !== $)) return;
       },
       [O, A]
     ), q = d.useCallback(
@@ -5427,14 +5440,14 @@ var Ce = 10, [ni, We] = ht(et), Rd = "SelectContentImpl", Td = Pt("SelectContent
     d.useEffect(() => {
       if (w) {
         let b = { x: 0, y: 0 };
-        const R = (k) => {
+        const R = (j) => {
           var $, V;
           b = {
-            x: Math.abs(Math.round(k.pageX) - ((($ = re.current) == null ? void 0 : $.x) ?? 0)),
-            y: Math.abs(Math.round(k.pageY) - (((V = re.current) == null ? void 0 : V.y) ?? 0))
+            x: Math.abs(Math.round(j.pageX) - ((($ = re.current) == null ? void 0 : $.x) ?? 0)),
+            y: Math.abs(Math.round(j.pageY) - (((V = re.current) == null ? void 0 : V.y) ?? 0))
           };
-        }, _ = (k) => {
-          b.x <= 10 && b.y <= 10 ? k.preventDefault() : w.contains(k.target) || J(!1), document.removeEventListener("pointermove", R), re.current = null;
+        }, _ = (j) => {
+          b.x <= 10 && b.y <= 10 ? j.preventDefault() : w.contains(j.target) || J(!1), document.removeEventListener("pointermove", R), re.current = null;
         };
         return re.current !== null && (document.addEventListener("pointermove", R), document.addEventListener("pointerup", _, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", _, { capture: !0 });
@@ -5447,21 +5460,21 @@ var Ce = 10, [ni, We] = ht(et), Rd = "SelectContentImpl", Td = Pt("SelectContent
       };
     }, [J]);
     const [ye, ne] = wi((b) => {
-      const R = O().filter(($) => !$.disabled), _ = R.find(($) => $.ref.current === document.activeElement), k = bi(R, b, _);
-      k && setTimeout(() => k.ref.current.focus());
+      const R = O().filter(($) => !$.disabled), _ = R.find(($) => $.ref.current === document.activeElement), j = bi(R, b, _);
+      j && setTimeout(() => j.ref.current.focus());
     }), ue = d.useCallback(
       (b, R, _) => {
-        const k = !K.current && !_;
-        (S.value !== void 0 && S.value === R || k) && (L(b), k && (K.current = !0));
+        const j = !K.current && !_;
+        (S.value !== void 0 && S.value === R || j) && (L(b), j && (K.current = !0));
       },
       [S.value]
     ), E = d.useCallback(() => w == null ? void 0 : w.focus(), [w]), I = d.useCallback(
       (b, R, _) => {
-        const k = !K.current && !_;
-        (S.value !== void 0 && S.value === R || k) && H(b);
+        const j = !K.current && !_;
+        (S.value !== void 0 && S.value === R || j) && H(b);
       },
       [S.value]
-    ), M = o === "popper" ? jn : ri, N = M === jn ? {
+    ), M = o === "popper" ? kn : ri, N = M === kn ? {
       side: s,
       sideOffset: l,
       align: c,
@@ -5533,12 +5546,12 @@ var Ce = 10, [ni, We] = ht(et), Rd = "SelectContentImpl", Td = Pt("SelectContent
                     onKeyDown: te(y.onKeyDown, (b) => {
                       const R = b.ctrlKey || b.altKey || b.metaKey;
                       if (b.key === "Tab" && b.preventDefault(), !R && b.key.length === 1 && ne(b.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(b.key)) {
-                        let k = O().filter(($) => !$.disabled).map(($) => $.ref.current);
-                        if (["ArrowUp", "End"].includes(b.key) && (k = k.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(b.key)) {
-                          const $ = b.target, V = k.indexOf($);
-                          k = k.slice(V + 1);
+                        let j = O().filter(($) => !$.disabled).map(($) => $.ref.current);
+                        if (["ArrowUp", "End"].includes(b.key) && (j = j.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(b.key)) {
+                          const $ = b.target, V = j.indexOf($);
+                          j = j.slice(V + 1);
                         }
-                        setTimeout(() => U(k)), b.preventDefault();
+                        setTimeout(() => U(j)), b.preventDefault();
                       }
                     })
                   }
@@ -5557,20 +5570,20 @@ var Ad = "SelectItemAlignedPosition", ri = d.forwardRef((e, t) => {
     if (a.trigger && a.valueNode && s && c && p && v && y) {
       const P = a.trigger.getBoundingClientRect(), F = c.getBoundingClientRect(), L = a.valueNode.getBoundingClientRect(), z = y.getBoundingClientRect();
       if (a.dir !== "rtl") {
-        const $ = z.left - F.left, V = L.left - $, G = P.left - V, T = P.width + G, j = Math.max(T, F.width), Q = window.innerWidth - Ce, se = cr(V, [
+        const $ = z.left - F.left, V = L.left - $, G = P.left - V, T = P.width + G, k = Math.max(T, F.width), Q = window.innerWidth - Ce, se = cr(V, [
           Ce,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
           // controlled by the user since they may want to manage overflow in a
           // specific way.
           // https://github.com/radix-ui/primitives/issues/2049
-          Math.max(Ce, Q - j)
+          Math.max(Ce, Q - k)
         ]);
         s.style.minWidth = T + "px", s.style.left = se + "px";
       } else {
-        const $ = F.right - z.right, V = window.innerWidth - L.right - $, G = window.innerWidth - P.right - V, T = P.width + G, j = Math.max(T, F.width), Q = window.innerWidth - Ce, se = cr(V, [
+        const $ = F.right - z.right, V = window.innerWidth - L.right - $, G = window.innerWidth - P.right - V, T = P.width + G, k = Math.max(T, F.width), Q = window.innerWidth - Ce, se = cr(V, [
           Ce,
-          Math.max(Ce, Q - j)
+          Math.max(Ce, Q - k)
         ]);
         s.style.minWidth = T + "px", s.style.right = se + "px";
       }
@@ -5657,7 +5670,7 @@ var Ad = "SelectItemAlignedPosition", ri = d.forwardRef((e, t) => {
   );
 });
 ri.displayName = Ad;
-var Dd = "SelectPopperPosition", jn = d.forwardRef((e, t) => {
+var Dd = "SelectPopperPosition", kn = d.forwardRef((e, t) => {
   const {
     __scopeSelect: n,
     align: o = "start",
@@ -5685,10 +5698,10 @@ var Dd = "SelectPopperPosition", jn = d.forwardRef((e, t) => {
     }
   );
 });
-jn.displayName = Dd;
-var [Id, eo] = ht(et, {}), kn = "SelectViewport", si = d.forwardRef(
+kn.displayName = Dd;
+var [Id, eo] = ht(et, {}), jn = "SelectViewport", si = d.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, nonce: o, ...i } = e, a = We(kn, n), r = eo(kn, n), s = ae(t, a.onViewportChange), l = d.useRef(0);
+    const { __scopeSelect: n, nonce: o, ...i } = e, a = We(jn, n), r = eo(jn, n), s = ae(t, a.onViewportChange), l = d.useRef(0);
     return /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
       /* @__PURE__ */ g.jsx(
         "style",
@@ -5738,7 +5751,7 @@ var [Id, eo] = ht(et, {}), kn = "SelectViewport", si = d.forwardRef(
     ] });
   }
 );
-si.displayName = kn;
+si.displayName = jn;
 var ii = "SelectGroup", [Nd, Md] = ht(ii), ai = d.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...o } = e, i = ut();
@@ -5940,20 +5953,20 @@ var vi = d.forwardRef((e, t) => {
       })
     }
   );
-}), jd = "SelectSeparator", yi = d.forwardRef(
+}), kd = "SelectSeparator", yi = d.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...o } = e;
     return /* @__PURE__ */ g.jsx(ee.div, { "aria-hidden": !0, ...o, ref: t });
   }
 );
-yi.displayName = jd;
-var zn = "SelectArrow", kd = d.forwardRef(
+yi.displayName = kd;
+var zn = "SelectArrow", jd = d.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...o } = e, i = sn(n), a = $e(zn, n), r = We(zn, n);
     return a.open && r.position === "popper" ? /* @__PURE__ */ g.jsx(xc, { ...i, ...o, ref: t }) : null;
   }
 );
-kd.displayName = zn;
+jd.displayName = zn;
 var Od = "SelectBubbleInput", xi = d.forwardRef(
   ({ __scopeSelect: e, value: t, ...n }, o) => {
     const i = d.useRef(null), a = ae(o, i), r = gd(t);
@@ -6180,21 +6193,21 @@ var pf = d.createContext({}), mf = d.forwardRef((e, t) => {
     i == null || i(T), F(T);
   }, [i]), O = d.useMemo(() => s ? typeof s == "string" ? new RegExp(s) : s : null, [s]), B = d.useRef(null), X = d.useRef(null), K = d.useRef({ value: L, onChange: H, isIOS: typeof window < "u" && ((w = (S = window == null ? void 0 : window.CSS) == null ? void 0 : S.supports) == null ? void 0 : w.call(S, "-webkit-touch-callout", "none")) }), U = d.useRef({ prev: [(C = B.current) == null ? void 0 : C.selectionStart, (A = B.current) == null ? void 0 : A.selectionEnd, (D = B.current) == null ? void 0 : D.selectionDirection] });
   d.useImperativeHandle(t, () => B.current, []), d.useEffect(() => {
-    let T = B.current, j = X.current;
-    if (!T || !j) return;
+    let T = B.current, k = X.current;
+    if (!T || !k) return;
     K.current.value !== T.value && K.current.onChange(T.value), U.current.prev = [T.selectionStart, T.selectionEnd, T.selectionDirection];
     function Q() {
       if (document.activeElement !== T) {
         ue(null), I(null);
         return;
       }
-      let Y = T.selectionStart, he = T.selectionEnd, Te = T.selectionDirection, me = T.maxLength, De = T.value, Ie = U.current.prev, ke = -1, Oe = -1, He;
+      let Y = T.selectionStart, he = T.selectionEnd, Te = T.selectionDirection, me = T.maxLength, De = T.value, Ie = U.current.prev, je = -1, Oe = -1, He;
       if (De.length !== 0 && Y !== null && he !== null) {
         let Ti = Y === he, Ai = Y === De.length && De.length < me;
         if (Ti && !Ai) {
           let Ue = Y;
-          if (Ue === 0) ke = 0, Oe = 1, He = "forward";
-          else if (Ue === me) ke = Ue - 1, Oe = Ue, He = "backward";
+          if (Ue === 0) je = 0, Oe = 1, He = "forward";
+          else if (Ue === me) je = Ue - 1, Oe = Ue, He = "backward";
           else if (me > 1 && De.length > 1) {
             let an = 0;
             if (Ie[0] !== null && Ie[1] !== null) {
@@ -6202,12 +6215,12 @@ var pf = d.createContext({}), mf = d.forwardRef((e, t) => {
               let Di = Ie[0] === Ie[1] && Ie[0] < me;
               He === "backward" && !Di && (an = -1);
             }
-            ke = an + Ue, Oe = an + Ue + 1;
+            je = an + Ue, Oe = an + Ue + 1;
           }
         }
-        ke !== -1 && Oe !== -1 && ke !== Oe && B.current.setSelectionRange(ke, Oe, He);
+        je !== -1 && Oe !== -1 && je !== Oe && B.current.setSelectionRange(je, Oe, He);
       }
-      let to = ke !== -1 ? ke : Y, no = Oe !== -1 ? Oe : he, Ri = He ?? Te;
+      let to = je !== -1 ? je : Y, no = Oe !== -1 ? Oe : he, Ri = He ?? Te;
       ue(to), I(no), U.current.prev = [to, no, Ri];
     }
     if (document.addEventListener("selectionchange", Q, { capture: !0 }), Q(), document.activeElement === T && ye(!0), !document.getElementById("input-otp-style")) {
@@ -6218,7 +6231,7 @@ var pf = d.createContext({}), mf = d.forwardRef((e, t) => {
       }
     }
     let se = () => {
-      j && j.style.setProperty("--root-height", `${T.clientHeight}px`);
+      k && k.style.setProperty("--root-height", `${T.clientHeight}px`);
     };
     se();
     let Z = new ResizeObserver(se);
@@ -6229,57 +6242,57 @@ var pf = d.createContext({}), mf = d.forwardRef((e, t) => {
   let [q, J] = d.useState(!1), [re, ye] = d.useState(!1), [ne, ue] = d.useState(null), [E, I] = d.useState(null);
   d.useEffect(() => {
     lf(() => {
-      var T, j, Q, se;
+      var T, k, Q, se;
       (T = B.current) == null || T.dispatchEvent(new Event("input"));
-      let Z = (j = B.current) == null ? void 0 : j.selectionStart, Y = (Q = B.current) == null ? void 0 : Q.selectionEnd, he = (se = B.current) == null ? void 0 : se.selectionDirection;
+      let Z = (k = B.current) == null ? void 0 : k.selectionStart, Y = (Q = B.current) == null ? void 0 : Q.selectionEnd, he = (se = B.current) == null ? void 0 : se.selectionDirection;
       Z !== null && Y !== null && (ue(Z), I(Y), U.current.prev = [Z, Y, he]);
     });
   }, [L, re]), d.useEffect(() => {
     z !== void 0 && L !== z && z.length < a && L.length === a && (u == null || u(L));
   }, [a, u, z, L]);
   let M = hf({ containerRef: X, inputRef: B, pushPasswordManagerStrategy: f, isFocused: re }), N = d.useCallback((T) => {
-    let j = T.currentTarget.value.slice(0, a);
-    if (j.length > 0 && O && !O.test(j)) {
+    let k = T.currentTarget.value.slice(0, a);
+    if (k.length > 0 && O && !O.test(k)) {
       T.preventDefault();
       return;
     }
-    typeof z == "string" && j.length < z.length && document.dispatchEvent(new Event("selectionchange")), H(j);
+    typeof z == "string" && k.length < z.length && document.dispatchEvent(new Event("selectionchange")), H(k);
   }, [a, H, z, O]), b = d.useCallback(() => {
     var T;
     if (B.current) {
-      let j = Math.min(B.current.value.length, a - 1), Q = B.current.value.length;
-      (T = B.current) == null || T.setSelectionRange(j, Q), ue(j), I(Q);
+      let k = Math.min(B.current.value.length, a - 1), Q = B.current.value.length;
+      (T = B.current) == null || T.setSelectionRange(k, Q), ue(k), I(Q);
     }
     ye(!0);
   }, [a]), R = d.useCallback((T) => {
-    var j, Q;
+    var k, Q;
     let se = B.current;
     if (!h && (!K.current.isIOS || !T.clipboardData || !se)) return;
     let Z = T.clipboardData.getData("text/plain"), Y = h ? h(Z) : Z;
     T.preventDefault();
-    let he = (j = B.current) == null ? void 0 : j.selectionStart, Te = (Q = B.current) == null ? void 0 : Q.selectionEnd, me = (he !== Te ? L.slice(0, he) + Y + L.slice(Te) : L.slice(0, he) + Y + L.slice(he)).slice(0, a);
+    let he = (k = B.current) == null ? void 0 : k.selectionStart, Te = (Q = B.current) == null ? void 0 : Q.selectionEnd, me = (he !== Te ? L.slice(0, he) + Y + L.slice(Te) : L.slice(0, he) + Y + L.slice(he)).slice(0, a);
     if (me.length > 0 && O && !O.test(me)) return;
     se.value = me, H(me);
     let De = Math.min(me.length, a - 1), Ie = me.length;
     se.setSelectionRange(De, Ie), ue(De), I(Ie);
-  }, [a, H, O, L]), _ = d.useMemo(() => ({ position: "relative", cursor: y.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [y.disabled]), k = d.useMemo(() => ({ position: "absolute", inset: 0, width: M.willPushPWMBadge ? `calc(100% + ${M.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: M.willPushPWMBadge ? `inset(0 ${M.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: r, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [M.PWM_BADGE_SPACE_WIDTH, M.willPushPWMBadge, r]), $ = d.useMemo(() => d.createElement("input", sf(rf({ autoComplete: y.autoComplete || "one-time-code" }, y), { "data-input-otp": !0, "data-input-otp-placeholder-shown": L.length === 0 || void 0, "data-input-otp-mss": ne, "data-input-otp-mse": E, inputMode: c, pattern: O == null ? void 0 : O.source, "aria-placeholder": l, style: k, maxLength: a, value: L, ref: B, onPaste: (T) => {
-    var j;
-    R(T), (j = y.onPaste) == null || j.call(y, T);
+  }, [a, H, O, L]), _ = d.useMemo(() => ({ position: "relative", cursor: y.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [y.disabled]), j = d.useMemo(() => ({ position: "absolute", inset: 0, width: M.willPushPWMBadge ? `calc(100% + ${M.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: M.willPushPWMBadge ? `inset(0 ${M.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: r, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [M.PWM_BADGE_SPACE_WIDTH, M.willPushPWMBadge, r]), $ = d.useMemo(() => d.createElement("input", sf(rf({ autoComplete: y.autoComplete || "one-time-code" }, y), { "data-input-otp": !0, "data-input-otp-placeholder-shown": L.length === 0 || void 0, "data-input-otp-mss": ne, "data-input-otp-mse": E, inputMode: c, pattern: O == null ? void 0 : O.source, "aria-placeholder": l, style: j, maxLength: a, value: L, ref: B, onPaste: (T) => {
+    var k;
+    R(T), (k = y.onPaste) == null || k.call(y, T);
   }, onChange: N, onMouseOver: (T) => {
-    var j;
-    J(!0), (j = y.onMouseOver) == null || j.call(y, T);
+    var k;
+    J(!0), (k = y.onMouseOver) == null || k.call(y, T);
   }, onMouseLeave: (T) => {
-    var j;
-    J(!1), (j = y.onMouseLeave) == null || j.call(y, T);
+    var k;
+    J(!1), (k = y.onMouseLeave) == null || k.call(y, T);
   }, onFocus: (T) => {
-    var j;
-    b(), (j = y.onFocus) == null || j.call(y, T);
+    var k;
+    b(), (k = y.onFocus) == null || k.call(y, T);
   }, onBlur: (T) => {
-    var j;
-    ye(!1), (j = y.onBlur) == null || j.call(y, T);
-  } })), [N, b, R, c, k, a, E, ne, y, O == null ? void 0 : O.source, L]), V = d.useMemo(() => ({ slots: Array.from({ length: a }).map((T, j) => {
+    var k;
+    ye(!1), (k = y.onBlur) == null || k.call(y, T);
+  } })), [N, b, R, c, j, a, E, ne, y, O == null ? void 0 : O.source, L]), V = d.useMemo(() => ({ slots: Array.from({ length: a }).map((T, k) => {
     var Q;
-    let se = re && ne !== null && E !== null && (ne === E && j === ne || j >= ne && j < E), Z = L[j] !== void 0 ? L[j] : null, Y = L[0] !== void 0 ? null : (Q = l == null ? void 0 : l[j]) != null ? Q : null;
+    let se = re && ne !== null && E !== null && (ne === E && k === ne || k >= ne && k < E), Z = L[k] !== void 0 ? L[k] : null, Y = L[0] !== void 0 ? null : (Q = l == null ? void 0 : l[k]) != null ? Q : null;
     return { char: Z, placeholderChar: Y, isActive: se, hasFakeCaret: se && Z === null };
   }), isFocused: re, isHovering: !y.disabled && q }), [re, q, a, E, ne, y.disabled, L]), G = d.useMemo(() => p ? p(V) : d.createElement(pf.Provider, { value: V }, v), [v, V, p]);
   return d.createElement(d.Fragment, null, x !== null && d.createElement("noscript", null, d.createElement("style", null, x)), d.createElement("div", { ref: X, "data-input-otp-container": !0, style: _, className: m }, G, d.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, $)));
@@ -6325,7 +6338,7 @@ export {
   Bf as J,
   Ff as K,
   $f as L,
-  kf as M,
+  jf as M,
   zf as N,
   ud as O,
   ee as P,
@@ -6339,13 +6352,13 @@ export {
   pf as X,
   Lf as Y,
   ld as Z,
-  jf as _,
+  kf as _,
   Xf as a,
   hd as a0,
   Us as a1,
   Mf as a2,
   Nl as a3,
-  kl as a4,
+  jl as a4,
   _f as a5,
   Vf as a6,
   md as a7,
@@ -6380,4 +6393,4 @@ export {
   Pu as y,
   Zu as z
 };
-//# sourceMappingURL=index-BxJKdzwL.js.map
+//# sourceMappingURL=index-mYE_k9Xd.js.map