commerce-toolkit 0.0.24 → 0.0.25

package/dist/index.js

@@ -1,42 +1,42 @@
-import { jsx as s, jsxs as _, Fragment as te } from "react/jsx-runtime";
+import { jsx as l, jsxs as _, Fragment as te } from "react/jsx-runtime";
 import * as d from "react";
 import L, { useState as pe, useEffect as Ge, createContext as Z, useMemo as K, use as J, forwardRef as kr, createElement as We, useCallback as be, useRef as Sr } from "react";
 import "react-dom";
 function xa({ className: e, colorScheme: r = "light", items: t, ...o }) {
-  return /* @__PURE__ */ s(qo, { colorScheme: r, items: t, children: /* @__PURE__ */ s(Go, { className: e, ...o, children: t.map((n) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(qo, { colorScheme: r, items: t, children: /* @__PURE__ */ l(Go, { className: e, ...o, children: t.map(({ content: n, title: a, value: s }) => /* @__PURE__ */ l(
     Zo,
     {
-      content: n.content,
-      title: n.title,
-      value: n.value,
+      content: n,
+      title: a,
+      value: s,
       children: /* @__PURE__ */ _(Uo, { children: [
-        /* @__PURE__ */ s(Yo, {}),
-        /* @__PURE__ */ s(Xo, {})
+        /* @__PURE__ */ l(Yo, {}),
+        /* @__PURE__ */ l(Xo, {})
       ] })
     },
-    n.value
+    s
   )) }) });
 }
 function Ne(e, r = []) {
   let t = [];
-  function o(a, l) {
-    const i = d.createContext(l), c = t.length;
-    t = [...t, l];
+  function o(a, s) {
+    const i = d.createContext(s), c = t.length;
+    t = [...t, s];
     const f = (m) => {
       const { scope: p, children: v, ...w } = m, C = p?.[e]?.[c] || i, A = d.useMemo(() => w, Object.values(w));
-      return /* @__PURE__ */ s(C.Provider, { value: A, children: v });
+      return /* @__PURE__ */ l(C.Provider, { value: A, children: v });
     };
     f.displayName = a + "Provider";
     function u(m, p) {
       const v = p?.[e]?.[c] || i, w = d.useContext(v);
       if (w) return w;
-      if (l !== void 0) return l;
+      if (s !== void 0) return s;
       throw new Error(`\`${m}\` must be used within \`${a}\``);
     }
     return [f, u];
   }
   const n = () => {
-    const a = t.map((l) => d.createContext(l));
+    const a = t.map((s) => d.createContext(s));
     return function(i) {
       const c = i?.[e] || a;
       return d.useMemo(
@@ -56,11 +56,11 @@ function Rt(...e) {
       scopeName: n.scopeName
     }));
     return function(a) {
-      const l = o.reduce((i, { useScope: c, scopeName: f }) => {
+      const s = o.reduce((i, { useScope: c, scopeName: f }) => {
         const m = c(a)[`__scope${f}`];
         return { ...i, ...m };
       }, {});
-      return d.useMemo(() => ({ [`__scope${r.scopeName}`]: l }), [l]);
+      return d.useMemo(() => ({ [`__scope${r.scopeName}`]: s }), [s]);
     };
   };
   return t.scopeName = r.scopeName, t;
@@ -92,12 +92,12 @@ function $(...e) {
 // @__NO_SIDE_EFFECTS__
 function $e(e) {
   const r = /* @__PURE__ */ Pt(e), t = d.forwardRef((o, n) => {
-    const { children: a, ...l } = o, i = d.Children.toArray(a), c = i.find(_t);
+    const { children: a, ...s } = o, i = d.Children.toArray(a), c = i.find(_t);
     if (c) {
       const f = c.props.children, u = i.map((m) => m === c ? d.Children.count(f) > 1 ? d.Children.only(null) : d.isValidElement(f) ? f.props.children : null : m);
-      return /* @__PURE__ */ s(r, { ...l, ref: n, children: d.isValidElement(f) ? d.cloneElement(f, void 0, u) : null });
+      return /* @__PURE__ */ l(r, { ...s, ref: n, children: d.isValidElement(f) ? d.cloneElement(f, void 0, u) : null });
     }
-    return /* @__PURE__ */ s(r, { ...l, ref: n, children: a });
+    return /* @__PURE__ */ l(r, { ...s, ref: n, children: a });
   });
   return t.displayName = `${e}.Slot`, t;
 }
@@ -106,8 +106,8 @@ function Pt(e) {
   const r = d.forwardRef((t, o) => {
     const { children: n, ...a } = t;
     if (d.isValidElement(n)) {
-      const l = It(n), i = Et(a, n.props);
-      return n.type !== d.Fragment && (i.ref = o ? Ar(o, l) : l), d.cloneElement(n, i);
+      const s = It(n), i = Et(a, n.props);
+      return n.type !== d.Fragment && (i.ref = o ? Ar(o, s) : s), d.cloneElement(n, i);
     }
     return d.Children.count(n) > 1 ? d.Children.only(null) : null;
   });
@@ -136,22 +136,22 @@ function Lt(e) {
   const r = e + "CollectionProvider", [t, o] = Ne(r), [n, a] = t(
     r,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), l = (C) => {
+  ), s = (C) => {
     const { scope: A, children: R } = C, k = L.useRef(null), N = L.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ s(n, { scope: A, itemMap: N, collectionRef: k, children: R });
+    return /* @__PURE__ */ l(n, { scope: A, itemMap: N, collectionRef: k, children: R });
   };
-  l.displayName = r;
+  s.displayName = r;
   const i = e + "CollectionSlot", c = /* @__PURE__ */ $e(i), f = L.forwardRef(
     (C, A) => {
       const { scope: R, children: k } = C, N = a(i, R), E = $(A, N.collectionRef);
-      return /* @__PURE__ */ s(c, { ref: E, children: k });
+      return /* @__PURE__ */ l(c, { ref: E, children: k });
     }
   );
   f.displayName = i;
   const u = e + "CollectionItemSlot", m = "data-radix-collection-item", p = /* @__PURE__ */ $e(u), v = L.forwardRef(
     (C, A) => {
       const { scope: R, children: k, ...N } = C, E = L.useRef(null), M = $(A, E), I = a(u, R);
-      return L.useEffect(() => (I.itemMap.set(E, { ref: E, ...N }), () => void I.itemMap.delete(E))), /* @__PURE__ */ s(p, { [m]: "", ref: M, children: k });
+      return L.useEffect(() => (I.itemMap.set(E, { ref: E, ...N }), () => void I.itemMap.delete(E))), /* @__PURE__ */ l(p, { [m]: "", ref: M, children: k });
     }
   );
   v.displayName = u;
@@ -167,7 +167,7 @@ function Lt(e) {
     }, [A.collectionRef, A.itemMap]);
   }
   return [
-    { Provider: l, Slot: f, ItemSlot: v },
+    { Provider: s, Slot: f, ItemSlot: v },
     w,
     o
   ];
@@ -187,7 +187,7 @@ function _e({
   },
   caller: o
 }) {
-  const [n, a, l] = Mt({
+  const [n, a, s] = Mt({
     defaultProp: r,
     onChange: t
   }), i = e !== void 0, c = i ? e : n;
@@ -204,11 +204,11 @@ function _e({
     (u) => {
       if (i) {
         const m = zt(u) ? u(e) : u;
-        m !== e && l.current?.(m);
+        m !== e && s.current?.(m);
       } else
         a(u);
     },
-    [i, e, a, l]
+    [i, e, a, s]
   );
   return [c, f];
 }
@@ -246,8 +246,8 @@ var Ot = [
   "ul"
 ], j = Ot.reduce((e, r) => {
   const t = /* @__PURE__ */ $e(`Primitive.${r}`), o = d.forwardRef((n, a) => {
-    const { asChild: l, ...i } = n, c = l ? t : r;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(c, { ...i, ref: a });
+    const { asChild: s, ...i } = n, c = s ? t : r;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(c, { ...i, ref: a });
   });
   return o.displayName = `Primitive.${r}`, { ...e, [r]: o };
 }, {});
@@ -260,7 +260,7 @@ var le = (e) => {
 };
 le.displayName = "Presence";
 function Bt(e) {
-  const [r, t] = d.useState(), o = d.useRef(null), n = d.useRef(e), a = d.useRef("none"), l = e ? "mounted" : "unmounted", [i, c] = Dt(l, {
+  const [r, t] = d.useState(), o = d.useRef(null), n = d.useRef(e), a = d.useRef("none"), s = e ? "mounted" : "unmounted", [i, c] = Dt(s, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -330,15 +330,15 @@ var Ee = "Collapsible", [jt, Pr] = Ne(Ee), [Ht, Xe] = jt(Ee), Nr = d.forwardRef(
       open: o,
       defaultOpen: n,
       disabled: a,
-      onOpenChange: l,
+      onOpenChange: s,
       ...i
     } = e, [c, f] = _e({
       prop: o,
       defaultProp: n ?? !1,
-      onChange: l,
+      onChange: s,
       caller: Ee
     });
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ l(
       Ht,
       {
         scope: t,
@@ -346,7 +346,7 @@ var Ee = "Collapsible", [jt, Pr] = Ne(Ee), [Ht, Xe] = jt(Ee), Nr = d.forwardRef(
         contentId: Rr(),
         open: c,
         onOpenToggle: d.useCallback(() => f((u) => !u), [f]),
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ l(
           j.div,
           {
             "data-state": qe(c),
@@ -363,7 +363,7 @@ Nr.displayName = Ee;
 var _r = "CollapsibleTrigger", Er = d.forwardRef(
   (e, r) => {
     const { __scopeCollapsible: t, ...o } = e, n = Xe(_r, t);
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ l(
       j.button,
       {
         type: "button",
@@ -383,12 +383,12 @@ Er.displayName = _r;
 var Ye = "CollapsibleContent", Ir = d.forwardRef(
   (e, r) => {
     const { forceMount: t, ...o } = e, n = Xe(Ye, e.__scopeCollapsible);
-    return /* @__PURE__ */ s(le, { present: t || n.open, children: ({ present: a }) => /* @__PURE__ */ s(Ft, { ...o, ref: r, present: a }) });
+    return /* @__PURE__ */ l(le, { present: t || n.open, children: ({ present: a }) => /* @__PURE__ */ l(Ft, { ...o, ref: r, present: a }) });
   }
 );
 Ir.displayName = Ye;
 var Ft = d.forwardRef((e, r) => {
-  const { __scopeCollapsible: t, present: o, children: n, ...a } = e, l = Xe(Ye, t), [i, c] = d.useState(o), f = d.useRef(null), u = $(r, f), m = d.useRef(0), p = m.current, v = d.useRef(0), w = v.current, C = l.open || i, A = d.useRef(C), R = d.useRef(void 0);
+  const { __scopeCollapsible: t, present: o, children: n, ...a } = e, s = Xe(Ye, t), [i, c] = d.useState(o), f = d.useRef(null), u = $(r, f), m = d.useRef(0), p = m.current, v = d.useRef(0), w = v.current, C = s.open || i, A = d.useRef(C), R = d.useRef(void 0);
   return d.useEffect(() => {
     const k = requestAnimationFrame(() => A.current = !1);
     return () => cancelAnimationFrame(k);
@@ -402,12 +402,12 @@ var Ft = d.forwardRef((e, r) => {
       const N = k.getBoundingClientRect();
       m.current = N.height, v.current = N.width, A.current || (k.style.transitionDuration = R.current.transitionDuration, k.style.animationName = R.current.animationName), c(o);
     }
-  }, [l.open, o]), /* @__PURE__ */ s(
+  }, [s.open, o]), /* @__PURE__ */ l(
     j.div,
     {
-      "data-state": qe(l.open),
-      "data-disabled": l.disabled ? "" : void 0,
-      id: l.contentId,
+      "data-state": qe(s.open),
+      "data-disabled": s.disabled ? "" : void 0,
+      id: s.contentId,
       hidden: !C,
       ...a,
       ref: u,
@@ -434,7 +434,7 @@ var H = "Accordion", qt = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "
 ]), Ke = Pr(), Tr = L.forwardRef(
   (e, r) => {
     const { type: t, ...o } = e, n = o, a = o;
-    return /* @__PURE__ */ s(Ze.Provider, { scope: e.__scopeAccordion, children: t === "multiple" ? /* @__PURE__ */ s(ro, { ...a, ref: r }) : /* @__PURE__ */ s(eo, { ...n, ref: r }) });
+    return /* @__PURE__ */ l(Ze.Provider, { scope: e.__scopeAccordion, children: t === "multiple" ? /* @__PURE__ */ l(ro, { ...a, ref: r }) : /* @__PURE__ */ l(eo, { ...n, ref: r }) });
   }
 );
 Tr.displayName = H;
@@ -449,21 +449,21 @@ var [Mr, Jt] = Ie(H), [zr, Qt] = Ie(
       onValueChange: n = () => {
       },
       collapsible: a = !1,
-      ...l
+      ...s
     } = e, [i, c] = _e({
       prop: t,
       defaultProp: o ?? "",
       onChange: n,
       caller: H
     });
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ l(
       Mr,
       {
         scope: e.__scopeAccordion,
         value: L.useMemo(() => i ? [i] : [], [i]),
         onItemOpen: c,
         onItemClose: L.useCallback(() => a && c(""), [a, c]),
-        children: /* @__PURE__ */ s(zr, { scope: e.__scopeAccordion, collapsible: a, children: /* @__PURE__ */ s(Or, { ...l, ref: r }) })
+        children: /* @__PURE__ */ l(zr, { scope: e.__scopeAccordion, collapsible: a, children: /* @__PURE__ */ l(Or, { ...s, ref: r }) })
       }
     );
   }
@@ -474,7 +474,7 @@ var [Mr, Jt] = Ie(H), [zr, Qt] = Ie(
     onValueChange: n = () => {
     },
     ...a
-  } = e, [l, i] = _e({
+  } = e, [s, i] = _e({
     prop: t,
     defaultProp: o ?? [],
     onChange: n,
@@ -486,19 +486,19 @@ var [Mr, Jt] = Ie(H), [zr, Qt] = Ie(
     (u) => i((m = []) => m.filter((p) => p !== u)),
     [i]
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     Mr,
     {
       scope: e.__scopeAccordion,
-      value: l,
+      value: s,
       onItemOpen: c,
       onItemClose: f,
-      children: /* @__PURE__ */ s(zr, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ s(Or, { ...a, ref: r }) })
+      children: /* @__PURE__ */ l(zr, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ l(Or, { ...a, ref: r }) })
     }
   );
 }), [to, Le] = Ie(H), Or = L.forwardRef(
   (e, r) => {
-    const { __scopeAccordion: t, disabled: o, dir: n, orientation: a = "vertical", ...l } = e, i = L.useRef(null), c = $(i, r), f = Zt(t), m = Lr(n) === "ltr", p = F(e.onKeyDown, (v) => {
+    const { __scopeAccordion: t, disabled: o, dir: n, orientation: a = "vertical", ...s } = e, i = L.useRef(null), c = $(i, r), f = Zt(t), m = Lr(n) === "ltr", p = F(e.onKeyDown, (v) => {
       if (!qt.includes(v.key)) return;
       const w = v.target, C = f().filter((x) => !x.ref.current?.disabled), A = C.findIndex((x) => x.ref.current === w), R = C.length;
       if (A === -1) return;
@@ -532,17 +532,17 @@ var [Mr, Jt] = Ie(H), [zr, Qt] = Ie(
       const D = k % R;
       C[D].ref.current?.focus();
     });
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ l(
       to,
       {
         scope: t,
         disabled: o,
         direction: n,
         orientation: a,
-        children: /* @__PURE__ */ s(Ze.Slot, { scope: t, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ l(Ze.Slot, { scope: t, children: /* @__PURE__ */ l(
           j.div,
           {
-            ...l,
+            ...s,
             "data-orientation": a,
             ref: c,
             onKeyDown: o ? void 0 : p
@@ -553,15 +553,15 @@ var [Mr, Jt] = Ie(H), [zr, Qt] = Ie(
   }
 ), Ae = "AccordionItem", [oo, Je] = Ie(Ae), Dr = L.forwardRef(
   (e, r) => {
-    const { __scopeAccordion: t, value: o, ...n } = e, a = Le(Ae, t), l = Jt(Ae, t), i = Ke(t), c = Rr(), f = o && l.value.includes(o) || !1, u = a.disabled || e.disabled;
-    return /* @__PURE__ */ s(
+    const { __scopeAccordion: t, value: o, ...n } = e, a = Le(Ae, t), s = Jt(Ae, t), i = Ke(t), c = Rr(), f = o && s.value.includes(o) || !1, u = a.disabled || e.disabled;
+    return /* @__PURE__ */ l(
       oo,
       {
         scope: t,
         open: f,
         disabled: u,
         triggerId: c,
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ l(
           Ut,
           {
             "data-orientation": a.orientation,
@@ -572,7 +572,7 @@ var [Mr, Jt] = Ie(H), [zr, Qt] = Ie(
             disabled: u,
             open: f,
             onOpenChange: (m) => {
-              m ? l.onItemOpen(o) : l.onItemClose(o);
+              m ? s.onItemOpen(o) : s.onItemClose(o);
             }
           }
         )
@@ -584,7 +584,7 @@ Dr.displayName = Ae;
 var Br = "AccordionHeader", Vr = L.forwardRef(
   (e, r) => {
     const { __scopeAccordion: t, ...o } = e, n = Le(H, t), a = Je(Br, t);
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ l(
       j.h3,
       {
         "data-orientation": n.orientation,
@@ -599,11 +599,11 @@ var Br = "AccordionHeader", Vr = L.forwardRef(
 Vr.displayName = Br;
 var je = "AccordionTrigger", Wr = L.forwardRef(
   (e, r) => {
-    const { __scopeAccordion: t, ...o } = e, n = Le(H, t), a = Je(je, t), l = Qt(je, t), i = Ke(t);
-    return /* @__PURE__ */ s(Ze.ItemSlot, { scope: t, children: /* @__PURE__ */ s(
+    const { __scopeAccordion: t, ...o } = e, n = Le(H, t), a = Je(je, t), s = Qt(je, t), i = Ke(t);
+    return /* @__PURE__ */ l(Ze.ItemSlot, { scope: t, children: /* @__PURE__ */ l(
       Gt,
       {
-        "aria-disabled": a.open && !l.collapsible || void 0,
+        "aria-disabled": a.open && !s.collapsible || void 0,
         "data-orientation": n.orientation,
         id: a.triggerId,
         ...i,
@@ -616,14 +616,14 @@ var je = "AccordionTrigger", Wr = L.forwardRef(
 Wr.displayName = je;
 var $r = "AccordionContent", jr = L.forwardRef(
   (e, r) => {
-    const { __scopeAccordion: t, ...o } = e, n = Le(H, t), a = Je($r, t), l = Ke(t);
-    return /* @__PURE__ */ s(
+    const { __scopeAccordion: t, ...o } = e, n = Le(H, t), a = Je($r, t), s = Ke(t);
+    return /* @__PURE__ */ l(
       Xt,
       {
         role: "region",
         "aria-labelledby": a.triggerId,
         "data-orientation": n.orientation,
-        ...l,
+        ...s,
         ...o,
         ref: r,
         style: {
@@ -659,13 +659,13 @@ const Qe = "-", uo = (e) => {
     conflictingClassGroupModifiers: o
   } = e;
   return {
-    getClassGroupId: (l) => {
-      const i = l.split(Qe);
-      return i[0] === "" && i.length !== 1 && i.shift(), Ur(i, r) || fo(l);
+    getClassGroupId: (s) => {
+      const i = s.split(Qe);
+      return i[0] === "" && i.length !== 1 && i.shift(), Ur(i, r) || fo(s);
     },
-    getConflictingClassGroupIds: (l, i) => {
-      const c = t[l] || [];
-      return i && o[l] ? [...c, ...o[l]] : c;
+    getConflictingClassGroupIds: (s, i) => {
+      const c = t[s] || [];
+      return i && o[s] ? [...c, ...o[s]] : c;
     }
   };
 }, Ur = (e, r) => {
@@ -678,8 +678,8 @@ const Qe = "-", uo = (e) => {
     return;
   const a = e.join(Qe);
   return r.validators.find(({
-    validator: l
-  }) => l(a))?.classGroupId;
+    validator: s
+  }) => s(a))?.classGroupId;
 }, gr = /^\[(.+)\]$/, fo = (e) => {
   if (gr.test(e)) {
     const r = gr.exec(e)[1], t = r?.substring(0, r.indexOf(":"));
@@ -715,8 +715,8 @@ const Qe = "-", uo = (e) => {
       });
       return;
     }
-    Object.entries(n).forEach(([a, l]) => {
-      He(l, vr(r, a), t, o);
+    Object.entries(n).forEach(([a, s]) => {
+      He(s, vr(r, a), t, o);
     });
   });
 }, vr = (e, r) => {
@@ -736,19 +736,19 @@ const Qe = "-", uo = (e) => {
       }
     };
   let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  const n = (a, l) => {
-    t.set(a, l), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
+  const n = (a, s) => {
+    t.set(a, s), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
   };
   return {
     get(a) {
-      let l = t.get(a);
-      if (l !== void 0)
-        return l;
-      if ((l = o.get(a)) !== void 0)
-        return n(a, l), l;
+      let s = t.get(a);
+      if (s !== void 0)
+        return s;
+      if ((s = o.get(a)) !== void 0)
+        return n(a, s), s;
     },
-    set(a, l) {
-      t.has(a) ? t.set(a, l) : n(a, l);
+    set(a, s) {
+      t.has(a) ? t.set(a, s) : n(a, s);
     }
   };
 }, Fe = "!", Ue = ":", ho = Ue.length, go = (e) => {
@@ -758,10 +758,10 @@ const Qe = "-", uo = (e) => {
   } = e;
   let o = (n) => {
     const a = [];
-    let l = 0, i = 0, c = 0, f;
+    let s = 0, i = 0, c = 0, f;
     for (let w = 0; w < n.length; w++) {
       let C = n[w];
-      if (l === 0 && i === 0) {
+      if (s === 0 && i === 0) {
         if (C === Ue) {
           a.push(n.slice(c, w)), c = w + ho;
           continue;
@@ -771,7 +771,7 @@ const Qe = "-", uo = (e) => {
           continue;
         }
       }
-      C === "[" ? l++ : C === "]" ? l-- : C === "(" ? i++ : C === ")" && i--;
+      C === "[" ? s++ : C === "]" ? s-- : C === "(" ? i++ : C === ")" && i--;
     }
     const u = a.length === 0 ? n : n.substring(c), m = vo(u), p = m !== u, v = f && f > c ? f - c : void 0;
     return {
@@ -783,11 +783,11 @@ const Qe = "-", uo = (e) => {
   };
   if (r) {
     const n = r + Ue, a = o;
-    o = (l) => l.startsWith(n) ? a(l.substring(n.length)) : {
+    o = (s) => s.startsWith(n) ? a(s.substring(n.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
-      baseClassName: l,
+      baseClassName: s,
       maybePostfixModifierPosition: void 0
     };
   }
@@ -806,8 +806,8 @@ const Qe = "-", uo = (e) => {
       return o;
     const n = [];
     let a = [];
-    return o.forEach((l) => {
-      l[0] === "[" || r[l] ? (n.push(...a.sort(), l), a = []) : a.push(l);
+    return o.forEach((s) => {
+      s[0] === "[" || r[s] ? (n.push(...a.sort(), s), a = []) : a.push(s);
     }), n.push(...a.sort()), n;
   };
 }, wo = (e) => ({
@@ -821,7 +821,7 @@ const Qe = "-", uo = (e) => {
     getClassGroupId: o,
     getConflictingClassGroupIds: n,
     sortModifiers: a
-  } = r, l = [], i = e.trim().split(yo);
+  } = r, s = [], i = e.trim().split(yo);
   let c = "";
   for (let f = i.length - 1; f >= 0; f -= 1) {
     const u = i[f], {
@@ -848,13 +848,13 @@ const Qe = "-", uo = (e) => {
       A = !1;
     }
     const k = a(p).join(":"), N = v ? k + Fe : k, E = N + R;
-    if (l.includes(E))
+    if (s.includes(E))
       continue;
-    l.push(E);
+    s.push(E);
     const M = n(R, A);
     for (let I = 0; I < M.length; ++I) {
       const D = M[I];
-      l.push(N + D);
+      s.push(N + D);
     }
     c = u + (c.length > 0 ? " " + c : c);
   }
@@ -875,8 +875,8 @@ const Gr = (e) => {
   return t;
 };
 function So(e, ...r) {
-  let t, o, n, a = l;
-  function l(c) {
+  let t, o, n, a = s;
+  function s(c) {
     const f = r.reduce((u, m) => m(u), e());
     return t = wo(f), o = t.cache.get, n = t.cache.set, a = i, i(c);
   }
@@ -906,7 +906,7 @@ const T = (e) => {
   const o = Yr.exec(e);
   return o ? o[1] ? r(o[1]) : t : !1;
 }, Zr = (e) => e === "position" || e === "percentage", Kr = (e) => e === "image" || e === "url", Jr = (e) => e === "length" || e === "size" || e === "bg-size", Qr = (e) => e === "length", $o = (e) => e === "number", jo = (e) => e === "family-name", et = (e) => e === "shadow", Ho = () => {
-  const e = T("color"), r = T("font"), t = T("text"), o = T("font-weight"), n = T("tracking"), a = T("leading"), l = T("breakpoint"), i = T("container"), c = T("spacing"), f = T("radius"), u = T("shadow"), m = T("inset-shadow"), p = T("text-shadow"), v = T("drop-shadow"), w = T("blur"), C = T("perspective"), A = T("aspect"), R = T("ease"), k = T("animate"), N = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [
+  const e = T("color"), r = T("font"), t = T("text"), o = T("font-weight"), n = T("tracking"), a = T("leading"), s = T("breakpoint"), i = T("container"), c = T("spacing"), f = T("radius"), u = T("shadow"), m = T("inset-shadow"), p = T("text-shadow"), v = T("drop-shadow"), w = T("blur"), C = T("perspective"), A = T("aspect"), R = T("ease"), k = T("animate"), N = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [
     "center",
     "top",
     "bottom",
@@ -1606,7 +1606,7 @@ const T = (e) => {
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [l]
+            screen: [s]
           },
           ...Q()
         ]
@@ -3381,7 +3381,7 @@ function g(...e) {
 }
 function Uo({ children: e, className: r, ...t }) {
   const { colorScheme: o } = er(), { value: n } = rr();
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     ao,
     {
       className: g(
@@ -3400,13 +3400,13 @@ function Uo({ children: e, className: r, ...t }) {
   );
 }
 function Go({ className: e, ...r }) {
-  return /* @__PURE__ */ s(no, { className: g(e), ...r, "data-slot": "accordion-root" });
+  return /* @__PURE__ */ l(no, { className: g(e), ...r, "data-slot": "accordion-root" });
 }
 function Xo({ className: e, ...r }) {
   const { colorScheme: t } = er(), { content: o } = rr(), [n, a] = pe(!1);
   return Ge(() => {
     a(!0);
-  }, []), /* @__PURE__ */ s(
+  }, []), /* @__PURE__ */ l(
     io,
     {
       className: g(
@@ -3415,7 +3415,7 @@ function Xo({ className: e, ...r }) {
         n && "data-[state=closed]:animate-collapse data-[state=open]:animate-expand"
       ),
       ...r,
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ l(
         "div",
         {
           className: g(
@@ -3435,7 +3435,7 @@ function Xo({ className: e, ...r }) {
 }
 function Yo({ className: e, ...r }) {
   const { colorScheme: t } = er(), { title: o } = rr();
-  return /* @__PURE__ */ s(so, { children: /* @__PURE__ */ _(
+  return /* @__PURE__ */ l(so, { children: /* @__PURE__ */ _(
     lo,
     {
       className: g(
@@ -3445,7 +3445,7 @@ function Yo({ className: e, ...r }) {
       "data-slot": "accordion-trigger",
       ...r,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ l(
           "div",
           {
             className: g(
@@ -3472,7 +3472,7 @@ function Yo({ className: e, ...r }) {
             viewBox: "0 0 10 10",
             width: 16,
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l(
                 "line",
                 {
                   className: "group-data-[state=open]:-translate-y-[3px] group-data-[state=open]:-rotate-90",
@@ -3483,7 +3483,7 @@ function Yo({ className: e, ...r }) {
                   y2: 5
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l(
                 "line",
                 {
                   className: "group-data-[state=open]:-translate-y-[3px] group-data-[state=open]:rotate-90",
@@ -3514,7 +3514,7 @@ function qo({
     }),
     [r, t]
   );
-  return /* @__PURE__ */ s(rt.Provider, { value: o, children: e });
+  return /* @__PURE__ */ l(rt.Provider, { value: o, children: e });
 }
 function er() {
   const e = J(rt);
@@ -3537,7 +3537,7 @@ function Zo({
     }),
     [r, t, o]
   );
-  return /* @__PURE__ */ s(tt.Provider, { value: n, children: e });
+  return /* @__PURE__ */ l(tt.Provider, { value: n, children: e });
 }
 function rr() {
   const e = J(tt);
@@ -3546,7 +3546,7 @@ function rr() {
   return e;
 }
 function wa({ className: e, variant: r, message: t, description: o, action: n, dismiss: a }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     Jo,
     {
       action: n,
@@ -3556,12 +3556,12 @@ function wa({ className: e, variant: r, message: t, description: o, action: n, d
       variant: r,
       children: /* @__PURE__ */ _(Ko, { className: e, children: [
         /* @__PURE__ */ _(Qo, { children: [
-          /* @__PURE__ */ s(en, {}),
-          /* @__PURE__ */ s(rn, {})
+          /* @__PURE__ */ l(en, {}),
+          /* @__PURE__ */ l(rn, {})
         ] }),
         /* @__PURE__ */ _(tn, { children: [
-          /* @__PURE__ */ s(pn, {}),
-          /* @__PURE__ */ s(bn, {})
+          /* @__PURE__ */ l(pn, {}),
+          /* @__PURE__ */ l(bn, {})
         ] })
       ] })
     }
@@ -3569,7 +3569,7 @@ function wa({ className: e, variant: r, message: t, description: o, action: n, d
 }
 function Ko({ className: e, children: r, ...t }) {
   const { variant: o } = he();
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: g(
@@ -3598,7 +3598,7 @@ function Jo({
   dismiss: n,
   variant: a
 }) {
-  const l = K(
+  const s = K(
     () => ({
       message: r,
       description: t,
@@ -3608,7 +3608,7 @@ function Jo({
     }),
     [r, t, o, n, a]
   );
-  return /* @__PURE__ */ s(ot.Provider, { value: l, children: e });
+  return /* @__PURE__ */ l(ot.Provider, { value: s, children: e });
 }
 function he() {
   const e = J(ot);
@@ -3617,7 +3617,7 @@ function he() {
   return e;
 }
 function Qo({ children: e, className: r, ...t }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: g("[font-family:var(--alert-font-family,var(--font-family-body))]", r),
@@ -3629,7 +3629,7 @@ function Qo({ children: e, className: r, ...t }) {
 }
 function en({ children: e, className: r, ...t }) {
   const { message: o } = he();
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "h5",
     {
       className: g(
@@ -3644,7 +3644,7 @@ function en({ children: e, className: r, ...t }) {
 }
 function rn({ className: e, ...r }) {
   const { description: t } = he();
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "p",
     {
       className: g(
@@ -3658,7 +3658,7 @@ function rn({ className: e, ...r }) {
   );
 }
 function tn({ children: e, className: r, ...t }) {
-  return /* @__PURE__ */ s("div", { className: g("flex items-center gap-1", r), "data-slot": "alert-actions", ...t, children: e });
+  return /* @__PURE__ */ l("div", { className: g("flex items-center gap-1", r), "data-slot": "alert-actions", ...t, children: e });
 }
 /**
  * @license lucide-react v0.545.0 - ISC
@@ -3708,7 +3708,7 @@ const ln = kr(
     absoluteStrokeWidth: o,
     className: n = "",
     children: a,
-    iconNode: l,
+    iconNode: s,
     ...i
   }, c) => We(
     "svg",
@@ -3724,7 +3724,7 @@ const ln = kr(
       ...i
     },
     [
-      ...l.map(([f, u]) => We(f, u)),
+      ...s.map(([f, u]) => We(f, u)),
       ...Array.isArray(a) ? a : [a]
     ]
   )
@@ -3785,7 +3785,7 @@ function nr({
   loading: o = !1,
   type: n = "button",
   disabled: a = !1,
-  className: l,
+  className: s,
   children: i,
   ...c
 }) {
@@ -3810,14 +3810,14 @@ function nr({
         }[t],
         !o && !a && "hover:after:translate-x-0",
         o && "pointer-events-none",
-        l
+        s
       ),
       "data-slot": "button",
       disabled: a,
       type: n,
       ...c,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ l(
           "span",
           {
             className: g(
@@ -3841,14 +3841,14 @@ function nr({
             children: i
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ l(
           "span",
           {
             className: g(
               "absolute inset-0 grid place-content-center transition-all duration-300 ease-in-out",
               o ? "translate-y-0 opacity-100" : "translate-y-10 opacity-0"
             ),
-            children: /* @__PURE__ */ s(
+            children: /* @__PURE__ */ l(
               fn,
               {
                 className: g(
@@ -3867,11 +3867,11 @@ function pn({ children: e, ...r }) {
   const { action: t } = he();
   if (!t) return null;
   const { label: o, onClick: n } = t;
-  return /* @__PURE__ */ s(nr, { "data-slot": "alert-button", onClick: n, size: "x-small", variant: "ghost", ...r, children: o });
+  return /* @__PURE__ */ l(nr, { "data-slot": "alert-button", onClick: n, size: "x-small", variant: "ghost", ...r, children: o });
 }
 function bn({ ...e }) {
   const { dismiss: r } = he(), { label: t, onClick: o } = r;
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     nr,
     {
       "aria-label": t,
@@ -3881,12 +3881,12 @@ function bn({ ...e }) {
       size: "x-small",
       variant: "ghost",
       ...e,
-      children: /* @__PURE__ */ s(or, { size: 20, strokeWidth: 1 })
+      children: /* @__PURE__ */ l(or, { size: 20, strokeWidth: 1 })
     }
   );
 }
 function hn({ className: e, children: r, ...t }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "span",
     {
       className: g(
@@ -3905,7 +3905,7 @@ function ya({
   variant: o = "primary",
   ...n
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "span",
     {
       className: g(
@@ -3934,12 +3934,12 @@ const Ca = ({
   hideDismiss: t = !1,
   className: o,
   onDismiss: n
-}) => /* @__PURE__ */ s(gn, { hideDismiss: t, id: e, onDismiss: n, children: /* @__PURE__ */ s(vn, { className: o, children: /* @__PURE__ */ _(xn, { children: [
-  /* @__PURE__ */ s(wn, { children: r }),
-  /* @__PURE__ */ s(yn, {})
+}) => /* @__PURE__ */ l(gn, { hideDismiss: t, id: e, onDismiss: n, children: /* @__PURE__ */ l(vn, { className: o, children: /* @__PURE__ */ _(xn, { children: [
+  /* @__PURE__ */ l(wn, { children: r }),
+  /* @__PURE__ */ l(yn, {})
 ] }) }) }), at = Z(void 0);
 function gn({ id: e, hideDismiss: r, onDismiss: t, children: o }) {
-  const [n, a] = pe(!1), [l, i] = pe(!1);
+  const [n, a] = pe(!1), [s, i] = pe(!1);
   Ge(() => {
     const u = localStorage.getItem(`${e}-hidden-banner`) === "true";
     a(u), i(!0);
@@ -3949,14 +3949,14 @@ function gn({ id: e, hideDismiss: r, onDismiss: t, children: o }) {
   }, [e, t]), f = K(
     () => ({
       id: e,
-      isInitialized: l,
+      isInitialized: s,
       isDismissed: n,
       hideDismiss: r,
       handleDismiss: c
     }),
-    [e, l, n, r, c]
+    [e, s, n, r, c]
   );
-  return /* @__PURE__ */ s(at.Provider, { value: f, children: l ? o : null });
+  return /* @__PURE__ */ l(at.Provider, { value: f, children: s ? o : null });
 }
 function st() {
   const e = J(at);
@@ -3966,7 +3966,7 @@ function st() {
 }
 function vn({ children: e, className: r, ...t }) {
   const { id: o, isDismissed: n } = st();
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: g(
@@ -3982,7 +3982,7 @@ function vn({ children: e, className: r, ...t }) {
   );
 }
 function xn({ className: e, children: r }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: g("flex items-center justify-between gap-4 px-8 py-3", e),
@@ -3992,7 +3992,7 @@ function xn({ className: e, children: r }) {
   );
 }
 function wn({ children: e, className: r, ...t }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: g(
@@ -4007,7 +4007,7 @@ function wn({ children: e, className: r, ...t }) {
 }
 function yn({ className: e, ...r }) {
   const { hideDismiss: t, handleDismiss: o } = st();
-  return t ? null : /* @__PURE__ */ s(
+  return t ? null : /* @__PURE__ */ l(
     "button",
     {
       "aria-label": "Dismiss banner",
@@ -4020,7 +4020,7 @@ function yn({ className: e, ...r }) {
         n.preventDefault(), o();
       },
       ...r,
-      children: /* @__PURE__ */ s(or, { absoluteStrokeWidth: !0, size: 20, strokeWidth: 1.5 })
+      children: /* @__PURE__ */ l(or, { absoluteStrokeWidth: !0, size: 20, strokeWidth: 1.5 })
     }
   );
 }
@@ -4031,9 +4031,9 @@ function ka({
   link: o,
   image: n,
   title: a,
-  className: l
+  className: s
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     Cn,
     {
       author: e,
@@ -4042,15 +4042,15 @@ function ka({
       image: n,
       link: o,
       title: a,
-      children: /* @__PURE__ */ _(kn, { className: l, children: [
-        /* @__PURE__ */ s(Sn, {}),
-        /* @__PURE__ */ s(Rn, {}),
-        /* @__PURE__ */ s(Pn, {}),
+      children: /* @__PURE__ */ _(kn, { className: s, children: [
+        /* @__PURE__ */ l(Sn, {}),
+        /* @__PURE__ */ l(Rn, {}),
+        /* @__PURE__ */ l(Pn, {}),
         /* @__PURE__ */ _(Nn, { children: [
-          /* @__PURE__ */ s(_n, {}),
-          /* @__PURE__ */ s(En, {})
+          /* @__PURE__ */ l(_n, {}),
+          /* @__PURE__ */ l(En, {})
         ] }),
-        /* @__PURE__ */ s(An, {})
+        /* @__PURE__ */ l(An, {})
       ] })
     }
   );
@@ -4063,7 +4063,7 @@ function Cn({
   content: o,
   date: n,
   image: a,
-  link: l
+  link: s
 }) {
   const i = K(
     () => ({
@@ -4072,11 +4072,11 @@ function Cn({
       content: o,
       date: n,
       image: a,
-      link: l
+      link: s
     }),
-    [r, t, o, n, a, l]
+    [r, t, o, n, a, s]
   );
-  return /* @__PURE__ */ s(lt.Provider, { value: i, children: e });
+  return /* @__PURE__ */ l(lt.Provider, { value: i, children: e });
 }
 function de() {
   const e = J(lt);
@@ -4090,7 +4090,7 @@ function kn({
   children: t,
   ...o
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     e ?? "article",
     {
       className: g(
@@ -4104,7 +4104,7 @@ function kn({
   );
 }
 function Sa({ children: e, className: r, ...t }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: g(
@@ -4119,7 +4119,7 @@ function Sa({ children: e, className: r, ...t }) {
 function Sn({ className: e, ...r }) {
   const { image: t, title: o } = de(), n = "h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-110", a = () => {
     if (!t)
-      return /* @__PURE__ */ s(
+      return /* @__PURE__ */ l(
         "div",
         {
           className: g(
@@ -4130,10 +4130,10 @@ function Sn({ className: e, ...r }) {
           children: o
         }
       );
-    const { src: l, alt: i, render: c } = t;
-    return c ? c({ src: l, alt: i, className: n }) : /* @__PURE__ */ s("img", { alt: i, className: n, src: l });
+    const { src: s, alt: i, render: c } = t;
+    return c ? c({ src: s, alt: i, className: n }) : /* @__PURE__ */ l("img", { alt: i, className: n, src: s });
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: g(
@@ -4152,11 +4152,11 @@ function An({ className: e, ...r }) {
     "absolute inset-0 rounded-b-lg rounded-t-2xl focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--blog-post-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4",
     e
   );
-  return n ? n({ href: t, ariaLabel: o, className: a, ...r }) : /* @__PURE__ */ s("a", { className: a, href: t, ...r, children: /* @__PURE__ */ s("span", { className: "sr-only", children: o }) });
+  return n ? n({ href: t, ariaLabel: o, className: a, ...r }) : /* @__PURE__ */ l("a", { className: a, href: t, ...r, children: /* @__PURE__ */ l("span", { className: "sr-only", children: o }) });
 }
 function Rn({ className: e, ...r }) {
   const { title: t } = de();
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "h5",
     {
       className: g(
@@ -4171,7 +4171,7 @@ function Rn({ className: e, ...r }) {
 }
 function Pn({ className: e, ...r }) {
   const { content: t } = de();
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "p",
     {
       className: g(
@@ -4185,7 +4185,7 @@ function Pn({ className: e, ...r }) {
   );
 }
 function Nn({ children: e, className: r, ...t }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: g(
@@ -4200,7 +4200,7 @@ function Nn({ children: e, className: r, ...t }) {
 }
 function _n({ className: e, ...r }) {
   const { date: t } = de();
-  return /* @__PURE__ */ s("time", { dateTime: t, ...r, "data-slot": "blog-post-card-date", children: new Date(t).toLocaleDateString("en-US", {
+  return /* @__PURE__ */ l("time", { dateTime: t, ...r, "data-slot": "blog-post-card-date", children: new Date(t).toLocaleDateString("en-US", {
     year: "numeric",
     month: "long",
     day: "numeric"
@@ -4210,7 +4210,7 @@ function En({ className: e, ...r }) {
   const { author: t } = de();
   if (t != null)
     return /* @__PURE__ */ _(te, { children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ l(
         "span",
         {
           className: g("after:mx-2 after:content-['•']", e),
@@ -4218,11 +4218,11 @@ function En({ className: e, ...r }) {
           ...r
         }
       ),
-      /* @__PURE__ */ s("span", { children: t })
+      /* @__PURE__ */ l("span", { children: t })
     ] });
 }
 function it({ className: e, ...r }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: g(
@@ -4235,13 +4235,13 @@ function it({ className: e, ...r }) {
   );
 }
 function me({ characterCount: e = 10, className: r, ...t }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: g("flex h-[1lh] items-center", r),
       "data-slot": "skeleton-text",
       ...t,
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ l(
         "div",
         {
           className: g(
@@ -4259,7 +4259,7 @@ function Aa({
   ...t
 }) {
   return /* @__PURE__ */ _("div", { className: g("w-full max-w-md @container", e), ...t, children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ l(
       it,
       {
         className: g(
@@ -4273,13 +4273,13 @@ function Aa({
         )
       }
     ),
-    /* @__PURE__ */ s(me, { characterCount: 25, className: "mt-4 rounded text-lg" }),
+    /* @__PURE__ */ l(me, { characterCount: 25, className: "mt-4 rounded text-lg" }),
     /* @__PURE__ */ _("div", { className: "mt-1.5", children: [
-      /* @__PURE__ */ s(me, { characterCount: "full", className: "rounded text-sm" }),
-      /* @__PURE__ */ s(me, { characterCount: "full", className: "rounded text-sm" }),
-      /* @__PURE__ */ s(me, { characterCount: 15, className: "rounded text-sm" })
+      /* @__PURE__ */ l(me, { characterCount: "full", className: "rounded text-sm" }),
+      /* @__PURE__ */ l(me, { characterCount: "full", className: "rounded text-sm" }),
+      /* @__PURE__ */ l(me, { characterCount: 15, className: "rounded text-sm" })
     ] }),
-    /* @__PURE__ */ s(me, { characterCount: 10, className: "mt-3 rounded text-sm" })
+    /* @__PURE__ */ l(me, { characterCount: 10, className: "mt-3 rounded text-sm" })
   ] });
 }
 function Ra({
@@ -4289,7 +4289,7 @@ function Ra({
   className: o,
   children: n,
   render: a,
-  ...l
+  ...s
 }) {
   const i = g(
     "relative z-0 inline-flex h-fit select-none items-center justify-center overflow-hidden border text-center font-semibold leading-normal [font-family:var(--button-font-family,var(--font-family-body))] after:absolute after:inset-0 after:-z-10 after:-translate-x-[105%] after:transition after:duration-300 after:[animation-timing-function:cubic-bezier(0,0.25,0,1)] hover:after:translate-x-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--button-focus,hsl(var(--primary)))] focus-visible:ring-offset-2",
@@ -4306,7 +4306,7 @@ function Ra({
       circle: "rounded-full after:rounded-full"
     }[t],
     o
-  ), c = /* @__PURE__ */ s(
+  ), c = /* @__PURE__ */ l(
     "span",
     {
       className: g(
@@ -4331,17 +4331,17 @@ function Ra({
   );
   function f() {
     return a ? a({
-      ...l,
+      ...s,
       className: i,
       children: c
-    }) : /* @__PURE__ */ s("a", { ...l, className: i, children: c });
+    }) : /* @__PURE__ */ l("a", { ...s, className: i, children: c });
   }
-  return /* @__PURE__ */ s(te, { children: f() });
+  return /* @__PURE__ */ l(te, { children: f() });
 }
 function Pa({ as: e, className: r, children: t, link: o, ...n }) {
   return /* @__PURE__ */ _(Ln, { as: e, className: r, ...n, children: [
     t,
-    /* @__PURE__ */ s(In, { link: o })
+    /* @__PURE__ */ l(In, { link: o })
   ] });
 }
 function In({ link: e }) {
@@ -4350,14 +4350,14 @@ function In({ link: e }) {
     "absolute inset-0 rounded-2xl",
     "focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[var(--card-focus,hsl(var(--primary)))]"
   );
-  return o ? o({ href: r, ariaLabel: t, className: n }) : /* @__PURE__ */ s("a", { className: n, "data-slot": "card-link", href: r, children: /* @__PURE__ */ s("span", { className: "sr-only", children: t }) });
+  return o ? o({ href: r, ariaLabel: t, className: n }) : /* @__PURE__ */ l("a", { className: n, "data-slot": "card-link", href: r, children: /* @__PURE__ */ l("span", { className: "sr-only", children: t }) });
 }
 function Ln({
   as: e,
   className: r,
   children: t
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     e ?? "div",
     {
       className: g(
@@ -4372,16 +4372,16 @@ function Ln({
   );
 }
 function Na({ className: e, ...r }) {
-  return /* @__PURE__ */ s("div", { className: g("@container", e), ...r, children: /* @__PURE__ */ s(it, {}) });
+  return /* @__PURE__ */ l("div", { className: g("@container", e), ...r, children: /* @__PURE__ */ l(it, {}) });
 }
 function _a({ className: e, children: r, removeLabel: t = "Remove", ...o }) {
   return /* @__PURE__ */ _(Tn, { className: e, children: [
     r,
-    /* @__PURE__ */ s(Mn, { title: t, ...o })
+    /* @__PURE__ */ l(Mn, { title: t, ...o })
   ] });
 }
 function Tn({ children: e, className: r, ...t }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "span",
     {
       className: g(
@@ -4394,7 +4394,7 @@ function Tn({ children: e, className: r, ...t }) {
   );
 }
 function Mn({ className: e, ...r }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "button",
     {
       className: g(
@@ -4402,31 +4402,31 @@ function Mn({ className: e, ...r }) {
         e
       ),
       ...r,
-      children: /* @__PURE__ */ s(or, { size: 12 })
+      children: /* @__PURE__ */ l(or, { size: 12 })
     }
   );
 }
 function Ea({ checked: e = !1, setChecked: r }) {
-  return /* @__PURE__ */ s(On, { onPressedChange: r, pressed: e, children: /* @__PURE__ */ s(Dn, { filled: e }) });
+  return /* @__PURE__ */ l(On, { onPressedChange: r, pressed: e, children: /* @__PURE__ */ l(Dn, { filled: e }) });
 }
 var ct = "Toggle", dt = d.forwardRef((e, r) => {
-  const { pressed: t, defaultPressed: o, onPressedChange: n, ...a } = e, [l, i] = _e({
+  const { pressed: t, defaultPressed: o, onPressedChange: n, ...a } = e, [s, i] = _e({
     prop: t,
     onChange: n,
     defaultProp: o ?? !1,
     caller: ct
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     j.button,
     {
       type: "button",
-      "aria-pressed": l,
-      "data-state": l ? "on" : "off",
+      "aria-pressed": s,
+      "data-state": s ? "on" : "off",
       "data-disabled": e.disabled ? "" : void 0,
       ...a,
       ref: r,
       onClick: F(e.onClick, () => {
-        e.disabled || i(!l);
+        e.disabled || i(!s);
       })
     }
   );
@@ -4434,7 +4434,7 @@ var ct = "Toggle", dt = d.forwardRef((e, r) => {
 dt.displayName = ct;
 var zn = dt;
 function On({ children: e, className: r, ...t }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     zn,
     {
       className: g(
@@ -4461,7 +4461,7 @@ function Dn({ filled: e = !1, className: r, ...t }) {
       xmlns: "http://www.w3.org/2000/svg",
       ...t,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ l(
           "path",
           {
             className: g({
@@ -4473,7 +4473,7 @@ function Dn({ filled: e = !1, className: r, ...t }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ l(
           "path",
           {
             className: g(
@@ -4497,16 +4497,16 @@ function Ia({ className: e, children: r, ...t }) {
       ),
       ...t,
       children: [
-        /* @__PURE__ */ s(dn, { size: 20, strokeWidth: 1.5 }),
+        /* @__PURE__ */ l(dn, { size: 20, strokeWidth: 1.5 }),
         r
       ]
     }
   );
 }
 function La({ showRating: e = !0, rating: r, className: t }) {
-  return /* @__PURE__ */ s(Bn, { rating: r, showRating: e, children: /* @__PURE__ */ _(Vn, { className: t, children: [
-    /* @__PURE__ */ s($n, {}),
-    /* @__PURE__ */ s(jn, {})
+  return /* @__PURE__ */ l(Bn, { rating: r, showRating: e, children: /* @__PURE__ */ _(Vn, { className: t, children: [
+    /* @__PURE__ */ l($n, {}),
+    /* @__PURE__ */ l(jn, {})
   ] }) });
 }
 const ut = Z(void 0);
@@ -4516,7 +4516,7 @@ function Bn({ children: e, rating: r, showRating: t = !0 }) {
     return o.current += 1, i;
   }, []), a = be(() => {
     o.current = 0;
-  }, []), l = K(() => {
+  }, []), s = K(() => {
     const i = Math.min(r, 5), c = Array.from({ length: 5 }, (f, u) => u < Math.floor(i) ? "full" : u < Math.ceil(i) ? "half" : "empty");
     return {
       rating: r,
@@ -4527,7 +4527,7 @@ function Bn({ children: e, rating: r, showRating: t = !0 }) {
       resetStarIndex: a
     };
   }, [r, t]);
-  return /* @__PURE__ */ s(ut.Provider, { value: l, children: e });
+  return /* @__PURE__ */ l(ut.Provider, { value: s, children: e });
 }
 function ar() {
   const e = J(ut);
@@ -4536,11 +4536,11 @@ function ar() {
   return e;
 }
 function Vn({ children: e, className: r, ...t }) {
-  return /* @__PURE__ */ s("div", { className: g("flex items-center", r), ...t, children: e });
+  return /* @__PURE__ */ l("div", { className: g("flex items-center", r), ...t, children: e });
 }
 function Wn({ className: e, ...r }) {
-  const { stars: t, getNextStarIndex: o } = ar(), n = o(), a = t[n] ?? "empty", l = {
-    empty: /* @__PURE__ */ s(
+  const { stars: t, getNextStarIndex: o } = ar(), n = o(), a = t[n] ?? "empty", s = {
+    empty: /* @__PURE__ */ l(
       "path",
       {
         d: "M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z",
@@ -4551,7 +4551,7 @@ function Wn({ className: e, ...r }) {
       }
     ),
     half: /* @__PURE__ */ _(te, { children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ l(
         "path",
         {
           d: "M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z",
@@ -4560,7 +4560,7 @@ function Wn({ className: e, ...r }) {
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ l(
         "path",
         {
           d: "M10.0003 1.6665V14.8082L4.85033 17.5165L5.83366 11.7832L1.66699 7.72484L7.42533 6.88317L10.0003 1.6665Z",
@@ -4568,7 +4568,7 @@ function Wn({ className: e, ...r }) {
         }
       )
     ] }),
-    full: /* @__PURE__ */ s(
+    full: /* @__PURE__ */ l(
       "path",
       {
         d: "M9.99984 1.66669L12.5748 6.88335L18.3332 7.72502L14.1665 11.7834L15.1498 17.5167L9.99984 14.8084L4.84984 17.5167L5.83317 11.7834L1.6665 7.72502L7.42484 6.88335L9.99984 1.66669Z",
@@ -4579,7 +4579,7 @@ function Wn({ className: e, ...r }) {
       }
     )
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "svg",
     {
       className: g("inline-block text-[var(--rating-icon,hsl(var(--foreground)))]", e),
@@ -4588,17 +4588,17 @@ function Wn({ className: e, ...r }) {
       viewBox: "0 0 20 20",
       width: 20,
       ...r,
-      children: l[a]
+      children: s[a]
     }
   );
 }
 function $n() {
   const { resetStarIndex: e } = ar();
-  return e(), /* @__PURE__ */ s(te, { children: [0, 1, 2, 3, 4].map((r) => /* @__PURE__ */ s(Wn, {}, r)) });
+  return e(), /* @__PURE__ */ l(te, { children: [0, 1, 2, 3, 4].map((r) => /* @__PURE__ */ l(Wn, {}, r)) });
 }
 function jn({ className: e, ...r }) {
   const { adjustedRating: t, showRating: o } = ar();
-  return o ? /* @__PURE__ */ s(
+  return o ? /* @__PURE__ */ l(
     "span",
     {
       className: g(
@@ -4617,9 +4617,9 @@ function Ta({
   hideLabel: o = "Show less",
   defaultOpen: n = !1,
   maxHeight: a = "10rem",
-  children: l
+  children: s
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     Fn,
     {
       defaultOpen: n,
@@ -4628,14 +4628,14 @@ function Ta({
       showLabel: t,
       variant: r,
       children: /* @__PURE__ */ _(Hn, { className: e, children: [
-        /* @__PURE__ */ s(Un, { children: l }),
-        /* @__PURE__ */ s(Gn, { children: /* @__PURE__ */ s(Xn, {}) })
+        /* @__PURE__ */ l(Un, { children: s }),
+        /* @__PURE__ */ l(Gn, { children: /* @__PURE__ */ l(Xn, {}) })
       ] })
     }
   );
 }
 function Hn({ children: e, className: r, ...t }) {
-  return /* @__PURE__ */ s("div", { className: g("relative", r), ...t, children: e });
+  return /* @__PURE__ */ l("div", { className: g("relative", r), ...t, children: e });
 }
 const ft = Z(void 0);
 function Fn({
@@ -4646,7 +4646,7 @@ function Fn({
   defaultOpen: n = !1,
   maxHeight: a = "10rem"
 }) {
-  const [l, i] = pe(n), [c, f] = pe(!0), u = Sr(null), m = be((w) => {
+  const [s, i] = pe(n), [c, f] = pe(!0), u = Sr(null), m = be((w) => {
     const C = parseFloat(w);
     return w.endsWith("rem") ? C * 16 : (w.endsWith("px"), C);
   }, []);
@@ -4667,7 +4667,7 @@ function Fn({
     i((w) => !w);
   }, []), v = K(
     () => ({
-      isOpen: l,
+      isOpen: s,
       hasOverflow: c,
       variant: r,
       showLabel: t,
@@ -4676,9 +4676,9 @@ function Fn({
       contentRef: u,
       toggleOpen: p
     }),
-    [l, c, r, t, o, a, p]
+    [s, c, r, t, o, a, p]
   );
-  return /* @__PURE__ */ s(ft.Provider, { value: v, children: e });
+  return /* @__PURE__ */ l(ft.Provider, { value: v, children: e });
 }
 function sr() {
   const e = J(ft);
@@ -4687,8 +4687,8 @@ function sr() {
   return e;
 }
 function Un({ children: e, className: r, ...t }) {
-  const { hasOverflow: o, isOpen: n, maxHeight: a, contentRef: l } = sr();
-  return /* @__PURE__ */ s(
+  const { hasOverflow: o, isOpen: n, maxHeight: a, contentRef: s } = sr();
+  return /* @__PURE__ */ l(
     "div",
     {
       className: g(
@@ -4696,7 +4696,7 @@ function Un({ children: e, className: r, ...t }) {
         "overflow-hidden",
         r
       ),
-      ref: l,
+      ref: s,
       style: { maxHeight: n ? "none" : a },
       ...t,
       children: e
@@ -4705,22 +4705,22 @@ function Un({ children: e, className: r, ...t }) {
 }
 function Gn({ children: e, className: r, ...t }) {
   const { hasOverflow: o } = sr();
-  return o ? /* @__PURE__ */ s("div", { className: g("flex w-full items-end pt-4", r), ...t, children: e }) : null;
+  return o ? /* @__PURE__ */ l("div", { className: g("flex w-full items-end pt-4", r), ...t, children: e }) : null;
 }
 function Xn({ children: e, className: r, ...t }) {
-  const { variant: o, showLabel: n, hideLabel: a, isOpen: l, toggleOpen: i } = sr();
+  const { variant: o, showLabel: n, hideLabel: a, isOpen: s, toggleOpen: i } = sr();
   return /* @__PURE__ */ _(te, { children: [
-    o === "underline" && /* @__PURE__ */ s(
+    o === "underline" && /* @__PURE__ */ l(
       "button",
       {
         className: g("group/underline text-sm focus:outline-none", r),
         onClick: () => i(),
         type: "button",
         ...t,
-        children: /* @__PURE__ */ s(hn, { children: l ? a : n })
+        children: /* @__PURE__ */ l(hn, { children: s ? a : n })
       }
     ),
-    o === "button" && /* @__PURE__ */ s(
+    o === "button" && /* @__PURE__ */ l(
       nr,
       {
         className: r,
@@ -4729,7 +4729,7 @@ function Xn({ children: e, className: r, ...t }) {
         type: "button",
         variant: "tertiary",
         ...t,
-        children: l ? a : n
+        children: s ? a : n
       }
     )
   ] });
@@ -4741,16 +4741,16 @@ function Ma({
   scrollHideDelay: o = 500,
   type: n = "hover"
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     da,
     {
       orientation: t,
       scrollHideDelay: o,
       type: n,
       children: /* @__PURE__ */ _(ca, { className: e, children: [
-        /* @__PURE__ */ s(fa, { children: r }),
-        /* @__PURE__ */ s(ma, { children: /* @__PURE__ */ s(pa, {}) }),
-        /* @__PURE__ */ s(ba, {})
+        /* @__PURE__ */ l(fa, { children: r }),
+        /* @__PURE__ */ l(ma, { children: /* @__PURE__ */ l(pa, {}) }),
+        /* @__PURE__ */ l(ba, {})
       ] })
     }
   );
@@ -4774,9 +4774,9 @@ var lr = "ScrollArea", [mt] = Ne(lr), [Zn, W] = mt(lr), pt = d.forwardRef(
       type: o = "hover",
       dir: n,
       scrollHideDelay: a = 600,
-      ...l
+      ...s
     } = e, [i, c] = d.useState(null), [f, u] = d.useState(null), [m, p] = d.useState(null), [v, w] = d.useState(null), [C, A] = d.useState(null), [R, k] = d.useState(0), [N, E] = d.useState(0), [M, I] = d.useState(!1), [D, x] = d.useState(!1), P = $(r, (G) => c(G)), B = Lr(n);
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ l(
       Zn,
       {
         scope: t,
@@ -4798,11 +4798,11 @@ var lr = "ScrollArea", [mt] = Ne(lr), [Zn, W] = mt(lr), pt = d.forwardRef(
         onScrollbarYEnabledChange: x,
         onCornerWidthChange: k,
         onCornerHeightChange: E,
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ l(
           j.div,
           {
             dir: B,
-            ...l,
+            ...s,
             ref: P,
             style: {
               position: "relative",
@@ -4820,9 +4820,9 @@ var lr = "ScrollArea", [mt] = Ne(lr), [Zn, W] = mt(lr), pt = d.forwardRef(
 pt.displayName = lr;
 var bt = "ScrollAreaViewport", ht = d.forwardRef(
   (e, r) => {
-    const { __scopeScrollArea: t, children: o, nonce: n, ...a } = e, l = W(bt, t), i = d.useRef(null), c = $(r, i, l.onViewportChange);
+    const { __scopeScrollArea: t, children: o, nonce: n, ...a } = e, s = W(bt, t), i = d.useRef(null), c = $(r, i, s.onViewportChange);
     return /* @__PURE__ */ _(te, { children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ l(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -4831,7 +4831,7 @@ var bt = "ScrollAreaViewport", ht = d.forwardRef(
           nonce: n
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ l(
         j.div,
         {
           "data-radix-scroll-area-viewport": "",
@@ -4849,11 +4849,11 @@ var bt = "ScrollAreaViewport", ht = d.forwardRef(
              * the browser from having to work out whether to render native scrollbars or not,
              * we tell it to with the intention of hiding them in CSS.
              */
-            overflowX: l.scrollbarXEnabled ? "scroll" : "hidden",
-            overflowY: l.scrollbarYEnabled ? "scroll" : "hidden",
+            overflowX: s.scrollbarXEnabled ? "scroll" : "hidden",
+            overflowY: s.scrollbarYEnabled ? "scroll" : "hidden",
             ...e.style
           },
-          children: /* @__PURE__ */ s("div", { ref: l.onContentChange, style: { minWidth: "100%", display: "table" }, children: o })
+          children: /* @__PURE__ */ l("div", { ref: s.onContentChange, style: { minWidth: "100%", display: "table" }, children: o })
         }
       )
     ] });
@@ -4862,29 +4862,29 @@ var bt = "ScrollAreaViewport", ht = d.forwardRef(
 ht.displayName = bt;
 var U = "ScrollAreaScrollbar", Se = d.forwardRef(
   (e, r) => {
-    const { forceMount: t, ...o } = e, n = W(U, e.__scopeScrollArea), { onScrollbarXEnabledChange: a, onScrollbarYEnabledChange: l } = n, i = e.orientation === "horizontal";
-    return d.useEffect(() => (i ? a(!0) : l(!0), () => {
-      i ? a(!1) : l(!1);
-    }), [i, a, l]), n.type === "hover" ? /* @__PURE__ */ s(Kn, { ...o, ref: r, forceMount: t }) : n.type === "scroll" ? /* @__PURE__ */ s(Jn, { ...o, ref: r, forceMount: t }) : n.type === "auto" ? /* @__PURE__ */ s(gt, { ...o, ref: r, forceMount: t }) : n.type === "always" ? /* @__PURE__ */ s(ir, { ...o, ref: r }) : null;
+    const { forceMount: t, ...o } = e, n = W(U, e.__scopeScrollArea), { onScrollbarXEnabledChange: a, onScrollbarYEnabledChange: s } = n, i = e.orientation === "horizontal";
+    return d.useEffect(() => (i ? a(!0) : s(!0), () => {
+      i ? a(!1) : s(!1);
+    }), [i, a, s]), n.type === "hover" ? /* @__PURE__ */ l(Kn, { ...o, ref: r, forceMount: t }) : n.type === "scroll" ? /* @__PURE__ */ l(Jn, { ...o, ref: r, forceMount: t }) : n.type === "auto" ? /* @__PURE__ */ l(gt, { ...o, ref: r, forceMount: t }) : n.type === "always" ? /* @__PURE__ */ l(ir, { ...o, ref: r }) : null;
   }
 );
 Se.displayName = U;
 var Kn = d.forwardRef((e, r) => {
-  const { forceMount: t, ...o } = e, n = W(U, e.__scopeScrollArea), [a, l] = d.useState(!1);
+  const { forceMount: t, ...o } = e, n = W(U, e.__scopeScrollArea), [a, s] = d.useState(!1);
   return d.useEffect(() => {
     const i = n.scrollArea;
     let c = 0;
     if (i) {
       const f = () => {
-        window.clearTimeout(c), l(!0);
+        window.clearTimeout(c), s(!0);
       }, u = () => {
-        c = window.setTimeout(() => l(!1), n.scrollHideDelay);
+        c = window.setTimeout(() => s(!1), n.scrollHideDelay);
       };
       return i.addEventListener("pointerenter", f), i.addEventListener("pointerleave", u), () => {
         window.clearTimeout(c), i.removeEventListener("pointerenter", f), i.removeEventListener("pointerleave", u);
       };
     }
-  }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ s(le, { present: t || a, children: /* @__PURE__ */ s(
+  }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ l(le, { present: t || a, children: /* @__PURE__ */ l(
     gt,
     {
       "data-state": a ? "visible" : "hidden",
@@ -4893,7 +4893,7 @@ var Kn = d.forwardRef((e, r) => {
     }
   ) });
 }), Jn = d.forwardRef((e, r) => {
-  const { forceMount: t, ...o } = e, n = W(U, e.__scopeScrollArea), a = e.orientation === "horizontal", l = Me(() => c("SCROLL_END"), 100), [i, c] = qn("hidden", {
+  const { forceMount: t, ...o } = e, n = W(U, e.__scopeScrollArea), a = e.orientation === "horizontal", s = Me(() => c("SCROLL_END"), 100), [i, c] = qn("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -4922,11 +4922,11 @@ var Kn = d.forwardRef((e, r) => {
       let m = f[u];
       const p = () => {
         const v = f[u];
-        m !== v && (c("SCROLL"), l()), m = v;
+        m !== v && (c("SCROLL"), s()), m = v;
       };
       return f.addEventListener("scroll", p), () => f.removeEventListener("scroll", p);
     }
-  }, [n.viewport, a, c, l]), /* @__PURE__ */ s(le, { present: t || i !== "hidden", children: /* @__PURE__ */ s(
+  }, [n.viewport, a, c, s]), /* @__PURE__ */ l(le, { present: t || i !== "hidden", children: /* @__PURE__ */ l(
     ir,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
@@ -4937,13 +4937,13 @@ var Kn = d.forwardRef((e, r) => {
     }
   ) });
 }), gt = d.forwardRef((e, r) => {
-  const t = W(U, e.__scopeScrollArea), { forceMount: o, ...n } = e, [a, l] = d.useState(!1), i = e.orientation === "horizontal", c = Me(() => {
+  const t = W(U, e.__scopeScrollArea), { forceMount: o, ...n } = e, [a, s] = d.useState(!1), i = e.orientation === "horizontal", c = Me(() => {
     if (t.viewport) {
       const f = t.viewport.offsetWidth < t.viewport.scrollWidth, u = t.viewport.offsetHeight < t.viewport.scrollHeight;
-      l(i ? f : u);
+      s(i ? f : u);
     }
   }, 10);
-  return se(t.viewport, c), se(t.content, c), /* @__PURE__ */ s(le, { present: o || a, children: /* @__PURE__ */ s(
+  return se(t.viewport, c), se(t.content, c), /* @__PURE__ */ l(le, { present: o || a, children: /* @__PURE__ */ l(
     ir,
     {
       "data-state": a ? "visible" : "hidden",
@@ -4952,7 +4952,7 @@ var Kn = d.forwardRef((e, r) => {
     }
   ) });
 }), ir = d.forwardRef((e, r) => {
-  const { orientation: t = "vertical", ...o } = e, n = W(U, e.__scopeScrollArea), a = d.useRef(null), l = d.useRef(0), [i, c] = d.useState({
+  const { orientation: t = "vertical", ...o } = e, n = W(U, e.__scopeScrollArea), a = d.useRef(null), s = d.useRef(0), [i, c] = d.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
@@ -4962,13 +4962,13 @@ var Kn = d.forwardRef((e, r) => {
     onSizesChange: c,
     hasThumb: f > 0 && f < 1,
     onThumbChange: (p) => a.current = p,
-    onThumbPointerUp: () => l.current = 0,
-    onThumbPointerDown: (p) => l.current = p
+    onThumbPointerUp: () => s.current = 0,
+    onThumbPointerDown: (p) => s.current = p
   };
   function m(p, v) {
-    return na(p, l.current, i, v);
+    return na(p, s.current, i, v);
   }
-  return t === "horizontal" ? /* @__PURE__ */ s(
+  return t === "horizontal" ? /* @__PURE__ */ l(
     Qn,
     {
       ...u,
@@ -4986,7 +4986,7 @@ var Kn = d.forwardRef((e, r) => {
         n.viewport && (n.viewport.scrollLeft = m(p, n.dir));
       }
     }
-  ) : t === "vertical" ? /* @__PURE__ */ s(
+  ) : t === "vertical" ? /* @__PURE__ */ l(
     ea,
     {
       ...u,
@@ -5006,10 +5006,10 @@ var Kn = d.forwardRef((e, r) => {
     }
   ) : null;
 }), Qn = d.forwardRef((e, r) => {
-  const { sizes: t, onSizesChange: o, ...n } = e, a = W(U, e.__scopeScrollArea), [l, i] = d.useState(), c = d.useRef(null), f = $(r, c, a.onScrollbarXChange);
+  const { sizes: t, onSizesChange: o, ...n } = e, a = W(U, e.__scopeScrollArea), [s, i] = d.useState(), c = d.useRef(null), f = $(r, c, a.onScrollbarXChange);
   return d.useEffect(() => {
     c.current && i(getComputedStyle(c.current));
-  }, [c]), /* @__PURE__ */ s(
+  }, [c]), /* @__PURE__ */ l(
     xt,
     {
       "data-orientation": "horizontal",
@@ -5032,23 +5032,23 @@ var Kn = d.forwardRef((e, r) => {
         }
       },
       onResize: () => {
-        c.current && a.viewport && l && o({
+        c.current && a.viewport && s && o({
           content: a.viewport.scrollWidth,
           viewport: a.viewport.offsetWidth,
           scrollbar: {
             size: c.current.clientWidth,
-            paddingStart: Pe(l.paddingLeft),
-            paddingEnd: Pe(l.paddingRight)
+            paddingStart: Pe(s.paddingLeft),
+            paddingEnd: Pe(s.paddingRight)
           }
         });
       }
     }
   );
 }), ea = d.forwardRef((e, r) => {
-  const { sizes: t, onSizesChange: o, ...n } = e, a = W(U, e.__scopeScrollArea), [l, i] = d.useState(), c = d.useRef(null), f = $(r, c, a.onScrollbarYChange);
+  const { sizes: t, onSizesChange: o, ...n } = e, a = W(U, e.__scopeScrollArea), [s, i] = d.useState(), c = d.useRef(null), f = $(r, c, a.onScrollbarYChange);
   return d.useEffect(() => {
     c.current && i(getComputedStyle(c.current));
-  }, [c]), /* @__PURE__ */ s(
+  }, [c]), /* @__PURE__ */ l(
     xt,
     {
       "data-orientation": "vertical",
@@ -5072,13 +5072,13 @@ var Kn = d.forwardRef((e, r) => {
         }
       },
       onResize: () => {
-        c.current && a.viewport && l && o({
+        c.current && a.viewport && s && o({
           content: a.viewport.scrollHeight,
           viewport: a.viewport.offsetHeight,
           scrollbar: {
             size: c.current.clientHeight,
-            paddingStart: Pe(l.paddingTop),
-            paddingEnd: Pe(l.paddingBottom)
+            paddingStart: Pe(s.paddingTop),
+            paddingEnd: Pe(s.paddingBottom)
           }
         });
       }
@@ -5090,7 +5090,7 @@ var Kn = d.forwardRef((e, r) => {
     sizes: o,
     hasThumb: n,
     onThumbChange: a,
-    onThumbPointerUp: l,
+    onThumbPointerUp: s,
     onThumbPointerDown: i,
     onThumbPositionChange: c,
     onDragScroll: f,
@@ -5110,17 +5110,17 @@ var Kn = d.forwardRef((e, r) => {
       w?.contains(G) && M(B, E);
     };
     return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
-  }, [N, w, E, M]), d.useEffect(I, [o, I]), se(w, D), se(v.content, D), /* @__PURE__ */ s(
+  }, [N, w, E, M]), d.useEffect(I, [o, I]), se(w, D), se(v.content, D), /* @__PURE__ */ l(
     ra,
     {
       scope: t,
       scrollbar: w,
       hasThumb: n,
       onThumbChange: re(a),
-      onThumbPointerUp: re(l),
+      onThumbPointerUp: re(s),
       onThumbPositionChange: I,
       onThumbPointerDown: re(i),
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ l(
         j.div,
         {
           ...p,
@@ -5141,13 +5141,13 @@ var Kn = d.forwardRef((e, r) => {
 }), Re = "ScrollAreaThumb", wt = d.forwardRef(
   (e, r) => {
     const { forceMount: t, ...o } = e, n = vt(Re, e.__scopeScrollArea);
-    return /* @__PURE__ */ s(le, { present: t || n.hasThumb, children: /* @__PURE__ */ s(ta, { ref: r, ...o }) });
+    return /* @__PURE__ */ l(le, { present: t || n.hasThumb, children: /* @__PURE__ */ l(ta, { ref: r, ...o }) });
   }
 ), ta = d.forwardRef(
   (e, r) => {
-    const { __scopeScrollArea: t, style: o, ...n } = e, a = W(Re, t), l = vt(Re, t), { onThumbPositionChange: i } = l, c = $(
+    const { __scopeScrollArea: t, style: o, ...n } = e, a = W(Re, t), s = vt(Re, t), { onThumbPositionChange: i } = s, c = $(
       r,
-      (m) => l.onThumbChange(m)
+      (m) => s.onThumbChange(m)
     ), f = d.useRef(void 0), u = Me(() => {
       f.current && (f.current(), f.current = void 0);
     }, 100);
@@ -5162,10 +5162,10 @@ var Kn = d.forwardRef((e, r) => {
         };
         return i(), m.addEventListener("scroll", p), () => m.removeEventListener("scroll", p);
       }
-    }, [a.viewport, u, i]), /* @__PURE__ */ s(
+    }, [a.viewport, u, i]), /* @__PURE__ */ l(
       j.div,
       {
-        "data-state": l.hasThumb ? "visible" : "hidden",
+        "data-state": s.hasThumb ? "visible" : "hidden",
         ...n,
         ref: c,
         style: {
@@ -5175,9 +5175,9 @@ var Kn = d.forwardRef((e, r) => {
         },
         onPointerDownCapture: F(e.onPointerDownCapture, (m) => {
           const v = m.target.getBoundingClientRect(), w = m.clientX - v.left, C = m.clientY - v.top;
-          l.onThumbPointerDown({ x: w, y: C });
+          s.onThumbPointerDown({ x: w, y: C });
         }),
-        onPointerUp: F(e.onPointerUp, l.onThumbPointerUp)
+        onPointerUp: F(e.onPointerUp, s.onThumbPointerUp)
       }
     );
   }
@@ -5186,19 +5186,19 @@ wt.displayName = Re;
 var cr = "ScrollAreaCorner", yt = d.forwardRef(
   (e, r) => {
     const t = W(cr, e.__scopeScrollArea), o = !!(t.scrollbarX && t.scrollbarY);
-    return t.type !== "scroll" && o ? /* @__PURE__ */ s(oa, { ...e, ref: r }) : null;
+    return t.type !== "scroll" && o ? /* @__PURE__ */ l(oa, { ...e, ref: r }) : null;
   }
 );
 yt.displayName = cr;
 var oa = d.forwardRef((e, r) => {
-  const { __scopeScrollArea: t, ...o } = e, n = W(cr, t), [a, l] = d.useState(0), [i, c] = d.useState(0), f = !!(a && i);
+  const { __scopeScrollArea: t, ...o } = e, n = W(cr, t), [a, s] = d.useState(0), [i, c] = d.useState(0), f = !!(a && i);
   return se(n.scrollbarX, () => {
     const u = n.scrollbarX?.offsetHeight || 0;
     n.onCornerHeightChange(u), c(u);
   }), se(n.scrollbarY, () => {
     const u = n.scrollbarY?.offsetWidth || 0;
-    n.onCornerWidthChange(u), l(u);
-  }), f ? /* @__PURE__ */ s(
+    n.onCornerWidthChange(u), s(u);
+  }), f ? /* @__PURE__ */ l(
     j.div,
     {
       ...o,
@@ -5227,12 +5227,12 @@ function Te(e) {
   return Math.max(o, 18);
 }
 function na(e, r, t, o = "ltr") {
-  const n = Te(t), a = n / 2, l = r || a, i = n - l, c = t.scrollbar.paddingStart + l, f = t.scrollbar.size - t.scrollbar.paddingEnd - i, u = t.content - t.viewport, m = o === "ltr" ? [0, u] : [u * -1, 0];
+  const n = Te(t), a = n / 2, s = r || a, i = n - s, c = t.scrollbar.paddingStart + s, f = t.scrollbar.size - t.scrollbar.paddingEnd - i, u = t.content - t.viewport, m = o === "ltr" ? [0, u] : [u * -1, 0];
   return kt([c, f], m)(e);
 }
 function Cr(e, r, t = "ltr") {
-  const o = Te(r), n = r.scrollbar.paddingStart + r.scrollbar.paddingEnd, a = r.scrollbar.size - n, l = r.content - r.viewport, i = a - o, c = t === "ltr" ? [0, l] : [l * -1, 0], f = Yn(e, c);
-  return kt([0, l], [0, i])(f);
+  const o = Te(r), n = r.scrollbar.paddingStart + r.scrollbar.paddingEnd, a = r.scrollbar.size - n, s = r.content - r.viewport, i = a - o, c = t === "ltr" ? [0, s] : [s * -1, 0], f = Yn(e, c);
+  return kt([0, s], [0, i])(f);
 }
 function kt(e, r) {
   return (t) => {
@@ -5248,8 +5248,8 @@ var aa = (e, r = () => {
 }) => {
   let t = { left: e.scrollLeft, top: e.scrollTop }, o = 0;
   return (function n() {
-    const a = { left: e.scrollLeft, top: e.scrollTop }, l = t.left !== a.left, i = t.top !== a.top;
-    (l || i) && r(), t = a, o = window.requestAnimationFrame(n);
+    const a = { left: e.scrollLeft, top: e.scrollTop }, s = t.left !== a.left, i = t.top !== a.top;
+    (s || i) && r(), t = a, o = window.requestAnimationFrame(n);
   })(), () => window.cancelAnimationFrame(o);
 };
 function Me(e, r) {
@@ -5274,7 +5274,7 @@ function se(e, r) {
 }
 var sa = pt, la = ht, ia = yt;
 function ca({ className: e, children: r, ...t }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     sa,
     {
       className: g("relative", e),
@@ -5299,7 +5299,7 @@ function da({
     }),
     [r, t, o]
   );
-  return /* @__PURE__ */ s(At.Provider, { value: n, children: e });
+  return /* @__PURE__ */ l(At.Provider, { value: n, children: e });
 }
 function ua() {
   const e = J(At);
@@ -5308,7 +5308,7 @@ function ua() {
   return e;
 }
 function fa({ className: e, children: r, ...t }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     la,
     {
       className: g(
@@ -5322,9 +5322,9 @@ function fa({ className: e, children: r, ...t }) {
   );
 }
 function ma({ className: e, children: r, ...t }) {
-  const { orientation: o } = ua(), n = "flex touch-none select-none bg-transparent p-1 transition-colors data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0 data-[state=visible]:fade-in-0", a = "h-full w-3.5 border-l border-l-transparent", l = "h-3.5 flex-col border-t border-t-transparent";
+  const { orientation: o } = ua(), n = "flex touch-none select-none bg-transparent p-1 transition-colors data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0 data-[state=visible]:fade-in-0", a = "h-full w-3.5 border-l border-l-transparent", s = "h-3.5 flex-col border-t border-t-transparent";
   return o === "both" ? /* @__PURE__ */ _(te, { children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ l(
       Se,
       {
         className: g(n, a, e),
@@ -5334,23 +5334,23 @@ function ma({ className: e, children: r, ...t }) {
         children: r
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ l(
       Se,
       {
-        className: g(n, l, e),
+        className: g(n, s, e),
         "data-slot": "scroll-area-horizontal-scrollbar",
         orientation: "horizontal",
         ...t,
         children: r
       }
     )
-  ] }) : /* @__PURE__ */ s(
+  ] }) : /* @__PURE__ */ l(
     Se,
     {
       className: g(
         n,
         o === "vertical" && a,
-        o === "horizontal" && l,
+        o === "horizontal" && s,
         e
       ),
       "data-slot": `scroll-area-${o}-scrollbar`,
@@ -5361,7 +5361,7 @@ function ma({ className: e, children: r, ...t }) {
   );
 }
 function pa({ className: e, ...r }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     wt,
     {
       className: g("relative flex-1 rounded-full bg-contrast-200", e),
@@ -5371,7 +5371,7 @@ function pa({ className: e, ...r }) {
   );
 }
 function ba({ className: e, ...r }) {
-  return /* @__PURE__ */ s(ia, { className: e, "data-slot": "scroll-area-corner", ...r });
+  return /* @__PURE__ */ l(ia, { className: e, "data-slot": "scroll-area-corner", ...r });
 }
 export {
   xa as Accordion,