@gostudent/shared-ui-library 1.6.1-DT-16779.1 → 1.7.0

package/dist/index.js

@@ -1,375 +1,401 @@
-import { jsx as e, jsxs as a, Fragment as Z } from "react/jsx-runtime";
-import h1, { useState as I, createContext as m1, useId as u1, useContext as g1, useRef as U, useLayoutEffect as f1, useEffect as j, useCallback as s1 } from "react";
-const w1 = "_root_1x6vk_9", v1 = "_icon_1x6vk_27", b1 = "_label_1x6vk_33", k1 = "_primary_1x6vk_39", y1 = "_secondary_1x6vk_66", x1 = "_link_1x6vk_98", S1 = "_sizeXl_1x6vk_127", M1 = "_sizeLg_1x6vk_134", H1 = "_sizeMd_1x6vk_141", N1 = "_sizeSm_1x6vk_148", L1 = "_sizeXs_1x6vk_155", B1 = "_sizeXxs_1x6vk_162", z1 = "_desktopSizeXl_1x6vk_181", $1 = "_desktopSizeLg_1x6vk_188", V1 = "_desktopSizeMd_1x6vk_195", T1 = "_desktopSizeSm_1x6vk_202", U1 = "_desktopSizeXs_1x6vk_209", I1 = "_desktopSizeXxs_1x6vk_216", Z1 = "_pressed_1x6vk_230", O1 = "_focused_1x6vk_234", v = {
-  root: w1,
-  icon: v1,
-  label: b1,
-  primary: k1,
-  secondary: y1,
-  link: x1,
-  sizeXl: S1,
-  sizeLg: M1,
-  sizeMd: H1,
-  sizeSm: N1,
+import { jsx as e, jsxs as a, Fragment as T } from "react/jsx-runtime";
+import p1, { useState as I, createContext as h1, useId as g1, useContext as u1, useRef as j, useLayoutEffect as v1, useEffect as X, useCallback as t1 } from "react";
+const f1 = "_root_1x6vk_9", w1 = "_icon_1x6vk_27", k1 = "_label_1x6vk_33", b1 = "_primary_1x6vk_39", x1 = "_secondary_1x6vk_66", S1 = "_link_1x6vk_98", y1 = "_sizeXl_1x6vk_127", z1 = "_sizeLg_1x6vk_134", M1 = "_sizeMd_1x6vk_141", H1 = "_sizeSm_1x6vk_148", L1 = "_sizeXs_1x6vk_155", N1 = "_sizeXxs_1x6vk_162", B1 = "_desktopSizeXl_1x6vk_181", $1 = "_desktopSizeLg_1x6vk_188", V1 = "_desktopSizeMd_1x6vk_195", T1 = "_desktopSizeSm_1x6vk_202", U1 = "_desktopSizeXs_1x6vk_209", j1 = "_desktopSizeXxs_1x6vk_216", I1 = "_pressed_1x6vk_230", Z1 = "_focused_1x6vk_234", k = {
+  root: f1,
+  icon: w1,
+  label: k1,
+  primary: b1,
+  secondary: x1,
+  link: S1,
+  sizeXl: y1,
+  sizeLg: z1,
+  sizeMd: M1,
+  sizeSm: H1,
   sizeXs: L1,
-  sizeXxs: B1,
-  desktopSizeXl: z1,
+  sizeXxs: N1,
+  desktopSizeXl: B1,
   desktopSizeLg: $1,
   desktopSizeMd: V1,
   desktopSizeSm: T1,
   desktopSizeXs: U1,
-  desktopSizeXxs: I1,
-  pressed: Z1,
-  focused: O1
+  desktopSizeXxs: j1,
+  pressed: I1,
+  focused: Z1
+}, O1 = {
+  xxs: k.sizeXxs,
+  xs: k.sizeXs,
+  sm: k.sizeSm,
+  md: k.sizeMd,
+  lg: k.sizeLg,
+  xl: k.sizeXl
+}, P1 = {
+  xxs: k.desktopSizeXxs,
+  xs: k.desktopSizeXs,
+  sm: k.desktopSizeSm,
+  md: k.desktopSizeMd,
+  lg: k.desktopSizeLg,
+  xl: k.desktopSizeXl
 }, X1 = {
-  xxs: v.sizeXxs,
-  xs: v.sizeXs,
-  sm: v.sizeSm,
-  md: v.sizeMd,
-  lg: v.sizeLg,
-  xl: v.sizeXl
-}, D1 = {
-  xxs: v.desktopSizeXxs,
-  xs: v.desktopSizeXs,
-  sm: v.desktopSizeSm,
-  md: v.desktopSizeMd,
-  lg: v.desktopSizeLg,
-  xl: v.desktopSizeXl
-}, j1 = {
-  primary: v.primary,
-  secondary: v.secondary,
-  link: v.link
+  primary: k.primary,
+  secondary: k.secondary,
+  link: k.link
 };
-function A({
-  variant: t = "primary",
-  size: n = "md",
-  children: o,
-  disabled: r = !1,
-  leftIcon: s,
+function R({
+  variant: o = "primary",
+  size: t = "md",
+  children: n,
+  disabled: s = !1,
+  leftIcon: r,
   rightIcon: i,
-  className: l,
-  onClick: c,
-  type: d = "button",
-  href: C,
-  target: h,
+  className: d,
+  onClick: C,
+  type: c = "button",
+  href: l,
+  target: p,
   rel: u,
-  forceFocus: w,
+  forceFocus: g,
   forceActive: y
 }) {
-  const M = Array.isArray(n) ? n[0] : n, z = Array.isArray(n) ? n[1] : void 0, H = [
-    v.root,
-    j1[t],
-    X1[M],
-    z && D1[z],
-    w && v.focused,
-    y && v.pressed,
-    l
-  ].filter(Boolean).join(" "), b = /* @__PURE__ */ a(Z, { children: [
-    s && /* @__PURE__ */ e("span", { className: v.icon, children: s }),
-    o && /* @__PURE__ */ e("span", { className: v.label, children: o }),
-    i && /* @__PURE__ */ e("span", { className: v.icon, children: i })
+  const f = Array.isArray(t) ? t[0] : t, H = Array.isArray(t) ? t[1] : void 0, x = [
+    k.root,
+    X1[o],
+    O1[f],
+    H && P1[H],
+    g && k.focused,
+    y && k.pressed,
+    d
+  ].filter(Boolean).join(" "), w = /* @__PURE__ */ a(T, { children: [
+    r && /* @__PURE__ */ e("span", { className: k.icon, children: r }),
+    n && /* @__PURE__ */ e("span", { className: k.label, children: n }),
+    i && /* @__PURE__ */ e("span", { className: k.icon, children: i })
   ] });
-  return C ? /* @__PURE__ */ e("a", { href: C, target: h, rel: u, onClick: c, className: H, children: b }) : /* @__PURE__ */ e("button", { type: d, disabled: r, onClick: c, className: H, children: b });
+  return l ? /* @__PURE__ */ e("a", { href: l, target: p, rel: u, onClick: C, className: x, children: w }) : /* @__PURE__ */ e("button", { type: c, disabled: s, onClick: C, className: x, children: w });
 }
-const E1 = "_root_k7aao_1", P1 = "_sizeLg_k7aao_14", A1 = "_sizeMd_k7aao_20", R1 = "_sizeSm_k7aao_26", G1 = "_desktopSizeLg_k7aao_35", F1 = "_desktopSizeMd_k7aao_41", W1 = "_desktopSizeSm_k7aao_47", K1 = "_colorStudent_k7aao_56", q1 = "_colorTutor_k7aao_60", J1 = "_colorParent_k7aao_64", V = {
-  root: E1,
-  sizeLg: P1,
+const D1 = "_root_egjjw_1", E1 = "_sizeLg_egjjw_14", A1 = "_sizeMd_egjjw_20", F1 = "_sizeSm_egjjw_26", G1 = "_desktopSizeLg_egjjw_35", R1 = "_desktopSizeMd_egjjw_41", W1 = "_desktopSizeSm_egjjw_47", K1 = "_colorStudent_egjjw_56", q1 = "_colorTutor_egjjw_60", J1 = "_colorParent_egjjw_64", Q1 = "_colorOnline_egjjw_68", Y1 = "_colorOffline_egjjw_74", $ = {
+  root: D1,
+  sizeLg: E1,
   sizeMd: A1,
-  sizeSm: R1,
+  sizeSm: F1,
   desktopSizeLg: G1,
-  desktopSizeMd: F1,
+  desktopSizeMd: R1,
   desktopSizeSm: W1,
   colorStudent: K1,
   colorTutor: q1,
-  colorParent: J1
-}, Q1 = {
-  sm: V.sizeSm,
-  md: V.sizeMd,
-  lg: V.sizeLg
-}, Y1 = {
-  sm: V.desktopSizeSm,
-  md: V.desktopSizeMd,
-  lg: V.desktopSizeLg
+  colorParent: J1,
+  colorOnline: Q1,
+  colorOffline: Y1
 }, e5 = {
+  sm: $.sizeSm,
+  md: $.sizeMd,
+  lg: $.sizeLg
+}, t5 = {
+  sm: $.desktopSizeSm,
+  md: $.desktopSizeMd,
+  lg: $.desktopSizeLg
+}, n5 = {
   neutral: void 0,
-  student: V.colorStudent,
-  tutor: V.colorTutor,
-  parent: V.colorParent
+  student: $.colorStudent,
+  tutor: $.colorTutor,
+  parent: $.colorParent,
+  online: $.colorOnline,
+  offline: $.colorOffline
 };
-function J({ children: t, size: n = "md", color: o = "neutral", className: r }) {
-  const s = Array.isArray(n) ? n[0] : n, i = Array.isArray(n) ? n[1] : void 0, l = [
-    V.root,
-    Q1[s],
-    i && Y1[i],
-    e5[o],
-    r
+function W({ children: o, size: t = "md", color: n = "neutral", className: s }) {
+  const r = Array.isArray(t) ? t[0] : t, i = Array.isArray(t) ? t[1] : void 0, d = [
+    $.root,
+    e5[r],
+    i && t5[i],
+    n5[n],
+    s
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("span", { className: l, children: t });
+  return /* @__PURE__ */ e("span", { className: d, children: o });
 }
-const t5 = "_root_jw6fb_1", n5 = "_image_jw6fb_14", o5 = "_initials_jw6fb_20", s5 = "_sizeSm_jw6fb_27", r5 = "_sizeMd_jw6fb_33", a5 = "_sizeLg_jw6fb_39", i5 = "_colorPink_jw6fb_47", c5 = "_colorPurple_jw6fb_51", d5 = "_colorGreen_jw6fb_55", l5 = "_colorOrange_jw6fb_59", $ = {
-  root: t5,
-  image: n5,
-  initials: o5,
-  sizeSm: s5,
-  sizeMd: r5,
-  sizeLg: a5,
-  colorPink: i5,
-  colorPurple: c5,
-  colorGreen: d5,
-  colorOrange: l5
-}, c1 = ["pink", "purple", "green", "orange"], C5 = {
-  pink: $.colorPink,
-  purple: $.colorPurple,
-  green: $.colorGreen,
-  orange: $.colorOrange
-}, _5 = {
-  sm: $.sizeSm,
-  md: $.sizeMd,
-  lg: $.sizeLg
+const o5 = "_root_jw6fb_1", s5 = "_image_jw6fb_14", i5 = "_initials_jw6fb_20", r5 = "_sizeSm_jw6fb_27", a5 = "_sizeMd_jw6fb_33", c5 = "_sizeLg_jw6fb_39", l5 = "_colorPink_jw6fb_47", d5 = "_colorPurple_jw6fb_51", C5 = "_colorGreen_jw6fb_55", _5 = "_colorOrange_jw6fb_59", V = {
+  root: o5,
+  image: s5,
+  initials: i5,
+  sizeSm: r5,
+  sizeMd: a5,
+  sizeLg: c5,
+  colorPink: l5,
+  colorPurple: d5,
+  colorGreen: C5,
+  colorOrange: _5
+}, i1 = ["pink", "purple", "green", "orange"], m5 = {
+  pink: V.colorPink,
+  purple: V.colorPurple,
+  green: V.colorGreen,
+  orange: V.colorOrange
+}, p5 = {
+  sm: V.sizeSm,
+  md: V.sizeMd,
+  lg: V.sizeLg
 };
-function p5(t) {
-  let n = 0;
-  for (let o = 0; o < t.length; o++)
-    n = t.charCodeAt(o) + ((n << 5) - n);
-  return c1[Math.abs(n) % c1.length];
+function h5(o) {
+  let t = 0;
+  for (let n = 0; n < o.length; n++)
+    t = o.charCodeAt(n) + ((t << 5) - t);
+  return i1[Math.abs(t) % i1.length];
 }
-function h5(t) {
-  const n = t.trim().split(/\s+/);
-  return n.length === 1 ? n[0].charAt(0).toUpperCase() : (n[0].charAt(0) + n[n.length - 1].charAt(0)).toUpperCase();
+function g5(o) {
+  const t = o.trim().split(/\s+/);
+  return t.length === 1 ? t[0].charAt(0).toUpperCase() : (t[0].charAt(0) + t[t.length - 1].charAt(0)).toUpperCase();
 }
-function E({ name: t, src: n, size: o = "md", color: r, className: s }) {
-  const [i, l] = I(!1), c = r ?? p5(t), d = n && !i, C = [
-    $.root,
-    _5[o],
-    !d && C5[c],
-    s
+function E({ name: o, src: t, size: n = "md", color: s, className: r }) {
+  const [i, d] = I(!1), C = s ?? h5(o), c = t && !i, l = [
+    V.root,
+    p5[n],
+    !c && m5[C],
+    r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("span", { className: C, "aria-label": t, role: "img", children: d ? /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("span", { className: l, "aria-label": o, role: "img", children: c ? /* @__PURE__ */ e(
     "img",
     {
-      src: n,
-      alt: t,
-      className: $.image,
-      onError: () => l(!0)
+      src: t,
+      alt: o,
+      className: V.image,
+      onError: () => d(!0)
     }
-  ) : /* @__PURE__ */ e("span", { className: $.initials, "aria-hidden": "true", children: h5(t) }) });
+  ) : /* @__PURE__ */ e("span", { className: V.initials, "aria-hidden": "true", children: g5(o) }) });
 }
-const m5 = "_root_19ytr_1", u5 = "_item_19ytr_6", g5 = "_overflow_19ytr_13", K = {
-  root: m5,
-  item: u5,
-  overflow: g5
+const u5 = "_root_19ytr_1", v5 = "_item_19ytr_6", f5 = "_overflow_19ytr_13", q = {
+  root: u5,
+  item: v5,
+  overflow: f5
 };
-function f5({
-  max: t,
-  overlap: n = 9,
-  children: o,
-  className: r
+function w5({
+  max: o,
+  overlap: t = 9,
+  children: n,
+  className: s
 }) {
-  const s = h1.Children.toArray(o), i = t != null ? s.slice(0, t) : s, l = t != null ? s.length - t : 0, c = [K.root, r].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("span", { className: c, children: [
-    i.map((d, C) => /* @__PURE__ */ e(
+  const r = p1.Children.toArray(n), i = o != null ? r.slice(0, o) : r, d = o != null ? r.length - o : 0, C = [q.root, s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("span", { className: C, children: [
+    i.map((c, l) => /* @__PURE__ */ e(
       "span",
       {
-        className: K.item,
-        style: { marginLeft: C === 0 ? 0 : -n },
-        children: d
+        className: q.item,
+        style: { marginLeft: l === 0 ? 0 : -t },
+        children: c
       },
-      C
+      l
     )),
-    l > 0 && /* @__PURE__ */ e(
+    d > 0 && /* @__PURE__ */ e(
       "span",
       {
-        className: K.item,
-        style: { marginLeft: -n },
-        children: /* @__PURE__ */ a("span", { className: K.overflow, "aria-label": `${l} more`, children: [
+        className: q.item,
+        style: { marginLeft: -t },
+        children: /* @__PURE__ */ a("span", { className: q.overflow, "aria-label": `${d} more`, children: [
           "+",
-          l
+          d
         ] })
       }
     )
   ] });
 }
-const w5 = "_root_10o15_1", v5 = "_icon_10o15_32", b5 = "_sizeSm_10o15_45", k5 = "_sizeMd_10o15_50", y5 = "_sizeLg_10o15_55", F = {
-  root: w5,
-  icon: v5,
-  sizeSm: b5,
-  sizeMd: k5,
+const k5 = "_root_10o15_1", b5 = "_icon_10o15_32", x5 = "_sizeSm_10o15_45", S5 = "_sizeMd_10o15_50", y5 = "_sizeLg_10o15_55", K = {
+  root: k5,
+  icon: b5,
+  sizeSm: x5,
+  sizeMd: S5,
   sizeLg: y5
-}, x5 = {
-  sm: F.sizeSm,
-  md: F.sizeMd,
-  lg: F.sizeLg
+}, z5 = {
+  sm: K.sizeSm,
+  md: K.sizeMd,
+  lg: K.sizeLg
 };
-function S5({
-  icon: t,
-  "aria-label": n,
-  size: o = "md",
-  disabled: r = !1,
-  onClick: s,
+function M5({
+  icon: o,
+  "aria-label": t,
+  size: n = "md",
+  disabled: s = !1,
+  onClick: r,
   className: i
 }) {
-  const l = [F.root, x5[o], i].filter(Boolean).join(" ");
+  const d = [K.root, z5[n], i].filter(Boolean).join(" ");
   return /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      "aria-label": n,
-      disabled: r,
-      onClick: s,
-      className: l,
-      children: /* @__PURE__ */ e("span", { className: F.icon, children: t })
+      "aria-label": t,
+      disabled: s,
+      onClick: r,
+      className: d,
+      children: /* @__PURE__ */ e("span", { className: K.icon, children: o })
     }
   );
 }
-const M5 = "_root_1iq0r_1", H5 = "_icon_1iq0r_18", N5 = "_text_1iq0r_25", e1 = {
-  root: M5,
-  icon: H5,
+const H5 = "_root_1iq0r_1", L5 = "_icon_1iq0r_18", N5 = "_text_1iq0r_25", Q = {
+  root: H5,
+  icon: L5,
   text: N5
 };
-function q({ icon: t, children: n, className: o }) {
-  const r = [e1.root, o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("span", { className: r, children: [
-    /* @__PURE__ */ e("span", { className: e1.icon, children: t }),
-    /* @__PURE__ */ e("span", { className: e1.text, children: n })
+function D({ icon: o, children: t, className: n }) {
+  const s = [Q.root, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("span", { className: s, children: [
+    /* @__PURE__ */ e("span", { className: Q.icon, children: o }),
+    /* @__PURE__ */ e("span", { className: Q.text, children: t })
   ] });
 }
-const L5 = "_root_lemhj_1", B5 = "_bordered_lemhj_9", z5 = "_paddingNone_lemhj_15", $5 = "_paddingSm_lemhj_19", V5 = "_paddingMd_lemhj_23", T5 = "_paddingLg_lemhj_27", U5 = "_radiusSm_lemhj_33", I5 = "_radiusMd_lemhj_37", Z5 = "_radiusLg_lemhj_41", T = {
-  root: L5,
-  bordered: B5,
-  paddingNone: z5,
-  paddingSm: $5,
-  paddingMd: V5,
-  paddingLg: T5,
-  radiusSm: U5,
-  radiusMd: I5,
-  radiusLg: Z5
-}, O5 = {
-  none: T.paddingNone,
-  sm: T.paddingSm,
-  md: T.paddingMd,
-  lg: T.paddingLg
+const B5 = "_root_lemhj_1", $5 = "_bordered_lemhj_9", V5 = "_paddingNone_lemhj_15", T5 = "_paddingSm_lemhj_19", U5 = "_paddingMd_lemhj_23", j5 = "_paddingLg_lemhj_27", I5 = "_radiusSm_lemhj_33", Z5 = "_radiusMd_lemhj_37", O5 = "_radiusLg_lemhj_41", U = {
+  root: B5,
+  bordered: $5,
+  paddingNone: V5,
+  paddingSm: T5,
+  paddingMd: U5,
+  paddingLg: j5,
+  radiusSm: I5,
+  radiusMd: Z5,
+  radiusLg: O5
+}, P5 = {
+  none: U.paddingNone,
+  sm: U.paddingSm,
+  md: U.paddingMd,
+  lg: U.paddingLg
 }, X5 = {
-  sm: T.radiusSm,
-  md: T.radiusMd,
-  lg: T.radiusLg
+  sm: U.radiusSm,
+  md: U.radiusMd,
+  lg: U.radiusLg
 };
 function D5({
-  children: t,
-  padding: n = "md",
-  radius: o = "sm",
-  bordered: r = !0,
-  className: s
+  children: o,
+  padding: t = "md",
+  radius: n = "sm",
+  bordered: s = !0,
+  className: r
 }) {
   const i = [
-    T.root,
-    O5[n],
-    X5[o],
-    r && T.bordered,
-    s
+    U.root,
+    P5[t],
+    X5[n],
+    s && U.bordered,
+    r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: i, children: t });
+  return /* @__PURE__ */ e("div", { className: i, children: o });
 }
-const j5 = "_root_16590_1", E5 = "_spacingTopNone_16590_10", P5 = "_spacingTopXxs_16590_11", A5 = "_spacingTopXs_16590_12", R5 = "_spacingTopSm_16590_13", G5 = "_spacingTopMd_16590_14", F5 = "_spacingTopLg_16590_15", W5 = "_spacingTopXl_16590_16", K5 = "_spacingTop2xl_16590_17", q5 = "_spacingTop3xl_16590_18", J5 = "_spacingBottomNone_16590_22", Q5 = "_spacingBottomXxs_16590_23", Y5 = "_spacingBottomXs_16590_24", e2 = "_spacingBottomSm_16590_25", t2 = "_spacingBottomMd_16590_26", n2 = "_spacingBottomLg_16590_27", o2 = "_spacingBottomXl_16590_28", s2 = "_spacingBottom2xl_16590_29", r2 = "_spacingBottom3xl_16590_30", k = {
-  root: j5,
-  spacingTopNone: E5,
-  spacingTopXxs: P5,
-  spacingTopXs: A5,
+const E5 = "_root_16590_1", A5 = "_spacingTopNone_16590_10", F5 = "_spacingTopXxs_16590_11", G5 = "_spacingTopXs_16590_12", R5 = "_spacingTopSm_16590_13", W5 = "_spacingTopMd_16590_14", K5 = "_spacingTopLg_16590_15", q5 = "_spacingTopXl_16590_16", J5 = "_spacingTop2xl_16590_17", Q5 = "_spacingTop3xl_16590_18", Y5 = "_spacingBottomNone_16590_22", e2 = "_spacingBottomXxs_16590_23", t2 = "_spacingBottomXs_16590_24", n2 = "_spacingBottomSm_16590_25", o2 = "_spacingBottomMd_16590_26", s2 = "_spacingBottomLg_16590_27", i2 = "_spacingBottomXl_16590_28", r2 = "_spacingBottom2xl_16590_29", a2 = "_spacingBottom3xl_16590_30", S = {
+  root: E5,
+  spacingTopNone: A5,
+  spacingTopXxs: F5,
+  spacingTopXs: G5,
   spacingTopSm: R5,
-  spacingTopMd: G5,
-  spacingTopLg: F5,
-  spacingTopXl: W5,
-  spacingTop2xl: K5,
-  spacingTop3xl: q5,
-  spacingBottomNone: J5,
-  spacingBottomXxs: Q5,
-  spacingBottomXs: Y5,
-  spacingBottomSm: e2,
-  spacingBottomMd: t2,
-  spacingBottomLg: n2,
-  spacingBottomXl: o2,
-  spacingBottom2xl: s2,
-  spacingBottom3xl: r2
-}, a2 = {
-  none: k.spacingTopNone,
-  xxs: k.spacingTopXxs,
-  xs: k.spacingTopXs,
-  sm: k.spacingTopSm,
-  md: k.spacingTopMd,
-  lg: k.spacingTopLg,
-  xl: k.spacingTopXl,
-  "2xl": k.spacingTop2xl,
-  "3xl": k.spacingTop3xl
-}, i2 = {
-  none: k.spacingBottomNone,
-  xxs: k.spacingBottomXxs,
-  xs: k.spacingBottomXs,
-  sm: k.spacingBottomSm,
-  md: k.spacingBottomMd,
-  lg: k.spacingBottomLg,
-  xl: k.spacingBottomXl,
-  "2xl": k.spacingBottom2xl,
-  "3xl": k.spacingBottom3xl
+  spacingTopMd: W5,
+  spacingTopLg: K5,
+  spacingTopXl: q5,
+  spacingTop2xl: J5,
+  spacingTop3xl: Q5,
+  spacingBottomNone: Y5,
+  spacingBottomXxs: e2,
+  spacingBottomXs: t2,
+  spacingBottomSm: n2,
+  spacingBottomMd: o2,
+  spacingBottomLg: s2,
+  spacingBottomXl: i2,
+  spacingBottom2xl: r2,
+  spacingBottom3xl: a2
+}, c2 = {
+  none: S.spacingTopNone,
+  xxs: S.spacingTopXxs,
+  xs: S.spacingTopXs,
+  sm: S.spacingTopSm,
+  md: S.spacingTopMd,
+  lg: S.spacingTopLg,
+  xl: S.spacingTopXl,
+  "2xl": S.spacingTop2xl,
+  "3xl": S.spacingTop3xl
+}, l2 = {
+  none: S.spacingBottomNone,
+  xxs: S.spacingBottomXxs,
+  xs: S.spacingBottomXs,
+  sm: S.spacingBottomSm,
+  md: S.spacingBottomMd,
+  lg: S.spacingBottomLg,
+  xl: S.spacingBottomXl,
+  "2xl": S.spacingBottom2xl,
+  "3xl": S.spacingBottom3xl
 };
-function n1({ spacingTop: t = "none", spacingBottom: n = "none", className: o }) {
-  const r = [
-    k.root,
-    a2[t],
-    i2[n],
-    o
+function e1({ spacingTop: o = "none", spacingBottom: t = "none", className: n }) {
+  const s = [
+    S.root,
+    c2[o],
+    l2[t],
+    n
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("hr", { className: r });
+  return /* @__PURE__ */ e("hr", { className: s });
 }
-const c2 = "_root_crrf5_1", d2 = "_item_crrf5_11", l2 = "_itemDisabled_crrf5_34", C2 = "_itemIcon_crrf5_40", _2 = "_itemLabel_crrf5_49", G = {
-  root: c2,
-  item: d2,
-  itemDisabled: l2,
-  itemIcon: C2,
-  itemLabel: _2
+const d2 = "_root_crrf5_1", C2 = "_item_crrf5_11", _2 = "_itemDisabled_crrf5_34", m2 = "_itemIcon_crrf5_40", p2 = "_itemLabel_crrf5_49", G = {
+  root: d2,
+  item: C2,
+  itemDisabled: _2,
+  itemIcon: m2,
+  itemLabel: p2
 };
-function p2({ children: t, className: n }) {
-  const o = [G.root, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { role: "menu", className: o, children: t });
+function h2({ children: o, className: t }) {
+  const n = [G.root, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { role: "menu", className: n, children: o });
 }
-function h2({
-  children: t,
-  icon: n,
-  onClick: o,
-  disabled: r = !1,
-  className: s
+function g2({
+  children: o,
+  icon: t,
+  onClick: n,
+  disabled: s = !1,
+  className: r
 }) {
-  const i = [G.item, r && G.itemDisabled, s].filter(Boolean).join(" ");
+  const i = [G.item, s && G.itemDisabled, r].filter(Boolean).join(" ");
   return /* @__PURE__ */ a(
     "button",
     {
       role: "menuitem",
       type: "button",
-      disabled: r,
-      onClick: o,
+      disabled: s,
+      onClick: n,
       className: i,
       children: [
-        n && /* @__PURE__ */ e("span", { className: G.itemIcon, children: n }),
-        /* @__PURE__ */ e("span", { className: G.itemLabel, children: t })
+        t && /* @__PURE__ */ e("span", { className: G.itemIcon, children: t }),
+        /* @__PURE__ */ e("span", { className: G.itemLabel, children: o })
       ]
     }
   );
 }
-const x = {
+const u2 = {
   sm: 16,
   md: 20,
   lg: 24
+}, v2 = "_sizeSm_jtxia_1", f2 = "_sizeMd_jtxia_2", w2 = "_sizeLg_jtxia_3", k2 = "_desktopSizeSm_jtxia_6", b2 = "_desktopSizeMd_jtxia_7", x2 = "_desktopSizeLg_jtxia_8", A = {
+  sizeSm: v2,
+  sizeMd: f2,
+  sizeLg: w2,
+  desktopSizeSm: k2,
+  desktopSizeMd: b2,
+  desktopSizeLg: x2
+}, S2 = {
+  sm: A.sizeSm,
+  md: A.sizeMd,
+  lg: A.sizeLg
+}, y2 = {
+  sm: A.desktopSizeSm,
+  md: A.desktopSizeMd,
+  lg: A.desktopSizeLg
 };
-function m2({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function b(o, t) {
+  if (Array.isArray(o)) {
+    const [s, r] = o;
+    return { className: [S2[s], y2[r], t].filter(Boolean).join(" ") };
+  }
+  const n = typeof o == "number" ? o : u2[o];
+  return t ? { width: n, height: n, className: t } : { width: n, height: n };
+}
+function z2({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("circle", { cx: "12", cy: "5", r: "2", fill: "currentColor" }),
@@ -379,18 +405,17 @@ function m2({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function u2({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function M2({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ e(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: /* @__PURE__ */ e(
         "path",
@@ -404,18 +429,17 @@ function u2({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function Ie({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function Ye({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_811", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -424,18 +448,17 @@ function Ie({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function Ze({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function e3({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_805", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -444,18 +467,17 @@ function Ze({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function Oe({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function t3({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_1210", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -464,18 +486,17 @@ function Oe({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function C1({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function H2({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_1003", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -484,18 +505,17 @@ function C1({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function g2({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function L2({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_808", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -504,18 +524,17 @@ function g2({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function f2({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function N2({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_1042", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -524,18 +543,17 @@ function f2({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function w2({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function B2({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_1207", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -544,18 +562,17 @@ function w2({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function v2({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function $2({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_1024", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -564,18 +581,17 @@ function v2({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function r1({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function n1({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_840", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -584,18 +600,17 @@ function r1({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function Xe({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function n3({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_837", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -604,18 +619,17 @@ function Xe({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function De({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function o3({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_834", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -624,18 +638,17 @@ function De({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function b2({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function s3({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 20 20",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_921", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ e("rect", { width: "20", height: "20", fill: "currentColor" }) }),
@@ -644,18 +657,17 @@ function b2({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function _1({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function r1({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_985", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -664,18 +676,17 @@ function _1({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function k2({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function V2({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_894", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -684,18 +695,17 @@ function k2({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function o1({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function a1({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_1033", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -704,18 +714,17 @@ function o1({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-function y2({ size: t = "md", color: n, style: o, ...r }) {
-  const s = typeof t == "number" ? t : x[t];
+function T2({ size: o = "md", color: t, style: n, className: s, ...r }) {
+  const i = b(o, s);
   return /* @__PURE__ */ a(
     "svg",
     {
-      width: s,
-      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
       xmlns: "http://www.w3.org/2000/svg",
-      style: n !== void 0 ? { color: n, ...o } : o,
+      ...i,
+      style: t !== void 0 ? { color: t, ...n } : n,
       ...r,
       children: [
         /* @__PURE__ */ e("mask", { id: "mask0_243_852", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
@@ -724,313 +733,349 @@ function y2({ size: t = "md", color: n, style: o, ...r }) {
     }
   );
 }
-const x2 = "_root_1vlp0_1", S2 = "_trigger_1vlp0_6", M2 = "_chevron_1vlp0_28", H2 = "_chevronOpen_1vlp0_34", N2 = "_content_1vlp0_38", R = {
-  root: x2,
-  trigger: S2,
-  chevron: M2,
-  chevronOpen: H2,
-  content: N2
+function U2({ size: o = "md", className: t, ...n }) {
+  const s = b(o, t);
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...s,
+      ...n,
+      children: [
+        /* @__PURE__ */ e("mask", { id: "mask0_243_1072", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
+        /* @__PURE__ */ e("g", { mask: "url(#mask0_243_1072)", children: /* @__PURE__ */ e("path", { d: "M12 21.5C10.3103 21.5 8.92958 21.2577 7.85775 20.773C6.78592 20.2885 6.25 19.6623 6.25 18.8943C6.25 18.5904 6.35292 18.3052 6.55875 18.0385C6.76442 17.7718 7.057 17.5314 7.4365 17.3173C7.61217 17.2019 7.80383 17.1625 8.0115 17.199C8.21917 17.2355 8.38075 17.3416 8.49625 17.5173C8.61158 17.6929 8.64683 17.883 8.602 18.0875C8.55717 18.292 8.44692 18.4519 8.27125 18.5673C8.16225 18.6058 8.05808 18.6538 7.95875 18.7115C7.85925 18.7692 7.79992 18.8268 7.78075 18.8845C7.94608 19.1833 8.43808 19.4439 9.25675 19.6663C10.0752 19.8888 10.9897 20 12 20C13.0103 20 13.9247 19.8888 14.7432 19.6663C15.5619 19.4439 16.0539 19.1833 16.2193 18.8845C16.2001 18.8268 16.1408 18.7692 16.0413 18.7115C15.9419 18.6538 15.8378 18.6058 15.7288 18.5673C15.5531 18.4519 15.4428 18.292 15.398 18.0875C15.3532 17.883 15.3884 17.6929 15.5038 17.5173C15.6193 17.3416 15.7808 17.2355 15.9885 17.199C16.1962 17.1625 16.3878 17.2019 16.5635 17.3173C16.943 17.5314 17.2356 17.7718 17.4413 18.0385C17.6471 18.3052 17.75 18.5904 17.75 18.8943C17.75 19.6623 17.2141 20.2885 16.1423 20.773C15.0704 21.2577 13.6897 21.5 12 21.5ZM12.025 16.625C13.6813 15.3698 14.9246 14.1266 15.7548 12.8953C16.5849 11.6638 17 10.441 17 9.227C17 7.50133 16.4599 6.19875 15.3798 5.31925C14.2996 4.43975 13.173 4 12 4C10.8333 4 9.70833 4.43975 8.625 5.31925C7.54167 6.19875 7 7.50133 7 9.227C7 10.3628 7.40992 11.5398 8.22975 12.7578C9.04958 13.9758 10.3147 15.2648 12.025 16.625ZM12 18.0635C11.8192 18.0635 11.6384 18.0317 11.4577 17.9682C11.2769 17.9047 11.1096 17.8127 10.9558 17.6923C9.12375 16.2154 7.7565 14.7744 6.854 13.3693C5.95133 11.9641 5.5 10.5833 5.5 9.227C5.5 8.11417 5.6965 7.13917 6.0895 6.302C6.4825 5.46483 6.98983 4.76383 7.6115 4.199C8.23333 3.63433 8.9305 3.21 9.703 2.926C10.4753 2.642 11.241 2.5 12 2.5C12.759 2.5 13.5247 2.642 14.297 2.926C15.0695 3.21 15.7667 3.63433 16.3885 4.199C17.0102 4.76383 17.5175 5.46483 17.9105 6.302C18.3035 7.13917 18.5 8.11417 18.5 9.227C18.5 10.5833 18.0487 11.9641 17.146 13.3693C16.2435 14.7744 14.8763 16.2154 13.0443 17.6923C12.8904 17.8127 12.7231 17.9047 12.5423 17.9682C12.3616 18.0317 12.1808 18.0635 12 18.0635ZM12 10.8943C12.4987 10.8943 12.9246 10.7193 13.2777 10.3693C13.6311 10.0193 13.8077 9.59167 13.8077 9.0865C13.8077 8.58783 13.6311 8.16192 13.2777 7.80875C12.9246 7.45542 12.4987 7.27875 12 7.27875C11.5077 7.27875 11.0833 7.45542 10.727 7.80875C10.3705 8.16192 10.1923 8.58783 10.1923 9.0865C10.1923 9.59167 10.3705 10.0193 10.727 10.3693C11.0833 10.7193 11.5077 10.8943 12 10.8943Z", fill: "currentColor" }) })
+      ]
+    }
+  );
+}
+function j2({ size: o = "md", className: t, ...n }) {
+  const s = b(o, t);
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...s,
+      ...n,
+      children: [
+        /* @__PURE__ */ e("mask", { id: "mask0_4433_5519", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", fill: "currentColor" }) }),
+        /* @__PURE__ */ e("g", { mask: "url(#mask0_4433_5519)", children: /* @__PURE__ */ e("path", { d: "M9.23075 12.827H11.077V10.2693H12.923V12.827H14.7692V8.423L12 6.577L9.23075 8.423V12.827ZM12 19.5135C13.9563 17.7622 15.4534 16.0823 16.4913 14.474C17.5291 12.8657 18.048 11.457 18.048 10.248C18.048 8.425 17.4688 6.92633 16.3105 5.752C15.1522 4.57767 13.7153 3.9905 12 3.9905C10.2847 3.9905 8.84783 4.57767 7.6895 5.752C6.53117 6.92633 5.952 8.425 5.952 10.248C5.952 11.457 6.47092 12.8657 7.50875 14.474C8.54658 16.0823 10.0437 17.7622 12 19.5135ZM11.4155 20.8395C11.2205 20.7722 11.0442 20.668 10.8865 20.527C9.98917 19.7 9.14942 18.8483 8.36725 17.972C7.58525 17.0958 6.9055 16.2199 6.328 15.3443C5.75033 14.4686 5.29325 13.6007 4.95675 12.7405C4.62025 11.8802 4.452 11.0493 4.452 10.248C4.452 7.94033 5.19842 6.07208 6.69125 4.64325C8.18425 3.21442 9.95383 2.5 12 2.5C14.0462 2.5 15.8157 3.21442 17.3087 4.64325C18.8016 6.07208 19.548 7.94033 19.548 10.248C19.548 11.0493 19.3797 11.8785 19.0432 12.7355C18.7067 13.5927 18.2513 14.4607 17.677 15.3395C17.1025 16.2183 16.4242 17.0942 15.6422 17.9672C14.8602 18.8404 14.0205 19.6904 13.123 20.5173C12.9653 20.6583 12.7875 20.764 12.5895 20.8345C12.3913 20.905 12.1948 20.9403 12 20.9403C11.8052 20.9403 11.6103 20.9067 11.4155 20.8395Z", fill: "currentColor" }) })
+      ]
+    }
+  );
+}
+const I2 = "_root_1onv1_1", Z2 = "_trigger_1onv1_6", O2 = "_chevron_1onv1_28", P2 = "_chevronOpen_1onv1_34", X2 = "_content_1onv1_38", F = {
+  root: I2,
+  trigger: Z2,
+  chevron: O2,
+  chevronOpen: P2,
+  content: X2
 };
-function L2({
-  trigger: t,
-  children: n,
-  defaultOpen: o = !1,
-  open: r,
-  onToggle: s,
+function D2({
+  trigger: o,
+  children: t,
+  defaultOpen: n = !1,
+  open: s,
+  onToggle: r,
   className: i
 }) {
-  const [l, c] = I(o), d = r !== void 0, C = d ? r : l;
-  function h() {
-    const y = !C;
-    d || c(y), s == null || s(y);
+  const [d, C] = I(n), c = s !== void 0, l = c ? s : d;
+  function p() {
+    const y = !l;
+    c || C(y), r == null || r(y);
   }
-  const u = [R.root, i].filter(Boolean).join(" "), w = [R.chevron, C && R.chevronOpen].filter(Boolean).join(" ");
+  const u = [F.root, i].filter(Boolean).join(" "), g = [F.chevron, l && F.chevronOpen].filter(Boolean).join(" ");
   return /* @__PURE__ */ a("div", { className: u, children: [
     /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        className: R.trigger,
-        "aria-expanded": C,
-        onClick: h,
+        className: F.trigger,
+        "aria-expanded": l,
+        onClick: p,
         children: [
-          t,
-          /* @__PURE__ */ e(r1, { size: "sm", className: w })
+          o,
+          /* @__PURE__ */ e(n1, { size: "sm", className: g })
         ]
       }
     ),
-    C && n != null && /* @__PURE__ */ e("div", { className: R.content, children: n })
+    l && t != null && /* @__PURE__ */ e("div", { className: F.content, children: t })
   ] });
 }
-const p1 = m1(null);
-function a1() {
-  return g1(p1);
+const d1 = h1(null);
+function o1() {
+  return u1(d1);
 }
-function je({
-  defaultValue: t = "",
-  value: n,
-  onChange: o,
-  children: r,
-  className: s
+function i3({
+  defaultValue: o = "",
+  value: t,
+  onChange: n,
+  children: s,
+  className: r
 }) {
-  const [i, l] = I(t), c = u1(), d = n !== void 0, C = d ? n : i;
-  function h(u) {
-    d || l(u), o == null || o(u);
+  const [i, d] = I(o), C = g1(), c = t !== void 0, l = c ? t : i;
+  function p(u) {
+    c || d(u), n == null || n(u);
   }
-  return /* @__PURE__ */ e(p1.Provider, { value: { selectedValue: C, setSelectedValue: h, baseId: c }, children: /* @__PURE__ */ e("div", { className: s, children: r }) });
+  return /* @__PURE__ */ e(d1.Provider, { value: { selectedValue: l, setSelectedValue: p, baseId: C }, children: /* @__PURE__ */ e("div", { className: r, children: s }) });
 }
-const B2 = "_tabList_13ofz_8", z2 = "_tab_13ofz_8", $2 = "_tabSelected_13ofz_45", V2 = "_tabUnselected_13ofz_51", T2 = "_tabLabel_13ofz_59", U2 = "_tabPanel_13ofz_65", I2 = "_indicator_13ofz_73", D = {
-  tabList: B2,
-  tab: z2,
-  tabSelected: $2,
-  tabUnselected: V2,
-  tabLabel: T2,
-  tabPanel: U2,
-  indicator: I2
+const E2 = "_tabList_13ofz_8", A2 = "_tab_13ofz_8", F2 = "_tabSelected_13ofz_45", G2 = "_tabUnselected_13ofz_51", R2 = "_tabLabel_13ofz_59", W2 = "_tabPanel_13ofz_65", K2 = "_indicator_13ofz_73", P = {
+  tabList: E2,
+  tab: A2,
+  tabSelected: F2,
+  tabUnselected: G2,
+  tabLabel: R2,
+  tabPanel: W2,
+  indicator: K2
 };
-function Z2({ children: t, value: n, isSelected: o, onClick: r, className: s }) {
-  const i = a1(), l = i && n !== void 0 ? i.selectedValue === n : o ?? !1, c = i && n !== void 0 ? () => i.setSelectedValue(n) : r, d = i && n !== void 0 ? `${i.baseId}-tab-${n}` : void 0, C = i && n !== void 0 ? `${i.baseId}-panel-${n}` : void 0, h = [
-    D.tab,
-    l ? D.tabSelected : D.tabUnselected,
-    s
+function q2({ children: o, value: t, isSelected: n, onClick: s, className: r }) {
+  const i = o1(), d = i && t !== void 0 ? i.selectedValue === t : n ?? !1, C = i && t !== void 0 ? () => i.setSelectedValue(t) : s, c = i && t !== void 0 ? `${i.baseId}-tab-${t}` : void 0, l = i && t !== void 0 ? `${i.baseId}-panel-${t}` : void 0, p = [
+    P.tab,
+    d ? P.tabSelected : P.tabUnselected,
+    r
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       role: "tab",
-      id: d,
-      "aria-selected": l,
-      "aria-controls": C,
-      onClick: c,
-      className: h,
-      children: /* @__PURE__ */ e("span", { className: D.tabLabel, children: t })
+      id: c,
+      "aria-selected": d,
+      "aria-controls": l,
+      onClick: C,
+      className: p,
+      children: /* @__PURE__ */ e("span", { className: P.tabLabel, children: o })
     }
   );
 }
-function O2({ children: t, className: n }) {
-  a1();
-  const o = U(null), r = U(null), s = U(!1);
-  f1(() => {
-    const c = o.current, d = r.current;
-    if (!c || !d) return;
-    const C = c.querySelector('[role="tab"][aria-selected="true"]');
-    if (!C) {
-      d.style.opacity = "0", s.current = !1;
+function J2({ children: o, className: t }) {
+  o1();
+  const n = j(null), s = j(null), r = j(!1);
+  v1(() => {
+    const C = n.current, c = s.current;
+    if (!C || !c) return;
+    const l = C.querySelector('[role="tab"][aria-selected="true"]');
+    if (!l) {
+      c.style.opacity = "0", r.current = !1;
       return;
     }
-    const h = C.offsetLeft, u = C.offsetWidth;
-    d.style.transition = s.current ? "transform 250ms cubic-bezier(0.4, 0, 0.2, 1), width 250ms cubic-bezier(0.4, 0, 0.2, 1)" : "none", d.style.transform = `translateX(${h}px)`, d.style.width = `${u}px`, d.style.opacity = "1", s.current = !0;
+    const p = l.offsetLeft, u = l.offsetWidth;
+    c.style.transition = r.current ? "transform 250ms cubic-bezier(0.4, 0, 0.2, 1), width 250ms cubic-bezier(0.4, 0, 0.2, 1)" : "none", c.style.transform = `translateX(${p}px)`, c.style.width = `${u}px`, c.style.opacity = "1", r.current = !0;
   });
-  function i(c) {
-    const d = c.currentTarget, C = Array.from(d.querySelectorAll('[role="tab"]:not([disabled])')), h = document.activeElement, u = C.indexOf(h);
+  function i(C) {
+    const c = C.currentTarget, l = Array.from(c.querySelectorAll('[role="tab"]:not([disabled])')), p = document.activeElement, u = l.indexOf(p);
     if (u === -1) return;
-    let w = u;
-    if (c.key === "ArrowRight") w = (u + 1) % C.length;
-    else if (c.key === "ArrowLeft") w = (u - 1 + C.length) % C.length;
-    else if (c.key === "Home") w = 0;
-    else if (c.key === "End") w = C.length - 1;
+    let g = u;
+    if (C.key === "ArrowRight") g = (u + 1) % l.length;
+    else if (C.key === "ArrowLeft") g = (u - 1 + l.length) % l.length;
+    else if (C.key === "Home") g = 0;
+    else if (C.key === "End") g = l.length - 1;
     else return;
-    c.preventDefault(), C[w].focus();
+    C.preventDefault(), l[g].focus();
   }
-  const l = [D.tabList, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("nav", { role: "tablist", ref: o, className: l, onKeyDown: i, children: [
-    t,
-    /* @__PURE__ */ e("span", { ref: r, className: D.indicator, "aria-hidden": "true" })
+  const d = [P.tabList, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("nav", { role: "tablist", ref: n, className: d, onKeyDown: i, children: [
+    o,
+    /* @__PURE__ */ e("span", { ref: s, className: P.indicator, "aria-hidden": "true" })
   ] });
 }
-function Ee({ value: t, children: n, className: o }) {
-  const r = a1(), s = r ? r.selectedValue === t : !0, i = r ? `${r.baseId}-panel-${t}` : void 0, l = r ? `${r.baseId}-tab-${t}` : void 0;
+function r3({ value: o, children: t, className: n }) {
+  const s = o1(), r = s ? s.selectedValue === o : !0, i = s ? `${s.baseId}-panel-${o}` : void 0, d = s ? `${s.baseId}-tab-${o}` : void 0;
   return /* @__PURE__ */ e(
     "div",
     {
       role: "tabpanel",
       id: i,
-      "aria-labelledby": l,
-      hidden: !s,
-      className: [D.tabPanel, o].filter(Boolean).join(" "),
-      children: n
+      "aria-labelledby": d,
+      hidden: !r,
+      className: [P.tabPanel, n].filter(Boolean).join(" "),
+      children: t
     }
   );
 }
-const X2 = "_overlay_mosbh_8", D2 = "_panel_mosbh_22", j2 = "_left_mosbh_39", E2 = "_right_mosbh_46", P2 = "_top_mosbh_53", A2 = "_bottom_mosbh_61", R2 = "_open_mosbh_71", G2 = "_header_mosbh_81", F2 = "_body_mosbh_88", W2 = "_footer_mosbh_96", X = {
-  overlay: X2,
-  panel: D2,
-  left: j2,
-  right: E2,
-  top: P2,
-  bottom: A2,
-  open: R2,
-  header: G2,
-  body: F2,
-  footer: W2
+const Q2 = "_overlay_mosbh_8", Y2 = "_panel_mosbh_22", e7 = "_left_mosbh_39", t7 = "_right_mosbh_46", n7 = "_top_mosbh_53", o7 = "_bottom_mosbh_61", s7 = "_open_mosbh_71", i7 = "_header_mosbh_81", r7 = "_body_mosbh_88", a7 = "_footer_mosbh_96", O = {
+  overlay: Q2,
+  panel: Y2,
+  left: e7,
+  right: t7,
+  top: n7,
+  bottom: o7,
+  open: s7,
+  header: i7,
+  body: r7,
+  footer: a7
 };
-function K2({
-  isOpen: t,
-  onClose: n,
-  position: o = "left",
-  width: r = "375px",
-  header: s,
+function c7({
+  isOpen: o,
+  onClose: t,
+  position: n = "left",
+  width: s = "375px",
+  header: r,
   footer: i,
-  children: l,
-  overlay: c = !0,
-  className: d,
-  "aria-label": C
+  children: d,
+  overlay: C = !0,
+  className: c,
+  "aria-label": l
 }) {
-  const h = U(null), u = U(null);
-  j(() => {
-    var H, b;
-    if (t) {
+  const p = j(null), u = j(null);
+  X(() => {
+    var x, w;
+    if (o) {
       u.current = document.activeElement;
-      const B = (H = h.current) == null ? void 0 : H.querySelector(
+      const N = (x = p.current) == null ? void 0 : x.querySelector(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
       );
-      B == null || B.focus();
+      N == null || N.focus();
     } else
-      (b = u.current) == null || b.focus();
-  }, [t]);
-  const w = s1(
-    (H) => {
-      H.key === "Escape" && t && n();
+      (w = u.current) == null || w.focus();
+  }, [o]);
+  const g = t1(
+    (x) => {
+      x.key === "Escape" && o && t();
     },
-    [t, n]
+    [o, t]
   );
-  j(() => (document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w)), [w]);
+  X(() => (document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g)), [g]);
   const y = [
-    X.panel,
-    X[o],
-    t ? X.open : "",
-    d
-  ].filter(Boolean).join(" "), z = o === "top" || o === "bottom" ? { height: r } : { width: r };
-  return /* @__PURE__ */ a(Z, { children: [
-    c && t && /* @__PURE__ */ e(
+    O.panel,
+    O[n],
+    o ? O.open : "",
+    c
+  ].filter(Boolean).join(" "), H = n === "top" || n === "bottom" ? { height: s } : { width: s };
+  return /* @__PURE__ */ a(T, { children: [
+    C && o && /* @__PURE__ */ e(
       "div",
       {
-        className: X.overlay,
-        onClick: n,
+        className: O.overlay,
+        onClick: t,
         "aria-hidden": "true"
       }
     ),
     /* @__PURE__ */ a(
       "div",
       {
-        ref: h,
+        ref: p,
         role: "dialog",
-        "aria-modal": t ? "true" : void 0,
-        "aria-hidden": t ? void 0 : !0,
-        "aria-label": C,
+        "aria-modal": o ? "true" : void 0,
+        "aria-hidden": o ? void 0 : !0,
+        "aria-label": l,
         className: y,
-        style: z,
+        style: H,
         children: [
-          s && /* @__PURE__ */ e("div", { className: X.header, children: s }),
-          /* @__PURE__ */ e("div", { className: X.body, children: l }),
-          i && /* @__PURE__ */ e("div", { className: X.footer, children: i })
+          r && /* @__PURE__ */ e("div", { className: O.header, children: r }),
+          /* @__PURE__ */ e("div", { className: O.body, children: d }),
+          i && /* @__PURE__ */ e("div", { className: O.footer, children: i })
         ]
       }
     )
   ] });
 }
-const q2 = "_root_19ir4_8", J2 = "_trigger_19ir4_16", Q2 = "_triggerOpen_19ir4_31", Y2 = "_triggerDisabled_19ir4_35", e7 = "_triggerIcon_19ir4_44", t7 = "_triggerPlaceholder_19ir4_50", n7 = "_triggerValue_19ir4_61", o7 = "_chevron_19ir4_74", s7 = "_chevronOpen_19ir4_81", r7 = "_dropdown_19ir4_87", a7 = "_dropdownUp_19ir4_102", i7 = "_option_19ir4_109", c7 = "_optionSelected_19ir4_121", L = {
-  root: q2,
-  trigger: J2,
-  triggerOpen: Q2,
-  triggerDisabled: Y2,
-  triggerIcon: e7,
-  triggerPlaceholder: t7,
-  triggerValue: n7,
-  chevron: o7,
-  chevronOpen: s7,
-  dropdown: r7,
-  dropdownUp: a7,
-  option: i7,
-  optionSelected: c7
+const l7 = "_root_19ir4_8", d7 = "_trigger_19ir4_16", C7 = "_triggerOpen_19ir4_31", _7 = "_triggerDisabled_19ir4_35", m7 = "_triggerIcon_19ir4_44", p7 = "_triggerPlaceholder_19ir4_50", h7 = "_triggerValue_19ir4_61", g7 = "_chevron_19ir4_74", u7 = "_chevronOpen_19ir4_81", v7 = "_dropdown_19ir4_87", f7 = "_dropdownUp_19ir4_102", w7 = "_option_19ir4_109", k7 = "_optionSelected_19ir4_121", L = {
+  root: l7,
+  trigger: d7,
+  triggerOpen: C7,
+  triggerDisabled: _7,
+  triggerIcon: m7,
+  triggerPlaceholder: p7,
+  triggerValue: h7,
+  chevron: g7,
+  chevronOpen: u7,
+  dropdown: v7,
+  dropdownUp: f7,
+  option: w7,
+  optionSelected: k7
 };
-function d1({
-  options: t,
-  value: n,
-  onChange: o,
-  placeholder: r = "Select…",
-  icon: s,
+function c1({
+  options: o,
+  value: t,
+  onChange: n,
+  placeholder: s = "Select…",
+  icon: r,
   disabled: i = !1,
-  className: l,
-  "aria-label": c
+  className: d,
+  "aria-label": C
 }) {
-  const [d, C] = I(!1), [h, u] = I(!1), w = U(null), y = U(null), M = t.find((m) => m.value === n), z = () => {
+  const [c, l] = I(!1), [p, u] = I(!1), g = j(null), y = j(null), f = o.find((_) => _.value === t), H = () => {
     if (!i) {
-      if (!d && y.current) {
-        const m = y.current.getBoundingClientRect();
-        u(window.innerHeight - m.bottom < 200);
+      if (!c && y.current) {
+        const _ = y.current.getBoundingClientRect();
+        u(window.innerHeight - _.bottom < 200);
       }
-      C((m) => !m);
+      l((_) => !_);
     }
-  }, H = (m) => {
-    var S;
-    o == null || o(m), C(!1), (S = y.current) == null || S.focus();
-  }, b = s1(
-    (m) => {
-      var S;
-      m.key === "Escape" && d && (C(!1), (S = y.current) == null || S.focus());
+  }, x = (_) => {
+    var v;
+    n == null || n(_), l(!1), (v = y.current) == null || v.focus();
+  }, w = t1(
+    (_) => {
+      var v;
+      _.key === "Escape" && c && (l(!1), (v = y.current) == null || v.focus());
     },
-    [d]
+    [c]
   );
-  j(() => (document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b)), [b]), j(() => {
-    if (!d) return;
-    const m = (S) => {
-      w.current && !w.current.contains(S.target) && C(!1);
+  X(() => (document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w)), [w]), X(() => {
+    if (!c) return;
+    const _ = (v) => {
+      g.current && !g.current.contains(v.target) && l(!1);
     };
-    return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
-  }, [d]);
-  const B = [
+    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
+  }, [c]);
+  const N = [
     L.trigger,
-    d ? L.triggerOpen : "",
+    c ? L.triggerOpen : "",
     i ? L.triggerDisabled : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: w,
-      className: `${L.root}${l ? ` ${l}` : ""}`,
+      ref: g,
+      className: `${L.root}${d ? ` ${d}` : ""}`,
       children: [
         /* @__PURE__ */ a(
           "button",
           {
             ref: y,
             type: "button",
-            className: B,
-            onClick: z,
+            className: N,
+            onClick: H,
             "aria-haspopup": "listbox",
-            "aria-expanded": d,
-            "aria-label": c,
+            "aria-expanded": c,
+            "aria-label": C,
             disabled: i,
             children: [
-              s && /* @__PURE__ */ e("span", { className: L.triggerIcon, children: s }),
-              /* @__PURE__ */ e("span", { className: M ? L.triggerValue : L.triggerPlaceholder, children: M ? M.label : r }),
-              /* @__PURE__ */ e("span", { className: `${L.chevron}${d ? ` ${L.chevronOpen}` : ""}`, children: /* @__PURE__ */ e(r1, { size: "lg" }) })
+              r && /* @__PURE__ */ e("span", { className: L.triggerIcon, children: r }),
+              /* @__PURE__ */ e("span", { className: f ? L.triggerValue : L.triggerPlaceholder, children: f ? f.label : s }),
+              /* @__PURE__ */ e("span", { className: `${L.chevron}${c ? ` ${L.chevronOpen}` : ""}`, children: /* @__PURE__ */ e(n1, { size: "lg" }) })
             ]
           }
         ),
-        d && /* @__PURE__ */ e(
+        c && /* @__PURE__ */ e(
           "ul",
           {
             role: "listbox",
-            "aria-label": c,
-            className: `${L.dropdown}${h ? ` ${L.dropdownUp}` : ""}`,
-            children: t.map((m) => {
-              const S = m.value === n;
+            "aria-label": C,
+            className: `${L.dropdown}${p ? ` ${L.dropdownUp}` : ""}`,
+            children: o.map((_) => {
+              const v = _.value === t;
               return /* @__PURE__ */ a(
                 "li",
                 {
                   role: "option",
-                  "aria-selected": S,
-                  className: `${L.option}${S ? ` ${L.optionSelected}` : ""}`,
-                  onClick: () => H(m.value),
-                  onMouseDown: (O) => O.preventDefault(),
+                  "aria-selected": v,
+                  className: `${L.option}${v ? ` ${L.optionSelected}` : ""}`,
+                  onClick: () => x(_.value),
+                  onMouseDown: (B) => B.preventDefault(),
                   children: [
-                    /* @__PURE__ */ e("span", { children: m.label }),
-                    S && /* @__PURE__ */ e(y2, { size: "md" })
+                    /* @__PURE__ */ e("span", { children: _.label }),
+                    v && /* @__PURE__ */ e(T2, { size: "md" })
                   ]
                 },
-                m.value
+                _.value
               );
             })
           }
@@ -1039,23 +1084,23 @@ function d1({
     }
   );
 }
-const d7 = "_root_11sae_1", l7 = "_headingH1_11sae_8", C7 = "_headingH2_11sae_20", _7 = "_headingH3_11sae_32", p7 = "_headingH4_11sae_44", h7 = "_headingH5_11sae_56", m7 = "_headingH6_11sae_62", u7 = "_subtitleMd_11sae_68", g7 = "_subtitleSm_11sae_80", f7 = "_bodyMd_11sae_86", w7 = "_bodySm_11sae_98", v7 = "_bodyMdToSm_11sae_110", b7 = "_headingH3ToH4_11sae_124", k7 = "_label_11sae_136", y7 = "_tooltip_11sae_142", N = {
-  root: d7,
-  headingH1: l7,
-  headingH2: C7,
-  headingH3: _7,
-  headingH4: p7,
-  headingH5: h7,
-  headingH6: m7,
-  subtitleMd: u7,
-  subtitleSm: g7,
-  bodyMd: f7,
-  bodySm: w7,
-  bodyMdToSm: v7,
-  headingH3ToH4: b7,
-  label: k7,
-  tooltip: y7
-}, x7 = {
+const b7 = "_root_11sae_1", x7 = "_headingH1_11sae_8", S7 = "_headingH2_11sae_20", y7 = "_headingH3_11sae_32", z7 = "_headingH4_11sae_44", M7 = "_headingH5_11sae_56", H7 = "_headingH6_11sae_62", L7 = "_subtitleMd_11sae_68", N7 = "_subtitleSm_11sae_80", B7 = "_bodyMd_11sae_86", $7 = "_bodySm_11sae_98", V7 = "_bodyMdToSm_11sae_110", T7 = "_headingH3ToH4_11sae_124", U7 = "_label_11sae_136", j7 = "_tooltip_11sae_142", M = {
+  root: b7,
+  headingH1: x7,
+  headingH2: S7,
+  headingH3: y7,
+  headingH4: z7,
+  headingH5: M7,
+  headingH6: H7,
+  subtitleMd: L7,
+  subtitleSm: N7,
+  bodyMd: B7,
+  bodySm: $7,
+  bodyMdToSm: V7,
+  headingH3ToH4: T7,
+  label: U7,
+  tooltip: j7
+}, I7 = {
   "heading-h1": "h1",
   "heading-h2": "h2",
   "heading-h3": "h3",
@@ -1070,450 +1115,548 @@ const d7 = "_root_11sae_1", l7 = "_headingH1_11sae_8", C7 = "_headingH2_11sae_20
   "body-md-to-sm": "p",
   label: "span",
   tooltip: "span"
-}, S7 = {
-  "heading-h1": N.headingH1,
-  "heading-h2": N.headingH2,
-  "heading-h3": N.headingH3,
-  "heading-h4": N.headingH4,
-  "heading-h5": N.headingH5,
-  "heading-h6": N.headingH6,
-  "heading-h3-to-h4": N.headingH3ToH4,
-  "subtitle-md": N.subtitleMd,
-  "subtitle-sm": N.subtitleSm,
-  "body-md": N.bodyMd,
-  "body-sm": N.bodySm,
-  "body-md-to-sm": N.bodyMdToSm,
-  label: N.label,
-  tooltip: N.tooltip
+}, Z7 = {
+  "heading-h1": M.headingH1,
+  "heading-h2": M.headingH2,
+  "heading-h3": M.headingH3,
+  "heading-h4": M.headingH4,
+  "heading-h5": M.headingH5,
+  "heading-h6": M.headingH6,
+  "heading-h3-to-h4": M.headingH3ToH4,
+  "subtitle-md": M.subtitleMd,
+  "subtitle-sm": M.subtitleSm,
+  "body-md": M.bodyMd,
+  "body-sm": M.bodySm,
+  "body-md-to-sm": M.bodyMdToSm,
+  label: M.label,
+  tooltip: M.tooltip
 };
-function Pe({ variant: t, as: n, children: o, className: r, ...s }) {
-  const i = n ?? x7[t], l = [N.root, S7[t], r].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e(i, { className: l, ...s, children: o });
+function a3({ variant: o, as: t, children: n, className: s, ...r }) {
+  const i = t ?? I7[o], d = [M.root, Z7[o], s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(i, { className: d, ...r, children: n });
 }
-const M7 = "_item_ygd40_6", H7 = "_itemSelected_ygd40_24", N7 = "_label_ygd40_28", t1 = {
-  item: M7,
-  itemSelected: H7,
-  label: N7
-}, L7 = {
-  dashboard: b2,
-  event_note: C1,
-  logout: _1,
-  language: o1
+const O7 = "_item_ygd40_6", P7 = "_itemSelected_ygd40_24", X7 = "_label_ygd40_28", Y = {
+  item: O7,
+  itemSelected: P7,
+  label: X7
 };
-function l1({ icon: t, label: n, isSelected: o = !1, onClick: r }) {
-  const s = L7[t];
+function l1({ icon: o, label: t, isSelected: n = !1, onClick: s }) {
   return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
-      className: `${t1.item}${o ? ` ${t1.itemSelected}` : ""}`,
-      onClick: r,
+      className: `${Y.item}${n ? ` ${Y.itemSelected}` : ""}`,
+      onClick: s,
       children: [
-        s && /* @__PURE__ */ e(s, { size: "md" }),
-        /* @__PURE__ */ e("span", { className: t1.label, children: n })
+        /* @__PURE__ */ e(o, { size: "md" }),
+        /* @__PURE__ */ e("span", { className: Y.label, children: t })
       ]
     }
   );
 }
-const B7 = "_root_1p5xh_11", z7 = "_bar_1p5xh_19", $7 = "_left_1p5xh_35", V7 = "_logo_1p5xh_42", T7 = "_tabsContainer_1p5xh_48", U7 = "_right_1p5xh_62", I7 = "_userMenuWrapper_1p5xh_69", Z7 = "_userSection_1p5xh_82", O7 = "_nameGroup_1p5xh_93", X7 = "_userName_1p5xh_99", D7 = "_chevron_1p5xh_107", j7 = "_chevronOpen_1p5xh_113", E7 = "_dropdown_1p5xh_119", P7 = "_dropdownUserInfo_1p5xh_136", A7 = "_dropdownNameGroup_1p5xh_142", R7 = "_dropdownUserName_1p5xh_149", G7 = "_dropdownLanguageSelect_1p5xh_158", F7 = "_dropdownDivider_1p5xh_163", W7 = "_dropdownItem_1p5xh_170", K7 = "_dropdownItemContent_1p5xh_188", q7 = "_dropdownItemLabel_1p5xh_194", J7 = "_menuButton_1p5xh_203", Q7 = "_drawerHeader_1p5xh_222", Y7 = "_drawerHeaderUser_1p5xh_229", ee = "_drawerHeaderUserInfo_1p5xh_235", te = "_drawerHeaderUserName_1p5xh_241", ne = "_drawerCloseButton_1p5xh_249", oe = "_drawerFooter_1p5xh_263", se = "_drawerFooterLanguage_1p5xh_268", _ = {
-  root: B7,
-  bar: z7,
-  left: $7,
-  logo: V7,
-  tabsContainer: T7,
-  right: U7,
-  userMenuWrapper: I7,
-  userSection: Z7,
-  nameGroup: O7,
-  userName: X7,
-  chevron: D7,
-  chevronOpen: j7,
-  dropdown: E7,
-  dropdownUserInfo: P7,
-  dropdownNameGroup: A7,
-  dropdownUserName: R7,
-  dropdownLanguageSelect: G7,
-  dropdownDivider: F7,
-  dropdownItem: W7,
-  dropdownItemContent: K7,
-  dropdownItemLabel: q7,
-  menuButton: J7,
-  drawerHeader: Q7,
-  drawerHeaderUser: Y7,
-  drawerHeaderUserInfo: ee,
-  drawerHeaderUserName: te,
-  drawerCloseButton: ne,
-  drawerFooter: oe,
-  drawerFooterLanguage: se
+const D7 = "_root_1p5xh_11", E7 = "_bar_1p5xh_19", A7 = "_left_1p5xh_35", F7 = "_logo_1p5xh_42", G7 = "_tabsContainer_1p5xh_48", R7 = "_right_1p5xh_62", W7 = "_userMenuWrapper_1p5xh_69", K7 = "_userSection_1p5xh_82", q7 = "_nameGroup_1p5xh_93", J7 = "_userName_1p5xh_99", Q7 = "_chevron_1p5xh_107", Y7 = "_chevronOpen_1p5xh_113", ee = "_dropdown_1p5xh_119", te = "_dropdownUserInfo_1p5xh_136", ne = "_dropdownNameGroup_1p5xh_142", oe = "_dropdownUserName_1p5xh_149", se = "_dropdownLanguageSelect_1p5xh_158", ie = "_dropdownDivider_1p5xh_163", re = "_dropdownItem_1p5xh_170", ae = "_dropdownItemContent_1p5xh_188", ce = "_dropdownItemLabel_1p5xh_194", le = "_menuButton_1p5xh_203", de = "_drawerHeader_1p5xh_222", Ce = "_drawerHeaderUser_1p5xh_229", _e = "_drawerHeaderUserInfo_1p5xh_235", me = "_drawerHeaderUserName_1p5xh_241", pe = "_drawerCloseButton_1p5xh_249", he = "_drawerFooter_1p5xh_263", ge = "_drawerFooterLanguage_1p5xh_268", m = {
+  root: D7,
+  bar: E7,
+  left: A7,
+  logo: F7,
+  tabsContainer: G7,
+  right: R7,
+  userMenuWrapper: W7,
+  userSection: K7,
+  nameGroup: q7,
+  userName: J7,
+  chevron: Q7,
+  chevronOpen: Y7,
+  dropdown: ee,
+  dropdownUserInfo: te,
+  dropdownNameGroup: ne,
+  dropdownUserName: oe,
+  dropdownLanguageSelect: se,
+  dropdownDivider: ie,
+  dropdownItem: re,
+  dropdownItemContent: ae,
+  dropdownItemLabel: ce,
+  menuButton: le,
+  drawerHeader: de,
+  drawerHeaderUser: Ce,
+  drawerHeaderUserInfo: _e,
+  drawerHeaderUserName: me,
+  drawerCloseButton: pe,
+  drawerFooter: he,
+  drawerFooterLanguage: ge
+}, ue = {
+  openMenu: "Open menu",
+  closeNavigation: "Close navigation",
+  language: "Language",
+  logout: "Logout",
+  navigation: "Navigation"
 };
-function Ae({
-  logo: t,
-  tabs: n,
-  userName: o,
-  userRole: r,
-  userRoleLabel: s,
+function c3({
+  logo: o,
+  tabs: t,
+  userName: n,
+  userRole: s,
+  userRoleLabel: r,
   userAvatarSrc: i,
-  onLogout: l,
-  navItems: c,
-  languages: d,
-  selectedLanguage: C,
-  onLanguageChange: h,
-  className: u
+  onLogout: d,
+  navItems: C,
+  languages: c,
+  selectedLanguage: l,
+  onLanguageChange: p,
+  drawerWidth: u = "375px",
+  labels: g,
+  className: y
 }) {
-  const w = n && n.length > 0, y = !!o, [M, z] = I(!1), [H, b] = I(!1), B = U(null), m = s1(() => z(!1), []);
-  j(() => {
-    const g = (P) => {
-      P.key === "Escape" && m();
+  const f = { ...ue, ...g }, H = t && t.length > 0, x = !!n, [w, N] = I(!1), [_, v] = I(!1), B = j(null), Z = t1(() => N(!1), []);
+  X(() => {
+    const z = (J) => {
+      J.key === "Escape" && Z();
     };
-    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
-  }, [m]), j(() => {
-    if (!M) return;
-    const g = (P) => {
-      B.current && !B.current.contains(P.target) && m();
+    return document.addEventListener("keydown", z), () => document.removeEventListener("keydown", z);
+  }, [Z]), X(() => {
+    if (!w) return;
+    const z = (J) => {
+      B.current && !B.current.contains(J.target) && Z();
     };
-    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
-  }, [M, m]);
-  const S = !!l, O = d && d.length > 0, W = /* @__PURE__ */ a("div", { className: _.drawerHeader, children: [
-    /* @__PURE__ */ a("div", { className: _.drawerHeaderUser, children: [
-      /* @__PURE__ */ e(E, { name: o, src: i, size: "md" }),
-      /* @__PURE__ */ a("div", { className: _.drawerHeaderUserInfo, children: [
-        /* @__PURE__ */ e("span", { className: _.drawerHeaderUserName, children: o }),
-        r && /* @__PURE__ */ e(J, { size: "sm", color: r, children: s ?? r.charAt(0).toUpperCase() + r.slice(1) })
+    return document.addEventListener("mousedown", z), () => document.removeEventListener("mousedown", z);
+  }, [w, Z]);
+  const C1 = !!d, s1 = c && c.length > 0, _1 = /* @__PURE__ */ a("div", { className: m.drawerHeader, children: [
+    /* @__PURE__ */ a("div", { className: m.drawerHeaderUser, children: [
+      /* @__PURE__ */ e(E, { name: n, src: i, size: "md" }),
+      /* @__PURE__ */ a("div", { className: m.drawerHeaderUserInfo, children: [
+        /* @__PURE__ */ e("span", { className: m.drawerHeaderUserName, children: n }),
+        s && /* @__PURE__ */ e(W, { size: "sm", color: s, children: r ?? s.charAt(0).toUpperCase() + s.slice(1) })
       ] })
     ] }),
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        className: _.drawerCloseButton,
-        onClick: () => b(!1),
-        "aria-label": "Close navigation",
-        children: /* @__PURE__ */ e(u2, { size: "md" })
+        className: m.drawerCloseButton,
+        onClick: () => v(!1),
+        "aria-label": f.closeNavigation,
+        children: /* @__PURE__ */ e(M2, { size: "md" })
       }
     )
-  ] }), Q = /* @__PURE__ */ a("div", { className: _.drawerFooter, children: [
-    O && /* @__PURE__ */ e("div", { className: _.drawerFooterLanguage, children: /* @__PURE__ */ e(
-      d1,
+  ] }), m1 = /* @__PURE__ */ a("div", { className: m.drawerFooter, children: [
+    s1 && /* @__PURE__ */ e("div", { className: m.drawerFooterLanguage, children: /* @__PURE__ */ e(
+      c1,
       {
-        options: d,
-        value: C,
-        onChange: h,
-        icon: /* @__PURE__ */ e(o1, { size: "md" }),
-        "aria-label": "Language"
+        options: c,
+        value: l,
+        onChange: p,
+        icon: /* @__PURE__ */ e(a1, { size: "md" }),
+        "aria-label": f.language
       }
     ) }),
-    /* @__PURE__ */ e(n1, { spacingTop: "none", spacingBottom: "none" }),
-    l && /* @__PURE__ */ e(l1, { icon: "logout", label: "Logout", onClick: l })
+    /* @__PURE__ */ e(e1, { spacingTop: "none", spacingBottom: "none" }),
+    d && /* @__PURE__ */ e(l1, { icon: r1, label: f.logout, onClick: d })
   ] });
-  return /* @__PURE__ */ a(Z, { children: [
-    /* @__PURE__ */ e("header", { className: [_.root, u].filter(Boolean).join(" "), children: /* @__PURE__ */ a("div", { className: _.bar, children: [
-      /* @__PURE__ */ a("div", { className: _.left, children: [
-        t && /* @__PURE__ */ e("div", { className: _.logo, children: t }),
-        w && /* @__PURE__ */ e("div", { className: _.tabsContainer, children: /* @__PURE__ */ e(O2, { children: n.map((g) => /* @__PURE__ */ e(Z2, { isSelected: g.isSelected, onClick: g.onClick, children: g.label }, g.label)) }) })
+  return /* @__PURE__ */ a(T, { children: [
+    /* @__PURE__ */ e("header", { className: [m.root, y].filter(Boolean).join(" "), children: /* @__PURE__ */ a("div", { className: m.bar, children: [
+      /* @__PURE__ */ a("div", { className: m.left, children: [
+        o && /* @__PURE__ */ e("div", { className: m.logo, children: o }),
+        H && /* @__PURE__ */ e("div", { className: m.tabsContainer, children: /* @__PURE__ */ e(J2, { children: t.map((z) => /* @__PURE__ */ e(q2, { isSelected: z.isSelected, onClick: z.onClick, children: z.label }, z.label)) }) })
       ] }),
-      /* @__PURE__ */ a("div", { className: _.right, children: [
-        o && /* @__PURE__ */ a("div", { className: _.userMenuWrapper, ref: B, children: [
+      /* @__PURE__ */ a("div", { className: m.right, children: [
+        n && /* @__PURE__ */ a("div", { className: m.userMenuWrapper, ref: B, children: [
           /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              className: _.userSection,
-              onClick: () => z((g) => !g),
+              className: m.userSection,
+              onClick: () => N((z) => !z),
               "aria-haspopup": "true",
-              "aria-expanded": M,
+              "aria-expanded": w,
               children: [
-                /* @__PURE__ */ e(E, { name: o, src: i, size: "md" }),
-                /* @__PURE__ */ a("div", { className: _.nameGroup, children: [
-                  /* @__PURE__ */ e("span", { className: _.userName, children: o }),
-                  r && /* @__PURE__ */ e(J, { size: "sm", color: r, children: s ?? r.charAt(0).toUpperCase() + r.slice(1) })
+                /* @__PURE__ */ e(E, { name: n, src: i, size: "md" }),
+                /* @__PURE__ */ a("div", { className: m.nameGroup, children: [
+                  /* @__PURE__ */ e("span", { className: m.userName, children: n }),
+                  s && /* @__PURE__ */ e(W, { size: "sm", color: s, children: r ?? s.charAt(0).toUpperCase() + s.slice(1) })
                 ] }),
-                /* @__PURE__ */ e("span", { className: `${_.chevron}${M ? ` ${_.chevronOpen}` : ""}`, children: /* @__PURE__ */ e(r1, { size: "md" }) })
+                /* @__PURE__ */ e("span", { className: `${m.chevron}${w ? ` ${m.chevronOpen}` : ""}`, children: /* @__PURE__ */ e(n1, { size: "md" }) })
               ]
             }
           ),
-          M && /* @__PURE__ */ a("div", { className: _.dropdown, children: [
-            /* @__PURE__ */ a("div", { className: _.dropdownUserInfo, children: [
-              /* @__PURE__ */ e(E, { name: o, src: i, size: "md" }),
-              /* @__PURE__ */ a("div", { className: _.dropdownNameGroup, children: [
-                /* @__PURE__ */ e("span", { className: _.dropdownUserName, children: o }),
-                r && /* @__PURE__ */ e(J, { size: "sm", color: r, children: s ?? r.charAt(0).toUpperCase() + r.slice(1) })
+          w && /* @__PURE__ */ a("div", { className: m.dropdown, children: [
+            /* @__PURE__ */ a("div", { className: m.dropdownUserInfo, children: [
+              /* @__PURE__ */ e(E, { name: n, src: i, size: "md" }),
+              /* @__PURE__ */ a("div", { className: m.dropdownNameGroup, children: [
+                /* @__PURE__ */ e("span", { className: m.dropdownUserName, children: n }),
+                s && /* @__PURE__ */ e(W, { size: "sm", color: s, children: r ?? s.charAt(0).toUpperCase() + s.slice(1) })
               ] })
             ] }),
-            O && /* @__PURE__ */ a(Z, { children: [
-              /* @__PURE__ */ e("div", { className: _.dropdownDivider }),
-              /* @__PURE__ */ e("div", { className: _.dropdownLanguageSelect, children: /* @__PURE__ */ e(
-                d1,
+            s1 && /* @__PURE__ */ a(T, { children: [
+              /* @__PURE__ */ e("div", { className: m.dropdownDivider }),
+              /* @__PURE__ */ e("div", { className: m.dropdownLanguageSelect, children: /* @__PURE__ */ e(
+                c1,
                 {
-                  options: d,
-                  value: C,
-                  onChange: h,
-                  icon: /* @__PURE__ */ e(o1, { size: "md" }),
-                  "aria-label": "Language"
+                  options: c,
+                  value: l,
+                  onChange: p,
+                  icon: /* @__PURE__ */ e(a1, { size: "md" }),
+                  "aria-label": f.language
                 }
               ) })
             ] }),
-            S && /* @__PURE__ */ a(Z, { children: [
-              /* @__PURE__ */ e("div", { className: _.dropdownDivider }),
+            C1 && /* @__PURE__ */ a(T, { children: [
+              /* @__PURE__ */ e("div", { className: m.dropdownDivider }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  className: _.dropdownItem,
+                  className: m.dropdownItem,
                   onClick: () => {
-                    l == null || l(), m();
+                    d == null || d(), Z();
                   },
-                  children: /* @__PURE__ */ a("span", { className: _.dropdownItemContent, children: [
-                    /* @__PURE__ */ e(_1, { size: "md" }),
-                    /* @__PURE__ */ e("span", { className: _.dropdownItemLabel, children: "Logout" })
+                  children: /* @__PURE__ */ a("span", { className: m.dropdownItemContent, children: [
+                    /* @__PURE__ */ e(r1, { size: "md" }),
+                    /* @__PURE__ */ e("span", { className: m.dropdownItemLabel, children: f.logout })
                   ] })
                 }
               )
             ] })
           ] })
         ] }),
-        y && /* @__PURE__ */ e(
+        x && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: _.menuButton,
-            onClick: () => b(!0),
-            "aria-label": "Open menu",
-            children: /* @__PURE__ */ e(k2, { size: "md" })
+            className: m.menuButton,
+            onClick: () => v(!0),
+            "aria-label": f.openMenu,
+            children: /* @__PURE__ */ e(V2, { size: "md" })
           }
         )
       ] })
     ] }) }),
-    y && /* @__PURE__ */ e(
-      K2,
+    x && /* @__PURE__ */ e(
+      c7,
       {
-        isOpen: H,
-        onClose: () => b(!1),
+        isOpen: _,
+        onClose: () => v(!1),
         position: "right",
-        width: "375px",
-        header: W,
-        footer: Q,
-        "aria-label": "Navigation",
-        children: c && c.length > 0 && /* @__PURE__ */ e("nav", { children: c.map((g) => /* @__PURE__ */ e(
+        width: u,
+        header: _1,
+        footer: m1,
+        "aria-label": f.navigation,
+        children: C && C.length > 0 && /* @__PURE__ */ e("nav", { children: C.map((z) => /* @__PURE__ */ e(
           l1,
           {
-            icon: g.icon,
-            label: g.label,
-            isSelected: g.isSelected,
+            icon: z.icon,
+            label: z.label,
+            isSelected: z.isSelected,
             onClick: () => {
-              g.onClick(), b(!1);
+              z.onClick(), v(!1);
             }
           },
-          g.label
+          z.label
         )) })
       }
     )
   ] });
 }
-const re = "_root_152sy_1", ae = "_header_152sy_9", ie = "_info_152sy_16", ce = "_titleRow_152sy_26", de = "_titleContent_152sy_34", le = "_tagGroup_152sy_41", Ce = "_headerAvatar_152sy_49", _e = "_footerAvatars_152sy_56", pe = "_title_152sy_26", he = "_metaRow_152sy_72", me = "_headerRight_152sy_81", ue = "_menuWrapper_152sy_89", ge = "_dropdown_152sy_93", fe = "_footer_152sy_56", we = "_avatars_152sy_110", ve = "_actions_152sy_115", be = "_feedbackRow_152sy_124", ke = "_feedbackDisclosure_152sy_132", ye = "_feedbackExpanded_152sy_136", xe = "_feedbackButtonHeader_152sy_143", Se = "_feedbackButtonBottom_152sy_147", Me = "_reviewButtonHeader_152sy_156", He = "_reviewButtonBottom_152sy_161", Ne = "_studentStatusList_152sy_169", Le = "_studentItem_152sy_177", Be = "_statusDot_152sy_188", ze = "_statusDotPending_152sy_196", $e = "_statusDotSubmitted_152sy_200", Ve = "_studentsSummary_152sy_206", p = {
-  root: re,
-  header: ae,
-  info: ie,
-  titleRow: ce,
-  titleContent: de,
-  tagGroup: le,
-  headerAvatar: Ce,
-  footerAvatars: _e,
-  title: pe,
-  metaRow: he,
-  headerRight: me,
-  menuWrapper: ue,
-  dropdown: ge,
-  footer: fe,
-  avatars: we,
-  actions: ve,
-  feedbackRow: be,
-  feedbackDisclosure: ke,
-  feedbackExpanded: ye,
-  feedbackButtonHeader: xe,
-  feedbackButtonBottom: Se,
-  reviewButtonHeader: Me,
-  reviewButtonBottom: He,
-  studentStatusList: Ne,
-  studentItem: Le,
-  statusDot: Be,
-  statusDotPending: ze,
-  statusDotSubmitted: $e,
-  studentsSummary: Ve
+const ve = "_root_vagmv_1", fe = "_header_vagmv_9", we = "_info_vagmv_16", ke = "_titleRow_vagmv_26", be = "_titleContent_vagmv_34", xe = "_tagGroup_vagmv_41", Se = "_headerAvatar_vagmv_49", ye = "_footerAvatars_vagmv_56", ze = "_title_vagmv_26", Me = "_metaRow_vagmv_72", He = "_headerRight_vagmv_81", Le = "_menuWrapper_vagmv_89", Ne = "_dropdown_vagmv_93", Be = "_footer_vagmv_56", $e = "_avatars_vagmv_110", Ve = "_actions_vagmv_115", Te = "_feedbackRow_vagmv_124", Ue = "_feedbackDisclosure_vagmv_132", je = "_feedbackExpanded_vagmv_136", Ie = "_feedbackButtonHeader_vagmv_143", Ze = "_feedbackButtonBottom_vagmv_147", Oe = "_reviewButtonHeader_vagmv_156", Pe = "_reviewButtonBottom_vagmv_161", Xe = "_studentStatusList_vagmv_169", De = "_studentItem_vagmv_177", Ee = "_statusDot_vagmv_188", Ae = "_statusDotPending_vagmv_196", Fe = "_statusDotSubmitted_vagmv_200", Ge = "_studentsSummary_vagmv_206", h = {
+  root: ve,
+  header: fe,
+  info: we,
+  titleRow: ke,
+  titleContent: be,
+  tagGroup: xe,
+  headerAvatar: Se,
+  footerAvatars: ye,
+  title: ze,
+  metaRow: Me,
+  headerRight: He,
+  menuWrapper: Le,
+  dropdown: Ne,
+  footer: Be,
+  avatars: $e,
+  actions: Ve,
+  feedbackRow: Te,
+  feedbackDisclosure: Ue,
+  feedbackExpanded: je,
+  feedbackButtonHeader: Ie,
+  feedbackButtonBottom: Ze,
+  reviewButtonHeader: Oe,
+  reviewButtonBottom: Pe,
+  studentStatusList: Xe,
+  studentItem: De,
+  statusDot: Ee,
+  statusDotPending: Ae,
+  statusDotSubmitted: Fe,
+  studentsSummary: Ge
 };
 function Re({
-  title: t,
-  type: n,
-  subjects: o,
-  date: r,
-  time: s,
-  duration: i,
-  lessonState: l,
-  students: c = [],
-  onStartLesson: d,
-  isStartLessonDisabled: C = !0,
-  menuItems: h,
-  feedbackState: u = "pending",
-  pendingFeedbackCount: w = 0,
-  onLeaveFeedback: y,
-  onReviewFeedback: M,
-  className: z
+  feedbackState: o,
+  pendingFeedbackCount: t,
+  students: n,
+  onLeaveFeedback: s,
+  onReviewFeedback: r,
+  labels: i
 }) {
-  const [H, b] = I(!1), [B, m] = I(!1), S = U(null);
-  j(() => {
-    if (!H) return;
-    function f(Y) {
-      S.current && !S.current.contains(Y.target) && b(!1);
-    }
-    function i1(Y) {
-      Y.key === "Escape" && b(!1);
-    }
-    return document.addEventListener("mousedown", f), document.addEventListener("keydown", i1), () => {
-      document.removeEventListener("mousedown", f), document.removeEventListener("keydown", i1);
-    };
-  }, [H]);
-  const O = l === "upcoming", W = l === "previous", Q = W && u === "pending", g = W && u === "submitted", P = /* @__PURE__ */ a("div", { className: p.metaRow, children: [
-    /* @__PURE__ */ e(q, { icon: /* @__PURE__ */ e(C1, { size: "sm" }), children: r }),
-    /* @__PURE__ */ e(q, { icon: /* @__PURE__ */ e(g2, { size: "sm" }), children: s }),
-    /* @__PURE__ */ e(q, { icon: /* @__PURE__ */ e(f2, { size: "sm" }), children: i }),
-    n === "group" && /* @__PURE__ */ e(q, { icon: /* @__PURE__ */ e(w2, { size: "md" }), children: c.length })
-  ] });
-  return /* @__PURE__ */ a(D5, { padding: "lg", radius: "sm", bordered: !0, className: [p.root, z].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ a("div", { className: p.header, children: [
-      /* @__PURE__ */ a("div", { className: p.info, children: [
-        /* @__PURE__ */ a("div", { className: p.titleContent, children: [
-          /* @__PURE__ */ a("div", { className: p.titleRow, children: [
-            O && n === "1:1" && c[0] && /* @__PURE__ */ e("div", { className: p.headerAvatar, children: /* @__PURE__ */ e(E, { name: c[0].name, src: c[0].avatarSrc, size: "md" }) }),
-            /* @__PURE__ */ e("h3", { className: p.title, children: t })
-          ] }),
-          /* @__PURE__ */ e("div", { className: p.tagGroup, children: o.map((f) => /* @__PURE__ */ e(J, { size: ["md", "sm"], children: f }, f)) })
-        ] }),
-        P
-      ] }),
-      (h && h.length > 0 || g) && /* @__PURE__ */ a("div", { className: p.headerRight, children: [
-        h && h.length > 0 && /* @__PURE__ */ a("div", { className: p.menuWrapper, ref: S, children: [
-          /* @__PURE__ */ e(
-            S5,
-            {
-              icon: /* @__PURE__ */ e(m2, { size: "sm" }),
-              "aria-label": "Lesson options",
-              size: "sm",
-              onClick: () => b((f) => !f)
-            }
-          ),
-          H && /* @__PURE__ */ e("div", { className: p.dropdown, children: /* @__PURE__ */ e(p2, { children: h.map((f) => /* @__PURE__ */ e(
-            h2,
-            {
-              icon: f.icon,
-              onClick: () => {
-                f.onClick(), b(!1);
-              },
-              children: f.label
-            },
-            f.label
-          )) }) })
-        ] }),
-        g && /* @__PURE__ */ e(A, { variant: "secondary", size: "sm", onClick: M, className: p.reviewButtonHeader, children: "Review feedback" })
-      ] })
-    ] }),
-    O && /* @__PURE__ */ a("div", { className: p.footer, children: [
-      /* @__PURE__ */ e("div", { className: n === "1:1" ? p.footerAvatars : p.avatars, children: n === "1:1" ? c[0] && /* @__PURE__ */ e(E, { name: c[0].name, src: c[0].avatarSrc, size: "md" }) : /* @__PURE__ */ e(f5, { children: c.map((f) => /* @__PURE__ */ e(E, { name: f.name, src: f.avatarSrc, size: "md" }, f.name)) }) }),
-      /* @__PURE__ */ e("div", { className: p.actions, children: /* @__PURE__ */ e(
-        A,
-        {
-          variant: "primary",
-          size: ["md", "sm"],
-          disabled: C,
-          onClick: d,
-          children: "Start lesson"
-        }
-      ) })
-    ] }),
-    Q && /* @__PURE__ */ a(Z, { children: [
-      /* @__PURE__ */ a("div", { className: p.feedbackRow, children: [
+  const [d, C] = I(!1), c = o === "pending", l = o === "submitted";
+  return /* @__PURE__ */ a(T, { children: [
+    c && /* @__PURE__ */ a(T, { children: [
+      /* @__PURE__ */ a("div", { className: h.feedbackRow, children: [
         /* @__PURE__ */ e(
-          L2,
+          D2,
           {
-            className: p.feedbackDisclosure,
-            open: B,
-            onToggle: m,
-            trigger: /* @__PURE__ */ a(Z, { children: [
-              /* @__PURE__ */ e(v2, { size: "sm" }),
-              /* @__PURE__ */ a("span", { children: [
-                w,
-                " pending feedback"
-              ] })
+            className: h.feedbackDisclosure,
+            open: d,
+            onToggle: C,
+            trigger: /* @__PURE__ */ a(T, { children: [
+              /* @__PURE__ */ e($2, { size: ["md", "sm"] }),
+              /* @__PURE__ */ e("span", { children: i.pendingFeedback(t) })
             ] }),
             children: null
           }
         ),
-        /* @__PURE__ */ e(A, { variant: "primary", size: "sm", onClick: y, className: p.feedbackButtonHeader, children: "Leave feedback" })
+        /* @__PURE__ */ e(R, { variant: "primary", size: "sm", onClick: s, className: h.feedbackButtonHeader, children: i.leaveFeedback })
       ] }),
-      B && /* @__PURE__ */ a("div", { className: p.feedbackExpanded, children: [
-        /* @__PURE__ */ e(n1, {}),
-        /* @__PURE__ */ e("div", { className: p.studentStatusList, children: c.map((f) => /* @__PURE__ */ a("span", { className: p.studentItem, children: [
+      d && /* @__PURE__ */ a("div", { className: h.feedbackExpanded, children: [
+        /* @__PURE__ */ e(e1, {}),
+        /* @__PURE__ */ e("div", { className: h.studentStatusList, children: n.map((p) => /* @__PURE__ */ a("span", { className: h.studentItem, children: [
           /* @__PURE__ */ e(
             "span",
             {
               className: [
-                p.statusDot,
-                f.feedbackStatus === "submitted" ? p.statusDotSubmitted : p.statusDotPending
+                h.statusDot,
+                p.feedbackStatus === "submitted" ? h.statusDotSubmitted : h.statusDotPending
               ].join(" ")
             }
           ),
-          f.name
-        ] }, f.name)) })
+          p.name
+        ] }, p.name)) })
       ] }),
-      /* @__PURE__ */ e("div", { className: p.feedbackButtonBottom, children: /* @__PURE__ */ e(A, { variant: "primary", size: "md", onClick: y, children: "Leave feedback" }) })
+      /* @__PURE__ */ e("div", { className: h.feedbackButtonBottom, children: /* @__PURE__ */ e(R, { variant: "primary", size: "md", onClick: s, children: i.leaveFeedback }) })
     ] }),
-    g && /* @__PURE__ */ a(Z, { children: [
-      /* @__PURE__ */ e(n1, { spacingBottom: "xxs", spacingTop: "xxs" }),
-      /* @__PURE__ */ a("p", { className: p.studentsSummary, children: [
-        /* @__PURE__ */ e("strong", { children: "Students" }),
+    l && /* @__PURE__ */ a(T, { children: [
+      /* @__PURE__ */ e(e1, { spacingBottom: "xxs", spacingTop: "xxs" }),
+      /* @__PURE__ */ a("p", { className: h.studentsSummary, children: [
+        /* @__PURE__ */ e("strong", { children: i.students }),
         ": ",
-        /* @__PURE__ */ e("span", { children: c.map((f) => f.name).join(", ") })
+        /* @__PURE__ */ e("span", { children: n.map((p) => p.name).join(", ") })
+      ] }),
+      /* @__PURE__ */ e("div", { className: h.reviewButtonBottom, children: /* @__PURE__ */ e(R, { variant: "secondary", size: "md", onClick: r, children: i.reviewFeedback }) })
+    ] })
+  ] });
+}
+function We({
+  type: o,
+  students: t,
+  isStartLessonDisabled: n,
+  onStartLesson: s,
+  labels: r
+}) {
+  return /* @__PURE__ */ a("div", { className: h.footer, children: [
+    /* @__PURE__ */ e("div", { className: o === "individual" ? h.footerAvatars : h.avatars, children: o === "individual" ? t[0] && /* @__PURE__ */ e(E, { name: t[0].name, src: t[0].avatarSrc, size: "md" }) : /* @__PURE__ */ e(w5, { children: t.map((i) => /* @__PURE__ */ e(E, { name: i.name, src: i.avatarSrc, size: "md" }, i.name)) }) }),
+    /* @__PURE__ */ e("div", { className: h.actions, children: /* @__PURE__ */ e(
+      R,
+      {
+        variant: "primary",
+        size: ["md", "sm"],
+        disabled: n,
+        onClick: s,
+        children: r.startLesson
+      }
+    ) })
+  ] });
+}
+function Ke({
+  title: o,
+  modality: t,
+  type: n,
+  subjects: s,
+  date: r,
+  time: i,
+  duration: d,
+  students: C,
+  room: c,
+  lessonCenter: l,
+  isUpcoming: p,
+  isSubmittedFeedback: u,
+  menuItems: g,
+  onReviewFeedback: y,
+  labels: f
+}) {
+  const [H, x] = I(!1), w = j(null);
+  X(() => {
+    if (!H) return;
+    function _(B) {
+      w.current && !w.current.contains(B.target) && x(!1);
+    }
+    function v(B) {
+      B.key === "Escape" && x(!1);
+    }
+    return document.addEventListener("mousedown", _), document.addEventListener("keydown", v), () => {
+      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", v);
+    };
+  }, [H]);
+  const N = /* @__PURE__ */ a("div", { className: h.metaRow, children: [
+    /* @__PURE__ */ e(D, { icon: /* @__PURE__ */ e(H2, { size: "sm" }), children: r }),
+    /* @__PURE__ */ e(D, { icon: /* @__PURE__ */ e(L2, { size: "sm" }), children: i }),
+    /* @__PURE__ */ e(D, { icon: /* @__PURE__ */ e(N2, { size: "sm" }), children: d }),
+    c && /* @__PURE__ */ e(D, { icon: /* @__PURE__ */ e(j2, { size: "sm" }), children: c }),
+    l && /* @__PURE__ */ e(D, { icon: /* @__PURE__ */ e(U2, { size: "sm" }), children: l }),
+    n === "group" && /* @__PURE__ */ e(D, { icon: /* @__PURE__ */ e(B2, { size: "md" }), children: C.length })
+  ] });
+  return /* @__PURE__ */ a("div", { className: h.header, children: [
+    /* @__PURE__ */ a("div", { className: h.info, children: [
+      /* @__PURE__ */ a("div", { className: h.titleContent, children: [
+        /* @__PURE__ */ a("div", { className: h.titleRow, children: [
+          p && n === "individual" && C[0] && /* @__PURE__ */ e("div", { className: h.headerAvatar, children: /* @__PURE__ */ e(E, { name: C[0].name, src: C[0].avatarSrc, size: "md" }) }),
+          /* @__PURE__ */ e("h3", { className: h.title, children: o })
+        ] }),
+        /* @__PURE__ */ a("div", { className: h.tagGroup, children: [
+          /* @__PURE__ */ e(W, { size: ["md", "sm"], color: t, children: t === "online" ? f.online : f.offline }),
+          s.map((_) => /* @__PURE__ */ e(W, { size: ["md", "sm"], children: _ }, _))
+        ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: p.reviewButtonBottom, children: /* @__PURE__ */ e(A, { variant: "secondary", size: "md", onClick: M, children: "Review feedback" }) })
+      N
+    ] }),
+    (g && g.length > 0 || u) && /* @__PURE__ */ a("div", { className: h.headerRight, children: [
+      g && g.length > 0 && /* @__PURE__ */ a("div", { className: h.menuWrapper, ref: w, children: [
+        /* @__PURE__ */ e(
+          M5,
+          {
+            icon: /* @__PURE__ */ e(z2, { size: "sm" }),
+            "aria-label": f.lessonOptions,
+            size: "sm",
+            onClick: () => x((_) => !_)
+          }
+        ),
+        H && /* @__PURE__ */ e("div", { className: h.dropdown, children: /* @__PURE__ */ e(h2, { children: g.map((_) => /* @__PURE__ */ e(
+          g2,
+          {
+            icon: _.icon,
+            onClick: () => {
+              _.onClick(), x(!1);
+            },
+            children: _.label
+          },
+          _.label
+        )) }) })
+      ] }),
+      u && /* @__PURE__ */ e(R, { variant: "secondary", size: "sm", onClick: y, className: h.reviewButtonHeader, children: f.reviewFeedback })
     ] })
   ] });
 }
+const qe = {
+  startLesson: "Start lesson",
+  leaveFeedback: "Leave feedback",
+  reviewFeedback: "Review feedback",
+  lessonOptions: "Lesson options",
+  students: "Students",
+  pendingFeedback: (o) => `${o} pending feedback`,
+  online: "Online",
+  offline: "Offline"
+};
+function l3({
+  title: o,
+  modality: t,
+  type: n,
+  subjects: s,
+  date: r,
+  time: i,
+  duration: d,
+  lessonState: C,
+  students: c = [],
+  room: l,
+  lessonCenter: p,
+  onStartLesson: u,
+  isStartLessonDisabled: g = !0,
+  menuItems: y,
+  feedbackState: f = "pending",
+  pendingFeedbackCount: H = 0,
+  onLeaveFeedback: x,
+  onReviewFeedback: w,
+  labels: N,
+  className: _
+}) {
+  const v = { ...qe, ...N }, B = C === "upcoming", Z = C === "completed";
+  return /* @__PURE__ */ a(D5, { padding: "lg", radius: "sm", bordered: !0, className: [h.root, _].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ e(
+      Ke,
+      {
+        title: o,
+        modality: t,
+        type: n,
+        subjects: s,
+        date: r,
+        time: i,
+        duration: d,
+        students: c,
+        room: l,
+        lessonCenter: p,
+        isUpcoming: B,
+        isSubmittedFeedback: Z && f === "submitted",
+        menuItems: y,
+        onReviewFeedback: w,
+        labels: v
+      }
+    ),
+    B && /* @__PURE__ */ e(
+      We,
+      {
+        type: n,
+        students: c,
+        isStartLessonDisabled: g,
+        onStartLesson: u,
+        labels: v
+      }
+    ),
+    Z && /* @__PURE__ */ e(
+      Re,
+      {
+        feedbackState: f,
+        pendingFeedbackCount: H,
+        students: c,
+        onLeaveFeedback: x,
+        onReviewFeedback: w,
+        labels: v
+      }
+    )
+  ] });
+}
 export {
   E as Avatar,
-  f5 as AvatarGroup,
-  A as Button,
+  w5 as AvatarGroup,
+  R as Button,
   D5 as Card,
-  r1 as ChevronDownIcon,
-  Xe as ChevronLeftIcon,
-  De as ChevronRightIcon,
-  g2 as ClockIcon,
-  u2 as CloseIcon,
-  b2 as DashboardIcon,
-  L2 as Disclosure,
-  n1 as Divider,
-  K2 as Drawer,
-  p2 as DropdownMenu,
-  h2 as DropdownMenuItem,
-  Ze as EventBusyIcon,
-  C1 as EventNoteIcon,
-  o1 as GlobeIcon,
-  w2 as GroupIcon,
-  Ie as HistoryIcon,
-  f2 as HourglassIcon,
-  x as ICON_SIZES,
-  S5 as IconButton,
-  v2 as InfoIcon,
-  d1 as InputSelect,
-  m2 as KebabIcon,
-  Re as LessonCard,
-  _1 as LogoutIcon,
-  k2 as MenuIcon,
-  q as MetadataItem,
-  Z2 as Tab,
-  O2 as TabList,
-  Ee as TabPanel,
-  je as Tabs,
-  J as Tag,
-  y2 as TickIcon,
-  Ae as TopNavigation,
-  Pe as Typography,
-  Oe as UploadIcon
+  n1 as ChevronDownIcon,
+  n3 as ChevronLeftIcon,
+  o3 as ChevronRightIcon,
+  L2 as ClockIcon,
+  M2 as CloseIcon,
+  s3 as DashboardIcon,
+  D2 as Disclosure,
+  e1 as Divider,
+  c7 as Drawer,
+  h2 as DropdownMenu,
+  g2 as DropdownMenuItem,
+  e3 as EventBusyIcon,
+  H2 as EventNoteIcon,
+  a1 as GlobeIcon,
+  B2 as GroupIcon,
+  Ye as HistoryIcon,
+  N2 as HourglassIcon,
+  u2 as ICON_SIZES,
+  M5 as IconButton,
+  $2 as InfoIcon,
+  c1 as InputSelect,
+  z2 as KebabIcon,
+  l3 as LessonCard,
+  r1 as LogoutIcon,
+  V2 as MenuIcon,
+  D as MetadataItem,
+  q2 as Tab,
+  J2 as TabList,
+  r3 as TabPanel,
+  i3 as Tabs,
+  W as Tag,
+  T2 as TickIcon,
+  c3 as TopNavigation,
+  a3 as Typography,
+  t3 as UploadIcon
 };