@alfadocs/ui-kit 0.69.0 → 0.71.0

package/dist/_chunks/email-input-B_Y55f5G.js

@@ -1,396 +0,0 @@
-import { jsxs as W, jsx as V } from "react/jsx-runtime";
-import { forwardRef as ie, useRef as K, useId as ue, useState as X, useMemo as Q, useEffect as oe, useCallback as Z } from "react";
-import { useTranslation as se } from "react-i18next";
-import { g as fe } from "./_commonjsHelpers-DaMA6jEr.js";
-import { T as ce } from "./text-input-B-OWQ1Je.js";
-import { u as de } from "./form-field-context-B3APVHKx.js";
-import { c as me } from "./compose-refs-C0k0tdqF.js";
-import { u as pe } from "./registry-DvAUVLHh.js";
-import { C as ve } from "./circle-alert-ChA9opNA.js";
-var j = { exports: {} }, A = { exports: {} }, G;
-function z() {
-  return G || (G = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = f;
-    function f(o) {
-      if (o == null) throw new TypeError("Expected a string but received a ".concat(o));
-      if (o.constructor.name !== "String") throw new TypeError("Expected a string but received a ".concat(o.constructor.name));
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(A, A.exports)), A.exports;
-}
-var M = { exports: {} }, J;
-function _e() {
-  return J || (J = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = o;
-    function f(l) {
-      return Object.prototype.toString.call(l) === "[object RegExp]";
-    }
-    function o(l, u) {
-      for (var a = 0; a < u.length; a++) {
-        var r = u[a];
-        if (l === r || f(r) && r.test(l))
-          return !0;
-      }
-      return !1;
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(M, M.exports)), M.exports;
-}
-var k = { exports: {} }, Y;
-function ge() {
-  return Y || (Y = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = u;
-    var f = o(/* @__PURE__ */ z());
-    function o(a) {
-      return a && a.__esModule ? a : { default: a };
-    }
-    function l(a) {
-      "@babel/helpers - typeof";
-      return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
-        return typeof r;
-      } : function(r) {
-        return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-      }, l(a);
-    }
-    function u(a, r) {
-      (0, f.default)(a);
-      var e, p;
-      l(r) === "object" ? (e = r.min || 0, p = r.max) : (e = arguments[1], p = arguments[2]);
-      var _ = encodeURI(a).split(/%..|./).length - 1;
-      return _ >= e && (typeof p > "u" || _ <= p);
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(k, k.exports)), k.exports;
-}
-var N = { exports: {} }, T = { exports: {} }, $;
-function ae() {
-  return $ || ($ = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = o;
-    function f(l) {
-      "@babel/helpers - typeof";
-      return f = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(u) {
-        return typeof u;
-      } : function(u) {
-        return u && typeof Symbol == "function" && u.constructor === Symbol && u !== Symbol.prototype ? "symbol" : typeof u;
-      }, f(l);
-    }
-    function o() {
-      var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, u = arguments.length > 1 ? arguments[1] : void 0;
-      (f(l) !== "object" || l === null) && (l = {});
-      for (var a in u)
-        typeof l[a] > "u" && (l[a] = u[a]);
-      return l;
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(T, T.exports)), T.exports;
-}
-var ee;
-function xe() {
-  return ee || (ee = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = a;
-    var f = l(/* @__PURE__ */ z()), o = l(/* @__PURE__ */ ae());
-    function l(r) {
-      return r && r.__esModule ? r : { default: r };
-    }
-    var u = {
-      require_tld: !0,
-      allow_underscores: !1,
-      allow_trailing_dot: !1,
-      allow_numeric_tld: !1,
-      allow_wildcard: !1,
-      ignore_max_length: !1
-    };
-    function a(r, e) {
-      (0, f.default)(r), e = (0, o.default)(e, u), e.allow_trailing_dot && r[r.length - 1] === "." && (r = r.substring(0, r.length - 1)), e.allow_wildcard === !0 && r.indexOf("*.") === 0 && (r = r.substring(2));
-      var p = r.split("."), _ = p[p.length - 1];
-      return e.require_tld && (p.length < 2 || !e.allow_numeric_tld && !/^([a-z\u00A1-\u00A8\u00AA-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}|xn[a-z0-9-]{2,})$/i.test(_) || /\s/.test(_)) || !e.allow_numeric_tld && /^\d+$/.test(_) ? !1 : p.every(function(s) {
-        return !(s.length > 63 && !e.ignore_max_length || !/^[a-z_\u00a1-\uffff0-9-]+$/i.test(s) || /[\uff01-\uff5e]/.test(s) || /^-|-$/.test(s) || !e.allow_underscores && /_/.test(s));
-      });
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(N, N.exports)), N.exports;
-}
-var O = { exports: {} }, te;
-function he() {
-  return te || (te = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = _;
-    var f = o(/* @__PURE__ */ z());
-    function o(s) {
-      return s && s.__esModule ? s : { default: s };
-    }
-    function l(s) {
-      "@babel/helpers - typeof";
-      return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(v) {
-        return typeof v;
-      } : function(v) {
-        return v && typeof Symbol == "function" && v.constructor === Symbol && v !== Symbol.prototype ? "symbol" : typeof v;
-      }, l(s);
-    }
-    var u = "(?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])", a = "(".concat(u, "[.]){3}").concat(u), r = new RegExp("^".concat(a, "$")), e = "(?:[0-9a-fA-F]{1,4})", p = new RegExp("^(" + "(?:".concat(e, ":){7}(?:").concat(e, "|:)|") + "(?:".concat(e, ":){6}(?:").concat(a, "|:").concat(e, "|:)|") + "(?:".concat(e, ":){5}(?::").concat(a, "|(:").concat(e, "){1,2}|:)|") + "(?:".concat(e, ":){4}(?:(:").concat(e, "){0,1}:").concat(a, "|(:").concat(e, "){1,3}|:)|") + "(?:".concat(e, ":){3}(?:(:").concat(e, "){0,2}:").concat(a, "|(:").concat(e, "){1,4}|:)|") + "(?:".concat(e, ":){2}(?:(:").concat(e, "){0,3}:").concat(a, "|(:").concat(e, "){1,5}|:)|") + "(?:".concat(e, ":){1}(?:(:").concat(e, "){0,4}:").concat(a, "|(:").concat(e, "){1,6}|:)|") + "(?::((?::".concat(e, "){0,5}:").concat(a, "|(?::").concat(e, "){1,7}|:))") + ")(%[0-9a-zA-Z.]{1,})?$");
-    function _(s) {
-      var v = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-      (0, f.default)(s);
-      var x = (l(v) === "object" ? v.version : arguments[1]) || "";
-      return x ? x.toString() === "4" ? r.test(s) : x.toString() === "6" ? p.test(s) : !1 : _(s, {
-        version: 4
-      }) || _(s, {
-        version: 6
-      });
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(O, O.exports)), O.exports;
-}
-var re;
-function ye() {
-  return re || (re = 1, (function(i, t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), t.default = C;
-    var f = e(/* @__PURE__ */ z()), o = e(/* @__PURE__ */ _e()), l = e(/* @__PURE__ */ ge()), u = e(/* @__PURE__ */ xe()), a = e(/* @__PURE__ */ he()), r = e(/* @__PURE__ */ ae());
-    function e(d) {
-      return d && d.__esModule ? d : { default: d };
-    }
-    var p = {
-      allow_display_name: !1,
-      allow_underscores: !1,
-      require_display_name: !1,
-      allow_utf8_local_part: !0,
-      require_tld: !0,
-      blacklisted_chars: "",
-      ignore_max_length: !1,
-      host_blacklist: [],
-      host_whitelist: []
-    }, _ = /^([^\x00-\x1F\x7F-\x9F\cX]+)</i, s = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~]+$/i, v = /^[a-z\d]+$/, x = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f]))*$/i, L = /^[a-z\d!#\$%&'\*\+\-\/=\?\^_`{\|}~\u00A1-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+$/i, U = /^([\s\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|(\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*$/i, I = 254;
-    function b(d) {
-      var n = d.replace(/^"(.+)"$/, "$1");
-      if (!n.trim())
-        return !1;
-      var y = /[\.";<>]/.test(n);
-      if (y) {
-        if (n === d)
-          return !1;
-        var h = n.split('"').length === n.split('\\"').length;
-        if (!h)
-          return !1;
-      }
-      return !0;
-    }
-    function C(d, n) {
-      if ((0, f.default)(d), n = (0, r.default)(n, p), n.require_display_name || n.allow_display_name) {
-        var y = d.match(_);
-        if (y) {
-          var h = y[1];
-          if (d = d.replace(h, "").replace(/(^<|>$)/g, ""), h.endsWith(" ") && (h = h.slice(0, -1)), !b(h))
-            return !1;
-        } else if (n.require_display_name)
-          return !1;
-      }
-      if (!n.ignore_max_length && d.length > I)
-        return !1;
-      var E = d.split("@"), g = E.pop(), F = g.toLowerCase();
-      if (n.host_blacklist.length > 0 && (0, o.default)(F, n.host_blacklist) || n.host_whitelist.length > 0 && !(0, o.default)(F, n.host_whitelist))
-        return !1;
-      var m = E.join("@");
-      if (n.domain_specific_validation && (F === "gmail.com" || F === "googlemail.com")) {
-        m = m.toLowerCase();
-        var R = m.split("+")[0];
-        if (!(0, l.default)(R.replace(/\./g, ""), {
-          min: 6,
-          max: 30
-        }))
-          return !1;
-        for (var D = R.split("."), w = 0; w < D.length; w++)
-          if (!v.test(D[w]))
-            return !1;
-      }
-      if (n.ignore_max_length === !1 && (!(0, l.default)(m, {
-        max: 64
-      }) || !(0, l.default)(g, {
-        max: 254
-      })))
-        return !1;
-      if (!(0, u.default)(g, {
-        require_tld: n.require_tld,
-        ignore_max_length: n.ignore_max_length,
-        allow_underscores: n.allow_underscores
-      })) {
-        if (!n.allow_ip_domain)
-          return !1;
-        if (!(0, a.default)(g)) {
-          if (!g.startsWith("[") || !g.endsWith("]"))
-            return !1;
-          var S = g.slice(1, -1);
-          if (S.length === 0 || !(0, a.default)(S))
-            return !1;
-        }
-      }
-      if (n.blacklisted_chars && m.search(new RegExp("[".concat(n.blacklisted_chars, "]+"), "g")) !== -1)
-        return !1;
-      if (m[0] === '"' && m[m.length - 1] === '"')
-        return m = m.slice(1, m.length - 1), n.allow_utf8_local_part ? U.test(m) : x.test(m);
-      for (var H = n.allow_utf8_local_part ? L : s, P = m.split("."), q = 0; q < P.length; q++)
-        if (!H.test(P[q]))
-          return !1;
-      return !0;
-    }
-    i.exports = t.default, i.exports.default = t.default;
-  })(j, j.exports)), j.exports;
-}
-var be = /* @__PURE__ */ ye();
-const ne = /* @__PURE__ */ fe(be), Fe = {
-  id: "email-input",
-  capabilities: [],
-  state: {
-    value: {
-      type: "string",
-      descriptionKey: "ui.agent.emailInput.state.value",
-      description: "The current email address typed into the field.",
-      read: (i) => i.getValue()
-    },
-    isValid: {
-      type: "boolean",
-      descriptionKey: "ui.agent.emailInput.state.isValid",
-      description: "True when the value is non-empty AND parses as a valid email per RFC 5322.",
-      read: (i) => i.isValid()
-    }
-  },
-  actions: {},
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "email-input",
-      description: 'Marks the EmailInput wrapper. The inline error element carries `role="alert"` when validation fails.'
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop, when provided."
-    }
-  }
-};
-function we(i) {
-  return i.length === 0 ? !0 : ne(i);
-}
-const Ee = ie(
-  ({
-    errorMessage: i,
-    onValidityChange: t,
-    disableBuiltInValidation: f = !1,
-    value: o,
-    defaultValue: l,
-    onChange: u,
-    onBlur: a,
-    id: r,
-    "aria-describedby": e,
-    ...p
-  }, _) => {
-    const { t: s } = se(), v = de(), x = K(null), L = me(_, x), U = ue(), I = v.errorId || U, b = o !== void 0, [C, d] = X(() => typeof o == "string" ? o : typeof l == "string" ? l : ""), n = b ? String(o) : C, [y, h] = X(
-      () => n.length > 0
-    ), E = Q(
-      () => we(n),
-      [n]
-    ), g = !f && y && n.length > 0 && !E, F = K(null);
-    oe(() => {
-      if (!y) return;
-      const c = n.length > 0 && E;
-      F.current !== c && (F.current = c, t == null || t(c));
-    }, [y, n, E, t]);
-    const m = Z(
-      (c) => {
-        b || d(c.target.value), u == null || u(c);
-      },
-      [b, u]
-    ), R = Z(
-      (c) => {
-        h(!0), a == null || a(c);
-      },
-      [a]
-    ), D = Q(
-      () => ({
-        getValue: () => {
-          var c;
-          return ((c = x.current) == null ? void 0 : c.value) ?? "";
-        },
-        isValid: () => {
-          var B;
-          const c = ((B = x.current) == null ? void 0 : B.value) ?? "";
-          return c.length > 0 && ne(c);
-        }
-      }),
-      []
-    );
-    pe(Fe, D, r);
-    const w = g && i !== null, S = v.describedBy || void 0, H = Q(() => {
-      const c = [
-        e,
-        S,
-        w ? I : null
-      ].filter(Boolean);
-      return c.length > 0 ? c.join(" ") : void 0;
-    }, [
-      e,
-      S,
-      w,
-      I
-    ]), P = g ? "error" : "default", q = g || v.invalid || void 0, le = i !== void 0 ? i : s("inputs.email.invalid", "Invalid email");
-    return /* @__PURE__ */ W(
-      "div",
-      {
-        "data-component": "email-input",
-        "data-component-id": r,
-        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-        children: [
-          /* @__PURE__ */ V(
-            ce,
-            {
-              ...p,
-              ref: L,
-              id: r,
-              type: "email",
-              inputMode: "email",
-              autoComplete: "email",
-              tone: P,
-              value: b ? n : void 0,
-              defaultValue: b ? void 0 : l,
-              onChange: m,
-              onBlur: R,
-              "aria-invalid": q,
-              "aria-describedby": H
-            }
-          ),
-          w ? /* @__PURE__ */ W(
-            "p",
-            {
-              id: I,
-              role: "alert",
-              "data-slot": "email-input-error",
-              className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
-              children: [
-                /* @__PURE__ */ V(ve, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
-                /* @__PURE__ */ V("span", { children: le })
-              ]
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-Ee.displayName = "EmailInput";
-export {
-  Ee as E,
-  Fe as e
-};
-//# sourceMappingURL=email-input-B_Y55f5G.js.map

package/dist/_chunks/message-card-Bx4GmLvf.js

@@ -1,277 +0,0 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as R, useMemo as B, useState as L, useRef as U, useCallback as E } from "react";
-import { c as W } from "./index-D2ZczOXr.js";
-import { useTranslation as D } from "react-i18next";
-import { I as H } from "./icon-button-LqoiKcUN.js";
-import { B as k } from "./button-DD_0Xdmr.js";
-import { A as X } from "./avatar-BNQNhoyL.js";
-import { T as q } from "./timestamp-BV2lC-wV.js";
-import { i as G } from "./is-safe-url-DkETxeHz.js";
-import { X as J } from "./x-CCcI3eJp.js";
-const O = W(
-  [
-    "ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:transition-colors",
-    "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2 ds:motion-safe:duration-[var(--animation-duration)]",
-    "ds:data-[leaving=true]:motion-safe:animate-out ds:data-[leaving=true]:motion-safe:fade-out-0 ds:data-[leaving=true]:motion-safe:slide-out-to-top-2",
-    "ds:data-[leaving=true]:motion-safe:fill-mode-forwards",
-    "ds:data-[leaving=true]:pointer-events-none",
-    "ds:motion-reduce:transition-none",
-    "ds:text-start",
-    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
-    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        compact: "ds:items-start ds:group",
-        dashboard: "ds:flex-col ds:sm:flex-row ds:items-stretch ds:sm:items-start ds:border ds:border-[color:var(--card-border)] ds:shadow-[var(--shadow-card)] ds:[.theme-accessible_&]:border-2 ds:bg-[color:var(--card)]"
-      },
-      size: {
-        sm: "ds:p-[var(--spacing-sm)]",
-        md: "ds:p-[var(--spacing-md)]"
-      },
-      state: {
-        unread: "",
-        read: "ds:bg-transparent"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "compact",
-        state: "unread",
-        class: "ds:bg-[color:var(--accent)]/5"
-      },
-      {
-        variant: "compact",
-        state: "read",
-        class: "ds:hover:bg-[color:var(--muted)]/40"
-      },
-      {
-        variant: "dashboard",
-        state: "unread",
-        class: "ds:bg-[color:var(--accent)]/5"
-      }
-    ],
-    defaultVariants: {
-      variant: "compact",
-      size: "sm",
-      state: "read"
-    }
-  }
-), j = [
-  "ds:focus-visible:outline-none",
-  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]",
-  "ds:after:pointer-events-auto",
-  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
-  "ds:focus-visible:after:outline-solid",
-  "ds:focus-visible:after:outline-[color:var(--ring)]",
-  "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
-  "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
-].join(" "), Q = R(
-  ({
-    item: e,
-    variant: d = "compact",
-    size: h = "sm",
-    onActivate: r,
-    onDismiss: o,
-    ctaLabel: c,
-    dismissLabel: u,
-    leaving: b,
-    className: T,
-    ...z
-  }, K) => {
-    const { t: n, i18n: v } = D(), S = B(() => {
-      const s = new Date(e.sentAt);
-      return Number.isNaN(s.getTime()) ? "" : new Intl.DateTimeFormat(v.language, {
-        dateStyle: "medium",
-        timeStyle: "short"
-      }).format(s);
-    }, [e.sentAt, v.language]), f = b !== void 0, [M, V] = L(!1), m = U(null), x = f ? b : M, w = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, y = E(
-      (s) => {
-        if (s == null || s.preventDefault(), s == null || s.stopPropagation(), !o) return;
-        if (f || w) {
-          o(e);
-          return;
-        }
-        V(!0), m.current && clearTimeout(m.current);
-        const g = typeof window < "u" && window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration") || "200ms", N = g.trim().endsWith("ms") ? parseFloat(g) : parseFloat(g) * 1e3;
-        m.current = setTimeout(
-          () => o(e),
-          Number.isFinite(N) ? N : 200
-        );
-      },
-      [o, e, f, w]
-    ), F = e.read ? "read" : "unread", _ = e.read ? "" : n("messageCard.unreadSuffix", ", unread"), P = e.subject ? n("messageCard.subjectFragment", {
-      subject: e.subject,
-      defaultValue: " — {{subject}}"
-    }) : "", C = n("messageCard.itemLabel", {
-      sender: e.sender.name,
-      subjectFragment: P,
-      time: S,
-      unreadSuffix: _,
-      defaultValue: "Message from {{sender}}{{subjectFragment}}, {{time}}{{unreadSuffix}}"
-    }), p = !!e.url && G(e.url), i = /* @__PURE__ */ a(
-      "span",
-      {
-        className: [
-          "ds:flex-1 ds:min-w-0 ds:truncate",
-          e.read ? "ds:font-normal" : "ds:font-semibold"
-        ].join(" "),
-        children: e.sender.name
-      }
-    );
-    let t;
-    d === "compact" && p && r ? t = /* @__PURE__ */ a(
-      "a",
-      {
-        href: e.url,
-        "aria-label": C,
-        className: j + " ds:contents",
-        onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || (s.preventDefault(), r(e));
-        },
-        children: i
-      }
-    ) : d === "compact" && r ? t = /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        "aria-label": C,
-        className: j + " ds:contents ds:bg-transparent ds:border-0 ds:p-0",
-        onClick: () => r(e),
-        children: i
-      }
-    ) : d === "dashboard" && p && r ? t = /* @__PURE__ */ a(
-      "a",
-      {
-        href: e.url,
-        className: "ds:text-[color:var(--foreground)] ds:no-underline ds:hover:underline ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-        onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || r(e);
-        },
-        children: i
-      }
-    ) : t = i;
-    const I = typeof e.unreadCount == "number" && e.unreadCount > 1;
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: K,
-        role: "listitem",
-        "data-component": "message-card",
-        "data-component-id": e.id,
-        "data-read": e.read ? "true" : "false",
-        "data-leaving": x ? "true" : void 0,
-        "aria-hidden": x || void 0,
-        className: O({ variant: d, size: h, state: F, className: T }),
-        ...z,
-        children: [
-          /* @__PURE__ */ a(
-            X,
-            {
-              name: e.sender.name,
-              src: e.sender.avatarUrl,
-              size: h === "md" ? "md" : "sm",
-              className: "ds:shrink-0",
-              "aria-hidden": "true",
-              role: "presentation",
-              "aria-label": void 0
-            }
-          ),
-          /* @__PURE__ */ l("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ l("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              e.read ? null : /* @__PURE__ */ a(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: "ds:inline-block ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:forced-colors:bg-[Highlight]"
-                }
-              ),
-              d === "dashboard" ? /* @__PURE__ */ a("h3", { className: "ds:m-0 ds:flex-1 ds:min-w-0 type-title-item", children: t }) : /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]", children: t }),
-              I ? /* @__PURE__ */ a(
-                "span",
-                {
-                  "aria-label": n("messageCard.threadCount", {
-                    count: e.unreadCount,
-                    defaultValue_one: "{{count}} new message in thread",
-                    defaultValue_other: "{{count}} new messages in thread"
-                  }),
-                  className: "ds:relative ds:z-[1] ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)] ds:rounded-[var(--radius-full)] ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)] ds:bg-[color:var(--accent)] ds:text-[color:var(--accent-foreground)] ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]",
-                  children: e.unreadCount
-                }
-              ) : null
-            ] }),
-            e.subject ? /* @__PURE__ */ a(
-              "p",
-              {
-                className: [
-                  "ds:m-0 type-body-sm ds:text-[color:var(--foreground)] ds:truncate",
-                  e.read ? "ds:font-normal" : "ds:font-semibold"
-                ].join(" "),
-                children: e.subject
-              }
-            ) : null,
-            /* @__PURE__ */ a("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)] ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:2] ds:break-words", children: e.preview }),
-            /* @__PURE__ */ a(
-              q,
-              {
-                value: e.sentAt,
-                shape: "chip",
-                size: "sm",
-                relativeWindow: 720 * 60 * 1e3
-              }
-            ),
-            d === "dashboard" && (c || u) ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-              c && p ? /* @__PURE__ */ a(
-                k,
-                {
-                  intent: "outline",
-                  size: "sm",
-                  asChild: !0,
-                  className: "ds:relative ds:z-[1]",
-                  children: /* @__PURE__ */ a(
-                    "a",
-                    {
-                      href: e.url,
-                      onClick: (s) => {
-                        s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || r == null || r(e);
-                      },
-                      children: c
-                    }
-                  )
-                }
-              ) : null,
-              u && o ? /* @__PURE__ */ a(
-                k,
-                {
-                  intent: "link",
-                  size: "sm",
-                  onClick: y,
-                  className: "ds:relative ds:z-[1]",
-                  children: u
-                }
-              ) : null
-            ] }) : null
-          ] }),
-          d === "compact" && o ? /* @__PURE__ */ a("span", { className: "ds:relative ds:z-[1] ds:opacity-0 ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:transition-opacity ds:motion-reduce:transition-none", children: /* @__PURE__ */ a(
-            H,
-            {
-              icon: /* @__PURE__ */ a(J, {}),
-              intent: "ghost",
-              size: "sm",
-              "aria-label": n("messageCard.dismiss", "Dismiss message"),
-              onClick: y
-            }
-          ) }) : null
-        ]
-      }
-    );
-  }
-);
-Q.displayName = "MessageCard";
-export {
-  Q as M
-};
-//# sourceMappingURL=message-card-Bx4GmLvf.js.map