react-lib-tools 0.0.21 → 0.0.23

package/dist/{index-D1Hn63kY.js → index-Bh6LXsao.js}

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as E, jsxs as K, Fragment as Nt } from "react/jsx-runtime";
+import { jsx as E, jsxs as q, Fragment as ft } from "react/jsx-runtime";
 import * as h from "react";
-import L, { createContext as ne, Component as da, createElement as er, useRef as I, useCallback as q, useEffect as oe, useState as X, useMemo as le, useLayoutEffect as gn, useContext as Y, forwardRef as fa, Fragment as Ne, isValidElement as yr, cloneElement as Xo, useId as je, useSyncExternalStore as pa, useReducer as ma, useTransition as ha, lazy as Wt } from "react";
+import L, { createContext as ne, Component as da, createElement as er, useRef as I, useCallback as K, useEffect as oe, useState as X, useMemo as le, useLayoutEffect as gn, useContext as Y, forwardRef as fa, Fragment as Ne, isValidElement as yr, cloneElement as Xo, useId as je, useSyncExternalStore as pa, useReducer as ma, useTransition as ha, lazy as Wt } from "react";
 import * as ln from "react-dom";
 import { flushSync as an, createPortal as Jo } from "react-dom";
 function ga({
@@ -162,7 +162,7 @@ function Ca({
   }));
 }
 const Ra = /* @__PURE__ */ h.forwardRef(Ca);
-function Ta({
+function Oa({
   title: e,
   titleId: t,
   ...n
@@ -183,7 +183,7 @@ function Ta({
     clipRule: "evenodd"
   }));
 }
-const Oa = /* @__PURE__ */ h.forwardRef(Ta);
+const Ta = /* @__PURE__ */ h.forwardRef(Oa);
 function Pa({
   title: e,
   titleId: t,
@@ -230,7 +230,7 @@ function J(e, t) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(t);
 }
-function Te(e, t) {
+function Oe(e, t) {
   if (!e) {
     typeof console < "u" && console.warn(t);
     try {
@@ -254,7 +254,7 @@ function tr(e, t, n = null, r) {
     pathname: typeof e == "string" ? e : e.pathname,
     search: "",
     hash: "",
-    ...typeof t == "string" ? mt(t) : t,
+    ...typeof t == "string" ? ht(t) : t,
     state: n,
     // TODO: This could be cleaned up.  push/replace should probably just take
     // full Locations now and avoid the need to run through this flow at all
@@ -270,7 +270,7 @@ function Tt({
 }) {
   return t && t !== "?" && (e += t.charAt(0) === "?" ? t : "?" + t), n && n !== "#" && (e += n.charAt(0) === "#" ? n : "#" + n), e;
 }
-function mt(e) {
+function ht(e) {
   let t = {};
   if (e) {
     let n = e.indexOf("#");
@@ -359,7 +359,7 @@ function ti(e, t, n = "/") {
   return Ia(e, t, n, !1);
 }
 function Ia(e, t, n, r) {
-  let o = typeof t == "string" ? mt(t) : t, i = He(o.pathname || "/", n);
+  let o = typeof t == "string" ? ht(t) : t, i = He(o.pathname || "/", n);
   if (i == null)
     return null;
   let l = ni(e);
@@ -464,11 +464,11 @@ function Ua(e, t) {
 function Ga(e, t, n = !1) {
   let { routesMeta: r } = e, o = {}, i = "/", l = [];
   for (let a = 0; a < r.length; ++a) {
-    let s = r[a], c = a === r.length - 1, u = i === "/" ? t : t.slice(i.length) || "/", d = Ot(
+    let s = r[a], c = a === r.length - 1, u = i === "/" ? t : t.slice(i.length) || "/", d = Pt(
       { path: s.relativePath, caseSensitive: s.caseSensitive, end: c },
       u
     ), p = s.route;
-    if (!d && c && n && !r[r.length - 1].route.index && (d = Ot(
+    if (!d && c && n && !r[r.length - 1].route.index && (d = Pt(
       {
         path: s.relativePath,
         caseSensitive: s.caseSensitive,
@@ -489,7 +489,7 @@ function Ga(e, t, n = !1) {
   }
   return l;
 }
-function Ot(e, t) {
+function Pt(e, t) {
   typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
   let [n, r] = qa(
     e.path,
@@ -516,7 +516,7 @@ function Ot(e, t) {
   };
 }
 function qa(e, t = !1, n = !0) {
-  Te(
+  Oe(
     e === "*" || !e.endsWith("*") || e.endsWith("/*"),
     `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
   );
@@ -530,7 +530,7 @@ function oi(e) {
   try {
     return e.split("/").map((t) => decodeURIComponent(t).replace(/\//g, "%2F")).join("/");
   } catch (t) {
-    return Te(
+    return Oe(
       !1,
       `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${t}).`
     ), e;
@@ -549,14 +549,14 @@ function Za(e, t = "/") {
     pathname: n,
     search: r = "",
     hash: o = ""
-  } = typeof e == "string" ? mt(e) : e, i;
+  } = typeof e == "string" ? ht(e) : e, i;
   if (n)
     if (Ya(n))
       i = n;
     else {
       if (n.includes("//")) {
         let l = n;
-        n = n.replace(/\/\/+/g, "/"), Te(
+        n = n.replace(/\/\/+/g, "/"), Oe(
           !1,
           `Pathnames cannot have embedded double slashes - normalizing ${l} -> ${n}`
         );
@@ -595,7 +595,7 @@ function ii(e) {
 }
 function li(e, t, n, r = !1) {
   let o;
-  typeof e == "string" ? o = mt(e) : (o = { ...e }, J(
+  typeof e == "string" ? o = ht(e) : (o = { ...e }, J(
     !o.pathname || !o.pathname.includes("?"),
     In("?", "pathname", "search", o)
   ), J(
@@ -643,8 +643,8 @@ var rs = [
   ...ai
 ];
 new Set(rs);
-var ht = h.createContext(null);
-ht.displayName = "DataRouter";
+var gt = h.createContext(null);
+gt.displayName = "DataRouter";
 var vn = h.createContext(null);
 vn.displayName = "DataRouterState";
 h.createContext(!1);
@@ -676,7 +676,7 @@ var xr = h.createContext(null);
 xr.displayName = "RouteError";
 function ls(e, { relative: t } = {}) {
   J(
-    gt(),
+    vt(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useHref() may be used only in the context of a <Router> component."
@@ -684,12 +684,12 @@ function ls(e, { relative: t } = {}) {
   let { basename: n, navigator: r } = h.useContext(Pe), { hash: o, pathname: i, search: l } = It(e, { relative: t }), a = i;
   return n !== "/" && (a = i === "/" ? n : Be([n, i])), r.createHref({ pathname: a, search: l, hash: o });
 }
-function gt() {
+function vt() {
   return h.useContext(Mt) != null;
 }
 function ze() {
   return J(
-    gt(),
+    vt(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useLocation() may be used only in the context of a <Router> component."
@@ -697,14 +697,14 @@ function ze() {
 }
 function as(e) {
   J(
-    gt(),
+    vt(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useMatch() may be used only in the context of a <Router> component."
   );
   let { pathname: t } = ze();
   return h.useMemo(
-    () => Ot(e, oi(t)),
+    () => Pt(e, oi(t)),
     [t, e]
   );
 }
@@ -718,17 +718,17 @@ function di() {
 }
 function ss() {
   J(
-    gt(),
+    vt(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useNavigate() may be used only in the context of a <Router> component."
   );
-  let e = h.useContext(ht), { basename: t, navigator: n } = h.useContext(Pe), { matches: r } = h.useContext(Ve), { pathname: o } = ze(), i = JSON.stringify(ii(r)), l = h.useRef(!1);
+  let e = h.useContext(gt), { basename: t, navigator: n } = h.useContext(Pe), { matches: r } = h.useContext(Ve), { pathname: o } = ze(), i = JSON.stringify(ii(r)), l = h.useRef(!1);
   return ui(() => {
     l.current = !0;
   }), h.useCallback(
     (s, c = {}) => {
-      if (Te(l.current, ci), !l.current) return;
+      if (Oe(l.current, ci), !l.current) return;
       if (typeof s == "number") {
         n.go(s);
         return;
@@ -772,7 +772,7 @@ function cs(e, t) {
 }
 function fi(e, t, n, r, o) {
   J(
-    gt(),
+    vt(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useRoutes() may be used only in the context of a <Router> component."
@@ -790,7 +790,7 @@ Please change the parent <Route path="${y}"> to <Route path="${y === "/" ? "*" :
   }
   let p = ze(), f;
   if (t) {
-    let y = typeof t == "string" ? mt(t) : t;
+    let y = typeof t == "string" ? ht(t) : t;
     J(
       u === "/" || y.pathname?.startsWith(u),
       `When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${u}" but pathname "${y.pathname}" was given in the \`location\` prop.`
@@ -803,10 +803,10 @@ Please change the parent <Route path="${y}"> to <Route path="${y === "/" ? "*" :
     g = "/" + m.replace(/^\//, "").split("/").slice(y.length).join("/");
   }
   let v = ti(e, { pathname: g });
-  Te(
+  Oe(
     d || v != null,
     `No routes matched location "${f.pathname}${f.search}${f.hash}" `
-  ), Te(
+  ), Oe(
     v == null || v[v.length - 1].route.element !== void 0 || v[v.length - 1].route.Component !== void 0 || v[v.length - 1].route.lazy !== void 0,
     `Matched leaf route at location "${f.pathname}${f.search}${f.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
   );
@@ -906,7 +906,7 @@ var ds = /* @__PURE__ */ h.createElement(us, null), fs = class extends h.Compone
   }
 };
 function ps({ routeContext: e, match: t, children: n }) {
-  let r = h.useContext(ht);
+  let r = h.useContext(gt);
   return r && r.static && r.staticContext && (t.route.errorElement || t.route.ErrorBoundary) && (r.staticContext._deepestRenderedBoundaryId = t.route.id), /* @__PURE__ */ h.createElement(Ve.Provider, { value: e }, n);
 }
 function ms(e, t = [], n = null, r = null, o = null) {
@@ -998,7 +998,7 @@ function Er(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
 function hs(e) {
-  let t = h.useContext(ht);
+  let t = h.useContext(gt);
   return J(t, Er(e)), t;
 }
 function gs(e) {
@@ -1044,14 +1044,14 @@ function ys() {
     n.current = !0;
   }), h.useCallback(
     async (o, i = {}) => {
-      Te(n.current, ci), n.current && (typeof o == "number" ? await e.navigate(o) : await e.navigate(o, { fromRouteId: t, ...i }));
+      Oe(n.current, ci), n.current && (typeof o == "number" ? await e.navigate(o) : await e.navigate(o, { fromRouteId: t, ...i }));
     },
     [e, t]
   );
 }
 var to = {};
 function pi(e, t, n) {
-  !t && !to[e] && (to[e] = !0, Te(!1, n));
+  !t && !to[e] && (to[e] = !0, Oe(!1, n));
 }
 h.memo(xs);
 function xs({
@@ -1078,7 +1078,7 @@ function Es({
   unstable_useTransitions: l
 }) {
   J(
-    !gt(),
+    !vt(),
     "You cannot render a <Router> inside another <Router>. You should never have more than one in your app."
   );
   let a = e.replace(/^\/*/, "/"), s = h.useMemo(
@@ -1091,7 +1091,7 @@ function Es({
     }),
     [a, o, i, l]
   );
-  typeof n == "string" && (n = mt(n));
+  typeof n == "string" && (n = ht(n));
   let {
     pathname: c = "/",
     search: u = "",
@@ -1111,7 +1111,7 @@ function Es({
       navigationType: r
     };
   }, [a, c, u, d, p, f, r]);
-  return Te(
+  return Oe(
     m != null,
     `<Router basename="${a}"> is not able to match the URL "${c}${u}${d}" because it does not start with the basename, so the <Router> won't render anything.`
   ), m == null ? null : /* @__PURE__ */ h.createElement(Pe.Provider, { value: s }, /* @__PURE__ */ h.createElement(Mt.Provider, { children: t, value: m }));
@@ -1183,13 +1183,13 @@ function Cs(e) {
 function Rs(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function Ts(e, t) {
+function Os(e, t) {
   return e.button === 0 && // Ignore everything but left clicks
   (!t || t === "_self") && // Let browser handle "target=_blank" etc.
   !Rs(e);
 }
 var Ut = null;
-function Os() {
+function Ts() {
   if (Ut === null)
     try {
       new FormData(
@@ -1208,7 +1208,7 @@ var Ps = /* @__PURE__ */ new Set([
   "text/plain"
 ]);
 function Dn(e) {
-  return e != null && !Ps.has(e) ? (Te(
+  return e != null && !Ps.has(e) ? (Oe(
     !1,
     `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${tn}"`
   ), null) : e;
@@ -1225,7 +1225,7 @@ function Ls(e, t) {
         'Cannot submit a <button> or <input type="submit"> without a <form>'
       );
     let s = e.getAttribute("formaction") || a.getAttribute("action");
-    if (r = s ? He(s, t) : null, n = e.getAttribute("formmethod") || a.getAttribute("method") || en, o = Dn(e.getAttribute("formenctype")) || Dn(a.getAttribute("enctype")) || tn, i = new FormData(a, e), !Os()) {
+    if (r = s ? He(s, t) : null, n = e.getAttribute("formmethod") || a.getAttribute("method") || en, o = Dn(e.getAttribute("formenctype")) || Dn(a.getAttribute("enctype")) || tn, i = new FormData(a, e), !Ts()) {
       let { name: c, type: u, value: d } = e;
       if (u === "image") {
         let p = c ? `${c}.` : "";
@@ -1351,7 +1351,7 @@ function Bs(e, t) {
   }, []);
 }
 function hi() {
-  let e = h.useContext(ht);
+  let e = h.useContext(gt);
   return Sr(
     e,
     "You must render this element inside a <DataRouterContext.Provider> element"
@@ -1405,15 +1405,15 @@ function js(e, t) {
     i,
     p,
     {
-      onFocus: Et(a, f),
-      onBlur: Et(s, m),
-      onMouseEnter: Et(c, f),
-      onMouseLeave: Et(u, m),
-      onTouchStart: Et(d, f)
+      onFocus: $t(a, f),
+      onBlur: $t(s, m),
+      onMouseEnter: $t(c, f),
+      onMouseLeave: $t(u, m),
+      onTouchStart: $t(d, f)
     }
   ] : [!1, p, {}];
 }
-function Et(e, t) {
+function $t(e, t) {
   return (n) => {
     e && e(n), n.defaultPrevented || t(n);
   };
@@ -1559,12 +1559,12 @@ var bi = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, wi = h.forwardRef(
         let C = new URL(window.location.href), N = c.startsWith("//") ? new URL(C.protocol + c) : new URL(c), V = He(N.pathname, m);
         N.origin === C.origin && V != null ? c = V + N.search + N.hash : y = !0;
       } catch {
-        Te(
+        Oe(
           !1,
           `<Link to="${c}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
         );
       }
-    let w = ls(c, { relative: o }), [$, x, T] = js(
+    let w = ls(c, { relative: o }), [$, x, O] = js(
       r,
       p
     ), R = Zs(c, {
@@ -1585,7 +1585,7 @@ var bi = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, wi = h.forwardRef(
         "a",
         {
           ...p,
-          ...T,
+          ...O,
           href: b || w,
           onClick: y || i ? t : k,
           ref: Us(f, x),
@@ -1615,15 +1615,15 @@ var qs = h.forwardRef(
     tc(d) && a === !0, b = m.encodeLocation ? m.encodeLocation(d).pathname : d.pathname, y = p.pathname, w = f && f.navigation && f.navigation.location ? f.navigation.location.pathname : null;
     n || (y = y.toLowerCase(), w = w ? w.toLowerCase() : null, b = b.toLowerCase()), w && g && (w = He(w, g) || w);
     const $ = b !== "/" && b.endsWith("/") ? b.length - 1 : b.length;
-    let x = y === b || !o && y.startsWith(b) && y.charAt($) === "/", T = w != null && (w === b || !o && w.startsWith(b) && w.charAt(b.length) === "/"), R = {
+    let x = y === b || !o && y.startsWith(b) && y.charAt($) === "/", O = w != null && (w === b || !o && w.startsWith(b) && w.charAt(b.length) === "/"), R = {
       isActive: x,
-      isPending: T,
+      isPending: O,
       isTransitioning: v
     }, k = x ? t : void 0, A;
     typeof r == "function" ? A = r(R) : A = [
       r,
       x ? "active" : null,
-      T ? "pending" : null,
+      O ? "pending" : null,
       v ? "transitioning" : null
     ].filter(Boolean).join(" ");
     let C = typeof i == "function" ? i(R) : i;
@@ -1662,9 +1662,9 @@ var Ks = h.forwardRef(
     let { unstable_useTransitions: m } = h.useContext(Pe), g = Qs(), v = ec(a, { relative: c }), b = l.toLowerCase() === "get" ? "get" : "post", y = typeof a == "string" && bi.test(a), w = ($) => {
       if (s && s($), $.defaultPrevented) return;
       $.preventDefault();
-      let x = $.nativeEvent.submitter, T = x?.getAttribute("formmethod") || l, R = () => g(x || $.currentTarget, {
+      let x = $.nativeEvent.submitter, O = x?.getAttribute("formmethod") || l, R = () => g(x || $.currentTarget, {
         fetcherKey: t,
-        method: T,
+        method: O,
         navigate: n,
         replace: o,
         state: i,
@@ -1692,7 +1692,7 @@ function Ys(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
 function yi(e) {
-  let t = h.useContext(ht);
+  let t = h.useContext(gt);
   return J(t, Ys(e)), t;
 }
 function Zs(e, {
@@ -1707,7 +1707,7 @@ function Zs(e, {
   let s = di(), c = ze(), u = It(e, { relative: i });
   return h.useCallback(
     (d) => {
-      if (Ts(d, t)) {
+      if (Os(d, t)) {
         d.preventDefault();
         let p = n !== void 0 ? n : Tt(c) === Tt(u), f = () => s(e, {
           replace: p,
@@ -1801,7 +1801,7 @@ function tc(e, { relative: t } = {}) {
   if (!n.isTransitioning)
     return !1;
   let i = He(n.currentLocation.pathname, r) || n.currentLocation.pathname, l = He(n.nextLocation.pathname, r) || n.nextLocation.pathname;
-  return Ot(o.pathname, l) != null || Ot(o.pathname, i) != null;
+  return Pt(o.pathname, l) != null || Pt(o.pathname, i) != null;
 }
 const nc = (e) => /* @__PURE__ */ h.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", className: "bi bi-github", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ h.createElement("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" })), rc = (e) => /* @__PURE__ */ h.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...e }, /* @__PURE__ */ h.createElement("path", { fill: "currentColor", d: "M2 38.5h124v43.71H64v7.29H36.44v-7.29H2zm6.89 36.43h13.78V53.07h6.89v21.86h6.89V45.79H8.89zm34.44-29.14v36.42h13.78v-7.28h13.78V45.79zm13.78 7.29H64v14.56h-6.89zm20.67-7.29v29.14h13.78V53.07h6.89v21.86h6.89V53.07h6.89v21.86h6.89V45.79z" })), oc = (e) => /* @__PURE__ */ h.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 640 640", width: "24px", fill: "currentColor", ...e }, /* @__PURE__ */ h.createElement("path", { d: "M433.2 103.1L581.4 253.4C609.1 281.5 609.1 326.5 581.4 354.6L425 512.9C415.7 522.3 400.5 522.4 391.1 513.1C381.7 503.8 381.6 488.6 390.9 479.2L547.3 320.8C556.5 311.5 556.5 296.4 547.3 287.1L399 136.9C389.7 127.5 389.8 112.3 399.2 103C408.6 93.7 423.8 93.8 433.1 103.2zM64.1 293.5L64.1 160C64.1 124.7 92.8 96 128.1 96L261.6 96C278.6 96 294.9 102.7 306.9 114.7L450.9 258.7C475.9 283.7 475.9 324.2 450.9 349.2L317.4 482.7C292.4 507.7 251.9 507.7 226.9 482.7L82.9 338.7C70.9 326.7 64.2 310.4 64.2 293.4zM208.1 208C208.1 190.3 193.8 176 176.1 176C158.4 176 144.1 190.3 144.1 208C144.1 225.7 158.4 240 176.1 240C193.8 240 208.1 225.7 208.1 208z" })), xi = ne(null), ro = (e) => {
   let t;
@@ -2046,7 +2046,7 @@ const uc = (e, t) => {
   parseClassName: Sc(e),
   sortModifiers: kc(e),
   ...pc(e)
-}), Rc = /\s+/, Tc = (e, t) => {
+}), Rc = /\s+/, Oc = (e, t) => {
   const {
     parseClassName: n,
     getClassGroupId: r,
@@ -2083,14 +2083,14 @@ const uc = (e, t) => {
       continue;
     l.push($);
     const x = o(b, v);
-    for (let T = 0; T < x.length; ++T) {
-      const R = x[T];
+    for (let O = 0; O < x.length; ++O) {
+      const R = x[O];
       l.push(w + R);
     }
     s = u + (s.length > 0 ? " " + s : s);
   }
   return s;
-}, Oc = (...e) => {
+}, Tc = (...e) => {
   let t = 0, n, r, o = "";
   for (; t < e.length; )
     (n = e[t++]) && (r = Ri(n)) && (o && (o += " "), o += r);
@@ -2111,23 +2111,23 @@ const uc = (e, t) => {
     const c = r(s);
     if (c)
       return c;
-    const u = Tc(s, n);
+    const u = Oc(s, n);
     return o(s, u), u;
   };
-  return i = l, (...s) => i(Oc(...s));
+  return i = l, (...s) => i(Tc(...s));
 }, Lc = [], ie = (e) => {
   const t = (n) => n[e] || Lc;
   return t.isThemeGetter = !0, t;
-}, Ti = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Oi = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ac = /^\d+\/\d+$/, Fc = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Nc = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Mc = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ic = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Dc = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, st = (e) => Ac.test(e), _ = (e) => !!e && !Number.isNaN(Number(e)), Ge = (e) => !!e && Number.isInteger(Number(e)), _n = (e) => e.endsWith("%") && _(e.slice(0, -1)), De = (e) => Fc.test(e), _c = () => !0, Bc = (e) => (
+}, Oi = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ti = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ac = /^\d+\/\d+$/, Fc = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Nc = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Mc = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ic = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Dc = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, st = (e) => Ac.test(e), _ = (e) => !!e && !Number.isNaN(Number(e)), Ge = (e) => !!e && Number.isInteger(Number(e)), _n = (e) => e.endsWith("%") && _(e.slice(0, -1)), De = (e) => Fc.test(e), _c = () => !0, Bc = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Nc.test(e) && !Mc.test(e)
-), Pi = () => !1, Hc = (e) => Ic.test(e), jc = (e) => Dc.test(e), Vc = (e) => !O(e) && !P(e), zc = (e) => vt(e, Fi, Pi), O = (e) => Ti.test(e), et = (e) => vt(e, Ni, Bc), Bn = (e) => vt(e, Kc, _), so = (e) => vt(e, Li, Pi), Wc = (e) => vt(e, Ai, jc), Gt = (e) => vt(e, Mi, Hc), P = (e) => Oi.test(e), $t = (e) => bt(e, Ni), Uc = (e) => bt(e, Yc), co = (e) => bt(e, Li), Gc = (e) => bt(e, Fi), qc = (e) => bt(e, Ai), qt = (e) => bt(e, Mi, !0), vt = (e, t, n) => {
-  const r = Ti.exec(e);
-  return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
-}, bt = (e, t, n = !1) => {
+), Pi = () => !1, Hc = (e) => Ic.test(e), jc = (e) => Dc.test(e), Vc = (e) => !T(e) && !P(e), zc = (e) => bt(e, Fi, Pi), T = (e) => Oi.test(e), et = (e) => bt(e, Ni, Bc), Bn = (e) => bt(e, Kc, _), so = (e) => bt(e, Li, Pi), Wc = (e) => bt(e, Ai, jc), Gt = (e) => bt(e, Mi, Hc), P = (e) => Ti.test(e), St = (e) => wt(e, Ni), Uc = (e) => wt(e, Yc), co = (e) => wt(e, Li), Gc = (e) => wt(e, Fi), qc = (e) => wt(e, Ai), qt = (e) => wt(e, Mi, !0), bt = (e, t, n) => {
   const r = Oi.exec(e);
+  return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
+}, wt = (e, t, n = !1) => {
+  const r = Ti.exec(e);
   return r ? r[1] ? t(r[1]) : n : !1;
 }, Li = (e) => e === "position" || e === "percentage", Ai = (e) => e === "image" || e === "url", Fi = (e) => e === "length" || e === "size" || e === "bg-size", Ni = (e) => e === "length", Kc = (e) => e === "number", Yc = (e) => e === "family-name", Mi = (e) => e === "shadow", Zc = () => {
   const e = ie("color"), t = ie("font"), n = ie("text"), r = ie("font-weight"), o = ie("tracking"), i = ie("leading"), l = ie("breakpoint"), a = ie("container"), s = ie("spacing"), c = ie("radius"), u = ie("shadow"), d = ie("inset-shadow"), p = ie("text-shadow"), f = ie("drop-shadow"), m = ie("blur"), g = ie("perspective"), v = ie("aspect"), b = ie("ease"), y = ie("animate"), w = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [
@@ -2148,30 +2148,30 @@ const uc = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], x = () => [...$(), P, O], T = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], k = () => [P, O, s], A = () => [st, "full", "auto", ...k()], C = () => [Ge, "none", "subgrid", P, O], N = () => ["auto", {
-    span: ["full", Ge, P, O]
-  }, Ge, P, O], V = () => [Ge, "auto", P, O], W = () => ["auto", "min", "max", "fr", P, O], j = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], F = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...k()], G = () => [st, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], S = () => [e, P, O], z = () => [...$(), co, so, {
-    position: [P, O]
+  ], x = () => [...$(), P, T], O = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], k = () => [P, T, s], A = () => [st, "full", "auto", ...k()], C = () => [Ge, "none", "subgrid", P, T], N = () => ["auto", {
+    span: ["full", Ge, P, T]
+  }, Ge, P, T], V = () => [Ge, "auto", P, T], W = () => ["auto", "min", "max", "fr", P, T], j = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], F = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...k()], G = () => [st, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], S = () => [e, P, T], z = () => [...$(), co, so, {
+    position: [P, T]
   }], Z = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], xe = () => ["auto", "cover", "contain", Gc, zc, {
-    size: [P, O]
-  }], Q = () => [_n, $t, et], H = () => [
+    size: [P, T]
+  }], Q = () => [_n, St, et], H = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     c,
     P,
-    O
-  ], se = () => ["", _, $t, et], Ee = () => ["solid", "dashed", "dotted", "double"], M = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], U = () => [_, _n, co, so], Re = () => [
+    T
+  ], se = () => ["", _, St, et], Ee = () => ["solid", "dashed", "dotted", "double"], M = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], U = () => [_, _n, co, so], Re = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     m,
     P,
-    O
-  ], $e = () => ["none", _, P, O], Vt = () => ["none", _, P, O], Mn = () => [_, P, O], zt = () => [st, "full", ...k()];
+    T
+  ], $e = () => ["none", _, P, T], Vt = () => ["none", _, P, T], Mn = () => [_, P, T], zt = () => [st, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
@@ -2204,7 +2204,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", st, O, P, v]
+        aspect: ["auto", "square", st, T, P, v]
       }],
       /**
        * Container
@@ -2217,7 +2217,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [_, O, P, a]
+        columns: [_, T, P, a]
       }],
       /**
        * Break After
@@ -2302,21 +2302,21 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: T()
+        overflow: O()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": T()
+        "overflow-x": O()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": T()
+        "overflow-y": O()
       }],
       /**
        * Overscroll Behavior
@@ -2417,7 +2417,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [Ge, "auto", P, O]
+        z: [Ge, "auto", P, T]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -2448,28 +2448,28 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [_, st, "auto", "initial", "none", O]
+        flex: [_, st, "auto", "initial", "none", T]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", _, P, O]
+        grow: ["", _, P, T]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", _, P, O]
+        shrink: ["", _, P, T]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [Ge, "first", "last", "none", P, O]
+        order: [Ge, "first", "last", "none", P, T]
       }],
       /**
        * Grid Template Columns
@@ -2864,7 +2864,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", n, $t, et]
+        text: ["base", n, St, et]
       }],
       /**
        * Font Smoothing
@@ -2888,14 +2888,14 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", _n, O]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", _n, T]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Uc, O, t]
+        font: [Uc, T, t]
       }],
       /**
        * Font Variant Numeric
@@ -2932,7 +2932,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [o, P, O]
+        tracking: [o, P, T]
       }],
       /**
        * Line Clamp
@@ -2957,7 +2957,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", P, O]
+        "list-image": ["none", P, T]
       }],
       /**
        * List Style Position
@@ -2971,7 +2971,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", P, O]
+        list: ["disc", "decimal", "none", P, T]
       }],
       /**
        * Text Alignment
@@ -3026,7 +3026,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [_, "auto", P, O]
+        "underline-offset": [_, "auto", P, T]
       }],
       /**
        * Text Transform
@@ -3057,7 +3057,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", P, O]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", P, T]
       }],
       /**
        * Whitespace
@@ -3092,7 +3092,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", P, O]
+        content: ["none", P, T]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -3147,9 +3147,9 @@ const uc = (e, t) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, Ge, P, O],
-          radial: ["", P, O],
-          conic: [Ge, P, O]
+          }, Ge, P, T],
+          radial: ["", P, T],
+          conic: [Ge, P, T]
         }, qc, Wc]
       }],
       /**
@@ -3492,14 +3492,14 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [_, P, O]
+        "outline-offset": [_, P, T]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", _, $t, et]
+        outline: ["", _, St, et]
       }],
       /**
        * Outline Color
@@ -3618,7 +3618,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [_, P, O]
+        opacity: [_, P, T]
       }],
       /**
        * Mix Blend Mode
@@ -3740,7 +3740,7 @@ const uc = (e, t) => {
         "mask-y-to": S()
       }],
       "mask-image-radial": [{
-        "mask-radial": [P, O]
+        "mask-radial": [P, T]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": U()
@@ -3828,7 +3828,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", P, O]
+        mask: ["none", P, T]
       }],
       // ---------------
       // --- Filters ---
@@ -3843,7 +3843,7 @@ const uc = (e, t) => {
           "",
           "none",
           P,
-          O
+          T
         ]
       }],
       /**
@@ -3858,14 +3858,14 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [_, P, O]
+        brightness: [_, P, T]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [_, P, O]
+        contrast: [_, P, T]
       }],
       /**
        * Drop Shadow
@@ -3893,35 +3893,35 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", _, P, O]
+        grayscale: ["", _, P, T]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [_, P, O]
+        "hue-rotate": [_, P, T]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", _, P, O]
+        invert: ["", _, P, T]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [_, P, O]
+        saturate: [_, P, T]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", _, P, O]
+        sepia: ["", _, P, T]
       }],
       /**
        * Backdrop Filter
@@ -3933,7 +3933,7 @@ const uc = (e, t) => {
           "",
           "none",
           P,
-          O
+          T
         ]
       }],
       /**
@@ -3948,56 +3948,56 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [_, P, O]
+        "backdrop-brightness": [_, P, T]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [_, P, O]
+        "backdrop-contrast": [_, P, T]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", _, P, O]
+        "backdrop-grayscale": ["", _, P, T]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [_, P, O]
+        "backdrop-hue-rotate": [_, P, T]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", _, P, O]
+        "backdrop-invert": ["", _, P, T]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [_, P, O]
+        "backdrop-opacity": [_, P, T]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [_, P, O]
+        "backdrop-saturate": [_, P, T]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", _, P, O]
+        "backdrop-sepia": ["", _, P, T]
       }],
       // --------------
       // --- Tables ---
@@ -4052,7 +4052,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", P, O]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", P, T]
       }],
       /**
        * Transition Behavior
@@ -4066,28 +4066,28 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [_, "initial", P, O]
+        duration: [_, "initial", P, T]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", b, P, O]
+        ease: ["linear", "initial", b, P, T]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [_, P, O]
+        delay: [_, P, T]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", y, P, O]
+        animate: ["none", y, P, T]
       }],
       // ------------------
       // --- Transforms ---
@@ -4104,7 +4104,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [g, P, O]
+        perspective: [g, P, T]
       }],
       /**
        * Perspective Origin
@@ -4200,7 +4200,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [P, O, "", "none", "gpu", "cpu"]
+        transform: [P, T, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -4285,7 +4285,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", P, O]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", P, T]
       }],
       /**
        * Field Sizing
@@ -4507,7 +4507,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", P, O]
+        "will-change": ["auto", "scroll", "contents", "transform", P, T]
       }],
       // -----------
       // --- SVG ---
@@ -4524,7 +4524,7 @@ const uc = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [_, $t, et, Bn]
+        stroke: [_, St, et, Bn]
       }],
       /**
        * Stroke
@@ -4760,7 +4760,7 @@ function Ii({
   switch (o) {
     case "none":
     case "primary": {
-      a = Oa;
+      a = Ta;
       break;
     }
     case "success": {
@@ -4774,7 +4774,7 @@ function Ii({
       className: `${r ? "w-fit" : "w-full"} rounded-md p-2 px-3 ${tu(o, !!i)} ${t}`,
       role: "alert",
       ...l,
-      children: /* @__PURE__ */ K("div", { className: "flex flex-row gap-2", children: [
+      children: /* @__PURE__ */ q("div", { className: "flex flex-row gap-2", children: [
         /* @__PURE__ */ E(a, { className: "w-6 h-6 shrink-0" }),
         n ? /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: e } }) : /* @__PURE__ */ E("div", { children: e })
       ] })
@@ -4805,7 +4805,7 @@ function ru(e) {
     t.current = e;
   }, [
     e
-  ]), q((...n) => {
+  ]), K((...n) => {
     const r = t.current;
     return r?.(...n);
   }, []);
@@ -4850,7 +4850,7 @@ function wn(e) {
   let n = (t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands;
   return Array.isArray(n) && n.some((r) => e.test(r.brand)) || e.test(window.navigator.userAgent);
 }
-function Tr(e) {
+function Or(e) {
   var t;
   return typeof window < "u" && window.navigator != null ? e.test(((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.platform) || window.navigator.platform) : !1;
 }
@@ -4859,18 +4859,18 @@ function We(e) {
   let t = null;
   return () => (t == null && (t = e()), t);
 }
-const Or = We(function() {
-  return Tr(/^Mac/i);
+const Tr = We(function() {
+  return Or(/^Mac/i);
 }), au = We(function() {
-  return Tr(/^iPhone/i);
+  return Or(/^iPhone/i);
 }), su = We(function() {
-  return Tr(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  Or() && navigator.maxTouchPoints > 1;
+  return Or(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  Tr() && navigator.maxTouchPoints > 1;
 }), cu = We(function() {
   return au() || su();
 });
 We(function() {
-  return Or() || cu();
+  return Tr() || cu();
 });
 We(function() {
   return wn(/AppleWebKit/i) && !uu();
@@ -4884,7 +4884,7 @@ We(function() {
   return wn(/Firefox/i);
 });
 function Hi() {
-  let e = I(/* @__PURE__ */ new Map()), t = q((o, i, l, a) => {
+  let e = I(/* @__PURE__ */ new Map()), t = K((o, i, l, a) => {
     let s = a?.once ? (...c) => {
       e.current.delete(l), l(...c);
     } : l;
@@ -4894,11 +4894,11 @@ function Hi() {
       fn: s,
       options: a
     }), o.addEventListener(i, s, a);
-  }, []), n = q((o, i, l, a) => {
+  }, []), n = K((o, i, l, a) => {
     var s;
     let c = ((s = e.current.get(l)) === null || s === void 0 ? void 0 : s.fn) || l;
     o.removeEventListener(i, c, a), e.current.delete(l);
-  }, []), r = q(() => {
+  }, []), r = K(() => {
     e.current.forEach((o, i) => {
       n(o.eventTarget, o.type, i, o.options);
     });
@@ -4942,7 +4942,7 @@ function Vi(e) {
   let n = ru((r) => {
     e?.(r);
   });
-  return q((r) => {
+  return K((r) => {
     if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
       t.current.isFocused = !0;
       let o = r.target, i = (l) => {
@@ -4977,7 +4977,7 @@ function Vi(e) {
     n
   ]);
 }
-let mu = !1, Dt = null, ir = /* @__PURE__ */ new Set(), Ct = /* @__PURE__ */ new Map(), rt = !1, lr = !1;
+let mu = !1, Dt = null, ir = /* @__PURE__ */ new Set(), Rt = /* @__PURE__ */ new Map(), rt = !1, lr = !1;
 const hu = {
   Tab: !0,
   Escape: !0
@@ -4986,7 +4986,7 @@ function Pr(e, t) {
   for (let n of ir) n(e, t);
 }
 function gu(e) {
-  return !(e.metaKey || !Or() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+  return !(e.metaKey || !Tr() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
 function cn(e) {
   rt = !0, gu(e) && (Dt = "keyboard", Pr("keyboard", e));
@@ -5004,7 +5004,7 @@ function Ui() {
   rt = !1, lr = !0;
 }
 function ar(e) {
-  if (typeof window > "u" || typeof document > "u" || Ct.get(tt(e))) return;
+  if (typeof window > "u" || typeof document > "u" || Rt.get(tt(e))) return;
   const t = tt(e), n = Qe(e);
   let r = t.HTMLElement.prototype.focus;
   t.HTMLElement.prototype.focus = function() {
@@ -5013,13 +5013,13 @@ function ar(e) {
     Gi(e);
   }, {
     once: !0
-  }), Ct.set(t, {
+  }), Rt.set(t, {
     focus: r
   });
 }
 const Gi = (e, t) => {
   const n = tt(e), r = Qe(e);
-  t && r.removeEventListener("DOMContentLoaded", t), Ct.has(n) && (n.HTMLElement.prototype.focus = Ct.get(n).focus, r.removeEventListener("keydown", cn, !0), r.removeEventListener("keyup", cn, !0), r.removeEventListener("click", zi, !0), n.removeEventListener("focus", Wi, !0), n.removeEventListener("blur", Ui, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", ke, !0), r.removeEventListener("pointermove", ke, !0), r.removeEventListener("pointerup", ke, !0)) : process.env.NODE_ENV === "test" && (r.removeEventListener("mousedown", ke, !0), r.removeEventListener("mousemove", ke, !0), r.removeEventListener("mouseup", ke, !0)), Ct.delete(n));
+  t && r.removeEventListener("DOMContentLoaded", t), Rt.has(n) && (n.HTMLElement.prototype.focus = Rt.get(n).focus, r.removeEventListener("keydown", cn, !0), r.removeEventListener("keyup", cn, !0), r.removeEventListener("click", zi, !0), n.removeEventListener("focus", Wi, !0), n.removeEventListener("blur", Ui, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", ke, !0), r.removeEventListener("pointermove", ke, !0), r.removeEventListener("pointerup", ke, !0)) : process.env.NODE_ENV === "test" && (r.removeEventListener("mousedown", ke, !0), r.removeEventListener("mousemove", ke, !0), r.removeEventListener("mouseup", ke, !0)), Rt.delete(n));
 };
 function vu(e) {
   const t = Qe(e);
@@ -5060,13 +5060,13 @@ function yu(e, t, n) {
 }
 function xu(e) {
   let { isDisabled: t, onFocus: n, onBlur: r, onFocusChange: o } = e;
-  const i = q((s) => {
+  const i = K((s) => {
     if (s.target === s.currentTarget)
       return r && r(s), o && o(!1), !0;
   }, [
     r,
     o
-  ]), l = Vi(i), a = q((s) => {
+  ]), l = Vi(i), a = K((s) => {
     const c = Qe(s.target), u = c ? or(c) : or();
     s.target === s.currentTarget && u === Bi(s.nativeEvent) && (n && n(s), o && o(!0), l(s));
   }, [
@@ -5084,14 +5084,14 @@ function xu(e) {
 function Eu(e) {
   let { isDisabled: t, onBlurWithin: n, onFocusWithin: r, onFocusWithinChange: o } = e, i = I({
     isFocusWithin: !1
-  }), { addGlobalListener: l, removeAllGlobalListeners: a } = Hi(), s = q((d) => {
+  }), { addGlobalListener: l, removeAllGlobalListeners: a } = Hi(), s = K((d) => {
     d.currentTarget.contains(d.target) && i.current.isFocusWithin && !d.currentTarget.contains(d.relatedTarget) && (i.current.isFocusWithin = !1, a(), n && n(d), o && o(!1));
   }, [
     n,
     o,
     i,
     a
-  ]), c = Vi(s), u = q((d) => {
+  ]), c = Vi(s), u = K((d) => {
     if (!d.currentTarget.contains(d.target)) return;
     const p = Qe(d.target), f = or(p);
     if (!i.current.isFocusWithin && f === Bi(d.nativeEvent)) {
@@ -5213,7 +5213,7 @@ function Ar(e = {}) {
   let { autoFocus: t = !1, isTextInput: n, within: r } = e, o = I({
     isFocused: !1,
     isFocusVisible: t || qi()
-  }), [i, l] = X(!1), [a, s] = X(() => o.current.isFocused && o.current.isFocusVisible), c = q(() => s(o.current.isFocused && o.current.isFocusVisible), []), u = q((f) => {
+  }), [i, l] = X(!1), [a, s] = X(() => o.current.isFocused && o.current.isFocusVisible), c = K(() => s(o.current.isFocused && o.current.isFocusVisible), []), u = K((f) => {
     o.current.isFocused = f, l(f), c();
   }, [
     c
@@ -5339,11 +5339,11 @@ let B = function(e) {
   let t = at(e);
   return L.useCallback((...n) => t.current(...n), [t]);
 };
-function Tu(e) {
+function Ou(e) {
   let t = e.width / 2, n = e.height / 2;
   return { top: e.clientY - n, right: e.clientX + t, bottom: e.clientY + n, left: e.clientX - t };
 }
-function Ou(e, t) {
+function Tu(e, t) {
   return !(!e || !t || e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom);
 }
 function Fr({ disabled: e = !1 } = {}) {
@@ -5356,8 +5356,8 @@ function Fr({ disabled: e = !1 } = {}) {
         let s = _t(a.currentTarget);
         o.addEventListener(s, "pointerup", i, !1), o.addEventListener(s, "pointermove", (c) => {
           if (t.current) {
-            let u = Tu(c);
-            r(Ou(u, t.current.getBoundingClientRect()));
+            let u = Ou(c);
+            r(Tu(u, t.current.getBoundingClientRect()));
           }
         }, !1), o.addEventListener(s, "pointercancel", i, !1);
       }
@@ -5383,10 +5383,10 @@ function he(e, t, ...n) {
   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;
 }
-var ft = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(ft || {}), Ke = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(Ke || {});
+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() {
   let e = Au();
-  return q((t) => Lu({ mergeRefs: e, ...t }), [e]);
+  return K((t) => Lu({ mergeRefs: e, ...t }), [e]);
 }
 function Lu({ ourProps: e, theirProps: t, slot: n, defaultTag: r, features: o, visible: i = !0, name: l, mergeRefs: a }) {
   a = a ?? Fu;
@@ -5432,7 +5432,7 @@ function Yt(e, t = {}, n, r, o) {
   return er(i, Object.assign({}, zn(s, ["ref"]), !ut(i) && c, !ut(i) && d), u);
 }
 function Au() {
-  let e = I([]), t = q((n) => {
+  let e = I([]), t = K((n) => {
     for (let r of e.current) r != null && (typeof r == "function" ? r(n) : r.current = n);
   }, []);
   return (...n) => {
@@ -5462,7 +5462,7 @@ function Zi(...e) {
   } });
   return t;
 }
-function Pt(...e) {
+function Lt(...e) {
   if (e.length === 0) return {};
   if (e.length === 1) return e[0];
   let t = {}, n = {};
@@ -5499,7 +5499,7 @@ function Mu(e) {
 let Iu = "button";
 function Du(e, t) {
   var n;
-  let r = yn(), { disabled: o = r || !1, autoFocus: i = !1, ...l } = e, { isFocusVisible: a, focusProps: s } = Ar({ autoFocus: i }), { isHovered: c, hoverProps: u } = Lr({ isDisabled: o }), { pressed: d, pressProps: p } = Fr({ disabled: o }), f = Pt({ ref: t, type: (n = l.type) != null ? n : "button", disabled: o || void 0, autoFocus: i }, s, u, p), m = Ce({ disabled: o, hover: c, focus: a, active: d, autofocus: i });
+  let r = yn(), { disabled: o = r || !1, autoFocus: i = !1, ...l } = e, { isFocusVisible: a, focusProps: s } = Ar({ autoFocus: i }), { isHovered: c, hoverProps: u } = Lr({ isDisabled: o }), { pressed: d, pressProps: p } = Fr({ disabled: o }), f = Lt({ ref: t, type: (n = l.type) != null ? n : "button", disabled: o || void 0, autoFocus: i }, s, u, p), m = Ce({ disabled: o, hover: c, focus: a, active: d, autofocus: i });
   return ce()({ ourProps: f, theirProps: l, slot: m, defaultTag: Iu, name: "Button" });
 }
 let _u = ae(Du);
@@ -5714,7 +5714,7 @@ function fd(e, t) {
   return e !== null && t !== null && typeof e == "object" && typeof t == "object" && "id" in e && "id" in t ? e.id === t.id : e === t;
 }
 function pd(e = fd) {
-  return q((t, n) => {
+  return K((t, n) => {
     if (typeof e == "string") {
       let r = e;
       return t?.[r] === n?.[r];
@@ -5765,10 +5765,10 @@ var gd = Object.defineProperty, vd = (e, t, n) => t in e ? gd(e, t, { enumerable
 }, Se = (e, t, n) => (fl(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Wn = (e, t, n) => {
   if (t.has(e)) throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, n);
-}, mo = (e, t, n, r) => (fl(e, t, "write to private field"), t.set(e, n), n), Le, St, kt;
+}, mo = (e, t, n, r) => (fl(e, t, "write to private field"), t.set(e, n), n), Le, kt, Ct;
 let pl = class {
   constructor(t) {
-    Wn(this, Le, {}), Wn(this, St, new dl(() => /* @__PURE__ */ new Set())), Wn(this, kt, /* @__PURE__ */ new Set()), bd(this, "disposables", ye()), mo(this, Le, t), Ae.isServer && this.disposables.microTask(() => {
+    Wn(this, Le, {}), Wn(this, kt, new dl(() => /* @__PURE__ */ new Set())), Wn(this, Ct, /* @__PURE__ */ new Set()), bd(this, "disposables", ye()), mo(this, Le, t), Ae.isServer && this.disposables.microTask(() => {
       this.dispose();
     });
   }
@@ -5782,29 +5782,29 @@ let pl = class {
     if (Ae.isServer) return () => {
     };
     let r = { selector: t, callback: n, current: t(Se(this, Le)) };
-    return Se(this, kt).add(r), this.disposables.add(() => {
-      Se(this, kt).delete(r);
+    return Se(this, Ct).add(r), this.disposables.add(() => {
+      Se(this, Ct).delete(r);
     });
   }
   on(t, n) {
     return Ae.isServer ? () => {
-    } : (Se(this, St).get(t).add(n), this.disposables.add(() => {
-      Se(this, St).get(t).delete(n);
+    } : (Se(this, kt).get(t).add(n), this.disposables.add(() => {
+      Se(this, kt).get(t).delete(n);
     }));
   }
   send(t) {
     let n = this.reduce(Se(this, Le), t);
     if (n !== Se(this, Le)) {
       mo(this, Le, n);
-      for (let r of Se(this, kt)) {
+      for (let r of Se(this, Ct)) {
         let o = r.selector(Se(this, Le));
         ml(r.current, o) || (r.current = o, r.callback(o));
       }
-      for (let r of Se(this, St).get(t.type)) r(Se(this, Le), t);
+      for (let r of Se(this, kt).get(t.type)) r(Se(this, Le), t);
     }
   }
 };
-Le = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap();
+Le = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap(), Ct = /* @__PURE__ */ new WeakMap();
 function ml(e, t) {
   return Object.is(e, t) ? !0 : typeof e != "object" || e === null || typeof t != "object" || t === null ? !1 : Array.isArray(e) && Array.isArray(t) ? e.length !== t.length ? !1 : Un(e[Symbol.iterator](), t[Symbol.iterator]()) : e instanceof Map && t instanceof Map || e instanceof Set && t instanceof Set ? e.size !== t.size ? !1 : Un(e.entries(), t.entries()) : ho(e) && ho(t) ? Un(Object.entries(e)[Symbol.iterator](), Object.entries(t)[Symbol.iterator]()) : !1;
 }
@@ -5872,15 +5872,15 @@ function $d() {
         function v(x) {
           if (!b) {
             if (b = !0, y = x, x = d(x), p !== void 0 && m.hasValue) {
-              var T = m.value;
-              if (p(T, x))
-                return w = T;
+              var O = m.value;
+              if (p(O, x))
+                return w = O;
             }
             return w = x;
           }
-          if (T = w, n(y, x)) return T;
+          if (O = w, n(y, x)) return O;
           var R = d(x);
-          return p !== void 0 && p(T, R) ? (y = x, T) : (y = x, w = R);
+          return p !== void 0 && p(O, R) ? (y = x, O) : (y = x, w = R);
         }
         var b = !1, y, w, $ = u === void 0 ? null : u;
         return [
@@ -5923,16 +5923,16 @@ function Sd() {
           function v(x) {
             if (!b) {
               if (b = !0, y = x, x = d(x), p !== void 0 && m.hasValue) {
-                var T = m.value;
-                if (p(T, x))
-                  return w = T;
+                var O = m.value;
+                if (p(O, x))
+                  return w = O;
               }
               return w = x;
             }
-            if (T = w, n(y, x))
-              return T;
+            if (O = w, n(y, x))
+              return O;
             var R = d(x);
-            return p !== void 0 && p(T, R) ? (y = x, T) : (y = x, w = R);
+            return p !== void 0 && p(O, R) ? (y = x, O) : (y = x, w = R);
           }
           var b = !1, y, w, $ = u === void 0 ? null : u;
           return [
@@ -5968,25 +5968,25 @@ function Rd(e) {
   return e;
 }
 function vl(e, t) {
-  let n = je(), r = Ir.get(t), [o, i] = ve(r, q((l) => [r.selectors.isTop(l, n), r.selectors.inStack(l, n)], [r, n]));
+  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]));
   return re(() => {
     if (e) return r.actions.push(n), () => r.actions.pop(n);
   }, [r, e, n]), e ? i ? o : !0 : !1;
 }
-let dr = /* @__PURE__ */ new Map(), Rt = /* @__PURE__ */ new Map();
+let dr = /* @__PURE__ */ new Map(), Ot = /* @__PURE__ */ new Map();
 function yo(e) {
   var t;
-  let n = (t = Rt.get(e)) != null ? t : 0;
-  return Rt.set(e, n + 1), n !== 0 ? () => xo(e) : (dr.set(e, { "aria-hidden": e.getAttribute("aria-hidden"), inert: e.inert }), e.setAttribute("aria-hidden", "true"), e.inert = !0, () => xo(e));
+  let n = (t = Ot.get(e)) != null ? t : 0;
+  return Ot.set(e, n + 1), n !== 0 ? () => xo(e) : (dr.set(e, { "aria-hidden": e.getAttribute("aria-hidden"), inert: e.inert }), e.setAttribute("aria-hidden", "true"), e.inert = !0, () => xo(e));
 }
 function xo(e) {
   var t;
-  let n = (t = Rt.get(e)) != null ? t : 1;
-  if (n === 1 ? Rt.delete(e) : Rt.set(e, n - 1), n !== 1) return;
+  let n = (t = Ot.get(e)) != null ? t : 1;
+  if (n === 1 ? Ot.delete(e) : Ot.set(e, n - 1), n !== 1) return;
   let r = dr.get(e);
   r && (r["aria-hidden"] === null ? e.removeAttribute("aria-hidden") : e.setAttribute("aria-hidden", r["aria-hidden"]), e.inert = r.inert, dr.delete(e));
 }
-function Td(e, { allowed: t, disallowed: n } = {}) {
+function Od(e, { allowed: t, disallowed: n } = {}) {
   let r = vl(e, "inert-others");
   re(() => {
     var o, i;
@@ -6007,7 +6007,7 @@ function Td(e, { allowed: t, disallowed: n } = {}) {
     return l.dispose;
   }, [r, t, n]);
 }
-function Od(e, t, n) {
+function Td(e, t, n) {
   let r = at((o) => {
     let i = o.getBoundingClientRect();
     i.x === 0 && i.y === 0 && i.width === 0 && i.height === 0 && n();
@@ -6129,7 +6129,7 @@ function Hd(e, t, n, r) {
 }
 const $o = 30;
 function jd(e, t, n) {
-  let r = at(n), o = q(function(a, s) {
+  let r = at(n), o = K(function(a, s) {
     if (a.defaultPrevented) return;
     let c = s(a);
     if (c === null || !c.getRootNode().contains(c) || !c.isConnected) return;
@@ -6323,11 +6323,11 @@ function Jd() {
   } };
 }
 function Qd(e = 0) {
-  let [t, n] = X(e), r = q((s) => n(s), []), o = q((s) => n((c) => c | s), []), i = q((s) => (t & s) === s, [t]), l = q((s) => n((c) => c & ~s), []), a = q((s) => n((c) => c ^ s), []);
+  let [t, n] = X(e), r = K((s) => n(s), []), o = K((s) => n((c) => c | s), []), i = K((s) => (t & s) === s, [t]), l = K((s) => n((c) => c & ~s), []), a = K((s) => n((c) => c ^ s), []);
   return { flags: t, setFlag: r, addFlag: o, hasFlag: i, removeFlag: l, toggleFlag: a };
 }
-var Ro, To;
-typeof process < "u" && typeof globalThis < "u" && typeof Element < "u" && ((Ro = process == null ? void 0 : process.env) == null ? void 0 : Ro.NODE_ENV) === "test" && typeof ((To = Element?.prototype) == null ? void 0 : To.getAnimations) > "u" && (Element.prototype.getAnimations = function() {
+var Ro, Oo;
+typeof process < "u" && typeof globalThis < "u" && typeof Element < "u" && ((Ro = process == null ? void 0 : process.env) == null ? void 0 : Ro.NODE_ENV) === "test" && typeof ((Oo = Element?.prototype) == null ? void 0 : Oo.getAnimations) > "u" && (Element.prototype.getAnimations = function() {
   return console.warn(["Headless UI has polyfilled `Element.prototype.getAnimations` for your tests.", "Please install a proper polyfill e.g. `jsdom-testing-mocks`, to silence these warnings.", "", "Example usage:", "```js", "import { mockAnimationsApi } from 'jsdom-testing-mocks'", "mockAnimationsApi()", "```"].join(`
 `)), [];
 });
@@ -6393,7 +6393,7 @@ function of(e) {
 function $n() {
   return typeof window < "u";
 }
-function wt(e) {
+function yt(e) {
   return $l(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function we(e) {
@@ -6413,7 +6413,7 @@ function fe(e) {
 function Me(e) {
   return $n() ? e instanceof HTMLElement || e instanceof we(e).HTMLElement : !1;
 }
-function Oo(e) {
+function To(e) {
   return !$n() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof we(e).ShadowRoot;
 }
 const lf = /* @__PURE__ */ new Set(["inline", "contents"]);
@@ -6423,12 +6423,12 @@ function Bt(e) {
     overflowX: n,
     overflowY: r,
     display: o
-  } = Oe(e);
+  } = Te(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !lf.has(o);
 }
 const af = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function sf(e) {
-  return af.has(wt(e));
+  return af.has(yt(e));
 }
 const cf = [":popover-open", ":modal"];
 function Sn(e) {
@@ -6442,12 +6442,12 @@ function Sn(e) {
 }
 const uf = ["transform", "translate", "scale", "rotate", "perspective"], df = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ff = ["paint", "layout", "strict", "content"];
 function Hr(e) {
-  const t = jr(), n = fe(e) ? Oe(e) : e;
+  const t = jr(), n = fe(e) ? Te(e) : e;
   return uf.some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || df.some((r) => (n.willChange || "").includes(r)) || ff.some((r) => (n.contain || "").includes(r));
 }
 function pf(e) {
   let t = Xe(e);
-  for (; Me(t) && !pt(t); ) {
+  for (; Me(t) && !mt(t); ) {
     if (Hr(t))
       return t;
     if (Sn(t))
@@ -6460,10 +6460,10 @@ function jr() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const mf = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function pt(e) {
-  return mf.has(wt(e));
+function mt(e) {
+  return mf.has(yt(e));
 }
-function Oe(e) {
+function Te(e) {
   return we(e).getComputedStyle(e);
 }
 function kn(e) {
@@ -6476,30 +6476,30 @@ function kn(e) {
   };
 }
 function Xe(e) {
-  if (wt(e) === "html")
+  if (yt(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Oo(e) && e.host || // Fallback.
+    To(e) && e.host || // Fallback.
     Ie(e)
   );
-  return Oo(t) ? t.host : t;
+  return To(t) ? t.host : t;
 }
 function Sl(e) {
   const t = Xe(e);
-  return pt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Me(t) && Bt(t) ? t : Sl(t);
+  return mt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Me(t) && Bt(t) ? t : Sl(t);
 }
-function Lt(e, t, n) {
+function At(e, t, n) {
   var r;
   t === void 0 && (t = []), n === void 0 && (n = !0);
   const o = Sl(e), i = o === ((r = e.ownerDocument) == null ? void 0 : r.body), l = we(o);
   if (i) {
     const a = hr(l);
-    return t.concat(l, l.visualViewport || [], Bt(o) ? o : [], a && n ? Lt(a) : []);
+    return t.concat(l, l.visualViewport || [], Bt(o) ? o : [], a && n ? At(a) : []);
   }
-  return t.concat(o, Lt(o, [], n));
+  return t.concat(o, At(o, [], n));
 }
 function hr(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
@@ -6514,7 +6514,7 @@ function hf() {
     return n + "/" + r;
   }).join(" ") : navigator.userAgent;
 }
-const ot = Math.min, ue = Math.max, At = Math.round, Jt = Math.floor, Fe = (e) => ({
+const ot = Math.min, ue = Math.max, Ft = Math.round, Jt = Math.floor, Fe = (e) => ({
   x: e,
   y: e
 }), gf = {
@@ -6529,7 +6529,7 @@ const ot = Math.min, ue = Math.max, At = Math.round, Jt = Math.floor, Fe = (e) =
 function Po(e, t, n) {
   return ue(e, ot(t, n));
 }
-function yt(e, t) {
+function xt(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function Je(e) {
@@ -6745,7 +6745,7 @@ async function Cn(e, t) {
     elementContext: d = "floating",
     altBoundary: p = !1,
     padding: f = 0
-  } = yt(t, e), m = Cf(f), v = a[p ? d === "floating" ? "reference" : "floating" : d], b = pn(await i.getClippingRect({
+  } = xt(t, e), m = Cf(f), v = a[p ? d === "floating" ? "reference" : "floating" : d], b = pn(await i.getClippingRect({
     element: (n = await (i.isElement == null ? void 0 : i.isElement(v))) == null || n ? v : v.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: u,
@@ -6774,7 +6774,7 @@ async function Cn(e, t) {
     right: (x.right - b.right + m.right) / $.x
   };
 }
-const Tf = function(e) {
+const Of = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -6795,11 +6795,11 @@ const Tf = function(e) {
         fallbackAxisSideDirection: m = "none",
         flipAlignment: g = !0,
         ...v
-      } = yt(e, t);
+      } = xt(e, t);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const b = Je(o), y = _e(a), w = Je(a) === a, $ = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), x = p || (w || !g ? [fn(a)] : yf(a)), T = m !== "none";
-      !p && T && x.push(...Sf(a, g, m, $));
+      const b = Je(o), y = _e(a), w = Je(a) === a, $ = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), x = p || (w || !g ? [fn(a)] : yf(a)), O = m !== "none";
+      !p && O && x.push(...Sf(a, g, m, $));
       const R = [a, ...x], k = await Cn(t, v), A = [];
       let C = ((r = i.flip) == null ? void 0 : r.overflows) || [];
       if (u && A.push(k[b]), d) {
@@ -6830,7 +6830,7 @@ const Tf = function(e) {
             case "bestFit": {
               var W;
               const G = (W = C.filter((S) => {
-                if (T) {
+                if (O) {
                   const z = _e(S.placement);
                   return z === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -6855,13 +6855,13 @@ const Tf = function(e) {
       return {};
     }
   };
-}, Of = /* @__PURE__ */ new Set(["left", "top"]);
+}, Tf = /* @__PURE__ */ new Set(["left", "top"]);
 async function Pf(e, t) {
   const {
     placement: n,
     platform: r,
     elements: o
-  } = e, i = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), l = Je(n), a = Ht(n), s = _e(n) === "y", c = Of.has(l) ? -1 : 1, u = i && s ? -1 : 1, d = yt(t, e);
+  } = e, i = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), l = Je(n), a = Ht(n), s = _e(n) === "y", c = Tf.has(l) ? -1 : 1, u = i && s ? -1 : 1, d = xt(t, e);
   let {
     mainAxis: p,
     crossAxis: f,
@@ -6930,7 +6930,7 @@ const Lf = function(e) {
           }
         },
         ...s
-      } = yt(e, t), c = {
+      } = xt(e, t), c = {
         x: n,
         y: r
       }, u = await Cn(t, s), d = _e(Je(o)), p = kl(d);
@@ -6976,15 +6976,15 @@ const Lf = function(e) {
         apply: s = () => {
         },
         ...c
-      } = yt(e, t), u = await Cn(t, c), d = Je(o), p = Ht(o), f = _e(o) === "y", {
+      } = xt(e, t), u = await Cn(t, c), d = Je(o), p = Ht(o), f = _e(o) === "y", {
         width: m,
         height: g
       } = i.floating;
       let v, b;
       d === "top" || d === "bottom" ? (v = d, b = p === (await (l.isRTL == null ? void 0 : l.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (b = d, v = p === "end" ? "top" : "bottom");
-      const y = g - u.top - u.bottom, w = m - u.left - u.right, $ = ot(g - u[v], y), x = ot(m - u[b], w), T = !t.middlewareData.shift;
+      const y = g - u.top - u.bottom, w = m - u.left - u.right, $ = ot(g - u[v], y), x = ot(m - u[b], w), O = !t.middlewareData.shift;
       let R = $, k = x;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (k = w), (r = t.middlewareData.shift) != null && r.enabled.y && (R = y), T && !p) {
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (k = w), (r = t.middlewareData.shift) != null && r.enabled.y && (R = y), O && !p) {
         const C = ue(u.left, 0), N = ue(u.right, 0), V = ue(u.top, 0), W = ue(u.bottom, 0);
         f ? k = m - 2 * (C !== 0 || N !== 0 ? C + N : ue(u.left, u.right)) : R = g - 2 * (V !== 0 || W !== 0 ? V + W : ue(u.top, u.bottom));
       }
@@ -7002,10 +7002,10 @@ const Lf = function(e) {
     }
   };
 };
-function Tl(e) {
-  const t = Oe(e);
+function Ol(e) {
+  const t = Te(e);
   let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
-  const o = Me(e), i = o ? e.offsetWidth : n, l = o ? e.offsetHeight : r, a = At(n) !== i || At(r) !== l;
+  const o = Me(e), i = o ? e.offsetWidth : n, l = o ? e.offsetHeight : r, a = Ft(n) !== i || Ft(r) !== l;
   return a && (n = i, r = l), {
     width: n,
     height: r,
@@ -7023,15 +7023,15 @@ function dt(e) {
     width: r,
     height: o,
     $: i
-  } = Tl(t);
-  let l = (i ? At(n.width) : n.width) / r, a = (i ? At(n.height) : n.height) / o;
+  } = Ol(t);
+  let l = (i ? Ft(n.width) : n.width) / r, a = (i ? Ft(n.height) : n.height) / o;
   return (!l || !Number.isFinite(l)) && (l = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: l,
     y: a
   };
 }
 const Nf = /* @__PURE__ */ Fe(0);
-function Ol(e) {
+function Tl(e) {
   const t = we(e);
   return !jr() || !t.visualViewport ? Nf : {
     x: t.visualViewport.offsetLeft,
@@ -7046,13 +7046,13 @@ function it(e, t, n, r) {
   const o = e.getBoundingClientRect(), i = Vr(e);
   let l = Fe(1);
   t && (r ? fe(r) && (l = dt(r)) : l = dt(e));
-  const a = Mf(i, n, r) ? Ol(i) : Fe(0);
+  const a = Mf(i, n, r) ? Tl(i) : Fe(0);
   let s = (o.left + a.x) / l.x, c = (o.top + a.y) / l.y, u = o.width / l.x, d = o.height / l.y;
   if (i) {
     const p = we(i), f = r && fe(r) ? we(r) : r;
     let m = p, g = hr(m);
     for (; g && r && f !== m; ) {
-      const v = dt(g), b = g.getBoundingClientRect(), y = Oe(g), w = b.left + (g.clientLeft + parseFloat(y.paddingLeft)) * v.x, $ = b.top + (g.clientTop + parseFloat(y.paddingTop)) * v.y;
+      const v = dt(g), b = g.getBoundingClientRect(), y = Te(g), w = b.left + (g.clientLeft + parseFloat(y.paddingLeft)) * v.x, $ = b.top + (g.clientTop + parseFloat(y.paddingTop)) * v.y;
       s *= v.x, c *= v.y, u *= v.x, d *= v.y, s += w, c += $, m = we(g), g = hr(m);
     }
   }
@@ -7089,7 +7089,7 @@ function If(e) {
     scrollTop: 0
   }, c = Fe(1);
   const u = Fe(0), d = Me(r);
-  if ((d || !d && !i) && ((wt(r) !== "body" || Bt(l)) && (s = kn(r)), Me(r))) {
+  if ((d || !d && !i) && ((yt(r) !== "body" || Bt(l)) && (s = kn(r)), Me(r))) {
     const f = it(r);
     c = dt(r), u.x = f.x + r.clientLeft, u.y = f.y + r.clientTop;
   }
@@ -7108,7 +7108,7 @@ function _f(e) {
   const t = Ie(e), n = kn(e), r = e.ownerDocument.body, o = ue(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), i = ue(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
   let l = -n.scrollLeft + Rn(e);
   const a = -n.scrollTop;
-  return Oe(r).direction === "rtl" && (l += ue(t.clientWidth, r.clientWidth) - o), {
+  return Te(r).direction === "rtl" && (l += ue(t.clientWidth, r.clientWidth) - o), {
     width: o,
     height: i,
     x: l,
@@ -7155,7 +7155,7 @@ function Mo(e, t, n) {
   else if (fe(t))
     r = jf(t, n);
   else {
-    const o = Ol(e);
+    const o = Tl(e);
     r = {
       x: t.x - o.x,
       y: t.y - o.y,
@@ -7167,17 +7167,17 @@ function Mo(e, t, n) {
 }
 function Ll(e, t) {
   const n = Xe(e);
-  return n === t || !fe(n) || pt(n) ? !1 : Oe(n).position === "fixed" || Ll(n, t);
+  return n === t || !fe(n) || mt(n) ? !1 : Te(n).position === "fixed" || Ll(n, t);
 }
 function Vf(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let r = Lt(e, [], !1).filter((a) => fe(a) && wt(a) !== "body"), o = null;
-  const i = Oe(e).position === "fixed";
+  let r = At(e, [], !1).filter((a) => fe(a) && yt(a) !== "body"), o = null;
+  const i = Te(e).position === "fixed";
   let l = i ? Xe(e) : e;
-  for (; fe(l) && !pt(l); ) {
-    const a = Oe(l), s = Hr(l);
+  for (; fe(l) && !mt(l); ) {
+    const a = Te(l), s = Hr(l);
     !s && a.position === "fixed" && (o = null), (i ? !s && !o : !s && a.position === "static" && !!o && Hf.has(o.position) || Bt(l) && !s && Ll(e, l)) ? r = r.filter((u) => u !== l) : o = a, l = Xe(l);
   }
   return t.set(e, r), r;
@@ -7204,7 +7204,7 @@ function Wf(e) {
   const {
     width: t,
     height: n
-  } = Tl(e);
+  } = Ol(e);
   return {
     width: t,
     height: n
@@ -7221,7 +7221,7 @@ function Uf(e, t, n) {
     s.x = Rn(o);
   }
   if (r || !r && !i)
-    if ((wt(t) !== "body" || Bt(o)) && (a = kn(t)), r) {
+    if ((yt(t) !== "body" || Bt(o)) && (a = kn(t)), r) {
       const f = it(t, !0, i, t);
       s.x = f.x + t.clientLeft, s.y = f.y + t.clientTop;
     } else o && c();
@@ -7235,10 +7235,10 @@ function Uf(e, t, n) {
   };
 }
 function Yn(e) {
-  return Oe(e).position === "static";
+  return Te(e).position === "static";
 }
 function Io(e, t) {
-  if (!Me(e) || Oe(e).position === "fixed")
+  if (!Me(e) || Te(e).position === "fixed")
     return null;
   if (t)
     return t(e);
@@ -7251,7 +7251,7 @@ function Al(e, t) {
     return n;
   if (!Me(e)) {
     let o = Xe(e);
-    for (; o && !pt(o); ) {
+    for (; o && !mt(o); ) {
       if (fe(o) && !Yn(o))
         return o;
       o = Xe(o);
@@ -7261,7 +7261,7 @@ function Al(e, t) {
   let r = Io(e, t);
   for (; r && sf(r) && Yn(r); )
     r = Io(r, t);
-  return r && pt(r) && Yn(r) && !Hr(r) ? n : r || pf(e) || n;
+  return r && mt(r) && Yn(r) && !Hr(r) ? n : r || pf(e) || n;
 }
 const Gf = async function(e) {
   const t = this.getOffsetParent || Al, n = this.getDimensions, r = await n(e.floating);
@@ -7276,7 +7276,7 @@ const Gf = async function(e) {
   };
 };
 function qf(e) {
-  return Oe(e).direction === "rtl";
+  return Te(e).direction === "rtl";
 }
 const Kf = {
   convertOffsetParentRelativeRectToViewportRelativeRect: If,
@@ -7315,8 +7315,8 @@ function Yf(e, t) {
       threshold: ue(0, ot(1, s)) || 1
     };
     let $ = !0;
-    function x(T) {
-      const R = T[0].intersectionRatio;
+    function x(O) {
+      const R = O[0].intersectionRatio;
       if (R !== s) {
         if (!$)
           return l();
@@ -7347,7 +7347,7 @@ function Zf(e, t, n, r) {
     elementResize: l = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: s = !1
-  } = r, c = Vr(e), u = o || i ? [...c ? Lt(c) : [], ...Lt(t)] : [];
+  } = r, c = Vr(e), u = o || i ? [...c ? At(c) : [], ...At(t)] : [];
   u.forEach((b) => {
     o && b.addEventListener("scroll", n, {
       passive: !0
@@ -7375,7 +7375,7 @@ function Zf(e, t, n, r) {
     }), d?.(), (b = f) == null || b.disconnect(), f = null, s && cancelAnimationFrame(m);
   };
 }
-const Zn = Cn, Xf = Lf, Jf = Af, Qf = Tf, ep = Ff, tp = (e, t, n) => {
+const Zn = Cn, Xf = Lf, Jf = Af, Qf = Of, ep = Ff, tp = (e, t, n) => {
   const r = /* @__PURE__ */ new Map(), o = {
     platform: Kf,
     ...n
@@ -7457,18 +7457,18 @@ function op(e) {
   }), [p, f] = h.useState(r);
   mn(p, r) || f(r);
   const [m, g] = h.useState(null), [v, b] = h.useState(null), y = h.useCallback((S) => {
-    S !== T.current && (T.current = S, g(S));
+    S !== O.current && (O.current = S, g(S));
   }, []), w = h.useCallback((S) => {
     S !== R.current && (R.current = S, b(S));
-  }, []), $ = i || m, x = l || v, T = h.useRef(null), R = h.useRef(null), k = h.useRef(u), A = s != null, C = Xn(s), N = Xn(o), V = Xn(c), W = h.useCallback(() => {
-    if (!T.current || !R.current)
+  }, []), $ = i || m, x = l || v, O = h.useRef(null), R = h.useRef(null), k = h.useRef(u), A = s != null, C = Xn(s), N = Xn(o), V = Xn(c), W = h.useCallback(() => {
+    if (!O.current || !R.current)
       return;
     const S = {
       placement: t,
       strategy: n,
       middleware: p
     };
-    N.current && (S.platform = N.current), tp(T.current, R.current, S).then((z) => {
+    N.current && (S.platform = N.current), tp(O.current, R.current, S).then((z) => {
       const Z = {
         ...z,
         // The floating element's position may be recomputed while it's closed
@@ -7492,14 +7492,14 @@ function op(e) {
   nn(() => (j.current = !0, () => {
     j.current = !1;
   }), []), nn(() => {
-    if ($ && (T.current = $), x && (R.current = x), $ && x) {
+    if ($ && (O.current = $), x && (R.current = x), $ && x) {
       if (C.current)
         return C.current($, x, W);
       W();
     }
   }, [$, x, W, C, A]);
   const F = h.useMemo(() => ({
-    reference: T,
+    reference: O,
     floating: R,
     setReference: y,
     setFloating: w
@@ -7579,24 +7579,24 @@ function dp() {
   }, []), e;
 }
 const fp = Il.useId, pp = fp || dp;
-let Ft;
-process.env.NODE_ENV !== "production" && (Ft = /* @__PURE__ */ new Set());
+let Nt;
+process.env.NODE_ENV !== "production" && (Nt = /* @__PURE__ */ new Set());
 function mp() {
   for (var e, t = arguments.length, n = new Array(t), r = 0; r < t; r++)
     n[r] = arguments[r];
   const o = "Floating UI: " + n.join(" ");
-  if (!((e = Ft) != null && e.has(o))) {
+  if (!((e = Nt) != null && e.has(o))) {
     var i;
-    (i = Ft) == null || i.add(o), console.warn(o);
+    (i = Nt) == null || i.add(o), console.warn(o);
   }
 }
 function hp() {
   for (var e, t = arguments.length, n = new Array(t), r = 0; r < t; r++)
     n[r] = arguments[r];
   const o = "Floating UI: " + n.join(" ");
-  if (!((e = Ft) != null && e.has(o))) {
+  if (!((e = Nt) != null && e.has(o))) {
     var i;
-    (i = Ft) == null || i.add(o), console.error(o);
+    (i = Nt) == null || i.add(o), console.error(o);
   }
 }
 function gp() {
@@ -7798,7 +7798,7 @@ const kp = (e) => ({
       referenceOverflowThreshold: s = 0,
       scrollRef: c,
       ...u
-    } = yt(e, t), {
+    } = xt(e, t), {
       rects: d,
       elements: {
         floating: p
@@ -7812,8 +7812,8 @@ const kp = (e) => ({
     }, $ = await Zn(Vo(w, m.scrollHeight + g + p.clientTop), u), x = await Zn(w, {
       ...u,
       elementContext: "reference"
-    }), T = ue(0, $.top), R = w.y + T, C = (m.scrollHeight > m.clientHeight ? (N) => N : At)(ue(0, m.scrollHeight + (v && y || b ? g * 2 : 0) - T - ue(0, $.bottom)));
-    if (m.style.maxHeight = C + "px", m.scrollTop = T, o) {
+    }), O = ue(0, $.top), R = w.y + O, C = (m.scrollHeight > m.clientHeight ? (N) => N : Ft)(ue(0, m.scrollHeight + (v && y || b ? g * 2 : 0) - O - ue(0, $.bottom)));
+    if (m.style.maxHeight = C + "px", m.scrollTop = O, o) {
       const N = m.offsetHeight < f.offsetHeight * ot(a, n.current.length) - 1 || x.top >= -s || x.bottom >= -s;
       ln.flushSync(() => o(N));
     }
@@ -7842,7 +7842,7 @@ function Cp(e, t) {
         return;
       const v = g.deltaY, b = i.current.top >= -0.5, y = i.current.bottom >= -0.5, w = m.scrollHeight - m.clientHeight, $ = v < 0 ? -1 : 1, x = v < 0 ? "max" : "min";
       m.scrollHeight <= m.clientHeight || (!b && v > 0 || !y && v < 0 ? (g.preventDefault(), ln.flushSync(() => {
-        s((T) => T + Math[x](v, w * $));
+        s((O) => O + Math[x](v, w * $));
       })) : /firefox/i.test(hf()) && (m.scrollTop += v));
     }
     const m = l?.current || r.floating;
@@ -7882,24 +7882,24 @@ function Cp(e, t) {
     floating: p
   } : {}, [o, p]);
 }
-let xt = ne({ styles: void 0, setReference: () => {
+let Et = ne({ styles: void 0, setReference: () => {
 }, setFloating: () => {
 }, getReferenceProps: () => ({}), getFloatingProps: () => ({}), slot: {} });
-xt.displayName = "FloatingContext";
+Et.displayName = "FloatingContext";
 let zr = ne(null);
 zr.displayName = "PlacementContext";
 function Rp(e) {
   return le(() => e ? typeof e == "string" ? { to: e } : e : null, [e]);
 }
-function Tp() {
-  return Y(xt).setReference;
-}
 function Op() {
-  return Y(xt).getReferenceProps;
+  return Y(Et).setReference;
+}
+function Tp() {
+  return Y(Et).getReferenceProps;
 }
 function Pp() {
-  let { getFloatingProps: e, slot: t } = Y(xt);
-  return q((...n) => Object.assign({}, e(...n), { "data-anchor": t.anchor }), [e, t]);
+  let { getFloatingProps: e, slot: t } = Y(Et);
+  return K((...n) => Object.assign({}, e(...n), { "data-anchor": t.anchor }), [e, t]);
 }
 function Lp(e = null) {
   e === !1 && (e = null), typeof e == "string" && (e = { to: e });
@@ -7910,7 +7910,7 @@ function Lp(e = null) {
   re(() => {
     t?.(n ?? null);
   }, [t, n]);
-  let r = Y(xt);
+  let r = Y(Et);
   return le(() => [r.setFloating, e ? r.styles : {}], [r.setFloating, e, r.styles]);
 }
 let zo = 4;
@@ -7943,10 +7943,10 @@ function Ap({ children: e, enabled: t = !0 }) {
     Object.assign(W.floating.style, { overflow: "auto", maxWidth: `${N}px`, maxHeight: `min(var(--anchor-max-height, 100vh), ${V}px)` });
   } })].filter(Boolean), whileElementsMounted: Zf }), [$ = g, x = v] = w.placement.split("-");
   g === "selection" && ($ = "selection");
-  let T = le(() => ({ anchor: [$, x].filter(Boolean).join(" ") }), [$, x]), R = Cp(w, { overflowRef: l, onChange: i }), { getReferenceProps: k, getFloatingProps: A } = Sp([R]), C = B((N) => {
+  let O = le(() => ({ anchor: [$, x].filter(Boolean).join(" ") }), [$, x]), R = Cp(w, { overflowRef: l, onChange: i }), { getReferenceProps: k, getFloatingProps: A } = Sp([R]), C = B((N) => {
     s(N), b.setFloating(N);
   });
-  return h.createElement(zr.Provider, { value: r }, h.createElement(xt.Provider, { value: { setFloating: C, setReference: b.setReference, styles: y, getReferenceProps: k, getFloatingProps: A, slot: T } }, e));
+  return h.createElement(zr.Provider, { value: r }, h.createElement(Et.Provider, { value: { setFloating: C, setReference: b.setReference, styles: y, getReferenceProps: k, getFloatingProps: A, slot: O } }, e));
 }
 function Fp(e) {
   re(() => {
@@ -8028,17 +8028,17 @@ function Bl(e, t) {
   let [n, r] = X(t);
   return !e && n !== t && r(t), e ? n : t;
 }
-let Tn = ne(null);
-Tn.displayName = "OpenClosedContext";
+let On = ne(null);
+On.displayName = "OpenClosedContext";
 var pe = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(pe || {});
-function On() {
-  return Y(Tn);
+function Tn() {
+  return Y(On);
 }
 function Wr({ value: e, children: t }) {
-  return L.createElement(Tn.Provider, { value: e }, t);
+  return L.createElement(On.Provider, { value: e }, t);
 }
 function Ip({ children: e }) {
-  return L.createElement(Tn.Provider, { value: null }, e);
+  return L.createElement(On.Provider, { value: null }, e);
 }
 function Dp(e) {
   throw new Error("Unexpected object: " + e);
@@ -8208,19 +8208,19 @@ function Gl(e, t) {
   });
   return le(() => ({ children: r, register: a, unregister: l, onStart: d, onStop: p, wait: c, chains: u }), [a, l, r, d, p, u, c]);
 }
-let ql = Ne, Kl = ft.RenderStrategy;
+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]), T = (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 = 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;
   re(() => W(w), [W, w]), re(() => {
-    if (T === Ke.Hidden && w.current) {
+    if (O === Ke.Hidden && w.current) {
       if (R && C !== "visible") {
         N("visible");
         return;
       }
       return he(C, { hidden: () => j(w), visible: () => W(w) });
     }
-  }, [C, w, W, j, R, T]);
+  }, [C, w, W, j, R, O]);
   let F = Wl();
   re(() => {
     if ($ && F && C === "visible" && w.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
@@ -8250,7 +8250,7 @@ function tm(e, t) {
 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]);
   Wl();
-  let c = On();
+  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.");
   let [u, d] = X(n ? "visible" : "hidden"), p = Gl(() => {
     n || d("hidden");
@@ -8272,7 +8272,7 @@ function nm(e, t) {
   return L.createElement(Ln.Provider, { value: p }, L.createElement(Pn.Provider, { value: v }, $({ ourProps: { ...b, as: Ne, children: L.createElement(Yl, { ref: s, ...b, ...i, beforeEnter: y, beforeLeave: w }) }, theirProps: {}, defaultTag: Ne, features: Kl, visible: u === "visible", name: "Transition" })));
 }
 function rm(e, t) {
-  let n = Y(Pn) !== null, r = On() !== null;
+  let n = Y(Pn) !== null, r = Tn() !== null;
   return L.createElement(L.Fragment, null, !n && r ? L.createElement(br, { ref: t, ...e }) : L.createElement(Yl, { ref: t, ...e }));
 }
 let br = ae(nm), Yl = ae(tm), om = ae(rm), im = Object.assign(br, { Child: om, Root: br });
@@ -8361,10 +8361,10 @@ function hm(e, t) {
   }), g = B((A) => {
     var C;
     ur(A.currentTarget) || o || (u ? (s({ type: 0 }), (C = a.buttonElement) == null || C.focus()) : s({ type: 0 }));
-  }), { isFocusVisible: v, focusProps: b } = Ar({ autoFocus: i }), { isHovered: y, hoverProps: w } = Lr({ isDisabled: o }), { pressed: $, pressProps: x } = Fr({ disabled: o }), T = Ce({ open: a.disclosureState === 0, hover: y, active: $, disabled: o, focus: v, autofocus: i }), R = El(e, a.buttonElement), k = Pt(u ? { ref: p, type: R, disabled: o || void 0, autoFocus: i, onKeyDown: f, onClick: g } : { ref: p, id: r, type: R, "aria-expanded": a.disclosureState === 0, "aria-controls": a.panelElement ? a.panelId : void 0, disabled: o || void 0, autoFocus: i, onKeyDown: f, onKeyUp: m, onClick: g }, b, w, x);
-  return ce()({ ourProps: k, theirProps: l, slot: T, defaultTag: mm, name: "Disclosure.Button" });
+  }), { isFocusVisible: v, focusProps: b } = Ar({ autoFocus: i }), { isHovered: y, hoverProps: w } = Lr({ isDisabled: o }), { pressed: $, pressProps: x } = Fr({ disabled: o }), O = Ce({ open: a.disclosureState === 0, hover: y, active: $, disabled: o, focus: v, autofocus: i }), R = El(e, a.buttonElement), k = Lt(u ? { ref: p, type: R, disabled: o || void 0, autoFocus: i, onKeyDown: f, onClick: g } : { ref: p, id: r, type: R, "aria-expanded": a.disclosureState === 0, "aria-controls": a.panelElement ? a.panelId : void 0, disabled: o || void 0, autoFocus: i, onKeyDown: f, onKeyUp: m, onClick: g }, b, w, x);
+  return ce()({ ourProps: k, theirProps: l, slot: O, defaultTag: mm, name: "Disclosure.Button" });
 }
-let gm = "div", vm = ft.RenderStrategy | ft.Static;
+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) => {
     lm(() => a({ type: 5, element: y }));
@@ -8372,7 +8372,7 @@ function bm(e, t) {
   oe(() => (a({ type: 3, panelId: r }), () => {
     a({ type: 3, panelId: null });
   }), [r, a]);
-  let p = On(), [f, m] = Br(o, c, p !== null ? (p & pe.Open) === pe.Open : l.disclosureState === 0), g = Ce({ open: l.disclosureState === 0, close: s }), v = { ref: d, id: r, ..._r(m) }, b = ce();
+  let p = Tn(), [f, m] = Br(o, c, p !== null ? (p & pe.Open) === pe.Open : l.disclosureState === 0), g = Ce({ open: l.disclosureState === 0, close: s }), v = { ref: d, id: r, ..._r(m) }, b = ce();
   return L.createElement(Ip, null, L.createElement(Kr.Provider, { value: l.panelId }, b({ ourProps: v, theirProps: i, slot: g, defaultTag: gm, features: vm, visible: f, name: "Disclosure.Panel" })));
 }
 let wm = ae(pm), Xl = ae(hm), Jl = ae(bm), ym = Object.assign(wm, { Button: Xl, Panel: Jl }), Go = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
@@ -8598,23 +8598,23 @@ 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 }), T = I({ static: !1, hold: !1 }), R = I(/* @__PURE__ */ new Map()), k = pd(c), A = q((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: T, listRef: R });
+  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 });
   re(() => {
     x.state.dataRef.current = C;
   }, [C]);
-  let N = ve(x, (Q) => Q.listboxState), V = Ir.get(null), W = ve(V, q((Q) => V.selectors.isTop(Q, n), [V, n])), [j, F] = ve(x, (Q) => [Q.buttonElement, Q.optionsElement]);
+  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]);
   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 = q(() => {
+  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" }))))));
 }
-let Tm = "button";
-function Om(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, Tp(), i.actions.setButtonElement), d = Op(), [p, f, m] = ve(i, (F) => [F.listboxState, F.buttonElement, F.optionsElement]), g = p === de.Open;
-  Wd(g, { trigger: f, action: q((F) => {
+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;
+  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])');
     return Ue(D) ? Xt.Select(D) : m != null && m.contains(F.target) ? Xt.Ignore : Xt.Close;
@@ -8637,20 +8637,20 @@ function Om(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: T, 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: T, autofocus: s }), W = ve(i, (F) => F.listboxState === de.Open), j = Pt(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: Tm, name: "Listbox.Button" });
+  }), 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);
+  return ce()({ ourProps: j, theirProps: c, slot: V, defaultTag: Om, name: "Listbox.Button" });
 }
-let na = ne(!1), Pm = "div", Lm = ft.RenderStrategy | ft.Static;
+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), $ = On(), [x, T] = Br(a, u, $ !== null ? ($ & pe.Open) === pe.Open : m === de.Open);
-  Od(x, g, f.actions.closeListbox);
+  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);
+  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;
-  Td(k, { allowed: q(() => [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 = q((M) => p.compare(N, M), [p.compare, N]), W = ve(f, (M) => {
+  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) => {
     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));
@@ -8696,7 +8696,7 @@ function Am(e, t) {
   }), xe = ve(f, (M) => {
     var U;
     return (U = M.buttonElement) == null ? void 0 : U.id;
-  }), Q = Ce({ open: m === de.Open }), H = Pt(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(T) }), 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": 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]);
   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";
@@ -8722,9 +8722,9 @@ function Nm(e, t) {
     c.actions.goToOption({ focus: te.Specific, id: r });
   }), w = Jd(), $ = B((C) => w.update(C)), x = B((C) => {
     w.wasMoved(C) && (o || u && c.state.activationTrigger === on.Pointer || c.actions.goToOption({ focus: te.Specific, id: r }, on.Pointer));
-  }), T = B((C) => {
+  }), O = B((C) => {
     w.wasMoved(C) && (o || u && c.state.activationTrigger === on.Pointer && c.actions.goToOption({ focus: te.Nothing }));
-  }), R = Ce({ active: u, focus: u, selected: d, disabled: o, selectedOption: d && a }), k = a ? {} : { id: r, ref: g, role: "option", tabIndex: o === !0 ? void 0 : -1, "aria-disabled": o === !0 ? !0 : void 0, "aria-selected": d, disabled: void 0, onClick: b, onFocus: y, onPointerEnter: $, onMouseEnter: $, onPointerMove: x, onMouseMove: x, onPointerLeave: T, onMouseLeave: T }, A = ce();
+  }), R = Ce({ active: u, focus: u, selected: d, disabled: o, selectedOption: d && a }), k = a ? {} : { id: r, ref: g, role: "option", tabIndex: o === !0 ? void 0 : -1, "aria-disabled": o === !0 ? !0 : void 0, "aria-selected": d, disabled: void 0, onClick: b, onFocus: y, onPointerEnter: $, onMouseEnter: $, onPointerMove: x, onMouseMove: x, onPointerLeave: O, onMouseLeave: O }, A = ce();
   return !d && a ? null : A({ ourProps: k, theirProps: l, slot: R, defaultTag: Fm, name: "Listbox.Option" });
 }
 let Mm = Ne;
@@ -8732,7 +8732,7 @@ 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();
   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(Om), _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 });
+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 });
 function jm({
   children: e,
   className: 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__ */ K(me, { align: "start", direction: "column", gap: 2, children: [
+  return /* @__PURE__ */ E(Ii, { intent: "danger", children: /* @__PURE__ */ q(me, { 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-DuD7brn5.js")),
-  "/": Wt(() => import("./GettingStartedRoute-DmHalwMP.js")),
-  "/support": Wt(() => import("./SupportRoute-B9n9OCoW.js")),
-  "/versions": Wt(() => import("./VersionsRoute-DOa8Yrmb.js"))
+  "*": Wt(() => import("./PageNotFound-BOtcH9tJ.js")),
+  "/": Wt(() => import("./GettingStartedRoute-BqKgSm4z.js")),
+  "/support": Wt(() => import("./SupportRoute-D2h0cvHw.js")),
+  "/versions": Wt(() => import("./VersionsRoute-UBlVDqMh.js"))
 };
 function uh({
   navLinks: e,
@@ -8863,16 +8863,31 @@ function uh({
   packageName: r,
   routes: o,
   showOpenCollectLink: i = !1,
-  versions: l
+  url: l,
+  versions: a
 }) {
-  const { toggle: a, visible: s } = Ei(), c = le(
-    () => ({ overview: t, packageName: r, showOpenCollectLink: i, versions: l }),
-    [t, r, i, l]
+  const { toggle: s, visible: c } = Ei(), u = le(
+    () => ({
+      overview: t,
+      packageDescription: n,
+      packageName: r,
+      showOpenCollectLink: i,
+      url: l,
+      versions: a
+    }),
+    [
+      t,
+      n,
+      r,
+      i,
+      l,
+      a
+    ]
   );
-  return /* @__PURE__ */ E(xi.Provider, { value: c, children: /* @__PURE__ */ K(Gs, { children: [
+  return /* @__PURE__ */ E(xi.Provider, { value: u, children: /* @__PURE__ */ q(Gs, { children: [
     /* @__PURE__ */ E(Um, {}),
-    /* @__PURE__ */ K("div", { className: "h-full w-full max-w-350 mx-auto flex flex-col", children: [
-      /* @__PURE__ */ K(
+    /* @__PURE__ */ q("div", { className: "h-full w-full max-w-350 mx-auto flex flex-col", children: [
+      /* @__PURE__ */ q(
         me,
         {
           align: "center",
@@ -8881,7 +8896,7 @@ function uh({
           justify: "between",
           gap: 4,
           children: [
-            /* @__PURE__ */ K(
+            /* @__PURE__ */ q(
               me,
               {
                 className: "overflow-hidden",
@@ -8901,8 +8916,8 @@ function uh({
                 ]
               }
             ),
-            /* @__PURE__ */ K(me, { align: "center", direction: "row", gap: 4, children: [
-              l !== void 0 && /* @__PURE__ */ E(
+            /* @__PURE__ */ q(me, { align: "center", direction: "row", gap: 4, children: [
+              a !== void 0 && /* @__PURE__ */ E(
                 wr,
                 {
                   "aria-label": "Documentation for other versions",
@@ -8937,25 +8952,25 @@ function uh({
                 {
                   "aria-label": "Site navigation menu",
                   className: be("block md:hidden cursor-pointer rounded-lg p-1", {
-                    "bg-black/40": !s,
-                    "bg-black/50 text-white": s
+                    "bg-black/40": !c,
+                    "bg-black/50 text-white": c
                   }),
-                  onClick: a,
-                  children: s ? /* @__PURE__ */ E(La, { className: "w-6 h-6 fill-current drop-shadow-black/20 drop-shadow-xs" }) : /* @__PURE__ */ E(ya, { className: "w-6 h-6 fill-current drop-shadow-black/20 drop-shadow-xs" })
+                  onClick: s,
+                  children: c ? /* @__PURE__ */ E(La, { className: "w-6 h-6 fill-current drop-shadow-black/20 drop-shadow-xs" }) : /* @__PURE__ */ E(ya, { className: "w-6 h-6 fill-current drop-shadow-black/20 drop-shadow-xs" })
                 }
               )
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ K("div", { className: "grow shrink flex flex-row shadow-lg mx-2 rounded-t-3xl overflow-hidden", children: [
+      /* @__PURE__ */ q("div", { className: "grow shrink flex flex-row shadow-lg mx-2 rounded-t-3xl overflow-hidden", children: [
         /* @__PURE__ */ E(
           "section",
           {
             className: be(
               "w-full bg-black/90 md:block md:w-80 md:bg-black/80 overflow-auto",
               {
-                hidden: !s
+                hidden: !c
               }
             ),
             children: /* @__PURE__ */ E(Wm, { children: e })
@@ -8965,7 +8980,7 @@ function uh({
           "main",
           {
             className: be("w-full bg-black/90 relative overflow-auto", {
-              hidden: s
+              hidden: c
             }),
             children: /* @__PURE__ */ E(
               "div",
@@ -8975,13 +8990,13 @@ function uh({
                 children: /* @__PURE__ */ E($s, { children: Object.entries({
                   ...Gm,
                   ...o
-                }).map(([u, d]) => /* @__PURE__ */ E(
+                }).map(([d, p]) => /* @__PURE__ */ E(
                   mi,
                   {
-                    element: /* @__PURE__ */ E(la, { children: /* @__PURE__ */ E(d, {}) }, u),
-                    path: u
+                    element: /* @__PURE__ */ E(la, { children: /* @__PURE__ */ E(p, {}) }, d),
+                    path: d
                   },
-                  u
+                  d
                 )) })
               }
             )
@@ -9015,7 +9030,7 @@ function fh({
   ...i
 }) {
   let l, a;
-  return r ? (l = Km, a = "fill-white") : e ? (l = qm, a = "fill-blue-600") : (l = Ym, a = "fill-slate-600"), /* @__PURE__ */ K(
+  return r ? (l = Km, a = "fill-white") : e ? (l = qm, a = "fill-blue-600") : (l = Ym, a = "fill-slate-600"), /* @__PURE__ */ q(
     "label",
     {
       className: `cursor-pointer rounded-lg flex flex-row items-center outline-none group ${n}`,
@@ -9034,7 +9049,7 @@ function fh({
           }
         ),
         /* @__PURE__ */ E(l, { className: a }),
-        t && /* @__PURE__ */ K(Nt, { children: [
+        t && /* @__PURE__ */ q(ft, { children: [
           " ",
           t
         ] })
@@ -9085,26 +9100,32 @@ function ca({
   section: e,
   title: t
 }) {
-  const { packageName: n } = Xm();
-  return oe(() => {
-    const r = document.title;
-    return document.title = `${n}: ${e ? `${e}: ${t}` : t}`, () => {
-      document.title = r;
-    };
-  }), /* @__PURE__ */ K(me, { align: "center", direction: "row", gap: 2, wrap: !0, children: [
-    e && /* @__PURE__ */ K(Nt, { children: [
-      /* @__PURE__ */ E("div", { className: "text-xl whitespace-nowrap", children: e }),
-      /* @__PURE__ */ E(ei, { className: "size-4 text-slate-400" })
+  const { packageDescription: n, packageName: r, url: o } = Xm(), i = `${r}: ${e ? `${e}: ${t}` : t}`;
+  return /* @__PURE__ */ q(ft, { children: [
+    /* @__PURE__ */ q(me, { align: "center", direction: "row", gap: 2, wrap: !0, 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("div", { className: "text-xl whitespace-nowrap", children: i })
     ] }),
-    /* @__PURE__ */ E("div", { className: "text-xl whitespace-nowrap", children: t })
+    /* @__PURE__ */ E("title", { children: i }),
+    /* @__PURE__ */ E("meta", { property: "og:type", content: "website" }),
+    /* @__PURE__ */ E("meta", { property: "og:url", content: o }),
+    /* @__PURE__ */ E("meta", { property: "og:site_name", content: r }),
+    /* @__PURE__ */ E("meta", { property: "og:title", content: i }),
+    /* @__PURE__ */ E("meta", { property: "og:description", content: n }),
+    /* @__PURE__ */ E("meta", { property: "og:image", content: `${o}og.png` }),
+    /* @__PURE__ */ E("meta", { property: "og:image:width", content: "1200" }),
+    /* @__PURE__ */ E("meta", { property: "og:image:height", content: "630" })
   ] });
 }
 function Jm({
   method: e
 }) {
-  return /* @__PURE__ */ K(Nt, { children: [
+  return /* @__PURE__ */ q(ft, { children: [
     /* @__PURE__ */ E("dd", { className: "[&_code]:text-sky-300 text-lg font-bold", children: e.name }),
-    /* @__PURE__ */ K("dt", { className: "mt-2", children: [
+    /* @__PURE__ */ q("dt", { className: "mt-2", children: [
       /* @__PURE__ */ E(Nn, { sections: e.description }),
       /* @__PURE__ */ E(aa, { className: "mt-2 p-2 flex flex-col", html: e.html })
     ] })
@@ -9114,8 +9135,8 @@ function ph({
   json: e,
   section: t
 }) {
-  return /* @__PURE__ */ K(me, { direction: "column", gap: 4, children: [
-    /* @__PURE__ */ K(me, { align: "center", direction: "row", gap: 2, wrap: !0, children: [
+  return /* @__PURE__ */ q(me, { direction: "column", gap: 4, children: [
+    /* @__PURE__ */ q(me, { align: "center", direction: "row", gap: 2, wrap: !0, children: [
       /* @__PURE__ */ E(ca, { section: t, title: `${e.name}` }),
       /* @__PURE__ */ E(
         hn,
@@ -9152,7 +9173,7 @@ function mh({
   );
 }
 function hh() {
-  return /* @__PURE__ */ K(me, { align: "center", className: "text-slate-300", direction: "row", gap: 2, children: [
+  return /* @__PURE__ */ q(me, { align: "center", className: "text-slate-300", direction: "row", gap: 2, children: [
     /* @__PURE__ */ E(va, { className: "size-4 animate-spin" }),
     "Loading..."
   ] });
@@ -9201,8 +9222,8 @@ function vh({
   children: e,
   label: t
 }) {
-  return /* @__PURE__ */ K(ym, { as: "section", defaultOpen: !0, children: [
-    /* @__PURE__ */ E(Xl, { className: "w-full group border-none! data-focus:bg-white/10", children: /* @__PURE__ */ K(ua, { children: [
+  return /* @__PURE__ */ q(ym, { as: "section", defaultOpen: !0, children: [
+    /* @__PURE__ */ E(Xl, { className: "w-full group border-none! data-focus:bg-white/10", children: /* @__PURE__ */ q(ua, { children: [
       /* @__PURE__ */ E("div", { className: "uppercase text-sm font-bold text-white/50", children: t }),
       /* @__PURE__ */ E("div", { className: "grow" }),
       /* @__PURE__ */ E(ei, { className: "size-4 fill-white/60 group-data-hover:fill-white/50 group-data-open:rotate-90" })
@@ -9217,7 +9238,7 @@ function Qm(e) {
   }), t.sort((r, o) => r.name.localeCompare(o.name)), n.sort((r, o) => r.name.localeCompare(o.name)), { optionalProps: t, requiredProps: n };
 }
 function eh({ prop: e }) {
-  return /* @__PURE__ */ K(Nt, { children: [
+  return /* @__PURE__ */ q(ft, { children: [
     /* @__PURE__ */ E("dt", { className: "mt-6 pl-8 indent-[-1rem]", children: /* @__PURE__ */ E(
       aa,
       {
@@ -9232,7 +9253,7 @@ function Zo({
   header: e,
   props: t
 }) {
-  return t.length === 0 ? null : /* @__PURE__ */ K(me, { direction: "column", children: [
+  return t.length === 0 ? null : /* @__PURE__ */ q(me, { 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)) })
   ] });
@@ -9245,8 +9266,8 @@ function bh({
     () => Qm(e),
     [e]
   );
-  return /* @__PURE__ */ K(me, { direction: "column", gap: 4, children: [
-    /* @__PURE__ */ K(me, { align: "center", direction: "row", gap: 2, wrap: !0, children: [
+  return /* @__PURE__ */ q(me, { direction: "column", gap: 4, children: [
+    /* @__PURE__ */ q(me, { align: "center", direction: "row", gap: 2, wrap: !0, children: [
       /* @__PURE__ */ E(ca, { section: t, title: `${e.name} component` }),
       /* @__PURE__ */ E(
         hn,
@@ -9273,7 +9294,7 @@ function wh({
   ...l
 }) {
   let a, s;
-  return e ? (a = th, s = "fill-blue-600") : (a = nh, s = "fill-slate-600"), /* @__PURE__ */ K(
+  return e ? (a = th, s = "fill-blue-600") : (a = nh, s = "fill-slate-600"), /* @__PURE__ */ q(
     "label",
     {
       className: `cursor-pointer rounded-full flex flex-row items-center outline-none group ${n}`,
@@ -9294,7 +9315,7 @@ function wh({
           }
         ),
         /* @__PURE__ */ E(a, { className: s }),
-        t && /* @__PURE__ */ K(Nt, { children: [
+        t && /* @__PURE__ */ q(ft, { children: [
           " ",
           t
         ] })
@@ -9310,8 +9331,8 @@ function yh({
   placeholder: o = "",
   value: i
 }) {
-  return /* @__PURE__ */ E(Hm, { value: i ?? t, onChange: n, children: /* @__PURE__ */ K("div", { className: `relative ${e}`, children: [
-    /* @__PURE__ */ K(
+  return /* @__PURE__ */ E(Hm, { value: i ?? t, onChange: n, children: /* @__PURE__ */ q("div", { className: `relative ${e}`, children: [
+    /* @__PURE__ */ q(
       ra,
       {
         className: "w-full h-9 text-left rounded-md bg-black/30 border border-2 border-transparent py-1 px-2 outline-none focus:border-teal-300",
@@ -9328,36 +9349,27 @@ function yh({
         ]
       }
     ),
-    /* @__PURE__ */ E(
-      im,
+    /* @__PURE__ */ E(im, { as: Ne, leaveFrom: "opacity-100", leaveTo: "opacity-0", children: /* @__PURE__ */ E(
+      oa,
       {
-        as: Ne,
-        leave: "transition ease-in duration-100",
-        leaveFrom: "opacity-100",
-        leaveTo: "opacity-0",
-        children: /* @__PURE__ */ E(
-          oa,
+        className: "absolute z-10 mt-1 max-h-50 w-full overflow-auto rounded-md py-1 bg-black/90",
+        "data-focus": !0,
+        children: r.map((l, a) => /* @__PURE__ */ E(
+          ia,
           {
-            className: "absolute z-10 mt-1 max-h-50 w-full overflow-auto rounded-md py-1 bg-black/90",
-            "data-focus": !0,
-            children: r.map((l, a) => /* @__PURE__ */ E(
-              ia,
-              {
-                className: be(
-                  "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",
-                  "data-selected:text-teal-300 data-selected:font-bold"
-                ),
-                value: l,
-                children: l.label
-              },
-              a
-            ))
-          }
-        )
+            className: be(
+              "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",
+              "data-selected:text-teal-300 data-selected:font-bold"
+            ),
+            value: l,
+            children: l.label
+          },
+          a
+        ))
       }
-    )
+    ) })
   ] }) });
 }
 function xh(e, t) {
@@ -9402,4 +9414,4 @@ export {
   xh as n,
   Xm as u
 };
-//# sourceMappingURL=index-D1Hn63kY.js.map
+//# sourceMappingURL=index-Bh6LXsao.js.map