sestek-component 0.0.49 → 0.0.51

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { jsx as C, Fragment as We, jsxs as F } from "react/jsx-runtime";
+import { jsx as C, Fragment as We, jsxs as N } from "react/jsx-runtime";
 import * as i from "react";
 import L, { memo as Dg, useState as pe, forwardRef as Dt, useRef as Ee, useEffect as me, useMemo as yA, createElement as Ye, useContext as xu, createContext as xg, useLayoutEffect as Jn, useImperativeHandle as yu, useCallback as Pe } from "react";
 import * as wr from "react-dom";
@@ -373,9 +373,9 @@ const Qe = (e) => {
   const r = Lu.exec(e);
   return r ? r[1] ? A(r[1]) : t : !1;
 }, Tu = (e) => e === "position", fC = /* @__PURE__ */ new Set(["image", "url"]), Su = (e) => fC.has(e), IC = /* @__PURE__ */ new Set(["length", "size", "percentage"]), zu = (e) => IC.has(e), ku = (e) => e === "length", QC = (e) => e === "number", pC = (e) => e === "family-name", mC = (e) => e === "shadow", hC = () => {
-  const e = Qe("color"), A = Qe("font"), t = Qe("text"), r = Qe("font-weight"), n = Qe("tracking"), o = Qe("leading"), a = Qe("breakpoint"), u = Qe("container"), s = Qe("spacing"), c = Qe("radius"), l = Qe("shadow"), g = Qe("inset-shadow"), B = Qe("drop-shadow"), d = Qe("blur"), I = Qe("perspective"), E = Qe("aspect"), Q = Qe("ease"), p = Qe("animate"), v = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], b = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], w = () => ["auto", "hidden", "clip", "visible", "scroll"], h = () => ["auto", "contain", "none"], f = () => [U, Y, s], m = () => [TA, "full", "auto", ...f()], D = () => [mA, "none", "subgrid", U, Y], N = () => ["auto", {
+  const e = Qe("color"), A = Qe("font"), t = Qe("text"), r = Qe("font-weight"), n = Qe("tracking"), o = Qe("leading"), a = Qe("breakpoint"), u = Qe("container"), s = Qe("spacing"), c = Qe("radius"), l = Qe("shadow"), g = Qe("inset-shadow"), B = Qe("drop-shadow"), d = Qe("blur"), I = Qe("perspective"), E = Qe("aspect"), Q = Qe("ease"), p = Qe("animate"), v = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], b = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], w = () => ["auto", "hidden", "clip", "visible", "scroll"], h = () => ["auto", "contain", "none"], f = () => [U, Y, s], m = () => [TA, "full", "auto", ...f()], D = () => [mA, "none", "subgrid", U, Y], F = () => ["auto", {
     span: ["full", mA, U, Y]
-  }, U, Y], R = () => [mA, "auto", U, Y], S = () => ["auto", "min", "max", "fr", U, Y], H = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline"], y = () => ["start", "end", "center", "stretch"], P = () => ["auto", ...f()], T = () => [TA, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...f()], O = () => [e, U, Y], q = () => [ua, hA], k = () => [
+  }, U, Y], P = () => [mA, "auto", U, Y], S = () => ["auto", "min", "max", "fr", U, Y], H = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline"], y = () => ["start", "end", "center", "stretch"], R = () => ["auto", ...f()], T = () => [TA, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...f()], O = () => [e, U, Y], q = () => [ua, hA], k = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -701,21 +701,21 @@ const Qe = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: N()
+        col: F()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": R()
+        "col-start": P()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": R()
+        "col-end": P()
       }],
       /**
        * Grid Template Rows
@@ -729,21 +729,21 @@ const Qe = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: N()
+        row: F()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": R()
+        "row-start": P()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": R()
+        "row-end": P()
       }],
       /**
        * Grid Auto Flow
@@ -919,63 +919,63 @@ const Qe = (e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: P()
+        m: R()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: P()
+        mx: R()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: P()
+        my: R()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: P()
+        ms: R()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: P()
+        me: R()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: P()
+        mt: R()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: P()
+        mr: R()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: P()
+        mb: R()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: P()
+        ml: R()
       }],
       /**
        * Space Between X
@@ -2868,7 +2868,7 @@ var PC = [
       defaultProp: o,
       onChange: c
     });
-    return /* @__PURE__ */ F(OC, { scope: t, checked: p, disabled: u, children: [
+    return /* @__PURE__ */ N(OC, { scope: t, checked: p, disabled: u, children: [
       /* @__PURE__ */ C(
         he.button,
         {
@@ -3128,10 +3128,10 @@ var _C = i.forwardRef((e, A) => {
             h.current = !0;
           }),
           onFocus: Re(e.onFocus, (D) => {
-            const N = !h.current;
-            if (D.target === D.currentTarget && N && !p) {
-              const R = new CustomEvent(Xr, ZC);
-              if (D.currentTarget.dispatchEvent(R), !R.defaultPrevented) {
+            const F = !h.current;
+            if (D.target === D.currentTarget && F && !p) {
+              const P = new CustomEvent(Xr, ZC);
+              if (D.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
                 const S = w().filter((O) => O.focusable), H = S.find((O) => O.active), y = S.find((O) => O.id === E), T = [H, y, ...S].filter(
                   Boolean
                 ).map((O) => O.ref.current);
@@ -3307,7 +3307,7 @@ var oo = "Radio", [aB, Ai] = IA(oo), [uB, iB] = aB(oo), ti = i.forwardRef(
       form: c,
       ...l
     } = e, [g, B] = i.useState(null), d = CA(A, (Q) => B(Q)), I = i.useRef(!1), E = g ? c || !!g.closest("form") : !0;
-    return /* @__PURE__ */ F(uB, { scope: t, checked: n, disabled: a, children: [
+    return /* @__PURE__ */ N(uB, { scope: t, checked: n, disabled: a, children: [
       /* @__PURE__ */ C(
         he.button,
         {
@@ -3621,8 +3621,8 @@ const J = Dg(lE), X0 = ({
   onRefresh: o,
   refreshTitle: a,
   refreshDescription: u
-}) => /* @__PURE__ */ C("div", { className: "w-full border rounded-lg bg-popover shadow-[0px_4px_6px_1px_#0000001A] p-6 flex flex-col md:max-h-[70vh] max-h-[50vh] overflow-y-auto", children: /* @__PURE__ */ F("div", { className: "flex flex-col gap-4", children: [
-  /* @__PURE__ */ F("div", { className: "flex flex-row justify-between relative", children: [
+}) => /* @__PURE__ */ C("div", { className: "w-full border rounded-lg bg-popover shadow-[0px_4px_6px_1px_#0000001A] p-6 flex flex-col md:max-h-[70vh] max-h-[50vh] overflow-y-auto", children: /* @__PURE__ */ N("div", { className: "flex flex-col gap-4", children: [
+  /* @__PURE__ */ N("div", { className: "flex flex-row justify-between relative", children: [
     e && /* @__PURE__ */ C("div", { className: "text-lg font-medium text-foreground", children: e }),
     r && /* @__PURE__ */ C(
       "button",
@@ -3640,7 +3640,7 @@ const J = Dg(lE), X0 = ({
       }
     )
   ] }),
-  A.map((s) => /* @__PURE__ */ F(
+  A.map((s) => /* @__PURE__ */ N(
     "div",
     {
       className: "flex flex-col gap-2 pb-4 border-b",
@@ -3651,7 +3651,7 @@ const J = Dg(lE), X0 = ({
           const l = `${c.type}-${"label" in c ? c.label : crypto.randomUUID()}`;
           switch (c.type) {
             case "switch":
-              return /* @__PURE__ */ F(
+              return /* @__PURE__ */ N(
                 "div",
                 {
                   className: "flex items-center justify-between",
@@ -3688,8 +3688,8 @@ const J = Dg(lE), X0 = ({
                   defaultValue: (v = c.props) == null ? void 0 : v.defaultValue,
                   onValueChange: (b = c.props) == null ? void 0 : b.onValueChange,
                   className: `flex ${((w = c.props) == null ? void 0 : w.orientation) === "horizontal" ? "flex-row gap-4" : "flex-col gap-3"} mt-1`,
-                  children: c.options.map((h) => /* @__PURE__ */ F("div", { className: "flex flex-col gap-1", children: [
-                    /* @__PURE__ */ F("div", { className: "flex items-center space-x-2", children: [
+                  children: c.options.map((h) => /* @__PURE__ */ N("div", { className: "flex flex-col gap-1", children: [
+                    /* @__PURE__ */ N("div", { className: "flex items-center space-x-2", children: [
                       /* @__PURE__ */ C(
                         QB,
                         {
@@ -3720,7 +3720,7 @@ const J = Dg(lE), X0 = ({
     },
     s.title ?? crypto.randomUUID()
   )),
-  (o || a || u) && /* @__PURE__ */ F(
+  (o || a || u) && /* @__PURE__ */ N(
     "div",
     {
       className: "flex items-start gap-3 pb-2 border-b cursor-pointer",
@@ -3734,7 +3734,7 @@ const J = Dg(lE), X0 = ({
             children: /* @__PURE__ */ C(J, { name: "Refresh", className: "w-5 h-5" })
           }
         ),
-        /* @__PURE__ */ F("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ N("div", { className: "flex flex-col", children: [
           a && /* @__PURE__ */ C("div", { className: "font-medium text-base text-foreground", children: a }),
           u && /* @__PURE__ */ C("div", { className: "text-sm text-muted-foreground", children: u })
         ] })
@@ -3943,7 +3943,7 @@ function mE({
     }
   );
 }
-const hE = ({ items: e, defaultActiveTab: A, onTabChange: t }) => /* @__PURE__ */ F(
+const hE = ({ items: e, defaultActiveTab: A, onTabChange: t }) => /* @__PURE__ */ N(
   IE,
   {
     value: A,
@@ -3970,7 +3970,7 @@ const hE = ({ items: e, defaultActiveTab: A, onTabChange: t }) => /* @__PURE__ *
       ))
     ]
   }
-), be = ({ isLoading: e = !1, children: A, disabled: t, ...r }) => /* @__PURE__ */ F(
+), be = ({ isLoading: e = !1, children: A, disabled: t, ...r }) => /* @__PURE__ */ N(
   yt,
   {
     disabled: t || e,
@@ -4099,8 +4099,8 @@ const ZA = ({
     const [a, u] = A.split(" ");
     return `${(a == null ? void 0 : a.charAt(0)) ?? ""}${(u == null ? void 0 : u.charAt(0)) ?? ""}`;
   }, o = () => t === "primary" || t === "primary-light" ? "text-primary-foreground dark:text-white" : "text-secondary-foreground dark:text-white";
-  return /* @__PURE__ */ F("div", { className: "relative w-fit h-fit", children: [
-    /* @__PURE__ */ F(FE, { children: [
+  return /* @__PURE__ */ N("div", { className: "relative w-fit h-fit", children: [
+    /* @__PURE__ */ N(FE, { children: [
       /* @__PURE__ */ C(NE, { role: "img", src: e }),
       /* @__PURE__ */ C(
         PE,
@@ -4124,16 +4124,16 @@ const ZA = ({
   isDefaultOpen: o = !1
 }) => {
   const [a, u] = pe(o);
-  return /* @__PURE__ */ F("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ C("div", { onClick: () => {
       a || u(!0);
     }, className: `cursor-${a ? "default" : "pointer"}`, children: /* @__PURE__ */ C(ZA, { fullName: e, type: r }) }),
-    /* @__PURE__ */ F("div", { className: `flex flex-row gap-2 overflow-hidden transition-all duration-300 ease-in-out ${a ? "max-w-[300px] opacity-100 translate-x-0" : "max-w-0 opacity-0 -translate-x-4"}`, children: [
-      /* @__PURE__ */ F("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ N("div", { className: `flex flex-row gap-2 overflow-hidden transition-all duration-300 ease-in-out ${a ? "max-w-[300px] opacity-100 translate-x-0" : "max-w-0 opacity-0 -translate-x-4"}`, children: [
+      /* @__PURE__ */ N("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ C("span", { className: "text-sm font-medium text-foreground whitespace-nowrap", children: e }),
-        /* @__PURE__ */ F("div", { className: "flex flex-row gap-2", children: [
+        /* @__PURE__ */ N("div", { className: "flex flex-row gap-2", children: [
           /* @__PURE__ */ C("span", { className: "text-xs text-foreground whitespace-nowrap", children: A }),
-          /* @__PURE__ */ F("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [
+          /* @__PURE__ */ N("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: [
             n,
             ": ",
             t
@@ -4170,10 +4170,10 @@ function ga() {
   la = 1;
   var e = Ae && Ae.__extends || /* @__PURE__ */ function() {
     var h = function(f, m) {
-      return h = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(D, N) {
-        D.__proto__ = N;
-      } || function(D, N) {
-        for (var R in N) Object.prototype.hasOwnProperty.call(N, R) && (D[R] = N[R]);
+      return h = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(D, F) {
+        D.__proto__ = F;
+      } || function(D, F) {
+        for (var P in F) Object.prototype.hasOwnProperty.call(F, P) && (D[P] = F[P]);
       }, h(f, m);
     };
     return function(f, m) {
@@ -4189,7 +4189,7 @@ function ga() {
     return A = Object.assign || function(h) {
       for (var f, m = 1, D = arguments.length; m < D; m++) {
         f = arguments[m];
-        for (var N in f) Object.prototype.hasOwnProperty.call(f, N) && (h[N] = f[N]);
+        for (var F in f) Object.prototype.hasOwnProperty.call(f, F) && (h[F] = f[F]);
       }
       return h;
     }, A.apply(this, arguments);
@@ -4313,8 +4313,8 @@ function ga() {
     function(h) {
       e(f, h);
       function f(m, D) {
-        var N = h.call(this, D) || this;
-        return N.name = m, N.type = t.ElementType.Directive, N;
+        var F = h.call(this, D) || this;
+        return F.name = m, F.type = t.ElementType.Directive, F;
       }
       return Object.defineProperty(f.prototype, "nodeType", {
         get: function() {
@@ -4407,10 +4407,10 @@ function ga() {
     /** @class */
     function(h) {
       e(f, h);
-      function f(m, D, N, R) {
-        N === void 0 && (N = []), R === void 0 && (R = m === "script" ? t.ElementType.Script : m === "style" ? t.ElementType.Style : t.ElementType.Tag);
-        var S = h.call(this, N) || this;
-        return S.name = m, S.attribs = D, S.type = R, S;
+      function f(m, D, F, P) {
+        F === void 0 && (F = []), P === void 0 && (P = m === "script" ? t.ElementType.Script : m === "style" ? t.ElementType.Style : t.ElementType.Tag);
+        var S = h.call(this, F) || this;
+        return S.name = m, S.attribs = D, S.type = P, S;
       }
       return Object.defineProperty(f.prototype, "nodeType", {
         get: function() {
@@ -4436,12 +4436,12 @@ function ga() {
         get: function() {
           var m = this;
           return Object.keys(this.attribs).map(function(D) {
-            var N, R;
+            var F, P;
             return {
               name: D,
               value: m.attribs[D],
-              namespace: (N = m["x-attribsNamespace"]) === null || N === void 0 ? void 0 : N[D],
-              prefix: (R = m["x-attribsPrefix"]) === null || R === void 0 ? void 0 : R[D]
+              namespace: (F = m["x-attribsNamespace"]) === null || F === void 0 ? void 0 : F[D],
+              prefix: (P = m["x-attribsPrefix"]) === null || P === void 0 ? void 0 : P[D]
             };
           });
         },
@@ -4487,19 +4487,19 @@ function ga() {
     else if (E(h))
       m = new a(h.data);
     else if (B(h)) {
-      var D = f ? w(h.children) : [], N = new g(h.name, A({}, h.attribs), D);
+      var D = f ? w(h.children) : [], F = new g(h.name, A({}, h.attribs), D);
       D.forEach(function(y) {
-        return y.parent = N;
-      }), h.namespace != null && (N.namespace = h.namespace), h["x-attribsNamespace"] && (N["x-attribsNamespace"] = A({}, h["x-attribsNamespace"])), h["x-attribsPrefix"] && (N["x-attribsPrefix"] = A({}, h["x-attribsPrefix"])), m = N;
+        return y.parent = F;
+      }), h.namespace != null && (F.namespace = h.namespace), h["x-attribsNamespace"] && (F["x-attribsNamespace"] = A({}, h["x-attribsNamespace"])), h["x-attribsPrefix"] && (F["x-attribsPrefix"] = A({}, h["x-attribsPrefix"])), m = F;
     } else if (d(h)) {
-      var D = f ? w(h.children) : [], R = new c(D);
-      D.forEach(function(P) {
-        return P.parent = R;
-      }), m = R;
+      var D = f ? w(h.children) : [], P = new c(D);
+      D.forEach(function(R) {
+        return R.parent = P;
+      }), m = P;
     } else if (p(h)) {
       var D = f ? w(h.children) : [], S = new l(D);
-      D.forEach(function(P) {
-        return P.parent = S;
+      D.forEach(function(R) {
+        return R.parent = S;
       }), h["x-mode"] && (S["x-mode"] = h["x-mode"]), m = S;
     } else if (Q(h)) {
       var H = new u(h.name, h.data);
@@ -5277,8 +5277,8 @@ function TE() {
   function u(h) {
     return c.hasOwnProperty(h) ? c[h] : null;
   }
-  function s(h, f, m, D, N, R, S) {
-    this.acceptsBooleans = f === t || f === r || f === n, this.attributeName = D, this.attributeNamespace = N, this.mustUseProperty = m, this.propertyName = h, this.type = f, this.sanitizeURL = R, this.removeEmptyString = S;
+  function s(h, f, m, D, F, P, S) {
+    this.acceptsBooleans = f === t || f === r || f === n, this.attributeName = D, this.attributeNamespace = F, this.mustUseProperty = m, this.propertyName = h, this.type = f, this.sanitizeURL = P, this.removeEmptyString = S;
   }
   const c = {};
   [
@@ -5700,15 +5700,15 @@ function SE() {
     Q = Q || {};
     var p = 1, v = 1;
     function b(y) {
-      var P = y.match(A);
-      P && (p += P.length);
+      var R = y.match(A);
+      R && (p += R.length);
       var T = y.lastIndexOf(s);
       v = ~T ? y.length - T : v + y.length;
     }
     function w() {
       var y = { line: p, column: v };
-      return function(P) {
-        return P.position = new h(y), D(), P;
+      return function(R) {
+        return R.position = new h(y), D(), R;
       };
     }
     function h(y) {
@@ -5716,48 +5716,48 @@ function SE() {
     }
     h.prototype.content = E;
     function f(y) {
-      var P = new Error(
+      var R = new Error(
         Q.source + ":" + p + ":" + v + ": " + y
       );
-      if (P.reason = y, P.filename = Q.source, P.line = p, P.column = v, P.source = E, !Q.silent) throw P;
+      if (R.reason = y, R.filename = Q.source, R.line = p, R.column = v, R.source = E, !Q.silent) throw R;
     }
     function m(y) {
-      var P = y.exec(E);
-      if (P) {
-        var T = P[0];
-        return b(T), E = E.slice(T.length), P;
+      var R = y.exec(E);
+      if (R) {
+        var T = R[0];
+        return b(T), E = E.slice(T.length), R;
       }
     }
     function D() {
       m(t);
     }
-    function N(y) {
-      var P;
-      for (y = y || []; P = R(); )
-        P !== !1 && y.push(P);
+    function F(y) {
+      var R;
+      for (y = y || []; R = P(); )
+        R !== !1 && y.push(R);
       return y;
     }
-    function R() {
+    function P() {
       var y = w();
       if (!(c != E.charAt(0) || l != E.charAt(1))) {
-        for (var P = 2; g != E.charAt(P) && (l != E.charAt(P) || c != E.charAt(P + 1)); )
-          ++P;
-        if (P += 2, g === E.charAt(P - 1))
+        for (var R = 2; g != E.charAt(R) && (l != E.charAt(R) || c != E.charAt(R + 1)); )
+          ++R;
+        if (R += 2, g === E.charAt(R - 1))
           return f("End of comment missing");
-        var T = E.slice(2, P - 2);
-        return v += 2, b(T), E = E.slice(P), v += 2, y({
+        var T = E.slice(2, R - 2);
+        return v += 2, b(T), E = E.slice(R), v += 2, y({
           type: B,
           comment: T
         });
       }
     }
     function S() {
-      var y = w(), P = m(r);
-      if (P) {
-        if (R(), !m(n)) return f("property missing ':'");
+      var y = w(), R = m(r);
+      if (R) {
+        if (P(), !m(n)) return f("property missing ':'");
         var T = m(o), O = y({
           type: d,
-          property: I(P[0].replace(e, g)),
+          property: I(R[0].replace(e, g)),
           value: T ? I(T[0].replace(e, g)) : g
         });
         return m(a), O;
@@ -5765,9 +5765,9 @@ function SE() {
     }
     function H() {
       var y = [];
-      N(y);
-      for (var P; P = S(); )
-        P !== !1 && (y.push(P), N(y));
+      F(y);
+      for (var R; R = S(); )
+        R !== !1 && (y.push(R), F(y));
       return y;
     }
     return D(), H();
@@ -6049,14 +6049,14 @@ function VE() {
           if (x[K] == j)
             return !0;
         return !1;
-      }, N = function(x, j) {
+      }, F = function(x, j) {
         if (!x)
           return j;
         var K = {}, ne;
         for (ne in j)
           K[ne] = m(x, ne) ? x[ne] : j[ne];
         return K;
-      }, R = function(x, j) {
+      }, P = function(x, j) {
         var K = "";
         return x >= 55296 && x <= 57343 || x > 1114111 ? (j && y("character reference outside the permissible Unicode range"), "�") : m(v, x) ? (j && y("disallowed character reference"), v[x]) : (j && D(b, x) && y("disallowed character reference"), x > 65535 && (x -= 65536, K += w(x >>> 10 & 1023 | 55296), x = 56320 | x & 1023), K += w(x), K);
       }, S = function(x) {
@@ -6065,8 +6065,8 @@ function VE() {
         return "&#" + x + ";";
       }, y = function(x) {
         throw Error("Parse error: " + x);
-      }, P = function(x, j) {
-        j = N(j, P.options);
+      }, R = function(x, j) {
+        j = F(j, R.options);
         var K = j.strict;
         K && I.test(x) && y("forbidden code point");
         var ne = j.encodeEverything, z = j.useNamedReferences, W = j.allowUnsafeSymbols, Z = j.decimal ? H : S, G = function(M) {
@@ -6085,7 +6085,7 @@ function VE() {
           return Z(oe);
         }).replace(s, G);
       };
-      P.options = {
+      R.options = {
         allowUnsafeSymbols: !1,
         encodeEverything: !1,
         strict: !1,
@@ -6093,13 +6093,13 @@ function VE() {
         decimal: !1
       };
       var T = function(x, j) {
-        j = N(j, T.options);
+        j = F(j, T.options);
         var K = j.strict;
         return K && d.test(x) && y("malformed character reference"), x.replace(E, function(ne, z, W, Z, G, M, X, _, oe) {
           var ce, ge, te, V, ve, we;
           return z ? (ve = z, Q[ve]) : W ? (ve = W, we = Z, we && j.isAttributeValue ? (K && we == "=" && y("`&` did not start a character reference"), ne) : (K && y(
             "named character reference was not terminated by a semicolon"
-          ), p[ve] + (we || ""))) : G ? (te = G, ge = M, K && !ge && y("character reference was not terminated by a semicolon"), ce = parseInt(te, 10), R(ce, K)) : X ? (V = X, ge = _, K && !ge && y("character reference was not terminated by a semicolon"), ce = parseInt(V, 16), R(ce, K)) : (K && y(
+          ), p[ve] + (we || ""))) : G ? (te = G, ge = M, K && !ge && y("character reference was not terminated by a semicolon"), ce = parseInt(te, 10), P(ce, K)) : X ? (V = X, ge = _, K && !ge && y("character reference was not terminated by a semicolon"), ce = parseInt(V, 16), P(ce, K)) : (K && y(
             "named character reference was not terminated by a semicolon"
           ), ne);
         });
@@ -6114,7 +6114,7 @@ function VE() {
         });
       }, q = {
         version: "1.2.0",
-        encode: P,
+        encode: R,
         decode: T,
         escape: O,
         unescape: T
@@ -6147,7 +6147,7 @@ const XE = /* @__PURE__ */ Fi(ZE), OA = Dt(
     className: g
   }, B) => {
     const d = XE.decode(A ?? "");
-    return /* @__PURE__ */ F(
+    return /* @__PURE__ */ N(
       "div",
       {
         ref: B,
@@ -6157,8 +6157,8 @@ const XE = /* @__PURE__ */ Fi(ZE), OA = Dt(
           g
         ),
         children: [
-          /* @__PURE__ */ F("div", { className: "flex w-full flex-row items-center justify-between gap-6", children: [
-            /* @__PURE__ */ F("div", { className: "flex flex-row", children: [
+          /* @__PURE__ */ N("div", { className: "flex w-full flex-row items-center justify-between gap-6", children: [
+            /* @__PURE__ */ N("div", { className: "flex flex-row", children: [
               r,
               /* @__PURE__ */ C("div", { className: "ml-2 mr-1 text-base font-medium leading-6 text-foreground", children: e }),
               typeof n < "u" && n
@@ -6166,14 +6166,14 @@ const XE = /* @__PURE__ */ Fi(ZE), OA = Dt(
             /* @__PURE__ */ C("div", { className: "bg-foreground-08 rounded-md p-1 flex items-center justify-center text-[11px] font-normal text-card-foreground", children: t })
           ] }),
           /* @__PURE__ */ C("div", { className: "text-sm md:text-base w-full font-normal text-foreground", children: YE(d) }),
-          o && /* @__PURE__ */ F("div", { className: "flex flex-row gap-1 items-center", children: [
+          o && /* @__PURE__ */ N("div", { className: "flex flex-row gap-1 items-center", children: [
             /* @__PURE__ */ C(
               be,
               {
                 onClick: a,
                 size: "sm",
                 className: "bg-primary gap-2",
-                children: /* @__PURE__ */ F("div", { className: "text-sm flex items-center justify-center gap-3 font-medium text-primary-foreground", children: [
+                children: /* @__PURE__ */ N("div", { className: "text-sm flex items-center justify-center gap-3 font-medium text-primary-foreground", children: [
                   /* @__PURE__ */ C(
                     J,
                     {
@@ -6193,7 +6193,7 @@ const XE = /* @__PURE__ */ Fi(ZE), OA = Dt(
                 onClick: u,
                 size: "sm",
                 className: "bg-primary gap-2",
-                children: /* @__PURE__ */ F("div", { className: "text-sm flex items-center justify-center gap-3 font-medium text-primary-foreground", children: [
+                children: /* @__PURE__ */ N("div", { className: "text-sm flex items-center justify-center gap-3 font-medium text-primary-foreground", children: [
                   /* @__PURE__ */ C(
                     J,
                     {
@@ -6230,8 +6230,8 @@ const ft = ({
   onClickShowOriginalMessage: B,
   originalMessage: d
 }) => {
-  const I = () => /* @__PURE__ */ F("div", { className: "flex flex-row gap-2 items-start w-full justify-end", children: [
-    /* @__PURE__ */ F("div", { className: "px-4 py-3  min-w-[128px] relative flex flex-col gap-2 items-start  rounded-2xl rounded-tr-none bg-secondary max-w-full", children: [
+  const I = () => /* @__PURE__ */ N("div", { className: "flex flex-row gap-2 items-start w-full justify-end", children: [
+    /* @__PURE__ */ N("div", { className: "px-4 py-3  min-w-[128px] relative flex flex-col gap-2 items-start  rounded-2xl rounded-tr-none bg-secondary max-w-full", children: [
       /* @__PURE__ */ C("div", { className: "text-sm font-medium text-foreground", children: A }),
       d && d !== "" && /* @__PURE__ */ C(
         "span",
@@ -6246,11 +6246,11 @@ const ft = ({
       r && /* @__PURE__ */ C("div", { className: "border w-10 h-8 border-border flex items-center justify-center rounded-full bg-background absolute -bottom-[14px] ", children: r })
     ] }),
     /* @__PURE__ */ C(ZA, { type: "secondary", fullName: e })
-  ] }), E = () => /* @__PURE__ */ F("div", { className: "flex flex-row gap-2 items-start w-full", children: [
+  ] }), E = () => /* @__PURE__ */ N("div", { className: "flex flex-row gap-2 items-start w-full", children: [
     /* @__PURE__ */ C(ZA, { fullName: e }),
-    /* @__PURE__ */ F("div", { className: "px-4 py-3 relative w-fit min-w-[128px] flex flex-col gap-2 items-start  rounded-2xl rounded-tl-none bg-client-chat-background  max-w-full", children: [
+    /* @__PURE__ */ N("div", { className: "px-4 py-3 relative w-fit min-w-[128px] flex flex-col gap-2 items-start  rounded-2xl rounded-tl-none bg-client-chat-background  max-w-full", children: [
       /* @__PURE__ */ C("div", { className: "text-sm font-normal text-client-chat-foreground", children: A }),
-      /* @__PURE__ */ F("div", { className: "flex flex-row gap-2", children: [
+      /* @__PURE__ */ N("div", { className: "flex flex-row gap-2", children: [
         c && /* @__PURE__ */ C(
           be,
           {
@@ -6300,22 +6300,22 @@ const ft = ({
       /* @__PURE__ */ C("div", { className: "text-xs w-full font-normal text-client-chat-foreground text-right", children: t }),
       r && /* @__PURE__ */ C("div", { className: "border w-10 h-8 border-border flex items-center justify-center rounded-full bg-background absolute -bottom-[14px] ", children: r })
     ] })
-  ] }), Q = () => /* @__PURE__ */ F("div", { className: "flex flex-row gap-2 items-start w-full justify-end", children: [
-    /* @__PURE__ */ F("div", { className: "rounded-2xl w-fit rounded-tr-none min-w-[128px] max-w-full border border-border", children: [
-      /* @__PURE__ */ F("div", { className: "p-3 relative flex w-full flex-col gap-3 items-start bg-transparent", children: [
-        /* @__PURE__ */ F("div", { className: "flex flex-row items-center justify-between w-full gap-3 text-foreground", children: [
+  ] }), Q = () => /* @__PURE__ */ N("div", { className: "flex flex-row gap-2 items-start w-full justify-end", children: [
+    /* @__PURE__ */ N("div", { className: "rounded-2xl w-fit rounded-tr-none min-w-[128px] max-w-full border border-border", children: [
+      /* @__PURE__ */ N("div", { className: "p-3 relative flex w-full flex-col gap-3 items-start bg-transparent", children: [
+        /* @__PURE__ */ N("div", { className: "flex flex-row items-center justify-between w-full gap-3 text-foreground", children: [
           u,
           /* @__PURE__ */ C("div", { className: "w-fit bg-destructive rounded-md p-1 text-[15px] text-primary-foreground font-normal", children: t })
         ] }),
         /* @__PURE__ */ C("div", { className: "text-sm font-medium text-foreground", children: l })
       ] }),
-      /* @__PURE__ */ F("div", { className: "rounded-br-2xl w-full rounded-bl-2xl bg-secondary flex flex-col items-start justify-center p-3 gap-2", children: [
+      /* @__PURE__ */ N("div", { className: "rounded-br-2xl w-full rounded-bl-2xl bg-secondary flex flex-col items-start justify-center p-3 gap-2", children: [
         /* @__PURE__ */ C("div", { className: "text-sm font-medium text-foreground", children: A }),
         /* @__PURE__ */ C("div", { className: "text-xs w-full font-normal text-muted-foreground text-right", children: t })
       ] })
     ] }),
     /* @__PURE__ */ C(ZA, { type: "secondary", fullName: e })
-  ] }), p = () => /* @__PURE__ */ F("div", { className: "flex flex-row gap-2 items-start w-full", children: [
+  ] }), p = () => /* @__PURE__ */ N("div", { className: "flex flex-row gap-2 items-start w-full", children: [
     /* @__PURE__ */ C("div", { className: "w-10 h-10 flex rounded-full items-center justify-center bg-warning-background", children: /* @__PURE__ */ C(
       J,
       {
@@ -6325,10 +6325,10 @@ const ft = ({
         className: "text-secondary-brew"
       }
     ) }),
-    /* @__PURE__ */ F("div", { className: "px-4 py-3  min-w-[128px] relative w-full flex-1 flex flex-col gap-2 items-start  rounded-2xl rounded-tl-none bg-warning-background  max-w-full", children: [
+    /* @__PURE__ */ N("div", { className: "px-4 py-3  min-w-[128px] relative w-full flex-1 flex flex-col gap-2 items-start  rounded-2xl rounded-tl-none bg-warning-background  max-w-full", children: [
       /* @__PURE__ */ C("div", { className: "text-sm font-medium text-secondary-brew-2", children: A }),
-      /* @__PURE__ */ F("div", { className: "flex flex-row items-center justify-between w-full", children: [
-        /* @__PURE__ */ F("div", { className: "flex flex-row items-start justify-center gap-1", children: [
+      /* @__PURE__ */ N("div", { className: "flex flex-row items-center justify-between w-full", children: [
+        /* @__PURE__ */ N("div", { className: "flex flex-row items-start justify-center gap-1", children: [
           /* @__PURE__ */ C(be, { className: "w-8 h-8 bg-transparent p-0 group", children: /* @__PURE__ */ C(
             J,
             {
@@ -6351,9 +6351,9 @@ const ft = ({
         /* @__PURE__ */ C("div", { className: "text-xs font-normal text-secondary-brew-2", children: t })
       ] })
     ] })
-  ] }), v = () => /* @__PURE__ */ F("div", { className: "bg-background border rounded-tl-2xl rounded-tr-3xl rounded-bl-2xl p-3 gap-3 flex flex-col", children: [
-    /* @__PURE__ */ F("div", { className: "text-foreground text-base font-medium flex items-center justify-between", children: [
-      /* @__PURE__ */ F("div", { className: "flex gap-2", children: [
+  ] }), v = () => /* @__PURE__ */ N("div", { className: "bg-background border rounded-tl-2xl rounded-tr-3xl rounded-bl-2xl p-3 gap-3 flex flex-col", children: [
+    /* @__PURE__ */ N("div", { className: "text-foreground text-base font-medium flex items-center justify-between", children: [
+      /* @__PURE__ */ N("div", { className: "flex gap-2", children: [
         r,
         " ",
         A
@@ -6373,8 +6373,8 @@ const ft = ({
   icon: e,
   title: A,
   summary: t
-}) => /* @__PURE__ */ F("div", { className: "bg-warning-background rounded-2xl pt-4 pb-6 px-6 flex flex-col gap-1 items-start w-full", children: [
-  /* @__PURE__ */ F("div", { className: "flex flex-row gap-2 items-center w-full", children: [
+}) => /* @__PURE__ */ N("div", { className: "bg-warning-background rounded-2xl pt-4 pb-6 px-6 flex flex-col gap-1 items-start w-full", children: [
+  /* @__PURE__ */ N("div", { className: "flex flex-row gap-2 items-center w-full", children: [
     e && /* @__PURE__ */ C("div", { className: "w-10 h-10 text-primary-brew bg-client-chat-background  rounded-full flex items-center justify-center flex-shrink-0", children: e }),
     /* @__PURE__ */ C("div", { className: "font-medium text-base text-secondary-brew-2", children: A })
   ] }),
@@ -6404,7 +6404,7 @@ const ft = ({
   const v = e.filter(
     (f) => f.label.toLowerCase().includes(B.toLowerCase()) && !f.disabled
   ), b = (f) => {
-    E(f), t == null || t(f.value), g(!1), d("");
+    E(f), t == null || t(f), g(!1), d("");
   }, w = () => {
     n || (g(!l), l || setTimeout(() => {
       var f;
@@ -6413,7 +6413,7 @@ const ft = ({
   }, h = (f) => {
     f.key === "Escape" && (g(!1), d(""));
   };
-  return /* @__PURE__ */ F("div", { className: $("relative", o), ref: Q, children: [
+  return /* @__PURE__ */ N("div", { className: $("relative", o), ref: Q, children: [
     c && /* @__PURE__ */ C(
       "h3",
       {
@@ -6423,8 +6423,8 @@ const ft = ({
       }
     ),
     s && /* @__PURE__ */ C("label", { className: "block text-sm font-medium text-foreground mb-2", children: s }),
-    /* @__PURE__ */ F("div", { className: "relative", children: [
-      /* @__PURE__ */ F(
+    /* @__PURE__ */ N("div", { className: "relative", children: [
+      /* @__PURE__ */ N(
         yt,
         {
           type: "button",
@@ -6450,7 +6450,7 @@ const ft = ({
           ]
         }
       ),
-      l && /* @__PURE__ */ F("div", { className: "absolute z-50 w-full top-full mt-1 bg-background border border-border rounded-md shadow-lg transform-none", children: [
+      l && /* @__PURE__ */ N("div", { className: "absolute z-50 w-full top-full mt-1 bg-background border border-border rounded-md shadow-lg transform-none", children: [
         /* @__PURE__ */ C("div", { className: "p-2 border-b border-border", children: /* @__PURE__ */ C(
           Hu,
           {
@@ -6490,8 +6490,8 @@ const ft = ({
   stopTranslationText: s = "Stop Translation",
   sourceLanguagePlaceholder: c = "Auto-detect",
   targetLanguagePlaceholder: l = "English",
-  sourceLanguageTitle: g = "Source Language",
-  targetLanguageTitle: B = "Target Language",
+  sourceLanguageTitle: g = "Customer",
+  targetLanguageTitle: B = "Agent",
   sourceLanguageSearchPlaceholder: d = "Search Source Language",
   targetLanguageSearchPlaceholder: I = "Search Target Language",
   sourceLanguageOptions: E = [],
@@ -6499,70 +6499,73 @@ const ft = ({
   sourceLanguage: p,
   targetLanguage: v,
   onSourceLanguageChange: b,
-  onTargetLanguageChange: w
+  onTargetLanguageChange: w,
+  showTranslationButtonText: h = !0
 }) => {
-  const h = Ee(null), [f, m] = pe(!0);
+  const f = Ee(null), [m, D] = pe(!0);
   return me(() => {
-    let D;
-    return o === "translating" ? D = setInterval(() => {
-      m((N) => !N);
-    }, 1e3) : m(!0), () => {
-      D && clearInterval(D);
+    let F;
+    return o === "translating" ? F = setInterval(() => {
+      D((P) => !P);
+    }, 1e3) : D(!0), () => {
+      F && clearInterval(F);
     };
-  }, [o]), /* @__PURE__ */ F("div", { className: "w-full flex flex-col h-full", children: [
-    /* @__PURE__ */ C("div", { className: "w-full flex-shrink-0 mb-3 md:mb-[26px]", children: e ? /* @__PURE__ */ F("div", { className: "w-full flex flex-row items-center justify-between", children: [
+  }, [o]), /* @__PURE__ */ N("div", { className: "w-full flex flex-col h-full", children: [
+    /* @__PURE__ */ C("div", { className: "w-full flex-shrink-0 mb-3 md:mb-[26px]", children: e ? /* @__PURE__ */ N("div", { className: "w-full flex flex-row items-center justify-between", children: [
       /* @__PURE__ */ C("div", { className: "text-lg font-medium text-foreground", children: a }),
-      n && /* @__PURE__ */ F(We, { children: [
-        /* @__PURE__ */ F("div", { className: "hidden md:flex items-center gap-4", children: [
-          /* @__PURE__ */ C(
-            sA,
-            {
-              options: E,
-              value: p,
-              onValueChange: b,
-              placeholder: c,
-              searchPlaceholder: d,
-              className: "w-48",
-              title: g
-            }
-          ),
-          /* @__PURE__ */ C("div", { className: "flex items-center justify-center w-8 h-8 mt-8", children: /* @__PURE__ */ C(
-            "svg",
-            {
-              className: "w-4 h-4 text-muted-foreground",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ C(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ C(
-            sA,
-            {
-              options: Q,
-              value: v,
-              onValueChange: w,
-              placeholder: l,
-              searchPlaceholder: I,
-              className: "w-48",
-              title: B
-            }
-          ),
-          /* @__PURE__ */ F(
+      n && /* @__PURE__ */ N(We, { children: [
+        /* @__PURE__ */ N("div", { className: "hidden md:flex items-center gap-4 flex-col", children: [
+          /* @__PURE__ */ N("div", { className: "flex flex-row items-center gap-4", children: [
+            /* @__PURE__ */ C(
+              sA,
+              {
+                options: E,
+                value: p,
+                onValueChange: b,
+                placeholder: c,
+                searchPlaceholder: d,
+                className: "w-48",
+                title: g
+              }
+            ),
+            /* @__PURE__ */ C("div", { className: "flex items-center justify-center w-8 h-8 mt-8", children: /* @__PURE__ */ C(
+              "svg",
+              {
+                className: "w-4 h-4 text-muted-foreground",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ C(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ C(
+              sA,
+              {
+                options: Q,
+                value: v,
+                onValueChange: w,
+                placeholder: l,
+                searchPlaceholder: I,
+                className: "w-48",
+                title: B
+              }
+            )
+          ] }),
+          /* @__PURE__ */ N(
             be,
             {
               variant: "outline",
               size: "lg",
               onClick: t,
-              className: "bg-background gap-2 px-6 py-4 h-12",
+              className: "bg-background gap-2 px-6 py-3 h-10",
               children: [
                 /* @__PURE__ */ C(
                   J,
@@ -6573,8 +6576,8 @@ const ft = ({
                     className: "text-primary-brew-2"
                   }
                 ),
-                /* @__PURE__ */ F("div", { className: "text-base text-primary-brew-2 font-medium flex items-center gap-2", children: [
-                  o === "idle" ? u : s,
+                /* @__PURE__ */ N("div", { className: "text-base text-primary-brew-2 font-medium flex items-center gap-2", children: [
+                  h && (o === "idle" ? u : s),
                   /* @__PURE__ */ C(
                     "span",
                     {
@@ -6584,7 +6587,7 @@ const ft = ({
                         height: 9,
                         borderRadius: "50%",
                         background: o === "idle" ? "#D9D9D9" : "#20B15A",
-                        opacity: o === "translating" ? f ? 1 : 0.2 : 1,
+                        opacity: o === "translating" ? m ? 1 : 0.2 : 1,
                         transition: "opacity 0.3s"
                       }
                     }
@@ -6594,8 +6597,8 @@ const ft = ({
             }
           )
         ] }),
-        /* @__PURE__ */ F("div", { className: "flex md:hidden flex-col gap-2", children: [
-          /* @__PURE__ */ F("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ N("div", { className: "flex md:hidden flex-col gap-2", children: [
+          /* @__PURE__ */ N("div", { className: "flex flex-row items-center gap-4", children: [
             /* @__PURE__ */ C(
               sA,
               {
@@ -6639,7 +6642,7 @@ const ft = ({
               }
             )
           ] }),
-          /* @__PURE__ */ F(
+          /* @__PURE__ */ N(
             be,
             {
               variant: "link",
@@ -6656,7 +6659,7 @@ const ft = ({
                     className: "text-primary-brew-2"
                   }
                 ),
-                /* @__PURE__ */ F("div", { className: "text-base text-primary-brew-2 font-medium flex items-center gap-2", children: [
+                /* @__PURE__ */ N("div", { className: "text-base text-primary-brew-2 font-medium flex items-center gap-2", children: [
                   o === "idle" ? u : s,
                   /* @__PURE__ */ C(
                     "span",
@@ -6667,7 +6670,7 @@ const ft = ({
                         height: 9,
                         borderRadius: "50%",
                         background: o === "idle" ? "#D9D9D9" : "#20B15A",
-                        opacity: o === "translating" ? f ? 1 : 0.2 : 1,
+                        opacity: o === "translating" ? m ? 1 : 0.2 : 1,
                         transition: "opacity 0.3s"
                       }
                     }
@@ -6678,57 +6681,59 @@ const ft = ({
           )
         ] })
       ] })
-    ] }) : /* @__PURE__ */ C("div", { className: "w-full flex items-center justify-center", children: n && /* @__PURE__ */ F(We, { children: [
-      /* @__PURE__ */ F("div", { className: "hidden md:flex items-center gap-4", children: [
-        /* @__PURE__ */ C(
-          sA,
-          {
-            options: E,
-            value: p,
-            onValueChange: b,
-            placeholder: c,
-            title: g,
-            searchPlaceholder: d,
-            className: "w-48"
-          }
-        ),
-        /* @__PURE__ */ C("div", { className: "flex items-center justify-center w-8 h-8 mt-8", children: /* @__PURE__ */ C(
-          "svg",
-          {
-            className: "w-4 h-4 text-muted-foreground",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ C(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ C(
-          sA,
-          {
-            options: Q,
-            value: v,
-            onValueChange: w,
-            placeholder: l,
-            title: B,
-            searchPlaceholder: I,
-            className: "w-48"
-          }
-        ),
-        /* @__PURE__ */ F(
+    ] }) : /* @__PURE__ */ C("div", { className: "w-full flex items-center justify-center", children: n && /* @__PURE__ */ N(We, { children: [
+      /* @__PURE__ */ N("div", { className: "hidden md:flex items-center gap-4 flex-col", children: [
+        /* @__PURE__ */ N("div", { className: "flex flex-row items-center gap-4", children: [
+          /* @__PURE__ */ C(
+            sA,
+            {
+              options: E,
+              value: p,
+              onValueChange: b,
+              placeholder: c,
+              title: g,
+              searchPlaceholder: d,
+              className: "w-48"
+            }
+          ),
+          /* @__PURE__ */ C("div", { className: "flex items-center justify-center w-8 h-8 mt-8", children: /* @__PURE__ */ C(
+            "svg",
+            {
+              className: "w-4 h-4 text-muted-foreground",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ C(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ C(
+            sA,
+            {
+              options: Q,
+              value: v,
+              onValueChange: w,
+              placeholder: l,
+              title: B,
+              searchPlaceholder: I,
+              className: "w-48"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ N(
           be,
           {
             variant: "outline",
             size: "lg",
             onClick: t,
-            className: "bg-background gap-2 px-6 py-4 h-12",
+            className: "bg-background gap-2 px-6 py-3 h-10",
             children: [
               /* @__PURE__ */ C(
                 J,
@@ -6739,8 +6744,8 @@ const ft = ({
                   className: "text-primary-brew-2"
                 }
               ),
-              /* @__PURE__ */ F("div", { className: "text-base text-primary-brew-2 font-medium flex items-center gap-2", children: [
-                o === "idle" ? u : s,
+              /* @__PURE__ */ N("div", { className: "text-base text-primary-brew-2 font-medium flex items-center gap-2", children: [
+                h && (o === "idle" ? u : s),
                 /* @__PURE__ */ C(
                   "span",
                   {
@@ -6750,7 +6755,7 @@ const ft = ({
                       height: 9,
                       borderRadius: "50%",
                       background: o === "idle" ? "#D9D9D9" : "#20B15A",
-                      opacity: o === "translating" ? f ? 1 : 0.2 : 1,
+                      opacity: o === "translating" ? m ? 1 : 0.2 : 1,
                       transition: "opacity 0.3s"
                     }
                   }
@@ -6760,8 +6765,8 @@ const ft = ({
           }
         )
       ] }),
-      /* @__PURE__ */ F("div", { className: "flex md:hidden flex-col gap-2", children: [
-        /* @__PURE__ */ F("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ N("div", { className: "flex md:hidden flex-col gap-2", children: [
+        /* @__PURE__ */ N("div", { className: "flex items-center gap-2 flex-row", children: [
           /* @__PURE__ */ C(
             sA,
             {
@@ -6805,7 +6810,7 @@ const ft = ({
             }
           )
         ] }),
-        /* @__PURE__ */ F(
+        /* @__PURE__ */ N(
           be,
           {
             variant: "link",
@@ -6822,7 +6827,7 @@ const ft = ({
                   className: "text-primary-brew-2"
                 }
               ),
-              /* @__PURE__ */ F("div", { className: "text-base text-primary-brew-2 font-medium flex items-center gap-2", children: [
+              /* @__PURE__ */ N("div", { className: "text-base text-primary-brew-2 font-medium flex items-center gap-2", children: [
                 o === "idle" ? u : s,
                 /* @__PURE__ */ C(
                   "span",
@@ -6833,7 +6838,7 @@ const ft = ({
                       height: 9,
                       borderRadius: "50%",
                       background: o === "idle" ? "#D9D9D9" : "#20B15A",
-                      opacity: o === "translating" ? f ? 1 : 0.2 : 1,
+                      opacity: o === "translating" ? m ? 1 : 0.2 : 1,
                       transition: "opacity 0.3s"
                     }
                   }
@@ -6847,14 +6852,14 @@ const ft = ({
     /* @__PURE__ */ C(
       "div",
       {
-        ref: h,
+        ref: f,
         className: "flex-grow overflow-y-auto w-full h-[calc(100%-48px)] max-h-[calc(100vh-68px)] sm:max-h-[calc(100vh-200px)]",
-        children: /* @__PURE__ */ F("div", { className: "flex flex-col w-full items-center justify-center pb-4 ", children: [
+        children: /* @__PURE__ */ N("div", { className: "flex flex-col w-full items-center justify-center pb-4 ", children: [
           /* @__PURE__ */ C(
             "div",
             {
               className: `flex flex-col gap-6 w-full pb-8 ${r ? "border-b border-border" : ""}`,
-              children: A.map((D) => /* @__PURE__ */ C(ft, { ...D }, D.id))
+              children: A.map((F) => /* @__PURE__ */ C(ft, { ...F }, F.id))
             }
           ),
           /* @__PURE__ */ C("div", { className: "w-full flex pt-8 max-w-11/12", children: r && /* @__PURE__ */ C(qE, { ...r }) })
@@ -6875,7 +6880,7 @@ const ft = ({
     if (e > 80 && e <= 100)
       return /* @__PURE__ */ C(J, { name: "SmilingWithHearts", width: 32, height: 32 });
   }, [e]), t = yA(() => `${Math.max(0, Math.min(100, e))}%`, [e]);
-  return /* @__PURE__ */ F("div", { className: "w-full relative h-3 rounded-full", children: [
+  return /* @__PURE__ */ N("div", { className: "w-full relative h-3 rounded-full", children: [
     /* @__PURE__ */ C(
       "div",
       {
@@ -6906,7 +6911,7 @@ const ft = ({
   checked: A,
   onClick: t,
   id: r
-}) => /* @__PURE__ */ F(
+}) => /* @__PURE__ */ N(
   "div",
   {
     onClick: () => t(r),
@@ -7326,8 +7331,8 @@ function Gi({
     isPanelCollapsed: f,
     reevaluatePanelConstraints: m,
     registerPanel: D,
-    resizePanel: N,
-    unregisterPanel: R
+    resizePanel: F,
+    unregisterPanel: P
   } = Q, S = Bo(a), H = Ee({
     callbacks: {
       onCollapse: c,
@@ -7349,23 +7354,23 @@ function Gi({
     didLogMissingDefaultSizeWarning: !1
   }), xA(() => {
     const {
-      callbacks: P,
+      callbacks: R,
       constraints: T
     } = H.current, O = {
       ...T
     };
-    H.current.id = S, H.current.idIsFromProps = a !== void 0, H.current.order = B, P.onCollapse = c, P.onExpand = l, P.onResize = g, T.collapsedSize = t, T.collapsible = r, T.defaultSize = n, T.maxSize = u, T.minSize = s, (O.collapsedSize !== T.collapsedSize || O.collapsible !== T.collapsible || O.maxSize !== T.maxSize || O.minSize !== T.minSize) && m(H.current, O);
+    H.current.id = S, H.current.idIsFromProps = a !== void 0, H.current.order = B, R.onCollapse = c, R.onExpand = l, R.onResize = g, T.collapsedSize = t, T.collapsible = r, T.defaultSize = n, T.maxSize = u, T.minSize = s, (O.collapsedSize !== T.collapsedSize || O.collapsible !== T.collapsible || O.maxSize !== T.maxSize || O.minSize !== T.minSize) && m(H.current, O);
   }), xA(() => {
-    const P = H.current;
-    return D(P), () => {
-      R(P);
+    const R = H.current;
+    return D(R), () => {
+      P(R);
     };
-  }, [B, S, D, R]), yu(o, () => ({
+  }, [B, S, D, P]), yu(o, () => ({
     collapse: () => {
       p(H.current);
     },
-    expand: (P) => {
-      v(H.current, P);
+    expand: (R) => {
+      v(H.current, R);
     },
     getId() {
       return S;
@@ -7379,10 +7384,10 @@ function Gi({
     isExpanded() {
       return !f(H.current);
     },
-    resize: (P) => {
-      N(H.current, P);
+    resize: (R) => {
+      F(H.current, R);
     }
-  }), [p, v, b, f, S, N]);
+  }), [p, v, b, f, S, F]);
   const y = w(H.current, n);
   return Ye(I, {
     ...E,
@@ -7959,7 +7964,7 @@ function Fd({
                   const D = Ct({
                     delta: Le(w, h) ? m - h : h - w,
                     initialLayout: r,
-                    panelConstraints: s.map((N) => N.constraints),
+                    panelConstraints: s.map((F) => F.constraints),
                     pivotIndices: $i(t, d, o),
                     prevLayout: r,
                     trigger: "keyboard"
@@ -8327,7 +8332,7 @@ function os({
         Kt(Z, te) || (p(te), m.current.layout = te, W && W(te), jA(G, te, b.current));
       }
     }
-  }, []), N = Pe((z, W) => {
+  }, []), F = Pe((z, W) => {
     const {
       onLayout: Z
     } = f.current, {
@@ -8353,7 +8358,7 @@ function os({
         Kt(G, de) || (p(de), m.current.layout = de, Z && Z(de), jA(M, de, b.current));
       }
     }
-  }, []), R = Pe((z) => {
+  }, []), P = Pe((z) => {
     const {
       layout: W,
       panelDataArray: Z
@@ -8392,7 +8397,7 @@ function os({
       panelSize: X
     } = bA(Z, z, W);
     return re(X != null, `Panel size not found for panel "${z.id}"`), !M || NA(X, G) > 0;
-  }, []), P = Pe((z) => {
+  }, []), R = Pe((z) => {
     const {
       panelDataArray: W
     } = m.current;
@@ -8529,21 +8534,21 @@ function os({
     collapsePanel: D,
     direction: r,
     dragState: I,
-    expandPanel: N,
-    getPanelSize: R,
+    expandPanel: F,
+    getPanelSize: P,
     getPanelStyle: S,
     groupId: B,
     isPanelCollapsed: H,
     isPanelExpanded: y,
     reevaluatePanelConstraints: q,
-    registerPanel: P,
+    registerPanel: R,
     registerResizeHandle: T,
     resizePanel: O,
     startDragging: k,
     stopDragging: x,
     unregisterPanel: j,
     panelGroupElement: d.current
-  }), [D, I, r, N, R, S, B, H, y, q, P, T, O, k, x, j]), ne = {
+  }), [D, I, r, F, P, S, B, H, y, q, R, T, O, k, x, j]), ne = {
     display: "flex",
     flexDirection: r === "horizontal" ? "row" : "column",
     height: "100%",
@@ -8662,8 +8667,8 @@ function us({
     registerResizeHandle: f,
     startDragging: m,
     stopDragging: D,
-    panelGroupElement: N
-  } = b, R = Bo(n), [S, H] = pe("inactive"), [y, P] = pe(!1), [T, O] = pe(null), q = Ee({
+    panelGroupElement: F
+  } = b, P = Bo(n), [S, H] = pe("inactive"), [y, R] = pe(!1), [T, O] = pe(null), q = Ee({
     state: S
   });
   xA(() => {
@@ -8672,10 +8677,10 @@ function us({
     if (t)
       O(null);
     else {
-      const K = f(R);
+      const K = f(P);
       O(() => K);
     }
-  }, [t, R, f]);
+  }, [t, P, f]);
   const k = (E = r == null ? void 0 : r.coarse) !== null && E !== void 0 ? E : 15, x = (Q = r == null ? void 0 : r.fine) !== null && Q !== void 0 ? Q : 5;
   return me(() => {
     if (t || T == null)
@@ -8683,14 +8688,14 @@ function us({
     const K = p.current;
     re(K, "Element ref not attached");
     let ne = !1;
-    return wd(R, K, w, {
+    return wd(P, K, w, {
       coarse: k,
       fine: x
     }, (W, Z, G) => {
       if (Z)
         switch (W) {
           case "down": {
-            H("drag"), ne = !1, re(G, 'Expected event to be defined for "down" action'), m(R, G);
+            H("drag"), ne = !1, re(G, 'Expected event to be defined for "down" action'), m(P, G);
             const {
               onDragging: M,
               onPointerDown: X
@@ -8719,21 +8724,21 @@ function us({
       else
         H("inactive");
     });
-  }, [k, w, t, x, f, R, T, m, D]), zd({
+  }, [k, w, t, x, f, P, T, m, D]), zd({
     disabled: t,
-    handleId: R,
+    handleId: P,
     resizeHandler: T,
-    panelGroupElement: N
+    panelGroupElement: F
   }), Ye(d, {
     ...I,
     children: e,
     className: A,
     id: n,
     onBlur: () => {
-      P(!1), o == null || o();
+      R(!1), o == null || o();
     },
     onFocus: () => {
-      P(!0), s == null || s();
+      R(!0), s == null || s();
     },
     ref: p,
     role: "separator",
@@ -8752,7 +8757,7 @@ function us({
     "data-resize-handle-active": S === "drag" ? "pointer" : y ? "keyboard" : void 0,
     "data-resize-handle-state": S,
     "data-panel-resize-handle-enabled": !t,
-    "data-panel-resize-handle-id": R
+    "data-panel-resize-handle-id": P
   });
 }
 us.displayName = "PanelResizeHandle";
@@ -8819,10 +8824,10 @@ const Nt = () => {
   const v = () => {
     if (!s.current) return;
     const f = s.current.getBoundingClientRect(), m = [];
-    c.current.forEach((D, N) => {
+    c.current.forEach((D, F) => {
       if (!D) return;
-      const R = D.getBoundingClientRect();
-      R.top < f.bottom && R.bottom > f.top && m.push(N);
+      const P = D.getBoundingClientRect();
+      P.top < f.bottom && P.bottom > f.top && m.push(F);
     }), g(m);
   };
   me(() => {
@@ -8851,7 +8856,7 @@ const Nt = () => {
   const b = (f) => {
     if (I === f || Q || l.length <= 5 || !l.includes(f))
       return 1;
-    const D = [...l].sort((R, S) => R - S).indexOf(f);
+    const D = [...l].sort((P, S) => P - S).indexOf(f);
     return D < 5 ? 1 : Math.max(0, 0.6 - (D - 5) * 0.1);
   }, w = (f) => {
     switch (f.type) {
@@ -8946,7 +8951,7 @@ const Nt = () => {
         "relative",
         !t && !r ? "max-h-[500px]" : "h-full"
       ),
-      children: !t && r ? /* @__PURE__ */ F(
+      children: !t && r ? /* @__PURE__ */ N(
         is,
         {
           direction: "vertical",
@@ -8956,8 +8961,8 @@ const Nt = () => {
               Br,
               {
                 defaultSize: Q ? 60 : 35,
-                children: e.length == 1 ? /* @__PURE__ */ F("div", { className: "w-full flex flex-col gap-2 md:px-6 md:py-4 px-3 py-3", children: [
-                  /* @__PURE__ */ F("div", { className: "flex flex-row gap-2 items-center justify-start h-10", children: [
+                children: e.length == 1 ? /* @__PURE__ */ N("div", { className: "w-full flex flex-col gap-2 md:px-6 md:py-4 px-3 py-3", children: [
+                  /* @__PURE__ */ N("div", { className: "flex flex-row gap-2 items-center justify-start h-10", children: [
                     /* @__PURE__ */ C("span", { className: "text-lg font-medium text-foreground", children: n }),
                     /* @__PURE__ */ C("div", { className: "w-6 h-6 flex items-center justify-center bg-foreground-08 text-secondary-foreground rounded-full", children: e.length })
                   ] }),
@@ -8971,7 +8976,7 @@ const Nt = () => {
                     },
                     `item-${f.id || m}`
                   ))
-                ] }) : /* @__PURE__ */ C("div", { className: "h-full flex flex-col md:px-6 md:py-4 px-3 py-3", children: /* @__PURE__ */ F(
+                ] }) : /* @__PURE__ */ C("div", { className: "h-full flex flex-col md:px-6 md:py-4 px-3 py-3", children: /* @__PURE__ */ N(
                   xn,
                   {
                     defaultOpen: A,
@@ -8981,8 +8986,8 @@ const Nt = () => {
                     },
                     className: "h-full flex flex-col",
                     children: [
-                      /* @__PURE__ */ F(yn, { className: "w-full flex flex-row items-center justify-between mb-2", children: [
-                        /* @__PURE__ */ F("div", { className: "flex flex-row gap-2 items-center justify-center", children: [
+                      /* @__PURE__ */ N(yn, { className: "w-full flex flex-row items-center justify-between mb-2", children: [
+                        /* @__PURE__ */ N("div", { className: "flex flex-row gap-2 items-center justify-center", children: [
                           /* @__PURE__ */ C("span", { className: "text-lg font-medium text-foreground", children: n }),
                           /* @__PURE__ */ C("div", { className: "w-6 h-6 flex items-center justify-center bg-foreground-08 text-secondary-foreground rounded-full", children: e.length })
                         ] }),
@@ -8996,7 +9001,7 @@ const Nt = () => {
                           }
                         ) })
                       ] }),
-                      !o && p.length > 0 && /* @__PURE__ */ F("div", { className: "w-full relative flex items-center justify-center rounded-xl md:rounded-3xl", children: [
+                      !o && p.length > 0 && /* @__PURE__ */ N("div", { className: "w-full relative flex items-center justify-center rounded-xl md:rounded-3xl", children: [
                         /* @__PURE__ */ C(
                           "div",
                           {
@@ -9051,8 +9056,8 @@ const Nt = () => {
           ]
         },
         `panel-group-${Q}`
-      ) : /* @__PURE__ */ C(We, { children: e.length == 1 ? /* @__PURE__ */ F("div", { className: "w-full flex flex-col gap-2 px-6 py-4", children: [
-        /* @__PURE__ */ F("div", { className: "flex flex-row gap-2 items-center justify-start h-10", children: [
+      ) : /* @__PURE__ */ C(We, { children: e.length == 1 ? /* @__PURE__ */ N("div", { className: "w-full flex flex-col gap-2 px-6 py-4", children: [
+        /* @__PURE__ */ N("div", { className: "flex flex-row gap-2 items-center justify-start h-10", children: [
           /* @__PURE__ */ C("span", { className: "text-lg font-medium text-foreground", children: n }),
           /* @__PURE__ */ C("div", { className: "w-6 h-6 flex items-center justify-center bg-foreground-08 text-secondary-foreground rounded-full", children: e.length })
         ] }),
@@ -9066,7 +9071,7 @@ const Nt = () => {
           },
           `item-${f.id || m}`
         ))
-      ] }) : /* @__PURE__ */ C("div", { className: "h-full flex flex-col px-6 py-4", children: /* @__PURE__ */ F(
+      ] }) : /* @__PURE__ */ C("div", { className: "h-full flex flex-col px-6 py-4", children: /* @__PURE__ */ N(
         xn,
         {
           defaultOpen: A,
@@ -9076,8 +9081,8 @@ const Nt = () => {
           },
           className: "h-full flex flex-col",
           children: [
-            /* @__PURE__ */ F(yn, { className: "w-full flex flex-row items-center justify-between mb-2", children: [
-              /* @__PURE__ */ F("div", { className: "flex flex-row gap-2 items-center justify-center", children: [
+            /* @__PURE__ */ N(yn, { className: "w-full flex flex-row items-center justify-between mb-2", children: [
+              /* @__PURE__ */ N("div", { className: "flex flex-row gap-2 items-center justify-center", children: [
                 /* @__PURE__ */ C("span", { className: "text-lg font-medium text-foreground", children: n }),
                 /* @__PURE__ */ C("div", { className: "w-6 h-6 flex items-center justify-center bg-foreground-08 text-secondary-foreground rounded-full", children: e.length })
               ] }),
@@ -9091,7 +9096,7 @@ const Nt = () => {
                 }
               ) })
             ] }),
-            !o && p.length > 0 && /* @__PURE__ */ F("div", { className: "w-full relative flex items-center justify-center rounded-xl md:rounded-3xl", children: [
+            !o && p.length > 0 && /* @__PURE__ */ N("div", { className: "w-full relative flex items-center justify-center rounded-xl md:rounded-3xl", children: [
               /* @__PURE__ */ C(
                 "div",
                 {
@@ -9164,7 +9169,7 @@ const cs = ({
       c
     );
     u.style.height = `${g}px`, u.style.overflowY = u.scrollHeight > c ? "auto" : "hidden";
-  }, [e]), /* @__PURE__ */ F("div", { className: "relative w-full", children: [
+  }, [e]), /* @__PURE__ */ N("div", { className: "relative w-full", children: [
     /* @__PURE__ */ C(
       kd,
       {
@@ -9189,7 +9194,7 @@ const cs = ({
       }
     )
   ] });
-}, rh = ({ isShown: e, personList: A, onClick: t }) => e ? /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center gap-3", children: A.map((r) => /* @__PURE__ */ F(
+}, rh = ({ isShown: e, personList: A, onClick: t }) => e ? /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center gap-3", children: A.map((r) => /* @__PURE__ */ N(
   "div",
   {
     className: `w-fit cursor-pointer h-fit relative${r.isDisable ? " opacity-50" : ""}`,
@@ -9226,9 +9231,9 @@ const cs = ({
       }
     }
   };
-  return /* @__PURE__ */ F("div", { className: "flex flex-col h-full w-full bg-background gap-6 rounded-b-xl rounded-t-4xl", children: [
+  return /* @__PURE__ */ N("div", { className: "flex flex-col h-full w-full bg-background gap-6 rounded-b-xl rounded-t-4xl", children: [
     /* @__PURE__ */ C("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ C("div", { className: "flex flex-col gap-2 ", children: A == null ? void 0 : A.map((Q) => /* @__PURE__ */ Ye(ft, { ...Q, key: Q.id })) }) }),
-    e && /* @__PURE__ */ F("div", { className: "flex flex-col gap-2.5", children: [
+    e && /* @__PURE__ */ N("div", { className: "flex flex-col gap-2.5", children: [
       e.messages && e.messages.length > 0 && ((E = e.messages) == null ? void 0 : E.map((Q) => /* @__PURE__ */ C("div", { className: "border-t pt-4", children: /* @__PURE__ */ C(ft, { ...Q }) }, Q.id))),
       e.items && e.items.length > 0 && /* @__PURE__ */ C("div", { className: "flex flex-wrap gap-2 items-start justify-end", children: e.items.map((Q, p) => /* @__PURE__ */ C(
         be,
@@ -9240,14 +9245,14 @@ const cs = ({
         p
       )) })
     ] }),
-    /* @__PURE__ */ F("div", { className: "border-t p-4 flex flex-col gap-2", children: [
+    /* @__PURE__ */ N("div", { className: "border-t p-4 flex flex-col gap-2", children: [
       /* @__PURE__ */ C(
         be,
         {
           className: "flex rounded-lg text-primary py-1 px-3 bg-secondary hover:bg-secondary/70 items-center justify-center",
           onClick: I,
           disabled: g,
-          children: g ? /* @__PURE__ */ F(We, { children: [
+          children: g ? /* @__PURE__ */ N(We, { children: [
             /* @__PURE__ */ C(gd, { className: "animate-spin mr-2 h-4 w-4" }),
             l
           ] }) : c
@@ -9280,9 +9285,9 @@ const cs = ({
   }, c = () => {
     t.trim() && (o(t.trim()), n(""));
   };
-  return /* @__PURE__ */ F("div", { className: "flex flex-col h-full w-full bg-background gap-6 rounded-b-xl rounded-t-4xl", children: [
+  return /* @__PURE__ */ N("div", { className: "flex flex-col h-full w-full bg-background gap-6 rounded-b-xl rounded-t-4xl", children: [
     /* @__PURE__ */ C("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ C("div", { className: "flex flex-col gap-2.5", children: A == null ? void 0 : A.map((g) => /* @__PURE__ */ Ye(ft, { ...g, key: g.id })) }) }),
-    e && /* @__PURE__ */ F("div", { className: "flex flex-col gap-2.5 ", children: [
+    e && /* @__PURE__ */ N("div", { className: "flex flex-col gap-2.5 ", children: [
       e.messages && e.messages.length > 0 && ((l = e.messages) == null ? void 0 : l.map((g) => /* @__PURE__ */ C("div", { className: "border-t pt-4", children: /* @__PURE__ */ C(ft, { ...g }) }, g.id))),
       e.items && e.items.length > 0 && /* @__PURE__ */ C("div", { className: "flex flex-wrap gap-2 items-start justify-end", children: e.items.map((g, B) => /* @__PURE__ */ C(
         be,
@@ -9313,11 +9318,11 @@ const cs = ({
   onToggleStep: o
 }) => {
   const a = A.filter((c) => c.isCompleted).length, u = A.length, s = Nt();
-  return /* @__PURE__ */ C(xn, { open: r, onOpenChange: n, children: /* @__PURE__ */ F("div", { className: "bg-background md:bg-secondary md:px-6 md:py-4 px-3 py-3 rounded-2xl w-full h-full flex flex-col", children: [
-    /* @__PURE__ */ F("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ F("div", { className: "flex items-center gap-1 md:gap-2", children: [
+  return /* @__PURE__ */ C(xn, { open: r, onOpenChange: n, children: /* @__PURE__ */ N("div", { className: "bg-background md:bg-secondary md:px-6 md:py-4 px-3 py-3 rounded-2xl w-full h-full flex flex-col", children: [
+    /* @__PURE__ */ N("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ N("div", { className: "flex items-center gap-1 md:gap-2", children: [
         /* @__PURE__ */ C("span", { className: "font-medium text-lg text-foreground", children: e }),
-        /* @__PURE__ */ F("span", { className: "text-xs font-medium bg-foreground-08 text-foreground px-2.5 py-0.5 rounded-full", children: [
+        /* @__PURE__ */ N("span", { className: "text-xs font-medium bg-foreground-08 text-foreground px-2.5 py-0.5 rounded-full", children: [
           String(a).padStart(2, "0"),
           " /",
           " ",
@@ -9333,7 +9338,7 @@ const cs = ({
         }
       ) })
     ] }),
-    !r && s && A.length > 0 && /* @__PURE__ */ C("div", { className: "mt-4", children: /* @__PURE__ */ C("div", { className: "bg-secondary md:bg-background p-4 rounded-2xl flex flex-col gap-6 h-full", children: /* @__PURE__ */ C("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ F(
+    !r && s && A.length > 0 && /* @__PURE__ */ C("div", { className: "mt-4", children: /* @__PURE__ */ C("div", { className: "bg-secondary md:bg-background p-4 rounded-2xl flex flex-col gap-6 h-full", children: /* @__PURE__ */ C("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ N(
       "div",
       {
         className: "relative flex gap-3 items-start",
@@ -9373,7 +9378,7 @@ const cs = ({
         ),
         children: A.map((c, l) => {
           const g = c.isCompleted;
-          return /* @__PURE__ */ F(
+          return /* @__PURE__ */ N(
             "div",
             {
               className: $(
@@ -9694,11 +9699,11 @@ var tf = "DismissableLayer", Rn = "dismissableLayer.update", rf = "dismissableLa
       onDismiss: u,
       ...s
     } = e, c = i.useContext(fs), [l, g] = i.useState(null), B = (l == null ? void 0 : l.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, d] = i.useState({}), I = Bs(A, (m) => g(m)), E = Array.from(c.layers), [Q] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), p = E.indexOf(Q), v = l ? E.indexOf(l) : -1, b = c.layersWithOutsidePointerEventsDisabled.size > 0, w = v >= p, h = uf((m) => {
-      const D = m.target, N = [...c.branches].some((R) => R.contains(D));
-      !w || N || (n == null || n(m), a == null || a(m), m.defaultPrevented || u == null || u());
+      const D = m.target, F = [...c.branches].some((P) => P.contains(D));
+      !w || F || (n == null || n(m), a == null || a(m), m.defaultPrevented || u == null || u());
     }, B), f = sf((m) => {
       const D = m.target;
-      [...c.branches].some((R) => R.contains(D)) || (o == null || o(m), a == null || a(m), m.defaultPrevented || u == null || u());
+      [...c.branches].some((P) => P.contains(D)) || (o == null || o(m), a == null || a(m), m.defaultPrevented || u == null || u());
     }, B);
     return Qo((m) => {
       v === c.layers.size - 1 && (r == null || r(m), !m.defaultPrevented && u && (m.preventDefault(), u()));
@@ -10670,8 +10675,8 @@ function bI(e) {
       return !1;
     if (!r.current && "changedTouches" in E && (b || w) && (r.current = h), !h)
       return !0;
-    var N = r.current || h;
-    return mI(N, Q, E, N === "h" ? b : w);
+    var F = r.current || h;
+    return mI(F, Q, E, F === "h" ? b : w);
   }, []), s = i.useCallback(function(E) {
     var Q = E;
     if (!(!WA.length || WA[WA.length - 1] !== o)) {
@@ -10922,7 +10927,7 @@ var TI = i.forwardRef(
 ), Gs = i.forwardRef(
   (e, A) => {
     const { __scopeDialog: t, trapFocus: r, onOpenAutoFocus: n, onCloseAutoFocus: o, ...a } = e, u = Ze(PA, t), s = i.useRef(null), c = Or(A, s);
-    return bs(), /* @__PURE__ */ F(We, { children: [
+    return bs(), /* @__PURE__ */ N(We, { children: [
       /* @__PURE__ */ C(
         ms,
         {
@@ -10946,7 +10951,7 @@ var TI = i.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ F(We, { children: [
+      /* @__PURE__ */ N(We, { children: [
         /* @__PURE__ */ C(kI, { titleId: u.titleId }),
         /* @__PURE__ */ C(jI, { contentRef: s, descriptionId: u.descriptionId })
       ] })
@@ -11078,9 +11083,9 @@ function KI({
     }
   );
 }
-const $s = i.forwardRef(({ className: e, children: A, hideCloseButton: t = !1, ...r }, n) => /* @__PURE__ */ F(qI, { "data-slot": "dialog-portal", children: [
+const $s = i.forwardRef(({ className: e, children: A, hideCloseButton: t = !1, ...r }, n) => /* @__PURE__ */ N(qI, { "data-slot": "dialog-portal", children: [
   /* @__PURE__ */ C(KI, {}),
-  /* @__PURE__ */ F(
+  /* @__PURE__ */ N(
     bo,
     {
       ref: n,
@@ -11093,7 +11098,7 @@ const $s = i.forwardRef(({ className: e, children: A, hideCloseButton: t = !1, .
       children: [
         /* @__PURE__ */ C(Tr, { children: /* @__PURE__ */ C(JI, {}) }),
         A,
-        !t && /* @__PURE__ */ F(GI, { className: "...", children: [
+        !t && /* @__PURE__ */ N(GI, { className: "...", children: [
           /* @__PURE__ */ C(J, { name: "Close", width: 16, height: 16, color: "inherit" }),
           /* @__PURE__ */ C("span", { className: "sr-only", children: "Close" })
         ] })
@@ -11522,11 +11527,11 @@ var EQ = "DismissableLayer", Ln = "dismissableLayer.update", dQ = "dismissableLa
       onDismiss: u,
       ...s
     } = e, c = i.useContext(uc), [l, g] = i.useState(null), B = (l == null ? void 0 : l.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, d] = i.useState({}), I = Oe(A, (m) => g(m)), E = Array.from(c.layers), [Q] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), p = E.indexOf(Q), v = l ? E.indexOf(l) : -1, b = c.layersWithOutsidePointerEventsDisabled.size > 0, w = v >= p, h = pQ((m) => {
-      const D = m.target, N = [...c.branches].some((R) => R.contains(D));
-      !w || N || (n == null || n(m), a == null || a(m), m.defaultPrevented || u == null || u());
+      const D = m.target, F = [...c.branches].some((P) => P.contains(D));
+      !w || F || (n == null || n(m), a == null || a(m), m.defaultPrevented || u == null || u());
     }, B), f = mQ((m) => {
       const D = m.target;
-      [...c.branches].some((R) => R.contains(D)) || (o == null || o(m), a == null || a(m), m.defaultPrevented || u == null || u());
+      [...c.branches].some((P) => P.contains(D)) || (o == null || o(m), a == null || a(m), m.defaultPrevented || u == null || u());
     }, B);
     return Qo((m) => {
       v === c.layers.size - 1 && (r == null || r(m), !m.defaultPrevented && u && (m.preventDefault(), u()));
@@ -12044,12 +12049,12 @@ const jQ = (e) => ({
     }, d = No(n), I = Fo(d), E = await a.getDimensions(c), Q = d === "y", p = Q ? "top" : "left", v = Q ? "bottom" : "right", b = Q ? "clientHeight" : "clientWidth", w = o.reference[I] + o.reference[d] - B[d] - o.floating[I], h = B[d] - o.reference[d], f = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c));
     let m = f ? f[b] : 0;
     (!m || !await (a.isElement == null ? void 0 : a.isElement(f))) && (m = u.floating[b] || o.floating[I]);
-    const D = w / 2 - h / 2, N = m / 2 - E[I] / 2 - 1, R = dA(g[p], N), S = dA(g[v], N), H = R, y = m - E[I] - S, P = m / 2 - E[I] / 2 + D, T = Tn(H, P, y), O = !s.arrow && At(n) != null && P !== T && o.reference[I] / 2 - (P < H ? R : S) - E[I] / 2 < 0, q = O ? P < H ? P - H : P - y : 0;
+    const D = w / 2 - h / 2, F = m / 2 - E[I] / 2 - 1, P = dA(g[p], F), S = dA(g[v], F), H = P, y = m - E[I] - S, R = m / 2 - E[I] / 2 + D, T = Tn(H, R, y), O = !s.arrow && At(n) != null && R !== T && o.reference[I] / 2 - (R < H ? P : S) - E[I] / 2 < 0, q = O ? R < H ? R - H : R - y : 0;
     return {
       [d]: B[d] + q,
       data: {
         [d]: T,
-        centerOffset: P - T - q,
+        centerOffset: R - T - q,
         ...O && {
           alignmentOffset: q
         }
@@ -12083,38 +12088,38 @@ const jQ = (e) => ({
         return {};
       const p = rA(n), v = AA(u), b = rA(u) === u, w = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), h = B || (b || !E ? [Qr(u)] : TQ(u)), f = I !== "none";
       !B && f && h.push(...zQ(u, E, I, w));
-      const m = [u, ...h], D = await pt(A, Q), N = [];
-      let R = ((r = o.flip) == null ? void 0 : r.overflows) || [];
-      if (l && N.push(D[p]), g) {
+      const m = [u, ...h], D = await pt(A, Q), F = [];
+      let P = ((r = o.flip) == null ? void 0 : r.overflows) || [];
+      if (l && F.push(D[p]), g) {
         const T = LQ(n, a, w);
-        N.push(D[T[0]], D[T[1]]);
+        F.push(D[T[0]], D[T[1]]);
       }
-      if (R = [...R, {
+      if (P = [...P, {
         placement: n,
-        overflows: N
-      }], !N.every((T) => T <= 0)) {
+        overflows: F
+      }], !F.every((T) => T <= 0)) {
         var S, H;
         const T = (((S = o.flip) == null ? void 0 : S.index) || 0) + 1, O = m[T];
         if (O) {
           var y;
-          const k = g === "alignment" ? v !== AA(O) : !1, x = ((y = R[0]) == null ? void 0 : y.overflows[0]) > 0;
+          const k = g === "alignment" ? v !== AA(O) : !1, x = ((y = P[0]) == null ? void 0 : y.overflows[0]) > 0;
           if (!k || x)
             return {
               data: {
                 index: T,
-                overflows: R
+                overflows: P
               },
               reset: {
                 placement: O
               }
             };
         }
-        let q = (H = R.filter((k) => k.overflows[0] <= 0).sort((k, x) => k.overflows[1] - x.overflows[1])[0]) == null ? void 0 : H.placement;
+        let q = (H = P.filter((k) => k.overflows[0] <= 0).sort((k, x) => k.overflows[1] - x.overflows[1])[0]) == null ? void 0 : H.placement;
         if (!q)
           switch (d) {
             case "bestFit": {
-              var P;
-              const k = (P = R.filter((x) => {
+              var R;
+              const k = (R = P.filter((x) => {
                 if (f) {
                   const j = AA(x.placement);
                   return j === v || // Create a bias to the `y` side axis due to horizontal
@@ -12122,7 +12127,7 @@ const jQ = (e) => ({
                   j === "y";
                 }
                 return !0;
-              }).map((x) => [x.placement, x.overflows.filter((j) => j > 0).reduce((j, K) => j + K, 0)]).sort((x, j) => x[1] - j[1])[0]) == null ? void 0 : P[0];
+              }).map((x) => [x.placement, x.overflows.filter((j) => j > 0).reduce((j, K) => j + K, 0)]).sort((x, j) => x[1] - j[1])[0]) == null ? void 0 : R[0];
               k && (q = k);
               break;
             }
@@ -12365,16 +12370,16 @@ const UQ = function(e) {
       const v = E - l.top - l.bottom, b = I - l.left - l.right, w = dA(E - l[Q], v), h = dA(I - l[p], b), f = !A.middlewareData.shift;
       let m = w, D = h;
       if ((t = A.middlewareData.shift) != null && t.enabled.x && (D = b), (r = A.middlewareData.shift) != null && r.enabled.y && (m = v), f && !B) {
-        const R = Te(l.left, 0), S = Te(l.right, 0), H = Te(l.top, 0), y = Te(l.bottom, 0);
-        d ? D = I - 2 * (R !== 0 || S !== 0 ? R + S : Te(l.left, l.right)) : m = E - 2 * (H !== 0 || y !== 0 ? H + y : Te(l.top, l.bottom));
+        const P = Te(l.left, 0), S = Te(l.right, 0), H = Te(l.top, 0), y = Te(l.bottom, 0);
+        d ? D = I - 2 * (P !== 0 || S !== 0 ? P + S : Te(l.left, l.right)) : m = E - 2 * (H !== 0 || y !== 0 ? H + y : Te(l.top, l.bottom));
       }
       await s({
         ...A,
         availableWidth: D,
         availableHeight: m
       });
-      const N = await a.getDimensions(u.floating);
-      return I !== N.width || E !== N.height ? {
+      const F = await a.getDimensions(u.floating);
+      return I !== F.width || E !== F.height ? {
         reset: {
           rects: !0
         }
@@ -12945,7 +12950,7 @@ function vc(e) {
     k !== f.current && (f.current = k, E(k));
   }, []), b = i.useCallback((k) => {
     k !== m.current && (m.current = k, p(k));
-  }, []), w = o || I, h = a || Q, f = i.useRef(null), m = i.useRef(null), D = i.useRef(l), N = s != null, R = Cn(s), S = Cn(n), H = Cn(c), y = i.useCallback(() => {
+  }, []), w = o || I, h = a || Q, f = i.useRef(null), m = i.useRef(null), D = i.useRef(l), F = s != null, P = Cn(s), S = Cn(n), H = Cn(c), y = i.useCallback(() => {
     if (!f.current || !m.current)
       return;
     const k = {
@@ -12962,7 +12967,7 @@ function vc(e) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: H.current !== !1
       };
-      P.current && !mr(D.current, j) && (D.current = j, wr.flushSync(() => {
+      R.current && !mr(D.current, j) && (D.current = j, wr.flushSync(() => {
         g(j);
       }));
     });
@@ -12973,16 +12978,16 @@ function vc(e) {
       isPositioned: !1
     })));
   }, [c]);
-  const P = i.useRef(!1);
-  lr(() => (P.current = !0, () => {
-    P.current = !1;
+  const R = i.useRef(!1);
+  lr(() => (R.current = !0, () => {
+    R.current = !1;
   }), []), lr(() => {
     if (w && (f.current = w), h && (m.current = h), w && h) {
-      if (R.current)
-        return R.current(w, h, y);
+      if (P.current)
+        return P.current(w, h, y);
       y();
     }
-  }, [w, h, y, R, N]);
+  }, [w, h, y, P, F]);
   const T = i.useMemo(() => ({
     reference: f,
     floating: m,
@@ -13134,15 +13139,15 @@ var To = "PopperContent", [w2, b2] = Rc(To), zc = i.forwardRef(
       updatePositionStrategy: d = "optimized",
       onPlaced: I,
       ...E
-    } = e, Q = Mc(To, t), [p, v] = i.useState(null), b = Oe(A, (te) => v(te)), [w, h] = i.useState(null), f = h2(w), m = (f == null ? void 0 : f.width) ?? 0, D = (f == null ? void 0 : f.height) ?? 0, N = r + (o !== "center" ? "-" + o : ""), R = typeof l == "number" ? l : { top: 0, right: 0, bottom: 0, left: 0, ...l }, S = Array.isArray(c) ? c : [c], H = S.length > 0, y = {
-      padding: R,
+    } = e, Q = Mc(To, t), [p, v] = i.useState(null), b = Oe(A, (te) => v(te)), [w, h] = i.useState(null), f = h2(w), m = (f == null ? void 0 : f.width) ?? 0, D = (f == null ? void 0 : f.height) ?? 0, F = r + (o !== "center" ? "-" + o : ""), P = typeof l == "number" ? l : { top: 0, right: 0, bottom: 0, left: 0, ...l }, S = Array.isArray(c) ? c : [c], H = S.length > 0, y = {
+      padding: P,
       boundary: S.filter(x2),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: H
-    }, { refs: P, floatingStyles: T, placement: O, isPositioned: q, middlewareData: k } = vc({
+    }, { refs: R, floatingStyles: T, placement: O, isPositioned: q, middlewareData: k } = vc({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: N,
+      placement: F,
       whileElementsMounted: (...te) => mc(...te, {
         animationFrame: d === "always"
       }),
@@ -13179,7 +13184,7 @@ var To = "PopperContent", [w2, b2] = Rc(To), zc = i.forwardRef(
     }, [p]), /* @__PURE__ */ C(
       "div",
       {
-        ref: P.setFloating,
+        ref: R.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
           ...T,
@@ -13483,10 +13488,10 @@ var V2 = i.forwardRef((e, A) => {
             h.current = !0;
           }),
           onFocus: ie(e.onFocus, (D) => {
-            const N = !h.current;
-            if (D.target === D.currentTarget && N && !p) {
-              const R = new CustomEvent(Bn, j2);
-              if (D.currentTarget.dispatchEvent(R), !R.defaultPrevented) {
+            const F = !h.current;
+            if (D.target === D.currentTarget && F && !p) {
+              const P = new CustomEvent(Bn, j2);
+              if (D.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
                 const S = w().filter((O) => O.focusable), H = S.find((O) => O.active), y = S.find((O) => O.id === E), T = [H, y, ...S].filter(
                   Boolean
                 ).map((O) => O.ref.current);
@@ -13699,14 +13704,14 @@ var ke = "MenuContent", [cp, ko] = MA(ke), el = i.forwardRef(
       onDismiss: d,
       disableOutsideScroll: I,
       ...E
-    } = e, Q = LA(ke, t), p = Tt(ke, t), v = jr(t), b = Kc(t), w = rp(t), [h, f] = i.useState(null), m = i.useRef(null), D = Oe(A, m, Q.onContentChange), N = i.useRef(0), R = i.useRef(""), S = i.useRef(0), H = i.useRef(null), y = i.useRef("right"), P = i.useRef(0), T = I ? po : i.Fragment, O = I ? { as: Cp, allowPinchZoom: !0 } : void 0, q = (x) => {
+    } = e, Q = LA(ke, t), p = Tt(ke, t), v = jr(t), b = Kc(t), w = rp(t), [h, f] = i.useState(null), m = i.useRef(null), D = Oe(A, m, Q.onContentChange), F = i.useRef(0), P = i.useRef(""), S = i.useRef(0), H = i.useRef(null), y = i.useRef("right"), R = i.useRef(0), T = I ? po : i.Fragment, O = I ? { as: Cp, allowPinchZoom: !0 } : void 0, q = (x) => {
       var M, X;
-      const j = R.current + x, K = w().filter((_) => !_.disabled), ne = document.activeElement, z = (M = K.find((_) => _.ref.current === ne)) == null ? void 0 : M.textValue, W = K.map((_) => _.textValue), Z = bp(W, j, z), G = (X = K.find((_) => _.textValue === Z)) == null ? void 0 : X.ref.current;
+      const j = P.current + x, K = w().filter((_) => !_.disabled), ne = document.activeElement, z = (M = K.find((_) => _.ref.current === ne)) == null ? void 0 : M.textValue, W = K.map((_) => _.textValue), Z = bp(W, j, z), G = (X = K.find((_) => _.textValue === Z)) == null ? void 0 : X.ref.current;
       (function _(oe) {
-        R.current = oe, window.clearTimeout(N.current), oe !== "" && (N.current = window.setTimeout(() => _(""), 1e3));
+        P.current = oe, window.clearTimeout(F.current), oe !== "" && (F.current = window.setTimeout(() => _(""), 1e3));
       })(j), G && setTimeout(() => G.focus());
     };
-    i.useEffect(() => () => window.clearTimeout(N.current), []), bs();
+    i.useEffect(() => () => window.clearTimeout(F.current), []), bs();
     const k = i.useCallback((x) => {
       var K, ne;
       return y.current === ((K = H.current) == null ? void 0 : K.side) && xp(x, (ne = H.current) == null ? void 0 : ne.area);
@@ -13715,7 +13720,7 @@ var ke = "MenuContent", [cp, ko] = MA(ke), el = i.forwardRef(
       cp,
       {
         scope: t,
-        searchRef: R,
+        searchRef: P,
         onItemEnter: i.useCallback(
           (x) => {
             k(x) && x.preventDefault();
@@ -13795,15 +13800,15 @@ var ke = "MenuContent", [cp, ko] = MA(ke), el = i.forwardRef(
                           qc.includes(x.key) && G.reverse(), vp(G);
                         }),
                         onBlur: ie(e.onBlur, (x) => {
-                          x.currentTarget.contains(x.target) || (window.clearTimeout(N.current), R.current = "");
+                          x.currentTarget.contains(x.target) || (window.clearTimeout(F.current), P.current = "");
                         }),
                         onPointerMove: ie(
                           e.onPointerMove,
                           vt((x) => {
-                            const j = x.target, K = P.current !== x.clientX;
+                            const j = x.target, K = R.current !== x.clientX;
                             if (x.currentTarget.contains(j) && K) {
-                              const ne = x.clientX > P.current ? "right" : "left";
-                              y.current = ne, P.current = x.clientX;
+                              const ne = x.clientX > R.current ? "right" : "left";
+                              y.current = ne, R.current = x.clientX;
                             }
                           })
                         )
@@ -14301,10 +14306,10 @@ var $p = i.forwardRef((e, A) => {
             h.current = !0;
           }),
           onFocus: xe(e.onFocus, (D) => {
-            const N = !h.current;
-            if (D.target === D.currentTarget && N && !p) {
-              const R = new CustomEvent(En, Xp);
-              if (D.currentTarget.dispatchEvent(R), !R.defaultPrevented) {
+            const F = !h.current;
+            if (D.target === D.currentTarget && F && !p) {
+              const P = new CustomEvent(En, Xp);
+              if (D.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
                 const S = w().filter((O) => O.focusable), H = S.find((O) => O.active), y = S.find((O) => O.id === E), T = [H, y, ...S].filter(
                   Boolean
                 ).map((O) => O.ref.current);
@@ -14785,30 +14790,30 @@ function Y1({
     }
   );
 }
-const U1 = ({ fullName: e, onLogout: A, type: t = "primary", logoutText: r = "Logout" }) => /* @__PURE__ */ C(k1, { className: "p-0 bg-transparent border-none shadow-none", children: /* @__PURE__ */ F(H1, { children: [
+const U1 = ({ fullName: e, onLogout: A, type: t = "primary", logoutText: r = "Logout" }) => /* @__PURE__ */ C(k1, { className: "p-0 bg-transparent border-none shadow-none", children: /* @__PURE__ */ N(H1, { children: [
   /* @__PURE__ */ C(G1, { className: "p-0", children: /* @__PURE__ */ C(ZA, { fullName: e, type: t }) }),
-  /* @__PURE__ */ F(
+  /* @__PURE__ */ N(
     W1,
     {
       align: "end",
       className: "bg-popover min-w-32 border-radius-md border-border border shadow-md p-1",
       children: [
         /* @__PURE__ */ C("div", { className: "text-sm font-semibold text-popover-foreground py-1 px-2", children: e }),
-        /* @__PURE__ */ F(Y1, { onClick: A, "data-testid": "logout-button", className: "cursor-pointer", children: [
+        /* @__PURE__ */ N(Y1, { onClick: A, "data-testid": "logout-button", className: "cursor-pointer", children: [
           /* @__PURE__ */ C(J, { name: "Logout", className: "w-4 h-4 text-foreground" }),
           /* @__PURE__ */ C("span", { className: "text-sm font-medium text-secondary-foreground", children: r })
         ] })
       ]
     }
   )
-] }) }), gh = ({ fullName: e, logo: A, action: t, avatarType: r = "primary", logoutText: n = "Logout", onLogout: o }) => /* @__PURE__ */ F(
+] }) }), gh = ({ fullName: e, logo: A, action: t, avatarType: r = "primary", logoutText: n = "Logout", onLogout: o }) => /* @__PURE__ */ N(
   "div",
   {
     className: "w-full h-[56px] px-6 py-2 flex items-center justify-between bg-background",
     "data-testid": "header-container",
     children: [
       A,
-      /* @__PURE__ */ F("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ C(U1, { fullName: e, onLogout: o, type: r, logoutText: n }),
         t
       ] })
@@ -14819,7 +14824,7 @@ const U1 = ({ fullName: e, onLogout: A, type: t = "primary", logoutText: r = "Lo
   const r = (n = e.find(
     (a) => a.id === A
   )) == null ? void 0 : n.isDarkBg;
-  return /* @__PURE__ */ F("div", { className: "hidden md:flex gap-3 flex-row-reverse h-full max-h-screen", children: [
+  return /* @__PURE__ */ N("div", { className: "hidden md:flex gap-3 flex-row-reverse h-full max-h-screen", children: [
     /* @__PURE__ */ C("div", { className: "flex gap-2 flex-col", children: e.map((a) => /* @__PURE__ */ C(
       "div",
       {
@@ -14857,7 +14862,7 @@ const U1 = ({ fullName: e, onLogout: A, type: t = "primary", logoutText: r = "Lo
   className: A,
   tabs: t,
   onClickClose: r
-}) => /* @__PURE__ */ F(
+}) => /* @__PURE__ */ N(
   "div",
   {
     className: $(
@@ -14865,7 +14870,7 @@ const U1 = ({ fullName: e, onLogout: A, type: t = "primary", logoutText: r = "Lo
       A
     ),
     children: [
-      /* @__PURE__ */ F(
+      /* @__PURE__ */ N(
         "div",
         {
           className: $(
@@ -15226,14 +15231,14 @@ function gm({ activeSnapPointProp: e, setActiveSnapPointProp: A, snapPoints: t,
       height: 0
     };
     var D;
-    return (D = t == null ? void 0 : t.map((N) => {
-      const R = typeof N == "string";
+    return (D = t == null ? void 0 : t.map((F) => {
+      const P = typeof F == "string";
       let S = 0;
-      if (R && (S = parseInt(N, 10)), fe(u)) {
-        const y = R ? S : B ? N * m.height : 0;
+      if (P && (S = parseInt(F, 10)), fe(u)) {
+        const y = P ? S : B ? F * m.height : 0;
         return B ? u === "bottom" ? m.height - y : -m.height + y : y;
       }
-      const H = R ? S : B ? N * m.width : 0;
+      const H = P ? S : B ? F * m.width : 0;
       return B ? u === "right" ? m.width - H : -m.width + H : H;
     })) != null ? D : [];
   }, [
@@ -15245,17 +15250,17 @@ function gm({ activeSnapPointProp: e, setActiveSnapPointProp: A, snapPoints: t,
     E
   ]), b = L.useCallback((m) => {
     var D;
-    const N = (D = p == null ? void 0 : p.findIndex((R) => R === m)) != null ? D : null;
-    a(N), Ie(r.current, {
+    const F = (D = p == null ? void 0 : p.findIndex((P) => P === m)) != null ? D : null;
+    a(F), Ie(r.current, {
       transition: `transform ${Ce.DURATION}s cubic-bezier(${Ce.EASE.join(",")})`,
       transform: fe(u) ? `translate3d(0, ${m}px, 0)` : `translate3d(${m}px, 0, 0)`
-    }), p && N !== p.length - 1 && o !== void 0 && N !== o && N < o ? Ie(n.current, {
+    }), p && F !== p.length - 1 && o !== void 0 && F !== o && F < o ? Ie(n.current, {
       transition: `opacity ${Ce.DURATION}s cubic-bezier(${Ce.EASE.join(",")})`,
       opacity: "0"
     }) : Ie(n.current, {
       transition: `opacity ${Ce.DURATION}s cubic-bezier(${Ce.EASE.join(",")})`,
       opacity: "1"
-    }), g(t == null ? void 0 : t[Math.max(N, 0)]);
+    }), g(t == null ? void 0 : t[Math.max(F, 0)]);
   }, [
     r.current,
     t,
@@ -15267,7 +15272,7 @@ function gm({ activeSnapPointProp: e, setActiveSnapPointProp: A, snapPoints: t,
   L.useEffect(() => {
     if (l || e) {
       var m;
-      const D = (m = t == null ? void 0 : t.findIndex((N) => N === e || N === l)) != null ? m : -1;
+      const D = (m = t == null ? void 0 : t.findIndex((F) => F === e || F === l)) != null ? m : -1;
       p && D !== -1 && typeof p[D] == "number" && b(p[D]);
     }
   }, [
@@ -15277,27 +15282,27 @@ function gm({ activeSnapPointProp: e, setActiveSnapPointProp: A, snapPoints: t,
     p,
     b
   ]);
-  function w({ draggedDistance: m, closeDrawer: D, velocity: N, dismissible: R }) {
+  function w({ draggedDistance: m, closeDrawer: D, velocity: F, dismissible: P }) {
     if (o === void 0) return;
-    const S = u === "bottom" || u === "right" ? (v ?? 0) - m : (v ?? 0) + m, H = E === o - 1, y = E === 0, P = m > 0;
+    const S = u === "bottom" || u === "right" ? (v ?? 0) - m : (v ?? 0) + m, H = E === o - 1, y = E === 0, R = m > 0;
     if (H && Ie(n.current, {
       transition: `opacity ${Ce.DURATION}s cubic-bezier(${Ce.EASE.join(",")})`
-    }), !c && N > 2 && !P) {
-      R ? D() : b(p[0]);
+    }), !c && F > 2 && !R) {
+      P ? D() : b(p[0]);
       return;
     }
-    if (!c && N > 2 && P && p && t) {
+    if (!c && F > 2 && R && p && t) {
       b(p[t.length - 1]);
       return;
     }
     const T = p == null ? void 0 : p.reduce((q, k) => typeof q != "number" || typeof k != "number" ? q : Math.abs(k - S) < Math.abs(q - S) ? k : q), O = fe(u) ? window.innerHeight : window.innerWidth;
-    if (N > zl && Math.abs(m) < O * 0.4) {
-      const q = P ? 1 : -1;
+    if (F > zl && Math.abs(m) < O * 0.4) {
+      const q = R ? 1 : -1;
       if (q > 0 && I && t) {
         b(p[t.length - 1]);
         return;
       }
-      if (y && q < 0 && R && D(), E === null) return;
+      if (y && q < 0 && P && D(), E === null) return;
       b(p[E + q]);
       return;
     }
@@ -15312,13 +15317,13 @@ function gm({ activeSnapPointProp: e, setActiveSnapPointProp: A, snapPoints: t,
   }
   function f(m, D) {
     if (!t || typeof E != "number" || !p || o === void 0) return null;
-    const N = E === o - 1;
+    const F = E === o - 1;
     if (E >= o && D)
       return 0;
-    if (N && !D) return 1;
-    if (!Q && !N) return null;
-    const S = N ? E + 1 : E - 1, H = N ? p[S] - p[S - 1] : p[S + 1] - p[S], y = m / Math.abs(H);
-    return N ? 1 - y : y;
+    if (F && !D) return 1;
+    if (!Q && !F) return null;
+    const S = F ? E + 1 : E - 1, H = F ? p[S] - p[S - 1] : p[S + 1] - p[S], y = m / Math.abs(H);
+    return F ? 1 - y : y;
   }
   return {
     isLastSnapPoint: I,
@@ -15442,19 +15447,19 @@ function Em({ isOpen: e, modal: A, nested: t, hasBeenOpened: r, preventScrollRes
     restorePositionSetting: l
   };
 }
-function dm({ open: e, onOpenChange: A, children: t, onDrag: r, onRelease: n, snapPoints: o, shouldScaleBackground: a = !1, setBackgroundColorOnScale: u = !0, closeThreshold: s = sm, scrollLockTimeout: c = cm, dismissible: l = !0, handleOnly: g = !1, fadeFromIndex: B = o && o.length - 1, activeSnapPoint: d, setActiveSnapPoint: I, fixed: E, modal: Q = !0, onClose: p, nested: v, noBodyStyles: b = !1, direction: w = "bottom", defaultOpen: h = !1, disablePreventScroll: f = !0, snapToSequentialPoint: m = !1, preventScrollRestoration: D = !1, repositionInputs: N = !0, onAnimationEnd: R, container: S, autoFocus: H = !1 }) {
-  var y, P;
+function dm({ open: e, onOpenChange: A, children: t, onDrag: r, onRelease: n, snapPoints: o, shouldScaleBackground: a = !1, setBackgroundColorOnScale: u = !0, closeThreshold: s = sm, scrollLockTimeout: c = cm, dismissible: l = !0, handleOnly: g = !1, fadeFromIndex: B = o && o.length - 1, activeSnapPoint: d, setActiveSnapPoint: I, fixed: E, modal: Q = !0, onClose: p, nested: v, noBodyStyles: b = !1, direction: w = "bottom", defaultOpen: h = !1, disablePreventScroll: f = !0, snapToSequentialPoint: m = !1, preventScrollRestoration: D = !1, repositionInputs: F = !0, onAnimationEnd: P, container: S, autoFocus: H = !1 }) {
+  var y, R;
   const [T = !1, O] = jl({
     defaultProp: h,
     prop: e,
     onChange: (ee) => {
       A == null || A(ee), !ee && !v && Ig(), setTimeout(() => {
-        R == null || R(ee);
+        P == null || P(ee);
       }, Ce.DURATION * 1e3), ee && !Q && typeof window < "u" && window.requestAnimationFrame(() => {
         document.body.style.pointerEvents = "auto";
       }), ee || (document.body.style.pointerEvents = "auto");
     }
-  }), [q, k] = L.useState(!1), [x, j] = L.useState(!1), [K, ne] = L.useState(!1), z = L.useRef(null), W = L.useRef(null), Z = L.useRef(null), G = L.useRef(null), M = L.useRef(null), X = L.useRef(!1), _ = L.useRef(null), oe = L.useRef(0), ce = L.useRef(!1), ge = L.useRef(!h), te = L.useRef(0), V = L.useRef(null), ve = L.useRef(((y = V.current) == null ? void 0 : y.getBoundingClientRect().height) || 0), we = L.useRef(((P = V.current) == null ? void 0 : P.getBoundingClientRect().width) || 0), He = L.useRef(0), de = L.useCallback((ee) => {
+  }), [q, k] = L.useState(!1), [x, j] = L.useState(!1), [K, ne] = L.useState(!1), z = L.useRef(null), W = L.useRef(null), Z = L.useRef(null), G = L.useRef(null), M = L.useRef(null), X = L.useRef(!1), _ = L.useRef(null), oe = L.useRef(0), ce = L.useRef(!1), ge = L.useRef(!h), te = L.useRef(0), V = L.useRef(null), ve = L.useRef(((y = V.current) == null ? void 0 : y.getBoundingClientRect().height) || 0), we = L.useRef(((R = V.current) == null ? void 0 : R.getBoundingClientRect().width) || 0), He = L.useRef(0), de = L.useCallback((ee) => {
     o && ee === QA.length - 1 && (W.current = /* @__PURE__ */ new Date());
   }, []), { activeSnapPoint: Fe, activeSnapPointIndex: nA, setActiveSnapPoint: oA, onRelease: Wt, snapPointsOffset: QA, onDrag: dg, shouldFade: _o, getPercentageDragged: fg } = gm({
     snapPoints: o,
@@ -15469,7 +15474,7 @@ function dm({ open: e, onOpenChange: A, children: t, onDrag: r, onRelease: n, sn
     snapToSequentialPoint: m
   });
   Am({
-    isDisabled: !T || x || !Q || K || !q || !N || !f
+    isDisabled: !T || x || !Q || K || !q || !F || !f
   });
   const { restorePositionSetting: Ig } = Em({
     isOpen: T,
@@ -15563,7 +15568,7 @@ function dm({ open: e, onOpenChange: A, children: t, onDrag: r, onRelease: n, sn
   }, []), L.useEffect(() => {
     var ee;
     function se() {
-      if (!V.current || !N) return;
+      if (!V.current || !F) return;
       const le = document.activeElement;
       if (Un(le) || ce.current) {
         var ue;
@@ -15760,34 +15765,34 @@ const Gl = /* @__PURE__ */ L.forwardRef(function({ ...e }, A) {
 });
 Gl.displayName = "Drawer.Overlay";
 const Wl = /* @__PURE__ */ L.forwardRef(function({ onPointerDownOutside: e, style: A, onOpenAutoFocus: t, ...r }, n) {
-  const { drawerRef: o, onPress: a, onRelease: u, onDrag: s, keyboardIsOpen: c, snapPointsOffset: l, activeSnapPointIndex: g, modal: B, isOpen: d, direction: I, snapPoints: E, container: Q, handleOnly: p, shouldAnimate: v, autoFocus: b } = kt(), [w, h] = L.useState(!1), f = Tl(n, o), m = L.useRef(null), D = L.useRef(null), N = L.useRef(!1), R = E && E.length > 0;
+  const { drawerRef: o, onPress: a, onRelease: u, onDrag: s, keyboardIsOpen: c, snapPointsOffset: l, activeSnapPointIndex: g, modal: B, isOpen: d, direction: I, snapPoints: E, container: Q, handleOnly: p, shouldAnimate: v, autoFocus: b } = kt(), [w, h] = L.useState(!1), f = Tl(n, o), m = L.useRef(null), D = L.useRef(null), F = L.useRef(!1), P = E && E.length > 0;
   Bm();
-  const S = (y, P, T = 0) => {
-    if (N.current) return !0;
+  const S = (y, R, T = 0) => {
+    if (F.current) return !0;
     const O = Math.abs(y.y), q = Math.abs(y.x), k = q > O, x = [
       "bottom",
       "right"
-    ].includes(P) ? 1 : -1;
-    if (P === "left" || P === "right") {
+    ].includes(R) ? 1 : -1;
+    if (R === "left" || R === "right") {
       if (!(y.x * x < 0) && q >= 0 && q <= T)
         return k;
     } else if (!(y.y * x < 0) && O >= 0 && O <= T)
       return !k;
-    return N.current = !0, !0;
+    return F.current = !0, !0;
   };
   L.useEffect(() => {
-    R && window.requestAnimationFrame(() => {
+    P && window.requestAnimationFrame(() => {
       h(!0);
     });
   }, []);
   function H(y) {
-    m.current = null, N.current = !1, u(y);
+    m.current = null, F.current = !1, u(y);
   }
   return /* @__PURE__ */ L.createElement(bo, {
     "data-vaul-drawer-direction": I,
     "data-vaul-drawer": "",
     "data-vaul-delayed-snap-points": w ? "true" : "false",
-    "data-vaul-snap-points": d && R ? "true" : "false",
+    "data-vaul-snap-points": d && P ? "true" : "false",
     "data-vaul-custom-container": Q ? "true" : "false",
     "data-vaul-animate": v != null && v.current ? "true" : "false",
     ...r,
@@ -15820,14 +15825,14 @@ const Wl = /* @__PURE__ */ L.forwardRef(function({ onPointerDownOutside: e, styl
     },
     onPointerMove: (y) => {
       if (D.current = y, p || (r.onPointerMove == null || r.onPointerMove.call(r, y), !m.current)) return;
-      const P = y.pageY - m.current.y, T = y.pageX - m.current.x, O = y.pointerType === "touch" ? 10 : 2;
+      const R = y.pageY - m.current.y, T = y.pageX - m.current.x, O = y.pointerType === "touch" ? 10 : 2;
       S({
         x: T,
-        y: P
-      }, I, O) ? s(y) : (Math.abs(T) > O || Math.abs(P) > O) && (m.current = null);
+        y: R
+      }, I, O) ? s(y) : (Math.abs(T) > O || Math.abs(R) > O) && (m.current = null);
     },
     onPointerUp: (y) => {
-      r.onPointerUp == null || r.onPointerUp.call(r, y), m.current = null, N.current = !1, u(y);
+      r.onPointerUp == null || r.onPointerUp.call(r, y), m.current = null, F.current = !1, u(y);
     },
     onPointerOut: (y) => {
       r.onPointerOut == null || r.onPointerOut.call(r, y), H(D.current);
@@ -15941,9 +15946,9 @@ function wm({
   children: A,
   ...t
 }) {
-  return /* @__PURE__ */ F(hm, { "data-slot": "drawer-portal", children: [
+  return /* @__PURE__ */ N(hm, { "data-slot": "drawer-portal", children: [
     /* @__PURE__ */ C(vm, {}),
-    /* @__PURE__ */ F(
+    /* @__PURE__ */ N(
       Ht.Content,
       {
         "data-slot": "drawer-content",
@@ -15957,7 +15962,7 @@ function wm({
         ),
         ...t,
         children: [
-          /* @__PURE__ */ F(Tr, { children: [
+          /* @__PURE__ */ N(Tr, { children: [
             " ",
             /* @__PURE__ */ C(bm, {})
           ] }),
@@ -15985,7 +15990,7 @@ const Dm = ({ content: e, isOpen: A, onOpenChange: t }) => /* @__PURE__ */ C(mm,
   onOpenChange: A,
   supportProps: t,
   buttonClassName: r
-}) => /* @__PURE__ */ F(We, { children: [
+}) => /* @__PURE__ */ N(We, { children: [
   /* @__PURE__ */ C(
     be,
     {
@@ -16023,8 +16028,8 @@ const Dm = ({ content: e, isOpen: A, onOpenChange: t }) => /* @__PURE__ */ C(mm,
   buttonClassName: o
 }) => {
   const a = Nt();
-  return /* @__PURE__ */ F(We, { children: [
-    /* @__PURE__ */ F(
+  return /* @__PURE__ */ N(We, { children: [
+    /* @__PURE__ */ N(
       is,
       {
         direction: a ? "vertical" : "horizontal",
@@ -16196,11 +16201,11 @@ var Om = "DismissableLayer", Zn = "dismissableLayer.update", Mm = "dismissableLa
       onDismiss: u,
       ...s
     } = e, c = i.useContext(Ul), [l, g] = i.useState(null), B = (l == null ? void 0 : l.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, d] = i.useState({}), I = jt(A, (m) => g(m)), E = Array.from(c.layers), [Q] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), p = E.indexOf(Q), v = l ? E.indexOf(l) : -1, b = c.layersWithOutsidePointerEventsDisabled.size > 0, w = v >= p, h = zm((m) => {
-      const D = m.target, N = [...c.branches].some((R) => R.contains(D));
-      !w || N || (n == null || n(m), a == null || a(m), m.defaultPrevented || u == null || u());
+      const D = m.target, F = [...c.branches].some((P) => P.contains(D));
+      !w || F || (n == null || n(m), a == null || a(m), m.defaultPrevented || u == null || u());
     }, B), f = km((m) => {
       const D = m.target;
-      [...c.branches].some((R) => R.contains(D)) || (o == null || o(m), a == null || a(m), m.defaultPrevented || u == null || u());
+      [...c.branches].some((P) => P.contains(D)) || (o == null || o(m), a == null || a(m), m.defaultPrevented || u == null || u());
     }, B);
     return Qo((m) => {
       v === c.layers.size - 1 && (r == null || r(m), !m.defaultPrevented && u && (m.preventDefault(), u()));
@@ -16511,15 +16516,15 @@ var Xo = "PopperContent", [e0, A0] = Jl(Xo), rg = i.forwardRef(
       updatePositionStrategy: d = "optimized",
       onPlaced: I,
       ...E
-    } = e, Q = $l(Xo, t), [p, v] = i.useState(null), b = ql(A, (te) => v(te)), [w, h] = i.useState(null), f = _m(w), m = (f == null ? void 0 : f.width) ?? 0, D = (f == null ? void 0 : f.height) ?? 0, N = r + (o !== "center" ? "-" + o : ""), R = typeof l == "number" ? l : { top: 0, right: 0, bottom: 0, left: 0, ...l }, S = Array.isArray(c) ? c : [c], H = S.length > 0, y = {
-      padding: R,
+    } = e, Q = $l(Xo, t), [p, v] = i.useState(null), b = ql(A, (te) => v(te)), [w, h] = i.useState(null), f = _m(w), m = (f == null ? void 0 : f.width) ?? 0, D = (f == null ? void 0 : f.height) ?? 0, F = r + (o !== "center" ? "-" + o : ""), P = typeof l == "number" ? l : { top: 0, right: 0, bottom: 0, left: 0, ...l }, S = Array.isArray(c) ? c : [c], H = S.length > 0, y = {
+      padding: P,
       boundary: S.filter(r0),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: H
-    }, { refs: P, floatingStyles: T, placement: O, isPositioned: q, middlewareData: k } = vc({
+    }, { refs: R, floatingStyles: T, placement: O, isPositioned: q, middlewareData: k } = vc({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: N,
+      placement: F,
       whileElementsMounted: (...te) => mc(...te, {
         animationFrame: d === "always"
       }),
@@ -16556,7 +16561,7 @@ var Xo = "PopperContent", [e0, A0] = Jl(Xo), rg = i.forwardRef(
     }, [p]), /* @__PURE__ */ C(
       "div",
       {
-        ref: P.setFloating,
+        ref: R.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
           ...T,
@@ -16980,7 +16985,7 @@ var _A = "TooltipContent", Cg = i.forwardRef(
         onPointerDownOutside: a,
         onFocusOutside: (g) => g.preventDefault(),
         onDismiss: l,
-        children: /* @__PURE__ */ F(
+        children: /* @__PURE__ */ N(
           u0,
           {
             "data-state": s.stateAttribute,
@@ -17177,13 +17182,13 @@ const G0 = {
     if (n) {
       const g = [], B = n || 0;
       if (s && (B === 2 || B === 3))
-        return B === 3 ? /* @__PURE__ */ F("div", { className: "flex flex-col items-center", children: [
-          /* @__PURE__ */ F("div", { className: "flex", children: [
+        return B === 3 ? /* @__PURE__ */ N("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ N("div", { className: "flex", children: [
             l("size-3"),
             l("size-3")
           ] }),
           /* @__PURE__ */ C("div", { className: "flex justify-center -mt-1", children: l("size-3") })
-        ] }) : /* @__PURE__ */ F("div", { className: "flex gap-0.5", children: [
+        ] }) : /* @__PURE__ */ N("div", { className: "flex gap-0.5", children: [
           l("size-4"),
           l("size-4")
         ] });
@@ -17193,17 +17198,17 @@ const G0 = {
     } else
       return l("size-5");
   };
-  return a && o ? /* @__PURE__ */ F(k0, { children: [
-    /* @__PURE__ */ C(H0, { asChild: !0, children: /* @__PURE__ */ F("div", { className: "flex items-center gap-1", children: [
+  return a && o ? /* @__PURE__ */ N(k0, { children: [
+    /* @__PURE__ */ C(H0, { asChild: !0, children: /* @__PURE__ */ N("div", { className: "flex items-center gap-1", children: [
       c(),
       !s && /* @__PURE__ */ C("span", { className: `${A} text-sm font-medium`, children: e })
     ] }) }),
-    /* @__PURE__ */ C(j0, { className: "bg-background text-foreground m-1 border", side: u, children: /* @__PURE__ */ F("p", { className: "text-sm font-medium", children: [
+    /* @__PURE__ */ C(j0, { className: "bg-background text-foreground m-1 border", side: u, children: /* @__PURE__ */ N("p", { className: "text-sm font-medium", children: [
       a,
       ": ",
       o
     ] }) })
-  ] }) : /* @__PURE__ */ F("div", { className: "flex items-center gap-1", children: [
+  ] }) : /* @__PURE__ */ N("div", { className: "flex items-center gap-1", children: [
     c(),
     !s && /* @__PURE__ */ C("span", { className: `${A} text-sm font-medium`, children: e })
   ] });
@@ -17222,18 +17227,18 @@ const G0 = {
   className: t
 }) => {
   const r = Nt(), n = A !== void 0 ? `(%${A})` : "";
-  return r ? /* @__PURE__ */ C("div", { className: "flex gap-2 items-center", children: /* @__PURE__ */ F("div", { className: "bg-secondary-foreground rounded-xl p-2 flex items-center gap-2", children: [
+  return r ? /* @__PURE__ */ C("div", { className: "flex gap-2 items-center", children: /* @__PURE__ */ N("div", { className: "bg-secondary-foreground rounded-xl p-2 flex items-center gap-2", children: [
     /* @__PURE__ */ C(J, { name: "Camera", className: "text-primary-brew" }),
-    A !== void 0 && /* @__PURE__ */ F("div", { className: "text-primary-foreground text-sm font-medium", children: [
+    A !== void 0 && /* @__PURE__ */ N("div", { className: "text-primary-foreground text-sm font-medium", children: [
       "%",
       A
     ] })
-  ] }) }) : /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ F(
+  ] }) }) : /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ N(
     "div",
     {
       className: `w-full bg-secondary-foreground rounded-xl h-[3.250rem] p-2 flex flex-col justify-center gap-1.5 ${t || ""}`,
       children: [
-        /* @__PURE__ */ F("span", { className: "text-primary-foreground text-sm font-medium", children: [
+        /* @__PURE__ */ N("span", { className: "text-primary-foreground text-sm font-medium", children: [
           e,
           " ",
           n