@kosdev-code/base-ui-components 0.1.0-dev.5198 → 0.1.0-dev.5199

package/index.js

@@ -2654,8 +2654,8 @@ const Mt = /* @__PURE__ */ zr(Xl), [Ie] = N(["icon-button"]), se = oe(
   }, [d]), me(() => {
     const g = r.current, b = i.current;
     if (b !== e) {
-      const v = a.current, x = io(g);
-      e ? u("MOUNT") : x === "none" || (g == null ? void 0 : g.display) === "none" ? u("UNMOUNT") : u(b && v !== x ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
+      const y = a.current, x = io(g);
+      e ? u("MOUNT") : x === "none" || (g == null ? void 0 : g.display) === "none" ? u("UNMOUNT") : u(b && y !== x ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
     }
   }, [e, u]), me(() => {
     if (o) {
@@ -3012,12 +3012,12 @@ const Dc = /* @__PURE__ */ zr(zc), Oc = 250, Tc = 500, u0 = ({
   style: d,
   ...u
 }) => {
-  const f = A(), p = A(), g = A(null), b = A(null), [m, v] = _(!1), [x, k] = _(!1), y = z(
+  const f = A(), p = A(), g = A(null), b = A(null), [m, y] = _(!1), [x, k] = _(!1), v = z(
     (T) => {
       const D = typeof e == "string";
-      v(!0), Dc(n ?? D ? String(e) : "");
+      y(!0), Dc(n ?? D ? String(e) : "");
       const M = () => {
-        v(!1);
+        y(!1);
       };
       clearTimeout(f.current), f.current = setTimeout(M, Tc), r == null || r(T);
     },
@@ -3034,7 +3034,7 @@ const Dc = /* @__PURE__ */ zr(zc), Oc = 250, Tc = 500, u0 = ({
     [i]
   ), S = z(
     (T) => {
-      v(!1), k(!1), clearTimeout(p.current), a == null || a(T);
+      y(!1), k(!1), clearTimeout(p.current), a == null || a(T);
     },
     [a]
   ), w = z(
@@ -3054,7 +3054,7 @@ const Dc = /* @__PURE__ */ zr(zc), Oc = 250, Tc = 500, u0 = ({
       {
         ref: b,
         children: e,
-        onClick: o ? y : r,
+        onClick: o ? v : r,
         onMouseMove: o ? C : i,
         onMouseOut: o ? S : a,
         onMouseOver: o ? w : s,
@@ -3171,12 +3171,12 @@ const Nc = H`
     initialFocus: u,
     ...f
   }, p) => {
-    const { context: g, ...b } = mt(), m = Dt([b.refs.setFloating, p]), { isMounted: v, status: x } = Os(g, {
+    const { context: g, ...b } = mt(), m = Dt([b.refs.setFloating, p]), { isMounted: y, status: x } = Os(g, {
       duration: i || 0
     });
     if (!gt(d))
       throw new Error("Passed an invalid child element to Dialog.");
-    return v ? /* @__PURE__ */ c(Zt, { id: n, root: o, children: /* @__PURE__ */ c(
+    return y ? /* @__PURE__ */ c(Zt, { id: n, root: o, children: /* @__PURE__ */ c(
       Jo,
       {
         context: g,
@@ -3605,13 +3605,13 @@ const Rc = h.div`
     suffixSize: g,
     onSuffixIconClick: b,
     onEnter: m,
-    onKeyDown: v,
+    onKeyDown: y,
     ...x
   }, k) => {
-    const y = t === "password", [C, S] = _(!1), [w, T] = _(t), D = z(() => {
+    const v = t === "password", [C, S] = _(!1), [w, T] = _(t), D = z(() => {
       T(C ? "password" : "text"), S(!C);
     }, [C]), M = (P) => {
-      P.key === "Enter" && (m == null || m()), v == null || v(P);
+      P.key === "Enter" && (m == null || m()), y == null || y(P);
     };
     return V(() => {
       T(t);
@@ -3623,12 +3623,12 @@ const Rc = h.div`
           className: P(e, {
             isSmall: i,
             hasLeftIcon: !!o,
-            hasRightIcon: !!y || !!p
+            hasRightIcon: !!v || !!p
           }),
           ref: k,
-          autoCapitalize: y ? "off" : a,
-          autoComplete: y ? "current-password" : s,
-          autoCorrect: y ? "off" : d,
+          autoCapitalize: v ? "off" : a,
+          autoComplete: v ? "current-password" : s,
+          autoCorrect: v ? "off" : d,
           onKeyDown: M,
           ...x
         }
@@ -3641,7 +3641,7 @@ const Rc = h.div`
           size: r || "sm"
         }
       ),
-      (y || !!p || !!f) && /* @__PURE__ */ c(Jc, { children: f || (p ? /* @__PURE__ */ c(
+      (v || !!p || !!f) && /* @__PURE__ */ c(Jc, { children: f || (p ? /* @__PURE__ */ c(
         L,
         {
           iconId: p,
@@ -3870,7 +3870,7 @@ const dd = () => Eo || (Eo = cd()), ud = (e, t) => {
       s.textContent !== d && (s.textContent = d);
       const f = s.textContent, p = s.offsetWidth, g = a.offsetWidth;
       if (p > g && f) {
-        const b = f.length, m = p / b, x = Math.ceil((p - g) / m) / 2 + 1.5, k = Math.floor(b / 2 - x), y = Math.ceil(b / 2 + x), C = f.substr(0, k), S = f.substr(y);
+        const b = f.length, m = p / b, x = Math.ceil((p - g) / m) / 2 + 1.5, k = Math.floor(b / 2 - x), v = Math.ceil(b / 2 + x), C = f.substr(0, k), S = f.substr(v);
         s.textContent = `${C.trim()}...${S.trim()}`;
       }
     }
@@ -3935,11 +3935,11 @@ const A0 = ({
   const s = A(null), [d, u] = _(null);
   V(() => {
     if (s.current && d === null) {
-      const v = s.current.getBoundingClientRect(), x = a === "horizontal" ? v.width : v.height, k = e / 100 * x, y = Math.max(
+      const y = s.current.getBoundingClientRect(), x = a === "horizontal" ? y.width : y.height, k = e / 100 * x, v = Math.max(
         t,
         k
-      ), C = y / x * 100;
-      u(y);
+      ), C = v / x * 100;
+      u(v);
       const S = C, w = 100 - C;
       a === "horizontal" ? s.current.style.gridTemplateColumns = `${S}% 2px ${w}%` : s.current.style.gridTemplateRows = `${S}% 2px ${w}%`;
     }
@@ -3947,17 +3947,17 @@ const A0 = ({
   const f = z(() => {
     if (!s.current || d === null)
       return;
-    const v = s.current.getBoundingClientRect(), x = a === "horizontal" ? v.width : v.height;
-    let k = Math.round(d / x * 100), y = 100 - k;
-    if (y < n) {
-      y = n, k = 100 - y;
+    const y = s.current.getBoundingClientRect(), x = a === "horizontal" ? y.width : y.height;
+    let k = Math.round(d / x * 100), v = 100 - k;
+    if (v < n) {
+      v = n, k = 100 - v;
       const C = Math.round(
         k / 100 * x
       );
       u(C);
     }
     if (k < o) {
-      k = o, y = 100 - k;
+      k = o, v = 100 - k;
       const C = Math.round(
         k / 100 * x
       );
@@ -3968,13 +3968,13 @@ const A0 = ({
     f
   ]);
   V(() => (window.addEventListener("resize", p), () => window.removeEventListener("resize", p)), [p]);
-  const g = (v) => {
-    v.preventDefault(), document.addEventListener("mousemove", b), document.addEventListener("mouseup", m);
-  }, b = (v) => {
+  const g = (y) => {
+    y.preventDefault(), document.addEventListener("mousemove", b), document.addEventListener("mouseup", m);
+  }, b = (y) => {
     if (!s.current)
       return;
-    const x = s.current.getBoundingClientRect(), k = a === "horizontal" ? x.width : x.height, y = a === "horizontal" ? v.clientX - x.left : v.clientY - x.top, C = Math.max(t, y), S = Math.round(C / k * 100), w = 100 - S;
-    S >= o && w >= n && (u(y), a === "horizontal" ? s.current.style.gridTemplateColumns = `${S}% 2px ${w}%` : s.current.style.gridTemplateRows = `${S}% 2px ${w}%`);
+    const x = s.current.getBoundingClientRect(), k = a === "horizontal" ? x.width : x.height, v = a === "horizontal" ? y.clientX - x.left : y.clientY - x.top, C = Math.max(t, v), S = Math.round(C / k * 100), w = 100 - S;
+    S >= o && w >= n && (u(v), a === "horizontal" ? s.current.style.gridTemplateColumns = `${S}% 2px ${w}%` : s.current.style.gridTemplateRows = `${S}% 2px ${w}%`);
   }, m = () => {
     document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", m);
   };
@@ -4108,9 +4108,9 @@ const vd = (e) => e.type.startsWith("mouse"), xd = (e) => e.type.startsWith("poi
       const { direction: m } = a.current;
       if (!n.current)
         return;
-      const v = Yr(g, n.current);
+      const y = Yr(g, n.current);
       Ze(
-        v,
+        y,
         `Drag handle element not found for id "${g}"`
       );
       const x = Ur(
@@ -4119,7 +4119,7 @@ const vd = (e) => e.type.startsWith("mouse"), xd = (e) => e.type.startsWith("poi
       );
       i({
         dragHandleId: g,
-        dragHandleRect: v.getBoundingClientRect(),
+        dragHandleRect: y.getBoundingClientRect(),
         initialCursorPosition: x
       });
       const k = _n(
@@ -4128,35 +4128,35 @@ const vd = (e) => e.type.startsWith("mouse"), xd = (e) => e.type.startsWith("poi
         n.current
       );
       if (k) {
-        const y = k.getBoundingClientRect();
-        a.current.initialResizePanelSize = m === "vertical" ? y.height : y.width;
+        const v = k.getBoundingClientRect();
+        a.current.initialResizePanelSize = m === "vertical" ? v.height : v.width;
       }
     },
     []
   ), d = z(() => {
     i(null), a.current.initialResizePanelSize = null;
   }, []), u = z((g) => {
-    const { direction: b } = a.current, v = An(
+    const { direction: b } = a.current, y = An(
       a.current.id,
       n.current ?? void 0
     ).find(
       (x) => x.dataset.resizablePanelId === g
     );
-    if (v) {
-      const x = v.parentElement, k = b === "horizontal" ? x == null ? void 0 : x.getBoundingClientRect().width : x == null ? void 0 : x.getBoundingClientRect().height, y = v.dataset.collapsed === "true", C = Ht(
-        v,
+    if (y) {
+      const x = y.parentElement, k = b === "horizontal" ? x == null ? void 0 : x.getBoundingClientRect().width : x == null ? void 0 : x.getBoundingClientRect().height, v = y.dataset.collapsed === "true", C = Ht(
+        y,
         "resizablePanelMinSize",
         k
       ), S = Ht(
-        v,
+        y,
         "resizablePanelCollapsedSize",
         k
       );
       Io(
-        v,
+        y,
         b,
-        y ? C : S,
-        !y
+        v ? C : S,
+        !v
       );
     }
   }, []);
@@ -4179,23 +4179,23 @@ const vd = (e) => e.type.startsWith("mouse"), xd = (e) => e.type.startsWith("poi
       const m = n.current;
       if (!m)
         return () => null;
-      const { direction: v, dragState: x } = a.current, k = wd(
+      const { direction: y, dragState: x } = a.current, k = wd(
         b,
         g,
-        v,
+        y,
         x,
         m
       );
       if (k !== 0 && n.current) {
-        const y = _n(
+        const v = _n(
           g,
           a.current.id,
           n.current
         );
-        if (y && a.current.initialResizePanelSize !== null) {
+        if (v && a.current.initialResizePanelSize !== null) {
           const C = a.current.initialResizePanelSize;
           let S = C + k;
-          S = S < 0 ? 0 : S, Io(y, v, S, C > S);
+          S = S < 0 ? 0 : S, Io(v, y, S, C > S);
         }
       }
     },
@@ -4407,18 +4407,18 @@ const Wd = () => {
       // That is why we only check potentially intersecting handles,
       // and why we skip if the event target is within the handle's DOM
       Id(n, i) > 0) {
-        let m = n, v = !1;
+        let m = n, y = !1;
         for (; m && !m.contains(i); ) {
           if (Ed(
             m.getBoundingClientRect(),
             s
           )) {
-            v = !0;
+            y = !0;
             break;
           }
           m = m.parentElement;
         }
-        if (v)
+        if (y)
           return;
       }
       Fe.push(r);
@@ -4494,16 +4494,16 @@ const Wd = () => {
           coarse: 15,
           fine: 5
         },
-        (x, k, y) => {
+        (x, k, v) => {
           if (k)
             switch (x) {
               case "down": {
-                u("drag"), Ze(y, 'Expected event to be defined for "down" action'), n(s, y);
+                u("drag"), Ze(v, 'Expected event to be defined for "down" action'), n(s, v);
                 break;
               }
               case "move": {
                 const { state: C } = b.current;
-                C !== "drag" && u("hover"), Ze(y, 'Expected event to be defined for "move" action'), f(y);
+                C !== "drag" && u("hover"), Ze(v, 'Expected event to be defined for "move" action'), f(v);
                 break;
               }
               case "up": {
@@ -4601,7 +4601,7 @@ const Wd = () => {
   onBeforeOpen: p = Vd,
   showOpenState: g = !1
 }) => {
-  const [b, m] = _(!1), [v, x] = _(null), [k, y] = _(null), C = r ?? k, S = i ?? y, w = z(
+  const [b, m] = _(!1), [y, x] = _(null), [k, v] = _(null), C = r ?? k, S = i ?? v, w = z(
     (ee) => {
       ee ? p().then(() => {
         m(ee), f && f(ee);
@@ -4622,7 +4622,7 @@ const Wd = () => {
     [f, t, S]
   ), te = Ms(M, {
     listRef: P,
-    activeIndex: v,
+    activeIndex: y,
     selectedIndex: C,
     focusItemOnHover: !d,
     focusItemOnOpen: !d,
@@ -4630,13 +4630,13 @@ const Wd = () => {
   }), nt = Xo(M, { enabled: !n }), rt = go(M), it = tn(M, { role: "listbox" }), { getReferenceProps: yt, getFloatingProps: It, getItemProps: ue } = mo(
     [te, nt, rt, it]
   ), pe = U(() => ({
-    activeIndex: v,
+    activeIndex: y,
     selectedIndex: C,
     open: b,
     getItemProps: ue,
     handleSelect: G,
     setIsOpen: m
-  }), [v, b, C, ue, G]);
+  }), [y, b, C, ue, G]);
   return /* @__PURE__ */ $(Jr.Provider, { value: pe, children: [
     /* @__PURE__ */ c(
       Yd,
@@ -4721,7 +4721,7 @@ const Wd = () => {
     disableSelectionStyle: u,
     disableEnterSelection: f
   }) => {
-    const { activeIndex: p, selectedIndex: g, getItemProps: b, handleSelect: m } = Qr(), { ref: v, index: x } = Is({ label: t }), k = p !== null && p !== -1 && p === x, y = !u && g !== null && g !== -1 && g === x, C = z(
+    const { activeIndex: p, selectedIndex: g, getItemProps: b, handleSelect: m } = Qr(), { ref: y, index: x } = Is({ label: t }), k = p !== null && p !== -1 && p === x, v = !u && g !== null && g !== -1 && g === x, C = z(
       (S) => {
         o || (S.stopPropagation(), m(x));
       },
@@ -4730,12 +4730,12 @@ const Wd = () => {
     return /* @__PURE__ */ c(K, { children: ({ cx: S }) => /* @__PURE__ */ $(
       Kd,
       {
-        className: S({ isActive: k, isSelected: y, disabled: o }, n),
-        ref: v,
+        className: S({ isActive: k, isSelected: v, disabled: o }, n),
+        ref: y,
         "data-key": t,
         role: "option",
         "data-color": s,
-        "aria-selected": k && y,
+        "aria-selected": k && v,
         tabIndex: k ? 0 : -1,
         ...b({
           onClick: (w) => C(w),
@@ -5368,8 +5368,8 @@ const [uu, Te, Ce] = N([
       Rs(),
       Fs({ element: u })
     ]
-  }), v = Ws(m, { move: !1, restMs: r }), x = _s(m), k = go(m), y = tn(m, { role: "tooltip" }), { getReferenceProps: C, getFloatingProps: S } = mo(
-    d ? [] : [v, x, k, y]
+  }), y = Ws(m, { move: !1, restMs: r }), x = _s(m), k = go(m), v = tn(m, { role: "tooltip" }), { getReferenceProps: C, getFloatingProps: S } = mo(
+    d ? [] : [y, x, k, v]
   );
   return /* @__PURE__ */ $(ce, { children: [
     /* @__PURE__ */ c(
@@ -5670,19 +5670,19 @@ const [uu, Te, Ce] = N([
   }) => {
     const [f, p] = _(!1), g = z((D) => {
       console.log({ _open: D }), p(D);
-    }, []), { refs: b, floatingStyles: m, context: v } = ho({
+    }, []), { refs: b, floatingStyles: m, context: y } = ho({
       placement: "bottom",
       open: f,
       onOpenChange: g,
       whileElementsMounted: en,
       middleware: Xr
-    }), x = Xo(v, {
+    }), x = Xo(y, {
       enabled: !i,
       toggle: !!n
-    }), k = go(v), y = tn(v, { role: "listbox" }), { getReferenceProps: C, getFloatingProps: S } = mo([
+    }), k = go(y), v = tn(y, { role: "listbox" }), { getReferenceProps: C, getFloatingProps: S } = mo([
       x,
       k,
-      y
+      v
     ]), w = z(
       (D) => {
         t.some((M) => M.value === D.value) ? r(
@@ -5717,7 +5717,7 @@ const [uu, Te, Ce] = N([
               onRemove: w
             }
           )),
-          f && /* @__PURE__ */ c(Zt, { children: /* @__PURE__ */ c(Jo, { context: v, modal: !1, children: /* @__PURE__ */ $(
+          f && /* @__PURE__ */ c(Zt, { children: /* @__PURE__ */ c(Jo, { context: y, modal: !1, children: /* @__PURE__ */ $(
             Hu,
             {
               ref: b.setFloating,
@@ -6124,7 +6124,7 @@ const [uu, Te, Ce] = N([
 }) => {
   const { setIsOpen: g, selectedIndex: b } = Qr(), m = z(() => {
     o("create", { id: t, name: t }), g(!1);
-  }, [t, g, o]), v = U(
+  }, [t, g, o]), y = U(
     () => !e.length || !e.some(
       (k) => k.name.toLowerCase() === t.toLowerCase()
     ),
@@ -6149,14 +6149,14 @@ const [uu, Te, Ce] = N([
         tooltipText: (p == null ? void 0 : p("comboBox.tooltipText")) ?? "Remove?"
       }
     ),
-    e.map((k, y) => /* @__PURE__ */ c(
+    e.map((k, v) => /* @__PURE__ */ c(
       df,
       {
         label: i ? /* @__PURE__ */ c(
           i,
           {
             ...k,
-            selected: b === y
+            selected: b === v
           }
         ) : /* @__PURE__ */ c(tf, { name: k.name }),
         optionKey: k.id,
@@ -6164,7 +6164,7 @@ const [uu, Te, Ce] = N([
       },
       k.id
     )),
-    v && t ? s ? /* @__PURE__ */ c(cf, { onClick: m, children: s }) : /* @__PURE__ */ c(lf, { size: "med", onClick: m, children: d ?? "Create?" }) : null
+    y && t ? s ? /* @__PURE__ */ c(cf, { onClick: m, children: s }) : /* @__PURE__ */ c(lf, { size: "med", onClick: m, children: d ?? "Create?" }) : null
   ] });
 }, rf = ({
   children: e,
@@ -6183,28 +6183,28 @@ const [uu, Te, Ce] = N([
     d.current !== (n == null ? void 0 : n.id) && (f(a ? "" : (n == null ? void 0 : n.name) ?? ""), d.current = n == null ? void 0 : n.id);
   }, [n, a]);
   const b = z(
-    (y) => {
-      f(y), r == null || r(y);
+    (v) => {
+      f(v), r == null || r(v);
     },
     [r]
   ), m = z(
-    (y, C) => {
-      d.current = C == null ? void 0 : C.id, f(a ? "" : (C == null ? void 0 : C.name) ?? ""), i(y, C == null ? void 0 : C.id);
+    (v, C) => {
+      d.current = C == null ? void 0 : C.id, f(a ? "" : (C == null ? void 0 : C.name) ?? ""), i(v, C == null ? void 0 : C.id);
     },
     [i, a]
-  ), v = z(
-    (y) => {
-      const C = o.find((S) => S.id === y);
+  ), y = z(
+    (v) => {
+      const C = o.find((S) => S.id === v);
       C && m("select", C);
     },
     [m, o]
   ), x = U(
     () => p ? o : o.filter(
-      (y) => y.name.toLowerCase().includes(u.toLowerCase()) || y.isHeader
+      (v) => v.name.toLowerCase().includes(u.toLowerCase()) || v.isHeader
     ),
     [u, o, p]
   ), k = U(
-    () => x.findIndex((y) => y.id === (n == null ? void 0 : n.id)),
+    () => x.findIndex((v) => v.id === (n == null ? void 0 : n.id)),
     [x, n == null ? void 0 : n.id]
   );
   return /* @__PURE__ */ c(
@@ -6212,7 +6212,7 @@ const [uu, Te, Ce] = N([
     {
       selectedIndex: k,
       isFocusTrapDisabled: !0,
-      onSelect: v,
+      onSelect: y,
       Reference: e,
       children: /* @__PURE__ */ c(
         nf,
@@ -6605,13 +6605,13 @@ const [_o] = N(["form"]), Qe = W(
   const { control: p } = ye(), {
     field: { ref: g, ...b },
     fieldState: { error: m }
-  } = Pe({ name: e, control: p, rules: u, disabled: t }), v = be(), x = Dt([g, f]);
+  } = Pe({ name: e, control: p, rules: u, disabled: t }), y = be(), x = Dt([g, f]);
   return /* @__PURE__ */ c(K, { children: ({ cx: k }) => /* @__PURE__ */ $(et, { children: [
     /* @__PURE__ */ $(ai, { className: k({ hasLabel: !!o }), children: [
       o && /* @__PURE__ */ c(
         We,
         {
-          formItemId: v,
+          formItemId: y,
           isValid: !m,
           required: !!u.required,
           children: o
@@ -6621,7 +6621,7 @@ const [_o] = N(["form"]), Qe = W(
         ti,
         {
           ...b,
-          id: v,
+          id: y,
           placeholder: n,
           ref: x,
           autoComplete: "off",
@@ -6691,7 +6691,7 @@ const [_o] = N(["form"]), Qe = W(
       }), G !== void 0 && gt(G) && G.props.label && (q = q ?? G.props.label, P = P ?? G.props.prefixIconId), { label: q ?? "", iconId: P };
     },
     [o, f, u]
-  ), v = z(
+  ), y = z(
     (M, P) => {
       let q = null;
       return Dn.forEach(M, (G, te) => {
@@ -6700,12 +6700,12 @@ const [_o] = N(["form"]), Qe = W(
     },
     []
   ), [x, k] = _(
-    v(o, n)
+    y(o, n)
   );
   V(() => {
-    k(v(o, b.current));
-  }, [o, v]);
-  const [y, C] = _(
+    k(y(o, b.current));
+  }, [o, y]);
+  const [v, C] = _(
     (T = m(n)) == null ? void 0 : T.label
   ), [S, w] = _(
     (D = m(n)) == null ? void 0 : D.iconId
@@ -6724,7 +6724,7 @@ const [_o] = N(["form"]), Qe = W(
       Reference: /* @__PURE__ */ c(
         Ef,
         {
-          value: y ?? "",
+          value: v ?? "",
           disabled: e,
           onChange: Je,
           id: r,
@@ -6763,18 +6763,18 @@ const [_o] = N(["form"]), Qe = W(
   const { control: p } = ye(), {
     field: { ref: g, ...b },
     fieldState: { error: m }
-  } = Pe({ name: e, control: p, rules: f, disabled: t }), v = be(), { onChange: x } = b, k = z(
-    (y) => {
-      x(y);
+  } = Pe({ name: e, control: p, rules: f, disabled: t }), y = be(), { onChange: x } = b, k = z(
+    (v) => {
+      x(v);
     },
     [x]
   );
-  return /* @__PURE__ */ c(K, { children: ({ cx: y }) => /* @__PURE__ */ $(et, { children: [
-    /* @__PURE__ */ $(tt, { className: y({ hasLabel: !!o }), children: [
+  return /* @__PURE__ */ c(K, { children: ({ cx: v }) => /* @__PURE__ */ $(et, { children: [
+    /* @__PURE__ */ $(tt, { className: v({ hasLabel: !!o }), children: [
       o && /* @__PURE__ */ c(
         We,
         {
-          formItemId: v,
+          formItemId: y,
           isValid: !m,
           required: !!f.required,
           children: o
@@ -6786,7 +6786,7 @@ const [_o] = N(["form"]), Qe = W(
           disabled: t || u,
           onSelect: k,
           className: d,
-          id: v,
+          id: y,
           value: b.value,
           children: r
         }
@@ -6818,17 +6818,17 @@ const [_o] = N(["form"]), Qe = W(
   readOnly: g,
   ...b
 }, m) => {
-  const { control: v } = ye(), {
+  const { control: y } = ye(), {
     field: { ref: x, ...k },
-    fieldState: { error: y }
-  } = Pe({ name: e, control: v, rules: b, disabled: t }), C = be(), S = Dt([x, m]);
+    fieldState: { error: v }
+  } = Pe({ name: e, control: y, rules: b, disabled: t }), C = be(), S = Dt([x, m]);
   return /* @__PURE__ */ c(K, { children: ({ cx: w }) => /* @__PURE__ */ $(et, { children: [
     /* @__PURE__ */ $(tt, { className: w({ hasLabel: !!o }), children: [
       o && /* @__PURE__ */ c(
         We,
         {
           formItemId: C,
-          isValid: !y,
+          isValid: !v,
           required: !!b.required,
           children: o
         }
@@ -6852,7 +6852,7 @@ const [_o] = N(["form"]), Qe = W(
           suffixIconId: f,
           suffixIconColor: u,
           className: w(i, "form-input"),
-          "aria-invalid": !!y
+          "aria-invalid": !!v
         }
       )
     ] }),
@@ -6885,11 +6885,11 @@ const [_o] = N(["form"]), Qe = W(
     rules: d,
     disabled: o
   }), b = be(), m = e ? ai : tt;
-  return /* @__PURE__ */ c(K, { children: ({ cx: v }) => /* @__PURE__ */ $(et, { className: s, children: [
+  return /* @__PURE__ */ c(K, { children: ({ cx: y }) => /* @__PURE__ */ $(et, { className: s, children: [
     /* @__PURE__ */ $(
       m,
       {
-        className: v("form-input-wrapper", { hasLabel: !!r }),
+        className: y("form-input-wrapper", { hasLabel: !!r }),
         children: [
           r && /* @__PURE__ */ c(
             We,
@@ -6926,13 +6926,13 @@ const [_o] = N(["form"]), Qe = W(
     field: { ref: u, ...f },
     fieldState: { error: p }
   } = Pe({ name: e, control: d, rules: a, disabled: t }), g = be(), b = Dt([u, s]), m = z(
-    (v) => {
-      v.target.blur(), f.onChange(v);
+    (y) => {
+      y.target.blur(), f.onChange(y);
     },
     [f]
   );
-  return /* @__PURE__ */ c(K, { children: ({ cx: v }) => /* @__PURE__ */ $(et, { children: [
-    /* @__PURE__ */ $(tt, { className: v({ hasLabel: !!o }), children: [
+  return /* @__PURE__ */ c(K, { children: ({ cx: y }) => /* @__PURE__ */ $(et, { children: [
+    /* @__PURE__ */ $(tt, { className: y({ hasLabel: !!o }), children: [
       o && /* @__PURE__ */ c(
         We,
         {
@@ -6950,7 +6950,7 @@ const [_o] = N(["form"]), Qe = W(
           onChange: m,
           id: g,
           ref: b,
-          className: v(n, "form-checkbox"),
+          className: y(n, "form-checkbox"),
           "aria-invalid": !!p
         }
       )
@@ -7055,23 +7055,23 @@ const [_o] = N(["form"]), Qe = W(
   readOnly: g,
   options: b,
   useLabelAsValue: m,
-  ...v
+  ...y
 }) => {
   const { control: x } = ye(), {
-    field: { ref: k, ...y },
+    field: { ref: k, ...v },
     fieldState: { error: C }
-  } = Pe({ name: e, control: x, rules: v, disabled: t }), S = be(), w = z(
+  } = Pe({ name: e, control: x, rules: y, disabled: t }), S = be(), w = z(
     (D, M) => {
-      y.onChange(M ?? "");
+      v.onChange(M ?? "");
     },
-    [y]
+    [v]
   ), T = U(() => {
-    if (y.value)
+    if (v.value)
       return {
-        id: y.value,
-        name: y.value
+        id: v.value,
+        name: v.value
       };
-  }, [y.value]);
+  }, [v.value]);
   return /* @__PURE__ */ c(K, { children: ({ cx: D }) => /* @__PURE__ */ $(et, { children: [
     /* @__PURE__ */ $(tt, { className: D({ hasLabel: !!o }), children: [
       o && /* @__PURE__ */ c(
@@ -7079,7 +7079,7 @@ const [_o] = N(["form"]), Qe = W(
         {
           formItemId: S,
           isValid: !C,
-          required: !!v.required,
+          required: !!y.required,
           children: o
         }
       ),
@@ -7090,7 +7090,7 @@ const [_o] = N(["form"]), Qe = W(
           selected: T,
           onSelectionChange: w,
           children: /* @__PURE__ */ $(Af, { children: [
-            /* @__PURE__ */ c(ln, { variant: "body", color: "dark", children: y.value }),
+            /* @__PURE__ */ c(ln, { variant: "body", color: "dark", children: v.value }),
             /* @__PURE__ */ c(Bf, { children: /* @__PURE__ */ c(L, { iconId: "Down", size: "sm", color: "black" }) })
           ] })
         }
@@ -7104,7 +7104,7 @@ const [_o] = N(["form"]), Qe = W(
         hasLabel: !!o
       }
     ),
-    /* @__PURE__ */ c(li, { ref: k, ...y })
+    /* @__PURE__ */ c(li, { ref: k, ...v })
   ] }) });
 }, Af = h(uf)`
   height: 29px;
@@ -7127,11 +7127,11 @@ const [_o] = N(["form"]), Qe = W(
   const { control: s } = ye(), d = A(null), {
     field: { ref: u, value: f, onChange: p, ...g },
     fieldState: { error: b }
-  } = Pe({ name: e, control: s, rules: a, disabled: t }), m = be(), v = Dt([u, d]), x = z(() => {
+  } = Pe({ name: e, control: s, rules: a, disabled: t }), m = be(), y = Dt([u, d]), x = z(() => {
     d.current && d.current.click();
   }, []), k = z((S) => {
     S.preventDefault();
-  }, []), y = z(
+  }, []), v = z(
     (S) => {
       S.preventDefault();
       let w = !1;
@@ -7174,7 +7174,7 @@ const [_o] = N(["form"]), Qe = W(
       ] }) : /* @__PURE__ */ $(
         Lf,
         {
-          onDrop: y,
+          onDrop: v,
           onClick: x,
           onDragOver: k,
           children: [
@@ -7193,7 +7193,7 @@ const [_o] = N(["form"]), Qe = W(
             w.target.files && p(w.target.files[0]);
           },
           type: "file",
-          ref: v
+          ref: y
         }
       )
     ] }),
@@ -7247,13 +7247,13 @@ const [_o] = N(["form"]), Qe = W(
   ...g
 }) => {
   const { control: b } = ye(), {
-    field: { value: m, onChange: v },
+    field: { value: m, onChange: y },
     fieldState: { error: x }
-  } = Pe({ name: e, control: b, rules: g, disabled: t }), k = be(), y = z(
+  } = Pe({ name: e, control: b, rules: g, disabled: t }), k = be(), v = z(
     (C) => {
-      v(C);
+      y(C);
     },
-    [v]
+    [y]
   );
   return /* @__PURE__ */ c(K, { children: ({ cx: C }) => /* @__PURE__ */ $(et, { children: [
     /* @__PURE__ */ $(tt, { className: C({ hasLabel: !!o }), children: [
@@ -7272,7 +7272,7 @@ const [_o] = N(["form"]), Qe = W(
           disabled: t || f,
           options: r,
           closeOnSelect: p,
-          onChange: y,
+          onChange: v,
           selected: m,
           className: u,
           SelectAllItemTemplate: a,
@@ -7555,7 +7555,7 @@ const Gf = h.div`
         t(
           m,
           f.current.includes(m) ? "unselected" : "selected"
-        ), u((v) => e ? [m] : v.includes(m) ? v.filter((x) => x !== m) : [...v, m]);
+        ), u((y) => e ? [m] : y.includes(m) ? y.filter((x) => x !== m) : [...y, m]);
       },
       [e, t]
     ), g = z(
@@ -7568,10 +7568,10 @@ const Gf = h.div`
       isDisabled: !!n
     }), [g, d, p, n]);
     return V(() => {
-      var m, v;
+      var m, y;
       if (r && (i != null && i.items) && f.current.length === 0) {
         let x;
-        a ? x = (m = a(i.items)) == null ? void 0 : m.id : x = (v = i.items[0]) == null ? void 0 : v.id, x && p(x);
+        a ? x = (m = a(i.items)) == null ? void 0 : m.id : x = (y = i.items[0]) == null ? void 0 : y.id, x && p(x);
       }
     }, [
       r,
@@ -8013,24 +8013,24 @@ const xi = fe(null), gp = ve(
       (g) => {
         if (!(r != null && r.tree))
           return;
-        const b = g[r.idKey], m = u.current.includes(b), v = (k) => k.branches.flatMap((y) => {
-          const C = y[r.idKey];
-          return y.branches.length ? [C, ...v(y)] : [];
-        }), x = v(g);
+        const b = g[r.idKey], m = u.current.includes(b), y = (k) => k.branches.flatMap((v) => {
+          const C = v[r.idKey];
+          return v.branches.length ? [C, ...y(v)] : [];
+        }), x = y(g);
         if (t) {
-          const k = [], y = (C) => {
+          const k = [], v = (C) => {
             const S = C[r.parentIdKey];
             if (S) {
               const w = r.itemsById[S];
-              w && (k.push(S), y(w));
+              w && (k.push(S), v(w));
             }
           };
-          y(g), d(
+          v(g), d(
             m ? k : [...k, b]
           );
         } else {
           const k = m ? u.current.filter(
-            (y) => b !== y && !x.includes(y)
+            (v) => b !== v && !x.includes(v)
           ) : [...u.current, b];
           d(k);
         }
@@ -8213,12 +8213,12 @@ const yp = (e) => (t, o, n) => {
     overscanAmount: i,
     renderRow: a
   }) => {
-    const [s, d] = _(0), [u, f] = _(0), p = A(null), g = A(null), b = o * n, m = Math.ceil(u / n), v = Math.max(
+    const [s, d] = _(0), [u, f] = _(0), p = A(null), g = A(null), b = o * n, m = Math.ceil(u / n), y = Math.max(
       Math.floor(s / n - (i ?? 0)),
       0
     ), x = Math.min(
       o - 1,
-      v + m + (i ?? 0)
+      y + m + (i ?? 0)
     ), k = (C) => {
       d(C.currentTarget.scrollTop);
     };
@@ -8230,9 +8230,9 @@ const yp = (e) => (t, o, n) => {
     }, []), V(() => {
       e && g.current && (g.current.scrollTop = g.current.scrollHeight);
     }, [o, e]);
-    const y = [];
-    for (let C = v; C <= x; C++)
-      y.push(
+    const v = [];
+    for (let C = y; C <= x; C++)
+      v.push(
         a(C, {
           top: C * n,
           height: n,
@@ -8258,7 +8258,7 @@ const yp = (e) => (t, o, n) => {
         style: { height: u },
         onScroll: k,
         className: t,
-        children: /* @__PURE__ */ c(Dp, { style: { height: b }, children: y })
+        children: /* @__PURE__ */ c(Dp, { style: { height: b }, children: v })
       }
     ) });
   }
@@ -8336,7 +8336,7 @@ const yp = (e) => (t, o, n) => {
         t(
           m,
           f.current.includes(m) ? "unselected" : "selected"
-        ), u((v) => e ? [m] : v.includes(m) ? v.filter((x) => x !== m) : [...v, m]);
+        ), u((y) => e ? [m] : y.includes(m) ? y.filter((x) => x !== m) : [...y, m]);
       },
       [e, t]
     ), g = z(
@@ -8349,10 +8349,10 @@ const yp = (e) => (t, o, n) => {
       isDisabled: !!n
     }), [g, d, p, n]);
     return V(() => {
-      var m, v;
+      var m, y;
       if (r && (i != null && i.items) && f.current.length === 0) {
         let x;
-        a ? x = (m = a(i.items)) == null ? void 0 : m.id : x = (v = i.items[0]) == null ? void 0 : v.id, x && p(x);
+        a ? x = (m = a(i.items)) == null ? void 0 : m.id : x = (y = i.items[0]) == null ? void 0 : y.id, x && p(x);
       }
     }, [
       r,
@@ -8456,7 +8456,7 @@ const yp = (e) => (t, o, n) => {
     contentWrapper: p,
     cancelDisabled: g
   }, b) => {
-    const { setOpen: m } = mt(), v = z(() => {
+    const { setOpen: m } = mt(), y = z(() => {
       e(() => m(!1));
     }, [e, m]), x = z(() => {
       t && t(), m(!1);
@@ -8485,7 +8485,7 @@ const yp = (e) => (t, o, n) => {
           /* @__PURE__ */ c(
             Xe,
             {
-              onClick: v,
+              onClick: y,
               variant: a ?? "primary",
               text: n ?? "Confirm",
               disabled: d
@@ -8601,23 +8601,23 @@ const yp = (e) => (t, o, n) => {
   ContentWrapper: g,
   disabled: b,
   ...m
-}, v) => {
+}, y) => {
   const x = hr({
     shouldUnregister: !0,
     defaultValues: t,
     disabled: b,
     ...m,
     mode: p === "blur" ? "onBlur" : m.mode
-  }), { setOpen: k } = mt(), { setError: y, reset: C } = x, S = z(
+  }), { setOpen: k } = mt(), { setError: v, reset: C } = x, S = z(
     (M) => {
       s({
         data: M,
         closeModal: () => k(!1),
-        setError: y,
+        setError: v,
         resetForm: C
       });
     },
-    [s, C, y, k]
+    [s, C, v, k]
   ), w = z(() => {
     i == null || i(C), k(!1);
   }, [i, C, k]), T = z(
@@ -8627,7 +8627,7 @@ const yp = (e) => (t, o, n) => {
   return /* @__PURE__ */ c(gr, { ...x, children: /* @__PURE__ */ $(
     ki,
     {
-      ref: v,
+      ref: y,
       as: "form",
       className: e,
       onSubmit: p === "blur" ? void 0 : x.handleSubmit(S),
@@ -9326,17 +9326,17 @@ const [Ao, vh] = N(["option", "select"]), Fy = ({
     const { selected: d, toggleSelection: u } = Et(), { t: f } = Vs("dispenser"), p = U(() => d.includes(e), [d, e]), g = z(() => {
       i && i(e, "delete");
     }, [e, i]), b = z(
-      (v) => {
-        i && i(e, v);
+      (y) => {
+        i && i(e, y);
       },
       [e, i]
     ), m = z(() => {
       u(e);
     }, [e, u]);
-    return /* @__PURE__ */ c(K, { children: ({ cx: v }) => /* @__PURE__ */ $(
+    return /* @__PURE__ */ c(K, { children: ({ cx: y }) => /* @__PURE__ */ $(
       Ch,
       {
-        className: v("holder-list-item", { isSelected: p, isSmall: s }),
+        className: y("holder-list-item", { isSelected: p, isSmall: s }),
         onClick: m,
         children: [
           /* @__PURE__ */ $($h, { children: [
@@ -9403,7 +9403,7 @@ const [Ao, vh] = N(["option", "select"]), Fy = ({
           /* @__PURE__ */ c(
             Dh,
             {
-              className: v({ isIngredientLess: n === void 0 }),
+              className: y({ isIngredientLess: n === void 0 }),
               children: n ? /* @__PURE__ */ c(I, { color: "dark", variant: s ? "small" : "body", bold: !0, children: n }) : /* @__PURE__ */ c(
                 Xe,
                 {
@@ -9666,7 +9666,7 @@ const Ah = h.div`
       state: {
         sorting: g
       }
-    }), v = s ?? jh, x = !m.getRowModel().rows.length;
+    }), y = s ?? jh, x = !m.getRowModel().rows.length;
     return x && u ? n ?? null : /* @__PURE__ */ c(
       Mi,
       {
@@ -9674,15 +9674,15 @@ const Ah = h.div`
         isSortable: r,
         t: i,
         children: /* @__PURE__ */ $(Yh, { ...p, children: [
-          /* @__PURE__ */ c(Uh, { children: m.getHeaderGroups().map((k) => /* @__PURE__ */ c(zt, { children: k.headers.map((y) => (
+          /* @__PURE__ */ c(Uh, { children: m.getHeaderGroups().map((k) => /* @__PURE__ */ c(zt, { children: k.headers.map((v) => (
             // Fragment is required here because flexRender doesnt work nice with the "key" prop
             /* @__PURE__ */ c(ur, { children: bo(
-              y.column.columnDef.header,
-              y.getContext()
-            ) }, y.id)
+              v.column.columnDef.header,
+              v.getContext()
+            ) }, v.id)
           )) }, k.id)) }),
           /* @__PURE__ */ c(Gh, { children: x ? /* @__PURE__ */ c(zt, { children: /* @__PURE__ */ c(So, { colSpan: t.length, children: n ?? null }) }) : m.getRowModel().rows.map((k) => /* @__PURE__ */ c(
-            v,
+            y,
             {
               row: k,
               TdComponent: a ?? Ii
@@ -9710,29 +9710,31 @@ const Ah = h.div`
     toggleSorting: o,
     id: n,
     sortValue: r,
-    canSort: i
+    canSort: i,
+    isVirtual: a
   }) => {
-    const { isSortable: a, t: s } = Ei(), d = z(() => {
+    const { isSortable: s, t: d } = Ei(), u = z(() => {
       o();
     }, [o]);
     return /* @__PURE__ */ c(
       qh,
       {
         className: Mt({
-          isSortable: a && i,
+          isSortable: s && i,
           isSorted: r !== !1
         }),
         style: {
-          width: e ?? "auto"
+          width: e ?? "auto",
+          display: a ? "flex" : "table-cell"
         },
         children: /* @__PURE__ */ $(Zh, { children: [
-          !t && ((s == null ? void 0 : s(`table.header.${n}`)) ?? n),
-          a && i && /* @__PURE__ */ c(hn, { content: Kh(r, s), children: /* @__PURE__ */ c(
+          !t && ((d == null ? void 0 : d(`table.header.${n}`)) ?? n),
+          s && i && /* @__PURE__ */ c(hn, { content: Kh(r, d), children: /* @__PURE__ */ c(
             se,
             {
               iconId: r ? r === "asc" ? "SortAscending" : "SortDescending" : "Sort",
               size: "sm",
-              onClick: d,
+              onClick: u,
               color: "grey"
             }
           ) })
@@ -9774,10 +9776,11 @@ const Ah = h.div`
           {
             id: s.id,
             canSort: a.getCanSort(),
-            width: r != null && r.isVirtual ? `${s.getSize()}px` : (d = a.columnDef.meta) == null ? void 0 : d.width,
+            width: (d = a.columnDef.meta) == null ? void 0 : d.width,
             isBlank: (u = a.columnDef.meta) == null ? void 0 : u.isBlank,
             toggleSorting: a.toggleSorting,
-            sortValue: a.getIsSorted()
+            sortValue: a.getIsSorted(),
+            isVirtual: r == null ? void 0 : r.isVirtual
           },
           s.id
         );
@@ -9797,10 +9800,11 @@ const Ah = h.div`
           {
             id: d.id,
             canSort: s.getCanSort(),
-            width: r != null && r.isVirtual ? `${d.getSize()}px` : (u = s.columnDef.meta) == null ? void 0 : u.width,
+            width: (u = s.columnDef.meta) == null ? void 0 : u.width,
             isBlank: (f = s.columnDef.meta) == null ? void 0 : f.isBlank,
             toggleSorting: s.toggleSorting,
-            sortValue: s.getIsSorted()
+            sortValue: s.getIsSorted(),
+            isVirtual: r == null ? void 0 : r.isVirtual
           },
           d.id
         );
@@ -9829,18 +9833,18 @@ function wt(e, t, o) {
     let f;
     o.key && ((a = o.debug) != null && a.call(o)) && (f = Date.now());
     const p = e();
-    if (!(p.length !== n.length || p.some((m, v) => n[v] !== m)))
+    if (!(p.length !== n.length || p.some((m, y) => n[y] !== m)))
       return r;
     n = p;
     let b;
     if (o.key && ((s = o.debug) != null && s.call(o)) && (b = Date.now()), r = t(...p), o.key && ((d = o.debug) != null && d.call(o))) {
-      const m = Math.round((Date.now() - f) * 100) / 100, v = Math.round((Date.now() - b) * 100) / 100, x = v / 16, k = (y, C) => {
-        for (y = String(y); y.length < C; )
-          y = " " + y;
-        return y;
+      const m = Math.round((Date.now() - f) * 100) / 100, y = Math.round((Date.now() - b) * 100) / 100, x = y / 16, k = (v, C) => {
+        for (v = String(v); v.length < C; )
+          v = " " + v;
+        return v;
       };
       console.info(
-        `%c⏱ ${k(v, 5)} /${k(m, 5)} ms`,
+        `%c⏱ ${k(y, 5)} /${k(m, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -10099,11 +10103,11 @@ class ig {
         this.pendingMeasuredCacheIndexes = [];
         const u = this.measurementsCache.slice(0, d);
         for (let f = d; f < o; f++) {
-          const p = i(f), g = this.options.lanes === 1 ? u[f - 1] : this.getFurthestMeasurement(u, f), b = g ? g.end + this.options.gap : n + r, m = s.get(p), v = typeof m == "number" ? m : this.options.estimateSize(f), x = b + v, k = g ? g.lane : f % this.options.lanes;
+          const p = i(f), g = this.options.lanes === 1 ? u[f - 1] : this.getFurthestMeasurement(u, f), b = g ? g.end + this.options.gap : n + r, m = s.get(p), y = typeof m == "number" ? m : this.options.estimateSize(f), x = b + y, k = g ? g.lane : f % this.options.lanes;
           u[f] = {
             index: f,
             start: b,
-            size: v,
+            size: y,
             end: x,
             key: p,
             lane: k
@@ -10388,7 +10392,7 @@ const [Ri] = N(["table"]), cg = [], dg = (e) => e.id, Vy = ve(
     ...p
   }) => {
     ko(e);
-    const g = A(null), [b, m] = _([]), v = mr({
+    const g = A(null), [b, m] = _([]), y = mr({
       columns: t,
       data: e ? e == null ? void 0 : e.items : cg,
       getCoreRowModel: yr(),
@@ -10398,7 +10402,7 @@ const [Ri] = N(["table"]), cg = [], dg = (e) => e.id, Vy = ve(
       state: {
         sorting: b
       }
-    }), x = !v.getRowModel().rows.length;
+    }), x = !y.getRowModel().rows.length;
     return x && f ? r ?? null : /* @__PURE__ */ c(
       Mi,
       {
@@ -10406,15 +10410,12 @@ const [Ri] = N(["table"]), cg = [], dg = (e) => e.id, Vy = ve(
         isSortable: i,
         t: a,
         children: /* @__PURE__ */ c(pg, { className: o, ref: g, children: /* @__PURE__ */ $(hg, { ...p, children: [
-          /* @__PURE__ */ c(gg, { children: v.getHeaderGroups().map((k) => /* @__PURE__ */ c(zt, { style: { display: "flex" }, children: k.headers.map((y) => (
+          /* @__PURE__ */ c(gg, { children: y.getHeaderGroups().map((k) => /* @__PURE__ */ c(zt, { style: { display: "flex" }, children: k.headers.map((v) => (
             // Fragment is required here because flexRender doesnt work nice with the "key" prop
-            /* @__PURE__ */ c(ur, { children: bo(y.column.columnDef.header, {
-              ...y.getContext(),
-              style: {
-                display: "flex",
-                width: y.getSize()
-              }
-            }) }, y.id)
+            /* @__PURE__ */ c(ur, { children: bo(
+              v.column.columnDef.header,
+              v.getContext()
+            ) }, v.id)
           )) }, k.id)) }),
           /* @__PURE__ */ c(
             ug,
@@ -10422,7 +10423,7 @@ const [Ri] = N(["table"]), cg = [], dg = (e) => e.id, Vy = ve(
               isEmpty: x,
               numColumns: t.length,
               emptyState: r,
-              table: v,
+              table: y,
               tableContainerRef: g
             }
           )
@@ -10483,17 +10484,20 @@ const [Ri] = N(["table"]), cg = [], dg = (e) => e.id, Vy = ve(
         transform: `translateY(${o.start}px)`,
         width: "100%"
       },
-      children: t.getVisibleCells().map((r) => /* @__PURE__ */ c(
-        So,
-        {
-          style: {
-            display: "flex",
-            width: r.column.getSize()
+      children: t.getVisibleCells().map((r) => {
+        var i;
+        return /* @__PURE__ */ c(
+          So,
+          {
+            style: {
+              display: "flex",
+              width: ((i = r.column.columnDef.meta) == null ? void 0 : i.width) ?? r.column.getSize()
+            },
+            children: bo(r.column.columnDef.cell, r.getContext())
           },
-          children: bo(r.column.columnDef.cell, r.getContext())
-        },
-        r.id
-      ))
+          r.id
+        );
+      })
     },
     t.id
   )
@@ -10627,10 +10631,10 @@ function Fi(e) {
   u.setUTCSeconds(0);
   const f = r > 0 ? u.getSeconds() : (u.getSeconds() - 60) % 60, p = Math.round(-(ht(e.timeZone, e) * 60)) % 60;
   (p || f) && (e.internal.setUTCSeconds(e.internal.getUTCSeconds() + p), Date.prototype.setUTCSeconds.call(e, Date.prototype.getUTCSeconds.call(e) + p + f));
-  const g = ht(e.timeZone, e), b = g > 0 ? Math.floor(g) : Math.ceil(g), v = -(/* @__PURE__ */ new Date(+e)).getTimezoneOffset() - b, x = b !== o, k = v - d;
+  const g = ht(e.timeZone, e), b = g > 0 ? Math.floor(g) : Math.ceil(g), y = -(/* @__PURE__ */ new Date(+e)).getTimezoneOffset() - b, x = b !== o, k = y - d;
   if (x && k) {
     Date.prototype.setUTCMinutes.call(e, Date.prototype.getUTCMinutes.call(e) + k);
-    const y = ht(e.timeZone, e), C = y > 0 ? Math.floor(y) : Math.ceil(y), S = b - C;
+    const v = ht(e.timeZone, e), C = v > 0 ? Math.floor(v) : Math.ceil(v), S = b - C;
     S && (e.internal.setUTCMinutes(e.internal.getUTCMinutes() + S), Date.prototype.setUTCMinutes.call(e, Date.prototype.getUTCMinutes.call(e) + S));
   }
 }
@@ -11546,7 +11550,7 @@ function qe(e, t, o = Ve) {
   });
 }
 function Im(e, t, o, n, r) {
-  const { disabled: i, hidden: a, modifiers: s, showOutsideDays: d, broadcastCalendar: u, today: f } = t, { isSameDay: p, isSameMonth: g, startOfMonth: b, isBefore: m, endOfMonth: v, isAfter: x } = r, k = o && b(o), y = n && v(n), C = {
+  const { disabled: i, hidden: a, modifiers: s, showOutsideDays: d, broadcastCalendar: u, today: f } = t, { isSameDay: p, isSameMonth: g, startOfMonth: b, isBefore: m, endOfMonth: y, isAfter: x } = r, k = o && b(o), v = n && y(n), C = {
     [Q.focused]: [],
     [Q.outside]: [],
     [Q.disabled]: [],
@@ -11554,7 +11558,7 @@ function Im(e, t, o, n, r) {
     [Q.today]: []
   }, S = {};
   for (const w of e) {
-    const { date: T, displayMonth: D } = w, M = !!(D && !g(T, D)), P = !!(k && m(T, k)), q = !!(y && x(T, y)), G = !!(i && qe(T, i, r)), te = !!(a && qe(T, a, r)) || P || q || // Broadcast calendar will show outside days as default
+    const { date: T, displayMonth: D } = w, M = !!(D && !g(T, D)), P = !!(k && m(T, k)), q = !!(v && x(T, v)), G = !!(i && qe(T, i, r)), te = !!(a && qe(T, a, r)) || P || q || // Broadcast calendar will show outside days as default
     !u && !d && M || u && d === !1 && M, nt = p(T, f ?? r.today());
     M && C.outside.push(w), G && C.disabled.push(w), te && C.hidden.push(w), nt && C.today.push(w), s && Object.keys(s).forEach((rt) => {
       const it = s == null ? void 0 : s[rt];
@@ -11662,8 +11666,8 @@ function Um(e, t, o, n, r) {
     start: a(e),
     end: s(e)
   }).map((g) => {
-    const b = n.formatMonthDropdown(g, r), m = u(g), v = t && g < i(t) || o && g > i(o) || !1;
-    return { value: m, label: b, disabled: v };
+    const b = n.formatMonthDropdown(g, r), m = u(g), y = t && g < i(t) || o && g > i(o) || !1;
+    return { value: m, label: b, disabled: y };
   });
 }
 function Gm(e, t = {}, o = {}) {
@@ -11690,10 +11694,10 @@ function qm(e, t, o, n, r = !1) {
   let m = p;
   for (; u(m, g) || f(m, g); )
     b.push(m), m = s(m, 1);
-  return r && b.reverse(), b.map((v) => {
-    const x = o.formatYearDropdown(v, n);
+  return r && b.reverse(), b.map((y) => {
+    const x = o.formatYearDropdown(y, n);
     return {
-      value: d(v),
+      value: d(y),
       label: x,
       disabled: !1
     };
@@ -11762,8 +11766,8 @@ function ub(e, t, { classNames: o, months: n, focused: r, dateLib: i }) {
     !(e.current instanceof HTMLElement) || // validation required for the animation to work as expected
     n.length === 0 || u.length === 0 || n.length !== u.length)
       return;
-    const f = i.isSameMonth(n[0].date, u[0].date), p = i.isAfter(n[0].date, u[0].date), g = p ? o[ge.caption_after_enter] : o[ge.caption_before_enter], b = p ? o[ge.weeks_after_enter] : o[ge.weeks_before_enter], m = a.current, v = e.current.cloneNode(!0);
-    if (v instanceof HTMLElement ? (jo(v).forEach((C) => {
+    const f = i.isSameMonth(n[0].date, u[0].date), p = i.isAfter(n[0].date, u[0].date), g = p ? o[ge.caption_after_enter] : o[ge.caption_before_enter], b = p ? o[ge.weeks_after_enter] : o[ge.weeks_before_enter], m = a.current, y = e.current.cloneNode(!0);
+    if (y instanceof HTMLElement ? (jo(y).forEach((C) => {
       if (!(C instanceof HTMLElement))
         return;
       const S = lb(C);
@@ -11772,14 +11776,14 @@ function ub(e, t, { classNames: o, months: n, focused: r, dateLib: i }) {
       w && w.classList.remove(g);
       const T = Po(C);
       T && T.classList.remove(b);
-    }), a.current = v) : a.current = null, d.current || f || // skip animation if a day is focused because it can cause issues to the animation and is better for a11y
+    }), a.current = y) : a.current = null, d.current || f || // skip animation if a day is focused because it can cause issues to the animation and is better for a11y
     r)
       return;
     const x = m instanceof HTMLElement ? jo(m) : [], k = jo(e.current);
-    if (k != null && k.every((y) => y instanceof HTMLElement) && x && x.every((y) => y instanceof HTMLElement)) {
+    if (k != null && k.every((v) => v instanceof HTMLElement) && x && x.every((v) => v instanceof HTMLElement)) {
       d.current = !0, e.current.style.isolation = "isolate";
-      const y = cb(e.current);
-      y && (y.style.zIndex = "1"), k.forEach((C, S) => {
+      const v = cb(e.current);
+      v && (v.style.zIndex = "1"), k.forEach((C, S) => {
         const w = x[S];
         if (!w)
           return;
@@ -11789,7 +11793,7 @@ function ub(e, t, { classNames: o, months: n, focused: r, dateLib: i }) {
         const D = Po(C);
         D && D.classList.add(b);
         const M = () => {
-          d.current = !1, e.current && (e.current.style.isolation = ""), y && (y.style.zIndex = ""), T && T.classList.remove(g), D && D.classList.remove(b), C.style.position = "", C.style.overflow = "", C.contains(w) && C.removeChild(w);
+          d.current = !1, e.current && (e.current.style.isolation = ""), v && (v.style.zIndex = ""), T && T.classList.remove(g), D && D.classList.remove(b), C.style.position = "", C.style.overflow = "", C.contains(w) && C.removeChild(w);
         };
         w.style.pointerEvents = "none", w.style.position = "absolute", w.style.overflow = "hidden", w.setAttribute("aria-hidden", "true");
         const P = db(w);
@@ -11803,7 +11807,7 @@ function ub(e, t, { classNames: o, months: n, focused: r, dateLib: i }) {
   });
 }
 function fb(e, t, o, n) {
-  const r = e[0], i = e[e.length - 1], { ISOWeek: a, fixedWeeks: s, broadcastCalendar: d } = o ?? {}, { addDays: u, differenceInCalendarDays: f, differenceInCalendarMonths: p, endOfBroadcastWeek: g, endOfISOWeek: b, endOfMonth: m, endOfWeek: v, isAfter: x, startOfBroadcastWeek: k, startOfISOWeek: y, startOfWeek: C } = n, S = d ? k(r, n) : a ? y(r) : C(r), w = d ? g(i) : a ? b(m(i)) : v(m(i)), T = f(w, S), D = p(i, r) + 1, M = [];
+  const r = e[0], i = e[e.length - 1], { ISOWeek: a, fixedWeeks: s, broadcastCalendar: d } = o ?? {}, { addDays: u, differenceInCalendarDays: f, differenceInCalendarMonths: p, endOfBroadcastWeek: g, endOfISOWeek: b, endOfMonth: m, endOfWeek: y, isAfter: x, startOfBroadcastWeek: k, startOfISOWeek: v, startOfWeek: C } = n, S = d ? k(r, n) : a ? v(r) : C(r), w = d ? g(i) : a ? b(m(i)) : y(m(i)), T = f(w, S), D = p(i, r) + 1, M = [];
   for (let G = 0; G <= T; G++) {
     const te = u(S, G);
     if (t && x(te, t))
@@ -11848,12 +11852,12 @@ function lr(e, t, o, n) {
   return t && u(d, t) < 0 && (d = t), p(d);
 }
 function gb(e, t, o, n) {
-  const { addDays: r, endOfBroadcastWeek: i, endOfISOWeek: a, endOfMonth: s, endOfWeek: d, getISOWeek: u, getWeek: f, startOfBroadcastWeek: p, startOfISOWeek: g, startOfWeek: b } = n, m = e.reduce((v, x) => {
-    const k = o.broadcastCalendar ? p(x, n) : o.ISOWeek ? g(x) : b(x), y = o.broadcastCalendar ? i(x) : o.ISOWeek ? a(s(x)) : d(s(x)), C = t.filter((D) => D >= k && D <= y), S = o.broadcastCalendar ? 35 : 42;
+  const { addDays: r, endOfBroadcastWeek: i, endOfISOWeek: a, endOfMonth: s, endOfWeek: d, getISOWeek: u, getWeek: f, startOfBroadcastWeek: p, startOfISOWeek: g, startOfWeek: b } = n, m = e.reduce((y, x) => {
+    const k = o.broadcastCalendar ? p(x, n) : o.ISOWeek ? g(x) : b(x), v = o.broadcastCalendar ? i(x) : o.ISOWeek ? a(s(x)) : d(s(x)), C = t.filter((D) => D >= k && D <= v), S = o.broadcastCalendar ? 35 : 42;
     if (o.fixedWeeks && C.length < S) {
       const D = t.filter((M) => {
         const P = S - C.length;
-        return M > y && M <= r(y, P);
+        return M > v && M <= r(v, P);
       });
       C.push(...D);
     }
@@ -11861,14 +11865,14 @@ function gb(e, t, o, n) {
       const P = o.ISOWeek ? u(M) : f(M), q = D.find((te) => te.weekNumber === P), G = new Ai(M, x, n);
       return q ? q.days.push(G) : D.push(new rm(P, [G])), D;
     }, []), T = new nm(x, w);
-    return v.push(T), v;
+    return y.push(T), y;
   }, []);
   return o.reverseMonths ? m.reverse() : m;
 }
 function mb(e, t) {
   let { startMonth: o, endMonth: n } = e;
-  const { startOfYear: r, startOfDay: i, startOfMonth: a, endOfMonth: s, addYears: d, endOfYear: u, newDate: f, today: p } = t, { fromYear: g, toYear: b, fromMonth: m, toMonth: v } = e;
-  !o && m && (o = m), !o && g && (o = t.newDate(g, 0, 1)), !n && v && (n = v), !n && b && (n = f(b, 11, 31));
+  const { startOfYear: r, startOfDay: i, startOfMonth: a, endOfMonth: s, addYears: d, endOfYear: u, newDate: f, today: p } = t, { fromYear: g, toYear: b, fromMonth: m, toMonth: y } = e;
+  !o && m && (o = m), !o && g && (o = t.newDate(g, 0, 1)), !n && y && (n = y), !n && b && (n = f(b, 11, 31));
   const x = e.captionLayout === "dropdown" || e.captionLayout === "dropdown-years";
   return o ? o = a(o) : g ? o = f(g, 0, 1) : !o && x && (o = r(d(e.today ?? p(), -100))), n ? n = s(n) : b ? n = f(b, 11, 31) : !n && x && (n = u(e.today ?? p())), [
     o && i(o),
@@ -11911,7 +11915,7 @@ function xb(e, t) {
     const T = lr(e, o, n, t);
     d(T);
   }, [e.timeZone]);
-  const u = hb(s, n, e, t), f = fb(u, e.endMonth ? i(e.endMonth) : void 0, e, t), p = gb(u, f, e, t), g = vb(p), b = pb(p), m = yb(s, o, e, t), v = bb(s, n, e, t), { disableNavigation: x, onMonthChange: k } = e, y = (T) => g.some((D) => D.days.some((M) => M.isEqualTo(T))), C = (T) => {
+  const u = hb(s, n, e, t), f = fb(u, e.endMonth ? i(e.endMonth) : void 0, e, t), p = gb(u, f, e, t), g = vb(p), b = pb(p), m = yb(s, o, e, t), y = bb(s, n, e, t), { disableNavigation: x, onMonthChange: k } = e, v = (T) => g.some((D) => D.days.some((M) => M.isEqualTo(T))), C = (T) => {
     if (x)
       return;
     let D = r(T);
@@ -11924,10 +11928,10 @@ function xb(e, t) {
     navStart: o,
     navEnd: n,
     previousMonth: m,
-    nextMonth: v,
+    nextMonth: y,
     goToMonth: C,
     goToDay: (T) => {
-      y(T) || C(T.date);
+      v(T) || C(T.date);
     }
   };
 }
@@ -11947,14 +11951,14 @@ function kb(e, t, o, n) {
   return r || (r = e.find((a) => cr(t(a)))), r;
 }
 function wb(e, t, o, n, r, i, a) {
-  const { ISOWeek: s, broadcastCalendar: d } = i, { addDays: u, addMonths: f, addWeeks: p, addYears: g, endOfBroadcastWeek: b, endOfISOWeek: m, endOfWeek: v, max: x, min: k, startOfBroadcastWeek: y, startOfISOWeek: C, startOfWeek: S } = a;
+  const { ISOWeek: s, broadcastCalendar: d } = i, { addDays: u, addMonths: f, addWeeks: p, addYears: g, endOfBroadcastWeek: b, endOfISOWeek: m, endOfWeek: y, max: x, min: k, startOfBroadcastWeek: v, startOfISOWeek: C, startOfWeek: S } = a;
   let T = {
     day: u,
     week: p,
     month: f,
     year: g,
-    startOfWeek: (D) => d ? y(D, a) : s ? C(D) : S(D),
-    endOfWeek: (D) => d ? b(D) : s ? m(D) : v(D)
+    startOfWeek: (D) => d ? v(D, a) : s ? C(D) : S(D),
+    endOfWeek: (D) => d ? b(D) : s ? m(D) : y(D)
   }[e](o, t === "after" ? 1 : -1);
   return t === "before" && n ? T = x([n, T]) : t === "after" && r && (T = k([r, T])), T;
 }
@@ -11967,16 +11971,16 @@ function qi(e, t, o, n, r, i, a, s = 0) {
 function Cb(e, t, o, n, r) {
   const { autoFocus: i } = e, [a, s] = _(), d = kb(t.days, o, n || (() => !1), a), [u, f] = _(i ? d : void 0);
   return {
-    isFocusTarget: (v) => !!(d != null && d.isEqualTo(v)),
+    isFocusTarget: (y) => !!(d != null && d.isEqualTo(y)),
     setFocused: f,
     focused: u,
     blur: () => {
       s(u), f(void 0);
     },
-    moveFocus: (v, x) => {
+    moveFocus: (y, x) => {
       if (!u)
         return;
-      const k = qi(v, x, u, t.navStart, t.navEnd, e, r);
+      const k = qi(y, x, u, t.navStart, t.navEnd, e, r);
       k && (t.goToDay(k), f(k));
     }
   };
@@ -11985,7 +11989,7 @@ function $b(e, t) {
   const { selected: o, required: n, onSelect: r } = e, [i, a] = zo(o, r ? o : void 0), s = r ? o : i, { isSameDay: d } = t, u = (b) => (s == null ? void 0 : s.some((m) => d(m, b))) ?? !1, { min: f, max: p } = e;
   return {
     selected: s,
-    select: (b, m, v) => {
+    select: (b, m, y) => {
       let x = [...s ?? []];
       if (u(b)) {
         if ((s == null ? void 0 : s.length) === f || n && (s == null ? void 0 : s.length) === 1)
@@ -11993,7 +11997,7 @@ function $b(e, t) {
         x = s == null ? void 0 : s.filter((k) => !d(k, b));
       } else
         (s == null ? void 0 : s.length) === p ? x = [b] : x = [...x, b];
-      return r || a(x), r == null || r(x, b, m, v), x;
+      return r || a(x), r == null || r(x, b, m, y), x;
     },
     isSelected: u
   };
@@ -12064,7 +12068,7 @@ function Ob(e, t) {
   return {
     selected: u,
     select: (g, b, m) => {
-      const { min: v, max: x } = e, k = g ? Sb(g, u, v, x, i, t) : void 0;
+      const { min: y, max: x } = e, k = g ? Sb(g, u, y, x, i, t) : void 0;
       return n && o && (k != null && k.from) && k.to && Db({ from: k.from, to: k.to }, o, t) && (k.from = g, k.to = void 0), a || d(k), a == null || a(k, g, b, m), k;
     },
     isSelected: (g) => u && Ke(u, g, !1, t)
@@ -12135,11 +12139,11 @@ function Eb(e) {
     t.formatters,
     t.labels,
     t.classNames
-  ]), { captionLayout: d, mode: u, navLayout: f, numberOfMonths: p = 1, onDayBlur: g, onDayClick: b, onDayFocus: m, onDayKeyDown: v, onDayMouseEnter: x, onDayMouseLeave: k, onNextClick: y, onPrevClick: C, showWeekNumber: S, styles: w } = t, { formatCaption: T, formatDay: D, formatMonthDropdown: M, formatWeekNumber: P, formatWeekNumberHeader: q, formatWeekdayName: G, formatYearDropdown: te } = n, nt = xb(t, i), { days: rt, months: it, navStart: yt, navEnd: It, previousMonth: ue, nextMonth: pe, goToMonth: ee } = nt, vt = Im(rt, t, yt, It, i), { isSelected: Nt, select: Rt, selected: oo } = Mb(t, i) ?? {}, { blur: kn, focused: no, isFocusTarget: Xi, moveFocus: wn, setFocused: ro } = Cb(t, nt, vt, Nt ?? (() => !1), i), { labelDayButton: Ji, labelGridcell: Qi, labelGrid: es, labelMonthDropdown: ts, labelNav: Cn, labelPrevious: os, labelNext: ns, labelWeekday: rs, labelWeekNumber: is, labelWeekNumberHeader: ss, labelYearDropdown: as } = r, ls = U(() => Km(i, t.ISOWeek), [i, t.ISOWeek]), $n = u !== void 0 || b !== void 0, Do = z(() => {
+  ]), { captionLayout: d, mode: u, navLayout: f, numberOfMonths: p = 1, onDayBlur: g, onDayClick: b, onDayFocus: m, onDayKeyDown: y, onDayMouseEnter: x, onDayMouseLeave: k, onNextClick: v, onPrevClick: C, showWeekNumber: S, styles: w } = t, { formatCaption: T, formatDay: D, formatMonthDropdown: M, formatWeekNumber: P, formatWeekNumberHeader: q, formatWeekdayName: G, formatYearDropdown: te } = n, nt = xb(t, i), { days: rt, months: it, navStart: yt, navEnd: It, previousMonth: ue, nextMonth: pe, goToMonth: ee } = nt, vt = Im(rt, t, yt, It, i), { isSelected: Nt, select: Rt, selected: oo } = Mb(t, i) ?? {}, { blur: kn, focused: no, isFocusTarget: Xi, moveFocus: wn, setFocused: ro } = Cb(t, nt, vt, Nt ?? (() => !1), i), { labelDayButton: Ji, labelGridcell: Qi, labelGrid: es, labelMonthDropdown: ts, labelNav: Cn, labelPrevious: os, labelNext: ns, labelWeekday: rs, labelWeekNumber: is, labelWeekNumberHeader: ss, labelYearDropdown: as } = r, ls = U(() => Km(i, t.ISOWeek), [i, t.ISOWeek]), $n = u !== void 0 || b !== void 0, Do = z(() => {
     ue && (ee(ue), C == null || C(ue));
   }, [ue, ee, C]), Oo = z(() => {
-    pe && (ee(pe), y == null || y(pe));
-  }, [ee, pe, y]), cs = z((j, Z) => (B) => {
+    pe && (ee(pe), v == null || v(pe));
+  }, [ee, pe, v]), cs = z((j, Z) => (B) => {
     B.preventDefault(), B.stopPropagation(), ro(j), Rt == null || Rt(j.date, Z, B), b == null || b(j.date, Z, B);
   }, [Rt, b, ro]), ds = z((j, Z) => (B) => {
     ro(j), m == null || m(j.date, Z, B);
@@ -12167,8 +12171,8 @@ function Eb(e) {
       const [xe, Y] = X[B.key];
       wn(xe, Y);
     }
-    v == null || v(j.date, Z, B);
-  }, [wn, v, t.dir]), ps = z((j, Z) => (B) => {
+    y == null || y(j.date, Z, B);
+  }, [wn, y, t.dir]), ps = z((j, Z) => (B) => {
     x == null || x(j.date, Z, B);
   }, [x]), hs = z((j, Z) => (B) => {
     k == null || k(j.date, Z, B);
@@ -12375,63 +12379,63 @@ const Uy = W(({ ...e }) => /* @__PURE__ */ c(Ib, { mode: "single", ...e })), Ib
   onDragEnd: a,
   onDragOver: s
 }) => {
-  const [d, u] = _(!1), [f, p] = _(!1), g = (y) => {
-    y.preventDefault(), y.stopPropagation();
+  const [d, u] = _(!1), [f, p] = _(!1), g = (v) => {
+    v.preventDefault(), v.stopPropagation();
   }, b = z(
-    (y) => {
-      g(y), p(!0), y.dataTransfer && (y.dataTransfer.dropEffect = "move"), s == null || s(y);
+    (v) => {
+      g(v), p(!0), v.dataTransfer && (v.dataTransfer.dropEffect = "move"), s == null || s(v);
     },
     [s]
-  ), m = z((y) => {
-    g(y), p(!1);
-  }, []), v = z(
-    (y) => {
-      g(y), u(!1), p(!1), a == null || a(y);
+  ), m = z((v) => {
+    g(v), p(!1);
+  }, []), y = z(
+    (v) => {
+      g(v), u(!1), p(!1), a == null || a(v);
     },
     [a]
   ), x = z(
-    (y) => {
+    (v) => {
       var S;
-      g(y), u(!1), p(!1);
+      g(v), u(!1), p(!1);
       let C = null;
       try {
         C = JSON.parse(
-          ((S = y.dataTransfer) == null ? void 0 : S.getData("application/json")) ?? "null"
+          ((S = v.dataTransfer) == null ? void 0 : S.getData("application/json")) ?? "null"
         );
       } catch (w) {
         console.error("Invalid drag data:", w);
       }
-      C && (r == null || r(C, y));
+      C && (r == null || r(C, v));
     },
     [r]
   ), k = z(
-    (y) => {
+    (v) => {
       var S;
       if (!o)
         return;
-      y.stopPropagation(), u(!0), p(!1), y.dataTransfer && (y.dataTransfer.effectAllowed = "move");
+      v.stopPropagation(), u(!0), p(!1), v.dataTransfer && (v.dataTransfer.effectAllowed = "move");
       const C = n(t);
-      (S = y.dataTransfer) == null || S.setData(
+      (S = v.dataTransfer) == null || S.setData(
         "application/json",
         JSON.stringify(C)
-      ), i == null || i(t, y);
+      ), i == null || i(t, v);
     },
     [o, t, i, n]
   );
   return V(() => {
-    const y = e.current, C = {
+    const v = e.current, C = {
       dragover: (S) => b(S),
       dragenter: (S) => b(S),
       dragleave: (S) => m(S),
       //   drop: (event) => handleDrop(event as DragEvent),
       dragstart: (S) => k(S),
-      dragend: (S) => v(S)
+      dragend: (S) => y(S)
     };
-    return y && Object.entries(C).forEach(
-      ([S, w]) => y.addEventListener(S, w)
+    return v && Object.entries(C).forEach(
+      ([S, w]) => v.addEventListener(S, w)
     ), () => {
       Object.entries(C).forEach(([S, w]) => {
-        y && y.removeEventListener(S, w);
+        v && v.removeEventListener(S, w);
       });
     };
   }, [
@@ -12440,7 +12444,7 @@ const Uy = W(({ ...e }) => /* @__PURE__ */ c(Ib, { mode: "single", ...e })), Ib
     m,
     x,
     k,
-    v
+    y
   ]), { dragging: d, over: f };
 };
 export {