react-lib-tools 0.0.24 → 0.0.25

package/dist/{index-Dt2kd-pc.js → index-CVXprQ8Z.js}

@@ -4600,10 +4600,10 @@ const uc = (e, t) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, Xc = /* @__PURE__ */ Pc(Zc);
-function be(...e) {
+function ve(...e) {
   return Xc(cc(e));
 }
-function me({
+function be({
   align: e,
   children: t,
   className: n,
@@ -4619,7 +4619,7 @@ function me({
   return /* @__PURE__ */ E(
     "div",
     {
-      className: be(
+      className: ve(
         "flex",
         {
           // align
@@ -5375,13 +5375,13 @@ function yn() {
 function cr(...e) {
   return Array.from(new Set(e.flatMap((t) => typeof t == "string" ? t.split(" ") : []))).filter(Boolean).join(" ");
 }
-function he(e, t, ...n) {
+function me(e, t, ...n) {
   if (e in t) {
     let o = t[e];
     return typeof o == "function" ? o(...n) : o;
   }
   let r = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((o) => `"${o}"`).join(", ")}.`);
-  throw Error.captureStackTrace && Error.captureStackTrace(r, he), r;
+  throw Error.captureStackTrace && Error.captureStackTrace(r, me), r;
 }
 var pt = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(pt || {}), Ke = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(Ke || {});
 function ce() {
@@ -5399,7 +5399,7 @@ function Lu({ ourProps: e, theirProps: t, slot: n, defaultTag: r, features: o, v
   }
   if (c & 1) {
     let { unmount: u = !0, ...d } = s;
-    return he(u ? 0 : 1, { 0() {
+    return me(u ? 0 : 1, { 0() {
       return null;
     }, 1() {
       return Yt({ ...d, hidden: !0, style: { display: "none" } }, n, r, l, a);
@@ -5626,7 +5626,7 @@ let il = /* @__PURE__ */ Symbol();
 function ll(e, t = !0) {
   return Object.assign(e, { [il]: t });
 }
-function ge(...e) {
+function he(...e) {
   let t = I(e);
   oe(() => {
     t.current = e;
@@ -5652,7 +5652,7 @@ function td() {
 }
 let nd = "p";
 function rd(e, t) {
-  let n = je(), r = yn(), { id: o = `headlessui-description-${n}`, ...i } = e, l = al(), a = ge(t);
+  let n = je(), r = yn(), { id: o = `headlessui-description-${n}`, ...i } = e, l = al(), a = he(t);
   re(() => l.register(o), [o, l.register]);
   let s = Ce({ ...l.slot, disabled: r || !1 }), c = { ref: a, ...l.props, id: o };
   return ce()({ ourProps: c, theirProps: i, slot: s, defaultTag: nd, name: l.name || "Description" });
@@ -5688,7 +5688,7 @@ function id({ inherit: e = !1 } = {}) {
 let ld = "label";
 function ad(e, t) {
   var n;
-  let r = je(), o = sl(), i = tl(), l = yn(), { id: a = `headlessui-label-${r}`, htmlFor: s = i ?? ((n = o.props) == null ? void 0 : n.htmlFor), passive: c = !1, ...u } = e, d = ge(t);
+  let r = je(), o = sl(), i = tl(), l = yn(), { id: a = `headlessui-label-${r}`, htmlFor: s = i ?? ((n = o.props) == null ? void 0 : n.htmlFor), passive: c = !1, ...u } = e, d = he(t);
   re(() => o.register(a), [a, o.register]);
   let p = B((g) => {
     let v = g.currentTarget;
@@ -5847,7 +5847,7 @@ let xd = { 0(e, t) {
     return new gl({ stack: [] });
   }
   reduce(t, n) {
-    return he(n.type, xd, t, n);
+    return me(n.type, xd, t, n);
   }
 };
 const Ir = new dl(() => Ed.new());
@@ -5961,14 +5961,14 @@ function kd() {
   return wo || (wo = 1, process.env.NODE_ENV === "production" ? Zt.exports = $d() : Zt.exports = Sd()), Zt.exports;
 }
 var Cd = kd();
-function ve(e, t, n = ml) {
+function ge(e, t, n = ml) {
   return Cd.useSyncExternalStoreWithSelector(B((r) => e.subscribe(Rd, r)), B(() => e.state), B(() => e.state), B(t), n);
 }
 function Rd(e) {
   return e;
 }
 function vl(e, t) {
-  let n = je(), r = Ir.get(t), [o, i] = ve(r, K((l) => [r.selectors.isTop(l, n), r.selectors.inStack(l, n)], [r, n]));
+  let n = je(), r = Ir.get(t), [o, i] = ge(r, K((l) => [r.selectors.isTop(l, n), r.selectors.inStack(l, n)], [r, n]));
   return re(() => {
     if (e) return r.actions.push(n), () => r.actions.pop(n);
   }, [r, e, n]), e ? i ? o : !0 : !1;
@@ -6039,7 +6039,7 @@ function Fd(e = document.body) {
 var Dr = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Dr || {});
 function wl(e, t = 0) {
   var n;
-  return e === ((n = _t(e)) == null ? void 0 : n.body) ? !1 : he(t, { 0() {
+  return e === ((n = _t(e)) == null ? void 0 : n.body) ? !1 : me(t, { 0() {
     return e.matches(fr);
   }, 1() {
     let r = e;
@@ -8106,7 +8106,7 @@ function Hp(e) {
   }, [n, o, t]), r;
 }
 let jl = Ne, jp = ae(function(e, t) {
-  let { ownerDocument: n = null, ...r } = e, o = I(null), i = ge(ll((p) => {
+  let { ownerDocument: n = null, ...r } = e, o = I(null), i = he(ll((p) => {
     o.current = p;
   }), t), l = mr(o.current), a = n ?? l, s = Hp(a), c = Y(Up), u = lt(), d = ce();
   return Hl(() => {
@@ -8117,12 +8117,12 @@ let jl = Ne, jp = ae(function(e, t) {
   } }, d({ ourProps: { ref: i }, theirProps: r, slot: {}, defaultTag: jl, name: "Portal" })), s) : null;
 });
 function Vp(e, t) {
-  let n = ge(t), { enabled: r = !0, ownerDocument: o, ...i } = e, l = ce();
+  let n = he(t), { enabled: r = !0, ownerDocument: o, ...i } = e, l = ce();
   return r ? L.createElement(jp, { ...i, ownerDocument: o, ref: n }) : l({ ourProps: { ref: n }, theirProps: i, slot: {}, defaultTag: jl, name: "Portal" });
 }
 let zp = Ne, Vl = ne(null);
 function Wp(e, t) {
-  let { target: n, ...r } = e, o = { ref: ge(t) }, i = ce();
+  let { target: n, ...r } = e, o = { ref: he(t) }, i = ce();
   return L.createElement(Vl.Provider, { value: n }, i({ ourProps: o, theirProps: r, defaultTag: zp, name: "Popover.Group" }));
 }
 let Up = ne(null), Gp = ae(Vp), qp = ae(Wp), Kp = Object.assign(Gp, { Group: qp });
@@ -8183,7 +8183,7 @@ function An(e) {
 function Gl(e, t) {
   let n = at(e), r = I([]), o = Xp(), i = lt(), l = B((f, m = Ke.Hidden) => {
     let g = r.current.findIndex(({ el: v }) => v === f);
-    g !== -1 && (he(m, { [Ke.Unmount]() {
+    g !== -1 && (me(m, { [Ke.Unmount]() {
       r.current.splice(g, 1);
     }, [Ke.Hidden]() {
       r.current[g].state = "hidden";
@@ -8211,14 +8211,14 @@ function Gl(e, t) {
 let ql = Ne, Kl = pt.RenderStrategy;
 function tm(e, t) {
   var n, r;
-  let { transition: o = !0, beforeEnter: i, afterEnter: l, beforeLeave: a, afterLeave: s, enter: c, enterFrom: u, enterTo: d, entered: p, leave: f, leaveFrom: m, leaveTo: g, ...v } = e, [b, y] = X(null), w = I(null), $ = Ul(e), x = ge(...$ ? [w, t, y] : t === null ? [] : [t]), O = (n = v.unmount) == null || n ? Ke.Unmount : Ke.Hidden, { show: R, appear: k, initial: A } = Qp(), [C, N] = X(R ? "visible" : "hidden"), V = em(), { register: W, unregister: j } = V;
+  let { transition: o = !0, beforeEnter: i, afterEnter: l, beforeLeave: a, afterLeave: s, enter: c, enterFrom: u, enterTo: d, entered: p, leave: f, leaveFrom: m, leaveTo: g, ...v } = e, [b, y] = X(null), w = I(null), $ = Ul(e), x = he(...$ ? [w, t, y] : t === null ? [] : [t]), O = (n = v.unmount) == null || n ? Ke.Unmount : Ke.Hidden, { show: R, appear: k, initial: A } = Qp(), [C, N] = X(R ? "visible" : "hidden"), V = em(), { register: W, unregister: j } = V;
   re(() => W(w), [W, w]), re(() => {
     if (O === Ke.Hidden && w.current) {
       if (R && C !== "visible") {
         N("visible");
         return;
       }
-      return he(C, { hidden: () => j(w), visible: () => W(w) });
+      return me(C, { hidden: () => j(w), visible: () => W(w) });
     }
   }, [C, w, W, j, R, O]);
   let F = Wl();
@@ -8248,7 +8248,7 @@ function tm(e, t) {
   return L.createElement(Ln.Provider, { value: z }, L.createElement(Wr, { value: Ee }, M({ ourProps: se, theirProps: v, defaultTag: ql, features: Kl, visible: C === "visible", name: "Transition.Child" })));
 }
 function nm(e, t) {
-  let { show: n, appear: r = !1, unmount: o = !0, ...i } = e, l = I(null), a = Ul(e), s = ge(...a ? [l, t] : t === null ? [] : [t]);
+  let { show: n, appear: r = !1, unmount: o = !0, ...i } = e, l = I(null), a = Ul(e), s = he(...a ? [l, t] : t === null ? [] : [t]);
   Wl();
   let c = Tn();
   if (n === void 0 && c !== null && (n = (c & pe.Open) === pe.Open), n === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
@@ -8281,7 +8281,7 @@ let lm = (Uo = L.startTransition) != null ? Uo : function(e) {
   e();
 };
 var am = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(am || {}), sm = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(sm || {});
-let cm = { 0: (e) => ({ ...e, disclosureState: he(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
+let cm = { 0: (e) => ({ ...e, disclosureState: me(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
   return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
 }, 3(e, t) {
   return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
@@ -8315,11 +8315,11 @@ function um() {
   return Y(Kr);
 }
 function dm(e, t) {
-  return he(t.type, cm, e, t);
+  return me(t.type, cm, e, t);
 }
 let fm = Ne;
 function pm(e, t) {
-  let { defaultOpen: n = !1, ...r } = e, o = I(null), i = ge(t, ll((g) => {
+  let { defaultOpen: n = !1, ...r } = e, o = I(null), i = he(t, ll((g) => {
     o.current = g;
   }, e.as === void 0 || ut(e.as))), l = ma(dm, { disclosureState: n ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: a, buttonId: s }, c] = l, u = B((g) => {
     c({ type: 1 });
@@ -8328,11 +8328,11 @@ function pm(e, t) {
     let b = g ? Ye(g) ? g : "current" in g && Ye(g.current) ? g.current : v.getElementById(s) : v.getElementById(s);
     b?.focus();
   }), d = le(() => ({ close: u }), [u]), p = Ce({ open: a === 0, close: u }), f = { ref: i }, m = ce();
-  return L.createElement(Ur.Provider, { value: l }, L.createElement(qr.Provider, { value: d }, L.createElement(dd, { value: u }, L.createElement(Wr, { value: he(a, { 0: pe.Open, 1: pe.Closed }) }, m({ ourProps: f, theirProps: r, slot: p, defaultTag: fm, name: "Disclosure" })))));
+  return L.createElement(Ur.Provider, { value: l }, L.createElement(qr.Provider, { value: d }, L.createElement(dd, { value: u }, L.createElement(Wr, { value: me(a, { 0: pe.Open, 1: pe.Closed }) }, m({ ourProps: f, theirProps: r, slot: p, defaultTag: fm, name: "Disclosure" })))));
 }
 let mm = "button";
 function hm(e, t) {
-  let n = je(), { id: r = `headlessui-disclosure-button-${n}`, disabled: o = !1, autoFocus: i = !1, ...l } = e, [a, s] = Gr("Disclosure.Button"), c = um(), u = c === null ? !1 : c === a.panelId, d = I(null), p = ge(d, t, B((A) => {
+  let n = je(), { id: r = `headlessui-disclosure-button-${n}`, disabled: o = !1, autoFocus: i = !1, ...l } = e, [a, s] = Gr("Disclosure.Button"), c = um(), u = c === null ? !1 : c === a.panelId, d = I(null), p = he(d, t, B((A) => {
     if (!u) return s({ type: 4, element: A });
   }));
   oe(() => {
@@ -8366,7 +8366,7 @@ function hm(e, t) {
 }
 let gm = "div", vm = pt.RenderStrategy | pt.Static;
 function bm(e, t) {
-  let n = je(), { id: r = `headlessui-disclosure-panel-${n}`, transition: o = !1, ...i } = e, [l, a] = Gr("Disclosure.Panel"), { close: s } = Zl("Disclosure.Panel"), [c, u] = X(null), d = ge(t, B((y) => {
+  let n = je(), { id: r = `headlessui-disclosure-panel-${n}`, transition: o = !1, ...i } = e, [l, a] = Gr("Disclosure.Panel"), { close: s } = Zl("Disclosure.Panel"), [c, u] = X(null), d = he(t, B((y) => {
     lm(() => a({ type: 5, element: y }));
   }), u);
   oe(() => (a({ type: 3, panelId: r }), () => {
@@ -8489,7 +8489,7 @@ class Yr extends pl {
   constructor(t) {
     super(t), Ko(this, "actions", { onChange: (n) => {
       let { onChange: r, compare: o, mode: i, value: l } = this.state.dataRef.current;
-      return he(i, { 0: () => r?.(n), 1: () => {
+      return me(i, { 0: () => r?.(n), 1: () => {
         let a = l.slice(), s = a.findIndex((c) => o(c, n));
         return s === -1 ? a.push(n) : a.splice(s, 1), r?.(a);
       } });
@@ -8568,7 +8568,7 @@ class Yr extends pl {
     return new Yr({ id: t, dataRef: { current: {} }, listboxState: n ? 0 : 1, options: [], searchQuery: "", activeOptionIndex: null, activationTrigger: 1, buttonElement: null, optionsElement: null, pendingShouldSort: !1, pendingFocus: { focus: te.Nothing }, frozenValue: !1, __demoMode: n, buttonPositionState: rn.Idle });
   }
   reduce(t, n) {
-    return he(n.type, km, t, n);
+    return me(n.type, km, t, n);
   }
 }
 const ea = ne(null);
@@ -8598,22 +8598,22 @@ let Cm = Ne;
 function Rm(e, t) {
   let n = je(), r = yn(), { value: o, defaultValue: i, form: l, name: a, onChange: s, by: c, invalid: u = !1, disabled: d = r || !1, horizontal: p = !1, multiple: f = !1, __demoMode: m = !1, ...g } = e;
   const v = p ? "horizontal" : "vertical";
-  let b = ge(t), y = Hu(i), [w = f ? [] : void 0, $] = Bu(o, s, y), x = ta({ id: n, __demoMode: m }), O = I({ static: !1, hold: !1 }), R = I(/* @__PURE__ */ new Map()), k = pd(c), A = K((Q) => he(C.mode, { [Ze.Multi]: () => w.some((H) => k(H, Q)), [Ze.Single]: () => k(w, Q) }), [w]), C = Ce({ value: w, disabled: d, invalid: u, mode: f ? Ze.Multi : Ze.Single, orientation: v, onChange: $, compare: k, isSelected: A, optionsPropsRef: O, listRef: R });
+  let b = he(t), y = Hu(i), [w = f ? [] : void 0, $] = Bu(o, s, y), x = ta({ id: n, __demoMode: m }), O = I({ static: !1, hold: !1 }), R = I(/* @__PURE__ */ new Map()), k = pd(c), A = K((Q) => me(C.mode, { [Ze.Multi]: () => w.some((H) => k(H, Q)), [Ze.Single]: () => k(w, Q) }), [w]), C = Ce({ value: w, disabled: d, invalid: u, mode: f ? Ze.Multi : Ze.Single, orientation: v, onChange: $, compare: k, isSelected: A, optionsPropsRef: O, listRef: R });
   re(() => {
     x.state.dataRef.current = C;
   }, [C]);
-  let N = ve(x, (Q) => Q.listboxState), V = Ir.get(null), W = ve(V, K((Q) => V.selectors.isTop(Q, n), [V, n])), [j, F] = ve(x, (Q) => [Q.buttonElement, Q.optionsElement]);
+  let N = ge(x, (Q) => Q.listboxState), V = Ir.get(null), W = ge(V, K((Q) => V.selectors.isTop(Q, n), [V, n])), [j, F] = ge(x, (Q) => [Q.buttonElement, Q.optionsElement]);
   jd(W, [j, F], (Q, H) => {
     x.send({ type: Ql.CloseListbox }), wl(H, Dr.Loose) || (Q.preventDefault(), j?.focus());
   });
   let D = Ce({ open: N === de.Open, disabled: d, invalid: u, value: w }), [G, S] = id({ inherit: !0 }), z = { ref: b }, Z = K(() => {
     if (y !== void 0) return $?.(y);
   }, [$, y]), xe = ce();
-  return L.createElement(S, { value: G, props: { htmlFor: j?.id }, slot: { open: N === de.Open, disabled: d } }, L.createElement(Ap, null, L.createElement(ea.Provider, { value: x }, L.createElement(Fn.Provider, { value: C }, L.createElement(Wr, { value: he(N, { [de.Open]: pe.Open, [de.Closed]: pe.Closed }) }, a != null && w != null && L.createElement(qu, { disabled: d, data: { [a]: w }, form: l, onReset: Z }), xe({ ourProps: z, theirProps: g, slot: D, defaultTag: Cm, name: "Listbox" }))))));
+  return L.createElement(S, { value: G, props: { htmlFor: j?.id }, slot: { open: N === de.Open, disabled: d } }, L.createElement(Ap, null, L.createElement(ea.Provider, { value: x }, L.createElement(Fn.Provider, { value: C }, L.createElement(Wr, { value: me(N, { [de.Open]: pe.Open, [de.Closed]: pe.Closed }) }, a != null && w != null && L.createElement(qu, { disabled: d, data: { [a]: w }, form: l, onReset: Z }), xe({ ourProps: z, theirProps: g, slot: D, defaultTag: Cm, name: "Listbox" }))))));
 }
 let Om = "button";
 function Tm(e, t) {
-  let n = je(), r = tl(), o = jt("Listbox.Button"), i = Zr("Listbox.Button"), { id: l = r || `headlessui-listbox-button-${n}`, disabled: a = o.disabled || !1, autoFocus: s = !1, ...c } = e, u = ge(t, Op(), i.actions.setButtonElement), d = Tp(), [p, f, m] = ve(i, (F) => [F.listboxState, F.buttonElement, F.optionsElement]), g = p === de.Open;
+  let n = je(), r = tl(), o = jt("Listbox.Button"), i = Zr("Listbox.Button"), { id: l = r || `headlessui-listbox-button-${n}`, disabled: a = o.disabled || !1, autoFocus: s = !1, ...c } = e, u = he(t, Op(), i.actions.setButtonElement), d = Tp(), [p, f, m] = ge(i, (F) => [F.listboxState, F.buttonElement, F.optionsElement]), g = p === de.Open;
   Wd(g, { trigger: f, action: K((F) => {
     if (f != null && f.contains(F.target)) return Xt.Ignore;
     let D = F.target.closest('[role="option"]:not([data-disabled])');
@@ -8637,20 +8637,20 @@ function Tm(e, t) {
   }), y = hd((F) => {
     var D;
     i.state.listboxState === de.Open ? (an(() => i.actions.closeListbox()), (D = i.state.buttonElement) == null || D.focus({ preventScroll: !0 })) : (F.preventDefault(), i.actions.openListbox({ focus: te.Nothing }));
-  }), w = B((F) => F.preventDefault()), $ = cl([l]), x = td(), { isFocusVisible: O, focusProps: R } = Ar({ autoFocus: s }), { isHovered: k, hoverProps: A } = Lr({ isDisabled: a }), { pressed: C, pressProps: N } = Fr({ disabled: a }), V = Ce({ open: p === de.Open, active: C || p === de.Open, disabled: a, invalid: o.invalid, value: o.value, hover: k, focus: O, autofocus: s }), W = ve(i, (F) => F.listboxState === de.Open), j = Lt(d(), { ref: u, id: l, type: El(e, f), "aria-haspopup": "listbox", "aria-controls": m?.id, "aria-expanded": W, "aria-labelledby": $, "aria-describedby": x, disabled: a || void 0, autoFocus: s, onKeyDown: v, onKeyUp: b, onKeyPress: w }, y, R, A, N);
+  }), w = B((F) => F.preventDefault()), $ = cl([l]), x = td(), { isFocusVisible: O, focusProps: R } = Ar({ autoFocus: s }), { isHovered: k, hoverProps: A } = Lr({ isDisabled: a }), { pressed: C, pressProps: N } = Fr({ disabled: a }), V = Ce({ open: p === de.Open, active: C || p === de.Open, disabled: a, invalid: o.invalid, value: o.value, hover: k, focus: O, autofocus: s }), W = ge(i, (F) => F.listboxState === de.Open), j = Lt(d(), { ref: u, id: l, type: El(e, f), "aria-haspopup": "listbox", "aria-controls": m?.id, "aria-expanded": W, "aria-labelledby": $, "aria-describedby": x, disabled: a || void 0, autoFocus: s, onKeyDown: v, onKeyUp: b, onKeyPress: w }, y, R, A, N);
   return ce()({ ourProps: j, theirProps: c, slot: V, defaultTag: Om, name: "Listbox.Button" });
 }
 let na = ne(!1), Pm = "div", Lm = pt.RenderStrategy | pt.Static;
 function Am(e, t) {
   let n = je(), { id: r = `headlessui-listbox-options-${n}`, anchor: o, portal: i = !1, modal: l = !0, transition: a = !1, ...s } = e, c = Rp(o), [u, d] = X(null);
   c && (i = !0);
-  let p = jt("Listbox.Options"), f = Zr("Listbox.Options"), [m, g, v, b] = ve(f, (M) => [M.listboxState, M.buttonElement, M.optionsElement, M.__demoMode]), y = mr(g), w = mr(v), $ = Tn(), [x, O] = Br(a, u, $ !== null ? ($ & pe.Open) === pe.Open : m === de.Open);
+  let p = jt("Listbox.Options"), f = Zr("Listbox.Options"), [m, g, v, b] = ge(f, (M) => [M.listboxState, M.buttonElement, M.optionsElement, M.__demoMode]), y = mr(g), w = mr(v), $ = Tn(), [x, O] = Br(a, u, $ !== null ? ($ & pe.Open) === pe.Open : m === de.Open);
   Td(x, g, f.actions.closeListbox);
   let R = b ? !1 : l && m === de.Open;
   Xd(R, w);
   let k = b ? !1 : l && m === de.Open;
   Od(k, { allowed: K(() => [g, v], [g, v]) });
-  let A = ve(f, f.selectors.didButtonMove) ? !1 : x, C = ve(f, f.selectors.hasFrozenValue) && !e.static, N = Bl(C, p.value), V = K((M) => p.compare(N, M), [p.compare, N]), W = ve(f, (M) => {
+  let A = ge(f, f.selectors.didButtonMove) ? !1 : x, C = ge(f, f.selectors.hasFrozenValue) && !e.static, N = Bl(C, p.value), V = K((M) => p.compare(N, M), [p.compare, N]), W = ge(f, (M) => {
     var U;
     if (c == null || !((U = c?.to) != null && U.includes("selection"))) return null;
     let Re = M.options.findIndex(($e) => V($e.dataRef.current.value));
@@ -8660,7 +8660,7 @@ function Am(e, t) {
     if (W === null) return { ...c, inner: void 0 };
     let M = Array.from(p.listRef.current.values());
     return { ...c, inner: { listRef: { current: M }, index: W } };
-  })(), [F, D] = Lp(j), G = Pp(), S = ge(t, c ? F : null, f.actions.setOptionsElement, d), z = lt();
+  })(), [F, D] = Lp(j), G = Pp(), S = he(t, c ? F : null, f.actions.setOptionsElement, d), z = lt();
   oe(() => {
     let M = v;
     M && m === de.Open && (Ru(M) || M == null || M.focus({ preventScroll: !0 }));
@@ -8673,9 +8673,9 @@ function Am(e, t) {
       case ee.Enter:
         M.preventDefault(), M.stopPropagation(), f.actions.selectActiveOption();
         break;
-      case he(p.orientation, { vertical: ee.ArrowDown, horizontal: ee.ArrowRight }):
+      case me(p.orientation, { vertical: ee.ArrowDown, horizontal: ee.ArrowRight }):
         return M.preventDefault(), M.stopPropagation(), f.actions.goToOption({ focus: te.Next });
-      case he(p.orientation, { vertical: ee.ArrowUp, horizontal: ee.ArrowLeft }):
+      case me(p.orientation, { vertical: ee.ArrowUp, horizontal: ee.ArrowLeft }):
         return M.preventDefault(), M.stopPropagation(), f.actions.goToOption({ focus: te.Previous });
       case ee.Home:
       case ee.PageUp:
@@ -8693,19 +8693,19 @@ function Am(e, t) {
         M.key.length === 1 && (f.actions.search(M.key), z.setTimeout(() => f.actions.clearSearch(), 350));
         break;
     }
-  }), xe = ve(f, (M) => {
+  }), xe = ge(f, (M) => {
     var U;
     return (U = M.buttonElement) == null ? void 0 : U.id;
-  }), Q = Ce({ open: m === de.Open }), H = Lt(c ? G() : {}, { id: r, ref: S, "aria-activedescendant": ve(f, f.selectors.activeDescendantId), "aria-multiselectable": p.mode === Ze.Multi ? !0 : void 0, "aria-labelledby": xe, "aria-orientation": p.orientation, onKeyDown: Z, role: "listbox", tabIndex: m === de.Open ? 0 : void 0, style: { ...s.style, ...D, "--button-width": md(x, g, !0).width }, ..._r(O) }), se = ce(), Ee = le(() => p.mode === Ze.Multi ? p : { ...p, isSelected: V }, [p, V]);
+  }), Q = Ce({ open: m === de.Open }), H = Lt(c ? G() : {}, { id: r, ref: S, "aria-activedescendant": ge(f, f.selectors.activeDescendantId), "aria-multiselectable": p.mode === Ze.Multi ? !0 : void 0, "aria-labelledby": xe, "aria-orientation": p.orientation, onKeyDown: Z, role: "listbox", tabIndex: m === de.Open ? 0 : void 0, style: { ...s.style, ...D, "--button-width": md(x, g, !0).width }, ..._r(O) }), se = ce(), Ee = le(() => p.mode === Ze.Multi ? p : { ...p, isSelected: V }, [p, V]);
   return L.createElement(Kp, { enabled: i ? e.static || x : !1, ownerDocument: y }, L.createElement(Fn.Provider, { value: Ee }, se({ ourProps: H, theirProps: s, slot: Q, defaultTag: Pm, features: Lm, visible: A, name: "Listbox.Options" })));
 }
 let Fm = "div";
 function Nm(e, t) {
-  let n = je(), { id: r = `headlessui-listbox-option-${n}`, disabled: o = !1, value: i, ...l } = e, a = Y(na) === !0, s = jt("Listbox.Option"), c = Zr("Listbox.Option"), u = ve(c, (C) => c.selectors.isActive(C, r)), d = s.isSelected(i), p = I(null), f = Em(p), m = at({ disabled: o, value: i, domRef: p, get textValue() {
+  let n = je(), { id: r = `headlessui-listbox-option-${n}`, disabled: o = !1, value: i, ...l } = e, a = Y(na) === !0, s = jt("Listbox.Option"), c = Zr("Listbox.Option"), u = ge(c, (C) => c.selectors.isActive(C, r)), d = s.isSelected(i), p = I(null), f = Em(p), m = at({ disabled: o, value: i, domRef: p, get textValue() {
     return f();
-  } }), g = ge(t, p, (C) => {
+  } }), g = he(t, p, (C) => {
     C ? s.listRef.current.set(r, C) : s.listRef.current.delete(r);
-  }), v = ve(c, (C) => c.selectors.shouldScrollIntoView(C, r));
+  }), v = ge(c, (C) => c.selectors.shouldScrollIntoView(C, r));
   re(() => {
     if (v) return ye().requestAnimationFrame(() => {
       var C, N;
@@ -8729,7 +8729,7 @@ function Nm(e, t) {
 }
 let Mm = Ne;
 function Im(e, t) {
-  let { options: n, placeholder: r, ...o } = e, i = { ref: ge(t) }, l = jt("ListboxSelectedOption"), a = Ce({}), s = l.value === void 0 || l.value === null || l.mode === Ze.Multi && Array.isArray(l.value) && l.value.length === 0, c = ce();
+  let { options: n, placeholder: r, ...o } = e, i = { ref: he(t) }, l = jt("ListboxSelectedOption"), a = Ce({}), s = l.value === void 0 || l.value === null || l.mode === Ze.Multi && Array.isArray(l.value) && l.value.length === 0, c = ce();
   return L.createElement(na.Provider, { value: !0 }, c({ ourProps: i, theirProps: { ...o, children: L.createElement(L.Fragment, null, r && s ? r : n) }, slot: a, defaultTag: Mm, name: "ListboxSelectedOption" }));
 }
 let Dm = ae(Rm), ra = ae(Tm), _m = cd, oa = ae(Am), ia = ae(Nm), Bm = ae(Im), Hm = Object.assign(Dm, { Button: ra, Label: _m, Options: oa, Option: ia, SelectedOption: Bm });
@@ -8743,7 +8743,7 @@ function jm({
   return /* @__PURE__ */ E(
     _u,
     {
-      className: be(
+      className: ve(
         "rounded-md font-bold cursor-pointer px-2",
         Vm(r, !!n),
         {
@@ -8761,23 +8761,23 @@ function jm({
 function Vm(e, t) {
   switch (e) {
     case "danger":
-      return be("bg-red-400 text-red-950 focus:text-black", {
+      return ve("bg-red-400 text-red-950 focus:text-black", {
         "hover:bg-red-500 focus:text-black": !t
       });
     case "none":
-      return be("bg-white/20 text-slate-300 focus:text-white", {
+      return ve("bg-white/20 text-slate-300 focus:text-white", {
         "hover:bg-white/10 focus:text-white": !t
       });
     case "success":
-      return be("bg-emerald-400 text-emerald-950 focus:text-black", {
+      return ve("bg-emerald-400 text-emerald-950 focus:text-black", {
         "hover:bg-emerald-500 focus:text-black": !t
       });
     case "primary":
-      return be("bg-sky-400 text-sky-950 focus:text-black", {
+      return ve("bg-sky-400 text-sky-950 focus:text-black", {
         "hover:bg-sky-500 focus:text-black": !t
       });
     case "warning":
-      return be("bg-amber-400 text-amber-950 focus:text-black", {
+      return ve("bg-amber-400 text-amber-950 focus:text-black", {
         "hover:bg-amber-500 focus:text-black": !t
       });
   }
@@ -8786,7 +8786,7 @@ function la({ children: e }) {
   return /* @__PURE__ */ E(Qc, { FallbackComponent: zm, children: e });
 }
 function zm({ error: e, resetErrorBoundary: t }) {
-  return /* @__PURE__ */ E(Ii, { intent: "danger", children: /* @__PURE__ */ q(me, { align: "start", direction: "column", gap: 2, children: [
+  return /* @__PURE__ */ E(Ii, { intent: "danger", children: /* @__PURE__ */ q(be, { align: "start", direction: "column", gap: 2, children: [
     /* @__PURE__ */ E("div", { className: "font-bold", children: "Something went wrong!" }),
     /* @__PURE__ */ E("pre", { className: "text-sm font-monospace text-red-300", children: e.message }),
     /* @__PURE__ */ E(jm, { intent: "danger", onClick: t, children: "Retry" })
@@ -8851,10 +8851,10 @@ function Um() {
   }, [e, t]), null;
 }
 const Gm = {
-  "*": Wt(() => import("./PageNotFound-BlfHlRrb.js")),
-  "/": Wt(() => import("./GettingStartedRoute-DT-NgTRJ.js")),
-  "/support": Wt(() => import("./SupportRoute-CcJBfOWu.js")),
-  "/versions": Wt(() => import("./VersionsRoute-C_HIVV6r.js"))
+  "*": Wt(() => import("./PageNotFound-CB4aWvqZ.js")),
+  "/": Wt(() => import("./GettingStartedRoute-BiU1uw3z.js")),
+  "/support": Wt(() => import("./SupportRoute-CCWHUGmp.js")),
+  "/versions": Wt(() => import("./VersionsRoute-DGvfG4y4.js"))
 };
 function uh({
   navLinks: e,
@@ -8879,7 +8879,7 @@ function uh({
     /* @__PURE__ */ E(Um, {}),
     /* @__PURE__ */ q("div", { className: "h-full w-full max-w-350 mx-auto flex flex-col", children: [
       /* @__PURE__ */ q(
-        me,
+        be,
         {
           align: "center",
           className: "h-12 w-full p-4",
@@ -8888,7 +8888,7 @@ function uh({
           gap: 4,
           children: [
             /* @__PURE__ */ q(
-              me,
+              be,
               {
                 className: "overflow-hidden",
                 align: "center",
@@ -8907,7 +8907,7 @@ function uh({
                 ]
               }
             ),
-            /* @__PURE__ */ q(me, { align: "center", direction: "row", gap: 4, children: [
+            /* @__PURE__ */ q(be, { align: "center", direction: "row", gap: 4, children: [
               l !== void 0 && /* @__PURE__ */ E(
                 wr,
                 {
@@ -8942,7 +8942,7 @@ function uh({
                 "button",
                 {
                   "aria-label": "Site navigation menu",
-                  className: be("block md:hidden cursor-pointer rounded-lg p-1", {
+                  className: ve("block md:hidden cursor-pointer rounded-lg p-1", {
                     "bg-black/40": !s,
                     "bg-black/50 text-white": s
                   }),
@@ -8958,7 +8958,7 @@ function uh({
         /* @__PURE__ */ E(
           "section",
           {
-            className: be(
+            className: ve(
               "w-full bg-black/90 md:block md:w-80 md:bg-black/80 overflow-auto",
               {
                 hidden: !s
@@ -8970,7 +8970,7 @@ function uh({
         /* @__PURE__ */ E(
           "main",
           {
-            className: be("w-full bg-black/90 relative overflow-auto", {
+            className: ve("w-full bg-black/90 relative overflow-auto", {
               hidden: s
             }),
             children: /* @__PURE__ */ E(
@@ -9055,7 +9055,7 @@ function aa({
   return /* @__PURE__ */ E("div", { className: "relative", children: /* @__PURE__ */ E(
     "code",
     {
-      className: be(
+      className: ve(
         "text-sm md:text-base block text-left whitespace-pre-wrap break-normal text-white! rounded-md p-3 bg-black",
         "flex flex-col",
         e
@@ -9068,7 +9068,7 @@ function Nn({
   className: e,
   sections: t
 }) {
-  return /* @__PURE__ */ E(me, { className: e, direction: "column", gap: 2, children: t.map(({ content: n, intent: r }, o) => r ? /* @__PURE__ */ E(Ii, { html: !0, inline: !0, intent: r, minimal: !0, children: n }, o) : /* @__PURE__ */ E(
+  return /* @__PURE__ */ E(be, { className: e, direction: "column", gap: 2, children: t.map(({ content: n, intent: r }, o) => r ? /* @__PURE__ */ E(Ii, { html: !0, inline: !0, intent: r, minimal: !0, children: n }, o) : /* @__PURE__ */ E(
     "div",
     {
       dangerouslySetInnerHTML: {
@@ -9091,16 +9091,18 @@ function ca({
   section: e,
   title: t
 }) {
-  const { packageName: n } = Xm(), r = `${n}: ${e ? `${e}: ${t}` : t}`;
+  const { packageName: n } = Xm();
   return /* @__PURE__ */ q(ft, { children: [
-    /* @__PURE__ */ q(me, { align: "center", direction: "row", gap: 2, wrap: !0, children: [
+    /* @__PURE__ */ q("div", { className: "text-xl", children: [
       e && /* @__PURE__ */ q(ft, { children: [
-        /* @__PURE__ */ E("div", { className: "text-xl whitespace-nowrap", children: e }),
-        /* @__PURE__ */ E(ei, { className: "size-4 text-slate-400" })
+        /* @__PURE__ */ E("span", { className: "text-xl whitespace-nowrap", children: e }),
+        " ",
+        /* @__PURE__ */ E(ei, { className: "size-4 text-slate-400 inline" }),
+        " "
       ] }),
-      /* @__PURE__ */ E("div", { className: "text-xl whitespace-nowrap", children: r })
+      /* @__PURE__ */ E("span", { className: "text-xl", children: t })
     ] }),
-    /* @__PURE__ */ E("title", { children: r })
+    /* @__PURE__ */ E("title", { children: `${n}: ${e ? `${e}: ${t}` : t}` })
   ] });
 }
 function Jm({
@@ -9118,8 +9120,8 @@ function ph({
   json: e,
   section: t
 }) {
-  return /* @__PURE__ */ q(me, { direction: "column", gap: 4, children: [
-    /* @__PURE__ */ q(me, { align: "center", direction: "row", gap: 2, wrap: !0, children: [
+  return /* @__PURE__ */ q(be, { direction: "column", gap: 4, children: [
+    /* @__PURE__ */ q(be, { align: "center", direction: "row", gap: 2, wrap: !0, children: [
       /* @__PURE__ */ E(ca, { section: t, title: `${e.name}` }),
       /* @__PURE__ */ E(
         hn,
@@ -9131,7 +9133,7 @@ function ph({
       )
     ] }),
     /* @__PURE__ */ E(Nn, { sections: e.description }),
-    /* @__PURE__ */ E(me, { direction: "column", children: /* @__PURE__ */ E("dl", { className: "flex flex-col gap-2", children: e.methods.map((n, r) => /* @__PURE__ */ E(Jm, { method: n }, r)) }) })
+    /* @__PURE__ */ E(be, { direction: "column", children: /* @__PURE__ */ E("dl", { className: "flex flex-col gap-2", children: e.methods.map((n, r) => /* @__PURE__ */ E(Jm, { method: n }, r)) }) })
   ] });
 }
 function mh({
@@ -9156,7 +9158,7 @@ function mh({
   );
 }
 function hh() {
-  return /* @__PURE__ */ q(me, { align: "center", className: "text-slate-300", direction: "row", gap: 2, children: [
+  return /* @__PURE__ */ q(be, { align: "center", className: "text-slate-300", direction: "row", gap: 2, children: [
     /* @__PURE__ */ E(va, { className: "size-4 animate-spin" }),
     "Loading..."
   ] });
@@ -9167,10 +9169,10 @@ function ua({
   disabled: n
 }) {
   return /* @__PURE__ */ E(
-    me,
+    be,
     {
       align: "center",
-      className: be(
+      className: ve(
         "px-4 h-8 cursor-pointer text-white/90 hover:text-white focus:bg-white/10 focus-within:bg-white/10",
         { "pointer-events-none text-white/50": n },
         t
@@ -9189,7 +9191,7 @@ function gh({
   return /* @__PURE__ */ E(wr, { to: n, children: ({ isActive: r, isPending: o }) => /* @__PURE__ */ E(
     ua,
     {
-      className: be(
+      className: ve(
         "px-4 cursor-pointer",
         {
           "font-bold text-nav-active hover:text-nav-hover": r,
@@ -9197,7 +9199,7 @@ function gh({
         },
         t
       ),
-      children: /* @__PURE__ */ E(me, { align: "center", direction: "row", gap: 2, children: e })
+      children: /* @__PURE__ */ E(be, { align: "center", direction: "row", gap: 2, children: e })
     }
   ) });
 }
@@ -9236,7 +9238,7 @@ function Zo({
   header: e,
   props: t
 }) {
-  return t.length === 0 ? null : /* @__PURE__ */ q(me, { direction: "column", children: [
+  return t.length === 0 ? null : /* @__PURE__ */ q(be, { direction: "column", children: [
     /* @__PURE__ */ E("div", { className: "text-lg font-bold", children: e }),
     /* @__PURE__ */ E("dl", { children: t.map((n) => /* @__PURE__ */ E(eh, { prop: n }, n.name)) })
   ] });
@@ -9249,8 +9251,8 @@ function bh({
     () => Qm(e),
     [e]
   );
-  return /* @__PURE__ */ q(me, { direction: "column", gap: 4, children: [
-    /* @__PURE__ */ q(me, { align: "center", direction: "row", gap: 2, wrap: !0, children: [
+  return /* @__PURE__ */ q(be, { direction: "column", gap: 4, children: [
+    /* @__PURE__ */ q(be, { align: "center", direction: "row", gap: 2, wrap: !0, children: [
       /* @__PURE__ */ E(ca, { section: t, title: `${e.name} component` }),
       /* @__PURE__ */ E(
         hn,
@@ -9340,7 +9342,7 @@ function yh({
         children: r.map((l, a) => /* @__PURE__ */ E(
           ia,
           {
-            className: be(
+            className: ve(
               "relative cursor-pointer select-none h-7 py-1 px-2 text-slate-300 border-none!",
               "data-focus:text-teal-300 data-focus:bg-black",
               "data-active:text-teal-300 data-active:bg-black",
@@ -9371,7 +9373,7 @@ function xh(e, t) {
 }
 export {
   uh as A,
-  me as B,
+  be as B,
   Ii as C,
   Nn as D,
   hn as E,
@@ -9393,8 +9395,8 @@ export {
   Zo as j,
   yh as k,
   Zm as l,
-  be as m,
+  ve as m,
   xh as n,
   Xm as u
 };
-//# sourceMappingURL=index-Dt2kd-pc.js.map
+//# sourceMappingURL=index-CVXprQ8Z.js.map