@alfadocs/ui-kit 0.70.0 → 0.71.0

package/dist/_chunks/list-checks-BUs75d_o.js

@@ -0,0 +1,18 @@
+import { c } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  ["path", { d: "M13 5h8", key: "a7qcls" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 19h8", key: "c3s6r1" }],
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }]
+], t = c("list-checks", e);
+export {
+  t as L
+};
+//# sourceMappingURL=list-checks-BUs75d_o.js.map

package/dist/_chunks/{marketplace-app-shell-Skhfp6vK.js → marketplace-app-shell-BGqkywsi.js}

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as a, Fragment as M } from "react/jsx-runtime";
 import { forwardRef as b, useState as P } from "react";
 import { useTranslation as T } from "react-i18next";
 import { c as u } from "./index-D2ZczOXr.js";
-import { A as E } from "./app-frame-BYx1gcV7.js";
+import { A as E } from "./app-frame-DIEMIC5V.js";
 import { A as C } from "./avatar-BNQNhoyL.js";
 import { A as D } from "./alert-CHYZ96tR.js";
 import { C as w } from "./card-DPmk26CL.js";
@@ -11,7 +11,7 @@ import { T as F } from "./tab-bar-Bv9nGNdO.js";
 import { a as S, H as q, g as G, f as A, e as J, c as K, d as Q } from "./header-CNszv2WQ.js";
 import { H as U } from "./header-settings-DJqoAl5m.js";
 import { S as X } from "./sign-in-with-alfadocs-button-LppxjlFt.js";
-import { S as Y, a as Z, j as _, k as aa, i as ea, h as z } from "./sidebar-DY9jGjgt.js";
+import { S as Y, a as Z, j as _, k as aa, i as ea, h as z } from "./sidebar-QCp9wHNP.js";
 import { T as sa } from "./theme-root-BOO73p5t.js";
 import { a as ta } from "./tooltip-DvmfrNvB.js";
 import { u as ra } from "./use-theme-CAuo6EYT.js";
@@ -510,4 +510,4 @@ export {
   va as M,
   g as P
 };
-//# sourceMappingURL=marketplace-app-shell-Skhfp6vK.js.map
+//# sourceMappingURL=marketplace-app-shell-BGqkywsi.js.map

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

@@ -0,0 +1,319 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as O, useMemo as Q, useState as Y, useRef as Z, useCallback as A } from "react";
+import { c as ss } from "./index-D2ZczOXr.js";
+import { useTranslation as es } from "react-i18next";
+import { I as as } from "./icon-button-LqoiKcUN.js";
+import { B as S } from "./button-DD_0Xdmr.js";
+import { A as rs } from "./avatar-BNQNhoyL.js";
+import { T as ds } from "./timestamp-BV2lC-wV.js";
+import { i as os } from "./is-safe-url-DkETxeHz.js";
+import { X as ns } from "./x-CCcI3eJp.js";
+const ts = ss(
+  [
+    "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",
+    // Compact rows are borderless (flat list — the rail / tray panel is the
+    // frame), matching NotificationCard so a mixed inbox feed reads as one
+    // flat list; the dashboard variant adds its own card border below.
+    // Forced-colors keeps a border on both so rows stay separated in HCM.
+    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        // Flat rows by default; the accessible (AAA) theme restores a hairline
+        // row divider so consecutive rows keep a visible boundary.
+        compact: "ds:items-start ds:group ds:[.theme-accessible_&]:border-b ds:[.theme-accessible_&]:border-[color:var(--card-border)]",
+        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"
+      },
+      // Compact-row chrome: flat (tray) vs elevated (own card on a rail).
+      // Mirrors AppointmentCard / NotificationCard so a rail feed of mixed
+      // cards reads consistently.
+      surface: {
+        flat: "",
+        elevated: "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]"
+      }
+    },
+    compoundVariants: [
+      // Compact rows no longer tint the background for unread — the read state
+      // is carried by the avatar's corner status ball instead.
+      {
+        variant: "compact",
+        state: "unread",
+        class: "ds:hover:bg-[color:var(--muted)]/40"
+      },
+      {
+        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",
+      surface: "flat"
+    }
+  }
+), V = [
+  "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(" "), ls = O(
+  ({
+    item: s,
+    variant: r = "compact",
+    surface: $ = "flat",
+    size: u = "sm",
+    onActivate: d,
+    onToggleRead: w,
+    onDismiss: n,
+    ctaLabel: f,
+    dismissLabel: m,
+    leaving: y,
+    className: F,
+    ...B
+  }, P) => {
+    const { t: o, i18n: C } = es(), R = Q(() => {
+      const e = new Date(s.sentAt);
+      return Number.isNaN(e.getTime()) ? "" : new Intl.DateTimeFormat(C.language, {
+        dateStyle: "medium",
+        timeStyle: "short"
+      }).format(e);
+    }, [s.sentAt, C.language]), p = y !== void 0, [I, L] = Y(!1), g = Z(null), N = p ? y : I, k = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, j = A(
+      (e) => {
+        if (e == null || e.preventDefault(), e == null || e.stopPropagation(), !n) return;
+        if (p || k) {
+          n(s);
+          return;
+        }
+        L(!0), g.current && clearTimeout(g.current);
+        const x = typeof window < "u" && window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration") || "200ms", K = x.trim().endsWith("ms") ? parseFloat(x) : parseFloat(x) * 1e3;
+        g.current = setTimeout(
+          () => n(s),
+          Number.isFinite(K) ? K : 200
+        );
+      },
+      [n, s, p, k]
+    ), U = s.read ? "read" : "unread", D = s.read ? "" : o("messageCard.unreadSuffix", ", unread"), E = s.subject ? o("messageCard.subjectFragment", {
+      subject: s.subject,
+      defaultValue: " — {{subject}}"
+    }) : "", z = o("messageCard.itemLabel", {
+      sender: s.sender.name,
+      subjectFragment: E,
+      time: R,
+      unreadSuffix: D,
+      defaultValue: "Message from {{sender}}{{subjectFragment}}, {{time}}{{unreadSuffix}}"
+    }), b = !!s.url && os(s.url), i = /* @__PURE__ */ a(
+      "span",
+      {
+        className: [
+          "ds:flex-1 ds:min-w-0 ds:truncate",
+          s.read ? "ds:font-normal" : "ds:font-semibold"
+        ].join(" "),
+        children: s.sender.name
+      }
+    );
+    let t;
+    r === "compact" && b && d ? t = /* @__PURE__ */ a(
+      "a",
+      {
+        href: s.url,
+        "aria-label": z,
+        className: V + " ds:contents",
+        onClick: (e) => {
+          e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || (e.preventDefault(), d(s));
+        },
+        children: i
+      }
+    ) : r === "compact" && d ? t = /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        "aria-label": z,
+        className: V + " ds:contents ds:bg-transparent ds:border-0 ds:p-0",
+        onClick: () => d(s),
+        children: i
+      }
+    ) : r === "dashboard" && b && d ? t = /* @__PURE__ */ a(
+      "a",
+      {
+        href: s.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: (e) => {
+          e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || d(s);
+        },
+        children: i
+      }
+    ) : t = i;
+    const T = typeof s.unreadCount == "number" && s.unreadCount > 1, v = o("messageCard.threadCount", {
+      count: s.unreadCount,
+      defaultValue_one: "{{count}} new message in thread",
+      defaultValue_other: "{{count}} new messages in thread"
+    }), H = T ? /* @__PURE__ */ a(
+      "span",
+      {
+        role: "img",
+        "aria-label": v,
+        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: s.unreadCount
+      }
+    ) : null, h = "ds:absolute ds:top-[calc(var(--spacing-xs)*-1)] ds:end-[calc(var(--spacing-xs)*-1)] ds:z-[1]", W = "ds:block ds:size-[calc(var(--spacing-sm)+var(--spacing-xs))] ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:ring-2 ds:ring-[color:var(--card)] ds:forced-colors:bg-[Highlight]", X = "ds:block ds:size-[calc(var(--spacing-sm)+var(--spacing-xs))] ds:rounded-[var(--radius-full)] ds:bg-[color:var(--card)] ds:border-2 ds:border-[color:color-mix(in_srgb,var(--muted-foreground)_55%,transparent)] ds:forced-colors:border-[CanvasText]", M = "ds:inline-flex ds:items-center ds:justify-center ds:min-w-[calc(var(--spacing-md)+var(--spacing-2xs))] ds:h-[calc(var(--spacing-md)+var(--spacing-2xs))] ds:px-[var(--spacing-2xs)] ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none ds:ring-2 ds:ring-[color:var(--card)] ds:forced-colors:bg-[Highlight] ds:forced-colors:text-[CanvasText]", q = 'ds:cursor-pointer ds:outline-none 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)] ds:forced-colors:focus-visible:outline-[CanvasText] ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden', c = !s.read && T, _ = s.read ? X : c ? M : W, G = r !== "compact" ? null : w ? /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        onClick: () => w(s),
+        "aria-label": s.read ? o("messageCard.markAsUnread", "Mark as unread") : c ? `${v}, ${o("messageCard.markAsRead", "Mark as read")}` : o("messageCard.markAsRead", "Mark as read"),
+        className: `${h} ${_} ${q}`,
+        children: c ? /* @__PURE__ */ a("span", { "aria-hidden": "true", children: s.unreadCount }) : null
+      }
+    ) : c ? /* @__PURE__ */ a(
+      "span",
+      {
+        role: "img",
+        "aria-label": v,
+        className: `${h} ${M}`,
+        children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: s.unreadCount })
+      }
+    ) : /* @__PURE__ */ a("span", { "aria-hidden": "true", className: `${h} ${_}` }), J = u === "md" ? "ds:top-[var(--spacing-md)] ds:end-[var(--spacing-md)]" : "ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]";
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: P,
+        role: "listitem",
+        "data-component": "message-card",
+        "data-component-id": s.id,
+        "data-read": s.read ? "true" : "false",
+        "data-leaving": N ? "true" : void 0,
+        "aria-hidden": N || void 0,
+        className: ts({
+          variant: r,
+          size: u,
+          state: U,
+          surface: r === "compact" ? $ : "flat",
+          className: F
+        }),
+        ...B,
+        children: [
+          /* @__PURE__ */ l("span", { className: "ds:relative ds:shrink-0", children: [
+            /* @__PURE__ */ a(
+              rs,
+              {
+                name: s.sender.name,
+                src: s.sender.avatarUrl,
+                size: u === "md" ? "md" : "sm",
+                "aria-hidden": "true",
+                role: "presentation",
+                "aria-label": void 0
+              }
+            ),
+            G
+          ] }),
+          /* @__PURE__ */ l("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ l("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              r === "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 }),
+              r === "dashboard" ? H : null
+            ] }),
+            s.subject ? /* @__PURE__ */ a(
+              "p",
+              {
+                className: [
+                  "ds:m-0 type-body-sm ds:text-[color:var(--foreground)] ds:truncate",
+                  s.read ? "ds:font-normal" : "ds:font-semibold"
+                ].join(" "),
+                children: s.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: s.preview }),
+            /* @__PURE__ */ a(
+              ds,
+              {
+                value: s.sentAt,
+                shape: "chip",
+                size: "sm",
+                relativeWindow: 720 * 60 * 1e3
+              }
+            ),
+            r === "dashboard" && (f || m) ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              f && b ? /* @__PURE__ */ a(
+                S,
+                {
+                  intent: "outline",
+                  size: "sm",
+                  asChild: !0,
+                  className: "ds:relative ds:z-[1]",
+                  children: /* @__PURE__ */ a(
+                    "a",
+                    {
+                      href: s.url,
+                      onClick: (e) => {
+                        e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || d == null || d(s);
+                      },
+                      children: f
+                    }
+                  )
+                }
+              ) : null,
+              m && n ? /* @__PURE__ */ a(
+                S,
+                {
+                  intent: "link",
+                  size: "sm",
+                  onClick: j,
+                  className: "ds:relative ds:z-[1]",
+                  children: m
+                }
+              ) : null
+            ] }) : null
+          ] }),
+          r === "compact" && n ? /* @__PURE__ */ a(
+            "span",
+            {
+              className: "ds:absolute ds:z-[2] ds:opacity-0 ds:pointer-events-none ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-hover:pointer-events-auto ds:group-focus-within:opacity-100 ds:group-focus-within:pointer-events-auto " + J,
+              children: /* @__PURE__ */ a(
+                as,
+                {
+                  icon: /* @__PURE__ */ a(ns, {}),
+                  intent: "ghost",
+                  size: "sm",
+                  "aria-label": o("messageCard.dismiss", "Dismiss message"),
+                  onClick: j
+                }
+              )
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+ls.displayName = "MessageCard";
+export {
+  ls as M
+};
+//# sourceMappingURL=message-card-DsHFFiL1.js.map