@voxel51/voodo 0.0.19 → 0.0.20

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as O, Fragment as Ss, jsxs as Me } from "react/jsx-runtime";
 import * as x from "react";
-import y, { useRef as z, useCallback as Z, useEffect as oe, useState as ae, useMemo as ee, useLayoutEffect as Io, useContext as Ce, createContext as _e, forwardRef as rp, isValidElement as Es, cloneElement as Ya, createElement as O1, Fragment as Br, useId as We, useSyncExternalStore as op, useReducer as ks, createRef as Wn, Component as st, memo as ap } from "react";
+import y, { useRef as z, useCallback as Z, useEffect as re, useState as ae, useMemo as ee, useLayoutEffect as Io, useContext as Ce, createContext as _e, forwardRef as rp, isValidElement as Es, cloneElement as Ya, createElement as O1, Fragment as Br, useId as We, useSyncExternalStore as op, useReducer as ks, createRef as Wn, Component as st, memo as ap } from "react";
 import * as ba from "react-dom";
 import ip, { flushSync as Fn, createPortal as Ms, unstable_batchedUpdates as Ko } from "react-dom";
 function T1(e) {
@@ -541,7 +541,7 @@ const pp = (e, r) => {
     c,
     X,
     Q
-  ], I = () => ["", ce, oo, Xn], G = () => ["solid", "dashed", "dotted", "double"], ne = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], W = () => [ce, Ci, Bl, Vl], re = () => [
+  ], I = () => ["", ce, oo, Xn], G = () => ["solid", "dashed", "dotted", "double"], ne = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], W = () => [ce, Ci, Bl, Vl], oe = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -2228,7 +2228,7 @@ const pp = (e, r) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: re()
+        blur: oe()
       }],
       /**
        * Brightness
@@ -2318,7 +2318,7 @@ const pp = (e, r) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": re()
+        "backdrop-blur": oe()
       }],
       /**
        * Backdrop Brightness
@@ -3116,7 +3116,7 @@ function K1() {
   }, [
     n
   ]);
-  return oe(() => t, [
+  return re(() => t, [
     t
   ]), {
     addGlobalListener: r,
@@ -3260,7 +3260,7 @@ function C3(e, r, n) {
   return e = e || t.activeElement instanceof o && !b3.has(t.activeElement.type) || t.activeElement instanceof a || t.activeElement instanceof i && t.activeElement.isContentEditable, !(e && r === "keyboard" && n instanceof s && !m3[n.key]);
 }
 function y3(e, r, n) {
-  Xi(), oe(() => {
+  Xi(), re(() => {
     let t = (o, a) => {
       C3(!!n?.isTextInput, o, a) && e(tu());
     };
@@ -3363,7 +3363,7 @@ function jt(e) {
     pointerType: "",
     target: null
   }).current;
-  oe(D3, []);
+  re(D3, []);
   let { addGlobalListener: l, removeAllGlobalListeners: c } = K1(), { hoverProps: u, triggerHoverEnd: d } = ee(() => {
     let p = (v, m) => {
       if (s.pointerType = m, o || m === "touch" || s.isHovered || !v.currentTarget.contains(v.target)) return;
@@ -3409,7 +3409,7 @@ function jt(e) {
     l,
     c
   ]);
-  return oe(() => {
+  return re(() => {
     o && d({
       currentTarget: s.target
     }, s.pointerType);
@@ -3535,10 +3535,10 @@ function At() {
 }
 function Qn() {
   let [e] = ae(At);
-  return oe(() => () => e.dispose(), [e]), e;
+  return re(() => () => e.dispose(), [e]), e;
 }
 let Re = (e, r) => {
-  lr.isServer ? oe(e, r) : Io(e, r);
+  lr.isServer ? re(e, r) : Io(e, r);
 };
 function vt(e) {
   let r = z(e);
@@ -3772,12 +3772,12 @@ function V3({ children: e }) {
 }
 function za({ data: e, form: r, disabled: n, onReset: t, overrides: o }) {
   let [a, i] = ae(null), s = Qn();
-  return oe(() => {
+  return re(() => {
     if (t && a) return s.addEventListener(a, "reset", t);
   }, [a, r, t]), y.createElement(V3, null, y.createElement(B3, { setForm: i, formId: r }), iu(e).map(([l, c]) => y.createElement(xn, { features: wn.Hidden, ...er({ key: l, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: r, disabled: n, name: l, value: c, ...o }) })));
 }
 function B3({ setForm: e, formId: r }) {
-  return oe(() => {
+  return re(() => {
     if (r) {
       let n = document.getElementById(r);
       n && e(n);
@@ -3849,7 +3849,7 @@ function hu(e, r = !0) {
 }
 function $e(...e) {
   let r = z(e);
-  oe(() => {
+  re(() => {
     r.current = e;
   }, [e]);
   let n = U((t) => {
@@ -4805,7 +4805,7 @@ function ku(e, r, n) {
     let a = o.getBoundingClientRect();
     a.x === 0 && a.y === 0 && a.width === 0 && a.height === 0 && n();
   });
-  oe(() => {
+  re(() => {
     if (!e) return;
     let o = r === null ? null : Nt(r) ? r : r.current;
     if (!o) return;
@@ -4899,7 +4899,7 @@ function rs() {
 }
 function Lr(e, r, n, t) {
   let o = vt(n);
-  oe(() => {
+  re(() => {
     if (!e) return;
     function a(i) {
       o.current(i);
@@ -4909,7 +4909,7 @@ function Lr(e, r, n, t) {
 }
 function Ou(e, r, n, t) {
   let o = vt(n);
-  oe(() => {
+  re(() => {
     if (!e) return;
     function a(i) {
       o.current(i);
@@ -4978,7 +4978,7 @@ function W5(e, { trigger: r, action: n, close: t, select: o }) {
 }
 function _u(e, r, n, t) {
   let o = vt(n);
-  oe(() => {
+  re(() => {
     e = e ?? window;
     function a(i) {
       o.current(i);
@@ -5211,7 +5211,7 @@ function n6(e) {
 }
 function r6(e, { container: r, accept: n, walk: t }) {
   let o = z(n), a = z(t);
-  oe(() => {
+  re(() => {
     o.current = n, a.current = t;
   }, [n, t]), Re(() => {
     if (!r || !e) return;
@@ -5223,7 +5223,7 @@ function r6(e, { container: r, accept: n, walk: t }) {
 }
 function dc(e, r) {
   let n = z([]), t = U(e);
-  oe(() => {
+  re(() => {
     let o = [...n.current];
     for (let [a, i] of r.entries()) if (n.current[a] !== i) {
       let s = t(r, o);
@@ -6465,7 +6465,7 @@ function Gu(e) {
     return r.current == null ? void 0 : r.current(...t);
   }, []);
 }
-var ss = typeof document < "u" ? Io : oe;
+var ss = typeof document < "u" ? Io : re;
 let wc = !1, s2 = 0;
 const xc = () => (
   // Ensure the id is unique with multiple independent versions of Floating UI
@@ -6992,7 +6992,7 @@ function Pc(e, r) {
 }
 function Xs(e) {
   let r = U(e), n = z(!1);
-  oe(() => (n.current = !1, () => {
+  re(() => (n.current = !1, () => {
     n.current = !0, Fs(() => {
       n.current && r();
     });
@@ -7013,9 +7013,9 @@ function R2(e) {
     let s = e.createElement("div");
     return s.setAttribute("id", "headlessui-portal-root"), e.body.appendChild(s);
   });
-  return oe(() => {
+  return re(() => {
     t !== null && (e != null && e.body.contains(t) || e == null || e.body.appendChild(t));
-  }, [t, e]), oe(() => {
+  }, [t, e]), re(() => {
     r || n !== null && o(n.current);
   }, [n, o, r]), t;
 }
@@ -7265,14 +7265,14 @@ function j2(e) {
 }
 let U2 = Br;
 function Z2(e, r) {
-  let n = We(), t = $t(), { value: o, defaultValue: a, onChange: i, form: s, name: l, by: c, invalid: u = !1, disabled: d = t || !1, onClose: p, __demoMode: f = !1, multiple: h = !1, immediate: v = !1, virtual: m = null, nullable: g, ...C } = e, b = Wa(a), [D = h ? [] : void 0, w] = Ba(o, i, b), E = cd({ id: n, virtual: m, __demoMode: f }), k = z({ static: !1, hold: !1 }), S = Cu(c), T = U((re) => m ? c === null ? m.options.indexOf(re) : m.options.findIndex((me) => S(me, re)) : E.state.options.findIndex((me) => S(me.dataRef.current.value, re))), _ = Z((re) => ze(N.mode, { [kt.Multi]: () => D.some((me) => S(me, re)), [kt.Single]: () => S(D, re) }), [D]), P = Ye(E, (re) => re.virtual), M = U(() => p?.()), N = ee(() => ({ __demoMode: f, immediate: v, optionsPropsRef: k, value: D, defaultValue: b, disabled: d, invalid: u, mode: h ? kt.Multi : kt.Single, virtual: m ? P : null, onChange: w, isSelected: _, calculateIndex: T, compare: S, onClose: M }), [f, v, k, D, b, d, u, h, m, P, w, _, T, S, M]);
+  let n = We(), t = $t(), { value: o, defaultValue: a, onChange: i, form: s, name: l, by: c, invalid: u = !1, disabled: d = t || !1, onClose: p, __demoMode: f = !1, multiple: h = !1, immediate: v = !1, virtual: m = null, nullable: g, ...C } = e, b = Wa(a), [D = h ? [] : void 0, w] = Ba(o, i, b), E = cd({ id: n, virtual: m, __demoMode: f }), k = z({ static: !1, hold: !1 }), S = Cu(c), T = U((oe) => m ? c === null ? m.options.indexOf(oe) : m.options.findIndex((me) => S(me, oe)) : E.state.options.findIndex((me) => S(me.dataRef.current.value, oe))), _ = Z((oe) => ze(N.mode, { [kt.Multi]: () => D.some((me) => S(me, oe)), [kt.Single]: () => S(D, oe) }), [D]), P = Ye(E, (oe) => oe.virtual), M = U(() => p?.()), N = ee(() => ({ __demoMode: f, immediate: v, optionsPropsRef: k, value: D, defaultValue: b, disabled: d, invalid: u, mode: h ? kt.Multi : kt.Single, virtual: m ? P : null, onChange: w, isSelected: _, calculateIndex: T, compare: S, onClose: M }), [f, v, k, D, b, d, u, h, m, P, w, _, T, S, M]);
   Re(() => {
-    var re;
-    m && E.send({ type: sd.UpdateVirtualConfiguration, options: m.options, disabled: (re = m.disabled) != null ? re : null });
+    var oe;
+    m && E.send({ type: sd.UpdateVirtualConfiguration, options: m.options, disabled: (oe = m.disabled) != null ? oe : null });
   }, [m, m?.options, m?.disabled]), Re(() => {
     E.state.dataRef.current = N;
   }, [N]);
-  let [L, $, H, Y] = Ye(E, (re) => [re.comboboxState, re.buttonElement, re.inputElement, re.optionsElement]), R = Ka.get(null), q = Ye(R, Z((re) => R.selectors.isTop(re, n), [R, n]));
+  let [L, $, H, Y] = Ye(E, (oe) => [oe.comboboxState, oe.buttonElement, oe.inputElement, oe.optionsElement]), R = Ka.get(null), q = Ye(R, Z((oe) => R.selectors.isTop(oe, n), [R, n]));
   Tu(q, [$, H, Y], () => E.actions.closeCombobox());
   let K = Ye(E, E.selectors.activeOptionIndex), le = Ye(E, E.selectors.activeOption), F = Ne({ open: L === fe.Open, disabled: d, invalid: u, activeIndex: K, activeOption: le, value: D }), [V, I] = Zr(), G = r === null ? {} : { ref: r }, ne = Z(() => {
     if (b !== void 0) return w?.(b);
@@ -7293,16 +7293,16 @@ function G2(e, r) {
     let ne = v.current;
     ne && ((G === fe.Open && V === fe.Closed || F !== I) && (ne.value = F), requestAnimationFrame(() => {
       if (o.state.isTyping || !ne || go(ne)) return;
-      let { selectionStart: W, selectionEnd: re } = ne;
-      Math.abs((re ?? 0) - (W ?? 0)) === 0 && W === 0 && ne.setSelectionRange(ne.value.length, ne.value.length);
+      let { selectionStart: W, selectionEnd: oe } = ne;
+      Math.abs((oe ?? 0) - (W ?? 0)) === 0 && W === 0 && ne.setSelectionRange(ne.value.length, ne.value.length);
     }));
   }, [w, g, C]), dc(([F], [V]) => {
     if (F === fe.Open && V === fe.Closed) {
       if (o.state.isTyping) return;
       let I = v.current;
       if (!I) return;
-      let G = I.value, { selectionStart: ne, selectionEnd: W, selectionDirection: re } = I;
-      I.value = "", I.value = G, re !== null ? I.setSelectionRange(ne, W, re) : I.setSelectionRange(ne, W);
+      let G = I.value, { selectionStart: ne, selectionEnd: W, selectionDirection: oe } = I;
+      I.value = "", I.value = G, oe !== null ? I.setSelectionRange(ne, W, oe) : I.setSelectionRange(ne, W);
     }
   }, [g]);
   let E = z(!1), k = U(() => {
@@ -7417,12 +7417,12 @@ function e0(e, r) {
     f.actions.setActivationTrigger(rn.Pointer);
   }), F = U((Se) => {
     Se.preventDefault(), f.actions.setActivationTrigger(rn.Pointer);
-  }), V = gt(v ? D() : {}, { "aria-labelledby": q, role: "listbox", "aria-multiselectable": h.mode === kt.Multi ? !0 : void 0, id: i, ref: w, style: { ...p.style, ...g, "--input-width": ts(L, k, !0).width, "--button-width": ts(L, S, !0).width }, onWheel: _ === rn.Pointer ? void 0 : le, onMouseDown: F, ...Bs($) }), I = L && E === fe.Closed && !e.static, G = ls(I, (n = h.virtual) == null ? void 0 : n.options), ne = ls(I, h.value), W = Z((Se) => h.compare(ne, Se), [h.compare, ne]), re = ee(() => {
+  }), V = gt(v ? D() : {}, { "aria-labelledby": q, role: "listbox", "aria-multiselectable": h.mode === kt.Multi ? !0 : void 0, id: i, ref: w, style: { ...p.style, ...g, "--input-width": ts(L, k, !0).width, "--button-width": ts(L, S, !0).width }, onWheel: _ === rn.Pointer ? void 0 : le, onMouseDown: F, ...Bs($) }), I = L && E === fe.Closed && !e.static, G = ls(I, (n = h.virtual) == null ? void 0 : n.options), ne = ls(I, h.value), W = Z((Se) => h.compare(ne, Se), [h.compare, ne]), oe = ee(() => {
     if (!h.virtual) return h;
     if (G === void 0) throw new Error("Missing `options` in virtual mode");
     return G !== h.virtual.options ? { ...h, virtual: { ...h.virtual, options: G } } : h;
   }, [h, G, (t = h.virtual) == null ? void 0 : t.options]);
-  h.virtual && Object.assign(p, { children: y.createElement(ko.Provider, { value: re }, y.createElement(j2, { slot: K }, p.children)) });
+  h.virtual && Object.assign(p, { children: y.createElement(ko.Provider, { value: oe }, y.createElement(j2, { slot: K }, p.children)) });
   let me = xe(), ie = ee(() => h.mode === kt.Multi ? h : { ...h, isSelected: W }, [h, W]);
   return y.createElement(ad, { enabled: c ? e.static || L : !1, ownerDocument: P }, y.createElement(ko.Provider, { value: ie }, me({ ourProps: V, theirProps: { ...p, children: y.createElement(M2, { freeze: I }, typeof p.children == "function" ? (o = p.children) == null ? void 0 : o.call(p, K) : p.children) }, slot: K, defaultTag: X2, features: J2, visible: R, name: "Combobox.Options" })));
 }
@@ -7592,7 +7592,7 @@ function S0(e, r) {
     let H = zn((L = s.current) != null ? L : u);
     return ($ = C?.isFocusWithinPopoverGroup()) != null ? $ : H && (u?.contains(H) || d?.contains(H));
   });
-  oe(() => b?.(g), [b, g]);
+  re(() => b?.(g), [b, g]);
   let [w, E] = $2(), k = vd(u), S = s0({ mainTreeNode: k, portals: w, defaultContainers: [{ get current() {
     return i.state.button;
   } }, { get current() {
@@ -7612,7 +7612,7 @@ function S0(e, r) {
 let E0 = "button";
 function k0(e, r) {
   let n = We(), { id: t = `headlessui-popover-button-${n}`, disabled: o = !1, autoFocus: a = !1, ...i } = e, s = ri("Popover.Button"), [l, c, u, d, p, f, h] = Ye(s, Z((I) => [I.popoverState, s.selectors.isPortalled(I), I.button, I.buttonId, I.panel, I.panelId, I.afterButtonSentinel], [])), v = z(null), m = `headlessui-focus-sentinel-${We()}`, g = Cd(), C = g?.closeOthers, b = x0() !== null;
-  oe(() => {
+  re(() => {
     if (!b) return s.actions.setButtonId(t), () => s.actions.setButtonId(null);
   }, [b, t, s]);
   let [D] = ae(() => Symbol()), w = $e(v, r, Qu(), U((I) => {
@@ -7642,8 +7642,8 @@ function k0(e, r) {
       case se.Escape:
         if (s.state.popoverState !== qe.Open) return C?.(s.state.buttonId);
         if (!v.current) return;
-        let re = zn(v.current);
-        if (re && !v.current.contains(re)) return;
+        let oe = zn(v.current);
+        if (oe && !v.current.contains(oe)) return;
         I.preventDefault(), I.stopPropagation(), s.actions.close();
         break;
     }
@@ -7691,18 +7691,18 @@ function _0(e, r) {
         break;
     }
   });
-  oe(() => {
+  re(() => {
     var V;
     e.static || p === qe.Closed && ((V = e.unmount) == null || V) && u.actions.setPanel(null);
-  }, [p, e.unmount, e.static, u]), oe(() => {
+  }, [p, e.unmount, e.static, u]), re(() => {
     if (h || !o || p !== qe.Open || !b.current) return;
     let V = zn(b.current);
     b.current.contains(V) || mt(b.current, Ve.First);
   }, [h, o, b.current, p]);
   let Y = Ne({ open: p === qe.Open, close: u.actions.refocusableClose }), R = gt(D ? k() : {}, { ref: _, id: t, onKeyDown: H, onBlur: o && p === qe.Open ? (V) => {
-    var I, G, ne, W, re;
+    var I, G, ne, W, oe;
     let me = V.relatedTarget;
-    me && b.current && ((I = b.current) != null && I.contains(me) || (u.actions.close(), ((ne = (G = v.current) == null ? void 0 : G.contains) != null && ne.call(G, me) || (re = (W = m.current) == null ? void 0 : W.contains) != null && re.call(W, me)) && me.focus({ preventScroll: !0 })));
+    me && b.current && ((I = b.current) != null && I.contains(me) || (u.actions.close(), ((ne = (G = v.current) == null ? void 0 : G.contains) != null && ne.call(G, me) || (oe = (W = m.current) == null ? void 0 : W.contains) != null && oe.call(W, me)) && me.focus({ preventScroll: !0 })));
   } : void 0, tabIndex: -1, style: { ...c.style, ...E, "--button-width": ts(L, f, !0).width }, ...Bs($) }), q = gd(), K = U(() => {
     let V = b.current;
     if (!V) return;
@@ -7723,7 +7723,7 @@ function _0(e, r) {
       ze(q.current, { [vn.Forwards]: () => {
         var G;
         if (!u.state.button) return;
-        let ne = (G = pr(u.state.button)) != null ? G : document.body, W = Ga(ne), re = W.indexOf(u.state.button), me = W.slice(0, re + 1), ie = [...W.slice(re + 1), ...me];
+        let ne = (G = pr(u.state.button)) != null ? G : document.body, W = Ga(ne), oe = W.indexOf(u.state.button), me = W.slice(0, oe + 1), ie = [...W.slice(oe + 1), ...me];
         for (let Se of ie.slice()) if (Se.dataset.headlessuiFocusGuard === "true" || S != null && S.contains(Se)) {
           let tt = ie.indexOf(Se);
           tt !== -1 && ie.splice(tt, 1);
@@ -11787,7 +11787,7 @@ var Im = function(e) {
   return y.createElement("div", { className: a, "aria-label": l, role: s ? void 0 : "dialog", "aria-modal": s ? void 0 : "true", translate: "no" }, i);
 }, Fm = function(e, r) {
   var n = z(null), t = z(e);
-  oe(function() {
+  re(function() {
     t.current = e;
   }, [e]);
   var o = Z(function(a) {
@@ -11796,7 +11796,7 @@ var Im = function(e) {
     }) || a.target;
     n.current && !n.current.contains(s) && (r && s instanceof HTMLElement && s.classList.contains(r) || (i = t.current) === null || i === void 0 || i.call(t, a));
   }, [r]);
-  return oe(function() {
+  return re(function() {
     return document.addEventListener("mousedown", o), function() {
       document.removeEventListener("mousedown", o);
     };
@@ -14090,7 +14090,7 @@ function S9(e) {
 }
 var E9 = function(e) {
   var r = e.className, n = e.wrapperClassName, t = e.hidePopper, o = t === void 0 ? !0 : t, a = e.popperComponent, i = e.targetComponent, s = e.enableTabLoop, l = e.popperOnKeyDown, c = e.portalId, u = e.portalHost, d = e.popperProps, p = e.showArrow, f = e.popperTargetRef, h = e.monthHeaderPosition;
-  oe(function() {
+  re(function() {
     f?.current && d.refs.setPositionReference(f.current);
   }, [f, d.refs]);
   var v = void 0;
@@ -15483,7 +15483,7 @@ function wf(e) {
 function Xr(e) {
   return e ? Qr(e) ? e.document : Cl(e) ? yl(e) ? e : Wo(e) || wf(e) ? e.ownerDocument : document : document : document;
 }
-const sn = di ? Io : oe;
+const sn = di ? Io : re;
 function wl(e) {
   const r = z(e);
   return sn(() => {
@@ -15532,7 +15532,7 @@ function Fa(e) {
 }
 function gs(e) {
   const r = z();
-  return oe(() => {
+  return re(() => {
     r.current = e;
   }, [e]), r.current;
 }
@@ -15704,7 +15704,7 @@ function nv() {
 const Df = /* @__PURE__ */ _e(null);
 function rv(e) {
   const r = Ce(Df);
-  oe(() => {
+  re(() => {
     if (!r)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return r(e);
@@ -15768,7 +15768,7 @@ function sv(e) {
     announce: a,
     announcement: i
   } = nv(), s = jo("DndLiveRegion"), [l, c] = ae(!1);
-  if (oe(() => {
+  if (re(() => {
     c(!0);
   }, []), rv(ee(() => ({
     onDragStart(d) {
@@ -16784,7 +16784,7 @@ function Av(e) {
     const k = m.current.x * g.current.x, S = m.current.y * g.current.y;
     E.scrollBy(k, S);
   }, []), w = ee(() => s === $a.TreeOrder ? [...c].reverse() : c, [s, c]);
-  oe(
+  re(
     () => {
       if (!a || !c.length || !C) {
         v();
@@ -16929,21 +16929,21 @@ function Bv(e, r) {
     }
     return g;
   }, [e, a, n, d, l]);
-  return oe(() => {
+  return re(() => {
     u.current = e;
-  }, [e]), oe(
+  }, [e]), re(
     () => {
       d || f();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, d]
-  ), oe(
+  ), re(
     () => {
       a && a.length > 0 && i(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(a)]
-  ), oe(
+  ), re(
     () => {
       d || typeof s != "number" || h.current !== null || (h.current = setTimeout(() => {
         f(), h.current = null;
@@ -16986,7 +16986,7 @@ function zv(e) {
     } = window;
     return new a(t);
   }, [t, n]);
-  return oe(() => () => o?.disconnect(), [o]), o;
+  return re(() => () => o?.disconnect(), [o]), o;
 }
 function pi(e) {
   let {
@@ -17005,7 +17005,7 @@ function pi(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return oe(() => () => o?.disconnect(), [o]), o;
+  return re(() => () => o?.disconnect(), [o]), o;
 }
 function jv(e) {
   return new Dl(Jr(e), e);
@@ -17056,7 +17056,7 @@ function Uv(e) {
 const D1 = [];
 function Zv(e) {
   const r = z(e), n = zo((t) => e ? t && t !== D1 && e && r.current && e.parentNode === r.current.parentNode ? t : fi(e) : D1, [e]);
-  return oe(() => {
+  return re(() => {
     r.current = e;
   }, [e]), n;
 }
@@ -17065,7 +17065,7 @@ function Kv(e) {
     const i = Bi(a.target);
     i && n((s) => s ? (s.set(i, Cs(i)), new Map(s)) : null);
   }, []);
-  return oe(() => {
+  return re(() => {
     const a = t.current;
     if (e !== a) {
       i(a);
@@ -17091,19 +17091,19 @@ function Kv(e) {
 function S1(e, r) {
   r === void 0 && (r = []);
   const n = z(null);
-  return oe(
+  return re(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     r
-  ), oe(() => {
+  ), re(() => {
     const t = e !== zt;
     t && !n.current && (n.current = e), !t && n.current && (n.current = null);
   }, [e]), n.current ? Lo(e, n.current) : zt;
 }
 function Gv(e) {
-  oe(
+  re(
     () => {
       if (!di)
         return;
@@ -17395,7 +17395,7 @@ function ig(e) {
     activatorEvent: t,
     draggableNodes: o
   } = Ce(hi), a = gs(t), i = gs(n?.id);
-  return oe(() => {
+  return re(() => {
     if (!r && !t && a && i != null) {
       if (!xl(a) || document.activeElement === a.target)
         return;
@@ -17536,10 +17536,10 @@ const ug = /* @__PURE__ */ ap(function(r) {
     dragging: E,
     dependencies: [T.x, T.y],
     config: F.droppable
-  }), ne = Yv(S, k), W = ee(() => Y ? bs(Y) : null, [Y]), re = np(), me = Wv(ne, F.draggable.measure);
+  }), ne = Yv(S, k), W = ee(() => Y ? bs(Y) : null, [Y]), oe = np(), me = Wv(ne, F.draggable.measure);
   cg({
     activeNode: k != null ? S.get(k) : null,
-    config: re.layoutShiftCompensation,
+    config: oe.layoutShiftCompensation,
     initialRect: me,
     measure: F.draggable.measure
   });
@@ -17725,7 +17725,7 @@ const ug = /* @__PURE__ */ ap(function(r) {
   }, [S, Il]), Fl = Vv(u, Jf);
   Gv(u), sn(() => {
     ie && D === In.Initializing && w(In.Initialized);
-  }, [ie, D]), oe(
+  }, [ie, D]), re(
     () => {
       const {
         onDragMove: ct
@@ -17756,7 +17756,7 @@ const ug = /* @__PURE__ */ ap(function(r) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [Sr.x, Sr.y]
-  ), oe(
+  ), re(
     () => {
       const {
         active: ct,
@@ -17813,7 +17813,7 @@ const ug = /* @__PURE__ */ ap(function(r) {
       translated: Er
     };
   }, [N, ne, eo, Er, S, xr, Dr, V, _, On, Pn, Sr]), Av({
-    ...re,
+    ...oe,
     delta: T,
     draggingRect: Er,
     pointerCoordinates: _l,
@@ -17976,9 +17976,9 @@ function gg(e) {
   }), D = Z((S, T) => {
     b && (T && (b.unobserve(T), d.current = !1), S && b.observe(S));
   }, [b]), [w, E] = Fa(D), k = _o(r);
-  return oe(() => {
+  return re(() => {
     !b || !w.current || (b.disconnect(), d.current = !1, b.observe(w.current));
-  }, [w, b]), oe(
+  }, [w, b]), re(
     () => (s({
       type: Je.RegisterDroppable,
       element: {
@@ -17996,7 +17996,7 @@ function gg(e) {
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t]
-  ), oe(() => {
+  ), re(() => {
     n !== u.current.disabled && (s({
       type: Je.SetDroppableDisabled,
       id: t,
@@ -18128,7 +18128,7 @@ function Dg(e) {
   } = hg(), d = jo(Yf, n), p = s.rect !== null, f = ee(() => t.map((E) => typeof E == "object" && "id" in E ? E.id : E), [t]), h = i != null, v = i ? f.indexOf(i.id) : -1, m = c ? f.indexOf(c.id) : -1, g = z(f), C = !Cg(f, g.current), b = m !== -1 && v === -1 || C, D = yg(a);
   sn(() => {
     C && h && u(f);
-  }, [C, f, h, u]), oe(() => {
+  }, [C, f, h, u]), re(() => {
     g.current = f;
   }, [f]);
   const w = ee(
@@ -18205,7 +18205,7 @@ function Og(e) {
       }
     }
     n !== s.current && (s.current = n);
-  }, [r, n, t, o]), oe(() => {
+  }, [r, n, t, o]), re(() => {
     a && i(null);
   }, [a]), a;
 }
@@ -18276,7 +18276,7 @@ function Tg(e) {
     activeIndex: p,
     overIndex: m,
     index: D
-  }) : null, re = ca(p) && ca(m) ? a({
+  }) : null, oe = ca(p) && ca(m) ? a({
     id: i,
     items: u,
     activeIndex: p,
@@ -18284,7 +18284,7 @@ function Tg(e) {
   }) : D, me = P?.id, ie = z({
     activeId: me,
     items: u,
-    newIndex: re,
+    newIndex: oe,
     containerId: d
   }), Se = u !== ie.current.items, tt = r({
     active: P,
@@ -18305,9 +18305,9 @@ function Tg(e) {
     node: S,
     rect: k
   });
-  return oe(() => {
-    F && ie.current.newIndex !== re && (ie.current.newIndex = re), d !== ie.current.containerId && (ie.current.containerId = d), u !== ie.current.items && (ie.current.items = u);
-  }, [F, re, d, u]), oe(() => {
+  return re(() => {
+    F && ie.current.newIndex !== oe && (ie.current.newIndex = oe), d !== ie.current.containerId && (ie.current.containerId = d), u !== ie.current.items && (ie.current.items = u);
+  }, [F, oe, d, u]), re(() => {
     if (me === ie.current.activeId)
       return;
     if (me != null && ie.current.activeId == null) {
@@ -18325,7 +18325,7 @@ function Tg(e) {
     data: w,
     rect: k,
     index: D,
-    newIndex: re,
+    newIndex: oe,
     items: u,
     isOver: T,
     isSorting: F,
@@ -18464,69 +18464,78 @@ const Ig = ({
   draggable: n = !1,
   onSelected: t,
   onOrderChange: o,
-  ...a
+  selected: a,
+  ...i
 }) => {
-  const [i, s] = ae(() => []), l = lv(
+  const [s, l] = ae(
+    () => []
+  ), c = lv(
     h1(kl),
     h1(Sl, {
       coordinateGetter: Rg
     })
-  ), c = Z(
-    (p, f) => {
-      if (i.includes(p)) {
-        if (!f) {
-          const h = i.filter((v) => v !== p);
-          s(h), t?.(h);
+  );
+  re(() => {
+    l([...a ?? []]);
+  }, [a]);
+  const u = Z(
+    (f, h) => {
+      if (s.includes(f)) {
+        if (!h) {
+          const v = s.filter(
+            (m) => m !== f
+          );
+          l(v), t?.(v);
         }
-      } else if (f) {
-        const h = [...i, p];
-        s(h), t?.(h);
+      } else if (h) {
+        const v = [...s, f];
+        l(v), t?.(v);
       }
     },
-    [i, t]
-  ), u = (p) => {
-    const { active: f, over: h } = p;
-    if (h && f.id !== h.id) {
-      const v = r.findIndex((C) => C.id === f.id), m = r.findIndex((C) => C.id === h.id), g = Ml(r, v, m);
-      o?.(g);
+    [s, t]
+  ), d = (f) => {
+    const { active: h, over: v } = f;
+    if (v && h.id !== v.id) {
+      const m = r.findIndex((b) => b.id === h.id), g = r.findIndex((b) => b.id === v.id), C = Ml(r, m, g);
+      o?.(C);
     }
-  }, d = ee(
-    () => r.map((p) => /* @__PURE__ */ O(
+  }, p = ee(
+    () => r.map((f) => /* @__PURE__ */ O(
       zf,
       {
-        id: p.id,
+        id: f.id,
         disabled: !n,
-        "data-testid": p.id,
-        ...p.data,
-        canDrag: n && p.data.canDrag !== !1,
-        selected: i.includes(p.id),
-        onSelected: (f) => c(p.id, f)
+        "data-testid": f.id,
+        ...f.data,
+        canDrag: n && f.data.canDrag !== !1,
+        selected: s.includes(f.id),
+        onSelected: (h) => u(f.id, h)
       },
-      p.id
+      f.id
     )),
-    [r, n, i, c]
+    [r, n, u, s]
   );
   return /* @__PURE__ */ O(
     "div",
     {
       className: A("flex flex-col", "w-full", "gap-y-md", e),
-      ...a,
+      ...i,
       children: n ? /* @__PURE__ */ O(
         ug,
         {
-          sensors: l,
+          sensors: c,
           collisionDetection: uv,
-          onDragEnd: u,
+          onDragEnd: d,
           children: /* @__PURE__ */ O(
             Dg,
             {
-              items: r.map((p) => p.id),
+              items: r.map((f) => f.id),
               strategy: wg,
-              children: d
+              children: p
             }
           )
         }
-      ) : d
+      ) : p
     }
   );
 };
@@ -18583,7 +18592,7 @@ const Ag = ({
     ) : a,
     [a, c]
   );
-  oe(() => {
+  re(() => {
     s && s.length > 0 && p([...s]);
   }, [s]);
   const h = Z(
@@ -18866,19 +18875,19 @@ function Yg() {
       throw new TypeError(e);
     E = D(E) || 0, g(k) && ($ = !!k.leading, H = "maxWait" in k, _ = H ? f(D(k.maxWait) || 0, E) : _, Y = "trailing" in k ? !!k.trailing : Y);
     function R(W) {
-      var re = S, me = T;
-      return S = T = void 0, L = W, P = w.apply(me, re), P;
+      var oe = S, me = T;
+      return S = T = void 0, L = W, P = w.apply(me, oe), P;
     }
     function q(W) {
       return L = W, M = setTimeout(F, E), $ ? R(W) : P;
     }
     function K(W) {
-      var re = W - N, me = W - L, ie = E - re;
+      var oe = W - N, me = W - L, ie = E - oe;
       return H ? h(ie, _ - me) : ie;
     }
     function le(W) {
-      var re = W - N, me = W - L;
-      return N === void 0 || re >= E || re < 0 || H && me >= _;
+      var oe = W - N, me = W - L;
+      return N === void 0 || oe >= E || oe < 0 || H && me >= _;
     }
     function F() {
       var W = v();
@@ -18896,8 +18905,8 @@ function Yg() {
       return M === void 0 ? P : V(v());
     }
     function ne() {
-      var W = v(), re = le(W);
-      if (S = arguments, T = this, N = W, re) {
+      var W = v(), oe = le(W);
+      if (S = arguments, T = this, N = W, oe) {
         if (M === void 0)
           return q(N);
         if (H)
@@ -18940,7 +18949,7 @@ const Bg = /* @__PURE__ */ k5(Vg), Wg = (e, r) => {
     () => Bg(e, r),
     [e, r]
   );
-  return oe(() => () => n.cancel(), [n]), n;
+  return re(() => () => n.cancel(), [n]), n;
 }, zg = (e) => e != null, jg = (e) => {
   if (!zg(e))
     return !1;
@@ -18976,9 +18985,9 @@ const Bg = /* @__PURE__ */ k5(Vg), Wg = (e, r) => {
     (P, M) => P1(s, Number.parseFloat(M.toString()))(P) && P1(Number.parseFloat(P.toString()), a)(M),
     [a, s]
   );
-  oe(() => {
+  re(() => {
     m(p);
-  }, [p]), oe(() => {
+  }, [p]), re(() => {
     v != null && (Array.isArray(v) ? (C(Zi(v[0], s, a).toString()), D(Zi(v[1], s, a).toString())) : (C(s.toString()), D(Zi(v, s, a).toString())));
   }, [a, s, v]);
   const E = Wg(