@alfadocs/ui-kit 0.1.10 → 0.2.1

package/dist/_chunks/{logo-BpFoCL-s.js → logo-_Z-jLq80.js}

@@ -20,10 +20,43 @@ const v = e((r, a) => /* @__PURE__ */ t(
         /* @__PURE__ */ c("path", { d: "M801.06,90.59c-2.63-3.02-6.19-5.35-10.7-6.98-4.51-1.63-9.53-2.95-15.08-3.94l-4.16-.74c-3.37-.59-6.04-1.46-8.02-2.6-1.98-1.14-2.97-2.9-2.97-5.27,0-2.18.94-3.89,2.82-5.13,1.88-1.24,4.61-1.86,8.17-1.86s6.56.79,8.99,2.38c1.53,1,2.74,2.44,3.62,4.31.92,1.95,3.31,3.06,5.38,2.43l8.61-2.65c2.62-.81,3.96-3.79,2.7-6.23-1.97-3.78-4.9-6.98-8.79-9.6-5.45-3.66-12.28-5.5-20.5-5.5-8.72,0-15.75,1.96-21.1,5.87-5.35,3.91-8.02,9.53-8.02,16.86,0,4.85,1.29,8.82,3.86,11.89,2.57,3.07,5.99,5.47,10.25,7.21,4.26,1.73,8.96,3.1,14.11,4.09l4.16.74c4.36.79,7.53,1.81,9.51,3.05,1.98,1.24,2.97,3,2.97,5.27s-1.04,4.19-3.12,5.72c-2.08,1.54-5.3,2.3-9.66,2.3-2.87,0-5.52-.42-7.95-1.26-2.43-.84-4.46-2.25-6.09-4.23-.98-1.19-1.8-2.65-2.44-4.38-.76-2.04-3.17-3.25-5.28-2.7l-8.74,2.26c-2.56.66-3.96,3.26-3.12,5.77,1.82,5.5,5.16,9.88,10,13.17,6.14,4.16,14.01,6.24,23.62,6.24s16.91-2.1,22.51-6.31c5.59-4.21,8.39-10.18,8.39-17.9,0-5.15-1.31-9.23-3.94-12.26Z" })
       ] }),
       /* @__PURE__ */ t("g", { className: "ds:fill-[color:var(--color-violet-500)]", children: [
-        /* @__PURE__ */ c("rect", { x: "53.04", y: "2.54", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-4.66 19.05) rotate(-15)" }),
-        /* @__PURE__ */ c("rect", { x: "96.12", y: "53.04", width: "49.34", height: "33.99", rx: "4.56", ry: "4.56", transform: "translate(-14.01 33.65) rotate(-15)" }),
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "53.04",
+            y: "2.54",
+            width: "33.99",
+            height: "49.34",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-4.66 19.05) rotate(-15)"
+          }
+        ),
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "96.12",
+            y: "53.04",
+            width: "49.34",
+            height: "33.99",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-14.01 33.65) rotate(-15)"
+          }
+        ),
         /* @__PURE__ */ c("path", { d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z" }),
-        /* @__PURE__ */ c("rect", { x: "60.97", y: "96.12", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-28.61 24.29) rotate(-15)" })
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "60.97",
+            y: "96.12",
+            width: "33.99",
+            height: "49.34",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-28.61 24.29) rotate(-15)"
+          }
+        )
       ] })
     ]
   }
@@ -49,10 +82,43 @@ const i = e((r, a) => /* @__PURE__ */ t(
         /* @__PURE__ */ c("path", { d: "M801.06,90.59c-2.63-3.02-6.19-5.35-10.7-6.98-4.51-1.63-9.53-2.95-15.08-3.94l-4.16-.74c-3.37-.59-6.04-1.46-8.02-2.6-1.98-1.14-2.97-2.9-2.97-5.27,0-2.18.94-3.89,2.82-5.13,1.88-1.24,4.61-1.86,8.17-1.86s6.56.79,8.99,2.38c1.53,1,2.74,2.44,3.62,4.31.92,1.95,3.31,3.06,5.38,2.43l8.61-2.65c2.62-.81,3.96-3.79,2.7-6.23-1.97-3.78-4.9-6.98-8.79-9.6-5.45-3.66-12.28-5.5-20.5-5.5-8.72,0-15.75,1.96-21.1,5.87-5.35,3.91-8.02,9.53-8.02,16.86,0,4.85,1.29,8.82,3.86,11.89,2.57,3.07,5.99,5.47,10.25,7.21,4.26,1.73,8.96,3.1,14.11,4.09l4.16.74c4.36.79,7.53,1.81,9.51,3.05,1.98,1.24,2.97,3,2.97,5.27s-1.04,4.19-3.12,5.72c-2.08,1.54-5.3,2.3-9.66,2.3-2.87,0-5.52-.42-7.95-1.26-2.43-.84-4.46-2.25-6.09-4.23-.98-1.19-1.8-2.65-2.44-4.38-.76-2.04-3.17-3.25-5.28-2.7l-8.74,2.26c-2.56.66-3.96,3.26-3.12,5.77,1.82,5.5,5.16,9.88,10,13.17,6.14,4.16,14.01,6.24,23.62,6.24s16.91-2.1,22.51-6.31c5.59-4.21,8.39-10.18,8.39-17.9,0-5.15-1.31-9.23-3.94-12.26Z" })
       ] }),
       /* @__PURE__ */ t("g", { children: [
-        /* @__PURE__ */ c("rect", { x: "53.04", y: "2.54", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-4.66 19.05) rotate(-15)" }),
-        /* @__PURE__ */ c("rect", { x: "96.12", y: "53.04", width: "49.34", height: "33.99", rx: "4.56", ry: "4.56", transform: "translate(-14.01 33.65) rotate(-15)" }),
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "53.04",
+            y: "2.54",
+            width: "33.99",
+            height: "49.34",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-4.66 19.05) rotate(-15)"
+          }
+        ),
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "96.12",
+            y: "53.04",
+            width: "49.34",
+            height: "33.99",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-14.01 33.65) rotate(-15)"
+          }
+        ),
         /* @__PURE__ */ c("path", { d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z" }),
-        /* @__PURE__ */ c("rect", { x: "60.97", y: "96.12", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-28.61 24.29) rotate(-15)" })
+        /* @__PURE__ */ c(
+          "rect",
+          {
+            x: "60.97",
+            y: "96.12",
+            width: "33.99",
+            height: "49.34",
+            rx: "4.56",
+            ry: "4.56",
+            transform: "translate(-28.61 24.29) rotate(-15)"
+          }
+        )
       ] })
     ]
   }
@@ -67,10 +133,43 @@ const m = e((r, a) => /* @__PURE__ */ t(
     fill: "currentColor",
     ...r,
     children: [
-      /* @__PURE__ */ c("rect", { x: "53.04", y: "2.54", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-4.66 19.05) rotate(-15)" }),
-      /* @__PURE__ */ c("rect", { x: "96.12", y: "53.04", width: "49.34", height: "33.99", rx: "4.56", ry: "4.56", transform: "translate(-14.01 33.65) rotate(-15)" }),
+      /* @__PURE__ */ c(
+        "rect",
+        {
+          x: "53.04",
+          y: "2.54",
+          width: "33.99",
+          height: "49.34",
+          rx: "4.56",
+          ry: "4.56",
+          transform: "translate(-4.66 19.05) rotate(-15)"
+        }
+      ),
+      /* @__PURE__ */ c(
+        "rect",
+        {
+          x: "96.12",
+          y: "53.04",
+          width: "49.34",
+          height: "33.99",
+          rx: "4.56",
+          ry: "4.56",
+          transform: "translate(-14.01 33.65) rotate(-15)"
+        }
+      ),
       /* @__PURE__ */ c("path", { d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z" }),
-      /* @__PURE__ */ c("rect", { x: "60.97", y: "96.12", width: "33.99", height: "49.34", rx: "4.56", ry: "4.56", transform: "translate(-28.61 24.29) rotate(-15)" })
+      /* @__PURE__ */ c(
+        "rect",
+        {
+          x: "60.97",
+          y: "96.12",
+          width: "33.99",
+          height: "49.34",
+          rx: "4.56",
+          ry: "4.56",
+          transform: "translate(-28.61 24.29) rotate(-15)"
+        }
+      )
     ]
   }
 ));
@@ -120,26 +219,56 @@ const f = n(
     ...o
   }, h) => {
     const l = p ? { role: "presentation", "aria-hidden": !0 } : { role: "img", "aria-label": w }, s = f({ size: g, className: x }), d = M({ variant: r, tone: a });
-    return r === "mark" ? /* @__PURE__ */ c("span", { ref: h, ...l, ...o, className: d, "data-component": "logo", children: /* @__PURE__ */ c(m, { "aria-hidden": !0, className: s }) }) : r === "monochrome" ? /* @__PURE__ */ c("span", { ref: h, ...l, ...o, className: d, "data-component": "logo", children: /* @__PURE__ */ c(i, { "aria-hidden": !0, className: s }) }) : /* @__PURE__ */ t("span", { ref: h, ...l, ...o, className: d, "data-component": "logo", children: [
-      /* @__PURE__ */ c(
-        v,
-        {
-          "aria-hidden": !0,
-          className: `${s} ds:[.theme-dark_&]:hidden`
-        }
-      ),
-      /* @__PURE__ */ c(
-        i,
-        {
-          "aria-hidden": !0,
-          className: `${s} ds:hidden ds:[.theme-dark_&]:inline-block ds:text-[color:var(--foreground)]`
-        }
-      )
-    ] });
+    return r === "mark" ? /* @__PURE__ */ c(
+      "span",
+      {
+        ref: h,
+        ...l,
+        ...o,
+        className: d,
+        "data-component": "logo",
+        children: /* @__PURE__ */ c(m, { "aria-hidden": !0, className: s })
+      }
+    ) : r === "monochrome" ? /* @__PURE__ */ c(
+      "span",
+      {
+        ref: h,
+        ...l,
+        ...o,
+        className: d,
+        "data-component": "logo",
+        children: /* @__PURE__ */ c(i, { "aria-hidden": !0, className: s })
+      }
+    ) : /* @__PURE__ */ t(
+      "span",
+      {
+        ref: h,
+        ...l,
+        ...o,
+        className: d,
+        "data-component": "logo",
+        children: [
+          /* @__PURE__ */ c(
+            v,
+            {
+              "aria-hidden": !0,
+              className: `${s} ds:[.theme-dark_&]:hidden`
+            }
+          ),
+          /* @__PURE__ */ c(
+            i,
+            {
+              "aria-hidden": !0,
+              className: `${s} ds:hidden ds:[.theme-dark_&]:inline-block ds:text-[color:var(--foreground)]`
+            }
+          )
+        ]
+      }
+    );
   }
 );
 y.displayName = "Logo";
 export {
   y as L
 };
-//# sourceMappingURL=logo-BpFoCL-s.js.map
+//# sourceMappingURL=logo-_Z-jLq80.js.map

package/dist/_chunks/{matrix-rain-BEkvux64.js → matrix-rain-CRPMXcVx.js}

@@ -226,7 +226,13 @@ const ae = 'ｦｧｨｩｪｫｬｭｮｯｰｱｲｳｴｵｶｷｸｹｺｻ
           ie({ background: X, vibe: s, mask: D, maskRadius: K }),
           W
         ].filter(Boolean).join(" "),
-        children: /* @__PURE__ */ G("canvas", { ref: V, className: "ds:absolute ds:inset-0 ds:block ds:size-full" })
+        children: /* @__PURE__ */ G(
+          "canvas",
+          {
+            ref: V,
+            className: "ds:absolute ds:inset-0 ds:block ds:size-full"
+          }
+        )
       }
     );
   }
@@ -235,4 +241,4 @@ me.displayName = "MatrixRain";
 export {
   me as M
 };
-//# sourceMappingURL=matrix-rain-BEkvux64.js.map
+//# sourceMappingURL=matrix-rain-CRPMXcVx.js.map

package/dist/_chunks/{message-card-qhoGv947.js → message-card-DjvsB_3U.js}

@@ -1,13 +1,13 @@
 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 W } from "react";
-import { c as _ } from "./index-D2ZczOXr.js";
+import { forwardRef as B, useMemo as L, useState as U, useRef as W, useCallback as _ } from "react";
+import { c as D } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
-import { I as H } from "./icon-button-Wnnde5lc.js";
-import { B as N } from "./button-7mLWcMp_.js";
+import { I as H } from "./icon-button-C4CGcYuz.js";
+import { B as k } from "./button-DD_0Xdmr.js";
 import { A as X } from "./avatar-Dcr6XuDQ.js";
 import { T as q } from "./timestamp-BV2lC-wV.js";
 import { X as G } from "./x-CCcI3eJp.js";
-const J = _(
+const J = D(
   [
     "ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -58,7 +58,7 @@ const J = _(
       state: "read"
     }
   }
-), k = [
+), 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",
@@ -71,45 +71,48 @@ const J = _(
 function O(e) {
   return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(e);
 }
-const Q = R(
+const Q = B(
   ({
     item: e,
     variant: d = "compact",
-    size: g = "sm",
+    size: h = "sm",
     onActivate: r,
     onDismiss: t,
     ctaLabel: c,
     dismissLabel: u,
-    leaving: h,
-    className: j,
-    ...T
-  }, z) => {
-    const { t: o, i18n: v } = E(), K = B(() => {
+    leaving: b,
+    className: T,
+    ...z
+  }, K) => {
+    const { t: n, i18n: v } = E(), M = L(() => {
       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 = h !== void 0, [M, S] = L(!1), m = U(null), b = f ? h : M, x = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, w = W(() => {
-      if (!t) return;
-      if (f || x) {
-        t(e);
-        return;
-      }
-      S(!0), m.current && clearTimeout(m.current);
-      const s = typeof window < "u" && window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration") || "200ms", C = s.trim().endsWith("ms") ? parseFloat(s) : parseFloat(s) * 1e3;
-      m.current = setTimeout(
-        () => t(e),
-        Number.isFinite(C) ? C : 200
-      );
-    }, [t, e, f, x]), V = e.read ? "read" : "unread", F = e.read ? "" : o("ui.messageCard.unreadSuffix", ", unread"), I = e.subject ? o("ui.messageCard.subjectFragment", {
+    }, [e.sentAt, v.language]), f = b !== void 0, [S, V] = U(!1), m = W(null), x = f ? b : S, w = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, y = _(
+      (s) => {
+        if (s == null || s.preventDefault(), s == null || s.stopPropagation(), !t) return;
+        if (f || w) {
+          t(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(
+          () => t(e),
+          Number.isFinite(N) ? N : 200
+        );
+      },
+      [t, e, f, w]
+    ), F = e.read ? "read" : "unread", P = e.read ? "" : n("ui.messageCard.unreadSuffix", ", unread"), I = e.subject ? n("ui.messageCard.subjectFragment", {
       subject: e.subject,
       defaultValue: " — {{subject}}"
-    }) : "", y = o("ui.messageCard.itemLabel", {
+    }) : "", C = n("ui.messageCard.itemLabel", {
       sender: e.sender.name,
       subjectFragment: I,
-      time: K,
-      unreadSuffix: F,
+      time: M,
+      unreadSuffix: P,
       defaultValue: "Message from {{sender}}{{subjectFragment}}, {{time}}{{unreadSuffix}}"
     }), p = !!e.url && O(e.url), i = /* @__PURE__ */ a(
       "span",
@@ -121,28 +124,28 @@ const Q = R(
         children: e.sender.name
       }
     );
-    let n;
-    d === "compact" && p && r ? n = /* @__PURE__ */ a(
+    let o;
+    d === "compact" && p && r ? o = /* @__PURE__ */ a(
       "a",
       {
         href: e.url,
-        "aria-label": y,
-        className: k + " ds:contents",
+        "aria-label": C,
+        className: j + " ds:contents",
         onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || r(e);
+          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || (s.preventDefault(), r(e));
         },
         children: i
       }
-    ) : d === "compact" && r ? n = /* @__PURE__ */ a(
+    ) : d === "compact" && r ? o = /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        "aria-label": y,
-        className: k + " ds:contents ds:bg-transparent ds:border-0 ds:p-0",
+        "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 ? n = /* @__PURE__ */ a(
+    ) : d === "dashboard" && p && r ? o = /* @__PURE__ */ a(
       "a",
       {
         href: e.url,
@@ -152,27 +155,27 @@ const Q = R(
         },
         children: i
       }
-    ) : n = i;
-    const P = typeof e.unreadCount == "number" && e.unreadCount > 1;
+    ) : o = i;
+    const R = typeof e.unreadCount == "number" && e.unreadCount > 1;
     return /* @__PURE__ */ l(
       "div",
       {
-        ref: z,
+        ref: K,
         role: "listitem",
         "data-component": "message-card",
         "data-component-id": e.id,
         "data-read": e.read ? "true" : "false",
-        "data-leaving": b ? "true" : void 0,
-        "aria-hidden": b || void 0,
-        className: J({ variant: d, size: g, state: V, className: j }),
-        ...T,
+        "data-leaving": x ? "true" : void 0,
+        "aria-hidden": x || void 0,
+        className: J({ variant: d, size: h, state: F, className: T }),
+        ...z,
         children: [
           /* @__PURE__ */ a(
             X,
             {
               name: e.sender.name,
               src: e.sender.avatarUrl,
-              size: g === "md" ? "md" : "sm",
+              size: h === "md" ? "md" : "sm",
               className: "ds:shrink-0",
               "aria-hidden": "true",
               role: "presentation",
@@ -188,11 +191,11 @@ const Q = R(
                   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: n }) : /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]", children: n }),
-              P ? /* @__PURE__ */ a(
+              d === "dashboard" ? /* @__PURE__ */ a("h3", { className: "ds:m-0 ds:flex-1 ds:min-w-0 type-title-item", children: o }) : /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]", children: o }),
+              R ? /* @__PURE__ */ a(
                 "span",
                 {
-                  "aria-label": o("ui.messageCard.threadCount", {
+                  "aria-label": n("ui.messageCard.threadCount", {
                     count: e.unreadCount,
                     defaultValue_one: "{{count}} new message in thread",
                     defaultValue_other: "{{count}} new messages in thread"
@@ -224,7 +227,7 @@ const Q = R(
             ),
             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(
-                N,
+                k,
                 {
                   intent: "outline",
                   size: "sm",
@@ -243,11 +246,11 @@ const Q = R(
                 }
               ) : null,
               u && t ? /* @__PURE__ */ a(
-                N,
+                k,
                 {
                   intent: "link",
                   size: "sm",
-                  onClick: w,
+                  onClick: y,
                   className: "ds:relative ds:z-[1]",
                   children: u
                 }
@@ -260,8 +263,8 @@ const Q = R(
               icon: /* @__PURE__ */ a(G, {}),
               intent: "ghost",
               size: "sm",
-              "aria-label": o("ui.messageCard.dismiss", "Dismiss message"),
-              onClick: w
+              "aria-label": n("ui.messageCard.dismiss", "Dismiss message"),
+              onClick: y
             }
           ) }) : null
         ]
@@ -274,4 +277,4 @@ export {
   Q as M,
   O as i
 };
-//# sourceMappingURL=message-card-qhoGv947.js.map
+//# sourceMappingURL=message-card-DjvsB_3U.js.map