@opencx/widget 3.0.71 → 3.0.72

package/dist/designs.js

@@ -1,15 +1,15 @@
 import { Fragment as qi, jsx as b, jsxs as U } from "react/jsx-runtime";
 import * as Hn from "@radix-ui/react-popover";
 import * as ge from "react";
-import nn, { forwardRef as Yr, useState as Me, useImperativeHandle as Tu, useRef as sn, useCallback as yu, useMemo as jr, useEffect as Nt, memo as Cu, cloneElement as _u } from "react";
-import { l as ya, m as Au, a as It, u as St, d as un, g as Un, e as zn, i as ku, c as Vi, h as ln, j as cn, b as Nu, _ as Iu, W as Su, k as Lu } from "./useWidgetTrigger-vh6E1XGL.js";
+import nn, { forwardRef as Yr, useState as Me, useImperativeHandle as Tu, useRef as sn, useCallback as yu, useMemo as jr, useEffect as It, memo as Cu, cloneElement as _u } from "react";
+import { l as ya, m as Au, a as St, u as at, d as un, g as Un, e as zn, i as ku, c as Vi, h as ln, j as cn, b as Nu, _ as Iu, W as Su, k as Lu } from "./useWidgetTrigger-DdX73dQq.js";
 import * as Fe from "@radix-ui/react-dialog";
 import { X as Ou, PaperclipIcon as Ru, ImageIcon as Du, CircleDashed as vu, SendHorizontalIcon as Pu, CheckCheckIcon as Mu, XIcon as Wr, AlertCircle as Bu, Loader2 as Fu, FileAudio2Icon as Hu, FileVideo2Icon as Uu, FileIcon as zu, ChevronRight as Yu, Check as ju, Circle as Wu, ChevronLeftIcon as qu, EllipsisVerticalIcon as Vu, MessageCirclePlusIcon as Gu, LoaderIcon as Qu, SendHorizontal as Xu, ChevronRightIcon as Ku, ChevronDownIcon as $u } from "lucide-react";
 import { clsx as Gi } from "clsx";
 import { createPortal as Cr } from "react-dom";
 import { Slot as Ju } from "@radix-ui/react-slot";
 import * as Lt from "@radix-ui/react-avatar";
-import { motion as Tt, AnimatePresence as Ne } from "framer-motion";
+import { motion as yt, AnimatePresence as Ne } from "framer-motion";
 import * as dn from "@radix-ui/react-tooltip";
 import Ca from "tinycolor2";
 import { useDropzone as Zu } from "react-dropzone";
@@ -25,7 +25,7 @@ function _a(e, t) {
     r++, a = n.indexOf(t, a + t.length);
   return r;
 }
-const Ce = at(/[A-Za-z]/), we = at(/[\dA-Za-z]/), el = at(/[#-'*+\--9=?A-Z^-~]/);
+const Ce = it(/[A-Za-z]/), we = it(/[\dA-Za-z]/), el = it(/[#-'*+\--9=?A-Z^-~]/);
 function On(e) {
   return (
     // Special whitespace codes (which have negative values), C0 and Control
@@ -33,7 +33,7 @@ function On(e) {
     e !== null && (e < 32 || e === 127)
   );
 }
-const _r = at(/\d/), tl = at(/[\dA-Fa-f]/), nl = at(/[!-/:-@[-`{-~]/);
+const _r = it(/\d/), tl = it(/[\dA-Fa-f]/), nl = it(/[!-/:-@[-`{-~]/);
 function W(e) {
   return e !== null && e < -2;
 }
@@ -43,8 +43,8 @@ function ae(e) {
 function $(e) {
   return e === -2 || e === -1 || e === 32;
 }
-const Yn = at(new RegExp("\\p{P}|\\p{S}", "u")), ht = at(/\s/);
-function at(e) {
+const Yn = it(new RegExp("\\p{P}|\\p{S}", "u")), pt = it(/\s/);
+function it(e) {
   return t;
   function t(n) {
     return n !== null && n > -1 && e.test(String.fromCharCode(n));
@@ -367,7 +367,7 @@ function Nl(e) {
 }
 function Ki(e, t) {
   const n = e.input.charCodeAt(e.index - 1);
-  return (e.index === 0 || ht(n) || Yn(n)) && // If it’s an email, the previous character should not be a slash.
+  return (e.index === 0 || pt(n) || Yn(n)) && // If it’s an email, the previous character should not be a slash.
   (!t || n !== 47);
 }
 function Be(e) {
@@ -1476,9 +1476,9 @@ function Kc() {
     text: Ye
   };
 }
-let ut = 48;
-for (; ut < 123; )
-  Ye[ut] = Ke, ut++, ut === 58 ? ut = 65 : ut === 91 && (ut = 97);
+let lt = 48;
+for (; lt < 123; )
+  Ye[lt] = Ke, lt++, lt === 58 ? lt = 65 : lt === 91 && (lt = 97);
 Ye[43] = Ke;
 Ye[45] = Ke;
 Ye[46] = Ke;
@@ -1538,7 +1538,7 @@ function Zc(e, t, n) {
     return h === 47 ? (e.consume(h), i ? c : (i = !0, l)) : n(h);
   }
   function c(h) {
-    return h === null || On(h) || ae(h) || ht(h) || Yn(h) ? n(h) : e.attempt(mo, e.attempt(go, d), n)(h);
+    return h === null || On(h) || ae(h) || pt(h) || Yn(h) ? n(h) : e.attempt(mo, e.attempt(go, d), n)(h);
   }
   function d(h) {
     return e.exit("literalAutolinkHttp"), e.exit("literalAutolink"), t(h);
@@ -1558,7 +1558,7 @@ function td(e, t, n) {
   let r, a, i;
   return o;
   function o(c) {
-    return c === 46 || c === 95 ? e.check(bo, l, u)(c) : c === null || ae(c) || ht(c) || c !== 45 && Yn(c) ? l(c) : (i = !0, e.consume(c), o);
+    return c === 46 || c === 95 ? e.check(bo, l, u)(c) : c === null || ae(c) || pt(c) || c !== 45 && Yn(c) ? l(c) : (i = !0, e.consume(c), o);
   }
   function u(c) {
     return c === 95 ? r = !0 : (a = r, r = void 0), e.consume(c), o;
@@ -1571,7 +1571,7 @@ function nd(e, t) {
   let n = 0, r = 0;
   return a;
   function a(o) {
-    return o === 40 ? (n++, e.consume(o), a) : o === 41 && r < n ? i(o) : o === 33 || o === 34 || o === 38 || o === 39 || o === 41 || o === 42 || o === 44 || o === 46 || o === 58 || o === 59 || o === 60 || o === 63 || o === 93 || o === 95 || o === 126 ? e.check(bo, t, i)(o) : o === null || ae(o) || ht(o) ? t(o) : (e.consume(o), a);
+    return o === 40 ? (n++, e.consume(o), a) : o === 41 && r < n ? i(o) : o === 33 || o === 34 || o === 38 || o === 39 || o === 41 || o === 42 || o === 44 || o === 46 || o === 58 || o === 59 || o === 60 || o === 63 || o === 93 || o === 95 || o === 126 ? e.check(bo, t, i)(o) : o === null || ae(o) || pt(o) ? t(o) : (e.consume(o), a);
   }
   function i(o) {
     return o === 41 && r++, e.consume(o), a;
@@ -1583,11 +1583,11 @@ function rd(e, t, n) {
     return u === 33 || u === 34 || u === 39 || u === 41 || u === 42 || u === 44 || u === 46 || u === 58 || u === 59 || u === 63 || u === 95 || u === 126 ? (e.consume(u), r) : u === 38 ? (e.consume(u), i) : u === 93 ? (e.consume(u), a) : (
       // `<` is an end.
       u === 60 || // So is whitespace.
-      u === null || ae(u) || ht(u) ? t(u) : n(u)
+      u === null || ae(u) || pt(u) ? t(u) : n(u)
     );
   }
   function a(u) {
-    return u === null || u === 40 || u === 91 || ae(u) || ht(u) ? t(u) : r(u);
+    return u === null || u === 40 || u === 91 || ae(u) || pt(u) ? t(u) : r(u);
   }
   function i(u) {
     return Ce(u) ? o(u) : n(u);
@@ -1652,7 +1652,7 @@ function Ot(e) {
   return t.join("") + e.slice(r);
 }
 function Rn(e) {
-  if (e === null || ae(e) || ht(e))
+  if (e === null || ae(e) || pt(e))
     return 1;
   if (Yn(e))
     return 2;
@@ -2602,8 +2602,8 @@ function qd(e, t, n) {
   }
   function k(T) {
     if (T === null || T === 47 || T === 62 || ae(T)) {
-      const ve = T === 47, ot = o.toLowerCase();
-      return !ve && !i && Ba.includes(ot) ? (a = 1, r.interrupt ? t(T) : P(T)) : Ud.includes(o.toLowerCase()) ? (a = 6, ve ? (e.consume(T), _) : r.interrupt ? t(T) : P(T)) : (a = 7, r.interrupt && !r.parser.lazy[r.now().line] ? n(T) : i ? L(T) : O(T));
+      const ve = T === 47, st = o.toLowerCase();
+      return !ve && !i && Ba.includes(st) ? (a = 1, r.interrupt ? t(T) : P(T)) : Ud.includes(o.toLowerCase()) ? (a = 6, ve ? (e.consume(T), _) : r.interrupt ? t(T) : P(T)) : (a = 7, r.interrupt && !r.parser.lazy[r.now().line] ? n(T) : i ? L(T) : O(T));
     }
     return T === 45 || we(T) ? (e.consume(T), o += String.fromCharCode(T), k) : n(T);
   }
@@ -3545,15 +3545,15 @@ function P0(e, t) {
 }
 function Tn(e, t, n, r, a, i) {
   const o = r === 1 ? "tableHeader" : r === 2 ? "tableDelimiter" : "tableData", u = "tableContent";
-  n[0] !== 0 && (i.end = Object.assign({}, wt(t.events, n[0])), e.add(n[0], 0, [["exit", i, t]]));
-  const l = wt(t.events, n[1]);
+  n[0] !== 0 && (i.end = Object.assign({}, xt(t.events, n[0])), e.add(n[0], 0, [["exit", i, t]]));
+  const l = xt(t.events, n[1]);
   if (i = {
     type: o,
     start: Object.assign({}, l),
     // Note: correct end is set later.
     end: Object.assign({}, l)
   }, e.add(n[1], 0, [["enter", i, t]]), n[2] !== 0) {
-    const c = wt(t.events, n[2]), d = wt(t.events, n[3]), h = {
+    const c = xt(t.events, n[2]), d = xt(t.events, n[3]), h = {
       type: u,
       start: Object.assign({}, c),
       end: Object.assign({}, d)
@@ -3567,13 +3567,13 @@ function Tn(e, t, n, r, a, i) {
     }
     e.add(n[3] + 1, 0, [["exit", h, t]]);
   }
-  return a !== void 0 && (i.end = Object.assign({}, wt(t.events, a)), e.add(a, 0, [["exit", i, t]]), i = void 0), i;
+  return a !== void 0 && (i.end = Object.assign({}, xt(t.events, a)), e.add(a, 0, [["exit", i, t]]), i = void 0), i;
 }
 function Ha(e, t, n, r, a) {
-  const i = [], o = wt(t.events, n);
+  const i = [], o = xt(t.events, n);
   a && (a.end = Object.assign({}, o), i.push(["exit", a, t])), r.end = Object.assign({}, o), i.push(["exit", r, t]), e.add(n + 1, 0, i);
 }
-function wt(e, t) {
+function xt(e, t) {
   const n = e[t], r = n[0] === "enter" ? "start" : "end";
   return n[1][r];
 }
@@ -3706,8 +3706,8 @@ De.prototype.commaOrSpaceSeparated = !1;
 De.prototype.mustUseProperty = !1;
 De.prototype.defined = !1;
 let G0 = 0;
-const G = pt(), pe = pt(), Do = pt(), v = pt(), ie = pt(), yt = pt(), Se = pt();
-function pt() {
+const G = ft(), pe = ft(), Do = ft(), v = ft(), ie = ft(), Ct = ft(), Se = ft();
+function ft() {
   return 2 ** ++G0;
 }
 const Ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -3715,7 +3715,7 @@ const Ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   boolean: G,
   booleanish: pe,
   commaOrSpaceSeparated: Se,
-  commaSeparated: yt,
+  commaSeparated: Ct,
   number: v,
   overloadedBoolean: Do,
   spaceSeparated: ie
@@ -3857,7 +3857,7 @@ const Fo = Rt({
   properties: {
     // Standard Properties.
     abbr: null,
-    accept: yt,
+    accept: Ct,
     acceptCharset: ie,
     accessKey: ie,
     action: null,
@@ -3884,7 +3884,7 @@ const Fo = Rt({
     contentEditable: pe,
     controls: G,
     controlsList: ie,
-    coords: v | yt,
+    coords: v | Ct,
     crossOrigin: null,
     data: null,
     dateTime: null,
@@ -4466,9 +4466,9 @@ const Fo = Rt({
     from: null,
     fx: null,
     fy: null,
-    g1: yt,
-    g2: yt,
-    glyphName: yt,
+    g1: Ct,
+    g2: Ct,
+    glyphName: Ct,
     glyphOrientationHorizontal: null,
     glyphOrientationVertical: null,
     glyphRef: null,
@@ -4809,7 +4809,7 @@ const th = {
   xLinkTitle: "xlinkTitle",
   xLinkType: "xlinkType",
   xmlnsXLink: "xmlnsXlink"
-}, fn = Ro([Po, vo, Fo, Ho, X0], "html"), it = Ro([Po, vo, Fo, Ho, K0], "svg");
+}, fn = Ro([Po, vo, Fo, Ho, X0], "html"), ot = Ro([Po, vo, Fo, Ho, K0], "svg");
 function qa(e) {
   const t = String(e || "").trim();
   return t ? t.split(/[ \t\n\r\f]+/g) : [];
@@ -4818,7 +4818,7 @@ function Uo(e) {
   return e.join(" ").trim();
 }
 var zo = {}, Va = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, nh = /\n/g, rh = /^\s*/, ah = /^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/, ih = /^:\s*/, oh = /^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/, sh = /^[;\s]*/, uh = /^\s+|\s+$/g, lh = `
-`, Ga = "/", Qa = "*", lt = "", ch = "comment", dh = "declaration", hh = function(e, t) {
+`, Ga = "/", Qa = "*", ct = "", ch = "comment", dh = "declaration", hh = function(e, t) {
   if (typeof e != "string")
     throw new TypeError("First argument must be a string");
   if (!e) return [];
@@ -4865,9 +4865,9 @@ var zo = {}, Va = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, nh = /\n/g, rh = /^\s*/, ah
   function h() {
     var E = i();
     if (!(Ga != e.charAt(0) || Qa != e.charAt(1))) {
-      for (var y = 2; lt != e.charAt(y) && (Qa != e.charAt(y) || Ga != e.charAt(y + 1)); )
+      for (var y = 2; ct != e.charAt(y) && (Qa != e.charAt(y) || Ga != e.charAt(y + 1)); )
         ++y;
-      if (y += 2, lt === e.charAt(y - 1))
+      if (y += 2, ct === e.charAt(y - 1))
         return u("End of comment missing");
       var k = e.slice(2, y - 2);
       return r += 2, a(k), e = e.slice(y), r += 2, E({
@@ -4882,8 +4882,8 @@ var zo = {}, Va = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, nh = /\n/g, rh = /^\s*/, ah
       if (h(), !l(ih)) return u("property missing ':'");
       var k = l(oh), _ = E({
         type: dh,
-        property: Xa(y[0].replace(Va, lt)),
-        value: k ? Xa(k[0].replace(Va, lt)) : lt
+        property: Xa(y[0].replace(Va, ct)),
+        value: k ? Xa(k[0].replace(Va, ct)) : ct
       });
       return l(sh), _;
     }
@@ -4898,7 +4898,7 @@ var zo = {}, Va = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, nh = /\n/g, rh = /^\s*/, ah
   return c(), p();
 };
 function Xa(e) {
-  return e ? e.replace(uh, lt) : lt;
+  return e ? e.replace(uh, ct) : ct;
 }
 var ph = ya && ya.__importDefault || function(e) {
   return e && e.__esModule ? e : { default: e };
@@ -5064,7 +5064,7 @@ function Ch(e, t) {
     ignoreInvalidStyle: t.ignoreInvalidStyle || !1,
     passKeys: t.passKeys !== !1,
     passNode: t.passNode || !1,
-    schema: t.space === "svg" ? it : fn,
+    schema: t.space === "svg" ? ot : fn,
     stylePropertyNameCase: t.stylePropertyNameCase || "dom",
     tableCellAlignToStyle: t.tableCellAlignToStyle !== !1
   }, i = Wo(a, e, void 0);
@@ -5092,7 +5092,7 @@ function Wo(e, t, n) {
 function _h(e, t, n) {
   const r = e.schema;
   let a = r;
-  t.tagName.toLowerCase() === "svg" && r.space === "html" && (a = it, e.schema = a), e.ancestors.push(t);
+  t.tagName.toLowerCase() === "svg" && r.space === "html" && (a = ot, e.schema = a), e.ancestors.push(t);
   const i = Vo(e, t.tagName, !1), o = Rh(e, t);
   let u = ta(e, t);
   return Th.has(t.tagName) && (u = u.filter(function(l) {
@@ -5118,7 +5118,7 @@ function kh(e, t) {
 function Nh(e, t, n) {
   const r = e.schema;
   let a = r;
-  t.name === "svg" && r.space === "html" && (a = it, e.schema = a), e.ancestors.push(t);
+  t.name === "svg" && r.space === "html" && (a = ot, e.schema = a), e.ancestors.push(t);
   const i = t.name === null ? e.Fragment : Vo(e, t.name, !0), o = Dh(e, t), u = ta(e, t);
   return qo(e, o, i, t), ea(o, u), e.ancestors.pop(), e.schema = r, e.create(t, i, o, n);
 }
@@ -5765,11 +5765,11 @@ function $h(e, t, n) {
       function ce(Ee) {
         return Ht;
         function Ht($e) {
-          const mt = $e !== null && Ee[$e], gt = $e !== null && Ee.null, xn = [
+          const gt = $e !== null && Ee[$e], bt = $e !== null && Ee.null, xn = [
             // To do: add more extension tests.
             /* c8 ignore next 2 */
-            ...Array.isArray(mt) ? mt : mt ? [mt] : [],
-            ...Array.isArray(gt) ? gt : gt ? [gt] : []
+            ...Array.isArray(gt) ? gt : gt ? [gt] : [],
+            ...Array.isArray(bt) ? bt : bt ? [bt] : []
           ];
           return We(xn)($e);
         }
@@ -5780,21 +5780,21 @@ function $h(e, t, n) {
       function T(Ee) {
         return Ht;
         function Ht($e) {
-          return x = Y(), ye = Ee, Ee.partial || (c.currentConstruct = Ee), Ee.name && c.parser.constructs.disable.null.includes(Ee.name) ? ot() : Ee.tokenize.call(
+          return x = Y(), ye = Ee, Ee.partial || (c.currentConstruct = Ee), Ee.name && c.parser.constructs.disable.null.includes(Ee.name) ? st() : Ee.tokenize.call(
             // If we do have fields, create an object w/ `context` as its
             // prototype.
             // This allows a “live binding”, which is needed for `interrupt`.
             P ? Object.assign(Object.create(c), P) : c,
             l,
             ve,
-            ot
+            st
           )($e);
         }
       }
       function ve(Ee) {
         return H(ye, x), X;
       }
-      function ot(Ee) {
+      function st(Ee) {
         return x.restore(), ++be < le.length ? T(le[be]) : se;
       }
     }
@@ -6016,7 +6016,7 @@ function fp(e) {
       autolinkProtocol: Y,
       autolinkEmail: Y,
       atxHeading: i(ba),
-      blockQuote: i(gt),
+      blockQuote: i(bt),
       characterEscape: Y,
       characterReference: Y,
       codeFenced: i(xn),
@@ -6058,12 +6058,12 @@ function fp(e) {
       atxHeading: l(),
       atxHeadingSequence: F,
       autolink: l(),
-      autolinkEmail: mt,
+      autolinkEmail: gt,
       autolinkProtocol: $e,
       blockQuote: l(),
       characterEscapeValue: A,
-      characterReferenceMarkerHexadecimal: ot,
-      characterReferenceMarkerNumeric: ot,
+      characterReferenceMarkerHexadecimal: st,
+      characterReferenceMarkerNumeric: st,
       characterReferenceValue: Ee,
       characterReference: Ht,
       codeFenced: l(k),
@@ -6159,7 +6159,7 @@ function fp(e) {
     return B;
   }
   function a(S, B, V) {
-    let J = B - 1, ne = -1, Pe = !1, st, qe, Ut, zt;
+    let J = B - 1, ne = -1, Pe = !1, ut, qe, Ut, zt;
     for (; ++J <= V; ) {
       const Ie = S[J];
       switch (Ie[1].type) {
@@ -6170,7 +6170,7 @@ function fp(e) {
           break;
         }
         case "lineEndingBlank": {
-          Ie[0] === "enter" && (st && !zt && !ne && !Ut && (Ut = J), zt = void 0);
+          Ie[0] === "enter" && (ut && !zt && !ne && !Ut && (Ut = J), zt = void 0);
           break;
         }
         case "linePrefix":
@@ -6183,26 +6183,26 @@ function fp(e) {
           zt = void 0;
       }
       if (!ne && Ie[0] === "enter" && Ie[1].type === "listItemPrefix" || ne === -1 && Ie[0] === "exit" && (Ie[1].type === "listUnordered" || Ie[1].type === "listOrdered")) {
-        if (st) {
-          let bt = J;
-          for (qe = void 0; bt--; ) {
-            const Ve = S[bt];
+        if (ut) {
+          let Et = J;
+          for (qe = void 0; Et--; ) {
+            const Ve = S[Et];
             if (Ve[1].type === "lineEnding" || Ve[1].type === "lineEndingBlank") {
               if (Ve[0] === "exit") continue;
-              qe && (S[qe][1].type = "lineEndingBlank", Pe = !0), Ve[1].type = "lineEnding", qe = bt;
+              qe && (S[qe][1].type = "lineEndingBlank", Pe = !0), Ve[1].type = "lineEnding", qe = Et;
             } else if (!(Ve[1].type === "linePrefix" || Ve[1].type === "blockQuotePrefix" || Ve[1].type === "blockQuotePrefixWhitespace" || Ve[1].type === "blockQuoteMarker" || Ve[1].type === "listItemIndent")) break;
           }
-          Ut && (!qe || Ut < qe) && (st._spread = !0), st.end = Object.assign({}, qe ? S[qe][1].start : Ie[1].end), S.splice(qe || J, 0, ["exit", st, Ie[2]]), J++, V++;
+          Ut && (!qe || Ut < qe) && (ut._spread = !0), ut.end = Object.assign({}, qe ? S[qe][1].start : Ie[1].end), S.splice(qe || J, 0, ["exit", ut, Ie[2]]), J++, V++;
         }
         if (Ie[1].type === "listItemPrefix") {
-          const bt = {
+          const Et = {
             type: "listItem",
             _spread: !1,
             start: Object.assign({}, Ie[1].start),
             // @ts-expect-error: we’ll add `end` in a second.
             end: void 0
           };
-          st = bt, S.splice(J, 0, ["enter", bt, Ie[2]]), J++, V++, Ut = void 0, zt = !0;
+          ut = Et, S.splice(J, 0, ["enter", Et, Ie[2]]), J++, V++, Ut = void 0, zt = !0;
         }
       }
     }
@@ -6388,7 +6388,7 @@ function fp(e) {
     const B = this.resume(), V = this.stack[this.stack.length - 1];
     V.label = B, V.identifier = Be(this.sliceSerialize(S)).toLowerCase(), this.data.referenceType = "full";
   }
-  function ot(S) {
+  function st(S) {
     this.data.characterReferenceType = S.type;
   }
   function Ee(S) {
@@ -6407,12 +6407,12 @@ function fp(e) {
     const B = this.stack[this.stack.length - 1];
     B.url = this.sliceSerialize(S);
   }
-  function mt(S) {
+  function gt(S) {
     A.call(this, S);
     const B = this.stack[this.stack.length - 1];
     B.url = "mailto:" + this.sliceSerialize(S);
   }
-  function gt() {
+  function bt() {
     return {
       type: "blockquote",
       children: []
@@ -6988,24 +6988,24 @@ const Zo = -1, Xn = 0, Dn = 1, vn = 2, na = 3, ra = 4, aa = 5, ia = 6, es = 7, t
     return n(new ii[i](o), a);
   };
   return r;
-}, oi = (e) => jp(/* @__PURE__ */ new Map(), e)(0), Et = "", { toString: Wp } = {}, { keys: qp } = Object, jt = (e) => {
+}, oi = (e) => jp(/* @__PURE__ */ new Map(), e)(0), wt = "", { toString: Wp } = {}, { keys: qp } = Object, jt = (e) => {
   const t = typeof e;
   if (t !== "object" || !e)
     return [Xn, t];
   const n = Wp.call(e).slice(8, -1);
   switch (n) {
     case "Array":
-      return [Dn, Et];
+      return [Dn, wt];
     case "Object":
-      return [vn, Et];
+      return [vn, wt];
     case "Date":
-      return [na, Et];
+      return [na, wt];
     case "RegExp":
-      return [ra, Et];
+      return [ra, wt];
     case "Map":
-      return [aa, Et];
+      return [aa, wt];
     case "Set":
-      return [ia, Et];
+      return [ia, wt];
   }
   return n.includes("Array") ? [Dn, n] : n.includes("Error") ? [es, n] : [vn, n];
 }, Cn = ([e, t]) => e === Xn && (t === "function" || t === "symbol"), Vp = (e, t, n, r) => {
@@ -7085,7 +7085,7 @@ const Zo = -1, Xn = 0, Dn = 1, vn = 2, na = 3, ra = 4, aa = 5, ia = 6, es = 7, t
 }, si = (e, { json: t, lossy: n } = {}) => {
   const r = [];
   return Vp(!(t || n), !!t, /* @__PURE__ */ new Map(), r)(e), r;
-}, _t = typeof structuredClone == "function" ? (
+}, At = typeof structuredClone == "function" ? (
   /* c8 ignore start */
   (e, t) => t && ("json" in t || "lossy" in t) ? oi(si(e, t)) : structuredClone(e)
 ) : (e, t) => oi(si(e, t));
@@ -7154,7 +7154,7 @@ function Xp(e) {
           type: "element",
           tagName: i,
           properties: {
-            ..._t(o),
+            ...At(o),
             id: "footnote-label"
           },
           children: [{ type: "text", value: a }]
@@ -7199,10 +7199,10 @@ function $p(e, t) {
       return p(u, d, h);
     if (u.options.passThrough && u.options.passThrough.includes(g)) {
       if ("children" in d) {
-        const { children: y, ...k } = d, _ = _t(k);
+        const { children: y, ...k } = d, _ = At(k);
         return _.children = u.all(d), _;
       }
-      return _t(d);
+      return At(d);
     }
     return (u.options.unknownHandler || ef)(u, d, h);
   }
@@ -7239,7 +7239,7 @@ function Zp(e, t) {
         const o = "children" in n ? n.children : [n];
         n = { type: "element", tagName: r, properties: {}, children: o };
       }
-    n.type === "element" && i && Object.assign(n.properties, _t(i)), "children" in n && n.children && a !== null && a !== void 0 && (n.children = a);
+    n.type === "element" && i && Object.assign(n.properties, At(i)), "children" in n && n.children && a !== null && a !== void 0 && (n.children = a);
   }
   return n;
 }
@@ -8736,7 +8736,7 @@ const vf = [
   "solidColor",
   "textArea",
   "textPath"
-], Pf = is(fn, "div"), Mf = is(it, "g", vf);
+], Pf = is(fn, "div"), Mf = is(ot, "g", vf);
 function Bf(e) {
   const t = String(e), n = [];
   return { toOffset: a, toPoint: r };
@@ -8776,7 +8776,7 @@ function _i(e, t) {
 `, t);
   return r === -1 ? n : n === -1 || n + 1 === r ? r : n < r ? n : r;
 }
-const ct = {
+const dt = {
   html: "http://www.w3.org/1999/xhtml",
   mathml: "http://www.w3.org/1998/Math/MathML",
   svg: "http://www.w3.org/2000/svg",
@@ -8790,7 +8790,7 @@ function Hf(e, t) {
     {
       file: n.file || void 0,
       location: !1,
-      schema: n.space === "svg" ? it : fn,
+      schema: n.space === "svg" ? ot : fn,
       verbose: n.verbose || !1
     },
     e
@@ -8858,7 +8858,7 @@ function ss(e, t) {
 }
 function Uf(e, t) {
   const n = e.schema;
-  e.schema = t.namespaceURI === ct.svg ? it : fn;
+  e.schema = t.namespaceURI === dt.svg ? ot : fn;
   let r = -1;
   const a = {};
   for (; ++r < t.attrs.length; ) {
@@ -8870,7 +8870,7 @@ function Uf(e, t) {
     const u = (
       /** @type {DefaultTreeAdapterMap['template']} */
       t
-    ), l = u.sourceCodeLocation, c = l && l.startTag && xt(l.startTag), d = l && l.endTag && xt(l.endTag), h = (
+    ), l = u.sourceCodeLocation, c = l && l.startTag && Tt(l.startTag), d = l && l.endTag && Tt(l.endTag), h = (
       /** @type {Root} */
       sa(e, u.content)
     );
@@ -8885,7 +8885,7 @@ function In(e, t, n) {
   }
 }
 function zf(e, t, n) {
-  const r = xt(n);
+  const r = Tt(n);
   if (t.type === "element") {
     const a = t.children[t.children.length - 1];
     if (r && !n.endTag && a && a.position && a.position.end && (r.end = Object.assign({}, a.position.end)), e.verbose) {
@@ -8893,17 +8893,17 @@ function zf(e, t, n) {
       let o;
       if (n.attrs)
         for (o in n.attrs)
-          os.call(n.attrs, o) && (i[Gn(e.schema, o).property] = xt(
+          os.call(n.attrs, o) && (i[Gn(e.schema, o).property] = Tt(
             n.attrs[o]
           ));
       n.startTag;
-      const u = xt(n.startTag), l = n.endTag ? xt(n.endTag) : void 0, c = { opening: u };
+      const u = Tt(n.startTag), l = n.endTag ? Tt(n.endTag) : void 0, c = { opening: u };
       l && (c.closing = l), c.properties = i, t.data = { position: c };
     }
   }
   return r;
 }
-function xt(e) {
+function Tt(e) {
   const t = Ai({
     line: e.startLine,
     column: e.startCol,
@@ -8921,7 +8921,7 @@ function Ai(e) {
 const Yf = {}, jf = {}.hasOwnProperty, us = Zi("type", { handlers: { root: qf, element: Kf, text: Qf, comment: Xf, doctype: Gf } });
 function Wf(e, t) {
   const r = (t || Yf).space;
-  return us(e, r === "svg" ? it : fn);
+  return us(e, r === "svg" ? ot : fn);
 }
 function qf(e, t) {
   const n = {
@@ -8965,7 +8965,7 @@ function Xf(e) {
 function Kf(e, t) {
   const n = t;
   let r = n;
-  e.type === "element" && e.tagName.toLowerCase() === "svg" && n.space === "html" && (r = it);
+  e.type === "element" && e.tagName.toLowerCase() === "svg" && n.space === "html" && (r = ot);
   const a = [];
   let i;
   if (e.properties) {
@@ -8984,7 +8984,7 @@ function Kf(e, t) {
     tagName: e.tagName,
     attrs: a,
     // @ts-expect-error: `parse5` types are wrong.
-    namespaceURI: ct[o],
+    namespaceURI: dt[o],
     childNodes: [],
     parentNode: null
   };
@@ -9001,7 +9001,7 @@ function $f(e, t, n) {
   };
   if (r.space && r.space !== "html" && r.space !== "svg") {
     const i = a.name.indexOf(":");
-    i < 0 ? a.prefix = "" : (a.name = a.name.slice(i + 1), a.prefix = r.attribute.slice(0, i)), a.namespace = ct[r.space];
+    i < 0 ? a.prefix = "" : (a.name = a.name.slice(i + 1), a.prefix = r.attribute.slice(0, i)), a.namespace = dt[r.space];
   }
   return a;
 }
@@ -9520,10 +9520,10 @@ var R;
 (function(e) {
   e.HTML = "http://www.w3.org/1999/xhtml", e.MATHML = "http://www.w3.org/1998/Math/MathML", e.SVG = "http://www.w3.org/2000/svg", e.XLINK = "http://www.w3.org/1999/xlink", e.XML = "http://www.w3.org/XML/1998/namespace", e.XMLNS = "http://www.w3.org/2000/xmlns/";
 })(R || (R = {}));
-var dt;
+var ht;
 (function(e) {
   e.TYPE = "type", e.ACTION = "action", e.ENCODING = "encoding", e.PROMPT = "prompt", e.NAME = "name", e.COLOR = "color", e.FACE = "face", e.SIZE = "size";
-})(dt || (dt = {}));
+})(ht || (ht = {}));
 var Oe;
 (function(e) {
   e.NO_QUIRKS = "no-quirks", e.QUIRKS = "quirks", e.LIMITED_QUIRKS = "limited-quirks";
@@ -12411,7 +12411,7 @@ const Di = {
 ]);
 function Um(e) {
   const t = e.tagID;
-  return t === s.FONT && e.attrs.some(({ name: r }) => r === dt.COLOR || r === dt.SIZE || r === dt.FACE) || Hm.has(t);
+  return t === s.FONT && e.attrs.some(({ name: r }) => r === ht.COLOR || r === ht.SIZE || r === ht.FACE) || Hm.has(t);
 }
 function Ts(e) {
   for (let t = 0; t < e.attrs.length; t++)
@@ -12442,7 +12442,7 @@ function Ym(e, t) {
 function jm(e, t, n) {
   if (t === R.MATHML && e === s.ANNOTATION_XML) {
     for (let r = 0; r < n.length; r++)
-      if (n[r].name === dt.ENCODING) {
+      if (n[r].name === ht.ENCODING) {
         const a = n[r].value.toLowerCase();
         return a === Di.TEXT_HTML || a === Di.APPLICATION_XML;
       }
@@ -13104,7 +13104,7 @@ class Pi {
         break;
       }
       case w.IN_TABLE: {
-        At(this, t);
+        kt(this, t);
         break;
       }
       case w.IN_TABLE_TEXT: {
@@ -13541,14 +13541,14 @@ function u1(e, t) {
       break;
     }
     case s.TEMPLATE: {
-      ft(e, t);
+      mt(e, t);
       break;
     }
     default:
       e._err(t, N.endTagWithoutMatchingOpenElement);
   }
 }
-function ft(e, t) {
+function mt(e, t) {
   e.openElements.tmplCount > 0 ? (e.openElements.generateImpliedEndTagsThoroughly(), e.openElements.currentTagId !== s.TEMPLATE && e._err(t, N.closingOfElementWithOpenChildElements), e.openElements.popUntilTagNamePopped(s.TEMPLATE), e.activeFormattingElements.clearToLastMarker(), e.tmplInsertionModeStack.shift(), e._resetInsertionMode()) : e._err(t, N.endTagWithoutMatchingOpenElement);
 }
 function Zt(e, t) {
@@ -13640,7 +13640,7 @@ function h1(e, t) {
       break;
     }
     case s.TEMPLATE: {
-      ft(e, t);
+      mt(e, t);
       break;
     }
     default:
@@ -13748,7 +13748,7 @@ function ks(e, t) {
   e._reconstructActiveFormattingElements(), e._appendElement(t, R.HTML), e.framesetOk = !1, t.ackSelfClosing = !0;
 }
 function Ns(e) {
-  const t = hs(e, dt.TYPE);
+  const t = hs(e, ht.TYPE);
   return t != null && t.toLowerCase() === qm;
 }
 function I1(e, t) {
@@ -14149,7 +14149,7 @@ function $n(e, t) {
       break;
     }
     case s.TEMPLATE: {
-      ft(e, t);
+      mt(e, t);
       break;
     }
     default:
@@ -14205,7 +14205,7 @@ function ig(e, t) {
 function og(e, t) {
   !e.formElement && e.openElements.tmplCount === 0 && (e._insertElement(t, R.HTML), e.formElement = e.openElements.current, e.openElements.pop());
 }
-function At(e, t) {
+function kt(e, t) {
   switch (t.tagID) {
     case s.TD:
     case s.TH:
@@ -14260,7 +14260,7 @@ function on(e, t) {
       break;
     }
     case s.TEMPLATE: {
-      ft(e, t);
+      mt(e, t);
       break;
     }
     case s.BODY:
@@ -14302,7 +14302,7 @@ function qt(e, t) {
 const Rs = /* @__PURE__ */ new Set([s.CAPTION, s.COL, s.COLGROUP, s.TBODY, s.TD, s.TFOOT, s.TH, s.THEAD, s.TR]);
 function sg(e, t) {
   const n = t.tagID;
-  Rs.has(n) ? e.openElements.hasInTableScope(s.CAPTION) && (e.openElements.generateImpliedEndTags(), e.openElements.popUntilTagNamePopped(s.CAPTION), e.activeFormattingElements.clearToLastMarker(), e.insertionMode = w.IN_TABLE, At(e, t)) : Te(e, t);
+  Rs.has(n) ? e.openElements.hasInTableScope(s.CAPTION) && (e.openElements.generateImpliedEndTags(), e.openElements.popUntilTagNamePopped(s.CAPTION), e.activeFormattingElements.clearToLastMarker(), e.insertionMode = w.IN_TABLE, kt(e, t)) : Te(e, t);
 }
 function ug(e, t) {
   const n = t.tagID;
@@ -14352,7 +14352,7 @@ function lg(e, t) {
       break;
     }
     case s.TEMPLATE: {
-      ft(e, t);
+      mt(e, t);
       break;
     }
     case s.COL:
@@ -14381,11 +14381,11 @@ function Jn(e, t) {
     case s.TBODY:
     case s.TFOOT:
     case s.THEAD: {
-      e.openElements.hasTableBodyContextInTableScope() && (e.openElements.clearBackToTableBodyContext(), e.openElements.pop(), e.insertionMode = w.IN_TABLE, At(e, t));
+      e.openElements.hasTableBodyContextInTableScope() && (e.openElements.clearBackToTableBodyContext(), e.openElements.pop(), e.insertionMode = w.IN_TABLE, kt(e, t));
       break;
     }
     default:
-      At(e, t);
+      kt(e, t);
   }
 }
 function Fr(e, t) {
@@ -14432,7 +14432,7 @@ function Zn(e, t) {
       break;
     }
     default:
-      At(e, t);
+      kt(e, t);
   }
 }
 function Ds(e, t) {
@@ -14540,7 +14540,7 @@ function Ps(e, t) {
       break;
     }
     case s.TEMPLATE: {
-      ft(e, t);
+      mt(e, t);
       break;
     }
   }
@@ -14573,7 +14573,7 @@ function fg(e, t) {
     case s.TBODY:
     case s.TFOOT:
     case s.THEAD: {
-      e.tmplInsertionModeStack[0] = w.IN_TABLE, e.insertionMode = w.IN_TABLE, At(e, t);
+      e.tmplInsertionModeStack[0] = w.IN_TABLE, e.insertionMode = w.IN_TABLE, kt(e, t);
       break;
     }
     case s.COL: {
@@ -14594,7 +14594,7 @@ function fg(e, t) {
   }
 }
 function mg(e, t) {
-  t.tagID === s.TEMPLATE && ft(e, t);
+  t.tagID === s.TEMPLATE && mt(e, t);
 }
 function Ms(e, t) {
   e.openElements.tmplCount > 0 ? (e.openElements.popUntilTagNamePopped(s.TEMPLATE), e.activeFormattingElements.clearToLastMarker(), e.tmplInsertionModeStack.shift(), e._resetInsertionMode(), e.onEof(t)) : da(e, t);
@@ -14843,12 +14843,12 @@ function Mg(e, t) {
   if (t.parser.tokenizer.state === de.PLAINTEXT) return;
   Pt(t, je(e));
   const r = t.parser.openElements.current;
-  let a = "namespaceURI" in r ? r.namespaceURI : ct.html;
-  a === ct.html && n === "svg" && (a = ct.svg);
+  let a = "namespaceURI" in r ? r.namespaceURI : dt.html;
+  a === dt.html && n === "svg" && (a = dt.svg);
   const i = Wf(
     // Shallow clone to not delve into `children`: we only need the attributes.
     { ...e, children: [] },
-    { space: a === ct.svg ? "svg" : "html" }
+    { space: a === dt.svg ? "svg" : "html" }
   ), o = {
     type: K.START_TAG,
     tagName: n,
@@ -14906,7 +14906,7 @@ function bn(e) {
   };
 }
 function Hg(e) {
-  return "children" in e ? _t({ ...e, children: [] }) : _t(e);
+  return "children" in e ? At({ ...e, children: [] }) : At(e);
 }
 function js(e) {
   return function(t, n) {
@@ -15136,7 +15136,7 @@ function Jg(e, ...t) {
 const oe = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, Gs = /^\[(?:([a-z-]+):)?(.+)\]$/i, Zg = /^\d+\/\d+$/, eb = /* @__PURE__ */ new Set(["px", "full", "screen"]), tb = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, nb = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, rb = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ab = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ib = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ge = (e) => Ct(e) || eb.has(e) || Zg.test(e), Ze = (e) => Mt(e, "length", pb), Ct = (e) => !!e && !Number.isNaN(Number(e)), yr = (e) => Mt(e, "number", Ct), Vt = (e) => !!e && Number.isInteger(Number(e)), ob = (e) => e.endsWith("%") && Ct(e.slice(0, -1)), Q = (e) => Gs.test(e), et = (e) => tb.test(e), sb = /* @__PURE__ */ new Set(["length", "size", "percentage"]), ub = (e) => Mt(e, sb, Qs), lb = (e) => Mt(e, "position", Qs), cb = /* @__PURE__ */ new Set(["image", "url"]), db = (e) => Mt(e, cb, mb), hb = (e) => Mt(e, "", fb), Gt = () => !0, Mt = (e, t, n) => {
+}, Gs = /^\[(?:([a-z-]+):)?(.+)\]$/i, Zg = /^\d+\/\d+$/, eb = /* @__PURE__ */ new Set(["px", "full", "screen"]), tb = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, nb = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, rb = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ab = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ib = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ge = (e) => _t(e) || eb.has(e) || Zg.test(e), Ze = (e) => Mt(e, "length", pb), _t = (e) => !!e && !Number.isNaN(Number(e)), yr = (e) => Mt(e, "number", _t), Vt = (e) => !!e && Number.isInteger(Number(e)), ob = (e) => e.endsWith("%") && _t(e.slice(0, -1)), Q = (e) => Gs.test(e), et = (e) => tb.test(e), sb = /* @__PURE__ */ new Set(["length", "size", "percentage"]), ub = (e) => Mt(e, sb, Qs), lb = (e) => Mt(e, "position", Qs), cb = /* @__PURE__ */ new Set(["image", "url"]), db = (e) => Mt(e, cb, mb), hb = (e) => Mt(e, "", fb), Gt = () => !0, Mt = (e, t, n) => {
   const r = Gs.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
 }, pb = (e) => (
@@ -15145,7 +15145,7 @@ const oe = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   nb.test(e) && !rb.test(e)
 ), Qs = () => !1, fb = (e) => ab.test(e), mb = (e) => ib.test(e), gb = () => {
-  const e = oe("colors"), t = oe("spacing"), n = oe("blur"), r = oe("brightness"), a = oe("borderColor"), i = oe("borderRadius"), o = oe("borderSpacing"), u = oe("borderWidth"), l = oe("contrast"), c = oe("grayscale"), d = oe("hueRotate"), h = oe("invert"), g = oe("gap"), p = oe("gradientColorStops"), E = oe("gradientColorStopPositions"), y = oe("inset"), k = oe("margin"), _ = oe("opacity"), L = oe("padding"), O = oe("saturate"), M = oe("scale"), F = oe("sepia"), I = oe("skew"), j = oe("space"), z = oe("translate"), Y = () => ["auto", "contain", "none"], A = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", Q, t], P = () => [Q, t], ee = () => ["", Ge, Ze], te = () => ["auto", Ct, Q], X = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], se = () => ["solid", "dashed", "dotted", "double", "none"], le = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], be = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], ye = () => ["", "0", Q], x = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], ce = () => [Ct, Q];
+  const e = oe("colors"), t = oe("spacing"), n = oe("blur"), r = oe("brightness"), a = oe("borderColor"), i = oe("borderRadius"), o = oe("borderSpacing"), u = oe("borderWidth"), l = oe("contrast"), c = oe("grayscale"), d = oe("hueRotate"), h = oe("invert"), g = oe("gap"), p = oe("gradientColorStops"), E = oe("gradientColorStopPositions"), y = oe("inset"), k = oe("margin"), _ = oe("opacity"), L = oe("padding"), O = oe("saturate"), M = oe("scale"), F = oe("sepia"), I = oe("skew"), j = oe("space"), z = oe("translate"), Y = () => ["auto", "contain", "none"], A = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", Q, t], P = () => [Q, t], ee = () => ["", Ge, Ze], te = () => ["auto", _t, Q], X = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], se = () => ["solid", "dashed", "dotted", "double", "none"], le = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], be = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], ye = () => ["", "0", Q], x = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], ce = () => [_t, Q];
   return {
     cacheSize: 500,
     separator: ":",
@@ -15884,7 +15884,7 @@ const oe = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", Ct, yr]
+        "line-clamp": ["none", _t, yr]
       }],
       /**
        * Line Height
@@ -17222,7 +17222,7 @@ var $s = /* @__PURE__ */ nn.createContext({
   }, [l]);
   jr(() => {
     !i && u.onLoad && l && u.onLoad(k.current);
-  }, [l]), Nt(() => {
+  }, [l]), It(() => {
     if (d && !i) {
       var M;
       (M = d.contentWindow) == null || M.addEventListener("DOMContentLoaded", _);
@@ -17297,7 +17297,7 @@ const zi = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, Yi =
     ] : c;
   }, []);
   return Yi(e, o, l, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-}, kt = {
+}, Nt = {
   x: 2,
   y: 2
 }, _b = {
@@ -17320,7 +17320,7 @@ const zi = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, Yi =
         ), F = Math.max(
           -1,
           Math.min(1, O / (_.height / 2))
-        ), I = M * kt.x, j = F * kt.y;
+        ), I = M * Nt.x, j = F * Nt.y;
         l({ x: I, y: j }), (Y = (z = e.props).onMouseMove) == null || Y.call(z, E);
       }, h = () => {
         var E, y;
@@ -17515,7 +17515,7 @@ function zr({
   type: n,
   attachments: r
 }) {
-  const { anchorTarget: a } = It(), { message: i, variant: o = "default" } = e;
+  const { anchorTarget: a } = St(), { message: i, variant: o = "default" } = e;
   return o === "error" ? /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b("div", { className: "flex flex-row flex-wrap items-center justify-start", children: /* @__PURE__ */ b("div", { className: "leading-snug text-sm text-destructive", children: i }) }) }) : /* @__PURE__ */ U("div", { className: "w-5/6 flex flex-col items-start gap-1", children: [
     /* @__PURE__ */ b("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: r == null ? void 0 : r.map((u) => /* @__PURE__ */ b(nu, { attachment: u }, u.id)) }),
     i.length > 0 && /* @__PURE__ */ b(
@@ -17615,7 +17615,7 @@ const Lb = 10, Ob = (e, t) => ({
     ...i
   }, o) => {
     const u = e ? Pb[e](t, a) : {};
-    return r && u.exit && typeof u.exit == "object" && !Array.isArray(u.exit) && (u.exit.transition = { duration: 0 }), /* @__PURE__ */ b(Tt.div, { ref: o, ...i, ...u, children: n });
+    return r && u.exit && typeof u.exit == "object" && !Array.isArray(u.exit) && (u.exit.transition = { duration: 0 }), /* @__PURE__ */ b(yt.div, { ref: o, ...i, ...u, children: n });
   }
 );
 re.displayName = "MotionDiv";
@@ -17623,9 +17623,9 @@ function Mb() {
   return /* @__PURE__ */ b(Ne, { children: /* @__PURE__ */ U(re, { className: "flex flex-row items-end w-full gap-1 animate-pulse", children: [
     /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ b(En, { children: /* @__PURE__ */ b(nr, {}) }) }),
     /* @__PURE__ */ U("div", { className: "flex items-center [&_span]:bg-secondary-foreground [&_span]:size-1 gap-1 p-2 rounded-xl bg-secondary border", children: [
-      /* @__PURE__ */ b(Tt.span, { className: "rounded-full animate-bounce [animation-delay:-0.3s]" }),
-      /* @__PURE__ */ b(Tt.span, { className: "rounded-full animate-bounce [animation-delay:-0.15s]" }),
-      /* @__PURE__ */ b(Tt.span, { className: "rounded-full animate-bounce" })
+      /* @__PURE__ */ b(yt.span, { className: "rounded-full animate-bounce [animation-delay:-0.3s]" }),
+      /* @__PURE__ */ b(yt.span, { className: "rounded-full animate-bounce [animation-delay:-0.15s]" }),
+      /* @__PURE__ */ b(yt.span, { className: "rounded-full animate-bounce" })
     ] })
   ] }) });
 }
@@ -17676,7 +17676,7 @@ function Bt() {
 }
 function wn() {
   var o, u, l, c, d, h, g, p, E, y, k, _, L, O, M, F, I, j, z, Y, A, H, P, ee, te, X, se;
-  const { isSmallScreen: e } = Bt(), { theme: t } = St(), n = (le, be) => e ? `100dv${le}` : be, r = {
+  const { isSmallScreen: e } = Bt(), { theme: t } = at(), n = (le, be) => e ? `100dv${le}` : be, r = {
     zIndex: ((o = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : o.zIndex) ?? 1e7,
     offset: {
       bottom: ((l = (u = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : u.offset) == null ? void 0 : l.bottom) ?? 20,
@@ -17693,7 +17693,7 @@ function wn() {
       borderRadius: e ? "0px" : ((y = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : y.borderRadius) ?? "32px",
       zIndex: ((k = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : k.zIndex) ?? r.zIndex + 1,
       offset: {
-        side: e ? 0 : r.offset.bottom + r.size.button + kt.y * 2 + (((L = (_ = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : _.offset) == null ? void 0 : L.side) ?? 10),
+        side: e ? 0 : r.offset.bottom + r.size.button + Nt.y * 2 + (((L = (_ = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : _.offset) == null ? void 0 : L.side) ?? 10),
         align: e ? 0 : r.offset.right + (((M = (O = t == null ? void 0 : t.widgetContentContainer) == null ? void 0 : O.offset) == null ? void 0 : M.align) ?? 0)
       }
     },
@@ -17740,7 +17740,7 @@ function wn() {
         100vh 
         - ${a.widgetTrigger.offset.bottom}px
         - ${a.widgetContentContainer.offset.side}px
-        - ${kt.y * 2}px
+        - ${Nt.y * 2}px
       )`
     ),
     // Subtract the offset.right twice so that it adds a bit of padding to the left
@@ -18151,7 +18151,7 @@ function Xb(e, t) {
 function Ft() {
   const {
     widgetCtx: { config: e }
-  } = St();
+  } = at();
   return jr(() => {
     const n = Qb(e.language) ? e.language : "en";
     return {
@@ -18162,7 +18162,7 @@ function Ft() {
 }
 const ma = () => {
   const [e, t] = Me("ltr");
-  return Nt(() => {
+  return It(() => {
     const n = () => {
       typeof document > "u" || t(window.getComputedStyle(document.body).direction);
     };
@@ -18205,7 +18205,7 @@ function $b({
   const [a, i] = Me(
     null
   );
-  Nt(() => {
+  It(() => {
     if (!t.type.startsWith("image/")) return;
     const l = new FileReader();
     return l.onload = () => i(l.result), l.onerror = () => console.error("Error reading file"), l.readAsDataURL(t), () => l.abort();
@@ -18404,7 +18404,7 @@ function Jb() {
   ] });
 }
 function Zb() {
-  const { widgetCtx: e } = St(), t = Ft();
+  const { widgetCtx: e } = at(), t = Ft();
   return /* @__PURE__ */ b("div", { className: "p-2", children: /* @__PURE__ */ U("div", { className: "p-2 bg-background rounded-3xl border shadow-2xl space-y-2", children: [
     /* @__PURE__ */ U("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ b(Mu, { className: "size-4 text-emerald-500" }),
@@ -18593,7 +18593,7 @@ function c2() {
         },
         children: [
           /* @__PURE__ */ b(
-            Tt.div,
+            yt.div,
             {
               initial: { opacity: 0, x: -4, rotate: 360 },
               animate: { opacity: 1, x: 0, rotate: 0 },
@@ -18669,7 +18669,7 @@ function m2(e) {
   return ((t = e == null ? void 0 : e[0]) == null ? void 0 : t.type) === "FROM_AGENT";
 }
 function lu(e) {
-  const { componentStore: t } = St();
+  const { componentStore: t } = at();
   if (e.data.action) {
     const r = t.getComponent(e.data.action.name);
     if (r)
@@ -18701,7 +18701,7 @@ function b2({
   messages: e
 }) {
   var n, r, a, i, o, u;
-  const { user: t } = It();
+  const { user: t } = St();
   return /* @__PURE__ */ U("div", { className: q("group", "flex flex-col gap-2 justify-end items-end"), children: [
     /* @__PURE__ */ U(En, { className: "bg-primary text-primary-foreground", children: [
       /* @__PURE__ */ b(
@@ -18732,7 +18732,7 @@ function E2({
 function w2() {
   const {
     messagesState: { messages: e }
-  } = un(), { isAwaitingBotReply: t } = Vi(), { componentStore: n } = St(), r = It(), a = jr(
+  } = un(), { isAwaitingBotReply: t } = Vi(), { componentStore: n } = at(), r = St(), a = jr(
     () => h2(e),
     [e]
   ), i = !r.initialMessages || r.initialMessages.length === 0 ? ["Hello, how can I help you?"] : r.initialMessages, o = n.getComponent(
@@ -18744,7 +18744,7 @@ function w2() {
       c && (c.scrollTop = c.scrollHeight);
     }, 0);
   }
-  return Nt(() => {
+  return It(() => {
     l();
   }, [e]), /* @__PURE__ */ U(
     "div",
@@ -18796,18 +18796,23 @@ function w2() {
 function cu({ className: e }) {
   return /* @__PURE__ */ b(Qu, { className: q("size-4 animate-spin", e) });
 }
-const x2 = "[data-opencx-widget-content-root]";
 function ga({
   width: e,
   height: t
 }) {
-  const { isSmallScreen: n } = Bt();
-  Nt(() => {
-    const r = document.querySelector(x2);
-    e && (r == null || r.style.setProperty("--opencx-widget-width", e)), t && (r == null || r.style.setProperty("--opencx-widget-height", t));
-  }, [n, t, e]);
+  const { isSmallScreen: n } = Bt(), { contentIframeRef: r } = at();
+  It(() => {
+    var a, i;
+    e && ((a = r == null ? void 0 : r.current) == null || a.style.setProperty(
+      "--opencx-widget-width",
+      e
+    )), t && ((i = r == null ? void 0 : r.current) == null || i.style.setProperty(
+      "--opencx-widget-height",
+      t
+    ));
+  }, [n, t, e, r]);
 }
-function T2() {
+function x2() {
   const {
     messagesState: { isInitialFetchLoading: e }
   } = un(), {
@@ -18878,8 +18883,8 @@ const Ln = ge.forwardRef(
   }
 );
 Ln.displayName = "Input";
-function y2({ className: e }) {
-  return /* @__PURE__ */ U(
+function T2({ className: e }) {
+  return /* @__PURE__ */ b(
     "svg",
     {
       width: "26",
@@ -18888,21 +18893,18 @@ function y2({ className: e }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className: q("text-primary-foreground", e),
-      children: [
-        /* @__PURE__ */ b("title", { children: "Open Logo" }),
-        /* @__PURE__ */ b(
-          "path",
-          {
-            d: "M1.34103 25.6132H5.44245C5.74203 25.6228 6.02673 25.7462 6.23867 25.9582C6.45062 26.1703 6.5739 26.4551 6.58348 26.7548V30.8584C6.59305 31.1581 6.71634 31.443 6.92828 31.655C7.14023 31.8671 7.42492 31.9904 7.7245 32H18.2894C18.589 31.9904 18.8737 31.8671 19.0856 31.655C19.2976 31.443 19.4209 31.1581 19.4304 30.8584V26.7548C19.4401 26.4545 19.5638 26.1692 19.7765 25.957C19.9892 25.7449 20.2748 25.6219 20.5749 25.6132H24.659C24.9586 25.6036 25.2433 25.4803 25.4552 25.2682C25.6671 25.0562 25.7904 24.7713 25.8 24.4716V7.52839C25.7904 7.22865 25.6671 6.94381 25.4552 6.73176C25.2433 6.5197 24.9586 6.39635 24.659 6.38677H20.561C20.2603 6.37802 19.9742 6.25457 19.7614 6.04169C19.5487 5.82881 19.4253 5.54261 19.4165 5.24168V1.14161C19.4072 0.84419 19.2858 0.561291 19.0768 0.349589C18.8678 0.137887 18.5865 0.0130193 18.2894 0L7.7245 0C7.42492 0.00957792 7.14023 0.132929 6.92828 0.344983C6.71634 0.557036 6.59305 0.841878 6.58348 1.14161V5.24168C6.57477 5.54203 6.45187 5.82773 6.23983 6.04052C6.0278 6.25331 5.74262 6.37715 5.44245 6.38677H1.34103C1.04144 6.39635 0.756749 6.5197 0.544805 6.73176C0.332861 6.94381 0.209574 7.22865 0.200001 7.52839V24.4716C0.209574 24.7713 0.332861 25.0562 0.544805 25.2682C0.756749 25.4803 1.04144 25.6036 1.34103 25.6132ZM6.58348 24.4716V7.52839C6.59305 7.22865 6.71634 6.94381 6.92828 6.73176C7.14023 6.5197 7.42492 6.39635 7.7245 6.38677H18.2894C18.589 6.39635 18.8737 6.5197 19.0856 6.73176C19.2976 6.94381 19.4209 7.22865 19.4304 7.52839V24.4716C19.4209 24.7713 19.2976 25.0562 19.0856 25.2682C18.8737 25.4803 18.589 25.6036 18.2894 25.6132H7.7245C7.42492 25.6036 7.14023 25.4803 6.92828 25.2682C6.71634 25.0562 6.59305 24.7713 6.58348 24.4716Z",
-            fill: "currentColor"
-          }
-        )
-      ]
+      children: /* @__PURE__ */ b(
+        "path",
+        {
+          d: "M1.34103 25.6132H5.44245C5.74203 25.6228 6.02673 25.7462 6.23867 25.9582C6.45062 26.1703 6.5739 26.4551 6.58348 26.7548V30.8584C6.59305 31.1581 6.71634 31.443 6.92828 31.655C7.14023 31.8671 7.42492 31.9904 7.7245 32H18.2894C18.589 31.9904 18.8737 31.8671 19.0856 31.655C19.2976 31.443 19.4209 31.1581 19.4304 30.8584V26.7548C19.4401 26.4545 19.5638 26.1692 19.7765 25.957C19.9892 25.7449 20.2748 25.6219 20.5749 25.6132H24.659C24.9586 25.6036 25.2433 25.4803 25.4552 25.2682C25.6671 25.0562 25.7904 24.7713 25.8 24.4716V7.52839C25.7904 7.22865 25.6671 6.94381 25.4552 6.73176C25.2433 6.5197 24.9586 6.39635 24.659 6.38677H20.561C20.2603 6.37802 19.9742 6.25457 19.7614 6.04169C19.5487 5.82881 19.4253 5.54261 19.4165 5.24168V1.14161C19.4072 0.84419 19.2858 0.561291 19.0768 0.349589C18.8678 0.137887 18.5865 0.0130193 18.2894 0L7.7245 0C7.42492 0.00957792 7.14023 0.132929 6.92828 0.344983C6.71634 0.557036 6.59305 0.841878 6.58348 1.14161V5.24168C6.57477 5.54203 6.45187 5.82773 6.23983 6.04052C6.0278 6.25331 5.74262 6.37715 5.44245 6.38677H1.34103C1.04144 6.39635 0.756749 6.5197 0.544805 6.73176C0.332861 6.94381 0.209574 7.22865 0.200001 7.52839V24.4716C0.209574 24.7713 0.332861 25.0562 0.544805 25.2682C0.756749 25.4803 1.04144 25.6036 1.34103 25.6132ZM6.58348 24.4716V7.52839C6.59305 7.22865 6.71634 6.94381 6.92828 6.73176C7.14023 6.5197 7.42492 6.39635 7.7245 6.38677H18.2894C18.589 6.39635 18.8737 6.5197 19.0856 6.73176C19.2976 6.94381 19.4209 7.22865 19.4304 7.52839V24.4716C19.4209 24.7713 19.2976 25.0562 19.0856 25.2682C18.8737 25.4803 18.589 25.6036 18.2894 25.6132H7.7245C7.42492 25.6036 7.14023 25.4803 6.92828 25.2682C6.71634 25.0562 6.59305 24.7713 6.58348 24.4716Z",
+          fill: "currentColor"
+        }
+      )
     }
   );
 }
 function du({ className: e }) {
-  const { token: t } = It();
+  const { token: t } = St();
   return /* @__PURE__ */ b(
     "div",
     {
@@ -18921,7 +18923,7 @@ function du({ className: e }) {
             /* @__PURE__ */ b("span", { children: "Powered by" }),
             /* @__PURE__ */ b("span", { children: " " }),
             /* @__PURE__ */ U("span", { className: "flex items-center gap-[1px]", children: [
-              /* @__PURE__ */ b("span", { children: /* @__PURE__ */ b(y2, { className: "size-3 inline-block" }) }),
+              /* @__PURE__ */ b("span", { children: /* @__PURE__ */ b(T2, { className: "size-3 inline-block" }) }),
               /* @__PURE__ */ b("span", { className: "font-semibold", children: "open" })
             ] })
           ]
@@ -18930,36 +18932,35 @@ function du({ className: e }) {
     }
   );
 }
-const C2 = "[data-opencx-widget-content-root]";
-function _2() {
-  const e = sn(null);
-  return Nt(() => {
-    const t = document.querySelector(C2);
-    if (t && e.current) {
-      const n = e.current;
-      let r;
-      const a = new ResizeObserver(() => {
-        r = requestAnimationFrame(() => {
-          const i = n.offsetHeight;
-          t.style.setProperty(
+function y2() {
+  const { contentIframeRef: e } = at(), t = sn(null);
+  return It(() => {
+    const n = e == null ? void 0 : e.current;
+    if (n && t.current) {
+      const r = t.current;
+      let a;
+      const i = new ResizeObserver(() => {
+        a = requestAnimationFrame(() => {
+          const o = r.offsetHeight;
+          n.style.setProperty(
             "--opencx-widget-height",
-            `${i.toFixed(1)}px`
+            `${o.toFixed(1)}px`
           );
         });
       });
-      return a.observe(n), () => {
-        cancelAnimationFrame(r), a.unobserve(n);
+      return i.observe(r), () => {
+        cancelAnimationFrame(a), i.unobserve(r);
       };
     }
-  }, []), { observedElementRef: e };
+  }, [e]), { observedElementRef: t };
 }
-const A2 = rr.object({
+const C2 = rr.object({
   name: rr.string().min(2),
   email: rr.string().email()
 });
-function k2() {
+function _2() {
   var _, L, O, M, F, I, j, z, Y;
-  const { setIsOpen: e } = cn(), { createUnverifiedContact: t } = Nu(), { isSmallScreen: n } = Bt(), r = It(), { theme: a } = wn(), i = Ft(), { data: o } = zn(), { observedElementRef: u } = _2();
+  const { setIsOpen: e } = cn(), { createUnverifiedContact: t } = Nu(), { isSmallScreen: n } = Bt(), r = St(), { theme: a } = wn(), i = Ft(), { data: o } = zn(), { observedElementRef: u } = y2();
   ga({
     height: void 0,
     width: a.screens.welcome.width
@@ -18969,7 +18970,7 @@ function k2() {
   ), [p, E] = Me({}), [y, k] = Iu(
     async (A) => {
       A.preventDefault();
-      const H = A2.safeParse({ name: l, email: d });
+      const H = C2.safeParse({ name: l, email: d });
       H.success && await t(
         {
           email: H.data.email,
@@ -19114,8 +19115,8 @@ function k2() {
     }
   );
 }
-function N2({ session: e }) {
-  const { bot: t } = It(), { toChatScreen: n } = ln(), r = e.assignee.kind === "human" ? e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatar) || "";
+function A2({ session: e }) {
+  const { bot: t } = St(), { toChatScreen: n } = ln(), r = e.assignee.kind === "human" ? e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatar) || "";
   return /* @__PURE__ */ U(
     _e,
     {
@@ -19144,7 +19145,7 @@ function N2({ session: e }) {
     }
   );
 }
-function I2() {
+function k2() {
   const e = Ft(), { toChatScreen: t } = ln(), {
     sessionsState: { data: n, isInitialFetchLoading: r }
   } = Un();
@@ -19160,7 +19161,7 @@ function I2() {
     {
       className: "flex-1 flex flex-col gap-2 relative",
       children: n.length ? /* @__PURE__ */ U(qi, { children: [
-        /* @__PURE__ */ b(Ne, { children: n.map((a, i) => /* @__PURE__ */ b(re, { snapExit: !0, children: /* @__PURE__ */ b(N2, { session: a }) }, `${a.id}-${i}`)) }),
+        /* @__PURE__ */ b(Ne, { children: n.map((a, i) => /* @__PURE__ */ b(re, { snapExit: !0, children: /* @__PURE__ */ b(A2, { session: a }) }, `${a.id}-${i}`)) }),
         /* @__PURE__ */ b("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background", children: /* @__PURE__ */ b(
           _e,
           {
@@ -19188,7 +19189,7 @@ function I2() {
     "sessions"
   ) }) });
 }
-function S2() {
+function N2() {
   const { theme: e } = wn();
   return ga({
     width: e.screens.sessions.width,
@@ -19210,14 +19211,14 @@ function S2() {
       children: [
         /* @__PURE__ */ U("div", { className: "size-full flex flex-col", children: [
           /* @__PURE__ */ b(uu, {}),
-          /* @__PURE__ */ b(I2, {})
+          /* @__PURE__ */ b(k2, {})
         ] }),
         /* @__PURE__ */ b(du, {})
       ]
     }
   );
 }
-function L2() {
+function I2() {
   zn();
   const {
     routerState: { screen: e }
@@ -19233,7 +19234,7 @@ function L2() {
               fadeIn: "right",
               className: "size-full",
               snapExit: !0,
-              children: /* @__PURE__ */ b(k2, {})
+              children: /* @__PURE__ */ b(_2, {})
             },
             e
           );
@@ -19244,7 +19245,7 @@ function L2() {
               fadeIn: "right",
               className: "size-full",
               snapExit: !0,
-              children: /* @__PURE__ */ b(S2, {})
+              children: /* @__PURE__ */ b(N2, {})
             },
             e
           );
@@ -19255,7 +19256,7 @@ function L2() {
               fadeIn: "right",
               className: "size-full",
               snapExit: !0,
-              children: /* @__PURE__ */ b(T2, {})
+              children: /* @__PURE__ */ b(x2, {})
             },
             e
           );
@@ -19265,7 +19266,7 @@ function L2() {
     })() })
   ] });
 }
-const O2 = `<!DOCTYPE html>
+const S2 = `<!DOCTYPE html>
 <html>
 <head>
 <style>
@@ -19283,30 +19284,26 @@ html, body {
 <body>
 </body>
 </html>`;
-function R2() {
-  const { isOpen: e } = cn(), t = St(), { theme: n, cssVars: r, computed: a } = wn();
+function L2() {
+  const { isOpen: e } = cn(), { version: t, contentIframeRef: n } = at(), { theme: r, cssVars: a, computed: i } = wn();
   return /* @__PURE__ */ b(
     Hn.Content,
     {
-      onInteractOutside: (i) => i.preventDefault(),
+      onInteractOutside: (o) => o.preventDefault(),
       forceMount: !0,
       style: {
-        zIndex: n.widgetContentContainer.zIndex,
-        fontSize: "16px",
-        // @ts-expect-error this is a valid css variable
-        "--opencx-widget-width": a.minWidth,
-        "--opencx-widget-height": a.minHeight
+        zIndex: r.widgetContentContainer.zIndex,
+        fontSize: "16px"
       },
       side: "top",
       align: "end",
-      sideOffset: n.widgetContentContainer.offset.side,
-      alignOffset: n.widgetContentContainer.offset.align,
+      sideOffset: r.widgetContentContainer.offset.side,
+      alignOffset: r.widgetContentContainer.offset.align,
       avoidCollisions: !1,
       "data-opencx-widget": !0,
-      "data-opencx-widget-content-root": !0,
       asChild: !0,
       children: /* @__PURE__ */ b(
-        Tt.div,
+        yt.div,
         {
           animate: e ? "visible" : "hidden",
           initial: "hidden",
@@ -19326,24 +19323,28 @@ function R2() {
           children: /* @__PURE__ */ b(
             fa,
             {
-              initialContent: O2,
+              ref: n,
+              initialContent: S2,
               allowFullScreen: !0,
               title: "OpenCX Live Chat",
               "data-opencx-widget": !0,
               style: {
-                minWidth: a.minWidth,
+                // @ts-expect-error this is a valid css variable
+                "--opencx-widget-width": i.minWidth,
+                "--opencx-widget-height": i.minHeight,
+                minWidth: i.minWidth,
                 width: "var(--opencx-widget-width)",
-                maxWidth: a.maxWidth,
+                maxWidth: i.maxWidth,
                 // Relative to the viewport
-                minHeight: a.minHeight,
+                minHeight: i.minHeight,
                 height: "var(--opencx-widget-height)",
-                maxHeight: a.maxHeight,
+                maxHeight: i.maxHeight,
                 // Relative to the viewport
                 overflow: "hidden",
                 /** outline is better than border because of box sizing; the outline wouldn't affect the content inside... the border will mess up how the children's border radius sits with the parent */
                 outline: "1px solid",
                 outlineColor: "hsl(0 0% 50% / .5)",
-                borderRadius: n.widgetContentContainer.borderRadius,
+                borderRadius: r.widgetContentContainer.borderRadius,
                 boxShadow: "0 25px 50px -12px rgb(0 0 0 / 0.25)",
                 transitionProperty: "all",
                 transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
@@ -19365,14 +19366,14 @@ function R2() {
                         "div",
                         {
                           style: {
-                            ...r
+                            ...a
                           },
-                          "data-version": t.version,
+                          "data-version": t,
                           "data-opencx-widget": !0,
                           className: q(
                             "antialiased font-inter bg-primary size-full overflow-hidden isolate relative text-secondary-foreground"
                           ),
-                          children: /* @__PURE__ */ b(L2, {})
+                          children: /* @__PURE__ */ b(I2, {})
                         }
                       )
                     }
@@ -19386,7 +19387,7 @@ function R2() {
     }
   );
 }
-function D2({
+function O2({
   className: e,
   style: t
 }) {
@@ -19401,7 +19402,6 @@ function D2({
       className: q("text-primary-foreground", e),
       style: t,
       children: [
-        /* @__PURE__ */ b("title", { children: "Chat Bubble" }),
         /* @__PURE__ */ b(
           "path",
           {
@@ -19422,7 +19422,7 @@ function D2({
     }
   );
 }
-function v2({
+function R2({
   className: e,
   style: t
 }) {
@@ -19437,7 +19437,6 @@ function v2({
       className: q("text-primary-foreground", e),
       style: t,
       children: [
-        /* @__PURE__ */ b("title", { children: "Open Logo Pattern" }),
         /* @__PURE__ */ b(
           "path",
           {
@@ -19470,7 +19469,7 @@ function v2({
     }
   );
 }
-const P2 = `<!DOCTYPE html>
+const D2 = `<!DOCTYPE html>
 <html>
 <head>
 <style>
@@ -19487,15 +19486,15 @@ html, body {
 <body>
 </body>
 </html>`;
-function M2() {
+function v2() {
   const { isOpen: e } = cn(), { theme: t, cssVars: n } = wn();
   return /* @__PURE__ */ b(
     fa,
     {
-      initialContent: P2,
+      initialContent: D2,
       style: {
-        height: `calc(${t.widgetTrigger.size.button}px + ${kt.x * 2}px)`,
-        width: `calc(${t.widgetTrigger.size.button}px + ${kt.y * 2}px)`,
+        height: `calc(${t.widgetTrigger.size.button}px + ${Nt.x * 2}px)`,
+        width: `calc(${t.widgetTrigger.size.button}px + ${Nt.y * 2}px)`,
         fontSize: "16px",
         position: "fixed",
         zIndex: t.widgetTrigger.zIndex,
@@ -19564,7 +19563,7 @@ function M2() {
                           animate: { rotate: 0 }
                         },
                         children: /* @__PURE__ */ b(
-                          D2,
+                          O2,
                           {
                             style: {
                               width: t.widgetTrigger.size.icon,
@@ -19577,7 +19576,7 @@ function M2() {
                       "message-icon"
                     ) }),
                     /* @__PURE__ */ b(
-                      v2,
+                      R2,
                       {
                         className: "absolute inset-0 opacity-5",
                         style: {
@@ -19596,7 +19595,7 @@ function M2() {
     }
   );
 }
-function B2() {
+function P2() {
   return /* @__PURE__ */ b(
     Hn.Anchor,
     {
@@ -19604,16 +19603,16 @@ function B2() {
     }
   );
 }
-function F2() {
+function M2() {
   const { isOpen: e, setIsOpen: t } = cn();
   return /* @__PURE__ */ U(Hn.Root, { open: e, onOpenChange: t, children: [
     /* @__PURE__ */ b("style", { children: qr }),
-    /* @__PURE__ */ b(B2, {}),
-    /* @__PURE__ */ b(M2, {}),
-    /* @__PURE__ */ b(R2, {})
+    /* @__PURE__ */ b(P2, {}),
+    /* @__PURE__ */ b(v2, {}),
+    /* @__PURE__ */ b(L2, {})
   ] });
 }
-const H2 = [
+const B2 = [
   {
     key: "loading",
     component: Mb
@@ -19630,7 +19629,7 @@ const H2 = [
     key: "agent_message",
     component: zr
   }
-], U2 = {
+], F2 = {
   get: async (e) => localStorage.getItem(e),
   set: async (e, t) => {
     localStorage.setItem(e, t);
@@ -19639,21 +19638,21 @@ const H2 = [
     localStorage.removeItem(e);
   }
 };
-function J2({
+function K2({
   options: e,
   components: t = []
 }) {
   return /* @__PURE__ */ b(
     Su,
     {
-      components: [...H2, ...t],
+      components: [...B2, ...t],
       options: e,
-      storage: U2,
-      children: /* @__PURE__ */ b(Lu, { children: /* @__PURE__ */ b(F2, {}) })
+      storage: F2,
+      children: /* @__PURE__ */ b(Lu, { children: /* @__PURE__ */ b(M2, {}) })
     }
   );
 }
 export {
-  J2 as Widget
+  K2 as Widget
 };
 //# sourceMappingURL=designs.js.map