@alfadocs/ui-kit 0.2.0 → 0.2.1

package/dist/_chunks/{combobox-DCNXqbC7.js → combobox-BLWruOxK.js}

@@ -1,14 +1,14 @@
 import { jsx as o, jsxs as I } from "react/jsx-runtime";
-import { forwardRef as $e, useContext as ke, useState as M, useMemo as Q, useRef as v, useLayoutEffect as Oe, useEffect as E, useCallback as Ve } from "react";
+import { forwardRef as $e, useContext as ke, useState as G, useMemo as M, useRef as v, useLayoutEffect as Oe, useEffect as E, useCallback as Ve } from "react";
 import * as F from "@radix-ui/react-popover";
 import { R as qe, _ as u, P as Be } from "./index-4xgbg-sn.js";
 import { c as D } from "./index-D2ZczOXr.js";
 import { useTranslation as Ue } from "react-i18next";
 import { u as He, F as Ge } from "./form-field-context-B3APVHKx.js";
 import { c as Me } from "./compose-refs-C0k0tdqF.js";
-import { n as K } from "./normalize-diacritics-BNGbFNlJ.js";
-import { g as Qe } from "./group-options-BvKhQ3xb.js";
-import { I as Ke, a as L, d as X, c as Le } from "./input-surface-u4QB0lxe.js";
+import { n as L } from "./normalize-diacritics-BNGbFNlJ.js";
+import { g as Le } from "./group-options-BvKhQ3xb.js";
+import { I as Qe, a as Q, d as K, c as Ke } from "./input-surface-u4QB0lxe.js";
 import { u as Xe } from "./registry-C9nwlNyL.js";
 import { X as We } from "./x-CCcI3eJp.js";
 import { C as Je } from "./check-DPdL_Sm7.js";
@@ -104,16 +104,16 @@ const Ye = {
 ), et = D(
   [
     "ds:group ds:relative ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:w-full",
-    Le
+    Ke
   ].join(" "),
   {
     variants: {
       size: {
-        sm: `${L.sm} ${X.sm}`,
-        md: `${L.md} ${X.md}`,
-        lg: `${L.lg} ${X.lg}`
+        sm: `${Q.sm} ${K.sm}`,
+        md: `${Q.md} ${K.md}`,
+        lg: `${Q.lg} ${K.lg}`
       },
-      tone: Ke
+      tone: Qe
     },
     defaultVariants: {
       size: "md",
@@ -132,7 +132,7 @@ const Ye = {
     "ds:data-[side=top]:slide-in-from-bottom-2",
     "ds:motion-reduce:animate-none"
   ].join(" ")
-), re = D(
+), ae = D(
   [
     "ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -176,7 +176,7 @@ function at({
       keywords: [],
       forceMount: !0,
       onSelect: () => j(s),
-      className: re({ size: P }),
+      className: ae({ size: P }),
       children: [
         /* @__PURE__ */ o(
           "span",
@@ -190,66 +190,66 @@ function at({
     }
   );
 }
-const ae = $e(
+const ie = $e(
   function({
     options: r,
     value: y,
     defaultValue: P,
     onValueChange: j,
-    placeholder: W,
+    placeholder: X,
     clearable: A = !1,
-    disabled: ie,
-    readOnly: de,
-    required: le,
-    name: ce,
+    disabled: de,
+    readOnly: le,
+    required: ce,
+    name: ue,
     id: T,
     size: x = "md",
-    tone: ue = "default",
+    tone: me = "default",
     filter: $,
-    allowCreate: me = !1,
+    allowCreate: fe = !1,
     onCreate: k,
-    open: J,
+    open: W,
     onOpenChange: m,
-    emptyMessage: fe,
-    className: pe,
-    "aria-label": O
-  }, be) {
-    const { t: C } = Ue(), h = He(), N = ke(Ge) !== null, [he, V] = M(
+    emptyMessage: pe,
+    className: be,
+    "aria-label": J
+  }, he) {
+    const { t: C } = Ue(), h = He(), N = ke(Ge) !== null, [ge, O] = G(
       y ?? P ?? ""
-    ), z = y !== void 0, f = z ? y : he, q = Q(
+    ), z = y !== void 0, f = z ? y : ge, V = M(
       () => r.find((e) => e.value === f),
       [r, f]
-    ), S = (q == null ? void 0 : q.label) ?? "", [p, i] = M(S), [ge, Y] = M(!1), R = J !== void 0, d = R ? J : ge, w = v(!1), _ = v(null), Z = v(null);
+    ), S = (V == null ? void 0 : V.label) ?? "", [p, i] = G(S), [ve, Y] = G(!1), R = W !== void 0, d = R ? W : ve, w = v(!1), _ = v(null), Z = v(null);
     Oe(() => {
       var e;
       (e = _.current) == null || e.setAttribute("aria-expanded", String(d));
     }), E(() => {
       d || i(S);
     }, [S, d]);
-    const ve = T ?? (N ? h.id : void 0), B = (N ? h.disabled : !1) || !!ie, g = !!de, ye = (N ? h.required : !1) || !!le, ee = N ? h.invalid : !1, xe = ee ? "error" : ue, Ce = N && h.describedBy ? h.describedBy : void 0, Ne = W ?? C("ui.inputs.combobox.placeholder", "Search…"), ze = Q(
+    const ye = T ?? (N ? h.id : void 0), q = (N ? h.disabled : !1) || !!de, g = !!le, xe = (N ? h.required : !1) || !!ce, ee = N ? h.invalid : !1, Ce = ee ? "error" : me, Ne = N && h.describedBy ? h.describedBy : void 0, te = X ?? C("ui.inputs.combobox.placeholder", "Search…"), ze = M(
       () => (e, t, n) => {
         if (w.current) return 1;
-        const b = K(e), a = K(t), G = n == null ? void 0 : n.map(K);
+        const b = L(e), a = L(t), H = n == null ? void 0 : n.map(L);
         return $ ? $(b, a) : qe(
           b,
           a,
-          G
+          H
         );
       },
       [$]
-    ), l = j, te = (e) => {
-      z || V(e), l == null || l(e);
+    ), l = j, se = (e) => {
+      z || O(e), l == null || l(e);
     }, c = (e) => {
       R || Y(e), m == null || m(e);
     }, Se = (e) => {
       const t = r.find((n) => n.value === e);
-      te(e), i((t == null ? void 0 : t.label) ?? ""), c(!1);
+      se(e), i((t == null ? void 0 : t.label) ?? ""), c(!1);
     }, Ie = (e) => {
       k == null || k(e), c(!1);
     }, Re = (e) => {
       g || (i(e), !d && e.length > 0 && !w.current && c(!0));
     }, we = () => {
-      !B && !g && c(!0);
+      !q && !g && c(!0);
     }, _e = () => {
       w.current = !0;
     }, Ee = () => {
@@ -261,34 +261,34 @@ const ae = $e(
       e.nativeEvent.isComposing || e.key === "Escape" && d && (e.preventDefault(), c(!1), i(S));
     }, De = (e) => {
       var t;
-      e.preventDefault(), e.stopPropagation(), te(""), i(""), c(!0), (t = _.current) == null || t.focus();
+      e.preventDefault(), e.stopPropagation(), se(""), i(""), c(!0), (t = _.current) == null || t.focus();
     }, Pe = (e) => {
       g && e || (c(e), e || i(S));
-    }, se = v(f);
+    }, oe = v(f);
     E(() => {
-      se.current = f;
+      oe.current = f;
     }, [f]);
-    const oe = v(p);
+    const ne = v(p);
     E(() => {
-      oe.current = p;
+      ne.current = p;
     }, [p]);
-    const ne = v(d);
+    const re = v(d);
     E(() => {
-      ne.current = d;
+      re.current = d;
     }, [d]);
-    const U = Ve(
+    const B = Ve(
       (e) => {
         R || Y(e), m == null || m(e);
       },
       [R, m]
-    ), je = Q(
+    ), je = M(
       () => ({
-        getValue: () => se.current || null,
-        getQuery: () => oe.current,
-        getIsOpen: () => ne.current,
+        getValue: () => oe.current || null,
+        getQuery: () => ne.current,
+        getIsOpen: () => re.current,
         setValue: (e) => {
           const t = e ?? "";
-          z || V(t), l == null || l(t);
+          z || O(t), l == null || l(t);
           const n = r.find((b) => b.value === t);
           i((n == null ? void 0 : n.label) ?? "");
         },
@@ -296,22 +296,22 @@ const ae = $e(
           i(e);
         },
         clear: () => {
-          z || V(""), l == null || l(""), i("");
+          z || O(""), l == null || l(""), i("");
         },
-        open: () => U(!0),
-        close: () => U(!1)
+        open: () => B(!0),
+        close: () => B(!1)
       }),
-      [l, z, r, U]
+      [l, z, r, B]
     );
     Xe(Ye, je, T);
-    const Ae = A && !!f && !B && !g, Te = Qe(r), H = rt[x];
+    const Ae = A && !!f && !q && !g, Te = Le(r), U = rt[x];
     return /* @__PURE__ */ o(F.Root, { open: d, onOpenChange: Pe, children: /* @__PURE__ */ I(
       u,
       {
         filter: ze,
         shouldFilter: !0,
         loop: !0,
-        label: O,
+        label: J ?? te,
         className: "ds:w-full",
         children: [
           /* @__PURE__ */ o(F.Anchor, { asChild: !0, children: /* @__PURE__ */ I(
@@ -320,8 +320,8 @@ const ae = $e(
               ref: Z,
               className: et({
                 size: x,
-                tone: xe,
-                className: pe
+                tone: Ce,
+                className: be
               }),
               "data-component": "combobox",
               "data-component-id": T,
@@ -329,17 +329,16 @@ const ae = $e(
                 /* @__PURE__ */ o(
                   u.Input,
                   {
-                    ref: Me(be, _),
+                    ref: Me(he, _),
                     value: p,
                     onValueChange: Re,
-                    id: ve,
-                    name: ce,
-                    placeholder: Ne,
-                    disabled: B,
+                    id: ye,
+                    name: ue,
+                    placeholder: te,
+                    disabled: q,
                     readOnly: g,
-                    required: ye,
-                    "aria-label": O,
-                    "aria-describedby": Ce,
+                    required: xe,
+                    "aria-describedby": Ne,
                     "aria-invalid": ee || void 0,
                     onFocus: we,
                     onKeyDown: Fe,
@@ -374,7 +373,7 @@ const ae = $e(
             {
               forceMount: !0,
               hidden: !d,
-              "aria-label": O ?? C("ui.inputs.combobox.popupLabel", "Options"),
+              "aria-label": J ?? C("ui.inputs.combobox.popupLabel", "Options"),
               onOpenAutoFocus: (e) => e.preventDefault(),
               onCloseAutoFocus: (e) => e.preventDefault(),
               onInteractOutside: (e) => {
@@ -386,10 +385,10 @@ const ae = $e(
               align: "start",
               className: tt(),
               children: /* @__PURE__ */ I(u.List, { className: ot, children: [
-                /* @__PURE__ */ o(u.Empty, { className: nt, children: fe ?? C("ui.inputs.combobox.empty", "No results found") }),
+                /* @__PURE__ */ o(u.Empty, { className: nt, children: pe ?? C("ui.inputs.combobox.empty", "No results found") }),
                 Te.map(({ group: e, items: t }, n) => {
                   const b = t.map((a) => {
-                    const G = a.value === f;
+                    const H = a.value === f;
                     return /* @__PURE__ */ I(
                       u.Item,
                       {
@@ -397,14 +396,14 @@ const ae = $e(
                         keywords: [a.label],
                         disabled: a.disabled,
                         onSelect: Se,
-                        className: re({ size: x }),
+                        className: ae({ size: x }),
                         children: [
                           /* @__PURE__ */ o(
                             "span",
                             {
                               "aria-hidden": "true",
-                              className: `ds:inline-flex ds:items-center ds:justify-center ${H}`,
-                              children: G ? /* @__PURE__ */ o(Je, { className: H }) : null
+                              className: `ds:inline-flex ds:items-center ds:justify-center ${U}`,
+                              children: H ? /* @__PURE__ */ o(Je, { className: U }) : null
                             }
                           ),
                           /* @__PURE__ */ o("span", { className: "ds:flex-1 ds:truncate", children: a.label }),
@@ -423,7 +422,7 @@ const ae = $e(
                     `group-${e}`
                   ) : /* @__PURE__ */ o(u.Group, { children: b }, `group-${n}`);
                 }),
-                me && p.length > 0 ? /* @__PURE__ */ o(
+                fe && p.length > 0 ? /* @__PURE__ */ o(
                   at,
                   {
                     search: p,
@@ -434,7 +433,7 @@ const ae = $e(
                         value: p
                       }
                     ),
-                    iconClass: H,
+                    iconClass: U,
                     size: x,
                     onSelect: Ie
                   }
@@ -447,14 +446,14 @@ const ae = $e(
     ) });
   }
 );
-ae.displayName = "Combobox";
-const xt = ae;
+ie.displayName = "Combobox";
+const xt = ie;
 export {
   xt as C,
   tt as a,
   Ze as b,
   Ye as c,
-  re as d,
+  ae as d,
   et as e
 };
-//# sourceMappingURL=combobox-DCNXqbC7.js.map
+//# sourceMappingURL=combobox-BLWruOxK.js.map

package/dist/_chunks/{freemium-paywall-CnvceDav.js → freemium-paywall-CrVefV0M.js}

@@ -7,7 +7,7 @@ import { useTranslation as Z } from "react-i18next";
 import { u as $ } from "./registry-C9nwlNyL.js";
 import { B as j } from "./button-DD_0Xdmr.js";
 import { P as ee } from "./progress-C11tqhoI.js";
-import { f as se } from "./payment-form-C3vT_npe.js";
+import { f as se } from "./payment-form-B_BdHwjb.js";
 import { T as ae } from "./triangle-alert-CBPUIzQo.js";
 import { C as re } from "./check-DPdL_Sm7.js";
 const te = {
@@ -264,4 +264,4 @@ export {
   de as F,
   te as f
 };
-//# sourceMappingURL=freemium-paywall-CnvceDav.js.map
+//# sourceMappingURL=freemium-paywall-CrVefV0M.js.map

package/dist/_chunks/{link-8QmFjIz2.js → link-BcYW1eNM.js}

@@ -1,4 +1,4 @@
-import { jsxs as y, jsx as s } from "react/jsx-runtime";
+import { jsxs as b, jsx as n } from "react/jsx-runtime";
 import { forwardRef as k } from "react";
 import { c as w } from "./index-D2ZczOXr.js";
 import { useTranslation as N } from "react-i18next";
@@ -15,7 +15,7 @@ const _ = [
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ], j = L("external-link", _), T = w(
   [
-    "ds:inline ds:underline-offset-4",
+    "ds:underline-offset-4",
     "ds:rounded-[var(--radius-xs)]",
     "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
@@ -37,73 +37,89 @@ const _ = [
       weight: {
         normal: "ds:font-normal",
         strong: "ds:font-semibold"
+      },
+      // When the link carries an icon, the anchor itself becomes a flex
+      // container so glyphs centre on the text optical centre — the
+      // previous `vertical-align: -0.125em` heuristic over-corrected when
+      // the link was the only thing on its line (e.g. each <li> of a
+      // vertical sidebar nav). Text-only links remain plain `inline` so
+      // they wrap naturally inside a paragraph.
+      hasIcon: {
+        no: "ds:inline",
+        yes: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"
       }
     },
     defaultVariants: {
       intent: "default",
-      weight: "normal"
+      weight: "normal",
+      hasIcon: "no"
     }
   }
 ), q = k(
   ({
     href: l,
-    external: i = !1,
-    disabled: e = !1,
-    startIcon: a,
-    endIcon: r,
+    external: e = !1,
+    disabled: s = !1,
+    startIcon: i,
+    endIcon: a,
     intent: t,
     weight: c,
     className: f,
     children: u,
     target: m,
-    rel: d,
-    onClick: n,
+    rel: r,
+    onClick: o,
     ...v
-  }, p) => {
-    const { t: h } = N(), g = i ? "_blank" : m, x = i ? [d, "noopener", "noreferrer"].filter(Boolean).join(" ") : d, b = h("ui.link.opensInNewTab", "Opens in a new tab");
-    return /* @__PURE__ */ y(
+  }, h) => {
+    const { t: p } = N(), g = e ? "_blank" : m, x = e ? [r, "noopener", "noreferrer"].filter(Boolean).join(" ") : r, y = p("ui.link.opensInNewTab", "Opens in a new tab");
+    return /* @__PURE__ */ b(
       "a",
       {
-        ref: p,
-        href: e ? void 0 : l,
-        role: e ? "link" : void 0,
-        "aria-disabled": e || void 0,
+        ref: h,
+        href: s ? void 0 : l,
+        role: s ? "link" : void 0,
+        "aria-disabled": s || void 0,
         target: g,
         rel: x || void 0,
-        onClick: (o) => {
-          if (e) {
-            o.preventDefault();
+        onClick: (d) => {
+          if (s) {
+            d.preventDefault();
             return;
           }
-          n == null || n(o);
+          o == null || o(d);
         },
         "data-component": "link",
         "data-intent": t ?? "default",
-        className: T({ intent: t, weight: c, className: f }),
+        className: T({
+          intent: t,
+          weight: c,
+          hasIcon: !!(i || a || e) ? "yes" : "no",
+          className: f
+        }),
         ...v,
         children: [
-          a ? /* @__PURE__ */ s(
+          i ? /* @__PURE__ */ n(
             "span",
             {
               "aria-hidden": "true",
-              className: "ds:inline-flex ds:items-center ds:me-[var(--spacing-2xs)] ds:[&_svg]:size-[1em] ds:align-[-0.125em]",
-              children: a
+              className: "ds:inline-flex ds:items-center ds:[&_svg]:size-[1em]",
+              children: i
             }
           ) : null,
           u,
-          i ? /* @__PURE__ */ s(
+          e ? /* @__PURE__ */ n(
             "span",
             {
-              className: "ds:inline-flex ds:items-center ds:ms-[var(--spacing-2xs)] ds:align-[-0.125em]",
-              "aria-label": b,
-              children: /* @__PURE__ */ s(j, { "aria-hidden": "true", className: "ds:size-[1em]" })
+              className: "ds:inline-flex ds:items-center",
+              "aria-label": y,
+              children: /* @__PURE__ */ n(j, { "aria-hidden": "true", className: "ds:size-[1em]" })
             }
-          ) : r ? /* @__PURE__ */ s(
+          ) : a ? /* @__PURE__ */ n(
             "span",
             {
               "aria-hidden": "true",
-              className: "ds:inline-flex ds:items-center ds:ms-[var(--spacing-2xs)] ds:[&_svg]:size-[1em] ds:align-[-0.125em]",
-              children: r
+              className: "ds:inline-flex ds:items-center ds:[&_svg]:size-[1em]",
+              children: a
             }
           ) : null
         ]
@@ -115,4 +131,4 @@ q.displayName = "Link";
 export {
   q as L
 };
-//# sourceMappingURL=link-8QmFjIz2.js.map
+//# sourceMappingURL=link-BcYW1eNM.js.map

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

@@ -1,13 +1,13 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as B, useMemo as L, useState as U, useRef as W, useCallback as _ } from "react";
-import { c as E } from "./index-D2ZczOXr.js";
-import { useTranslation as H } from "react-i18next";
-import { I as X } from "./icon-button-C4CGcYuz.js";
+import { c as D } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { I as H } from "./icon-button-C4CGcYuz.js";
 import { B as k } from "./button-DD_0Xdmr.js";
-import { A as q } from "./avatar-Dcr6XuDQ.js";
-import { T as D } from "./timestamp-BV2lC-wV.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 = E(
+const J = D(
   [
     "ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -84,7 +84,7 @@ const Q = B(
     className: T,
     ...z
   }, K) => {
-    const { t: n, i18n: v } = H(), M = L(() => {
+    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",
@@ -132,7 +132,7 @@ const Q = B(
         "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
       }
@@ -171,7 +171,7 @@ const Q = B(
         ...z,
         children: [
           /* @__PURE__ */ a(
-            q,
+            X,
             {
               name: e.sender.name,
               src: e.sender.avatarUrl,
@@ -217,7 +217,7 @@ const Q = B(
             ) : 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(
-              D,
+              q,
               {
                 value: e.sentAt,
                 shape: "chip",
@@ -258,7 +258,7 @@ const Q = B(
             ] }) : null
           ] }),
           d === "compact" && t ? /* @__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(
-            X,
+            H,
             {
               icon: /* @__PURE__ */ a(G, {}),
               intent: "ghost",
@@ -277,4 +277,4 @@ export {
   Q as M,
   O as i
 };
-//# sourceMappingURL=message-card-ChCX9Iv6.js.map
+//# sourceMappingURL=message-card-DjvsB_3U.js.map