npm - @stackable-labs/embeddables - Versions diffs - 1.7.0 → 1.7.2 - Mend

@stackable-labs/embeddables 1.7.0 → 1.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/react.js +578 -584
package/dist/stackable-widget.external.js +34 -34
package/dist/stackable-widget.js +41 -41
package/package.json +1 -1

package/dist/react.js CHANGED Viewed

@@ -2,25 +2,26 @@ import { jsxs as z, jsx as c, Fragment as he } from "react/jsx-runtime";
 import * as p from "react";
 import G, { createContext as Qo, useState as U, useRef as ae, useEffect as B, useContext as er, useMemo as Mt, useCallback as Re, createElement as _e, forwardRef as Lt } from "react";
 import "react-dom";
-const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
-  const o = ie.get(e.id);
+const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
+  const o = ce.get(e.id);
   if (o) return o;
   const r = document.createElement("iframe");
-  if (r.setAttribute("sandbox", "allow-scripts allow-same-origin"), r.style.display = "none", r.style.width = "0", r.style.height = "0", r.style.border = "none", e.bundleUrl.startsWith("http") && !e.bundleUrl.endsWith(".js"))
-    r.src = e.bundleUrl;
-  else {
+  if (r.setAttribute("sandbox", "allow-scripts allow-same-origin"), r.style.display = "none", r.style.width = "0", r.style.height = "0", r.style.border = "none", e.bundleUrl.startsWith("http") && !e.bundleUrl.endsWith(".js")) {
+    const i = new URL(e.bundleUrl);
+    i.searchParams.set("__extensionId", e.id), r.src = i.toString();
+  } else {
     let i = "";
     try {
       i = await (await fetch(e.bundleUrl)).text();
-    } catch (d) {
-      console.error(`[SandboxManager] Failed to fetch bundle for ${e.id}:`, d);
+    } catch (u) {
+      console.error(`[SandboxManager] Failed to fetch bundle for ${e.id}:`, u);
     }
     const l = `<!DOCTYPE html>
 <html>
 <head><meta charset="utf-8"></head>
 <body>
 <div id="extension-root"></div>
-<script>var process = { env: { NODE_ENV: "production" } };<\/script>
+<script>var __STACKABLE_EXTENSION_ID__ = ${JSON.stringify(e.id)}; var process = { env: { NODE_ENV: "production" } };<\/script>
 <script>${i}<\/script>
 </body>
 </html>`;
@@ -34,22 +35,21 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     ready: !1,
     messageHandlers: /* @__PURE__ */ new Set()
   }, a = (i) => {
-    if (i.source !== r.contentWindow) return;
     const l = i.data;
-    (l == null ? void 0 : l.type) === "extension-ready" && (s.ready = !0), s.messageHandlers.forEach((d) => d(l));
+    !l || typeof l != "object" || !("type" in l) || ("extensionId" in l ? l.extensionId : void 0) !== e.id || (l.type === "extension-ready" && (s.ready = !0), s.messageHandlers.forEach((d) => d(l)));
   };
-  return window.addEventListener("message", a), ie.set(e.id, s), s;
+  return window.addEventListener("message", a), ce.set(e.id, s), s;
 }, We = (e, t) => {
-  const o = ie.get(e);
+  const o = ce.get(e);
   if (!(o != null && o.iframe.contentWindow)) {
     console.warn(`Sandbox not found for extension: ${e}`);
     return;
   }
   o.iframe.contentWindow.postMessage(t, "*");
-}, fe = (e) => ie.get(e), or = (e) => {
-  const t = ie.get(e);
-  t && (t.iframe.remove(), t.messageHandlers.clear(), ie.delete(e));
-}, rr = () => ie, nr = [
+}, le = (e) => ce.get(e), or = (e) => {
+  const t = ce.get(e);
+  t && (t.iframe.remove(), t.messageHandlers.clear(), ce.delete(e));
+}, rr = [
   "ui-card",
   "ui-card-content",
   "ui-card-header",
@@ -73,30 +73,24 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   "ui-link",
   "ui-menu",
   "ui-menu-item"
-], sr = {
+], nr = {
   "context.read": "context:read",
   "data.query": "data:query",
   "data.fetch": "data:fetch",
   "actions.toast": "actions:toast",
   "actions.invoke": "actions:invoke"
-}, ar = (e) => {
+}, sr = (e) => {
   const t = async (o) => {
     const r = o.data;
     if ((r == null ? void 0 : r.type) !== "capability-request") return;
-    const n = r;
-    let s = null;
-    for (const [l, d] of rr())
-      if (o.source === d.iframe.contentWindow) {
-        s = l;
-        break;
-      }
-    if (!s) {
+    const n = r, s = n.extensionId;
+    if (!s || !le(s)) {
       console.warn("Received capability request from unknown source");
       return;
     }
-    const a = fe(s);
+    const a = le(s);
     if (!a) return;
-    const i = sr[n.capability];
+    const i = nr[n.capability];
     if (i && !a.manifest.permissions.includes(i)) {
       const l = {
         type: "capability-response",
@@ -128,21 +122,21 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
         default:
           throw new Error(`Unknown capability: ${n.capability}`);
       }
-      const d = {
+      const u = {
         type: "capability-response",
         id: n.id,
         success: !0,
         data: l
       };
-      We(s, d);
+      We(s, u);
     } catch (l) {
-      const d = {
+      const u = {
         type: "capability-response",
         id: n.id,
         success: !1,
         error: l instanceof Error ? l.message : "Unknown error"
       };
-      We(s, d);
+      We(s, u);
     }
   };
   return window.addEventListener("message", t), () => {
@@ -152,7 +146,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   extensions: [],
   components: {},
   ready: !1
-}), ir = ({
+}), ar = ({
   extensions: e,
   capabilityHandlers: t,
   components: o = {},
@@ -163,25 +157,25 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     if (!a.current) return;
     let l = !1;
     return (async () => {
-      const u = a.current;
-      if (u) {
+      const d = a.current;
+      if (d) {
         console.log("[ExtensionProvider] Initializing with", e.length, "extensions");
         for (const f of e)
-          f.enabled && !l && (console.log("[ExtensionProvider] Creating sandbox for", f.id, "bundleUrl:", f.bundleUrl), await tr(f, u), console.log("[ExtensionProvider] Sandbox created for", f.id));
-        i.current = ar(t), l || (console.log("[ExtensionProvider] Ready"), s(!0));
+          f.enabled && !l && (console.log("[ExtensionProvider] Creating sandbox for", f.id, "bundleUrl:", f.bundleUrl), await tr(f, d), console.log("[ExtensionProvider] Sandbox created for", f.id));
+        i.current = sr(t), l || (console.log("[ExtensionProvider] Ready"), s(!0));
       }
     })(), () => {
-      var u;
+      var d;
       l = !0;
       for (const f of e)
         or(f.id);
-      (u = i.current) == null || u.call(i);
+      (d = i.current) == null || d.call(i);
     };
   }, [e, t]), /* @__PURE__ */ z(Ot.Provider, { value: { extensions: e, components: o, ready: n }, children: [
     /* @__PURE__ */ c("div", { ref: a, style: { display: "none" } }),
     r
   ] });
-}, lr = () => er(Ot), cr = (e) => nr.includes(e), Ce = ({
+}, ir = () => er(Ot), lr = (e) => rr.includes(e), Ce = ({
   target: e,
   context: t,
   className: o,
@@ -189,7 +183,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   fallback: n = null,
   render: s
 }) => {
-  const { extensions: a, components: i, ready: l } = lr(), [d, u] = U({}), f = ae(""), m = Mt(
+  const { extensions: a, components: i, ready: l } = ir(), [u, d] = U({}), f = ae(""), m = Mt(
     () => a.filter((h) => h.enabled && h.manifest.targets.includes(e)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [a.map((h) => h.id).join(","), e]
@@ -201,7 +195,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
       if (!h.tag) return null;
       if (h.tag === "__fragment")
         return /* @__PURE__ */ c(G.Fragment, { children: (E = h.children) == null ? void 0 : E.map((S, M) => g(S, y, M)) }, R);
-      if (!cr(h.tag))
+      if (!lr(h.tag))
         return console.warn(`[ExtensionHost] Unknown UI tag rejected: <${h.tag}>`), null;
       const C = i[h.tag];
       if (!C)
@@ -234,28 +228,28 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   );
   if (B(() => {
     const h = m.map((R) => R.id).join(",");
-    if (f.current !== h && (f.current = h, u({})), !l || m.length === 0) return;
+    if (f.current !== h && (f.current = h, d({})), !l || m.length === 0) return;
     const y = (R) => {
       const C = R.data;
       if (!(!C || typeof C != "object" || !m.some((P) => {
-        const E = fe(P.id);
+        const E = le(P.id);
         return E && R.source === E.iframe.contentWindow;
       }))) {
         if (C.type === "surface-update" && C.surfaceId === e) {
           const P = m.find((_) => {
-            const b = fe(_.id);
+            const b = le(_.id);
             return b && R.source === b.iframe.contentWindow;
           });
           if (!P) return;
           const E = g(C.tree, R.source ?? null);
-          u((_) => ({
+          d((_) => ({
             ..._,
             [P.id]: E
           }));
         }
         C.type === "surface-ready" && C.surfaceId === e && t && m.forEach((P) => {
           var _;
-          const E = fe(P.id);
+          const E = le(P.id);
           (_ = E == null ? void 0 : E.iframe.contentWindow) == null || _.postMessage(
             { type: "context-update", surfaceId: e, context: t },
             "*"
@@ -265,7 +259,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     };
     return window.addEventListener("message", y), m.forEach((R) => {
       var A;
-      const C = fe(R.id);
+      const C = le(R.id);
       (A = C == null ? void 0 : C.iframe.contentWindow) == null || A.postMessage(
         { type: "surface-render", surfaceId: e, context: t },
         "*"
@@ -277,7 +271,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     return null;
   if (m.length === 0)
     return n ? /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: n }) : null;
-  const k = m.map((h) => ({ id: h.id, children: d[h.id] })).filter((h) => !!h.children), x = k.length > 0 ? k.flatMap((h, y, R) => {
+  const k = m.map((h) => ({ id: h.id, children: u[h.id] })).filter((h) => !!h.children), x = k.length > 0 ? k.flatMap((h, y, R) => {
     const C = s ? s({
       extensionId: h.id,
       children: h.children,
@@ -298,7 +292,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     ];
   }) : n;
   return /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: x });
-}, dr = (e) => {
+}, cr = (e) => {
   try {
     const { hostname: t } = new URL(e);
     return t === "localhost" || t === "127.0.0.1" || t.endsWith(".trycloudflare.com") || // hostname.endsWith('.ngrok.io') ||
@@ -317,15 +311,15 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
       for (const a of s) {
         const i = a.indexOf(":");
         if (i === -1) continue;
-        const l = a.slice(0, i), d = a.slice(i + 1);
-        l && d && dr(d) && r.push({ extensionId: l, bundleUrl: d });
+        const l = a.slice(0, i), u = a.slice(i + 1);
+        l && u && cr(u) && r.push({ extensionId: l, bundleUrl: u });
       }
     }
     return r;
   } catch {
     return [];
   }
-}, ur = (e, t) => t.length === 0 ? e : e.map((o) => {
+}, dr = (e, t) => t.length === 0 ? e : e.map((o) => {
   const r = t.find((n) => n.extensionId === o.id);
   return r ? (console.log(`[Stackable] Dev override active for ${o.id} → ${r.bundleUrl}`), {
     ...o,
@@ -345,14 +339,14 @@ const Ft = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const ur = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mr = (e) => e.replace(
+const fr = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
 );
@@ -363,7 +357,7 @@ const mr = (e) => e.replace(
  * See the LICENSE file in the root directory of this source tree.
  */
 const pt = (e) => {
-  const t = mr(e);
+  const t = fr(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
 /**
@@ -372,7 +366,7 @@ const pt = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var pr = {
+var mr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -389,7 +383,7 @@ var pr = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hr = (e) => {
+const pr = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
@@ -401,7 +395,7 @@ const hr = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gr = Lt(
+const hr = Lt(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -415,17 +409,17 @@ const gr = Lt(
     "svg",
     {
       ref: l,
-      ...pr,
+      ...mr,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: r ? Number(o) * 24 / Number(t) : o,
       className: Ft("lucide", n),
-      ...!s && !hr(i) && { "aria-hidden": "true" },
+      ...!s && !pr(i) && { "aria-hidden": "true" },
       ...i
     },
     [
-      ...a.map(([d, u]) => _e(d, u)),
+      ...a.map(([u, d]) => _e(u, d)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -438,11 +432,11 @@ const gr = Lt(
  */
 const L = (e, t) => {
   const o = Lt(
-    ({ className: r, ...n }, s) => _e(gr, {
+    ({ className: r, ...n }, s) => _e(hr, {
       ref: s,
       iconNode: t,
       className: Ft(
-        `lucide-${fr(pt(e))}`,
+        `lucide-${ur(pt(e))}`,
         `lucide-${e}`,
         r
       ),
@@ -457,7 +451,7 @@ const L = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const br = [
+const gr = [
   [
     "path",
     {
@@ -466,24 +460,24 @@ const br = [
     }
   ],
   ["path", { d: "m12 15 5 6H7Z", key: "14qnn2" }]
-], vr = L("airplay", br);
+], br = L("airplay", gr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xr = [
+const vr = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], wr = L("arrow-left", xr);
+], xr = L("arrow-left", vr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const yr = [
+const wr = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -492,142 +486,142 @@ const yr = [
       key: "ruj8y"
     }
   ]
-], kr = L("book-open", yr);
+], yr = L("book-open", wr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Sr = [
+const kr = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
-], Cr = L("calendar", Sr);
+], Sr = L("calendar", kr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Er = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Nr = L("chevron-left", Er);
+const Cr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Er = L("chevron-left", Cr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ar = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Dt = L("chevron-right", Ar);
+const Nr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Dt = L("chevron-right", Nr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rr = [
+const Ar = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], _r = L("circle-alert", Rr);
+], Rr = L("circle-alert", Ar);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ir = [
+const _r = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], Pr = L("circle-check", Ir);
+], Ir = L("circle-check", _r);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zr = [
+const Pr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], Tr = L("circle-question-mark", zr);
+], zr = L("circle-question-mark", Pr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mr = [
+const Tr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-], Lr = L("circle-x", Mr);
+], Mr = L("circle-x", Tr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Or = [
+const Lr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-], $r = L("clock", Or);
+], Or = L("clock", Lr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fr = [
+const $r = [
   ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
   ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
-], Dr = L("credit-card", Fr);
+], Fr = L("credit-card", $r);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ur = [
+const Dr = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-], Wr = L("external-link", Ur);
+], Ur = L("external-link", Dr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hr = [
+const Wr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
-], Vr = L("info", Hr);
+], Hr = L("info", Wr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ut = L("loader-circle", jr);
+const Vr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ut = L("loader-circle", Vr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Br = [
+const jr = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
-], Ye = L("mail", Br);
+], Ye = L("mail", jr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gr = [
+const Br = [
   [
     "path",
     {
@@ -636,14 +630,14 @@ const Gr = [
     }
   ],
   ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
-], qr = L("map-pin", Gr);
+], Gr = L("map-pin", Br);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yr = [
+const qr = [
   [
     "path",
     {
@@ -651,14 +645,14 @@ const Yr = [
       key: "1sd12s"
     }
   ]
-], Xr = L("message-circle", Yr);
+], Yr = L("message-circle", qr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zr = [
+const Xr = [
   [
     "path",
     {
@@ -666,14 +660,14 @@ const Zr = [
       key: "18887p"
     }
   ]
-], Wt = L("message-square", Zr);
+], Wt = L("message-square", Xr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kr = [
+const Zr = [
   [
     "path",
     {
@@ -684,14 +678,14 @@ const Kr = [
   ["path", { d: "M12 22V12", key: "d0xqtd" }],
   ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
   ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
-], Jr = L("package", Kr);
+], Kr = L("package", Zr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qr = [
+const Jr = [
   [
     "path",
     {
@@ -699,24 +693,24 @@ const Qr = [
       key: "9njp5v"
     }
   ]
-], en = L("phone", Qr);
+], Qr = L("phone", Jr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tn = [
+const en = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], on = L("search", tn);
+], tn = L("search", en);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rn = [
+const on = [
   ["path", { d: "M16 10a4 4 0 0 1-8 0", key: "1ltviw" }],
   ["path", { d: "M3.103 6.034h17.794", key: "awc11p" }],
   [
@@ -726,14 +720,14 @@ const rn = [
       key: "o988cm"
     }
   ]
-], nn = L("shopping-bag", rn);
+], rn = L("shopping-bag", on);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sn = [
+const nn = [
   [
     "path",
     {
@@ -744,14 +738,14 @@ const sn = [
   ["path", { d: "M20 2v4", key: "1rf3ol" }],
   ["path", { d: "M22 4h-4", key: "gwowj6" }],
   ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
-], an = L("sparkles", sn);
+], sn = L("sparkles", nn);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ln = [
+const an = [
   ["path", { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2", key: "wrbu53" }],
   ["path", { d: "M15 18H9", key: "1lyqi6" }],
   [
@@ -763,17 +757,17 @@ const ln = [
   ],
   ["circle", { cx: "17", cy: "18", r: "2", key: "332jqn" }],
   ["circle", { cx: "7", cy: "18", r: "2", key: "19iecd" }]
-], cn = L("truck", ln);
+], ln = L("truck", an);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dn = [
+const cn = [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
-], Ht = L("user", dn);
+], Ht = L("user", cn);
 function Vt(e) {
   var t, o, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
@@ -787,36 +781,36 @@ function jt() {
   for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = Vt(e)) && (r && (r += " "), r += t);
   return r;
 }
-const un = (e, t) => {
+const dn = (e, t) => {
   const o = new Array(e.length + t.length);
   for (let r = 0; r < e.length; r++)
     o[r] = e[r];
   for (let r = 0; r < t.length; r++)
     o[e.length + r] = t[r];
   return o;
-}, fn = (e, t) => ({
+}, un = (e, t) => ({
   classGroupId: e,
   validator: t
 }), Bt = (e = /* @__PURE__ */ new Map(), t = null, o) => ({
   nextPart: e,
   validators: t,
   classGroupId: o
-}), Ie = "-", ht = [], mn = "arbitrary..", pn = (e) => {
-  const t = gn(e), {
+}), Ie = "-", ht = [], fn = "arbitrary..", mn = (e) => {
+  const t = hn(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (a) => {
       if (a.startsWith("[") && a.endsWith("]"))
-        return hn(a);
+        return pn(a);
       const i = a.split(Ie), l = i[0] === "" && i.length > 1 ? 1 : 0;
       return Gt(i, l, t);
     },
     getConflictingClassGroupIds: (a, i) => {
       if (i) {
-        const l = r[a], d = o[a];
-        return l ? d ? un(d, l) : l : d || ht;
+        const l = r[a], u = o[a];
+        return l ? u ? dn(u, l) : l : u || ht;
       }
       return o[a] || ht;
     }
@@ -826,28 +820,28 @@ const un = (e, t) => {
     return o.classGroupId;
   const n = e[t], s = o.nextPart.get(n);
   if (s) {
-    const d = Gt(e, t + 1, s);
-    if (d) return d;
+    const u = Gt(e, t + 1, s);
+    if (u) return u;
   }
   const a = o.validators;
   if (a === null)
     return;
   const i = t === 0 ? e.join(Ie) : e.slice(t).join(Ie), l = a.length;
-  for (let d = 0; d < l; d++) {
-    const u = a[d];
-    if (u.validator(i))
-      return u.classGroupId;
+  for (let u = 0; u < l; u++) {
+    const d = a[u];
+    if (d.validator(i))
+      return d.classGroupId;
   }
-}, hn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, pn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), o = t.indexOf(":"), r = t.slice(0, o);
-  return r ? mn + r : void 0;
-})(), gn = (e) => {
+  return r ? fn + r : void 0;
+})(), hn = (e) => {
   const {
     theme: t,
     classGroups: o
   } = e;
-  return bn(o, t);
-}, bn = (e, t) => {
+  return gn(o, t);
+}, gn = (e, t) => {
   const o = Bt();
   for (const r in e) {
     const n = e[r];
@@ -858,28 +852,28 @@ const un = (e, t) => {
   const n = e.length;
   for (let s = 0; s < n; s++) {
     const a = e[s];
-    vn(a, t, o, r);
+    bn(a, t, o, r);
   }
-}, vn = (e, t, o, r) => {
+}, bn = (e, t, o, r) => {
   if (typeof e == "string") {
-    xn(e, t, o);
+    vn(e, t, o);
     return;
   }
   if (typeof e == "function") {
-    wn(e, t, o, r);
+    xn(e, t, o, r);
     return;
   }
-  yn(e, t, o, r);
-}, xn = (e, t, o) => {
+  wn(e, t, o, r);
+}, vn = (e, t, o) => {
   const r = e === "" ? t : qt(t, e);
   r.classGroupId = o;
-}, wn = (e, t, o, r) => {
-  if (kn(e)) {
+}, xn = (e, t, o, r) => {
+  if (yn(e)) {
     et(e(r), t, o, r);
     return;
   }
-  t.validators === null && (t.validators = []), t.validators.push(fn(o, e));
-}, yn = (e, t, o, r) => {
+  t.validators === null && (t.validators = []), t.validators.push(un(o, e));
+}, wn = (e, t, o, r) => {
   const n = Object.entries(e), s = n.length;
   for (let a = 0; a < s; a++) {
     const [i, l] = n[a];
@@ -894,7 +888,7 @@ const un = (e, t) => {
     i || (i = Bt(), o.nextPart.set(a, i)), o = i;
   }
   return o;
-}, kn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Sn = (e) => {
+}, yn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, kn = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -918,22 +912,22 @@ const un = (e, t) => {
       s in o ? o[s] = a : n(s, a);
     }
   };
-}, Xe = "!", gt = ":", Cn = [], bt = (e, t, o, r, n) => ({
+}, Xe = "!", gt = ":", Sn = [], bt = (e, t, o, r, n) => ({
   modifiers: e,
   hasImportantModifier: t,
   baseClassName: o,
   maybePostfixModifierPosition: r,
   isExternal: n
-}), En = (e) => {
+}), Cn = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: o
   } = e;
   let r = (n) => {
     const s = [];
-    let a = 0, i = 0, l = 0, d;
-    const u = n.length;
-    for (let x = 0; x < u; x++) {
+    let a = 0, i = 0, l = 0, u;
+    const d = n.length;
+    for (let x = 0; x < d; x++) {
       const h = n[x];
       if (a === 0 && i === 0) {
         if (h === gt) {
@@ -941,7 +935,7 @@ const un = (e, t) => {
           continue;
         }
         if (h === "/") {
-          d = x;
+          u = x;
           continue;
         }
       }
@@ -956,12 +950,12 @@ const un = (e, t) => {
        */
       f.startsWith(Xe) && (m = f.slice(1), g = !0)
     );
-    const k = d && d > l ? d - l : void 0;
+    const k = u && u > l ? u - l : void 0;
     return bt(s, g, m, k);
   };
   if (t) {
     const n = t + gt, s = r;
-    r = (a) => a.startsWith(n) ? s(a.slice(n.length)) : bt(Cn, !1, a, void 0, !0);
+    r = (a) => a.startsWith(n) ? s(a.slice(n.length)) : bt(Sn, !1, a, void 0, !0);
   }
   if (o) {
     const n = r;
@@ -971,7 +965,7 @@ const un = (e, t) => {
     });
   }
   return r;
-}, Nn = (e) => {
+}, En = (e) => {
   const t = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((o, r) => {
     t.set(o, 1e6 + r);
@@ -984,39 +978,39 @@ const un = (e, t) => {
     }
     return n.length > 0 && (n.sort(), r.push(...n)), r;
   };
-}, An = (e) => ({
-  cache: Sn(e.cacheSize),
-  parseClassName: En(e),
-  sortModifiers: Nn(e),
-  ...pn(e)
-}), Rn = /\s+/, _n = (e, t) => {
+}, Nn = (e) => ({
+  cache: kn(e.cacheSize),
+  parseClassName: Cn(e),
+  sortModifiers: En(e),
+  ...mn(e)
+}), An = /\s+/, Rn = (e, t) => {
   const {
     parseClassName: o,
     getClassGroupId: r,
     getConflictingClassGroupIds: n,
     sortModifiers: s
-  } = t, a = [], i = e.trim().split(Rn);
+  } = t, a = [], i = e.trim().split(An);
   let l = "";
-  for (let d = i.length - 1; d >= 0; d -= 1) {
-    const u = i[d], {
+  for (let u = i.length - 1; u >= 0; u -= 1) {
+    const d = i[u], {
       isExternal: f,
       modifiers: m,
       hasImportantModifier: g,
       baseClassName: k,
       maybePostfixModifierPosition: x
-    } = o(u);
+    } = o(d);
     if (f) {
-      l = u + (l.length > 0 ? " " + l : l);
+      l = d + (l.length > 0 ? " " + l : l);
       continue;
     }
     let h = !!x, y = r(h ? k.substring(0, x) : k);
     if (!y) {
       if (!h) {
-        l = u + (l.length > 0 ? " " + l : l);
+        l = d + (l.length > 0 ? " " + l : l);
         continue;
       }
       if (y = r(k), !y) {
-        l = u + (l.length > 0 ? " " + l : l);
+        l = d + (l.length > 0 ? " " + l : l);
         continue;
       }
       h = !1;
@@ -1030,10 +1024,10 @@ const un = (e, t) => {
       const _ = P[E];
       a.push(C + _);
     }
-    l = u + (l.length > 0 ? " " + l : l);
+    l = d + (l.length > 0 ? " " + l : l);
   }
   return l;
-}, In = (...e) => {
+}, _n = (...e) => {
   let t = 0, o, r, n = "";
   for (; t < e.length; )
     (o = e[t++]) && (r = Yt(o)) && (n && (n += " "), n += r);
@@ -1045,35 +1039,35 @@ const un = (e, t) => {
   for (let r = 0; r < e.length; r++)
     e[r] && (t = Yt(e[r])) && (o && (o += " "), o += t);
   return o;
-}, Pn = (e, ...t) => {
+}, In = (e, ...t) => {
   let o, r, n, s;
   const a = (l) => {
-    const d = t.reduce((u, f) => f(u), e());
-    return o = An(d), r = o.cache.get, n = o.cache.set, s = i, i(l);
+    const u = t.reduce((d, f) => f(d), e());
+    return o = Nn(u), r = o.cache.get, n = o.cache.set, s = i, i(l);
   }, i = (l) => {
-    const d = r(l);
-    if (d)
-      return d;
-    const u = _n(l, o);
-    return n(l, u), u;
+    const u = r(l);
+    if (u)
+      return u;
+    const d = Rn(l, o);
+    return n(l, d), d;
   };
-  return s = a, (...l) => s(In(...l));
-}, zn = [], F = (e) => {
-  const t = (o) => o[e] || zn;
+  return s = a, (...l) => s(_n(...l));
+}, Pn = [], F = (e) => {
+  const t = (o) => o[e] || Pn;
   return t.isThemeGetter = !0, t;
-}, Xt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Zt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Tn = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Mn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ln = /\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$/, On = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, $n = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Fn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => Tn.test(e), I = (e) => !!e && !Number.isNaN(Number(e)), te = (e) => !!e && Number.isInteger(Number(e)), He = (e) => e.endsWith("%") && I(e.slice(0, -1)), K = (e) => Mn.test(e), Kt = () => !0, Dn = (e) => (
+}, Xt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Zt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, zn = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Tn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Mn = /\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$/, Ln = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, On = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, $n = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => zn.test(e), I = (e) => !!e && !Number.isNaN(Number(e)), te = (e) => !!e && Number.isInteger(Number(e)), He = (e) => e.endsWith("%") && I(e.slice(0, -1)), K = (e) => Tn.test(e), Kt = () => !0, Fn = (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.
-  Ln.test(e) && !On.test(e)
-), tt = () => !1, Un = (e) => $n.test(e), Wn = (e) => Fn.test(e), Hn = (e) => !v(e) && !w(e), Vn = (e) => re(e, eo, tt), v = (e) => Xt.test(e), se = (e) => re(e, to, Dn), vt = (e) => re(e, Kn, I), jn = (e) => re(e, ro, Kt), Bn = (e) => re(e, oo, tt), xt = (e) => re(e, Jt, tt), Gn = (e) => re(e, Qt, Wn), Ee = (e) => re(e, no, Un), w = (e) => Zt.test(e), ue = (e) => le(e, to), qn = (e) => le(e, oo), wt = (e) => le(e, Jt), Yn = (e) => le(e, eo), Xn = (e) => le(e, Qt), Ne = (e) => le(e, no, !0), Zn = (e) => le(e, ro, !0), re = (e, t, o) => {
+  Mn.test(e) && !Ln.test(e)
+), tt = () => !1, Dn = (e) => On.test(e), Un = (e) => $n.test(e), Wn = (e) => !v(e) && !w(e), Hn = (e) => re(e, eo, tt), v = (e) => Xt.test(e), se = (e) => re(e, to, Fn), vt = (e) => re(e, Zn, I), Vn = (e) => re(e, ro, Kt), jn = (e) => re(e, oo, tt), xt = (e) => re(e, Jt, tt), Bn = (e) => re(e, Qt, Un), Ee = (e) => re(e, no, Dn), w = (e) => Zt.test(e), fe = (e) => ie(e, to), Gn = (e) => ie(e, oo), wt = (e) => ie(e, Jt), qn = (e) => ie(e, eo), Yn = (e) => ie(e, Qt), Ne = (e) => ie(e, no, !0), Xn = (e) => ie(e, ro, !0), re = (e, t, o) => {
   const r = Xt.exec(e);
   return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
-}, le = (e, t, o = !1) => {
+}, ie = (e, t, o = !1) => {
   const r = Zt.exec(e);
   return r ? r[1] ? t(r[1]) : o : !1;
-}, Jt = (e) => e === "position" || e === "percentage", Qt = (e) => e === "image" || e === "url", eo = (e) => e === "length" || e === "size" || e === "bg-size", to = (e) => e === "length", Kn = (e) => e === "number", oo = (e) => e === "family-name", ro = (e) => e === "number" || e === "weight", no = (e) => e === "shadow", Jn = () => {
-  const e = F("color"), t = F("font"), o = F("text"), r = F("font-weight"), n = F("tracking"), s = F("leading"), a = F("breakpoint"), i = F("container"), l = F("spacing"), d = F("radius"), u = F("shadow"), f = F("inset-shadow"), m = F("text-shadow"), g = F("drop-shadow"), k = F("blur"), x = F("perspective"), h = F("aspect"), y = F("ease"), R = F("animate"), C = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
+}, Jt = (e) => e === "position" || e === "percentage", Qt = (e) => e === "image" || e === "url", eo = (e) => e === "length" || e === "size" || e === "bg-size", to = (e) => e === "length", Zn = (e) => e === "number", oo = (e) => e === "family-name", ro = (e) => e === "number" || e === "weight", no = (e) => e === "shadow", Kn = () => {
+  const e = F("color"), t = F("font"), o = F("text"), r = F("font-weight"), n = F("tracking"), s = F("leading"), a = F("breakpoint"), i = F("container"), l = F("spacing"), u = F("radius"), d = F("shadow"), f = F("inset-shadow"), m = F("text-shadow"), g = F("drop-shadow"), k = F("blur"), x = F("perspective"), h = F("aspect"), y = F("ease"), R = F("animate"), C = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
     "center",
     "top",
     "bottom",
@@ -1097,17 +1091,17 @@ const un = (e, t) => {
     position: [w, v]
   }], dt = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ut = () => ["auto", "cover", "contain", Yn, Vn, {
+  }], ut = () => ["auto", "cover", "contain", qn, Hn, {
     size: [w, v]
-  }], De = () => [He, ue, se], H = () => [
+  }], De = () => [He, fe, se], H = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    d,
+    u,
     w,
     v
-  ], V = () => ["", I, ue, se], we = () => ["solid", "dashed", "dotted", "double"], ft = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [I, He, wt, xt], mt = () => [
+  ], V = () => ["", I, fe, se], we = () => ["solid", "dashed", "dotted", "double"], ft = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [I, He, wt, xt], mt = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1126,7 +1120,7 @@ const un = (e, t) => {
       container: [K],
       "drop-shadow": [K],
       ease: ["in", "out", "in-out"],
-      font: [Hn],
+      font: [Wn],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [K],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -1903,7 +1897,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, ue, se]
+        text: ["base", o, fe, se]
       }],
       /**
        * Font Smoothing
@@ -1920,7 +1914,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [r, Zn, jn]
+        font: [r, Xn, Vn]
       }],
       /**
        * Font Stretch
@@ -1934,7 +1928,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [qn, Bn, t]
+        font: [Gn, jn, t]
       }],
       /**
        * Font Feature Settings
@@ -2196,7 +2190,7 @@ const un = (e, t) => {
           }, te, w, v],
           radial: ["", w, v],
           conic: [te, w, v]
-        }, Xn, Gn]
+        }, Yn, Bn]
       }],
       /**
        * Background Color
@@ -2573,7 +2567,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", I, ue, se]
+        outline: ["", I, fe, se]
       }],
       /**
        * Outline Color
@@ -2594,7 +2588,7 @@ const un = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          u,
+          d,
           Ne,
           Ee
         ]
@@ -3626,7 +3620,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [I, ue, se, vt]
+        stroke: [I, fe, se, vt]
       }],
       /**
        * Stroke
@@ -3701,7 +3695,7 @@ const un = (e, t) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Qn = /* @__PURE__ */ Pn(Jn), T = (...e) => Qn(jt(e));
+}, Jn = /* @__PURE__ */ In(Kn), T = (...e) => Jn(jt(e));
 function me({ className: e, ...t }) {
   return /* @__PURE__ */ c(
     "div",
@@ -3715,7 +3709,7 @@ function me({ className: e, ...t }) {
     }
   );
 }
-function es({ className: e, ...t }) {
+function Qn({ className: e, ...t }) {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -3741,16 +3735,16 @@ function pe({ className: e, ...t }) {
 const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = jt, ot = (e, t) => (o) => {
   var r;
   if ((t == null ? void 0 : t.variants) == null) return kt(e, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
-  const { variants: n, defaultVariants: s } = t, a = Object.keys(n).map((d) => {
-    const u = o == null ? void 0 : o[d], f = s == null ? void 0 : s[d];
-    if (u === null) return null;
-    const m = yt(u) || yt(f);
-    return n[d][m];
-  }), i = o && Object.entries(o).reduce((d, u) => {
-    let [f, m] = u;
-    return m === void 0 || (d[f] = m), d;
-  }, {}), l = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((d, u) => {
-    let { class: f, className: m, ...g } = u;
+  const { variants: n, defaultVariants: s } = t, a = Object.keys(n).map((u) => {
+    const d = o == null ? void 0 : o[u], f = s == null ? void 0 : s[u];
+    if (d === null) return null;
+    const m = yt(d) || yt(f);
+    return n[u][m];
+  }), i = o && Object.entries(o).reduce((u, d) => {
+    let [f, m] = d;
+    return m === void 0 || (u[f] = m), u;
+  }, {}), l = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((u, d) => {
+    let { class: f, className: m, ...g } = d;
     return Object.entries(g).every((k) => {
       let [x, h] = k;
       return Array.isArray(h) ? h.includes({
@@ -3761,10 +3755,10 @@ const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = jt, o
         ...i
       }[x] === h;
     }) ? [
-      ...d,
+      ...u,
       f,
       m
-    ] : d;
+    ] : u;
   }, []);
   return kt(e, a, l, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
 };
@@ -3794,11 +3788,11 @@ function Y(...e) {
 }
 // @__NO_SIDE_EFFECTS__
 function Pe(e) {
-  const t = /* @__PURE__ */ ts(e), o = p.forwardRef((r, n) => {
-    const { children: s, ...a } = r, i = p.Children.toArray(s), l = i.find(rs);
+  const t = /* @__PURE__ */ es(e), o = p.forwardRef((r, n) => {
+    const { children: s, ...a } = r, i = p.Children.toArray(s), l = i.find(os);
     if (l) {
-      const d = l.props.children, u = i.map((f) => f === l ? p.Children.count(d) > 1 ? p.Children.only(null) : p.isValidElement(d) ? d.props.children : null : f);
-      return /* @__PURE__ */ c(t, { ...a, ref: n, children: p.isValidElement(d) ? p.cloneElement(d, void 0, u) : null });
+      const u = l.props.children, d = i.map((f) => f === l ? p.Children.count(u) > 1 ? p.Children.only(null) : p.isValidElement(u) ? u.props.children : null : f);
+      return /* @__PURE__ */ c(t, { ...a, ref: n, children: p.isValidElement(u) ? p.cloneElement(u, void 0, d) : null });
     }
     return /* @__PURE__ */ c(t, { ...a, ref: n, children: s });
   });
@@ -3806,22 +3800,22 @@ function Pe(e) {
 }
 var ao = /* @__PURE__ */ Pe("Slot");
 // @__NO_SIDE_EFFECTS__
-function ts(e) {
+function es(e) {
   const t = p.forwardRef((o, r) => {
     const { children: n, ...s } = o;
     if (p.isValidElement(n)) {
-      const a = ss(n), i = ns(s, n.props);
+      const a = ns(n), i = rs(s, n.props);
       return n.type !== p.Fragment && (i.ref = r ? so(r, a) : a), p.cloneElement(n, i);
     }
     return p.Children.count(n) > 1 ? p.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var os = Symbol("radix.slottable");
-function rs(e) {
-  return p.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === os;
+var ts = Symbol("radix.slottable");
+function os(e) {
+  return p.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ts;
 }
-function ns(e, t) {
+function rs(e, t) {
   const o = { ...t };
   for (const r in t) {
     const n = e[r], s = t[r];
@@ -3832,12 +3826,12 @@ function ns(e, t) {
   }
   return { ...e, ...o };
 }
-function ss(e) {
+function ns(e) {
   var r, n;
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
   return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-var as = [
+var ss = [
   "a",
   "button",
   "div",
@@ -3855,7 +3849,7 @@ var as = [
   "span",
   "svg",
   "ul"
-], j = as.reduce((e, t) => {
+], j = ss.reduce((e, t) => {
   const o = /* @__PURE__ */ Pe(`Primitive.${t}`), r = p.forwardRef((n, s) => {
     const { asChild: a, ...i } = n, l = a ? o : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ c(l, { ...i, ref: s });
@@ -3867,20 +3861,20 @@ function ge(e, t = []) {
   function r(s, a) {
     const i = p.createContext(a), l = o.length;
     o = [...o, a];
-    const d = (f) => {
+    const u = (f) => {
       var y;
       const { scope: m, children: g, ...k } = f, x = ((y = m == null ? void 0 : m[e]) == null ? void 0 : y[l]) || i, h = p.useMemo(() => k, Object.values(k));
       return /* @__PURE__ */ c(x.Provider, { value: h, children: g });
     };
-    d.displayName = s + "Provider";
-    function u(f, m) {
+    u.displayName = s + "Provider";
+    function d(f, m) {
       var x;
       const g = ((x = m == null ? void 0 : m[e]) == null ? void 0 : x[l]) || i, k = p.useContext(g);
       if (k) return k;
       if (a !== void 0) return a;
       throw new Error(`\`${f}\` must be used within \`${s}\``);
     }
-    return [d, u];
+    return [u, d];
   }
   const n = () => {
     const s = o.map((a) => p.createContext(a));
@@ -3892,9 +3886,9 @@ function ge(e, t = []) {
       );
     };
   };
-  return n.scopeName = e, [r, is(n, ...t)];
+  return n.scopeName = e, [r, as(n, ...t)];
 }
-function is(...e) {
+function as(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const o = () => {
@@ -3903,8 +3897,8 @@ function is(...e) {
       scopeName: n.scopeName
     }));
     return function(s) {
-      const a = r.reduce((i, { useScope: l, scopeName: d }) => {
-        const f = l(s)[`__scope${d}`];
+      const a = r.reduce((i, { useScope: l, scopeName: u }) => {
+        const f = l(s)[`__scope${u}`];
         return { ...i, ...f };
       }, {});
       return p.useMemo(() => ({ [`__scope${t.scopeName}`]: a }), [a]);
@@ -3912,7 +3906,7 @@ function is(...e) {
   };
   return o.scopeName = t.scopeName, o;
 }
-function ls(e) {
+function is(e) {
   const t = e + "CollectionProvider", [o, r] = ge(t), [n, s] = o(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -3921,20 +3915,20 @@ function ls(e) {
     return /* @__PURE__ */ c(n, { scope: h, itemMap: C, collectionRef: R, children: y });
   };
   a.displayName = t;
-  const i = e + "CollectionSlot", l = /* @__PURE__ */ Pe(i), d = G.forwardRef(
+  const i = e + "CollectionSlot", l = /* @__PURE__ */ Pe(i), u = G.forwardRef(
     (x, h) => {
       const { scope: y, children: R } = x, C = s(i, y), A = Y(h, C.collectionRef);
       return /* @__PURE__ */ c(l, { ref: A, children: R });
     }
   );
-  d.displayName = i;
-  const u = e + "CollectionItemSlot", f = "data-radix-collection-item", m = /* @__PURE__ */ Pe(u), g = G.forwardRef(
+  u.displayName = i;
+  const d = e + "CollectionItemSlot", f = "data-radix-collection-item", m = /* @__PURE__ */ Pe(d), g = G.forwardRef(
     (x, h) => {
-      const { scope: y, children: R, ...C } = x, A = G.useRef(null), P = Y(h, A), E = s(u, y);
+      const { scope: y, children: R, ...C } = x, A = G.useRef(null), P = Y(h, A), E = s(d, y);
       return G.useEffect(() => (E.itemMap.set(A, { ref: A, ...C }), () => void E.itemMap.delete(A))), /* @__PURE__ */ c(m, { [f]: "", ref: P, children: R });
     }
   );
-  g.displayName = u;
+  g.displayName = d;
   function k(x) {
     const h = s(e + "CollectionConsumer", x);
     return G.useCallback(() => {
@@ -3947,7 +3941,7 @@ function ls(e) {
     }, [h.collectionRef, h.itemMap]);
   }
   return [
-    { Provider: a, Slot: d, ItemSlot: g },
+    { Provider: a, Slot: u, ItemSlot: g },
     k,
     r
   ];
@@ -3959,7 +3953,7 @@ function W(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
   };
 }
 var oe = globalThis != null && globalThis.document ? p.useLayoutEffect : () => {
-}, cs = p[" useInsertionEffect ".trim().toString()] || oe;
+}, ls = p[" useInsertionEffect ".trim().toString()] || oe;
 function io({
   prop: e,
   defaultProp: t,
@@ -3967,57 +3961,57 @@ function io({
   },
   caller: r
 }) {
-  const [n, s, a] = ds({
+  const [n, s, a] = cs({
     defaultProp: t,
     onChange: o
   }), i = e !== void 0, l = i ? e : n;
   {
-    const u = p.useRef(e !== void 0);
+    const d = p.useRef(e !== void 0);
     p.useEffect(() => {
-      const f = u.current;
+      const f = d.current;
       f !== i && console.warn(
         `${r} is changing from ${f ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), u.current = i;
+      ), d.current = i;
     }, [i, r]);
   }
-  const d = p.useCallback(
-    (u) => {
+  const u = p.useCallback(
+    (d) => {
       var f;
       if (i) {
-        const m = us(u) ? u(e) : u;
+        const m = ds(d) ? d(e) : d;
         m !== e && ((f = a.current) == null || f.call(a, m));
       } else
-        s(u);
+        s(d);
     },
     [i, e, s, a]
   );
-  return [l, d];
+  return [l, u];
 }
-function ds({
+function cs({
   defaultProp: e,
   onChange: t
 }) {
   const [o, r] = p.useState(e), n = p.useRef(o), s = p.useRef(t);
-  return cs(() => {
+  return ls(() => {
     s.current = t;
   }, [t]), p.useEffect(() => {
     var a;
     n.current !== o && ((a = s.current) == null || a.call(s, o), n.current = o);
   }, [o, n]), [o, r, s];
 }
-function us(e) {
+function ds(e) {
   return typeof e == "function";
 }
-function fs(e, t) {
+function us(e, t) {
   return p.useReducer((o, r) => t[o][r] ?? o, e);
 }
-var de = (e) => {
-  const { present: t, children: o } = e, r = ms(t), n = typeof o == "function" ? o({ present: r.isPresent }) : p.Children.only(o), s = Y(r.ref, ps(n));
+var ue = (e) => {
+  const { present: t, children: o } = e, r = fs(t), n = typeof o == "function" ? o({ present: r.isPresent }) : p.Children.only(o), s = Y(r.ref, ms(n));
   return typeof o == "function" || r.isPresent ? p.cloneElement(n, { ref: s }) : null;
 };
-de.displayName = "Presence";
-function ms(e) {
-  const [t, o] = p.useState(), r = p.useRef(null), n = p.useRef(e), s = p.useRef("none"), a = e ? "mounted" : "unmounted", [i, l] = fs(a, {
+ue.displayName = "Presence";
+function fs(e) {
+  const [t, o] = p.useState(), r = p.useRef(null), n = p.useRef(e), s = p.useRef("none"), a = e ? "mounted" : "unmounted", [i, l] = us(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -4031,22 +4025,22 @@ function ms(e) {
     }
   });
   return p.useEffect(() => {
-    const d = Ae(r.current);
-    s.current = i === "mounted" ? d : "none";
+    const u = Ae(r.current);
+    s.current = i === "mounted" ? u : "none";
   }, [i]), oe(() => {
-    const d = r.current, u = n.current;
-    if (u !== e) {
-      const m = s.current, g = Ae(d);
-      e ? l("MOUNT") : g === "none" || (d == null ? void 0 : d.display) === "none" ? l("UNMOUNT") : l(u && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
+    const u = r.current, d = n.current;
+    if (d !== e) {
+      const m = s.current, g = Ae(u);
+      e ? l("MOUNT") : g === "none" || (u == null ? void 0 : u.display) === "none" ? l("UNMOUNT") : l(d && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
     }
   }, [e, l]), oe(() => {
     if (t) {
-      let d;
-      const u = t.ownerDocument.defaultView ?? window, f = (g) => {
+      let u;
+      const d = t.ownerDocument.defaultView ?? window, f = (g) => {
         const x = Ae(r.current).includes(CSS.escape(g.animationName));
         if (g.target === t && x && (l("ANIMATION_END"), !n.current)) {
           const h = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", d = u.setTimeout(() => {
+          t.style.animationFillMode = "forwards", u = d.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = h);
           });
         }
@@ -4054,36 +4048,36 @@ function ms(e) {
         g.target === t && (s.current = Ae(r.current));
       };
       return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
-        u.clearTimeout(d), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+        d.clearTimeout(u), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
       };
     } else
       l("ANIMATION_END");
   }, [t, l]), {
     isPresent: ["mounted", "unmountSuspended"].includes(i),
-    ref: p.useCallback((d) => {
-      r.current = d ? getComputedStyle(d) : null, o(d);
+    ref: p.useCallback((u) => {
+      r.current = u ? getComputedStyle(u) : null, o(u);
     }, [])
   };
 }
 function Ae(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function ps(e) {
+function ms(e) {
   var r, n;
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
   return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-var hs = p[" useId ".trim().toString()] || (() => {
-}), gs = 0;
+var ps = p[" useId ".trim().toString()] || (() => {
+}), hs = 0;
 function lo(e) {
-  const [t, o] = p.useState(hs());
+  const [t, o] = p.useState(ps());
   return oe(() => {
-    o((r) => r ?? String(gs++));
+    o((r) => r ?? String(hs++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-var bs = p.createContext(void 0);
+var gs = p.createContext(void 0);
 function rt(e) {
-  const t = p.useContext(bs);
+  const t = p.useContext(gs);
   return e || t || "ltr";
 }
 function J(e) {
@@ -4106,7 +4100,7 @@ var Ve = { exports: {} }, je = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ct;
-function vs() {
+function bs() {
   if (Ct) return je;
   Ct = 1;
   var e = G;
@@ -4140,33 +4134,33 @@ function vs() {
       return !0;
     }
   }
-  function d(f, m) {
+  function u(f, m) {
     return m();
   }
-  var u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : i;
-  return je.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, je;
+  var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? u : i;
+  return je.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : d, je;
 }
 var Et;
-function xs() {
-  return Et || (Et = 1, Ve.exports = vs()), Ve.exports;
+function vs() {
+  return Et || (Et = 1, Ve.exports = bs()), Ve.exports;
 }
-var ws = xs();
-function ys() {
-  return ws.useSyncExternalStore(
-    ks,
+var xs = vs();
+function ws() {
+  return xs.useSyncExternalStore(
+    ys,
     () => !0,
     () => !1
   );
 }
-function ks() {
+function ys() {
   return () => {
   };
 }
-var nt = "Avatar", [Ss] = ge(nt), [Cs, co] = Ss(nt), uo = p.forwardRef(
+var nt = "Avatar", [ks] = ge(nt), [Ss, co] = ks(nt), uo = p.forwardRef(
   (e, t) => {
     const { __scopeAvatar: o, ...r } = e, [n, s] = p.useState("idle");
     return /* @__PURE__ */ c(
-      Cs,
+      Ss,
       {
         scope: o,
         imageLoadingStatus: n,
@@ -4180,8 +4174,8 @@ uo.displayName = nt;
 var fo = "AvatarImage", mo = p.forwardRef(
   (e, t) => {
     const { __scopeAvatar: o, src: r, onLoadingStatusChange: n = () => {
-    }, ...s } = e, a = co(fo, o), i = Es(r, s), l = J((d) => {
-      n(d), a.onImageLoadingStatusChange(d);
+    }, ...s } = e, a = co(fo, o), i = Cs(r, s), l = J((u) => {
+      n(u), a.onImageLoadingStatusChange(u);
     });
     return oe(() => {
       i !== "idle" && l(i);
@@ -4204,8 +4198,8 @@ ho.displayName = po;
 function Nt(e, t) {
   return e ? t ? (e.src !== t && (e.src = t), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
 }
-function Es(e, { referrerPolicy: t, crossOrigin: o }) {
-  const r = ys(), n = p.useRef(null), s = r ? (n.current || (n.current = new window.Image()), n.current) : null, [a, i] = p.useState(
+function Cs(e, { referrerPolicy: t, crossOrigin: o }) {
+  const r = ws(), n = p.useRef(null), s = r ? (n.current || (n.current = new window.Image()), n.current) : null, [a, i] = p.useState(
     () => Nt(s, e)
   );
   return oe(() => {
@@ -4215,20 +4209,20 @@ function Es(e, { referrerPolicy: t, crossOrigin: o }) {
       i(f);
     };
     if (!s) return;
-    const d = l("loaded"), u = l("error");
-    return s.addEventListener("load", d), s.addEventListener("error", u), t && (s.referrerPolicy = t), typeof o == "string" && (s.crossOrigin = o), () => {
-      s.removeEventListener("load", d), s.removeEventListener("error", u);
+    const u = l("loaded"), d = l("error");
+    return s.addEventListener("load", u), s.addEventListener("error", d), t && (s.referrerPolicy = t), typeof o == "string" && (s.crossOrigin = o), () => {
+      s.removeEventListener("load", u), s.removeEventListener("error", d);
     };
   }, [s, o, t]), a;
 }
-var Ns = uo, As = mo, Rs = ho, Be = "rovingFocusGroup.onEntryFocus", _s = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Ze, go, Is] = ls(be), [Ps, bo] = ge(
+var Es = uo, Ns = mo, As = ho, Be = "rovingFocusGroup.onEntryFocus", Rs = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Ze, go, _s] = is(be), [Is, bo] = ge(
   be,
-  [Is]
-), [zs, Ts] = Ps(be), vo = p.forwardRef(
-  (e, t) => /* @__PURE__ */ c(Ze.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ze.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ms, { ...e, ref: t }) }) })
+  [_s]
+), [Ps, zs] = Is(be), vo = p.forwardRef(
+  (e, t) => /* @__PURE__ */ c(Ze.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ze.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ts, { ...e, ref: t }) }) })
 );
 vo.displayName = be;
-var Ms = p.forwardRef((e, t) => {
+var Ts = p.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
     orientation: r,
@@ -4237,21 +4231,21 @@ var Ms = p.forwardRef((e, t) => {
     currentTabStopId: a,
     defaultCurrentTabStopId: i,
     onCurrentTabStopIdChange: l,
-    onEntryFocus: d,
-    preventScrollOnEntryFocus: u = !1,
+    onEntryFocus: u,
+    preventScrollOnEntryFocus: d = !1,
     ...f
   } = e, m = p.useRef(null), g = Y(t, m), k = rt(s), [x, h] = io({
     prop: a,
     defaultProp: i ?? null,
     onChange: l,
     caller: be
-  }), [y, R] = p.useState(!1), C = J(d), A = go(o), P = p.useRef(!1), [E, _] = p.useState(0);
+  }), [y, R] = p.useState(!1), C = J(u), A = go(o), P = p.useRef(!1), [E, _] = p.useState(0);
   return p.useEffect(() => {
     const b = m.current;
     if (b)
       return b.addEventListener(Be, C), () => b.removeEventListener(Be, C);
   }, [C]), /* @__PURE__ */ c(
-    zs,
+    Ps,
     {
       scope: o,
       orientation: r,
@@ -4285,12 +4279,12 @@ var Ms = p.forwardRef((e, t) => {
           onFocus: W(e.onFocus, (b) => {
             const S = !P.current;
             if (b.target === b.currentTarget && S && !y) {
-              const M = new CustomEvent(Be, _s);
+              const M = new CustomEvent(Be, Rs);
               if (b.currentTarget.dispatchEvent(M), !M.defaultPrevented) {
                 const O = A().filter(($) => $.focusable), Z = O.find(($) => $.active), ve = O.find(($) => $.id === x), Q = [Z, ve, ...O].filter(
                   Boolean
                 ).map(($) => $.ref.current);
-                yo(Q, u);
+                yo(Q, d);
               }
             }
             P.current = !1;
@@ -4309,7 +4303,7 @@ var Ms = p.forwardRef((e, t) => {
       tabStopId: s,
       children: a,
       ...i
-    } = e, l = lo(), d = s || l, u = Ts(xo, o), f = u.currentTabStopId === d, m = go(o), { onFocusableItemAdd: g, onFocusableItemRemove: k, currentTabStopId: x } = u;
+    } = e, l = lo(), u = s || l, d = zs(xo, o), f = d.currentTabStopId === u, m = go(o), { onFocusableItemAdd: g, onFocusableItemRemove: k, currentTabStopId: x } = d;
     return p.useEffect(() => {
       if (r)
         return g(), () => k();
@@ -4317,27 +4311,27 @@ var Ms = p.forwardRef((e, t) => {
       Ze.ItemSlot,
       {
         scope: o,
-        id: d,
+        id: u,
         focusable: r,
         active: n,
         children: /* @__PURE__ */ c(
           j.span,
           {
             tabIndex: f ? 0 : -1,
-            "data-orientation": u.orientation,
+            "data-orientation": d.orientation,
             ...i,
             ref: t,
             onMouseDown: W(e.onMouseDown, (h) => {
-              r ? u.onItemFocus(d) : h.preventDefault();
+              r ? d.onItemFocus(u) : h.preventDefault();
             }),
-            onFocus: W(e.onFocus, () => u.onItemFocus(d)),
+            onFocus: W(e.onFocus, () => d.onItemFocus(u)),
             onKeyDown: W(e.onKeyDown, (h) => {
               if (h.key === "Tab" && h.shiftKey) {
-                u.onItemShiftTab();
+                d.onItemShiftTab();
                 return;
               }
               if (h.target !== h.currentTarget) return;
-              const y = $s(h, u.orientation, u.dir);
+              const y = Os(h, d.orientation, d.dir);
               if (y !== void 0) {
                 if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
                 h.preventDefault();
@@ -4346,7 +4340,7 @@ var Ms = p.forwardRef((e, t) => {
                 else if (y === "prev" || y === "next") {
                   y === "prev" && C.reverse();
                   const A = C.indexOf(h.currentTarget);
-                  C = u.loop ? Fs(C, A + 1) : C.slice(A + 1);
+                  C = d.loop ? $s(C, A + 1) : C.slice(A + 1);
                 }
                 setTimeout(() => yo(C));
               }
@@ -4359,7 +4353,7 @@ var Ms = p.forwardRef((e, t) => {
   }
 );
 wo.displayName = xo;
-var Ls = {
+var Ms = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -4369,30 +4363,30 @@ var Ls = {
   PageDown: "last",
   End: "last"
 };
-function Os(e, t) {
+function Ls(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function $s(e, t, o) {
-  const r = Os(e.key, o);
+function Os(e, t, o) {
+  const r = Ls(e.key, o);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
-    return Ls[r];
+    return Ms[r];
 }
 function yo(e, t = !1) {
   const o = document.activeElement;
   for (const r of e)
     if (r === o || (r.focus({ preventScroll: t }), document.activeElement !== o)) return;
 }
-function Fs(e, t) {
+function $s(e, t) {
   return e.map((o, r) => e[(t + r) % e.length]);
 }
-var Ds = vo, Us = wo;
-function Ws(e, [t, o]) {
+var Fs = vo, Ds = wo;
+function Us(e, [t, o]) {
   return Math.min(o, Math.max(t, e));
 }
-function Hs(e, t) {
+function Ws(e, t) {
   return p.useReducer((o, r) => t[o][r] ?? o, e);
 }
-var st = "ScrollArea", [ko] = ge(st), [Vs, q] = ko(st), So = p.forwardRef(
+var st = "ScrollArea", [ko] = ge(st), [Hs, q] = ko(st), So = p.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: o,
@@ -4400,17 +4394,17 @@ var st = "ScrollArea", [ko] = ge(st), [Vs, q] = ko(st), So = p.forwardRef(
       dir: n,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, l] = p.useState(null), [d, u] = p.useState(null), [f, m] = p.useState(null), [g, k] = p.useState(null), [x, h] = p.useState(null), [y, R] = p.useState(0), [C, A] = p.useState(0), [P, E] = p.useState(!1), [_, b] = p.useState(!1), S = Y(t, (O) => l(O)), M = rt(n);
+    } = e, [i, l] = p.useState(null), [u, d] = p.useState(null), [f, m] = p.useState(null), [g, k] = p.useState(null), [x, h] = p.useState(null), [y, R] = p.useState(0), [C, A] = p.useState(0), [P, E] = p.useState(!1), [_, b] = p.useState(!1), S = Y(t, (O) => l(O)), M = rt(n);
     return /* @__PURE__ */ c(
-      Vs,
+      Hs,
       {
         scope: o,
         type: r,
         dir: M,
         scrollHideDelay: s,
         scrollArea: i,
-        viewport: d,
-        onViewportChange: u,
+        viewport: u,
+        onViewportChange: d,
         content: f,
         onContentChange: m,
         scrollbarX: g,
@@ -4490,26 +4484,26 @@ var X = "ScrollAreaScrollbar", No = p.forwardRef(
     const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: a } = n, i = e.orientation === "horizontal";
     return p.useEffect(() => (i ? s(!0) : a(!0), () => {
       i ? s(!1) : a(!1);
-    }), [i, s, a]), n.type === "hover" ? /* @__PURE__ */ c(js, { ...r, ref: t, forceMount: o }) : n.type === "scroll" ? /* @__PURE__ */ c(Bs, { ...r, ref: t, forceMount: o }) : n.type === "auto" ? /* @__PURE__ */ c(Ao, { ...r, ref: t, forceMount: o }) : n.type === "always" ? /* @__PURE__ */ c(at, { ...r, ref: t }) : null;
+    }), [i, s, a]), n.type === "hover" ? /* @__PURE__ */ c(Vs, { ...r, ref: t, forceMount: o }) : n.type === "scroll" ? /* @__PURE__ */ c(js, { ...r, ref: t, forceMount: o }) : n.type === "auto" ? /* @__PURE__ */ c(Ao, { ...r, ref: t, forceMount: o }) : n.type === "always" ? /* @__PURE__ */ c(at, { ...r, ref: t }) : null;
   }
 );
 No.displayName = X;
-var js = p.forwardRef((e, t) => {
+var Vs = p.forwardRef((e, t) => {
   const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), [s, a] = p.useState(!1);
   return p.useEffect(() => {
     const i = n.scrollArea;
     let l = 0;
     if (i) {
-      const d = () => {
+      const u = () => {
         window.clearTimeout(l), a(!0);
-      }, u = () => {
+      }, d = () => {
         l = window.setTimeout(() => a(!1), n.scrollHideDelay);
       };
-      return i.addEventListener("pointerenter", d), i.addEventListener("pointerleave", u), () => {
-        window.clearTimeout(l), i.removeEventListener("pointerenter", d), i.removeEventListener("pointerleave", u);
+      return i.addEventListener("pointerenter", u), i.addEventListener("pointerleave", d), () => {
+        window.clearTimeout(l), i.removeEventListener("pointerenter", u), i.removeEventListener("pointerleave", d);
       };
     }
-  }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ c(de, { present: o || s, children: /* @__PURE__ */ c(
+  }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ c(ue, { present: o || s, children: /* @__PURE__ */ c(
     Ao,
     {
       "data-state": s ? "visible" : "hidden",
@@ -4517,8 +4511,8 @@ var js = p.forwardRef((e, t) => {
       ref: t
     }
   ) });
-}), Bs = p.forwardRef((e, t) => {
-  const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), s = e.orientation === "horizontal", a = Le(() => l("SCROLL_END"), 100), [i, l] = Hs("hidden", {
+}), js = p.forwardRef((e, t) => {
+  const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), s = e.orientation === "horizontal", a = Le(() => l("SCROLL_END"), 100), [i, l] = Ws("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -4538,20 +4532,20 @@ var js = p.forwardRef((e, t) => {
   });
   return p.useEffect(() => {
     if (i === "idle") {
-      const d = window.setTimeout(() => l("HIDE"), n.scrollHideDelay);
-      return () => window.clearTimeout(d);
+      const u = window.setTimeout(() => l("HIDE"), n.scrollHideDelay);
+      return () => window.clearTimeout(u);
     }
   }, [i, n.scrollHideDelay, l]), p.useEffect(() => {
-    const d = n.viewport, u = s ? "scrollLeft" : "scrollTop";
-    if (d) {
-      let f = d[u];
+    const u = n.viewport, d = s ? "scrollLeft" : "scrollTop";
+    if (u) {
+      let f = u[d];
       const m = () => {
-        const g = d[u];
+        const g = u[d];
         f !== g && (l("SCROLL"), a()), f = g;
       };
-      return d.addEventListener("scroll", m), () => d.removeEventListener("scroll", m);
+      return u.addEventListener("scroll", m), () => u.removeEventListener("scroll", m);
     }
-  }, [n.viewport, s, l, a]), /* @__PURE__ */ c(de, { present: o || i !== "hidden", children: /* @__PURE__ */ c(
+  }, [n.viewport, s, l, a]), /* @__PURE__ */ c(ue, { present: o || i !== "hidden", children: /* @__PURE__ */ c(
     at,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
@@ -4564,11 +4558,11 @@ var js = p.forwardRef((e, t) => {
 }), Ao = p.forwardRef((e, t) => {
   const o = q(X, e.__scopeScrollArea), { forceMount: r, ...n } = e, [s, a] = p.useState(!1), i = e.orientation === "horizontal", l = Le(() => {
     if (o.viewport) {
-      const d = o.viewport.offsetWidth < o.viewport.scrollWidth, u = o.viewport.offsetHeight < o.viewport.scrollHeight;
-      a(i ? d : u);
+      const u = o.viewport.offsetWidth < o.viewport.scrollWidth, d = o.viewport.offsetHeight < o.viewport.scrollHeight;
+      a(i ? u : d);
     }
   }, 10);
-  return ce(o.viewport, l), ce(o.content, l), /* @__PURE__ */ c(de, { present: r || s, children: /* @__PURE__ */ c(
+  return de(o.viewport, l), de(o.content, l), /* @__PURE__ */ c(ue, { present: r || s, children: /* @__PURE__ */ c(
     at,
     {
       "data-state": s ? "visible" : "hidden",
@@ -4581,22 +4575,22 @@ var js = p.forwardRef((e, t) => {
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), d = zo(i.viewport, i.content), u = {
+  }), u = zo(i.viewport, i.content), d = {
     ...r,
     sizes: i,
     onSizesChange: l,
-    hasThumb: d > 0 && d < 1,
+    hasThumb: u > 0 && u < 1,
     onThumbChange: (m) => s.current = m,
     onThumbPointerUp: () => a.current = 0,
     onThumbPointerDown: (m) => a.current = m
   };
   function f(m, g) {
-    return Ks(m, a.current, i, g);
+    return Zs(m, a.current, i, g);
   }
   return o === "horizontal" ? /* @__PURE__ */ c(
-    Gs,
+    Bs,
     {
-      ...u,
+      ...d,
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
@@ -4612,9 +4606,9 @@ var js = p.forwardRef((e, t) => {
       }
     }
   ) : o === "vertical" ? /* @__PURE__ */ c(
-    qs,
+    Gs,
     {
-      ...u,
+      ...d,
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
@@ -4630,8 +4624,8 @@ var js = p.forwardRef((e, t) => {
       }
     }
   ) : null;
-}), Gs = p.forwardRef((e, t) => {
-  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = p.useState(), l = p.useRef(null), d = Y(t, l, s.onScrollbarXChange);
+}), Bs = p.forwardRef((e, t) => {
+  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = p.useState(), l = p.useRef(null), u = Y(t, l, s.onScrollbarXChange);
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
@@ -4639,7 +4633,7 @@ var js = p.forwardRef((e, t) => {
     {
       "data-orientation": "horizontal",
       ...n,
-      ref: d,
+      ref: u,
       sizes: o,
       style: {
         bottom: 0,
@@ -4648,12 +4642,12 @@ var js = p.forwardRef((e, t) => {
         "--radix-scroll-area-thumb-width": Me(o) + "px",
         ...e.style
       },
-      onThumbPointerDown: (u) => e.onThumbPointerDown(u.x),
-      onDragScroll: (u) => e.onDragScroll(u.x),
-      onWheelScroll: (u, f) => {
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
+      onDragScroll: (d) => e.onDragScroll(d.x),
+      onWheelScroll: (d, f) => {
         if (s.viewport) {
-          const m = s.viewport.scrollLeft + u.deltaX;
-          e.onWheelScroll(m), Mo(m, f) && u.preventDefault();
+          const m = s.viewport.scrollLeft + d.deltaX;
+          e.onWheelScroll(m), Mo(m, f) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -4669,8 +4663,8 @@ var js = p.forwardRef((e, t) => {
       }
     }
   );
-}), qs = p.forwardRef((e, t) => {
-  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = p.useState(), l = p.useRef(null), d = Y(t, l, s.onScrollbarYChange);
+}), Gs = p.forwardRef((e, t) => {
+  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = p.useState(), l = p.useRef(null), u = Y(t, l, s.onScrollbarYChange);
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
@@ -4678,7 +4672,7 @@ var js = p.forwardRef((e, t) => {
     {
       "data-orientation": "vertical",
       ...n,
-      ref: d,
+      ref: u,
       sizes: o,
       style: {
         top: 0,
@@ -4688,12 +4682,12 @@ var js = p.forwardRef((e, t) => {
         "--radix-scroll-area-thumb-height": Me(o) + "px",
         ...e.style
       },
-      onThumbPointerDown: (u) => e.onThumbPointerDown(u.y),
-      onDragScroll: (u) => e.onDragScroll(u.y),
-      onWheelScroll: (u, f) => {
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
+      onDragScroll: (d) => e.onDragScroll(d.y),
+      onWheelScroll: (d, f) => {
         if (s.viewport) {
-          const m = s.viewport.scrollTop + u.deltaY;
-          e.onWheelScroll(m), Mo(m, f) && u.preventDefault();
+          const m = s.viewport.scrollTop + d.deltaY;
+          e.onWheelScroll(m), Mo(m, f) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -4709,7 +4703,7 @@ var js = p.forwardRef((e, t) => {
       }
     }
   );
-}), [Ys, Ro] = ko(X), _o = p.forwardRef((e, t) => {
+}), [qs, Ro] = ko(X), _o = p.forwardRef((e, t) => {
   const {
     __scopeScrollArea: o,
     sizes: r,
@@ -4718,15 +4712,15 @@ var js = p.forwardRef((e, t) => {
     onThumbPointerUp: a,
     onThumbPointerDown: i,
     onThumbPositionChange: l,
-    onDragScroll: d,
-    onWheelScroll: u,
+    onDragScroll: u,
+    onWheelScroll: d,
     onResize: f,
     ...m
-  } = e, g = q(X, o), [k, x] = p.useState(null), h = Y(t, (S) => x(S)), y = p.useRef(null), R = p.useRef(""), C = g.viewport, A = r.content - r.viewport, P = J(u), E = J(l), _ = Le(f, 10);
+  } = e, g = q(X, o), [k, x] = p.useState(null), h = Y(t, (S) => x(S)), y = p.useRef(null), R = p.useRef(""), C = g.viewport, A = r.content - r.viewport, P = J(d), E = J(l), _ = Le(f, 10);
   function b(S) {
     if (y.current) {
       const M = S.clientX - y.current.left, O = S.clientY - y.current.top;
-      d({ x: M, y: O });
+      u({ x: M, y: O });
     }
   }
   return p.useEffect(() => {
@@ -4735,8 +4729,8 @@ var js = p.forwardRef((e, t) => {
       (k == null ? void 0 : k.contains(O)) && P(M, A);
     };
     return document.addEventListener("wheel", S, { passive: !1 }), () => document.removeEventListener("wheel", S, { passive: !1 });
-  }, [C, k, A, P]), p.useEffect(E, [r, E]), ce(k, _), ce(g.content, _), /* @__PURE__ */ c(
-    Ys,
+  }, [C, k, A, P]), p.useEffect(E, [r, E]), de(k, _), de(g.content, _), /* @__PURE__ */ c(
+    qs,
     {
       scope: o,
       scrollbar: k,
@@ -4766,28 +4760,28 @@ var js = p.forwardRef((e, t) => {
 }), ze = "ScrollAreaThumb", Io = p.forwardRef(
   (e, t) => {
     const { forceMount: o, ...r } = e, n = Ro(ze, e.__scopeScrollArea);
-    return /* @__PURE__ */ c(de, { present: o || n.hasThumb, children: /* @__PURE__ */ c(Xs, { ref: t, ...r }) });
+    return /* @__PURE__ */ c(ue, { present: o || n.hasThumb, children: /* @__PURE__ */ c(Ys, { ref: t, ...r }) });
   }
-), Xs = p.forwardRef(
+), Ys = p.forwardRef(
   (e, t) => {
     const { __scopeScrollArea: o, style: r, ...n } = e, s = q(ze, o), a = Ro(ze, o), { onThumbPositionChange: i } = a, l = Y(
       t,
       (f) => a.onThumbChange(f)
-    ), d = p.useRef(void 0), u = Le(() => {
-      d.current && (d.current(), d.current = void 0);
+    ), u = p.useRef(void 0), d = Le(() => {
+      u.current && (u.current(), u.current = void 0);
     }, 100);
     return p.useEffect(() => {
       const f = s.viewport;
       if (f) {
         const m = () => {
-          if (u(), !d.current) {
-            const g = Js(f, i);
-            d.current = g, i();
+          if (d(), !u.current) {
+            const g = Ks(f, i);
+            u.current = g, i();
           }
         };
         return i(), f.addEventListener("scroll", m), () => f.removeEventListener("scroll", m);
       }
-    }, [s.viewport, u, i]), /* @__PURE__ */ c(
+    }, [s.viewport, d, i]), /* @__PURE__ */ c(
       j.div,
       {
         "data-state": a.hasThumb ? "visible" : "hidden",
@@ -4811,21 +4805,21 @@ Io.displayName = ze;
 var it = "ScrollAreaCorner", Po = p.forwardRef(
   (e, t) => {
     const o = q(it, e.__scopeScrollArea), r = !!(o.scrollbarX && o.scrollbarY);
-    return o.type !== "scroll" && r ? /* @__PURE__ */ c(Zs, { ...e, ref: t }) : null;
+    return o.type !== "scroll" && r ? /* @__PURE__ */ c(Xs, { ...e, ref: t }) : null;
   }
 );
 Po.displayName = it;
-var Zs = p.forwardRef((e, t) => {
-  const { __scopeScrollArea: o, ...r } = e, n = q(it, o), [s, a] = p.useState(0), [i, l] = p.useState(0), d = !!(s && i);
-  return ce(n.scrollbarX, () => {
+var Xs = p.forwardRef((e, t) => {
+  const { __scopeScrollArea: o, ...r } = e, n = q(it, o), [s, a] = p.useState(0), [i, l] = p.useState(0), u = !!(s && i);
+  return de(n.scrollbarX, () => {
     var f;
-    const u = ((f = n.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
-    n.onCornerHeightChange(u), l(u);
-  }), ce(n.scrollbarY, () => {
+    const d = ((f = n.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
+    n.onCornerHeightChange(d), l(d);
+  }), de(n.scrollbarY, () => {
     var f;
-    const u = ((f = n.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
-    n.onCornerWidthChange(u), a(u);
-  }), d ? /* @__PURE__ */ c(
+    const d = ((f = n.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
+    n.onCornerWidthChange(d), a(d);
+  }), u ? /* @__PURE__ */ c(
     j.div,
     {
       ...r,
@@ -4853,13 +4847,13 @@ function Me(e) {
   const t = zo(e.viewport, e.content), o = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - o) * t;
   return Math.max(r, 18);
 }
-function Ks(e, t, o, r = "ltr") {
-  const n = Me(o), s = n / 2, a = t || s, i = n - a, l = o.scrollbar.paddingStart + a, d = o.scrollbar.size - o.scrollbar.paddingEnd - i, u = o.content - o.viewport, f = r === "ltr" ? [0, u] : [u * -1, 0];
-  return To([l, d], f)(e);
+function Zs(e, t, o, r = "ltr") {
+  const n = Me(o), s = n / 2, a = t || s, i = n - a, l = o.scrollbar.paddingStart + a, u = o.scrollbar.size - o.scrollbar.paddingEnd - i, d = o.content - o.viewport, f = r === "ltr" ? [0, d] : [d * -1, 0];
+  return To([l, u], f)(e);
 }
 function At(e, t, o = "ltr") {
-  const r = Me(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - n, a = t.content - t.viewport, i = s - r, l = o === "ltr" ? [0, a] : [a * -1, 0], d = Ws(e, l);
-  return To([0, a], [0, i])(d);
+  const r = Me(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - n, a = t.content - t.viewport, i = s - r, l = o === "ltr" ? [0, a] : [a * -1, 0], u = Us(e, l);
+  return To([0, a], [0, i])(u);
 }
 function To(e, t) {
   return (o) => {
@@ -4871,7 +4865,7 @@ function To(e, t) {
 function Mo(e, t) {
   return e > 0 && e < t;
 }
-var Js = (e, t = () => {
+var Ks = (e, t = () => {
 }) => {
   let o = { left: e.scrollLeft, top: e.scrollTop }, r = 0;
   return (function n() {
@@ -4885,7 +4879,7 @@ function Le(e, t) {
     window.clearTimeout(r.current), r.current = window.setTimeout(o, t);
   }, [o, t]);
 }
-function ce(e, t) {
+function de(e, t) {
   const o = J(t);
   oe(() => {
     let r = 0;
@@ -4899,8 +4893,8 @@ function ce(e, t) {
     }
   }, [e, o]);
 }
-var Qs = So, ea = Eo, ta = Po, oa = "Separator", Rt = "horizontal", ra = ["horizontal", "vertical"], Lo = p.forwardRef((e, t) => {
-  const { decorative: o, orientation: r = Rt, ...n } = e, s = na(r) ? r : Rt, i = o ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
+var Js = So, Qs = Eo, ea = Po, ta = "Separator", Rt = "horizontal", oa = ["horizontal", "vertical"], Lo = p.forwardRef((e, t) => {
+  const { decorative: o, orientation: r = Rt, ...n } = e, s = ra(r) ? r : Rt, i = o ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
   return /* @__PURE__ */ c(
     j.div,
     {
@@ -4911,13 +4905,13 @@ var Qs = So, ea = Eo, ta = Po, oa = "Separator", Rt = "horizontal", ra = ["horiz
     }
   );
 });
-Lo.displayName = oa;
-function na(e) {
-  return ra.includes(e);
+Lo.displayName = ta;
+function ra(e) {
+  return oa.includes(e);
 }
-var sa = Lo, Oe = "Tabs", [aa] = ge(Oe, [
+var na = Lo, Oe = "Tabs", [sa] = ge(Oe, [
   bo
-]), Oo = bo(), [ia, lt] = aa(Oe), $o = p.forwardRef(
+]), Oo = bo(), [aa, lt] = sa(Oe), $o = p.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: o,
@@ -4927,29 +4921,29 @@ var sa = Lo, Oe = "Tabs", [aa] = ge(Oe, [
       orientation: a = "horizontal",
       dir: i,
       activationMode: l = "automatic",
-      ...d
-    } = e, u = rt(i), [f, m] = io({
+      ...u
+    } = e, d = rt(i), [f, m] = io({
       prop: r,
       onChange: n,
       defaultProp: s ?? "",
       caller: Oe
     });
     return /* @__PURE__ */ c(
-      ia,
+      aa,
       {
         scope: o,
         baseId: lo(),
         value: f,
         onValueChange: m,
         orientation: a,
-        dir: u,
+        dir: d,
         activationMode: l,
         children: /* @__PURE__ */ c(
           j.div,
           {
-            dir: u,
+            dir: d,
             "data-orientation": a,
-            ...d,
+            ...u,
             ref: t
           }
         )
@@ -4962,7 +4956,7 @@ var Fo = "TabsList", Do = p.forwardRef(
   (e, t) => {
     const { __scopeTabs: o, loop: r = !0, ...n } = e, s = lt(Fo, o), a = Oo(o);
     return /* @__PURE__ */ c(
-      Ds,
+      Fs,
       {
         asChild: !0,
         ...a,
@@ -4985,22 +4979,22 @@ var Fo = "TabsList", Do = p.forwardRef(
 Do.displayName = Fo;
 var Uo = "TabsTrigger", Wo = p.forwardRef(
   (e, t) => {
-    const { __scopeTabs: o, value: r, disabled: n = !1, ...s } = e, a = lt(Uo, o), i = Oo(o), l = jo(a.baseId, r), d = Bo(a.baseId, r), u = r === a.value;
+    const { __scopeTabs: o, value: r, disabled: n = !1, ...s } = e, a = lt(Uo, o), i = Oo(o), l = jo(a.baseId, r), u = Bo(a.baseId, r), d = r === a.value;
     return /* @__PURE__ */ c(
-      Us,
+      Ds,
       {
         asChild: !0,
         ...i,
         focusable: !n,
-        active: u,
+        active: d,
         children: /* @__PURE__ */ c(
           j.button,
           {
             type: "button",
             role: "tab",
-            "aria-selected": u,
-            "aria-controls": d,
-            "data-state": u ? "active" : "inactive",
+            "aria-selected": d,
+            "aria-controls": u,
+            "data-state": d ? "active" : "inactive",
             "data-disabled": n ? "" : void 0,
             disabled: n,
             id: l,
@@ -5014,7 +5008,7 @@ var Uo = "TabsTrigger", Wo = p.forwardRef(
             }),
             onFocus: W(e.onFocus, () => {
               const f = a.activationMode !== "manual";
-              !u && !n && f && a.onValueChange(r);
+              !d && !n && f && a.onValueChange(r);
             })
           }
         )
@@ -5025,19 +5019,19 @@ var Uo = "TabsTrigger", Wo = p.forwardRef(
 Wo.displayName = Uo;
 var Ho = "TabsContent", Vo = p.forwardRef(
   (e, t) => {
-    const { __scopeTabs: o, value: r, forceMount: n, children: s, ...a } = e, i = lt(Ho, o), l = jo(i.baseId, r), d = Bo(i.baseId, r), u = r === i.value, f = p.useRef(u);
+    const { __scopeTabs: o, value: r, forceMount: n, children: s, ...a } = e, i = lt(Ho, o), l = jo(i.baseId, r), u = Bo(i.baseId, r), d = r === i.value, f = p.useRef(d);
     return p.useEffect(() => {
       const m = requestAnimationFrame(() => f.current = !1);
       return () => cancelAnimationFrame(m);
-    }, []), /* @__PURE__ */ c(de, { present: n || u, children: ({ present: m }) => /* @__PURE__ */ c(
+    }, []), /* @__PURE__ */ c(ue, { present: n || d, children: ({ present: m }) => /* @__PURE__ */ c(
       j.div,
       {
-        "data-state": u ? "active" : "inactive",
+        "data-state": d ? "active" : "inactive",
         "data-orientation": i.orientation,
         role: "tabpanel",
         "aria-labelledby": l,
         hidden: !m,
-        id: d,
+        id: u,
         tabIndex: 0,
         ...a,
         ref: t,
@@ -5057,8 +5051,8 @@ function jo(e, t) {
 function Bo(e, t) {
   return `${e}-content-${t}`;
 }
-var la = $o, ca = Do, da = Wo, ua = Vo;
-const fa = ot(
+var ia = $o, la = Do, ca = Wo, da = Vo;
+const ua = ot(
   'inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
   {
     variants: {
@@ -5100,12 +5094,12 @@ function Go({
       "data-slot": "button",
       "data-variant": t,
       "data-size": o,
-      className: T(fa({ variant: t, size: o, className: e })),
+      className: T(ua({ variant: t, size: o, className: e })),
       ...n
     }
   );
 }
-const ma = ot(
+const fa = ot(
   "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -5123,7 +5117,7 @@ const ma = ot(
     }
   }
 );
-function pa({
+function ma({
   className: e,
   variant: t = "default",
   asChild: o = !1,
@@ -5134,12 +5128,12 @@ function pa({
     {
       "data-slot": "badge",
       "data-variant": t,
-      className: T(ma({ variant: t }), e),
+      className: T(fa({ variant: t }), e),
       ...r
     }
   );
 }
-function ha({ className: e, type: t, ...o }) {
+function pa({ className: e, type: t, ...o }) {
   return /* @__PURE__ */ c(
     "input",
     {
@@ -5155,14 +5149,14 @@ function ha({ className: e, type: t, ...o }) {
     }
   );
 }
-function ga({
+function ha({
   className: e,
   orientation: t = "horizontal",
   decorative: o = !0,
   ...r
 }) {
   return /* @__PURE__ */ c(
-    sa,
+    na,
     {
       "data-slot": "separator",
       decorative: o,
@@ -5175,13 +5169,13 @@ function ga({
     }
   );
 }
-function ba({
+function ga({
   className: e,
   orientation: t = "horizontal",
   ...o
 }) {
   return /* @__PURE__ */ c(
-    la,
+    ia,
     {
       "data-slot": "tabs",
       "data-orientation": t,
@@ -5194,7 +5188,7 @@ function ba({
     }
   );
 }
-const va = ot(
+const ba = ot(
   "rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
   {
     variants: {
@@ -5208,27 +5202,27 @@ const va = ot(
     }
   }
 );
-function xa({
+function va({
   className: e,
   variant: t = "default",
   ...o
 }) {
   return /* @__PURE__ */ c(
-    ca,
+    la,
     {
       "data-slot": "tabs-list",
       "data-variant": t,
-      className: T(va({ variant: t }), e),
+      className: T(ba({ variant: t }), e),
       ...o
     }
   );
 }
-function wa({
+function xa({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ c(
-    da,
+    ca,
     {
       "data-slot": "tabs-trigger",
       className: T(
@@ -5242,12 +5236,12 @@ function wa({
     }
   );
 }
-function ya({
+function wa({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ c(
-    ua,
+    da,
     {
       "data-slot": "tabs-content",
       className: T("flex-1 outline-none", e),
@@ -5255,7 +5249,7 @@ function ya({
     }
   );
 }
-function ka({
+function ya({
   className: e,
   orientation: t = "vertical",
   ...o
@@ -5282,28 +5276,28 @@ function ka({
     }
   );
 }
-function Sa({
+function ka({
   className: e,
   children: t,
   ...o
 }) {
   return /* @__PURE__ */ z(
-    Qs,
+    Js,
     {
       "data-slot": "scroll-area",
       className: T("relative", e),
       ...o,
       children: [
         /* @__PURE__ */ c(
-          ea,
+          Qs,
           {
             "data-slot": "scroll-area-viewport",
             className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
             children: t
           }
         ),
-        /* @__PURE__ */ c(ka, {}),
-        /* @__PURE__ */ c(ta, {})
+        /* @__PURE__ */ c(ya, {}),
+        /* @__PURE__ */ c(ea, {})
       ]
     }
   );
@@ -5314,7 +5308,7 @@ function Ke({
   ...o
 }) {
   return /* @__PURE__ */ c(
-    Ns,
+    Es,
     {
       "data-slot": "avatar",
       "data-size": t,
@@ -5331,7 +5325,7 @@ function Je({
   ...t
 }) {
   return /* @__PURE__ */ c(
-    As,
+    Ns,
     {
       "data-slot": "avatar-image",
       className: T("aspect-square size-full", e),
@@ -5344,7 +5338,7 @@ function Qe({
   ...t
 }) {
   return /* @__PURE__ */ c(
-    Rs,
+    As,
     {
       "data-slot": "avatar-fallback",
       className: T(
@@ -5356,31 +5350,31 @@ function Qe({
   );
 }
 const qo = {
-  "arrow-left": wr,
-  calendar: Cr,
-  "check-circle-2": Pr,
-  "chevron-left": Nr,
+  "arrow-left": xr,
+  calendar: Sr,
+  "check-circle-2": Ir,
+  "chevron-left": Er,
   "chevron-right": Dt,
-  clock: $r,
-  "credit-card": Dr,
-  "external-link": Wr,
-  "help-circle": Tr,
-  info: Vr,
+  clock: Or,
+  "credit-card": Fr,
+  "external-link": Ur,
+  "help-circle": zr,
+  info: Hr,
   "loader-2": Ut,
   mail: Ye,
-  "map-pin": qr,
-  "message-circle": Xr,
+  "map-pin": Gr,
+  "message-circle": Yr,
   "message-square": Wt,
-  package: Jr,
-  phone: en,
-  search: on,
-  "shopping-bag": nn,
-  sparkles: an,
-  truck: cn,
+  package: Kr,
+  phone: Qr,
+  search: tn,
+  "shopping-bag": rn,
+  sparkles: sn,
+  truck: ln,
   user: Ht,
-  "x-circle": Lr,
-  "alert-circle": _r,
-  "book-open": kr
+  "x-circle": Mr,
+  "alert-circle": Rr,
+  "book-open": yr
 }, _t = {
   0: "gap-0",
   1: "gap-1",
@@ -5392,14 +5386,14 @@ const qo = {
   8: "gap-8",
   10: "gap-10",
   12: "gap-12"
-}, Yo = (e) => typeof e == "number" ? _t[String(e)] ?? "gap-2" : typeof e == "string" ? _t[e.trim()] ?? "gap-2" : "gap-2", Ca = ({ children: e, className: t, onClick: o }) => /* @__PURE__ */ c(
+}, Yo = (e) => typeof e == "number" ? _t[String(e)] ?? "gap-2" : typeof e == "string" ? _t[e.trim()] ?? "gap-2" : "gap-2", Sa = ({ children: e, className: t, onClick: o }) => /* @__PURE__ */ c(
   me,
   {
     className: t,
     onClick: o,
     children: e
   }
-), Ea = ({ children: e, className: t }) => /* @__PURE__ */ c(pe, { className: t, children: e }), Na = ({ children: e, className: t }) => /* @__PURE__ */ c(es, { className: t, children: e }), Aa = ({ children: e, className: t, onClick: o, variant: r, size: n, disabled: s, title: a }) => /* @__PURE__ */ c(
+), Ca = ({ children: e, className: t }) => /* @__PURE__ */ c(pe, { className: t, children: e }), Ea = ({ children: e, className: t }) => /* @__PURE__ */ c(Qn, { className: t, children: e }), Na = ({ children: e, className: t, onClick: o, variant: r, size: n, disabled: s, title: a }) => /* @__PURE__ */ c(
   Go,
   {
     className: t,
@@ -5410,30 +5404,30 @@ const qo = {
     title: a,
     children: e
   }
-), Ra = ({ children: e, className: t, variant: o }) => /* @__PURE__ */ c(
-  pa,
+), Aa = ({ children: e, className: t, variant: o }) => /* @__PURE__ */ c(
+  ma,
   {
     className: t,
     variant: o,
     children: e
   }
-), _a = ({ className: e, onChange: t, ...o }) => /* @__PURE__ */ c(
-  ha,
+), Ra = ({ className: e, onChange: t, ...o }) => /* @__PURE__ */ c(
+  pa,
   {
     className: e,
     onChange: t,
     ...o
   }
-), Ia = ({ className: e }) => /* @__PURE__ */ c(ga, { className: e }), Pa = ({ children: e, className: t }) => /* @__PURE__ */ c(ba, { className: t, children: e }), za = ({ children: e, className: t }) => /* @__PURE__ */ c(xa, { className: t, children: e }), Ta = ({ children: e, className: t }) => /* @__PURE__ */ c(wa, { className: t, value: "", children: e }), Ma = ({ children: e, className: t }) => /* @__PURE__ */ c(ya, { className: t, value: "", children: e }), La = ({ children: e, className: t }) => /* @__PURE__ */ c(Sa, { className: t, children: e }), Oa = ({ children: e, className: t }) => /* @__PURE__ */ c(Ke, { className: t, children: e }), $a = ({ src: e, alt: t, className: o }) => /* @__PURE__ */ c(Je, { src: e, alt: t, className: o }), Fa = ({ children: e, className: t }) => /* @__PURE__ */ c(Qe, { className: t, children: e }), Da = ({ children: e, className: t }) => /* @__PURE__ */ c("p", { className: T("text-sm", t), children: e }), Ua = ({ children: e, className: t, level: o }) => {
+), _a = ({ className: e }) => /* @__PURE__ */ c(ha, { className: e }), Ia = ({ children: e, className: t }) => /* @__PURE__ */ c(ga, { className: t, children: e }), Pa = ({ children: e, className: t }) => /* @__PURE__ */ c(va, { className: t, children: e }), za = ({ children: e, className: t }) => /* @__PURE__ */ c(xa, { className: t, value: "", children: e }), Ta = ({ children: e, className: t }) => /* @__PURE__ */ c(wa, { className: t, value: "", children: e }), Ma = ({ children: e, className: t }) => /* @__PURE__ */ c(ka, { className: t, children: e }), La = ({ children: e, className: t }) => /* @__PURE__ */ c(Ke, { className: t, children: e }), Oa = ({ src: e, alt: t, className: o }) => /* @__PURE__ */ c(Je, { src: e, alt: t, className: o }), $a = ({ children: e, className: t }) => /* @__PURE__ */ c(Qe, { className: t, children: e }), Fa = ({ children: e, className: t }) => /* @__PURE__ */ c("p", { className: T("text-sm", t), children: e }), Da = ({ children: e, className: t, level: o }) => {
   const r = `h${o || "2"}`;
   return /* @__PURE__ */ c(r, { className: T("font-semibold tracking-tight", t), children: e });
-}, Wa = ({ children: e, className: t, direction: o, gap: r }) => {
+}, Ua = ({ children: e, className: t, direction: o, gap: r }) => {
   const n = o === "row" ? "flex-row" : "flex-col", s = Yo(r);
   return /* @__PURE__ */ c("div", { className: T("flex", n, s, t), children: e });
-}, Ha = ({ children: e, className: t, gap: o }) => {
+}, Wa = ({ children: e, className: t, gap: o }) => {
   const r = Yo(o);
   return /* @__PURE__ */ c("div", { className: T("flex flex-row items-center", r, t), children: e });
-}, Va = ({ children: e, className: t, href: o, target: r, rel: n }) => /* @__PURE__ */ c(
+}, Ha = ({ children: e, className: t, href: o, target: r, rel: n }) => /* @__PURE__ */ c(
   "a",
   {
     href: o,
@@ -5442,10 +5436,10 @@ const qo = {
     className: t,
     children: e
   }
-), ja = ({ title: e, children: t, className: o }) => /* @__PURE__ */ z(me, { className: T("overflow-hidden p-0 gap-0 shadow-sm", o), children: [
+), Va = ({ title: e, children: t, className: o }) => /* @__PURE__ */ z(me, { className: T("overflow-hidden p-0 gap-0 shadow-sm", o), children: [
   e ? /* @__PURE__ */ c(pe, { className: "px-6 py-3", children: /* @__PURE__ */ c("h3", { className: "text-xs font-semibold tracking-wider text-muted-foreground", children: String(e) }) }) : null,
   /* @__PURE__ */ c("div", { className: "flex flex-col gap-0 divide-y divide-border", children: t })
-] }), Ba = ({ icon: e, label: t, description: o, onClick: r, className: n }) => {
+] }), ja = ({ icon: e, label: t, description: o, onClick: r, className: n }) => {
   const s = e, a = "size-5", i = s ? qo[s] : null;
   return /* @__PURE__ */ z(
     "button",
@@ -5463,33 +5457,33 @@ const qo = {
       ]
     }
   );
-}, Ga = ({ name: e, size: t, className: o }) => {
+}, Ba = ({ name: e, size: t, className: o }) => {
   const n = { sm: "size-3", md: "size-5", lg: "size-6" }[t] ?? "size-4", s = e, a = qo[s], i = s === "sparkles" ? "sparkle-icon" : "";
   return a ? /* @__PURE__ */ c(a, { className: T(n, i, o) }) : /* @__PURE__ */ c("span", { className: T("inline-block", n, i, o), "data-icon": s });
-}, qa = () => ({
-  "ui-card": Ca,
-  "ui-card-content": Ea,
-  "ui-card-header": Na,
-  "ui-button": Aa,
-  "ui-text": Da,
-  "ui-heading": Ua,
-  "ui-badge": Ra,
-  "ui-input": _a,
-  "ui-stack": Wa,
-  "ui-inline": Ha,
-  "ui-separator": Ia,
-  "ui-tabs": Pa,
-  "ui-tabs-list": za,
-  "ui-tabs-trigger": Ta,
-  "ui-tabs-content": Ma,
-  "ui-scroll-area": La,
-  "ui-avatar": Oa,
-  "ui-avatar-image": $a,
-  "ui-avatar-fallback": Fa,
-  "ui-icon": Ga,
-  "ui-link": Va,
-  "ui-menu-item": Ba,
-  "ui-menu": ja
+}, Ga = () => ({
+  "ui-card": Sa,
+  "ui-card-content": Ca,
+  "ui-card-header": Ea,
+  "ui-button": Na,
+  "ui-text": Fa,
+  "ui-heading": Da,
+  "ui-badge": Aa,
+  "ui-input": Ra,
+  "ui-stack": Ua,
+  "ui-inline": Wa,
+  "ui-separator": _a,
+  "ui-tabs": Ia,
+  "ui-tabs-list": Pa,
+  "ui-tabs-trigger": za,
+  "ui-tabs-content": Ta,
+  "ui-scroll-area": Ma,
+  "ui-avatar": La,
+  "ui-avatar-image": Oa,
+  "ui-avatar-fallback": $a,
+  "ui-icon": Ba,
+  "ui-link": Ha,
+  "ui-menu-item": ja,
+  "ui-menu": Va
 }), It = "/api/ecommerce", Xo = async (e, t) => {
   const o = t ? `${t.replace(/\/$/, "")}${It}` : It, r = await fetch(o, {
     method: "POST",
@@ -5499,12 +5493,12 @@ const qo = {
   if (!r.ok)
     throw new Error(n.error || "API request failed");
   return n.data;
-}, Ya = ({ className: e }) => /* @__PURE__ */ z("svg", { width: "100%", height: "100%", viewBox: "0 0 190 190", version: "1.1", className: e, children: [
+}, qa = ({ className: e }) => /* @__PURE__ */ z("svg", { width: "100%", height: "100%", viewBox: "0 0 190 190", version: "1.1", className: e, children: [
   /* @__PURE__ */ c("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ c("path", { d: "M344.73,67.03C344.73,30.01 314.72,0 277.7,0C240.68,0 210.67,30.01 210.67,67.03L255.36,67.03C255.36,54.69 265.36,44.69 277.7,44.69C290.04,44.69 300.05,54.69 300.05,67.03L344.73,67.03Z", fill: "rgb(15,13,25)" }) }),
   /* @__PURE__ */ c("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ c("path", { d: "M300.04,67.03C300.04,54.69 290.05,44.69 277.7,44.69C265.35,44.69 255.36,54.69 255.36,67.03L300.04,67.03Z", fill: "rgb(232,218,234)" }) }),
   /* @__PURE__ */ c("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ c("path", { d: "M166,67.03C166,104.05 196.01,134.06 233.03,134.06C270.05,134.06 300.06,104.05 300.06,67.03L255.37,67.03C255.37,79.37 245.37,89.37 233.03,89.37C220.69,89.37 210.69,79.37 210.69,67.03L166,67.03Z", fill: "rgb(15,13,25)" }) }),
   /* @__PURE__ */ c("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ c("path", { d: "M210.68,67.03C210.68,79.37 220.68,89.37 233.03,89.37C245.38,89.37 255.37,79.37 255.37,67.03L210.68,67.03Z", fill: "rgb(252,248,161)" }) })
-] }), Pt = "stackable-dev-badge-styles", Xa = () => {
+] }), Pt = "stackable-dev-badge-styles", Ya = () => {
   if (typeof document > "u" || document.getElementById(Pt)) return;
   const e = document.createElement("style");
   e.id = Pt, e.textContent = `
@@ -5515,23 +5509,23 @@ const qo = {
       100% { transform: rotate(180deg); }
     }
   `, document.head.appendChild(e);
-}, Za = ({ className: e = "", extensions: t = [] }) => {
+}, Xa = ({ className: e = "", extensions: t = [] }) => {
   const [o, r] = U([]), [n, s] = U(!1), [a, i] = U(!1), l = ae(null);
   if (B(() => {
-    Xa();
+    Ya();
   }, []), B(() => {
     if (typeof window > "u") return;
-    const u = () => {
+    const d = () => {
       const m = $t(window.location.search);
       r(m);
     };
-    u();
-    const f = () => u();
+    d();
+    const f = () => d();
     return window.addEventListener("popstate", f), () => window.removeEventListener("popstate", f);
   }, []), o.length === 0)
     return null;
-  const d = (u) => {
-    if (u.stopPropagation(), typeof window > "u") return;
+  const u = (d) => {
+    if (d.stopPropagation(), typeof window > "u") return;
     const f = new URL(window.location.href);
     f.searchParams.delete("_stackable_dev"), window.location.href = f.toString();
   };
@@ -5567,7 +5561,7 @@ const qo = {
               width: "420px",
               maxWidth: "90vw"
             },
-            children: o.map((u, f) => {
+            children: o.map((d, f) => {
               var m;
               return /* @__PURE__ */ z(
                 "div",
@@ -5589,7 +5583,7 @@ const qo = {
                           overflow: "hidden",
                           textOverflow: "ellipsis"
                         },
-                        children: ((m = t.find((g) => g.id === u.extensionId)) == null ? void 0 : m.manifest.name) || u.extensionId
+                        children: ((m = t.find((g) => g.id === d.extensionId)) == null ? void 0 : m.manifest.name) || d.extensionId
                       }
                     ),
                     /* @__PURE__ */ z(
@@ -5604,16 +5598,16 @@ const qo = {
                           overflow: "hidden",
                           textOverflow: "ellipsis"
                         },
-                        title: u.bundleUrl,
+                        title: d.bundleUrl,
                         children: [
                           "→ ",
-                          u.bundleUrl
+                          d.bundleUrl
                         ]
                       }
                     )
                   ]
                 },
-                u.extensionId
+                d.extensionId
               );
             })
           }
@@ -5646,7 +5640,7 @@ const qo = {
                     display: "inline-flex",
                     animation: a && !n ? "stackable-logo-wiggle 0.55s cubic-bezier(0.36, 0.07, 0.19, 0.97) both" : "none"
                   },
-                  children: /* @__PURE__ */ c(Ya, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ c(qa, { className: "w-6 h-6" })
                 }
               ),
               /* @__PURE__ */ c("span", { children: "Dev Mode" }),
@@ -5660,7 +5654,7 @@ const qo = {
               /* @__PURE__ */ c(
                 "button",
                 {
-                  onClick: d,
+                  onClick: u,
                   style: {
                     marginLeft: "4px",
                     backgroundColor: "rgba(0, 0, 0, 0.15)",
@@ -5674,11 +5668,11 @@ const qo = {
                     fontFamily: "inherit",
                     transition: "background-color 0.1s ease"
                   },
-                  onMouseOver: (u) => {
-                    u.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.25)";
+                  onMouseOver: (d) => {
+                    d.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.25)";
                   },
-                  onMouseOut: (u) => {
-                    u.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.15)";
+                  onMouseOut: (d) => {
+                    d.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.15)";
                   },
                   children: "Clear"
                 }
@@ -5689,7 +5683,7 @@ const qo = {
       ]
     }
   );
-}, zt = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, li = ({
+}, zt = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, ii = ({
   instanceId: e,
   apiBase: t,
   hostBase: o,
@@ -5698,30 +5692,30 @@ const qo = {
   customerId: s,
   customerEmail: a
 }) => {
-  const [i, l] = U([]), [d, u] = U(!1);
+  const [i, l] = U([]), [u, d] = U(!1);
   B(() => {
     (async () => {
       const g = e;
       try {
         if (!g) {
-          console.warn("[ExtensionSetup] No instanceId provided; loading no extensions"), l([]), u(!0);
+          console.warn("[ExtensionSetup] No instanceId provided; loading no extensions"), l([]), d(!0);
           return;
         }
         if (!t || !r) {
-          console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), l([]), u(!0);
+          console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), l([]), d(!0);
           return;
         }
         const k = await fetch(zt(t, `/instances/${r}/${g}`));
         if (!k.ok) {
-          console.warn(`[ExtensionSetup] Instance not found or failed to load: ${g}`), l([]), u(!0);
+          console.warn(`[ExtensionSetup] Instance not found or failed to load: ${g}`), l([]), d(!0);
           return;
         }
-        const x = await k.json(), h = $t(typeof window < "u" ? window.location.search : ""), y = ur(x, h);
+        const x = await k.json(), h = $t(typeof window < "u" ? window.location.search : ""), y = dr(x, h);
         l(y);
       } catch (k) {
         console.error("Failed to load extensions:", k);
       } finally {
-        u(!0);
+        d(!0);
       }
     })();
   }, [e, r, t]);
@@ -5773,11 +5767,11 @@ const qo = {
     }),
     [t, r, o, s, a]
   );
-  return d ? /* @__PURE__ */ z(he, { children: [
-    /* @__PURE__ */ c(ir, { extensions: i, capabilityHandlers: f, components: qa(), children: n }),
-    /* @__PURE__ */ c(Za, { extensions: i })
+  return u ? /* @__PURE__ */ z(he, { children: [
+    /* @__PURE__ */ c(ar, { extensions: i, capabilityHandlers: f, components: Ga(), children: n }),
+    /* @__PURE__ */ c(Xa, { extensions: i })
   ] }) : null;
-}, Ka = { dark: "dark", light: "widget-theme-light" }, Zo = ({ children: e, theme: t = "inherit" }) => /* @__PURE__ */ c("div", { "data-id": "widget-body", className: Ka[t], children: /* @__PURE__ */ c("div", { className: "h-[700px] w-[900px] overflow-hidden rounded-md ring ring-zinc-200 dark:ring-zinc-300", children: /* @__PURE__ */ c("div", { className: "flex h-full w-full flex-col overflow-hidden rounded-md bg-muted dark:bg-background text-foreground", children: e }) }) }), Ko = ({ onClick: e, icon: t = vr }) => /* @__PURE__ */ c("div", { className: "fixed bottom-8 right-8 z-50", children: /* @__PURE__ */ c(
+}, Za = { dark: "dark", light: "widget-theme-light" }, Zo = ({ children: e, theme: t = "inherit" }) => /* @__PURE__ */ c("div", { "data-id": "widget-body", className: Za[t], children: /* @__PURE__ */ c("div", { className: "h-[700px] w-[900px] overflow-hidden rounded-md ring ring-zinc-200 dark:ring-zinc-300", children: /* @__PURE__ */ c("div", { className: "flex h-full w-full flex-col overflow-hidden rounded-md bg-muted dark:bg-background text-foreground", children: e }) }) }), Ko = ({ onClick: e, icon: t = br }) => /* @__PURE__ */ c("div", { className: "fixed bottom-8 right-8 z-50", children: /* @__PURE__ */ c(
   Go,
   {
     className: "h-12 w-12 rounded-full",
@@ -5785,7 +5779,7 @@ const qo = {
     onClick: e,
     children: /* @__PURE__ */ c(t, { className: "h-6 w-6" })
   }
-) }), ci = ({ children: e, icon: t, theme: o }) => {
+) }), li = ({ children: e, icon: t, theme: o }) => {
   const [r, n] = U(!1);
   return /* @__PURE__ */ z(he, { children: [
     /* @__PURE__ */ c(Ko, { onClick: () => {
@@ -5793,10 +5787,10 @@ const qo = {
     }, icon: t }),
     r && /* @__PURE__ */ c("div", { "data-id": "widget-container", className: "overflow-hidden fixed bottom-24 right-8 z-1000 rounded-md shadow-xl", children: /* @__PURE__ */ c(Zo, { theme: o, children: e }) })
   ] });
-}, di = {
+}, ci = {
   Body: Zo,
   Launcher: Ko
-}, Ja = ({ href: e, children: t }) => /* @__PURE__ */ c(
+}, Ka = ({ href: e, children: t }) => /* @__PURE__ */ c(
   "a",
   {
     href: e,
@@ -5805,7 +5799,7 @@ const qo = {
     className: "text-zinc-500 opacity-80 transition-colors hover:text-zinc-900 hover:opacity-100",
     children: t
   }
-), Qa = (e, t) => {
+), Ja = (e, t) => {
   const [o, r] = U(null), [n, s] = U(!1), [a, i] = U(null);
   return B(() => {
     if (!e) {
@@ -5815,33 +5809,33 @@ const qo = {
     (async () => {
       s(!0), i(null);
       try {
-        const d = await Xo({
+        const u = await Xo({
           action: "getCustomer",
           customerId: e
         }, t);
-        r(d);
-      } catch (d) {
-        i(d);
+        r(u);
+      } catch (u) {
+        i(u);
       } finally {
         s(!1);
       }
     })();
   }, [e, t]), { customer: o, loading: n, error: a };
-}, ei = ({ customerId: e, customerEmail: t, hostBase: o, children: r }) => {
-  var l, d;
-  const { customer: n, loading: s, error: a } = Qa(e, o);
+}, Qa = ({ customerId: e, customerEmail: t, hostBase: o, children: r }) => {
+  var l, u;
+  const { customer: n, loading: s, error: a } = Ja(e, o);
   if (s)
     return /* @__PURE__ */ c(me, { className: "border-none shadow-none bg-transparent", children: /* @__PURE__ */ c(pe, { className: "flex items-center justify-center p-6", children: /* @__PURE__ */ c(Ut, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) });
   if (a || !n) {
-    const u = t ? t.split("@")[0] : e ? `Customer ${e.slice(-4)}` : "Customer", f = u.split(/[\s._-]+/).map((m) => m[0]).join("").slice(0, 2).toUpperCase();
+    const d = t ? t.split("@")[0] : e ? `Customer ${e.slice(-4)}` : "Customer", f = d.split(/[\s._-]+/).map((m) => m[0]).join("").slice(0, 2).toUpperCase();
     return /* @__PURE__ */ c(me, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ z(pe, { className: "p-4 pb-0 pt-2", children: [
       /* @__PURE__ */ z("div", { className: "flex flex-col items-center", children: [
         /* @__PURE__ */ z(Ke, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
           /* @__PURE__ */ c(
             Je,
             {
-              src: `https://ui-avatars.com/api/?name=${encodeURIComponent(u)}&background=7c3aed&color=fff&size=128`,
-              alt: u
+              src: `https://ui-avatars.com/api/?name=${encodeURIComponent(d)}&background=7c3aed&color=fff&size=128`,
+              alt: d
             }
           ),
           /* @__PURE__ */ c(Qe, { className: "text-lg", children: f })
@@ -5849,7 +5843,7 @@ const qo = {
         /* @__PURE__ */ z("div", { className: "text-center w-full space-y-1", children: [
           /* @__PURE__ */ z("div", { children: [
             /* @__PURE__ */ c("p", { className: "text-xs text-foreground/70 font-medium tracking-wide", children: "Welcome," }),
-            /* @__PURE__ */ c("h2", { className: "text-lg font-bold text-foreground leading-tight", children: u })
+            /* @__PURE__ */ c("h2", { className: "text-lg font-bold text-foreground leading-tight", children: d })
           ] }),
           t && /* @__PURE__ */ c("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ z("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
             /* @__PURE__ */ c(Ye, { className: "h-3 w-3", "aria-hidden": "true" }),
@@ -5861,7 +5855,7 @@ const qo = {
       /* @__PURE__ */ c("p", { className: "pt-2 text-center text-xs text-muted-foreground", children: "Using fallback profile (customer API returned no data)" })
     ] }) });
   }
-  const i = `${((l = n.first_name) == null ? void 0 : l[0]) || ""}${((d = n.last_name) == null ? void 0 : d[0]) || ""}`;
+  const i = `${((l = n.first_name) == null ? void 0 : l[0]) || ""}${((u = n.last_name) == null ? void 0 : u[0]) || ""}`;
   return /* @__PURE__ */ c(me, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ c(pe, { className: "p-4 pb-0 pt-2", children: /* @__PURE__ */ z("div", { className: "flex flex-col items-center", children: [
     /* @__PURE__ */ z(Ke, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
       /* @__PURE__ */ c(
@@ -5899,7 +5893,7 @@ const qo = {
       n.disconnect(), r == null || r.remove();
     };
   }, [e, t]);
-}, ti = ({ customization: e }) => {
+}, ei = ({ customization: e }) => {
   const t = ae(null);
   return Jo("widget_conversations", t), B(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
@@ -5912,7 +5906,7 @@ const qo = {
       className: "h-full overflow-hidden"
     }
   );
-}, oi = ({ customization: e }) => {
+}, ti = ({ customization: e }) => {
   const t = ae(null);
   return Jo("widget_messages", t), B(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
@@ -5925,7 +5919,7 @@ const qo = {
       className: "h-full overflow-hidden"
     }
   );
-}, Ge = 25, qe = 75, ui = ({
+}, Ge = 25, qe = 75, di = ({
   header: e,
   buttons: t,
   hostBase: o,
@@ -5936,7 +5930,7 @@ const qo = {
   const a = Math.max(
     Ge,
     Math.min(qe, s)
-  ), [i, l] = U("account"), [d, u] = U(a), [f, m] = U(!1), [g, k] = U(!1), [x, h] = U(!1), y = ae(null), R = Re(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
+  ), [i, l] = U("account"), [u, d] = U(a), [f, m] = U(!1), [g, k] = U(!1), [x, h] = U(!1), y = ae(null), R = Re(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
     mode: "embedded",
     conversationList: { targetElement: "#widget_conversations" },
     messageLog: { targetElement: "#widget_messages" }
@@ -5976,7 +5970,7 @@ const qo = {
         Ge,
         Math.min(qe, O)
       );
-      u(Z);
+      d(Z);
     }, _ = () => {
       h(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
@@ -5997,7 +5991,7 @@ const qo = {
   }, []);
   const A = Re((E) => {
     if (E.detail === 2) {
-      u(a);
+      d(a);
       return;
     }
     E.preventDefault(), h(!0);
@@ -6013,7 +6007,7 @@ const qo = {
         {
           "data-id": "primary-panel",
           className: "min-h-0 min-w-0 flex-none overflow-hidden flex flex-col",
-          style: { flexBasis: `${d}%` },
+          style: { flexBasis: `${u}%` },
           children: [
             /* @__PURE__ */ z("div", { className: "flex items-center justify-between px-4 py-3", children: [
               /* @__PURE__ */ c("h2", { className: "font-semibold text-sm text-foreground", children: i === "account" ? "My Account" : "My Conversations" }),
@@ -6052,7 +6046,7 @@ const qo = {
             ] }),
             /* @__PURE__ */ z("div", { className: "flex-1 overflow-y-auto p-4 relative", children: [
               /* @__PURE__ */ z("div", { className: T("flex flex-col gap-2", i === "conversations" && "hidden"), children: [
-                /* @__PURE__ */ c(ei, { customerId: r, customerEmail: n, hostBase: o, children: /* @__PURE__ */ c(
+                /* @__PURE__ */ c(Qa, { customerId: r, customerEmail: n, hostBase: o, children: /* @__PURE__ */ c(
                   Ce,
                   {
                     target: "slot.header",
@@ -6072,7 +6066,7 @@ const qo = {
               /* @__PURE__ */ c("div", { className: T(
                 "h-full rounded-xl border border-zinc-200 bg-white p-2 shadow-sm dark:border-zinc-300",
                 i === "account" && "hidden"
-              ), children: /* @__PURE__ */ c(ti, {}) })
+              ), children: /* @__PURE__ */ c(ei, {}) })
             ] })
           ]
         }
@@ -6082,9 +6076,9 @@ const qo = {
         {
           "data-id": "secondary-panel",
           className: "min-h-0 min-w-0 flex-none flex flex-col bg-white",
-          style: { flexBasis: `${100 - d}%` },
+          style: { flexBasis: `${100 - u}%` },
           children: [
-            /* @__PURE__ */ c("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ c(oi, {}) }),
+            /* @__PURE__ */ c("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ c(ti, {}) }),
             /* @__PURE__ */ z("div", { className: "flex flex-wrap items-center justify-end gap-1 py-1 mr-4 text-xs text-zinc-500", children: [
               /* @__PURE__ */ c(
                 Ce,
@@ -6094,7 +6088,7 @@ const qo = {
                   className: "flex items-center gap-1",
                   fallback: /* @__PURE__ */ z(he, { children: [
                     /* @__PURE__ */ c("div", { children: "powered by" }),
-                    /* @__PURE__ */ c(Ja, { href: "https://zendesk.com", children: "Zendesk" })
+                    /* @__PURE__ */ c(Ka, { href: "https://zendesk.com", children: "Zendesk" })
                   ] })
                 }
               ),
@@ -6122,14 +6116,14 @@ const qo = {
             "group/resize absolute z-20 flex items-center justify-center",
             f ? "top-0 bottom-0 w-3 -ml-2.5 cursor-col-resize" : "w-full h-3 -mt-2.5 cursor-row-resize"
           ),
-          style: f ? { left: `${d}%` } : { top: `${d}%` },
+          style: f ? { left: `${u}%` } : { top: `${u}%` },
           onMouseDown: A,
           role: "separator",
           "aria-label": "Resize panels",
           "aria-orientation": f ? "vertical" : "horizontal",
           "aria-valuemin": Ge,
           "aria-valuemax": qe,
-          "aria-valuenow": Math.round(d),
+          "aria-valuenow": Math.round(u),
           children: /* @__PURE__ */ c(
             "div",
             {
@@ -6151,10 +6145,10 @@ const qo = {
       )
     ] })
   ] });
-}, ri = "ze-snippet", Tt = (e) => `https://static.zdassets.com/ekr/snippet.js?key=${encodeURIComponent(e)}`, ni = (e, t = {}) => {
+}, oi = "ze-snippet", Tt = (e) => `https://static.zdassets.com/ekr/snippet.js?key=${encodeURIComponent(e)}`, ri = (e, t = {}) => {
   if (typeof window > "u" || typeof document > "u" || !e)
     return Promise.resolve();
-  const { autorender: o = !1, scriptId: r = ri } = t;
+  const { autorender: o = !1, scriptId: r = oi } = t;
   window.zEMessenger = { autorender: o };
   const n = document.getElementById(r);
   if (n) {
@@ -6166,16 +6160,16 @@ const qo = {
     const i = document.createElement("script");
     i.id = r, i.src = Tt(e), i.async = !0, i.onload = () => s(), i.onerror = () => a(new Error("Failed to load Zendesk snippet")), document.head.appendChild(i);
   });
-}, fi = ({ config: e }) => (B(() => {
-  e.snippetKey && ni(e.snippetKey, { autorender: e.autorender }).catch((t) => {
+}, ui = ({ config: e }) => (B(() => {
+  e.snippetKey && ri(e.snippetKey, { autorender: e.autorender }).catch((t) => {
     console.error("Failed to initialize Zendesk snippet:", t);
   });
 }, [e.autorender, e.snippetKey]), null);
 export {
-  li as ExtensionSetup,
-  di as Widget,
-  ci as WidgetComponent,
-  ui as ZendeskMessenger,
-  fi as ZendeskScript,
-  ni as loadZendeskSnippet
+  ii as ExtensionSetup,
+  ci as Widget,
+  li as WidgetComponent,
+  di as ZendeskMessenger,
+  ui as ZendeskScript,
+  ri as loadZendeskSnippet
 };