@alfadocs/ui-kit 1.47.1 → 1.48.0

package/dist/_chunks/{command-palette-DQl_SNEv.js → command-palette-DhgGo7GJ.js}

@@ -1,11 +1,12 @@
-import { jsx as s, jsxs as m, Fragment as T } from "react/jsx-runtime";
-import { forwardRef as u, useState as w, useEffect as v, useRef as C, useMemo as k, useCallback as B } from "react";
+import { jsx as s, jsxs as m, Fragment as K } from "react/jsx-runtime";
+import { forwardRef as u, useState as k, useEffect as v, useRef as C, useMemo as w, useCallback as B } from "react";
 import { _ as p, R as J } from "./index-4xgbg-sn.js";
 import * as h from "@radix-ui/react-dialog";
-import { useTranslation as j } from "react-i18next";
-import { u as V } from "./registry-DvAUVLHh.js";
+import { useTranslation as R } from "react-i18next";
+import { b as V } from "./menu-row-BAr8bx1I.js";
+import { u as W } from "./registry-DvAUVLHh.js";
 import { S as $ } from "./search-QbWPlY5f.js";
-const W = {
+const U = {
   id: "command-palette",
   // The curated handle exposes open/close + the filter query only. Running a
   // highlighted command is internal to the dialog (not on the handle), so no
@@ -81,30 +82,30 @@ const W = {
 function y(e) {
   return e.normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
 }
-const X = (e, t, a) => J(y(e), y(t), a == null ? void 0 : a.map(y)), L = "ui.cmdk.recents", R = 5;
+const X = (e, t, a) => J(y(e), y(t), a == null ? void 0 : a.map(y)), L = "ui.cmdk.recents", j = 5;
 function Y() {
   if (typeof window > "u") return [];
   try {
     const e = window.localStorage.getItem(L);
     if (!e) return [];
     const t = JSON.parse(e);
-    return Array.isArray(t) ? t.slice(0, R).filter((a) => typeof a == "string") : [];
+    return Array.isArray(t) ? t.slice(0, j).filter((a) => typeof a == "string") : [];
   } catch {
     return [];
   }
 }
-function q(e) {
+function T(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(
         L,
-        JSON.stringify(e.slice(0, R))
+        JSON.stringify(e.slice(0, j))
       );
     } catch {
     }
 }
-function me() {
-  const [e, t] = w(!1);
+function pe() {
+  const [e, t] = k(!1);
   return v(() => {
     function a(r) {
       if ((r.metaKey || r.ctrlKey) && r.key === "k") {
@@ -117,7 +118,7 @@ function me() {
     return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
   }, [e]), { open: e, setOpen: t };
 }
-const U = [
+const Z = [
   "ds:flex ds:h-full ds:w-full ds:flex-col ds:overflow-hidden",
   "ds:rounded-[var(--radius-md)]",
   "ds:bg-[var(--background)] ds:text-[var(--foreground)]"
@@ -126,18 +127,18 @@ const U = [
   {
     ref: o,
     filter: t,
-    className: [U, e].filter(Boolean).join(" "),
+    className: [Z, e].filter(Boolean).join(" "),
     "data-component": "command-palette",
     "data-component-id": a,
     ...r
   }
 ));
 M.displayName = "CommandPalette";
-const Z = [
+const ee = [
   "ds:flex ds:items-center",
   "ds:border-block-end ds:border-[var(--border)]",
   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-sm)]"
-].join(" "), ee = [
+].join(" "), te = [
   "ds:flex ds:w-full ds:bg-transparent",
   "ds:min-h-[var(--min-target-size)]",
   "ds:text-[var(--font-size-base)] ds:text-[var(--foreground)]",
@@ -145,9 +146,9 @@ const Z = [
   "ds:outline-none",
   "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
   "ds:border-0"
-].join(" "), A = u(({ className: e, placeholder: t, ...a }, r) => {
-  const { t: o } = j();
-  return /* @__PURE__ */ m("div", { className: Z, children: [
+].join(" "), O = u(({ className: e, placeholder: t, ...a }, r) => {
+  const { t: o } = R();
+  return /* @__PURE__ */ m("div", { className: ee, children: [
     /* @__PURE__ */ s(
       $,
       {
@@ -160,14 +161,14 @@ const Z = [
       {
         ref: r,
         placeholder: t ?? o("navigation.cmdk.placeholder", "Type a command or search…"),
-        className: [ee, e].filter(Boolean).join(" "),
+        className: [te, e].filter(Boolean).join(" "),
         ...a
       }
     )
   ] });
 });
-A.displayName = "CommandInput";
-const D = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+O.displayName = "CommandInput";
+const A = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   p.List,
   {
     ref: a,
@@ -180,9 +181,9 @@ const D = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
     ...t
   }
 ));
-D.displayName = "CommandList";
-const O = u(({ className: e, children: t, ...a }, r) => {
-  const { t: o } = j();
+A.displayName = "CommandList";
+const D = u(({ className: e, children: t, ...a }, r) => {
+  const { t: o } = R();
   return /* @__PURE__ */ s(
     p.Empty,
     {
@@ -197,7 +198,7 @@ const O = u(({ className: e, children: t, ...a }, r) => {
     }
   );
 });
-O.displayName = "CommandEmpty";
+D.displayName = "CommandEmpty";
 const N = u(({ className: e, heading: t, ...a }, r) => /* @__PURE__ */ s(
   p.Group,
   {
@@ -217,7 +218,7 @@ const N = u(({ className: e, heading: t, ...a }, r) => /* @__PURE__ */ s(
   }
 ));
 N.displayName = "CommandGroup";
-const te = [
+const ae = [
   "ds:relative ds:flex ds:items-center",
   "ds:gap-[var(--spacing-sm)]",
   "ds:min-h-[var(--min-target-size)]",
@@ -225,20 +226,19 @@ const te = [
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
   "ds:text-[var(--font-size-sm)] ds:text-[var(--foreground)]",
   "ds:cursor-pointer ds:select-none ds:outline-none",
-  "ds:data-[selected=true]:bg-[var(--primary)] ds:data-[selected=true]:text-[var(--primary-foreground)]",
-  "ds:data-[selected=true]:font-[var(--font-weight-semibold)]",
+  V.selected,
   "ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
 ].join(" "), x = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   p.Item,
   {
     ref: a,
-    className: [te, e].filter(Boolean).join(" "),
+    className: [ae, e].filter(Boolean).join(" "),
     ...t
   }
 ));
 x.displayName = "CommandItem";
-const F = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+const G = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   p.Separator,
   {
     ref: a,
@@ -251,7 +251,7 @@ const F = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
     ...t
   }
 ));
-F.displayName = "CommandSeparator";
+G.displayName = "CommandSeparator";
 const S = u(
   ({ className: e, children: t, ...a }, r) => /* @__PURE__ */ s(
     "kbd",
@@ -264,8 +264,10 @@ const S = u(
         "ds:h-5 ds:rounded-[var(--radius-sm)]",
         "ds:bg-[var(--muted)]/20 ds:text-[var(--muted-foreground)]",
         "ds:text-[length:var(--font-size-xs)] ds:font-[var(--font-weight-medium)]",
-        "ds:data-[selected=true]:bg-[var(--primary-foreground)]/20",
-        "ds:data-[selected=true]:text-[var(--primary-foreground)]",
+        // On the lit row the chip matches the row fill, so an inset ring
+        // keeps it a key cap.
+        "ds:group-data-[selected=true]/menu-row:ring-[length:var(--border-width-sm)] ds:group-data-[selected=true]/menu-row:ring-inset",
+        "ds:group-data-[selected=true]/menu-row:ring-[color:var(--accent-foreground)]",
         e ?? ""
       ].filter(Boolean).join(" "),
       ...a,
@@ -274,24 +276,24 @@ const S = u(
   )
 );
 S.displayName = "CommandShortcut";
-function ae(e, t) {
+function se(e, t) {
   if (!t) return e;
   const a = y(e), r = y(t), o = a.indexOf(r);
   if (o === -1) return e;
   const d = e.slice(0, o), l = e.slice(o, o + r.length), g = e.slice(o + r.length);
-  return /* @__PURE__ */ m(T, { children: [
+  return /* @__PURE__ */ m(K, { children: [
     d,
-    /* @__PURE__ */ s("mark", { className: "ds:bg-[var(--accent)]/20 ds:text-inherit ds:rounded-[var(--radius-sm)] ds:px-[0.125em]", children: l }),
+    /* @__PURE__ */ s("mark", { className: "ds:bg-[var(--accent)]/20 ds:text-inherit ds:rounded-[var(--radius-sm)] ds:px-[0.125em] ds:group-data-[selected=true]/menu-row:bg-transparent ds:group-data-[selected=true]/menu-row:underline", children: l }),
     g
   ] });
 }
-const se = [
+const ne = [
   "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
   "ds:bg-[var(--background)]/70 ds:backdrop-blur-sm",
   "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
   "ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out",
   "ds:motion-reduce:animate-none"
-].join(" "), ne = [
+].join(" "), re = [
   "ds:fixed ds:z-[var(--z-modal)]",
   // Logical-inset arbitrary-value positioning: `inset-inline-start-1/2`
   // isn't a real Tailwind class (the generator maps fractions only to
@@ -307,81 +309,81 @@ const se = [
   "ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95",
   "ds:motion-reduce:animate-none",
   "ds:focus:outline-none"
-].join(" "), K = ({ children: e }) => /* @__PURE__ */ s("span", { className: "ds:sr-only", children: e });
-function ue({
+].join(" "), q = ({ children: e }) => /* @__PURE__ */ s("span", { className: "ds:sr-only", children: e });
+function ge({
   open: e,
   onOpenChange: t,
   commands: a,
   header: r,
   id: o
 }) {
-  const { t: d } = j(), [l, g] = w(""), [f, E] = w(Y);
+  const { t: d } = R(), [l, g] = k(""), [f, E] = k(Y);
   v(() => {
     e || g("");
   }, [e]);
-  const z = C(e);
+  const I = C(e);
   v(() => {
-    z.current = e;
+    I.current = e;
   }, [e]);
-  const I = C(l);
+  const _ = C(l);
   v(() => {
-    I.current = l;
+    _.current = l;
   }, [l]);
   const b = C(t);
   v(() => {
     b.current = t;
   }, [t]);
-  const Q = k(
+  const H = w(
     () => ({
-      getQuery: () => I.current,
-      getIsOpen: () => z.current,
+      getQuery: () => _.current,
+      getIsOpen: () => I.current,
       open: () => b.current(!0),
       close: () => b.current(!1),
       setQuery: (n) => g(n)
     }),
     []
   );
-  V(W, Q, o);
-  const G = k(() => {
+  W(U, H, o);
+  const F = w(() => {
     const n = /* @__PURE__ */ new Map();
     return a.forEach((c) => {
       const i = n.get(c.group) ?? [];
       i.push(c), n.set(c.group, i);
     }), n;
-  }, [a]), P = k(() => {
+  }, [a]), z = w(() => {
     if (l) return [];
     const n = new Map(a.map((c) => [c.id, c]));
     return f.map((c) => n.get(c)).filter(Boolean);
-  }, [a, f, l]), _ = B(
+  }, [a, f, l]), P = B(
     (n) => {
       t(!1);
       const c = [n.id, ...f.filter((i) => i !== n.id)].slice(
         0,
-        R
+        j
       );
-      E(c), q(c), setTimeout(() => n.onSelect(), 0);
+      E(c), T(c), setTimeout(() => n.onSelect(), 0);
     },
     [f, t]
-  ), H = B(() => {
-    E([]), q([]);
+  ), Q = B(() => {
+    E([]), T([]);
   }, []);
   return /* @__PURE__ */ s(h.Root, { open: e, onOpenChange: t, children: /* @__PURE__ */ m(h.Portal, { children: [
     /* @__PURE__ */ s(
       h.Overlay,
       {
         "data-component": "command-palette-overlay",
-        className: se
+        className: ne
       }
     ),
     /* @__PURE__ */ m(
       h.Content,
       {
         "data-component": "command-palette-dialog",
-        className: ne,
+        className: re,
         "aria-label": d("navigation.cmdk.title", "Command palette"),
         children: [
-          /* @__PURE__ */ s(h.Title, { asChild: !0, children: /* @__PURE__ */ s(K, { children: d("navigation.cmdk.title", "Command palette") }) }),
-          /* @__PURE__ */ s(h.Description, { asChild: !0, children: /* @__PURE__ */ s(K, { children: d(
+          /* @__PURE__ */ s(h.Title, { asChild: !0, children: /* @__PURE__ */ s(q, { children: d("navigation.cmdk.title", "Command palette") }) }),
+          /* @__PURE__ */ s(h.Description, { asChild: !0, children: /* @__PURE__ */ s(q, { children: d(
             "navigation.cmdk.description",
             "Search for commands, pages, and actions"
           ) }) }),
@@ -392,21 +394,21 @@ function ue({
               label: d("navigation.cmdk.title", "Command palette"),
               children: [
                 r,
-                /* @__PURE__ */ s(A, { value: l, onValueChange: g }),
-                /* @__PURE__ */ m(D, { children: [
-                  /* @__PURE__ */ s(O, {}),
-                  P.length > 0 ? /* @__PURE__ */ m(T, { children: [
+                /* @__PURE__ */ s(O, { value: l, onValueChange: g }),
+                /* @__PURE__ */ m(A, { children: [
+                  /* @__PURE__ */ s(D, {}),
+                  z.length > 0 ? /* @__PURE__ */ m(K, { children: [
                     /* @__PURE__ */ m(
                       N,
                       {
                         heading: d("navigation.cmdk.recents", "Recent"),
                         children: [
-                          P.map((n) => /* @__PURE__ */ m(
+                          z.map((n) => /* @__PURE__ */ m(
                             x,
                             {
                               value: `recent-${n.label}`,
                               "data-command-id": n.id,
-                              onSelect: () => _(n),
+                              onSelect: () => P(n),
                               children: [
                                 n.icon ? /* @__PURE__ */ s("span", { "aria-hidden": "true", children: n.icon }) : null,
                                 /* @__PURE__ */ s("span", { children: n.label }),
@@ -419,7 +421,7 @@ function ue({
                             x,
                             {
                               value: "__clear-recents",
-                              onSelect: H,
+                              onSelect: Q,
                               children: /* @__PURE__ */ s("span", { children: d(
                                 "navigation.cmdk.clearRecents",
                                 "Clear recent commands"
@@ -429,18 +431,18 @@ function ue({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ s(F, {})
+                    /* @__PURE__ */ s(G, {})
                   ] }) : null,
-                  Array.from(G.entries()).map(([n, c]) => /* @__PURE__ */ s(N, { heading: n, children: c.map((i) => /* @__PURE__ */ m(
+                  Array.from(F.entries()).map(([n, c]) => /* @__PURE__ */ s(N, { heading: n, children: c.map((i) => /* @__PURE__ */ m(
                     x,
                     {
                       value: i.label,
                       "data-command-id": i.id,
                       keywords: i.keywords,
-                      onSelect: () => _(i),
+                      onSelect: () => P(i),
                       children: [
                         i.icon ? /* @__PURE__ */ s("span", { "aria-hidden": "true", children: i.icon }) : null,
-                        /* @__PURE__ */ s("span", { children: ae(i.label, l) }),
+                        /* @__PURE__ */ s("span", { children: se(i.label, l) }),
                         i.shortcut ? /* @__PURE__ */ s(S, { children: i.shortcut }) : null
                       ]
                     },
@@ -456,18 +458,18 @@ function ue({
   ] }) });
 }
 export {
-  O as C,
+  D as C,
   N as a,
-  A as b,
+  O as b,
   x as c,
-  D as d,
+  A as d,
   M as e,
-  ue as f,
-  F as g,
+  ge as f,
+  G as g,
   S as h,
-  W as i,
+  U as i,
   X as j,
-  ae as k,
-  me as u
+  se as k,
+  pe as u
 };
-//# sourceMappingURL=command-palette-DQl_SNEv.js.map
+//# sourceMappingURL=command-palette-DhgGo7GJ.js.map

package/dist/_chunks/{connection-status-BmA9T0UO.js → connection-status-Cfux3TvH.js}

@@ -2,9 +2,9 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as k, useMemo as B } from "react";
 import { useTranslation as A } from "react-i18next";
 import { C as a } from "./card-DPmk26CL.js";
-import { B as C } from "./badge-BudgzTe_.js";
-import { B as u } from "./button-CaUe1uyd.js";
-import { D as d } from "./description-list-BsJ_6CQE.js";
+import { B as C } from "./badge-BAkd6_Pj.js";
+import { B as u } from "./button-18oBsI3n.js";
+import { D as d } from "./description-list-1A2DEbE6.js";
 import { u as N } from "./registry-DvAUVLHh.js";
 const w = {
   id: "connection-status",
@@ -105,4 +105,4 @@ export {
   K as C,
   w as c
 };
-//# sourceMappingURL=connection-status-BmA9T0UO.js.map
+//# sourceMappingURL=connection-status-Cfux3TvH.js.map

package/dist/_chunks/{contact-profile-card-C0WpwpVV.js → contact-profile-card-Dj4NgBL-.js}

@@ -2,9 +2,9 @@ import { jsxs as f, jsx as e, Fragment as I } from "react/jsx-runtime";
 import { forwardRef as le, useId as se, useMemo as ce } from "react";
 import { c as de } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
-import { B as P } from "./badge-BudgzTe_.js";
+import { B as P } from "./badge-BAkd6_Pj.js";
 import { C as T } from "./card-DPmk26CL.js";
-import { K as fe, a as ue } from "./key-value-pair-DaQI_LZB.js";
+import { K as fe, a as ue } from "./key-value-pair-Dcdl3Gni.js";
 import { L as d } from "./link-CPb_pZPr.js";
 import { b as me } from "./format-price-DAbh61Lz.js";
 import { u as he } from "./registry-DvAUVLHh.js";
@@ -317,4 +317,4 @@ export {
   ke as b,
   ge as c
 };
-//# sourceMappingURL=contact-profile-card-C0WpwpVV.js.map
+//# sourceMappingURL=contact-profile-card-Dj4NgBL-.js.map