@livestorm/ui-vue 2.0.1 → 2.0.2

package/dist/{UiTimelineItem.vue_vue_type_style_index_0_lang-BN5208td.mjs → UiTimelineItem.vue_vue_type_style_index_0_lang-B0UKmlqE.mjs}

@@ -7,11 +7,12 @@ import za from "embla-carousel-vue";
 import Sa from "embla-carousel-autoplay";
 import { _ as de, b as Xe, c as Qe, a as Je, f as Ba } from "./a11y--y7uaY4j.mjs";
 import { BREAKPOINT_LG as Ma } from "./breakpoints.mjs";
-import { u as _a } from "./useThemeAndModes-DY5SDC0a.mjs";
-import { RenderSlot as La, useSlotsAsComponents as Ia } from "./slot.mjs";
+import { useResponsive as _a } from "./responsive.mjs";
+import { u as La } from "./useThemeAndModes-DY5SDC0a.mjs";
+import { RenderSlot as Ia, useSlotsAsComponents as Ta } from "./slot.mjs";
 import "./bus.mjs";
 import "vue-router";
-const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label", "aria-orientation"], Is = /* @__PURE__ */ C({
+const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Oa = ["aria-label", "aria-orientation"], Os = /* @__PURE__ */ C({
   __name: "UiActionBar",
   props: {
     orientation: { default: "horizontal" },
@@ -47,9 +48,9 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
       style: K(n.value)
     }, [
       x(i.$slots, "default")
-    ], 14, Ta));
+    ], 14, Oa));
   }
-}), Oa = { class: "whitespace-nowrap" }, Ts = /* @__PURE__ */ C({
+}), Ua = { class: "whitespace-nowrap" }, Us = /* @__PURE__ */ C({
   __name: "UiActionBarItem",
   props: {
     icon: { default: void 0 },
@@ -146,12 +147,12 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
           key: 0,
           class: f([[e.icon, B.value], "shrink-0"])
         }, null, 2)) : g("", !0),
-        c("span", Oa, A(e.label), 1)
+        c("span", Ua, A(e.label), 1)
       ]),
       _: 1
     }, 16, ["aria-label", "aria-pressed", "class"]));
   }
-}), Ua = ["aria-orientation"], Os = /* @__PURE__ */ C({
+}), Aa = ["aria-orientation"], As = /* @__PURE__ */ C({
   __name: "UiActionBarSeparator",
   setup(e) {
     const a = X(Me, null), t = r(() => a?.orientation.value === "vertical");
@@ -161,9 +162,9 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
       "data-testid": "ui-action-bar-separator",
       "aria-hidden": "true",
       class: f(["shrink-0 bg-borders-neutral-light", t.value ? "h-px w-full my-0.5" : "w-px h-5 mx-0.5 self-center"])
-    }, null, 10, Ua));
+    }, null, 10, Aa));
   }
-}), Aa = "https://lottie.host/ba46e3f4-5e79-4762-9c20-405348ee3387/zHDFDAAD5F.lottie", Va = "https://lottie.host/81c2307c-1cbd-4594-b978-fd5eaf342bf6/4XKfuEedla.lottie", Pa = "https://lottie.host/d1427490-2228-4dc4-94e9-bf73a4851b3f/eAMtMNYScd.lottie", Ea = { class: "ui-logo-loader" }, Us = /* @__PURE__ */ C({
+}), Va = "https://lottie.host/ba46e3f4-5e79-4762-9c20-405348ee3387/zHDFDAAD5F.lottie", Pa = "https://lottie.host/81c2307c-1cbd-4594-b978-fd5eaf342bf6/4XKfuEedla.lottie", Ea = "https://lottie.host/d1427490-2228-4dc4-94e9-bf73a4851b3f/eAMtMNYScd.lottie", Da = { class: "ui-logo-loader" }, Vs = /* @__PURE__ */ C({
   __name: "UiAnimatedLogo",
   props: {
     animatedLogo: {},
@@ -175,16 +176,16 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
     const a = e, t = r(() => {
       switch (a.animatedLogo) {
         case "tornado":
-          return Aa;
-        case "stair":
           return Va;
-        case "streaming":
+        case "stair":
           return Pa;
+        case "streaming":
+          return Ea;
         default:
           return "";
       }
     });
-    return (l, n) => (o(), s("div", Ea, [
+    return (l, n) => (o(), s("div", Da, [
       w(d(wa), {
         style: K({
           height: a.height + "rem",
@@ -196,7 +197,7 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
       }, null, 8, ["style", "loop", "src"])
     ]));
   }
-}), Da = ["data-size", "data-variant"], Ra = ["src", "alt"], ja = {
+}), Ra = ["data-size", "data-variant"], ja = ["src", "alt"], Ha = {
   key: 1,
   class: "px-0.5 overflow-hidden text-ellipsis whitespace-nowrap",
   "data-recording-sensitive": ""
@@ -280,15 +281,15 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
           alt: e.alt ?? i.value,
           class: "w-full h-full object-cover",
           onError: M[0] || (M[0] = (y) => l.value = !0)
-        }, null, 40, Ra)) : n.value ? (o(), s("span", ja, A(n.value), 1)) : (o(), s("span", {
+        }, null, 40, ja)) : n.value ? (o(), s("span", Ha, A(n.value), 1)) : (o(), s("span", {
           key: 2,
           class: f([e.icon, b.value])
         }, null, 2))
       ], 6),
       k.value ? x(U.$slots, "badge", { key: 0 }) : g("", !0)
-    ], 14, Da));
+    ], 14, Ra));
   }
-}), Ha = ["data-size"], As = /* @__PURE__ */ C({
+}), Fa = ["data-size"], Ps = /* @__PURE__ */ C({
   __name: "UiAvatarList",
   props: {
     items: {},
@@ -354,9 +355,9 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
           variant: "more"
         }, null, 8, ["custom-text", "size"])
       ], 2)) : g("", !0)
-    ], 10, Ha));
+    ], 10, Fa));
   }
-}), Fa = ["data-color", "data-variant"], Na = { key: 0 }, Vs = /* @__PURE__ */ C({
+}), Na = ["data-color", "data-variant"], qa = { key: 0 }, Es = /* @__PURE__ */ C({
   __name: "UiBadge",
   props: {
     count: { default: void 0 },
@@ -415,10 +416,10 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
       "data-color": e.color,
       "data-variant": e.variant
     }, [
-      e.count !== void 0 ? (o(), s("span", Na, A(l.value), 1)) : g("", !0)
-    ], 10, Fa));
+      e.count !== void 0 ? (o(), s("span", qa, A(l.value), 1)) : g("", !0)
+    ], 10, Na));
   }
-}), qa = ["sm", "md", "lg"], Ka = ["primary", "neutral", "success", "warning", "error", "neutral-invert"], Ga = {
+}), Ka = ["sm", "md", "lg"], Ga = ["primary", "neutral", "success", "warning", "error", "neutral-invert"], Za = {
   cta: {
     primary: "bg-actions-primary-idle",
     neutral: "bg-actions-neutral-idle",
@@ -443,7 +444,7 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
     warning: "bg-actions-warning-idle-alpha-light",
     error: "bg-actions-danger-idle-alpha-light"
   }
-}, Za = {
+}, Wa = {
   cta: {
     primary: "text-actions-neutral-invert-idle",
     neutral: "text-actions-neutral-invert-idle",
@@ -476,14 +477,14 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
     warning: "text-actions-warning-idle",
     error: "text-actions-danger-idle"
   }
-}, Wa = {
+}, Ya = {
   primary: ["border", "border-borders-primary-strong"],
   neutral: ["border", "border-borders-neutral-strong"],
   "neutral-invert": ["border", "border-borders-neutral-invert-strong"],
   success: ["border", "border-borders-success-strong"],
   warning: ["border", "border-borders-warning-strong"],
   error: ["border", "border-borders-danger-strong"]
-}, Ya = {
+}, Xa = {
   "cta-primary": "group-hover:bg-actions-neutral-invert-hover-overlay",
   "cta-neutral": "group-hover:bg-actions-neutral-invert-hover-overlay",
   "cta-neutral-invert": "group-hover:bg-actions-neutral-hover-overlay",
@@ -508,7 +509,7 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
   "tertiary-success": "group-hover:bg-actions-success-hover-overlay",
   "tertiary-warning": "group-hover:bg-actions-warning-hover-overlay",
   "tertiary-error": "group-hover:bg-actions-danger-hover-overlay"
-}, Xa = {
+}, Qa = {
   "cta-primary": "group-active:bg-actions-primary-pressed-overlay",
   "cta-neutral": "group-active:bg-actions-neutral-invert-pressed-overlay",
   "cta-neutral-invert": "group-active:bg-actions-neutral-pressed-overlay",
@@ -533,7 +534,7 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
   "tertiary-success": "group-active:bg-actions-success-pressed-overlay",
   "tertiary-warning": "group-active:bg-actions-warning-pressed-overlay",
   "tertiary-error": "group-active:bg-actions-danger-pressed-overlay"
-}, Qa = {
+}, Ja = {
   "cta-primary": "before:bg-actions-neutral-invert-hover-overlay",
   "cta-neutral": "before:bg-actions-neutral-invert-hover-overlay",
   "cta-neutral-invert": "before:bg-actions-neutral-hover-overlay",
@@ -560,13 +561,13 @@ const Me = /* @__PURE__ */ Symbol("ui-action-bar-context"), Ta = ["aria-label",
   "tertiary-error": "before:bg-actions-danger-hover-overlay"
 };
 function et(e) {
-  const a = r(() => ye(e.variant)), t = r(() => ye(e.color)), l = r(() => ye(e.disabled) ?? !1), n = r(() => `${a.value}-${t.value}`), i = r(() => Ga[a.value]?.[t.value] ?? ""), u = r(() => Za[a.value][t.value]), b = r(
-    () => a.value === "secondary" ? Wa[t.value] ?? [] : []
+  const a = r(() => ye(e.variant)), t = r(() => ye(e.color)), l = r(() => ye(e.disabled) ?? !1), n = r(() => `${a.value}-${t.value}`), i = r(() => Za[a.value]?.[t.value] ?? ""), u = r(() => Wa[a.value][t.value]), b = r(
+    () => a.value === "secondary" ? Ya[t.value] ?? [] : []
   ), p = r(() => l.value ? [] : [
-    Ya[n.value] ?? "",
-    Xa[n.value] ?? ""
+    Xa[n.value] ?? "",
+    Qa[n.value] ?? ""
   ]), m = r(
-    () => l.value ? "" : Qa[n.value] ?? ""
+    () => l.value ? "" : Ja[n.value] ?? ""
   );
   return {
     variant: a,
@@ -615,9 +616,9 @@ const tt = /* @__PURE__ */ C({
       ])], 2))
     ]));
   }
-}), Ja = Ka, el = {
+}), el = Ga, tl = {
   components: {
-    RenderSlot: La,
+    RenderSlot: Ia,
     UiLoader: tt,
     UiTooltip: de
   },
@@ -629,12 +630,12 @@ const tt = /* @__PURE__ */ C({
     size: {
       type: String,
       default: "md",
-      validator: (e) => qa.includes(e)
+      validator: (e) => Ka.includes(e)
     },
     color: {
       type: String,
       default: "primary",
-      validator: (e) => Ja.includes(e)
+      validator: (e) => el.includes(e)
     },
     disabled: {
       type: Boolean,
@@ -688,7 +689,7 @@ const tt = /* @__PURE__ */ C({
   ],
   // * The script setup syntax would be the better way to have good typing of the props argument.
   setup(e) {
-    const a = Ia(), t = r(() => a.default && a.default()), l = r(() => a.icon && a.icon()), n = r(() => !!t.value), i = r(() => !n.value && !t.value && (!!e.icon || !!e.iconRight)), u = r(() => e.disabled || e.loading), b = r(() => {
+    const a = Ta(), t = r(() => a.default && a.default()), l = r(() => a.icon && a.icon()), n = r(() => !!t.value), i = r(() => !n.value && !t.value && (!!e.icon || !!e.iconRight)), u = r(() => e.disabled || e.loading), b = r(() => {
       const T = u.value;
       return T && (e.to || e.href) ? {
         is: "button",
@@ -779,8 +780,8 @@ const tt = /* @__PURE__ */ C({
   for (const [l, n] of a)
     t[l] = n;
   return t;
-}, tl = { class: "button-wrapper flex items-center whitespace-nowrap h-full relative z-20" }, al = ["src", "alt"], ll = { class: "content w-full" };
-function ol(e, a, t, l, n, i) {
+}, al = { class: "button-wrapper flex items-center whitespace-nowrap h-full relative z-20" }, ll = ["src", "alt"], ol = { class: "content w-full" };
+function nl(e, a, t, l, n, i) {
   const u = re("UiLoader"), b = re("RenderSlot"), p = re("UiTooltip");
   return o(), $(ve(l.component.is), R(l.component.props, {
     "aria-label": l.isLink ? void 0 : l.labelFinal,
@@ -807,7 +808,7 @@ function ol(e, a, t, l, n, i) {
         content: typeof t.tooltip == "string" ? t.tooltip : t.tooltip?.content
       }, {
         default: h(() => [
-          c("div", tl, [
+          c("div", al, [
             t.loading ? (o(), $(u, {
               key: 0,
               size: t.size,
@@ -825,13 +826,13 @@ function ol(e, a, t, l, n, i) {
                 c("img", {
                   src: t.imageSource,
                   alt: `${l.labelFinal} button image`
-                }, null, 8, al)
+                }, null, 8, ll)
               ], 2)) : t.icon ? (o(), s("div", {
                 key: 2,
                 class: f([[t.icon, l.iconSizeClasses, { "mr-2": l.hasLabel }], "shrink-0"])
               }, null, 2)) : g("", !0)
             ], 64)) : g("", !0),
-            c("span", ll, [
+            c("span", ol, [
               w(b, { vnodes: l.defaultSlot }, null, 8, ["vnodes"])
             ]),
             t.iconRight ? (o(), s("div", {
@@ -846,10 +847,10 @@ function ol(e, a, t, l, n, i) {
     _: 1
   }, 16, ["aria-label", "class", "onClick"]);
 }
-const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const oe = /* @__PURE__ */ F(tl, [["render", nl]]), Ds = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: oe
-}, Symbol.toStringTag, { value: "Module" })), nl = ["data-color", "data-variant"], Es = /* @__PURE__ */ C({
+}, Symbol.toStringTag, { value: "Module" })), sl = ["data-color", "data-variant"], Rs = /* @__PURE__ */ C({
   __name: "UiBanner",
   props: /* @__PURE__ */ Le({
     color: { default: "primary" },
@@ -1053,17 +1054,17 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
           onClick: I
         }, null, 8, ["label"])
       ], 2)) : g("", !0)
-    ], 10, nl));
+    ], 10, sl));
   }
-}), sl = ["aria-label"], rl = { class: "flex items-center" }, il = {
+}), rl = ["aria-label"], il = { class: "flex items-center" }, ul = {
   key: 0,
   "aria-hidden": "true",
   class: "absolute inset-[-4px] rounded-sm bg-transparent transition-colors group-hover:bg-actions-neutral-hover-overlay group-focus-visible:ring-2 group-focus-visible:ring-inset group-focus-visible:ring-focus-ring"
-}, ul = { class: "relative" }, cl = {
+}, cl = { class: "relative" }, dl = {
   key: 0,
   "aria-hidden": "true",
   class: "text-content-legends-medium-md text-text-neutral-tertiary shrink-0"
-}, Ds = /* @__PURE__ */ C({
+}, js = /* @__PURE__ */ C({
   __name: "UiBreadcrumb",
   props: {
     items: {},
@@ -1098,7 +1099,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
         (o(!0), s(j, null, G(e.items, (p, m) => (o(), s(j, {
           key: `${m}-${p.label}`
         }, [
-          c("li", rl, [
+          c("li", il, [
             (o(), $(ve(l(m) ? "button" : "span"), {
               type: l(m) ? "button" : void 0,
               "aria-current": t(m) ? "page" : void 0,
@@ -1106,18 +1107,18 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
               onClick: (k) => n(m)
             }, {
               default: h(() => [
-                l(m) ? (o(), s("span", il)) : g("", !0),
-                c("span", ul, A(p.label), 1)
+                l(m) ? (o(), s("span", ul)) : g("", !0),
+                c("span", cl, A(p.label), 1)
               ]),
               _: 2
             }, 1032, ["type", "aria-current", "class", "onClick"]))
           ]),
-          e.orientation === "horizontal" && !t(m) ? (o(), s("li", cl, " / ")) : g("", !0)
+          e.orientation === "horizontal" && !t(m) ? (o(), s("li", dl, " / ")) : g("", !0)
         ], 64))), 128))
       ], 2)
-    ], 8, sl));
+    ], 8, rl));
   }
-}), at = /* @__PURE__ */ Symbol("ui-button-group-size"), lt = /* @__PURE__ */ Symbol("ui-button-group-color"), ot = /* @__PURE__ */ Symbol("ui-button-group-register"), Rs = /* @__PURE__ */ C({
+}), at = /* @__PURE__ */ Symbol("ui-button-group-size"), lt = /* @__PURE__ */ Symbol("ui-button-group-color"), ot = /* @__PURE__ */ Symbol("ui-button-group-register"), Hs = /* @__PURE__ */ C({
   __name: "UiButtonGroup",
   props: {
     modelValue: { default: void 0 },
@@ -1234,7 +1235,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 3
     }, 8, ["model-value", "disabled", "orientation", "name", "class"]));
   }
-}), js = /* @__PURE__ */ C({
+}), Fs = /* @__PURE__ */ C({
   __name: "UiButtonGroupItem",
   props: {
     value: {},
@@ -1319,13 +1320,13 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 3
     }, 8, ["value", "disabled", "aria-label", "class"]));
   }
-}), dl = {
+}), fl = {
   key: 0,
   class: "absolute inset-0 bg-actions-neutral-hover-overlay rounded-xl opacity-0 hover:opacity-100 transition-opacity duration-150 pointer-events-none"
-}, fl = {
+}, vl = {
   key: 1,
   class: "absolute inset-0 bg-actions-primary-idle-alpha-light rounded-xl pointer-events-none"
-}, vl = { class: "relative z-10 h-full" }, gl = "bg-surface-neutral-alpha-100 border border-borders-neutral-light", Hs = /* @__PURE__ */ C({
+}, gl = { class: "relative z-10 h-full" }, hl = "bg-surface-neutral-alpha-100 border border-borders-neutral-light", Ns = /* @__PURE__ */ C({
   __name: "UiCard",
   props: {
     variant: { default: "neutral" },
@@ -1356,7 +1357,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
         case "white":
           return "bg-surface-neutral-bg-main border border-borders-neutral-light";
         default:
-          return gl;
+          return hl;
       }
     }), l = r(() => {
       switch (a.padding) {
@@ -1381,17 +1382,17 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
         i.value
       ])
     }, [
-      e.interactive && !e.disabled ? (o(), s("div", dl)) : g("", !0),
-      e.selected ? (o(), s("div", fl)) : g("", !0),
-      c("div", vl, [
+      e.interactive && !e.disabled ? (o(), s("div", fl)) : g("", !0),
+      e.selected ? (o(), s("div", vl)) : g("", !0),
+      c("div", gl, [
         x(u.$slots, "default")
       ])
     ], 2));
   }
-}), hl = { class: "ui-carousel relative" }, ml = { class: "flex -mr-4" }, bl = { class: "flex items-center mt-4 justify-center" }, pl = {
+}), ml = { class: "ui-carousel relative" }, bl = { class: "flex -mr-4" }, pl = { class: "flex items-center mt-4 justify-center" }, yl = {
   key: 1,
   class: "flex items-center gap-4 mx-4"
-}, yl = ["data-testid", "aria-label", "onClick"], Fs = /* @__PURE__ */ C({
+}, xl = ["data-testid", "aria-label", "onClick"], qs = /* @__PURE__ */ C({
   __name: "UiCarousel",
   props: {
     options: {},
@@ -1457,18 +1458,18 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       scrollNext: I,
       scrollTo: S,
       emblaApi: p
-    }), (v, z) => (o(), s("div", hl, [
+    }), (v, z) => (o(), s("div", ml, [
       c("div", {
         ref_key: "emblaRef",
         ref: b,
         "data-testid": "carousel-viewport",
         class: "overflow-hidden"
       }, [
-        c("div", ml, [
+        c("div", bl, [
           x(v.$slots, "default")
         ])
       ], 512),
-      c("div", bl, [
+      c("div", pl, [
         e.showArrows ? (o(), $(oe, {
           key: 0,
           "data-testid": "carousel-prev",
@@ -1480,14 +1481,14 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
           disabled: !B.value,
           onClick: y
         }, null, 8, ["disabled"])) : g("", !0),
-        e.showDots && k.value.length > 1 ? (o(), s("div", pl, [
+        e.showDots && k.value.length > 1 ? (o(), s("div", yl, [
           (o(!0), s(j, null, G(k.value, (P, T) => (o(), s("button", {
             key: T,
             "data-testid": `carousel-dot-${T}`,
             "aria-label": `Slide ${T + 1}`,
             class: f(["h-3 w-3 rounded-full transition-colors duration-200 cursor-pointer", T === m.value ? "bg-actions-primary-idle" : "bg-actions-primary-idle-alpha-light"]),
             onClick: (_) => S(T)
-          }, null, 10, yl))), 128))
+          }, null, 10, xl))), 128))
         ])) : g("", !0),
         e.showArrows ? (o(), $(oe, {
           key: 2,
@@ -1742,10 +1743,10 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 3
     }, 16, ["class", "disabled"]));
   }
-}), xl = {
+}), wl = {
   key: 0,
   class: "sticky top-0 bg-surface-neutral-bg-main px-3 mb-3"
-}, wl = { class: "flex flex-col gap-1 overflow-y-auto max-h-[300px]" }, Cl = {
+}, Cl = { class: "flex flex-col gap-1 overflow-y-auto max-h-[300px]" }, kl = {
   key: 1,
   class: "sticky bottom-0 bg-surface-neutral-bg-main"
 }, it = /* @__PURE__ */ C({
@@ -1791,10 +1792,10 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
           class: "ui-dropdown-content focus-indicator-none z-50 relative py-3 px-2 rounded-xl bg-surface-neutral-bg-main min-w-(--reka-select-trigger-width) max-h-(--reka-select-content-available-height) shadow-shadows-drop-shadow-lg data-[state=open]:animate-[slideDownAndFade_0.2s_ease] data-[state=closed]:animate-[slideUpAndFade_0.15s_ease]"
         }), {
           default: h(() => [
-            d(a).header ? (o(), s("div", xl, [
+            d(a).header ? (o(), s("div", wl, [
               x(t.$slots, "header")
             ])) : g("", !0),
-            c("div", wl, [
+            c("div", Cl, [
               e.showScrollButtons ? (o(), $(d(At), {
                 key: 0,
                 class: "flex items-center justify-center h-6 cursor-default text-text-neutral-base"
@@ -1820,7 +1821,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
                 _: 1
               })) : g("", !0)
             ]),
-            d(a).footer ? (o(), s("div", Cl, [
+            d(a).footer ? (o(), s("div", kl, [
               x(t.$slots, "footer")
             ])) : g("", !0)
           ]),
@@ -1830,13 +1831,13 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 3
     }));
   }
-}), kl = { class: "flex flex-1 gap-2 items-center overflow-hidden" }, $l = {
+}), $l = { class: "flex flex-1 gap-2 items-center overflow-hidden" }, zl = {
   key: 0,
   class: "shrink-0 size-4 rounded-sm border border-borders-neutral-strong bg-surface-neutral-bg-main grid place-content-center transition-colors group-data-[state=checked]:bg-actions-primary-idle group-data-[state=checked]:border-borders-primary-default"
-}, zl = { class: "flex flex-1 flex-col items-start justify-center min-w-0 py-1.5" }, Sl = {
+}, Sl = { class: "flex flex-1 flex-col items-start justify-center min-w-0 py-1.5" }, Bl = {
   key: 0,
   class: "text-content-legends-medium-md text-text-neutral-secondary group-data-highlighted:text-text-neutral-secondary group-data-[state=checked]:text-text-primary-secondary"
-}, Bl = {
+}, Ml = {
   key: 2,
   class: "shrink-0 ml-auto"
 }, ut = /* @__PURE__ */ C({
@@ -1859,15 +1860,15 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       class: "focus-indicator-none group flex px-3 py-1 rounded-md cursor-pointer outline-hidden transition-all duration-150 ease-in-out data-highlighted:bg-actions-neutral-hover-overlay data-[state=checked]:bg-actions-primary-active-overlay data-disabled:opacity-50 data-disabled:cursor-not-allowed data-disabled:pointer-events-none"
     }), {
       default: h(() => [
-        c("div", kl, [
-          d(a) ? (o(), s("div", $l, [...l[0] || (l[0] = [
+        c("div", $l, [
+          d(a) ? (o(), s("div", zl, [...l[0] || (l[0] = [
             c("div", { class: "i-ls-checkbox-check size-3 text-actions-neutral-invert-idle opacity-0 group-data-[state=checked]:opacity-100" }, null, -1)
           ])])) : g("", !0),
           e.icon ? (o(), s("div", {
             key: 1,
             class: f([[e.icon, "size-4"], "shrink-0 group-data-highlighted:text-actions-neutral-idle group-data-[state=checked]:text-actions-primary-idle"])
           }, null, 2)) : g("", !0),
-          c("div", zl, [
+          c("div", Sl, [
             w(d(Dt), { class: "whitespace-nowrap text-content-text-md-regular text-actions-neutral-idle group-data-highlighted:text-actions-neutral-idle group-data-[state=checked]:text-actions-primary-idle" }, {
               default: h(() => [
                 x(t.$slots, "title", {}, () => [
@@ -1876,13 +1877,13 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
               ]),
               _: 3
             }),
-            e.description || t.$slots.description ? (o(), s("div", Sl, [
+            e.description || t.$slots.description ? (o(), s("div", Bl, [
               x(t.$slots, "description", {}, () => [
                 N(A(e.description), 1)
               ])
             ])) : g("", !0)
           ]),
-          t.$slots.right ? (o(), s("div", Bl, [
+          t.$slots.right ? (o(), s("div", Ml, [
             x(t.$slots, "right")
           ])) : g("", !0)
         ])
@@ -1890,24 +1891,24 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 3
     }, 16, ["value", "disabled"]));
   }
-}), Ns = /* @__PURE__ */ C({
+}), Ks = /* @__PURE__ */ C({
   __name: "UiDropdownSeparator",
   setup(e) {
     return (a, t) => (o(), $(d(Rt), { class: "h-px bg-borders-neutral-light my-1 -mx-2 relative" }));
   }
-}), Ml = {
+}), _l = {
   key: 0,
   class: "h-full w-20 shrink-0"
-}, _l = {
+}, Ll = {
   key: 4,
   class: "flex flex-col gap-4"
-}, Ll = ["id"], Il = { class: "relative block size-full overflow-hidden rounded-full" }, Tl = {
+}, Il = ["id"], Tl = { class: "relative block size-full overflow-hidden rounded-full" }, Ol = {
   key: 0,
   class: "flex size-full"
-}, Ol = {
+}, Ul = {
   "aria-hidden": "true",
   class: "absolute inset-0 flex items-center justify-center rounded-full bg-actions-neutral-hover-overlay opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100"
-}, Ul = ["data-selected-preset"], Al = { key: 5 }, Vl = "#0B42C3", Fe = "flex h-full items-center rounded-lg border border-solid border-borders-neutral-strong bg-actions-neutral-idle-alpha-light transition-all focus-within:border-actions-primary-idle-alpha-strong", Pl = /* @__PURE__ */ C({
+}, Al = ["data-selected-preset"], Vl = { key: 5 }, Pl = "#0B42C3", Fe = "flex h-full items-center rounded-lg border border-solid border-borders-neutral-strong bg-actions-neutral-idle-alpha-light transition-all focus-within:border-actions-primary-idle-alpha-strong", El = /* @__PURE__ */ C({
   __name: "UiColorPicker",
   props: {
     modelValue: { default: void 0 },
@@ -1979,7 +1980,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       }
     }), _ = V(
       B(
-        t.color ?? (t.modelValue && xe(t.modelValue) ? t.modelValue : Vl)
+        t.color ?? (t.modelValue && xe(t.modelValue) ? t.modelValue : Pl)
       )
     ), q = r(() => fe(_.value).toLowerCase());
     function ae(E) {
@@ -2096,7 +2097,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
         "data-testid": "ui-color-picker-field",
         class: f(["flex h-10 w-full items-center gap-2", { "cursor-not-allowed opacity-50": e.disabled }])
       }, [
-        v.value ? (o(), s("div", Ml, [
+        v.value ? (o(), s("div", _l, [
           w(d(st), {
             modelValue: I.value,
             "onUpdate:modelValue": H[0] || (H[0] = (D) => I.value = D),
@@ -2172,12 +2173,12 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
           _: 2
         }, 1032, ["model-value", "disabled", "color-space", "channel", "class"]))), 128))
       ], 2)) : g("", !0),
-      i.value?.length ? (o(), s("div", _l, [
+      i.value?.length ? (o(), s("div", Ll, [
         u.value !== null ? (o(), s("label", {
           key: 0,
           id: d(l),
           class: "text-content-legends-bold-md text-text-neutral-tertiary"
-        }, A(u.value), 9, Ll)) : g("", !0),
+        }, A(u.value), 9, Il)) : g("", !0),
         w(d(Gt), {
           "aria-labelledby": u.value !== null ? d(l) : void 0,
           "aria-label": u.value === null ? "Presets" : void 0,
@@ -2194,11 +2195,11 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
                 value: D.color.toLowerCase()
               }, { ref_for: !0 }, D.label ? { "aria-label": D.label } : {}, {
                 class: "group block size-full cursor-pointer rounded-full data-disabled:cursor-not-allowed border border-borders-neutral-light",
-                onSelect: (bs) => dt(D)
+                onSelect: (ps) => dt(D)
               }), {
                 default: h(() => [
-                  c("span", Il, [
-                    D.leftColor && D.rightColor ? (o(), s("span", Tl, [
+                  c("span", Tl, [
+                    D.leftColor && D.rightColor ? (o(), s("span", Ol, [
                       c("span", {
                         class: "h-full w-1/2",
                         style: K({ backgroundColor: D.leftColor })
@@ -2211,7 +2212,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
                       key: 1,
                       class: "size-full rounded-full bg-(--reka-color-swatch-color)"
                     })),
-                    c("span", Ol, [
+                    c("span", Ul, [
                       c("div", {
                         class: f(["i-ls-check-circle-fill text-text-neutral-invert-tertiary", p.value.indicator])
                       }, null, 2)
@@ -2229,24 +2230,24 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
                 c("div", {
                   class: f(["i-ls-check-circle-fill text-text-neutral-invert-base", p.value.indicator])
                 }, null, 2)
-              ], 10, Ul)) : g("", !0)
+              ], 10, Al)) : g("", !0)
             ], 2))), 128))
           ]),
           _: 1
         }, 8, ["aria-labelledby", "aria-label", "disabled", "class", "style"])
       ])) : g("", !0),
-      E.$slots.footer ? (o(), s("div", Al, [
+      E.$slots.footer ? (o(), s("div", Vl, [
         x(E.$slots, "footer")
       ])) : g("", !0)
     ], 2));
   }
-}), El = {
+}), Dl = {
   key: 0,
   class: "flex items-start gap-1 mb-1"
-}, Dl = {
+}, Rl = {
   key: 1,
   class: "flex items-center justify-between mt-1"
-}, Rl = ["id"], be = /* @__PURE__ */ C({
+}, jl = ["id"], be = /* @__PURE__ */ C({
   __name: "UiFieldWrapper",
   props: {
     id: { default: void 0 },
@@ -2260,7 +2261,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
   setup(e, { expose: a }) {
     const t = e, l = me(), n = r(() => t.id ?? l), i = r(() => t.error && t.errorMessage ? t.errorMessage : t.helperMessage);
     return a({ fieldId: n }), (u, b) => (o(), s("div", null, [
-      e.label ? (o(), s("div", El, [
+      e.label ? (o(), s("div", Dl, [
         w(d(Be), {
           for: n.value,
           class: "text-content-legends-bold-md text-text-neutral-tertiary"
@@ -2283,26 +2284,26 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
         }, 8, ["content"])) : g("", !0)
       ])) : g("", !0),
       x(u.$slots, "default", { fieldId: n.value }),
-      i.value || u.$slots.footer ? (o(), s("div", Dl, [
+      i.value || u.$slots.footer ? (o(), s("div", Rl, [
         i.value ? (o(), s("p", {
           key: 0,
           id: `${n.value}-message`,
           class: f(["text-content-legends-bold-md", e.error ? "text-text-danger-secondary" : "text-text-neutral-secondary"])
-        }, A(i.value), 11, Rl)) : g("", !0),
+        }, A(i.value), 11, jl)) : g("", !0),
         x(u.$slots, "footer")
       ])) : g("", !0)
     ]));
   }
-}), jl = ["id", "type", "name", "value", "placeholder", "disabled", "autocomplete", "aria-label", "aria-invalid", "aria-describedby"], Hl = {
+}), Hl = ["id", "type", "name", "value", "placeholder", "disabled", "autocomplete", "aria-label", "aria-invalid", "aria-describedby"], Fl = {
   key: 1,
   class: "ui-text-field-actions"
-}, Fl = {
+}, Nl = {
   key: 0,
   class: "ui-text-field-loader"
-}, Nl = {
+}, ql = {
   key: 2,
   class: "ui-text-field-actions"
-}, ql = /* @__PURE__ */ C({
+}, Kl = /* @__PURE__ */ C({
   __name: "UiTextField",
   props: {
     size: { default: "md" },
@@ -2404,9 +2405,9 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
             onBlur: y,
             onKeydown: I,
             onKeyup: S
-          }, null, 40, jl),
-          e.loading || k.value ? (o(), s("div", Hl, [
-            e.loading ? (o(), s("div", Fl, [...z[0] || (z[0] = [
+          }, null, 40, Hl),
+          e.loading || k.value ? (o(), s("div", Fl, [
+            e.loading ? (o(), s("div", Nl, [...z[0] || (z[0] = [
               c("span", { class: "loader" }, null, -1)
             ])])) : k.value ? (o(), s("button", {
               key: 1,
@@ -2421,7 +2422,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
               c("div", { class: "i-ls-x size-full" }, null, -1)
             ])], 2)) : g("", !0)
           ])) : g("", !0),
-          m.value ? (o(), s("div", Nl, [
+          m.value ? (o(), s("div", ql, [
             x(v.$slots, "right-action", {}, void 0, !0)
           ])) : g("", !0)
         ], 2)
@@ -2429,10 +2430,10 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 3
     }, 8, ["id", "label", "required", "label-info", "error", "helper-message", "error-message"]));
   }
-}), ct = /* @__PURE__ */ F(ql, [["__scopeId", "data-v-07865de6"]]), qs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ct = /* @__PURE__ */ F(Kl, [["__scopeId", "data-v-07865de6"]]), Gs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ct
-}, Symbol.toStringTag, { value: "Module" })), Kl = "#000000", Ks = /* @__PURE__ */ C({
+}, Symbol.toStringTag, { value: "Module" })), Gl = "#000000", Zs = /* @__PURE__ */ C({
   __name: "UiColorField",
   props: {
     modelValue: { default: "" },
@@ -2450,7 +2451,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
     Z(() => t.modelValue, (y) => {
       m(u.value) !== y && (u.value = y ?? "");
     });
-    const b = r(() => t.modelValue && n.test(t.modelValue) ? t.modelValue.toLowerCase() : t.defaultColor && n.test(t.defaultColor) ? t.defaultColor.toLowerCase() : Kl);
+    const b = r(() => t.modelValue && n.test(t.modelValue) ? t.modelValue.toLowerCase() : t.defaultColor && n.test(t.defaultColor) ? t.defaultColor.toLowerCase() : Gl);
     function p(y) {
       t.disabled || (i.value = y);
     }
@@ -2527,7 +2528,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
           }, ["prevent"]))
         }, {
           default: h(() => [
-            w(d(Pl), {
+            w(d(El), {
               variant: "default",
               modes: ["hex", "rgb"],
               "output-format": "hex",
@@ -2544,7 +2545,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 1
     }, 8, ["open"]));
   }
-}), Gs = /* @__PURE__ */ C({
+}), Ws = /* @__PURE__ */ C({
   __name: "UiDialog",
   props: {
     open: { type: Boolean },
@@ -2561,7 +2562,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 3
     }, 16));
   }
-}), Gl = /* @__PURE__ */ C({
+}), Zl = /* @__PURE__ */ C({
   __name: "UiDialogClose",
   props: {
     ariaLabel: { default: "Close" },
@@ -2582,7 +2583,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 1
     }));
   }
-}), Zl = { class: "fixed inset-0 z-50 flex items-center justify-center pointer-events-none" }, Wl = /* @__PURE__ */ C({
+}), Wl = { class: "fixed inset-0 z-50 flex items-center justify-center pointer-events-none" }, Yl = /* @__PURE__ */ C({
   __name: "UiDialogContent",
   props: {
     title: { default: void 0 },
@@ -2636,7 +2637,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
             e.overlayClass
           ])
         }, null, 8, ["class"]),
-        c("div", Zl, [
+        c("div", Wl, [
           w(d(ea), R({ ...d(u), ...M.$attrs }, {
             class: [
               "bg-surface-neutral-bg-main rounded-2xl pointer-events-auto focus-indicator-none",
@@ -2685,7 +2686,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
                     ]),
                     _: 1
                   })) : g("", !0),
-                  e.hideClose ? g("", !0) : (o(), $(Gl, {
+                  e.hideClose ? g("", !0) : (o(), $(Zl, {
                     key: 1,
                     "aria-label": e.closeButtonAriaLabel,
                     mode: e.closeButtonMode ?? e.contentMode,
@@ -2753,17 +2754,17 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 3
     }));
   }
-}), Yl = /* @__PURE__ */ F(Wl, [["__scopeId", "data-v-fb2b33fa"]]), Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Xl = /* @__PURE__ */ F(Yl, [["__scopeId", "data-v-fb2b33fa"]]), Ys = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Yl
-}, Symbol.toStringTag, { value: "Module" })), Xl = { class: "flex flex-col-reverse sm:flex-row gap-2.5 w-full justify-end" }, Ws = /* @__PURE__ */ C({
+  default: Xl
+}, Symbol.toStringTag, { value: "Module" })), Ql = { class: "flex flex-col-reverse sm:flex-row gap-2.5 w-full justify-end" }, Xs = /* @__PURE__ */ C({
   __name: "UiDialogFooter",
   setup(e) {
-    return (a, t) => (o(), s("div", Xl, [
+    return (a, t) => (o(), s("div", Ql, [
       x(a.$slots, "default")
     ]));
   }
-}), Ys = /* @__PURE__ */ C({
+}), Qs = /* @__PURE__ */ C({
   __name: "UiDialogTrigger",
   props: {
     asChild: { type: Boolean },
@@ -2777,10 +2778,10 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 3
     }, 16));
   }
-}), Ql = ["src"], Jl = { class: "text-title-sm-bold text-text-neutral-base" }, eo = {
+}), Jl = ["src"], eo = { class: "text-title-sm-bold text-text-neutral-base" }, to = {
   key: 0,
   class: "text-content-text-md-regular text-text-neutral-tertiary"
-}, to = ["src"], Xs = /* @__PURE__ */ C({
+}, ao = ["src"], Js = /* @__PURE__ */ C({
   __name: "UiEmptyState",
   props: {
     title: {},
@@ -2798,15 +2799,15 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
         src: e.image,
         alt: "",
         class: "w-[270px]"
-      }, null, 8, Ql)) : g("", !0),
+      }, null, 8, Jl)) : g("", !0),
       c("div", {
         class: f(["flex flex-col gap-4 w-full", n.value ? "items-start" : "items-center"])
       }, [
         c("div", {
           class: f(["flex flex-col gap-2 w-full", n.value ? "items-start text-left" : "items-center text-center"])
         }, [
-          c("h3", Jl, A(e.title), 1),
-          e.description ? (o(), s("p", eo, A(e.description), 1)) : g("", !0)
+          c("h3", eo, A(e.title), 1),
+          e.description ? (o(), s("p", to, A(e.description), 1)) : g("", !0)
         ], 2),
         l.value ? (o(), s("div", {
           key: 0,
@@ -2821,10 +2822,10 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
         src: e.image,
         alt: "",
         class: "size-40 shrink-0"
-      }, null, 8, to)) : g("", !0)
+      }, null, 8, ao)) : g("", !0)
     ], 2));
   }
-}), Qs = /* @__PURE__ */ C({
+}), er = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "UiFormField",
   props: {
@@ -2879,24 +2880,24 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 3
     }, 16, ["name"]));
   }
-}), ao = { class: "separator text-content-legends-medium-md" }, lo = ["textContent"], oo = /* @__PURE__ */ C({
+}), lo = { class: "separator text-content-legends-medium-md" }, oo = ["textContent"], no = /* @__PURE__ */ C({
   __name: "UiHorizontalSeparator",
   props: {
     label: {}
   },
   setup(e) {
     const a = e;
-    return (t, l) => (o(), s("div", ao, [
+    return (t, l) => (o(), s("div", lo, [
       c("p", {
         class: "w-full",
         textContent: A(a.label)
-      }, null, 8, lo)
+      }, null, 8, oo)
     ]));
   }
-}), no = /* @__PURE__ */ F(oo, [["__scopeId", "data-v-ff3ec49a"]]), Js = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), so = /* @__PURE__ */ F(no, [["__scopeId", "data-v-ff3ec49a"]]), tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: no
-}, Symbol.toStringTag, { value: "Module" })), so = { class: "ui-input-checkbox-wrapper w-fit" }, ro = ["id", "checked", "disabled", "name", "aria-invalid", "aria-describedby"], io = ["id"], uo = /* @__PURE__ */ C({
+  default: so
+}, Symbol.toStringTag, { value: "Module" })), ro = { class: "ui-input-checkbox-wrapper w-fit" }, io = ["id", "checked", "disabled", "name", "aria-invalid", "aria-describedby"], uo = ["id"], co = /* @__PURE__ */ C({
   __name: "UiInputCheckbox",
   props: {
     modelValue: { type: [Boolean, String, Number, Array] },
@@ -2979,7 +2980,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
     }, { immediate: !0 }), a({
       focus: () => i.value?.focus(),
       blur: () => i.value?.blur()
-    }), (v, z) => (o(), s("div", so, [
+    }), (v, z) => (o(), s("div", ro, [
       c("div", {
         class: f(M.value),
         onClick: u
@@ -2998,7 +2999,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
           onChange: y,
           onFocus: I,
           onBlur: S
-        }, null, 40, ro),
+        }, null, 40, io),
         c("div", {
           class: f(["flex items-center", { "justify-center": e.orientation === "vertical" }])
         }, [
@@ -3106,13 +3107,13 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
         key: 0,
         id: `${d(p)}-message`,
         class: f(U.value)
-      }, A(O.value), 11, io)) : g("", !0)
+      }, A(O.value), 11, uo)) : g("", !0)
     ]));
   }
-}), co = /* @__PURE__ */ F(uo, [["__scopeId", "data-v-79c855b9"]]), er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), fo = /* @__PURE__ */ F(co, [["__scopeId", "data-v-79c855b9"]]), ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: co
-}, Symbol.toStringTag, { value: "Module" })), Ne = "__ui-input-select-clear__", tr = /* @__PURE__ */ C({
+  default: fo
+}, Symbol.toStringTag, { value: "Module" })), Ne = "__ui-input-select-clear__", lr = /* @__PURE__ */ C({
   __name: "UiInputSelect",
   props: {
     size: { default: "md" },
@@ -3214,7 +3215,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       _: 3
     }, 8, ["id", "label", "required", "label-info", "error", "helper-message", "error-message"]));
   }
-}), fo = { class: "relative" }, vo = ["id", "value", "name", "placeholder", "disabled", "rows", "maxlength", "aria-invalid", "aria-describedby"], go = { class: "text-content-legends-medium-md text-text-neutral-tertiary ml-auto" }, ho = /* @__PURE__ */ C({
+}), vo = { class: "relative" }, go = ["id", "value", "name", "placeholder", "disabled", "rows", "maxlength", "aria-invalid", "aria-describedby"], ho = { class: "text-content-legends-medium-md text-text-neutral-tertiary ml-auto" }, mo = /* @__PURE__ */ C({
   __name: "UiInputTextarea",
   props: {
     size: { default: "md" },
@@ -3292,7 +3293,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       "error-message": e.errorMessage
     }, ge({
       default: h(({ fieldId: S }) => [
-        c("div", fo, [
+        c("div", vo, [
           e.loading ? (o(), s("div", {
             key: 0,
             class: f(p.value),
@@ -3322,7 +3323,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
             onBlur: O,
             onKeydown: U,
             onKeyup: M
-          }, null, 46, vo))
+          }, null, 46, go))
         ])
       ]),
       _: 2
@@ -3330,16 +3331,16 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       m.value ? {
         name: "footer",
         fn: h(() => [
-          c("span", go, A(m.value), 1)
+          c("span", ho, A(m.value), 1)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["id", "label", "required", "label-info", "error", "helper-message", "error-message"]));
   }
-}), mo = /* @__PURE__ */ F(ho, [["__scopeId", "data-v-9dcda5c2"]]), ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), bo = /* @__PURE__ */ F(mo, [["__scopeId", "data-v-9dcda5c2"]]), or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: mo
-}, Symbol.toStringTag, { value: "Module" })), bo = { class: "mb-1 flex items-center text-content-legends-bold-md text-text-neutral-tertiary" }, po = ["for", "innerHTML"], lr = /* @__PURE__ */ C({
+  default: bo
+}, Symbol.toStringTag, { value: "Module" })), po = { class: "mb-1 flex items-center text-content-legends-bold-md text-text-neutral-tertiary" }, yo = ["for", "innerHTML"], nr = /* @__PURE__ */ C({
   __name: "UiLabel",
   props: {
     label: { default: null },
@@ -3350,7 +3351,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
     labelColor: {}
   },
   setup(e) {
-    return (a, t) => (o(), s("div", bo, [
+    return (a, t) => (o(), s("div", po, [
       w(de, { content: e.tooltip }, {
         default: h(() => [
           c("label", {
@@ -3360,13 +3361,13 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
               color: e.labelColor
             }),
             innerHTML: e.required ? `${e.label}*` : e.label
-          }, null, 14, po)
+          }, null, 14, yo)
         ]),
         _: 1
       }, 8, ["content"])
     ]));
   }
-}), or = /* @__PURE__ */ C({
+}), sr = /* @__PURE__ */ C({
   __name: "UiList",
   props: {
     maxContentHeight: {},
@@ -3396,10 +3397,10 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       ], 2)) : g("", !0)
     ], 2));
   }
-}), yo = {
+}), xo = {
   key: 1,
   class: "h-2 p-2"
-}, xo = ["href"], wo = /* @__PURE__ */ C({
+}, wo = ["href"], Co = /* @__PURE__ */ C({
   __name: "UiListItem",
   props: {
     variant: {},
@@ -3430,7 +3431,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
             N(A(a.label), 1)
           ], 64)) : g("", !0),
           x(u.$slots, "default", {}, void 0, !0),
-          a.variant?.startsWith("spacer") ? (o(), s("div", yo)) : g("", !0)
+          a.variant?.startsWith("spacer") ? (o(), s("div", xo)) : g("", !0)
         ]),
         n.value ? x(u.$slots, "aside", { key: 1 }, void 0, !0) : g("", !0),
         x(u.$slots, "default", {}, void 0, !0),
@@ -3444,7 +3445,7 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
           target: "_blank",
           rel: "noopener noreferrer",
           class: "absolute inset-0 focus:outline-hidden rounded-xl"
-        }, null, 8, xo)) : g("", !0),
+        }, null, 8, wo)) : g("", !0),
         e.iconEnd ? (o(), s("div", {
           key: 4,
           class: f(e.iconEnd)
@@ -3452,10 +3453,10 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
       ], 2);
     };
   }
-}), Co = /* @__PURE__ */ F(wo, [["__scopeId", "data-v-e508925c"]]), nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ko = /* @__PURE__ */ F(Co, [["__scopeId", "data-v-e508925c"]]), rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Co
-}, Symbol.toStringTag, { value: "Module" })), ko = ["mask"], $o = ["mask"], zo = ["mask"], So = /* @__PURE__ */ C({
+  default: ko
+}, Symbol.toStringTag, { value: "Module" })), $o = ["mask"], zo = ["mask"], So = ["mask"], Bo = /* @__PURE__ */ C({
   __name: "TornadoVariant",
   setup(e) {
     const a = mt(), t = `${a}-top`, l = `${a}-mid`, n = `${a}-bot`;
@@ -3523,21 +3524,21 @@ const oe = /* @__PURE__ */ F(el, [["render", ol]]), Ps = /* @__PURE__ */ Object.
           class: "mark",
           d: "M447.98 201.97C447.98 188.71 437.23 177.96 423.97 177.96C410.71 177.96 399.97 188.71 399.97 201.97C399.97 215.23 410.71 225.98 423.97 225.98C437.23 225.98 447.98 215.23 447.98 201.97Z"
         }, null, -1)
-      ])], 8, ko),
+      ])], 8, $o),
       c("path", {
         class: "mark",
         mask: `url(#${l})`,
         d: "M375.96 276.45L226.06 276.45C212.8 276.45 202.05 287.2 202.05 300.46C202.05 313.72 212.8 324.47 226.06 324.47L375.96 324.47C389.22 324.47 399.97 313.72 399.97 300.46C399.97 287.2 389.22 276.45 375.96 276.45Z"
-      }, null, 8, $o),
+      }, null, 8, zo),
       c("path", {
         class: "mark",
         mask: `url(#${n})`,
         d: "M326.88 374.98L275.13 374.98C261.88 374.98 251.13 385.73 251.13 398.99C251.13 412.25 261.88 422.99 275.13 422.99L326.88 422.99C340.14 422.99 350.89 412.25 350.89 398.99C350.89 385.73 340.14 374.98 326.88 374.98Z"
-      }, null, 8, zo)
+      }, null, 8, So)
     ], 64));
   }
-}), Bo = /* @__PURE__ */ F(So, [["__scopeId", "data-v-75355621"]]), Mo = {};
-function _o(e, a) {
+}), Mo = /* @__PURE__ */ F(Bo, [["__scopeId", "data-v-75355621"]]), _o = {};
+function Lo(e, a) {
   return o(), s(j, null, [
     a[0] || (a[0] = c("path", {
       class: "badge",
@@ -3563,7 +3564,7 @@ function _o(e, a) {
     }, null, -1))
   ], 64);
 }
-const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f"]]), Io = { class: "ui-logo-loader" }, To = /* @__PURE__ */ C({
+const Io = /* @__PURE__ */ F(_o, [["render", Lo], ["__scopeId", "data-v-568a716f"]]), To = { class: "ui-logo-loader" }, Oo = /* @__PURE__ */ C({
   __name: "UiLogo",
   props: {
     variant: { default: "tornado" },
@@ -3575,15 +3576,15 @@ const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f
   },
   setup(e) {
     const a = e, t = {
-      tornado: Bo,
-      pulse: Lo
+      tornado: Mo,
+      pulse: Io
     }, l = r(() => t[a.variant]), n = r(
       () => a.themed ? "var(--color-brand-800, #112660)" : "#112660"
     ), i = r(() => a.inverted ? {
       "--ui-logo-badge": n.value,
       "--ui-logo-mark": "#ffffff"
     } : a.themed ? { "--ui-logo-mark": n.value } : {});
-    return (u, b) => (o(), s("div", Io, [
+    return (u, b) => (o(), s("div", To, [
       (o(), s("svg", {
         class: f(["ui-logo", { "ui-logo--static": !a.animated }]),
         style: K({
@@ -3599,10 +3600,10 @@ const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f
       ], 6))
     ]));
   }
-}), Oo = /* @__PURE__ */ F(To, [["__scopeId", "data-v-f4cb29c9"]]), sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Uo = /* @__PURE__ */ F(Oo, [["__scopeId", "data-v-f4cb29c9"]]), ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Oo
-}, Symbol.toStringTag, { value: "Module" })), rr = /* @__PURE__ */ C({
+  default: Uo
+}, Symbol.toStringTag, { value: "Module" })), ur = /* @__PURE__ */ C({
   __name: "UiMenu",
   props: {
     defaultOpen: { type: Boolean },
@@ -3620,7 +3621,7 @@ const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f
       _: 3
     }, 16));
   }
-}), ir = /* @__PURE__ */ C({
+}), cr = /* @__PURE__ */ C({
   __name: "UiMenuContent",
   props: {
     forceMount: { type: Boolean },
@@ -3664,7 +3665,7 @@ const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f
       _: 3
     }));
   }
-}), ur = /* @__PURE__ */ C({
+}), dr = /* @__PURE__ */ C({
   __name: "UiMenuGroup",
   props: {
     label: {}
@@ -3686,7 +3687,7 @@ const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f
       _: 3
     }, 16));
   }
-}), cr = /* @__PURE__ */ C({
+}), fr = /* @__PURE__ */ C({
   __name: "UiMenuItem",
   props: {
     disabled: { type: Boolean },
@@ -3704,7 +3705,7 @@ const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f
       _: 3
     }, 16));
   }
-}), dr = /* @__PURE__ */ C({
+}), vr = /* @__PURE__ */ C({
   __name: "UiMenuLabel",
   setup(e) {
     return (a, t) => (o(), $(d(Ze), W(Q(a.$attrs)), {
@@ -3714,7 +3715,7 @@ const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f
       _: 3
     }, 16));
   }
-}), fr = /* @__PURE__ */ C({
+}), gr = /* @__PURE__ */ C({
   __name: "UiMenuSeparator",
   setup(e) {
     return (a, t) => (o(), $(d(sa), W(Q(a.$attrs)), {
@@ -3724,7 +3725,7 @@ const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f
       _: 3
     }, 16));
   }
-}), vr = /* @__PURE__ */ C({
+}), hr = /* @__PURE__ */ C({
   __name: "UiMenuSub",
   props: {
     defaultOpen: { type: Boolean },
@@ -3740,7 +3741,7 @@ const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f
       _: 3
     }, 16));
   }
-}), gr = /* @__PURE__ */ C({
+}), mr = /* @__PURE__ */ C({
   __name: "UiMenuSubContent",
   props: {
     forceMount: { type: Boolean },
@@ -3782,7 +3783,7 @@ const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f
       _: 3
     }));
   }
-}), hr = /* @__PURE__ */ C({
+}), br = /* @__PURE__ */ C({
   __name: "UiMenuSubTrigger",
   props: {
     disabled: { type: Boolean },
@@ -3800,7 +3801,7 @@ const Lo = /* @__PURE__ */ F(Mo, [["render", _o], ["__scopeId", "data-v-568a716f
       _: 3
     }, 16));
   }
-}), mr = /* @__PURE__ */ C({
+}), pr = /* @__PURE__ */ C({
   __name: "UiMenuTrigger",
   props: {
     disabled: { type: Boolean },
@@ -3853,32 +3854,32 @@ function pe() {
     setMenuLabel: i
   };
 }
-const Uo = {
+const Ao = {
   key: 0,
   "data-name": "banner"
-}, Ao = { class: "page-view flex-1 flex flex-col min-h-0" }, Vo = {
+}, Vo = { class: "page-view flex-1 flex flex-col min-h-0" }, Po = {
   key: 0,
   ref: "pageHeader",
   "data-name": "pageHeader",
   class: "page-header p-4 md:p-8 md:pl-0 relative"
-}, Po = {
+}, Eo = {
   key: 1,
   "data-name": "pageTabs"
-}, Eo = ["data-colors-semantic"], Do = {
+}, Do = ["data-colors-semantic"], Ro = {
   key: 0,
   "data-name": "leftSlot",
   class: "left-slot"
-}, Ro = { class: "min-w-0 overflow-hidden rounded-tl-xl" }, jo = {
+}, jo = { class: "min-w-0 overflow-hidden rounded-tl-xl" }, Ho = {
   key: 0,
   "data-name": "header",
   class: "content-header p-4 sm:p-6"
-}, Ho = {
+}, Fo = {
   "data-name": "main-content",
   class: "route-content w-full min-w-0 flex flex-col"
-}, Fo = {
+}, No = {
   key: 1,
   name: "footer"
-}, br = /* @__PURE__ */ C({
+}, yr = /* @__PURE__ */ C({
   __name: "UiPage",
   props: {
     pageContentClasses: { default: "" },
@@ -3890,7 +3891,7 @@ const Uo = {
     const k = qe();
     if (!k)
       throw new Error("No current instance found");
-    const B = r(() => k.appContext.config.globalProperties.$responsive), O = r(() => B.value.width >= Ma), U = V(), M = V(), { addElementToWatch: y } = _a(), I = localStorage.getItem("ls-internal-theming") === "true";
+    const B = r(() => k.appContext.config.globalProperties.$responsive ?? _a()), O = r(() => B.value.width >= Ma), U = V(), M = V(), { addElementToWatch: y } = La(), I = localStorage.getItem("ls-internal-theming") === "true";
     return se(() => {
       y(
         "content",
@@ -3906,15 +3907,15 @@ const Uo = {
       "data-name": "ui-page-wrapper",
       class: "ui-page h-full flex flex-col"
     }, [
-      l.value ? (o(), s("section", Uo, [
+      l.value ? (o(), s("section", Ao, [
         x(S.$slots, "banner")
       ])) : g("", !0),
-      c("section", Ao, [
-        n.value ? (o(), s("section", Vo, [
+      c("section", Vo, [
+        n.value ? (o(), s("section", Po, [
           x(S.$slots, "pageHeader")
         ], 512)) : g("", !0),
         v[0] || (v[0] = c("div", { id: "ui-page-tabs-teleport-target" }, null, -1)),
-        i.value ? (o(), s("section", Po, [
+        i.value ? (o(), s("section", Eo, [
           x(S.$slots, "pageTabs")
         ])) : g("", !0),
         c("section", {
@@ -3924,10 +3925,10 @@ const Uo = {
           class: "page-content flex-1 overflow-y-auto w-full grid has-[>:nth-child(2)]:lg:grid-cols-[1fr_2fr] lg:gap-x-8 min-h-0",
           "data-colors-semantic": I ? void 0 : "light"
         }, [
-          u.value && O.value ? (o(), s("aside", Do, [
+          u.value && O.value ? (o(), s("aside", Ro, [
             x(S.$slots, "leftSlot")
           ])) : g("", !0),
-          c("div", Ro, [
+          c("div", jo, [
             c("section", {
               class: f([
                 "content min-w-0 overflow-y-auto h-full bg-surface-neutral-bg-main grid shadow-shadows-drop-shadow-2xl rounded-tl-xl",
@@ -3939,33 +3940,33 @@ const Uo = {
               ]),
               "data-name": "ui-shell-content"
             }, [
-              b.value ? (o(), s("section", jo, [
+              b.value ? (o(), s("section", Ho, [
                 x(S.$slots, "header")
               ])) : g("", !0),
-              c("section", Ho, [
+              c("section", Fo, [
                 x(S.$slots, "default", {}, () => [
                   w(tt)
                 ])
               ]),
-              p.value ? (o(), s("section", Fo, [
+              p.value ? (o(), s("section", No, [
                 x(S.$slots, "footer")
               ])) : g("", !0)
             ], 2)
           ])
-        ], 8, Eo)
+        ], 8, Do)
       ])
     ], 512));
   }
-}), _e = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_9593_725)'%3e%3cpath%20d='M23.998%2011.999C23.998%2015.3134%2024.1092%2019.1732%2021.6423%2021.6486C19.1753%2024.1239%2015.3134%2023.998%2011.999%2023.998C8.68465%2023.998%204.82485%2024.1092%202.34954%2021.6423C-0.125767%2019.1753%209.58826e-05%2015.3134%209.58826e-05%2011.999C9.58826e-05%208.68465%20-0.108986%204.82485%202.35793%202.34954C4.82485%20-0.125767%208.68675%209.58826e-05%2011.999%209.58826e-05C15.3113%209.58826e-05%2019.1732%20-0.108986%2021.6486%202.35793C24.1239%204.82485%2023.998%208.68675%2023.998%2011.999Z'%20fill='white'/%3e%3cpath%20d='M13.3521%205.72681H5.67653C4.99763%205.72681%204.44727%206.27717%204.44727%206.95607C4.44727%207.63497%204.99763%208.18533%205.67653%208.18533H13.3521C14.031%208.18533%2014.5813%207.63497%2014.5813%206.95607C14.5813%206.27717%2014.031%205.72681%2013.3521%205.72681Z'%20fill='%2312262B'/%3e%3cpath%20d='M15.8653%2010.7697H8.18971C7.51081%2010.7697%206.96045%2011.3201%206.96045%2011.999C6.96045%2012.6779%207.51081%2013.2282%208.18971%2013.2282H15.8653C16.5442%2013.2282%2017.0945%2012.6779%2017.0945%2011.999C17.0945%2011.3201%2016.5442%2010.7697%2015.8653%2010.7697Z'%20fill='%2312262B'/%3e%3cpath%20d='M13.3521%2015.8147H10.7027C10.0237%2015.8147%209.47339%2016.3651%209.47339%2017.044C9.47339%2017.7229%2010.0237%2018.2732%2010.7027%2018.2732H13.3521C14.031%2018.2732%2014.5813%2017.7229%2014.5813%2017.044C14.5813%2016.3651%2014.031%2015.8147%2013.3521%2015.8147Z'%20fill='%2312262B'/%3e%3cpath%20d='M19.5528%206.95607C19.5528%206.27717%2019.0024%205.72681%2018.3235%205.72681C17.6446%205.72681%2017.0942%206.27717%2017.0942%206.95607C17.0942%207.63497%2017.6446%208.18533%2018.3235%208.18533C19.0024%208.18533%2019.5528%207.63497%2019.5528%206.95607Z'%20fill='%2312262B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_9593_725'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", No = { class: "flex flex-1 min-w-0 justify-between gap-5 md:gap-8 items-center" }, qo = { class: "flex min-w-0 items-center gap-2" }, Ko = { key: 0 }, Go = ["src"], Zo = {
+}), _e = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_9593_725)'%3e%3cpath%20d='M23.998%2011.999C23.998%2015.3134%2024.1092%2019.1732%2021.6423%2021.6486C19.1753%2024.1239%2015.3134%2023.998%2011.999%2023.998C8.68465%2023.998%204.82485%2024.1092%202.34954%2021.6423C-0.125767%2019.1753%209.58826e-05%2015.3134%209.58826e-05%2011.999C9.58826e-05%208.68465%20-0.108986%204.82485%202.35793%202.34954C4.82485%20-0.125767%208.68675%209.58826e-05%2011.999%209.58826e-05C15.3113%209.58826e-05%2019.1732%20-0.108986%2021.6486%202.35793C24.1239%204.82485%2023.998%208.68675%2023.998%2011.999Z'%20fill='white'/%3e%3cpath%20d='M13.3521%205.72681H5.67653C4.99763%205.72681%204.44727%206.27717%204.44727%206.95607C4.44727%207.63497%204.99763%208.18533%205.67653%208.18533H13.3521C14.031%208.18533%2014.5813%207.63497%2014.5813%206.95607C14.5813%206.27717%2014.031%205.72681%2013.3521%205.72681Z'%20fill='%2312262B'/%3e%3cpath%20d='M15.8653%2010.7697H8.18971C7.51081%2010.7697%206.96045%2011.3201%206.96045%2011.999C6.96045%2012.6779%207.51081%2013.2282%208.18971%2013.2282H15.8653C16.5442%2013.2282%2017.0945%2012.6779%2017.0945%2011.999C17.0945%2011.3201%2016.5442%2010.7697%2015.8653%2010.7697Z'%20fill='%2312262B'/%3e%3cpath%20d='M13.3521%2015.8147H10.7027C10.0237%2015.8147%209.47339%2016.3651%209.47339%2017.044C9.47339%2017.7229%2010.0237%2018.2732%2010.7027%2018.2732H13.3521C14.031%2018.2732%2014.5813%2017.7229%2014.5813%2017.044C14.5813%2016.3651%2014.031%2015.8147%2013.3521%2015.8147Z'%20fill='%2312262B'/%3e%3cpath%20d='M19.5528%206.95607C19.5528%206.27717%2019.0024%205.72681%2018.3235%205.72681C17.6446%205.72681%2017.0942%206.27717%2017.0942%206.95607C17.0942%207.63497%2017.6446%208.18533%2018.3235%208.18533C19.0024%208.18533%2019.5528%207.63497%2019.5528%206.95607Z'%20fill='%2312262B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_9593_725'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", qo = { class: "flex flex-1 min-w-0 justify-between gap-5 md:gap-8 items-center" }, Ko = { class: "flex min-w-0 items-center gap-2" }, Go = { key: 0 }, Zo = ["src"], Wo = {
   key: 1,
   class: "md:hidden"
-}, Wo = { key: 2 }, Yo = {
+}, Yo = { key: 2 }, Xo = {
   key: 0,
   class: "min-w-0 flex-1"
-}, Xo = {
+}, Qo = {
   key: 1,
   class: "flex shrink-0 items-center gap-4"
-}, pr = /* @__PURE__ */ C({
+}, xr = /* @__PURE__ */ C({
   __name: "UiPageHeader",
   props: {
     title: {},
@@ -3990,9 +3991,9 @@ const Uo = {
     };
     return Z(() => t.allowGlobalMobileMenu, k, { immediate: !0 }), ue(() => k(!1)), (B, O) => {
       const U = re("router-link");
-      return o(), s("div", No, [
-        c("div", qo, [
-          e.showLogo ? (o(), s("div", Ko, [
+      return o(), s("div", qo, [
+        c("div", Ko, [
+          e.showLogo ? (o(), s("div", Go, [
             w(U, {
               to: e.logoTo ? e.logoTo : "#",
               class: "grid items-center w-8 h-8"
@@ -4002,12 +4003,12 @@ const Uo = {
                   src: d(_e),
                   alt: "Livestorm logo",
                   class: "w-6 h-6"
-                }, null, 8, Go)
+                }, null, 8, Zo)
               ]),
               _: 1
             }, 8, ["to"])
           ])) : g("", !0),
-          e.allowGlobalMobileMenu ? (o(), s("div", Zo, [
+          e.allowGlobalMobileMenu ? (o(), s("div", Wo, [
             w(oe, {
               color: "neutral",
               variant: "tertiary",
@@ -4015,7 +4016,7 @@ const Uo = {
               onClick: d(u)
             }, null, 8, ["onClick"])
           ])) : g("", !0),
-          e.showBackButton ? (o(), s("div", Wo, [
+          e.showBackButton ? (o(), s("div", Yo, [
             w(oe, {
               color: "neutral",
               variant: "tertiary",
@@ -4031,16 +4032,16 @@ const Uo = {
           }, A(e.title), 3),
           x(B.$slots, "title")
         ]),
-        l.value ? (o(), s("div", Yo, [
+        l.value ? (o(), s("div", Xo, [
           x(B.$slots, "slotA")
         ])) : g("", !0),
-        n.value ? (o(), s("div", Xo, [
+        n.value ? (o(), s("div", Qo, [
           x(B.$slots, "slotB")
         ])) : g("", !0)
       ]);
     };
   }
-}), yr = /* @__PURE__ */ C({
+}), wr = /* @__PURE__ */ C({
   __name: "UiPopoverAnchor",
   props: {
     reference: {},
@@ -4056,7 +4057,7 @@ const Uo = {
       _: 3
     }, 16));
   }
-}), Qo = /* @__PURE__ */ C({
+}), Jo = /* @__PURE__ */ C({
   __name: "UiProgress",
   props: {
     value: { default: null },
@@ -4092,22 +4093,22 @@ const Uo = {
       _: 1
     }, 8, ["model-value", "class"]));
   }
-}), Jo = /* @__PURE__ */ F(Qo, [["__scopeId", "data-v-f756255b"]]), xr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), en = /* @__PURE__ */ F(Jo, [["__scopeId", "data-v-f756255b"]]), Cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Jo
-}, Symbol.toStringTag, { value: "Module" })), en = ["disabled"], tn = {
+  default: en
+}, Symbol.toStringTag, { value: "Module" })), tn = ["disabled"], an = {
   key: 0,
   class: "h-4 w-4 shrink-0 animate-spin",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
-}, an = ["disabled"], ln = {
+}, ln = ["disabled"], on = {
   key: 0,
   class: "h-4 w-4 shrink-0 animate-spin",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
-}, on = /* @__PURE__ */ C({
+}, nn = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "UiRoomButton",
   props: {
@@ -4140,7 +4141,7 @@ const Uo = {
                   ]],
                   disabled: e.disabled || e.loading
                 }), [
-                  e.loading ? (o(), s("svg", tn, [...n[0] || (n[0] = [
+                  e.loading ? (o(), s("svg", an, [...n[0] || (n[0] = [
                     c("circle", {
                       class: "opacity-20",
                       cx: "12",
@@ -4159,7 +4160,7 @@ const Uo = {
                     class: f(["h-4 w-4 shrink-0", e.icon])
                   }, null, 2)) : g("", !0),
                   x(l.$slots, "default", {}, void 0, !0)
-                ], 16, en)
+                ], 16, tn)
               ]),
               _: 3
             }),
@@ -4186,7 +4187,7 @@ const Uo = {
       ]],
       disabled: e.disabled || e.loading
     }), [
-      e.loading ? (o(), s("svg", ln, [...n[1] || (n[1] = [
+      e.loading ? (o(), s("svg", on, [...n[1] || (n[1] = [
         c("circle", {
           class: "opacity-20",
           cx: "12",
@@ -4205,42 +4206,42 @@ const Uo = {
         class: f(["h-4 w-4 shrink-0", e.icon])
       }, null, 2)) : g("", !0),
       x(l.$slots, "default", {}, void 0, !0)
-    ], 16, an));
+    ], 16, ln));
   }
-}), nn = /* @__PURE__ */ F(on, [["__scopeId", "data-v-87cbe72a"]]), wr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), sn = /* @__PURE__ */ F(nn, [["__scopeId", "data-v-87cbe72a"]]), kr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: nn
-}, Symbol.toStringTag, { value: "Module" })), sn = {
+  default: sn
+}, Symbol.toStringTag, { value: "Module" })), rn = {
   class: "ui-shell h-dvh flex flex-col relative",
   "data-sizes-primitives": "Mode-1"
-}, rn = { class: "relative z-30" }, un = { class: "flex-1 flex w-full relative min-h-0" }, cn = {
+}, un = { class: "relative z-30" }, cn = { class: "flex-1 flex w-full relative min-h-0" }, dn = {
   key: 0,
   class: "dashboard-sidebar md:flex shrink-0 text-text-neutral-base flex z-40"
-}, dn = { class: "dashboard-content flex-1 flex flex-col z-10 min-h-0" }, fn = {
+}, fn = { class: "dashboard-content flex-1 flex flex-col z-10 min-h-0" }, vn = {
   key: 0,
   class: "md:hidden flex items-center gap-2 p-4"
-}, vn = { class: "text-title-sm-bold md:text-title-md-bold text-text-neutral-base" }, Cr = /* @__PURE__ */ C({
+}, gn = { class: "text-title-sm-bold md:text-title-md-bold text-text-neutral-base" }, $r = /* @__PURE__ */ C({
   __name: "UiShell",
   props: {
     openMenuLabel: { default: "Menu" }
   },
   setup(e) {
     const a = e, t = Y(), { isOpen: l, toggle: n, hasTrigger: i, menuLabel: u } = pe(), b = r(() => u.value ?? a.openMenuLabel);
-    return (p, m) => (o(), s("div", sn, [
+    return (p, m) => (o(), s("div", rn, [
       m[0] || (m[0] = c("div", { class: "ui-shell-backgrounds absolute inset-0 grid grid-cols-1 grid-rows-1 z-0" }, [
         c("div", { class: "ui-shell-background col-span-full row-span-full bg-gradient-to-tl from-surface-primary-100 to-surface-primary-300" }),
         c("div", { class: "ui-shell-background col-span-full row-span-full bg-surface-neutral-invert-alpha-600" }),
         c("div", { class: "ui-shell-background col-span-full row-span-full bg-surface-primary-alpha-100" })
       ], -1)),
-      c("div", rn, [
+      c("div", un, [
         x(p.$slots, "banners")
       ]),
-      c("div", un, [
-        d(t).sidemenu ? (o(), s("div", cn, [
+      c("div", cn, [
+        d(t).sidemenu ? (o(), s("div", dn, [
           x(p.$slots, "sidemenu", { isOpen: d(l) })
         ])) : g("", !0),
-        c("div", dn, [
-          d(t).sidemenu && !d(l) && !d(i) ? (o(), s("div", fn, [
+        c("div", fn, [
+          d(t).sidemenu && !d(l) && !d(i) ? (o(), s("div", vn, [
             w(oe, {
               color: "neutral",
               variant: "tertiary",
@@ -4248,20 +4249,20 @@ const Uo = {
               "aria-label": b.value,
               onClick: d(n)
             }, null, 8, ["aria-label", "onClick"]),
-            c("span", vn, A(b.value), 1)
+            c("span", gn, A(b.value), 1)
           ])) : g("", !0),
           d(t).default ? x(p.$slots, "default", { key: 1 }) : g("", !0)
         ])
       ])
     ]));
   }
-}), gn = { class: "sr-only" }, hn = ["href", "tabindex", "aria-hidden", "aria-label"], mn = { class: "sr-only" }, bn = ["tabindex", "aria-hidden", "aria-label", "aria-current"], pn = { class: "sr-only" }, yn = { class: "relative shrink-0" }, xn = {
+}), hn = { class: "sr-only" }, mn = ["href", "tabindex", "aria-hidden", "aria-label"], bn = { class: "sr-only" }, pn = ["tabindex", "aria-hidden", "aria-label", "aria-current"], yn = { class: "sr-only" }, xn = { class: "relative shrink-0" }, wn = {
   key: 0,
   class: "flex items-center justify-center w-10 h-10"
-}, wn = { key: 0 }, Cn = {
+}, Cn = { key: 0 }, kn = {
   class: "pl-4 flex md:hidden text-content-text-md-regular font-bold truncate w-full items-center md:justify-center md:text-center",
   "aria-hidden": "true"
-}, kn = /* @__PURE__ */ C({
+}, $n = /* @__PURE__ */ C({
   __name: "UiSideMenuItemContent",
   props: {
     label: {},
@@ -4293,7 +4294,7 @@ const Uo = {
           "aria-current": e.isActive ? "page" : void 0
         }, {
           default: h(() => [
-            c("span", gn, A(e.label), 1)
+            c("span", hn, A(e.label), 1)
           ]),
           _: 1
         }, 8, ["to", "class", "tabindex", "aria-hidden", "aria-label", "aria-current"])) : e.href ? (o(), s("a", {
@@ -4304,8 +4305,8 @@ const Uo = {
           "aria-hidden": e.insideInteractive ? "true" : void 0,
           "aria-label": e.navigateToLabel || `Navigate to ${e.label}`
         }, [
-          c("span", mn, A(e.label), 1)
-        ], 10, hn)) : (o(), s("button", {
+          c("span", bn, A(e.label), 1)
+        ], 10, mn)) : (o(), s("button", {
           key: 2,
           type: "button",
           class: f(["block w-full h-full absolute inset-0 z-20 transition-all duration-150 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-actions-primary-idle rounded-xl", { "pointer-events-none": e.insideInteractive }]),
@@ -4314,8 +4315,8 @@ const Uo = {
           "aria-label": e.label,
           "aria-current": e.isActive ? "true" : void 0
         }, [
-          c("span", pn, A(e.label), 1)
-        ], 10, bn)),
+          c("span", yn, A(e.label), 1)
+        ], 10, pn)),
         c("div", {
           class: f([
             "flex justify-center w-full md:w-10 group-hover/side-menu-item:bg-actions-neutral-hover-overlay group-active/side-menu-item:bg-actions-neutral-active-overlay rounded-xl transition-all duration-150 ease-in-out",
@@ -4325,8 +4326,8 @@ const Uo = {
             l.value ? "p-1 md:p-0" : "p-3"
           ])
         }, [
-          c("div", yn, [
-            l.value ? (o(), s("div", xn, [
+          c("div", xn, [
+            l.value ? (o(), s("div", wn, [
               x(p.$slots, "avatar", {}, void 0, !0)
             ])) : g("", !0),
             e.icon ? (o(), s("div", {
@@ -4342,10 +4343,10 @@ const Uo = {
               class: f(["absolute z-30 pointer-events-none flex items-center justify-center bg-surface-danger-bg-alpha text-text-neutral-invert-base rounded-2xl", u.value ? "-top-3.5 -right-3.5 min-w-4 px-1 py-0.5 text-content-badges-bold-md" : "-top-2.5 -right-2.5 w-2 h-2"]),
               "aria-hidden": "true"
             }, [
-              u.value ? (o(), s("span", wn, A(u.value), 1)) : g("", !0)
+              u.value ? (o(), s("span", Cn, A(u.value), 1)) : g("", !0)
             ], 2)) : g("", !0)
           ]),
-          c("div", Cn, A(e.label), 1)
+          c("div", kn, A(e.label), 1)
         ], 2),
         c("div", {
           class: f(["hidden md:block text-content-legends-bold-md truncate w-[75px]", [
@@ -4359,18 +4360,18 @@ const Uo = {
       ], 512);
     };
   }
-}), ze = /* @__PURE__ */ F(kn, [["__scopeId", "data-v-97bf16df"]]), kr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ze = /* @__PURE__ */ F($n, [["__scopeId", "data-v-97bf16df"]]), zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ze
-}, Symbol.toStringTag, { value: "Module" })), $n = "(min-width: 768px) and (max-height: 599.98px) and (hover: hover) and (pointer: fine)";
-function zn() {
+}, Symbol.toStringTag, { value: "Module" })), zn = "(min-width: 768px) and (max-height: 599.98px) and (hover: hover) and (pointer: fine)";
+function Sn() {
   const e = V(!1);
   let a = null;
   const t = (l) => {
     e.value = l.matches;
   };
   return se(() => {
-    typeof window > "u" || (a = window.matchMedia($n), e.value = a.matches, a.addEventListener("change", t));
+    typeof window > "u" || (a = window.matchMedia(zn), e.value = a.matches, a.addEventListener("change", t));
   }), ue(() => {
     a?.removeEventListener("change", t);
   }), e;
@@ -4395,7 +4396,7 @@ const ee = /* @__PURE__ */ C({
     const a = e, t = r(() => {
       const { showLabelTooltip: n, ...i } = a;
       return i;
-    }), l = zn();
+    }), l = Sn();
     return (n, i) => e.showLabelTooltip ? (o(), $(Xe, {
       key: 0,
       "delay-duration": 0
@@ -4453,14 +4454,14 @@ const ee = /* @__PURE__ */ C({
       } : void 0
     ]), 1040));
   }
-}), Sn = /* @__PURE__ */ Symbol("UiSideMenuLayout"), Bn = { class: "flex flex-col md:items-center gap-8" }, Mn = { class: "flex items-center justify-between" }, _n = ["src", "alt"], Ln = { class: "md:hidden" }, In = ["aria-label"], Tn = { class: "sr-only" }, On = {
+}), Bn = /* @__PURE__ */ Symbol("UiSideMenuLayout"), Mn = { class: "flex flex-col md:items-center gap-8" }, _n = { class: "flex items-center justify-between" }, Ln = ["src", "alt"], In = { class: "md:hidden" }, Tn = ["aria-label"], On = { class: "sr-only" }, Un = {
   class: "flex flex-col md:gap-2",
   role: "menubar"
-}, Un = { class: "flex flex-col md:items-center mt-2" }, An = ["aria-label"], Vn = { class: "sr-only" }, Pn = {
+}, An = { class: "flex flex-col md:items-center mt-2" }, Vn = ["aria-label"], Pn = { class: "sr-only" }, En = {
   key: 0,
   class: "flex flex-col md:gap-2 hidden-on-short-height",
   role: "menu"
-}, En = { class: "flex flex-col md:items-center gap-2 p-2" }, Dn = ["aria-hidden", "inert"], Rn = { class: "flex flex-col md:items-center gap-2 p-2" }, jn = ["aria-label"], Hn = /* @__PURE__ */ C({
+}, Dn = { class: "flex flex-col md:items-center gap-2 p-2" }, Rn = ["aria-hidden", "inert"], jn = { class: "flex flex-col md:items-center gap-2 p-2" }, Hn = ["aria-label"], Fn = /* @__PURE__ */ C({
   __name: "UiSideMenu",
   props: {
     topMenuItems: {},
@@ -4496,7 +4497,7 @@ const ee = /* @__PURE__ */ C({
       typeof window > "u" || (k = window.matchMedia("(width < 768px)"), m.value = k.matches, k.addEventListener("change", B));
     }), ue(() => {
       b?.removeEventListener("change", p), k?.removeEventListener("change", B);
-    }), le(Sn, {
+    }), le(Bn, {
       isShortHeight: u,
       moreButtonEl: i,
       closeMoreMenu: () => {
@@ -4538,8 +4539,8 @@ const ee = /* @__PURE__ */ C({
           ]),
           _: 1
         }),
-        c("div", Bn, [
-          c("div", Mn, [
+        c("div", Mn, [
+          c("div", _n, [
             e.showLivestormLogo ? (o(), s("img", {
               key: 0,
               src: d(_e),
@@ -4547,8 +4548,8 @@ const ee = /* @__PURE__ */ C({
               class: "w-10 h-10 ml-4 md:ml-0",
               role: "img",
               onClick: T
-            }, null, 8, _n)) : g("", !0),
-            c("div", Ln, [
+            }, null, 8, Ln)) : g("", !0),
+            c("div", In, [
               w(oe, {
                 icon: "i-ls-x-stream",
                 variant: "tertiary",
@@ -4565,8 +4566,8 @@ const ee = /* @__PURE__ */ C({
             role: "navigation",
             "aria-label": e.mainNavigationLabel
           }, [
-            c("h2", Tn, A(e.primaryNavigationLabel), 1),
-            c("ul", On, [
+            c("h2", On, A(e.primaryNavigationLabel), 1),
+            c("ul", Un, [
               (o(!0), s(j, null, G(e.topMenuItems, (L) => (o(), s("li", {
                 key: `side-menu-item-${L.label}`,
                 role: "menuitem"
@@ -4581,17 +4582,17 @@ const ee = /* @__PURE__ */ C({
                 }, null, 8, ["label", "icon", "to", "href", "is-active"])
               ]))), 128))
             ])
-          ], 8, In)) : g("", !0)
+          ], 8, Tn)) : g("", !0)
         ]),
         O.default ? x(_.$slots, "default", { key: 0 }, void 0, !0) : g("", !0),
-        c("div", Un, [
+        c("div", An, [
           c("nav", {
             class: "flex flex-col md:gap-2",
             role: "navigation",
             "aria-label": e.secondaryNavigationLabel
           }, [
-            c("h2", Vn, A(e.secondaryNavigationLabel), 1),
-            e.bottomMenuItems ? (o(), s("ul", Pn, [
+            c("h2", Pn, A(e.secondaryNavigationLabel), 1),
+            e.bottomMenuItems ? (o(), s("ul", En, [
               (o(!0), s(j, null, G(e.bottomMenuItems, (L) => (o(), s("li", {
                 key: `side-menu-item-${L.label}`,
                 role: "listitem"
@@ -4639,7 +4640,7 @@ const ee = /* @__PURE__ */ C({
                     onOpenAutoFocus: M
                   }, {
                     default: h(() => [
-                      c("ul", En, [
+                      c("ul", Dn, [
                         (o(!0), s(j, null, G(e.collapsedMenuItems, (L) => (o(), s("li", {
                           key: `collapsed-menu-item-${L.label}`,
                           role: "listitem"
@@ -4701,7 +4702,7 @@ const ee = /* @__PURE__ */ C({
               inert: u.value || void 0
             }, [
               x(_.$slots, "bottom", {}, void 0, !0)
-            ], 10, Dn)) : g("", !0),
+            ], 10, Rn)) : g("", !0),
             P.value ? g("", !0) : (o(), s("div", {
               key: 3,
               ref_key: "moreButtonEl",
@@ -4734,7 +4735,7 @@ const ee = /* @__PURE__ */ C({
                     onOpenAutoFocus: M
                   }, {
                     default: h(() => [
-                      c("div", Rn, [
+                      c("div", jn, [
                         (o(!0), s(j, null, G(e.bottomMenuItems, (L) => (o(), s("li", {
                           key: `popover-menu-item-${L.label}`,
                           role: "listitem"
@@ -4774,23 +4775,23 @@ const ee = /* @__PURE__ */ C({
               "aria-label": e.toolsAndSettingsLabel
             }, [
               O.settingsMenu ? x(_.$slots, "settingsMenu", { key: 0 }, void 0, !0) : g("", !0)
-            ], 8, jn)
-          ], 8, An)
+            ], 8, Hn)
+          ], 8, Vn)
         ])
       ], 2);
     };
   }
-}), Fn = /* @__PURE__ */ F(Hn, [["__scopeId", "data-v-44e9de3f"]]), $r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Nn = /* @__PURE__ */ F(Fn, [["__scopeId", "data-v-44e9de3f"]]), Sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Fn
-}, Symbol.toStringTag, { value: "Module" })), Nn = { class: "flex flex-col items-center" }, qn = { class: "flex flex-col gap-2" }, zr = /* @__PURE__ */ C({
+  default: Nn
+}, Symbol.toStringTag, { value: "Module" })), qn = { class: "flex flex-col items-center" }, Kn = { class: "flex flex-col gap-2" }, Br = /* @__PURE__ */ C({
   __name: "UiSideMenuBottom",
   props: {
     menuItems: {}
   },
   setup(e) {
-    return (a, t) => (o(), s("div", Nn, [
-      c("div", qn, [
+    return (a, t) => (o(), s("div", qn, [
+      c("div", Kn, [
         (o(!0), s(j, null, G(e.menuItems, (l, n) => (o(), $(ee, {
           key: `${l.label}-${n}`,
           label: l.label,
@@ -4801,19 +4802,19 @@ const ee = /* @__PURE__ */ C({
       ])
     ]));
   }
-}), Kn = { class: "flex flex-col items-center gap-8" }, Gn = ["src"], Zn = { class: "flex flex-col gap-2" }, Sr = /* @__PURE__ */ C({
+}), Gn = { class: "flex flex-col items-center gap-8" }, Zn = ["src"], Wn = { class: "flex flex-col gap-2" }, Mr = /* @__PURE__ */ C({
   __name: "UiSideMenuTop",
   props: {
     menuItems: {}
   },
   setup(e) {
-    return (a, t) => (o(), s("div", Kn, [
+    return (a, t) => (o(), s("div", Gn, [
       c("img", {
         src: d(_e),
         alt: "Livestorm logo",
         class: "w-10 h-10"
-      }, null, 8, Gn),
-      c("div", Zn, [
+      }, null, 8, Zn),
+      c("div", Wn, [
         (o(!0), s(j, null, G(e.menuItems, (l) => (o(), $(ee, {
           key: l.label,
           label: l.label,
@@ -4824,7 +4825,7 @@ const ee = /* @__PURE__ */ C({
       ])
     ]));
   }
-}), Br = /* @__PURE__ */ C({
+}), _r = /* @__PURE__ */ C({
   __name: "UiStepper",
   props: {
     defaultValue: {},
@@ -4850,7 +4851,7 @@ const ee = /* @__PURE__ */ C({
       _: 3
     }, 16, ["class"]));
   }
-}), Wn = /* @__PURE__ */ C({
+}), Yn = /* @__PURE__ */ C({
   __name: "UiStepperDescription",
   props: {
     asChild: { type: Boolean },
@@ -4867,10 +4868,10 @@ const ee = /* @__PURE__ */ C({
       _: 3
     }, 16));
   }
-}), Yn = /* @__PURE__ */ F(Wn, [["__scopeId", "data-v-5da882d5"]]), Mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Xn = /* @__PURE__ */ F(Yn, [["__scopeId", "data-v-5da882d5"]]), Lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Yn
-}, Symbol.toStringTag, { value: "Module" })), Xn = { class: "stepper-number" }, _r = /* @__PURE__ */ C({
+  default: Xn
+}, Symbol.toStringTag, { value: "Module" })), Qn = { class: "stepper-number" }, Ir = /* @__PURE__ */ C({
   __name: "UiStepperIndicator",
   props: {
     size: { default: "md" },
@@ -4901,14 +4902,14 @@ const ee = /* @__PURE__ */ C({
           key: 1,
           class: f(["stepper-checkmark i-ls-check", t[e.size]])
         }, null, 2)) : g("", !0),
-        c("span", Xn, [
+        c("span", Qn, [
           x(l.$slots, "default")
         ])
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Lr = /* @__PURE__ */ C({
+}), Tr = /* @__PURE__ */ C({
   __name: "UiStepperItem",
   props: {
     showSeparator: { type: Boolean, default: !0 },
@@ -4930,7 +4931,7 @@ const ee = /* @__PURE__ */ C({
       _: 3
     }, 16, ["step", "disabled"]));
   }
-}), Qn = /* @__PURE__ */ C({
+}), Jn = /* @__PURE__ */ C({
   __name: "UiStepperSeparator",
   props: {
     orientation: { default: void 0 },
@@ -4958,10 +4959,10 @@ const ee = /* @__PURE__ */ C({
       }), null, 16, ["class"])
     ], 2));
   }
-}), Jn = /* @__PURE__ */ F(Qn, [["__scopeId", "data-v-44cd2e7f"]]), Ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), es = /* @__PURE__ */ F(Jn, [["__scopeId", "data-v-44cd2e7f"]]), Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Jn
-}, Symbol.toStringTag, { value: "Module" })), es = /* @__PURE__ */ C({
+  default: es
+}, Symbol.toStringTag, { value: "Module" })), ts = /* @__PURE__ */ C({
   __name: "UiStepperTitle",
   props: {
     asChild: { type: Boolean },
@@ -4977,10 +4978,10 @@ const ee = /* @__PURE__ */ C({
       _: 3
     }, 16));
   }
-}), ts = /* @__PURE__ */ F(es, [["__scopeId", "data-v-ca7d64b5"]]), Tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), as = /* @__PURE__ */ F(ts, [["__scopeId", "data-v-ca7d64b5"]]), Ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ts
-}, Symbol.toStringTag, { value: "Module" })), as = { class: "w-full" }, ls = { class: "w-full border-separate border-spacing-0" }, Or = /* @__PURE__ */ C({
+  default: as
+}, Symbol.toStringTag, { value: "Module" })), ls = { class: "w-full" }, os = { class: "w-full border-separate border-spacing-0" }, Ar = /* @__PURE__ */ C({
   __name: "UiTable",
   props: {
     variant: { default: "condensed" },
@@ -4988,22 +4989,22 @@ const ee = /* @__PURE__ */ C({
   },
   setup(e) {
     const a = e;
-    return le("tableVariant", we(a, "variant")), le("hoverEffect", we(a, "hoverEffect")), (t, l) => (o(), s("div", as, [
-      c("table", ls, [
+    return le("tableVariant", we(a, "variant")), le("hoverEffect", we(a, "hoverEffect")), (t, l) => (o(), s("div", ls, [
+      c("table", os, [
         x(t.$slots, "default")
       ])
     ]));
   }
-}), os = {};
-function ns(e, a) {
+}), ns = {};
+function ss(e, a) {
   return o(), s("tbody", null, [
     x(e.$slots, "default")
   ]);
 }
-const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const rs = /* @__PURE__ */ F(ns, [["render", ss]]), Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ss
-}, Symbol.toStringTag, { value: "Module" })), Ar = /* @__PURE__ */ C({
+  default: rs
+}, Symbol.toStringTag, { value: "Module" })), Pr = /* @__PURE__ */ C({
   __name: "UiTableCell",
   setup(e) {
     const a = X("tableVariant"), t = X("rowIsEven", !1), l = X("hoverEffect"), n = r(() => ({
@@ -5021,7 +5022,7 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
       x(i.$slots, "default")
     ], 2));
   }
-}), Vr = /* @__PURE__ */ C({
+}), Er = /* @__PURE__ */ C({
   __name: "UiTableHeader",
   setup(e) {
     const a = X("tableVariant"), t = r(() => ({
@@ -5035,7 +5036,7 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
       x(l.$slots, "default")
     ], 2));
   }
-}), Pr = /* @__PURE__ */ C({
+}), Dr = /* @__PURE__ */ C({
   __name: "UiTableHeaderCell",
   setup(e) {
     const a = X("tableVariant"), t = r(() => ({
@@ -5048,7 +5049,7 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
       x(l.$slots, "default")
     ], 2));
   }
-}), Er = /* @__PURE__ */ C({
+}), Rr = /* @__PURE__ */ C({
   __name: "UiTableRow",
   props: {
     isEven: { type: Boolean }
@@ -5066,10 +5067,10 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
       x(n.$slots, "default")
     ], 2));
   }
-}), rs = { class: "ui-tabs border-b border-borders-neutral-light relative" }, is = ["aria-selected", "aria-disabled", "tabindex", "disabled", "onClick", "onKeydown"], us = {
+}), is = { class: "ui-tabs border-b border-borders-neutral-light relative" }, us = ["aria-selected", "aria-disabled", "tabindex", "disabled", "onClick", "onKeydown"], cs = {
   key: 1,
   class: "w-4 h-4"
-}, Dr = /* @__PURE__ */ C({
+}, jr = /* @__PURE__ */ C({
   __name: "UiTabs",
   props: {
     tabs: {},
@@ -5138,7 +5139,7 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
       await ie(), y();
     }), Ye(p, I), ue(() => {
       m.value.clear();
-    }), (S, v) => (o(), s("div", rs, [
+    }), (S, v) => (o(), s("div", is, [
       c("div", {
         ref_key: "tabsContainer",
         ref: p,
@@ -5172,10 +5173,10 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
             class: f([z.icon, "w-4 h-4"])
           }, null, 2)) : g("", !0),
           c("span", null, A(z.label), 1),
-          i.value ? (o(), s("div", us, [
+          i.value ? (o(), s("div", cs, [
             x(S.$slots, "badge", { tab: z })
           ])) : g("", !0)
-        ], 42, is))), 128))
+        ], 42, us))), 128))
       ], 2),
       c("div", {
         class: "absolute -bottom-px left-0 h-0.5 bg-actions-primary-idle transition-[transform,width] duration-[250ms] ease-out will-change-[transform,width]",
@@ -5186,7 +5187,7 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
       }, null, 4)
     ]));
   }
-}), cs = ["data-size", "data-color", "data-variant", "data-hover-effect"], ds = { class: "ui-tag-label" }, fs = /* @__PURE__ */ C({
+}), ds = ["data-size", "data-color", "data-variant", "data-hover-effect"], fs = { class: "ui-tag-label" }, vs = /* @__PURE__ */ C({
   __name: "UiTag",
   props: {
     size: { default: "md" },
@@ -5261,17 +5262,17 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
       }, [
         x(n.$slots, "left-icon", {}, void 0, !0)
       ], 2)) : g("", !0),
-      c("span", ds, [
+      c("span", fs, [
         x(n.$slots, "default", {}, () => [
           N(A(e.label), 1)
         ], !0)
       ])
-    ], 10, cs));
+    ], 10, ds));
   }
-}), vs = /* @__PURE__ */ F(fs, [["__scopeId", "data-v-0be79760"]]), Rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), gs = /* @__PURE__ */ F(vs, [["__scopeId", "data-v-0be79760"]]), Hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: vs
-}, Symbol.toStringTag, { value: "Module" })), jr = /* @__PURE__ */ C({
+  default: gs
+}, Symbol.toStringTag, { value: "Module" })), Fr = /* @__PURE__ */ C({
   __name: "UiTimeline",
   props: {
     orientation: { default: "vertical" }
@@ -5287,7 +5288,7 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
       x(t.$slots, "default")
     ], 2));
   }
-}), gs = { class: "ui-timeline-item" }, hs = { class: "ui-timeline-item__indicator-wrapper" }, ms = { class: "ui-timeline-item__content" }, Hr = /* @__PURE__ */ C({
+}), hs = { class: "ui-timeline-item" }, ms = { class: "ui-timeline-item__indicator-wrapper" }, bs = { class: "ui-timeline-item__content" }, Nr = /* @__PURE__ */ C({
   __name: "UiTimelineItem",
   props: {
     variant: { default: "default" },
@@ -5331,8 +5332,8 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
       md: "w-2 h-2",
       lg: "w-3 h-3"
     })[a.indicatorSize]);
-    return (i, u) => (o(), s("div", gs, [
-      c("div", hs, [
+    return (i, u) => (o(), s("div", hs, [
+      c("div", ms, [
         c("div", {
           class: f(t.value)
         }, [
@@ -5346,7 +5347,7 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
           class: f(l.value)
         }, null, 2)) : g("", !0)
       ]),
-      c("div", ms, [
+      c("div", bs, [
         x(i.$slots, "default")
       ])
     ]));
@@ -5354,99 +5355,99 @@ const ss = /* @__PURE__ */ F(os, [["render", ns]]), Ur = /* @__PURE__ */ Object.
 });
 export {
   ke as $,
-  Qs as A,
-  no as B,
-  co as C,
-  tr as D,
-  mo as E,
-  lr as F,
-  or as G,
-  Co as H,
+  er as A,
+  so as B,
+  fo as C,
+  lr as D,
+  bo as E,
+  nr as F,
+  sr as G,
+  ko as H,
   tt as I,
-  Oo as J,
-  rr as K,
-  ir as L,
-  ur as M,
-  cr as N,
-  dr as O,
-  fr as P,
-  vr as Q,
-  gr as R,
-  hr as S,
-  mr as T,
+  Uo as J,
+  ur as K,
+  cr as L,
+  dr as M,
+  fr as N,
+  vr as O,
+  gr as P,
+  hr as Q,
+  mr as R,
+  br as S,
+  pr as T,
   oe as U,
-  br as V,
-  pr as W,
+  yr as V,
+  xr as W,
   Ce as X,
-  yr as Y,
+  wr as Y,
   $e as Z,
-  Is as _,
-  Ts as a,
-  Jo as a0,
-  nn as a1,
-  Cr as a2,
-  Fn as a3,
-  zr as a4,
+  Os as _,
+  Us as a,
+  en as a0,
+  sn as a1,
+  $r as a2,
+  Nn as a3,
+  Br as a4,
   ee as a5,
   ze as a6,
-  Sr as a7,
-  Br as a8,
-  Yn as a9,
-  nr as aA,
-  ar as aB,
-  er as aC,
-  Js as aD,
-  Zs as aE,
-  Ps as aF,
-  _r as aa,
-  Lr as ab,
-  Jn as ac,
-  ts as ad,
-  Or as ae,
-  ss as af,
-  Ar as ag,
-  Vr as ah,
-  Pr as ai,
-  Er as aj,
-  Dr as ak,
-  vs as al,
+  Mr as a7,
+  _r as a8,
+  Xn as a9,
+  rr as aA,
+  or as aB,
+  ar as aC,
+  tr as aD,
+  Ys as aE,
+  Ds as aF,
+  Ir as aa,
+  Tr as ab,
+  es as ac,
+  as as ad,
+  Ar as ae,
+  rs as af,
+  Pr as ag,
+  Er as ah,
+  Dr as ai,
+  Rr as aj,
+  jr as ak,
+  gs as al,
   ct as am,
-  jr as an,
-  Hr as ao,
-  qs as ap,
-  Rr as aq,
-  Ur as ar,
-  Tr as as,
-  Ir as at,
-  Mr as au,
-  kr as av,
-  $r as aw,
-  wr as ax,
-  xr as ay,
-  sr as az,
-  Os as b,
-  Us as c,
+  Fr as an,
+  Nr as ao,
+  Gs as ap,
+  Hr as aq,
+  Vr as ar,
+  Ur as as,
+  Or as at,
+  Lr as au,
+  zr as av,
+  Sr as aw,
+  kr as ax,
+  Cr as ay,
+  ir as az,
+  As as b,
+  Vs as c,
   He as d,
-  As as e,
-  Vs as f,
-  Es as g,
-  Ds as h,
-  Rs as i,
-  js as j,
-  Hs as k,
-  Fs as l,
-  Ks as m,
-  Pl as n,
-  Gs as o,
-  Gl as p,
-  Yl as q,
-  Ws as r,
-  Ys as s,
+  Ps as e,
+  Es as f,
+  Rs as g,
+  js as h,
+  Hs as i,
+  Fs as j,
+  Ns as k,
+  qs as l,
+  Zs as m,
+  El as n,
+  Ws as o,
+  Zl as p,
+  Xl as q,
+  Xs as r,
+  Qs as s,
   st as t,
   it as u,
   ut as v,
-  Ns as w,
+  Ks as w,
   rt as x,
-  Xs as y,
+  Js as y,
   be as z
 };