@eyesee/ui-components 0.1.0

package/dist/components/Tab/Tab.js

@@ -0,0 +1,51 @@
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import j from "clsx";
+import o from "./Tab.module.scss.js";
+import { Tooltip as w } from "../Tooltip/Tooltip.js";
+import { HelpIcon as T } from "../icons-v2/HelpIcon.js";
+const I = ({
+  label: m = "Tab",
+  startIcon: u,
+  variant: p,
+  spacing: f,
+  type: n,
+  position: h,
+  underline: b,
+  disabled: r = !1,
+  selected: s = !1,
+  onClick: e = () => {
+  },
+  as: l = "button",
+  tooltipText: a = null,
+  tooltipTitle: d = null
+}) => {
+  const c = j(
+    o.tab,
+    o[p],
+    o[n],
+    o[l],
+    o[f],
+    o[h],
+    s && o.selected,
+    b && o.underline,
+    r && o.disabled
+  ), N = r || n === "color" && s ? "currentColor" : "var(--color--icon--default--default-lighter)", i = /* @__PURE__ */ x("span", { className: o.content, children: [
+    u,
+    /* @__PURE__ */ t("span", { children: m }),
+    a && /* @__PURE__ */ t(
+      w,
+      {
+        title: d,
+        content: a,
+        position: "bottom",
+        showArrow: !0,
+        disabled: r,
+        children: /* @__PURE__ */ t(T, { strokeColor: N })
+      }
+    )
+  ] });
+  return l === "span" ? /* @__PURE__ */ t("span", { className: c, onClick: e, "aria-disabled": r, children: i }) : /* @__PURE__ */ t("button", { className: c, disabled: r, onClick: e, type: "button", children: i });
+};
+export {
+  I as Tab
+};

package/dist/components/Tab/Tab.module.scss.js

@@ -0,0 +1,43 @@
+const _ = "_content_6grmq_1", t = "_tab_6grmq_7", n = "_span_6grmq_11", o = "_sm_6grmq_14", s = "_md_6grmq_17", e = "_lg_6grmq_20", r = "_xl_6grmq_23", c = "_selected_6grmq_26", l = "_primary_6grmq_26", m = "_disabled_6grmq_26", g = "_secondary_6grmq_29", a = "_underline_6grmq_32", d = "_button_6grmq_42", q = "_outline_6grmq_45", i = "_color_6grmq_45", u = "_standalone_6grmq_48", b = "_left_6grmq_52", p = "_right_6grmq_55", y = "_white_6grmq_58", h = {
+  content: _,
+  tab: t,
+  span: n,
+  sm: o,
+  md: s,
+  lg: e,
+  xl: r,
+  selected: c,
+  primary: l,
+  disabled: m,
+  secondary: g,
+  underline: a,
+  button: d,
+  outline: q,
+  color: i,
+  standalone: u,
+  left: b,
+  right: p,
+  white: y
+};
+export {
+  d as button,
+  i as color,
+  _ as content,
+  h as default,
+  m as disabled,
+  b as left,
+  e as lg,
+  s as md,
+  q as outline,
+  l as primary,
+  p as right,
+  g as secondary,
+  c as selected,
+  o as sm,
+  n as span,
+  u as standalone,
+  t as tab,
+  a as underline,
+  y as white,
+  r as xl
+};

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,62 @@
+import { jsx as b } from "react/jsx-runtime";
+import { useMemo as h } from "react";
+import D from "clsx";
+import { Tab as E } from "../Tab/Tab.js";
+import { normalizeTabsOptions as F, normalizeTabOption as G, getTrimmedLabel as m } from "./tabsUtils.js";
+import x from "./Tabs.module.scss.js";
+const X = ({
+  options: l,
+  onTabChange: g = () => {
+  },
+  selectedTab: u = l[0],
+  variant: v = "primary",
+  type: A = "outline",
+  spacing: I = "md",
+  gapSpacing: c = "md",
+  tabVariant: d = "text",
+  positionStandalone: j = !1,
+  underline: C = !1,
+  keyLabel: e = "label",
+  keyTooltipText: t = "tooltipText",
+  keyTooltipTitle: s = "tooltipTitle",
+  startIcon: M = null,
+  disabled: N = !1
+}) => {
+  const a = h(
+    () => F(l, e, t, s),
+    [l, e, t, s]
+  ), f = h(
+    () => G(u, e, t, s),
+    [e, u, t, s]
+  ), O = (r) => {
+    r.disabled || g(r);
+  }, P = (r, n) => j && d === "button" || d === "text" || n <= 1 ? "standalone" : r === 0 ? "left" : r === n - 1 ? "right" : "middle", i = (l == null ? void 0 : l.filter((r) => !(r != null && r.hidden))) ?? [];
+  return /* @__PURE__ */ b("div", { className: D(x.tabsWrapper, x[c]), children: a == null ? void 0 : a.map((r) => {
+    if (r != null && r.hidden) return null;
+    const n = m(r.label) === m(f == null ? void 0 : f.label), W = i.findIndex(
+      ({ label: B }) => m(B) === m(r.label)
+    ), q = P(W, i.length), w = r.tooltipText || null, z = r.tooltipTitle || null;
+    return /* @__PURE__ */ b(
+      E,
+      {
+        as: d === "text" ? "span" : "button",
+        label: r.label,
+        variant: v,
+        type: A,
+        underline: C,
+        spacing: I,
+        gapSpacing: c,
+        position: q,
+        disabled: r.disabled || N,
+        selected: n,
+        onClick: () => O(r),
+        startIcon: M,
+        tooltipText: w,
+        tooltipTitle: z
+      }
+    );
+  }) });
+};
+export {
+  X as Tabs
+};

package/dist/components/Tabs/Tabs.module.scss.js

@@ -0,0 +1,17 @@
+const s = "_tabsWrapper_17abb_1", _ = "_xs_17abb_20", b = "_sm_17abb_23", a = "_md_17abb_26", t = "_lg_17abb_29", l = "_xl_17abb_32", o = {
+  tabsWrapper: s,
+  xs: _,
+  sm: b,
+  md: a,
+  lg: t,
+  xl: l
+};
+export {
+  o as default,
+  t as lg,
+  a as md,
+  b as sm,
+  s as tabsWrapper,
+  l as xl,
+  _ as xs
+};

package/dist/components/Tabs/tabsUtils.js

@@ -0,0 +1,17 @@
+const n = (r, t, e, s) => {
+  if (!r) return r;
+  const a = r[t], c = r[e], m = r[s];
+  return {
+    ...r,
+    label: a,
+    tooltipText: c,
+    tooltipTitle: m
+  };
+}, i = (r = [], t, e, s) => Array.isArray(r) ? r.map(
+  (a) => n(a, t, e, s)
+) : [], o = (r) => (r == null ? void 0 : r.toLowerCase().trim()) ?? "";
+export {
+  o as getTrimmedLabel,
+  n as normalizeTabOption,
+  i as normalizeTabsOptions
+};

package/dist/components/Tag/Tag.js

@@ -0,0 +1,49 @@
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import d from "clsx";
+import { HelpIcon as m } from "../icons-v2/HelpIcon.js";
+import { XIcon as p } from "../icons-v2/XIcon.js";
+import { TAG_SHAPES as u } from "./tagVariants.js";
+import e from "./Tag.module.scss.js";
+const f = {
+  default: e.stateDefault,
+  secondary: e.stateSecondary,
+  disabled: e.stateDisabled
+}, A = ({
+  label: s,
+  shape: l = "rectangle",
+  state: t = "default",
+  showLeadingIcon: i = !1,
+  showDismiss: r = !0,
+  onDismiss: n
+}) => {
+  if (s == null || s === "") return null;
+  const c = (u.includes(l) ? l : "rectangle") === "pill" ? e.shapePill : e.shapeRectangle;
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      className: d(
+        e.tag,
+        c,
+        f[t] ?? e.stateDefault
+      ),
+      children: [
+        i && /* @__PURE__ */ a("span", { className: e.icon, "aria-hidden": !0, children: /* @__PURE__ */ a(m, { iconSize: "m" }) }),
+        /* @__PURE__ */ a("span", { className: e.label, children: s }),
+        r && n ? /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: e.dismiss,
+            onClick: n,
+            disabled: t === "disabled",
+            "aria-label": `Remove ${s}`,
+            children: /* @__PURE__ */ a("span", { className: e.dismissIcon, "aria-hidden": !0, children: /* @__PURE__ */ a(p, { iconSize: "m" }) })
+          }
+        ) : null
+      ]
+    }
+  );
+};
+export {
+  A as Tag
+};

package/dist/components/Tag/Tag.module.scss.js

@@ -0,0 +1,25 @@
+const s = "_tag_573f2_1", t = "_stateDefault_573f2_26", e = "_stateSecondary_573f2_30", a = "_stateDisabled_573f2_34", _ = "_shapeRectangle_573f2_38", c = "_shapePill_573f2_42", l = "_label_573f2_46", n = "_dismiss_573f2_50", i = "_dismissIcon_573f2_72", o = "_icon_573f2_73", f = {
+  tag: s,
+  stateDefault: t,
+  stateSecondary: e,
+  stateDisabled: a,
+  shapeRectangle: _,
+  shapePill: c,
+  label: l,
+  dismiss: n,
+  dismissIcon: i,
+  icon: o
+};
+export {
+  f as default,
+  n as dismiss,
+  i as dismissIcon,
+  o as icon,
+  l as label,
+  c as shapePill,
+  _ as shapeRectangle,
+  t as stateDefault,
+  a as stateDisabled,
+  e as stateSecondary,
+  s as tag
+};

package/dist/components/Tag/tagVariants.js

@@ -0,0 +1,5 @@
+const e = ["rectangle", "pill"], l = ["default", "secondary", "disabled"];
+export {
+  e as TAG_SHAPES,
+  l as TAG_STATES
+};

package/dist/components/TextHoverable/TextHoverable.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "clsx";
+import t from "./TextHoverable.module.scss.js";
+const x = ({ children: o, className: r, ...s }) => /* @__PURE__ */ e(
+  "span",
+  {
+    className: a(t.textHoverable, r),
+    ...s,
+    children: /* @__PURE__ */ e("span", { className: t.text, children: o })
+  }
+);
+export {
+  x as TextHoverable
+};

package/dist/components/TextHoverable/TextHoverable.module.scss.js

@@ -0,0 +1,9 @@
+const t = "_textHoverable_48rjc_1", e = "_text_48rjc_1", o = {
+  textHoverable: t,
+  text: e
+};
+export {
+  o as default,
+  e as text,
+  t as textHoverable
+};

package/dist/components/Toggle/Toggle.js

@@ -0,0 +1,59 @@
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import { useId as k } from "react";
+import x from "clsx";
+import o from "./Toggle.module.scss.js";
+import { CircleIcon as N } from "../icons-v2/CircleIcon.js";
+const v = {
+  lg: "m",
+  md: "s"
+}, y = {
+  checked: {
+    default: "var(--color--icon--on-color--on-color)",
+    disabled: "var(--color--icon--on-color--on-color)"
+  },
+  unchecked: {
+    default: "var(--color--icon--secondary--default)",
+    disabled: "var(--color--icon--disabled--default)"
+  }
+}, E = ({
+  label: l,
+  checked: r = !1,
+  onChange: n,
+  disabled: c = !1,
+  size: a = "lg",
+  id: d,
+  name: i,
+  value: m,
+  "aria-label": u
+}) => {
+  const h = k(), s = d ?? h, p = v[a], f = r ? "checked" : "unchecked", b = c ? "disabled" : "default", t = y[f][b];
+  return /* @__PURE__ */ g(
+    "label",
+    {
+      className: x(o.toggleWrapper, o[a], c && o.disabled),
+      htmlFor: s,
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            id: s,
+            type: "checkbox",
+            role: "switch",
+            name: i,
+            value: m,
+            className: o.input,
+            checked: r,
+            disabled: c,
+            "aria-label": u ?? (l ? void 0 : "toggle"),
+            onChange: n
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: o.track, "aria-hidden": !0, children: /* @__PURE__ */ e("span", { className: o.thumb, children: /* @__PURE__ */ e(N, { iconSize: p, strokeColor: t, fill: t }) }) }),
+        l ? /* @__PURE__ */ e("span", { className: o.labelText, children: l }) : null
+      ]
+    }
+  );
+};
+export {
+  E as Toggle
+};

package/dist/components/Toggle/Toggle.module.scss.js

@@ -0,0 +1,21 @@
+const t = "_toggleWrapper_idg1v_1", _ = "_lg_idg1v_10", d = "_md_idg1v_19", e = "_input_idg1v_31", g = "_labelText_idg1v_42", l = "_track_idg1v_60", a = "_thumb_idg1v_70", i = "_disabled_idg1v_92", s = {
+  toggleWrapper: t,
+  lg: _,
+  md: d,
+  input: e,
+  labelText: g,
+  track: l,
+  thumb: a,
+  disabled: i
+};
+export {
+  s as default,
+  i as disabled,
+  e as input,
+  g as labelText,
+  _ as lg,
+  d as md,
+  a as thumb,
+  t as toggleWrapper,
+  l as track
+};

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,103 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { useState as M, useEffect as A } from "react";
+import h from "clsx";
+import { createPortal as F } from "react-dom";
+import { HelpIcon as k } from "../icons-v2/HelpIcon.js";
+import { XIcon as B } from "../icons-v2/XIcon.js";
+import o from "./Tooltip.module.scss.js";
+import { useTooltipPositioning as G } from "./useTooltipPositioning.js";
+const V = ({
+  children: v,
+  content: f,
+  title: t,
+  showInfoIcon: n = !1,
+  variant: E = "dark",
+  showArrow: N = !1,
+  defaultVisible: i = !1,
+  closable: p = !1,
+  disabled: m = !1,
+  className: R,
+  contentClassName: j,
+  position: D = "top",
+  maxWidth: w = 240,
+  open: T,
+  onOpenChange: r,
+  portalContainer: $
+}) => {
+  const [H, d] = M(i), [u, P] = M(!1), l = T !== void 0, x = l ? T : H, y = (c) => {
+    m || u || (l || d(c), r == null || r(c));
+  }, I = () => {
+    i || y(!0);
+  }, S = () => {
+    i || y(!1);
+  }, L = (c) => {
+    c.stopPropagation(), P(!0), l || d(!1), r == null || r(!1);
+  };
+  A(() => {
+    i && (P(!1), l || d(!0));
+  }, [i, l]);
+  const { wrapperRef: W, tooltipRef: X, layout: e, isPositioned: q } = G({
+    open: x && !u && !m && !!f,
+    desiredPosition: D,
+    showArrow: N,
+    maxWidth: w
+  });
+  if (!f || m)
+    return v;
+  const z = /* @__PURE__ */ a(
+    "div",
+    {
+      ref: X,
+      className: h(
+        o.tooltip,
+        o[e.resolvedPosition],
+        o[E],
+        n && !t && o.noTitleWithIcon,
+        p && !t && o.noTitleWithClose,
+        N && o.withArrow,
+        j
+      ),
+      style: {
+        maxWidth: w,
+        top: e.top,
+        left: e.left,
+        visibility: q ? "visible" : "hidden",
+        ...!!e.arrowLeft && {
+          "--arrow-left": `${e.arrowLeft}px`
+        },
+        ...!!e.arrowTop && { "--arrow-top": `${e.arrowTop}px` }
+      },
+      role: "tooltip",
+      children: [
+        t && /* @__PURE__ */ a("div", { className: o.header, children: [
+          /* @__PURE__ */ a("div", { className: o.titleRow, children: [
+            n && /* @__PURE__ */ s(k, {}),
+            t ? /* @__PURE__ */ s("div", { className: o.title, children: t }) : /* @__PURE__ */ s("span", {})
+          ] }),
+          p && /* @__PURE__ */ s("span", { className: o.closeButton, onClick: L, children: /* @__PURE__ */ s(B, {}) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: o.content, children: [
+          n && !t && /* @__PURE__ */ s(k, {}),
+          /* @__PURE__ */ s("span", { className: o.contentText, children: f }),
+          p && !t && /* @__PURE__ */ s("span", { className: o.closeButton, onClick: L, children: /* @__PURE__ */ s(B, {}) })
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: W,
+      className: h(o.wrapper, R),
+      onMouseEnter: I,
+      onMouseLeave: S,
+      children: [
+        v,
+        x && !u && F(z, $ ?? document.body)
+      ]
+    }
+  );
+};
+export {
+  V as Tooltip
+};

package/dist/components/Tooltip/Tooltip.module.scss.js

@@ -0,0 +1,39 @@
+const t = "_wrapper_1eluv_1", o = "_tooltip_1eluv_9", e = "_dark_1eluv_27", _ = "_light_1eluv_36", l = "_withArrow_1eluv_47", n = "_top_1eluv_55", c = "_bottom_1eluv_63", i = "_left_1eluv_71", s = "_right_1eluv_79", r = "_header_1eluv_103", u = "_titleRow_1eluv_111", h = "_title_1eluv_111", v = "_content_1eluv_126", p = "_contentText_1eluv_136", w = "_noTitleWithIcon_1eluv_142", a = "_noTitleWithClose_1eluv_146", T = "_closeButton_1eluv_152", d = {
+  wrapper: t,
+  tooltip: o,
+  dark: e,
+  light: _,
+  withArrow: l,
+  top: n,
+  bottom: c,
+  left: i,
+  right: s,
+  header: r,
+  titleRow: u,
+  title: h,
+  content: v,
+  contentText: p,
+  noTitleWithIcon: w,
+  noTitleWithClose: a,
+  closeButton: T
+};
+export {
+  c as bottom,
+  T as closeButton,
+  v as content,
+  p as contentText,
+  e as dark,
+  d as default,
+  r as header,
+  i as left,
+  _ as light,
+  a as noTitleWithClose,
+  w as noTitleWithIcon,
+  s as right,
+  h as title,
+  u as titleRow,
+  o as tooltip,
+  n as top,
+  l as withArrow,
+  t as wrapper
+};

package/dist/components/Tooltip/useTooltipPositioning.js

@@ -0,0 +1,60 @@
+import { useRef as E, useState as x, useCallback as B, useLayoutEffect as H } from "react";
+const M = 8, N = 12, p = (w, u, m) => Math.min(Math.max(w, u), m);
+function V({
+  open: w,
+  desiredPosition: u,
+  showArrow: m,
+  maxWidth: D,
+  viewportPadding: r = M,
+  gap: L = null,
+  arrowSafePadding: h = N
+}) {
+  const F = E(null), T = E(null), f = E(null), [W, b] = x(!1), [G, _] = x(() => ({
+    resolvedPosition: u,
+    top: 0,
+    left: 0,
+    arrowLeft: null,
+    arrowTop: null
+  })), A = B(() => {
+    const C = F.current, y = T.current;
+    if (!C || !y) return;
+    const c = L ?? parseFloat(
+      getComputedStyle(document.documentElement).getPropertyValue("--spacing--xs")
+    ), t = C.getBoundingClientRect(), e = y.getBoundingClientRect(), I = window.innerWidth, d = window.innerHeight;
+    let o = u;
+    u === "top" && (t.top >= e.height + c + r || (o = "bottom")), u === "bottom" && (d - t.bottom >= e.height + c + r || (o = "top"));
+    let l = 0, n = 0;
+    o === "top" && (l = t.top - e.height - c, n = t.left + t.width / 2 - e.width / 2), o === "bottom" && (l = t.bottom + c, n = t.left + t.width / 2 - e.width / 2), o === "left" && (l = t.top + t.height / 2 - e.height / 2, n = t.left - e.width - c, n < r && (o = "right", n = t.right + c)), o === "right" && (l = t.top + t.height / 2 - e.height / 2, n = t.right + c, n + e.width > I - r && (o = "left", n = t.left - e.width - c)), n = p(n, r, I - e.width - r), l = p(l, r, d - e.height - r);
+    let a = null, g = null;
+    if (m) {
+      const i = t.left + t.width / 2, z = t.top + t.height / 2;
+      if (o === "top" || o === "bottom") {
+        const R = i - n;
+        a = p(
+          R,
+          h,
+          e.width - h
+        );
+      } else if (o === "left" || o === "right") {
+        const R = z - l;
+        g = p(
+          R,
+          h,
+          e.height - h
+        );
+      }
+    }
+    _((i) => i.resolvedPosition === o && i.top === l && i.left === n && i.arrowLeft === a && i.arrowTop === g ? i : { resolvedPosition: o, top: l, left: n, arrowLeft: a, arrowTop: g }), b(!0);
+  }, [h, u, L, m, r]), s = B(() => {
+    f.current == null && (f.current = window.requestAnimationFrame(() => {
+      f.current = null, A();
+    }));
+  }, [A]);
+  return H(() => w ? (s(), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0), () => {
+    f.current != null && (window.cancelAnimationFrame(f.current), f.current = null), window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0);
+  }) : (b(!1), () => {
+  }), [w, s, D]), { wrapperRef: F, tooltipRef: T, layout: G, isPositioned: W, recompute: s };
+}
+export {
+  V as useTooltipPositioning
+};

package/dist/components/icons-v2/AdIcon.js

@@ -0,0 +1,48 @@
+import { jsxs as e, Fragment as t, jsx as r } from "react/jsx-runtime";
+import "react";
+import { createIcon as i } from "./createIcon.js";
+const a = i(({ strokeColor: n, strokeWidth: o }) => /* @__PURE__ */ e(t, { children: [
+  /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M2.6665 16C2.6665 19.5362 4.07126 22.9276 6.57175 25.4281C9.07223 27.9286 12.4636 29.3333 15.9998 29.3333C19.5361 29.3333 22.9274 27.9286 25.4279 25.4281C27.9284 22.9276 29.3332 19.5362 29.3332 16C29.3332 12.4638 27.9284 9.0724 25.4279 6.57191C22.9274 4.07143 19.5361 2.66667 15.9998 2.66667C12.4636 2.66667 9.07223 4.07143 6.57175 6.57191C4.07126 9.0724 2.6665 12.4638 2.6665 16Z",
+      stroke: n,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M9.3335 20V14C9.3335 13.4696 9.54421 12.9609 9.91928 12.5858C10.2944 12.2107 10.8031 12 11.3335 12C11.8639 12 12.3726 12.2107 12.7477 12.5858C13.1228 12.9609 13.3335 13.4696 13.3335 14V20",
+      stroke: n,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M9.3335 17.3333H13.3335",
+      stroke: n,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M18.6665 12V20H19.9998C20.7071 20 21.3854 19.719 21.8855 19.219C22.3856 18.7189 22.6665 18.0406 22.6665 17.3333V14.6667C22.6665 13.9594 22.3856 13.2811 21.8855 12.781C21.3854 12.281 20.7071 12 19.9998 12H18.6665Z",
+      stroke: n,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+] }));
+export {
+  a as AdIcon
+};

package/dist/components/icons-v2/AddMessageIcon.js

@@ -0,0 +1,37 @@
+import { jsxs as r, Fragment as t, jsx as o } from "react/jsx-runtime";
+import { createIcon as s } from "./createIcon.js";
+const a = s(({ strokeColor: n, strokeWidth: e }) => /* @__PURE__ */ r(t, { children: [
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M24 5.33594C25.0609 5.33594 26.0783 5.75737 26.8284 6.50751C27.5786 7.25766 28 8.27507 28 9.33594V20.0026C28 21.0635 27.5786 22.0809 26.8284 22.831C26.0783 23.5812 25.0609 24.0026 24 24.0026H17.3333L10.6667 28.0026V24.0026H8C6.93913 24.0026 5.92172 23.5812 5.17157 22.831C4.42143 22.0809 4 21.0635 4 20.0026V9.33594C4 8.27507 4.42143 7.25766 5.17157 6.50751C5.92172 5.75737 6.93913 5.33594 8 5.33594H24Z",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M12 15H20",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M16 11V19",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+] }));
+export {
+  a as AddMessageIcon
+};