@alfadocs/ui-kit 0.20.1 → 0.23.0

package/dist/_chunks/key-value-pair-DBuOCtIc.js

@@ -0,0 +1,98 @@
+import { jsxs as t, Fragment as p, jsx as s } from "react/jsx-runtime";
+import { forwardRef as z, useState as f, useCallback as b } from "react";
+import { c as P } from "./index-D2ZczOXr.js";
+import { useTranslation as I } from "react-i18next";
+import { I as T } from "./icon-button-C4CGcYuz.js";
+import { C as j } from "./check-DPdL_Sm7.js";
+import { C as K } from "./copy-B00HK7tj.js";
+const A = P("ds:flex", {
+  variants: {
+    layout: {
+      horizontal: "ds:flex-row ds:items-center ds:gap-[var(--spacing-sm)]",
+      vertical: "ds:flex-col ds:gap-[var(--spacing-xs)]"
+    },
+    /** Internal — flips the root to a horizontal flex when an icon
+        is present so the icon can sit at the leading edge of both
+        horizontal and vertical inner stacks. `items-start` keeps the
+        icon anchored to the label row even when the value wraps. */
+    hasIcon: {
+      true: "ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)]",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    layout: "horizontal",
+    hasIcon: !1
+  }
+}), B = z(
+  ({
+    label: l,
+    value: o,
+    layout: n = "horizontal",
+    mono: u = !1,
+    copyable: h = !1,
+    copyText: y,
+    icon: r,
+    className: x,
+    ...v
+  }, g) => {
+    const { t: a } = I(), [k, d] = f(!1), [C, e] = f(""), i = y ?? (typeof o == "string" ? o : void 0), w = b(async () => {
+      if (i)
+        try {
+          await navigator.clipboard.writeText(i), d(!0), e(a("keyValuePair.copied")), setTimeout(() => {
+            d(!1), e("");
+          }, 2e3);
+        } catch {
+          e(a("keyValuePair.notAvailable")), setTimeout(() => e(""), 3e3);
+        }
+    }, [i, a]), N = [
+      "type-body ds:text-foreground ds:min-w-0 ds:shrink ds:[unicode-bidi:isolate]",
+      u ? "ds:font-[family-name:var(--font-mono)]" : ""
+    ].filter(Boolean).join(" "), c = r != null, V = n === "horizontal" ? "ds:flex ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)] ds:min-w-0 ds:flex-1" : "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0 ds:flex-1", m = /* @__PURE__ */ t(p, { children: [
+      /* @__PURE__ */ t("span", { className: "type-label ds:text-muted-foreground ds:shrink-0", children: [
+        l,
+        /* @__PURE__ */ s("span", { className: "ds:sr-only", children: ": " })
+      ] }),
+      /* @__PURE__ */ s("span", { className: N, children: o }),
+      h && /* @__PURE__ */ s(
+        T,
+        {
+          icon: k ? /* @__PURE__ */ s(j, {}) : /* @__PURE__ */ s(K, {}),
+          size: "sm",
+          "aria-label": a("keyValuePair.copy", { label: l }),
+          onClick: w,
+          intent: "ghost",
+          className: n === "horizontal" ? "ds:ms-auto ds:shrink-0" : "ds:self-start"
+        }
+      )
+    ] });
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: g,
+        className: A({ layout: n, hasIcon: c, className: x }),
+        "data-component": "key-value-pair",
+        ...v,
+        children: [
+          c ? /* @__PURE__ */ t(p, { children: [
+            /* @__PURE__ */ s(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:inline-flex ds:shrink-0 ds:mt-0.5 ds:text-[color:var(--key-value-pair-icon-color)] ds:[&_svg]:size-4",
+                children: r
+              }
+            ),
+            /* @__PURE__ */ s("div", { className: V, children: m })
+          ] }) : m,
+          /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: C })
+        ]
+      }
+    );
+  }
+);
+B.displayName = "KeyValuePair";
+export {
+  B as K
+};
+//# sourceMappingURL=key-value-pair-DBuOCtIc.js.map

package/dist/_chunks/{message-card-c6R0-qXq.js → message-card-i61k1TGc.js}

@@ -4,7 +4,7 @@ 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 X } from "./avatar-I10iCDs8.js";
+import { A as X } from "./avatar-BpFohgWG.js";
 import { T as q } from "./timestamp-BV2lC-wV.js";
 import { X as G } from "./x-CCcI3eJp.js";
 const J = D(
@@ -277,4 +277,4 @@ export {
   Q as M,
   O as i
 };
-//# sourceMappingURL=message-card-c6R0-qXq.js.map
+//# sourceMappingURL=message-card-i61k1TGc.js.map

package/dist/_chunks/{message-tray-BNAS8al4.js → message-tray-DrV7G-wR.js}

@@ -8,7 +8,7 @@ import { I as me } from "./icon-button-C4CGcYuz.js";
 import { B as E } from "./button-DD_0Xdmr.js";
 import { S as L } from "./separator-CYU_bGFn.js";
 import { S as f } from "./skeleton-CZbwyJAA.js";
-import { M as pe } from "./message-card-c6R0-qXq.js";
+import { M as pe } from "./message-card-i61k1TGc.js";
 import { u as ue } from "./registry-C9nwlNyL.js";
 import { M as F } from "./mail-C8irm52s.js";
 const ge = {
@@ -411,4 +411,4 @@ export {
   be as M,
   ge as m
 };
-//# sourceMappingURL=message-tray-BNAS8al4.js.map
+//# sourceMappingURL=message-tray-DrV7G-wR.js.map

package/dist/_chunks/{timeline-rmls7dIh.js → timeline-Czeqr3HF.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as m, useMemo as p, useRef as w, useState as V, useCallback as I, useImperativeHandle as O, useContext as v, createContext as C } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
-import { A as P } from "./avatar-I10iCDs8.js";
+import { A as P } from "./avatar-BpFohgWG.js";
 import { C as N } from "./card-CWzuTLYE.js";
 import { T as B } from "./timestamp-BV2lC-wV.js";
 import { u as H } from "./registry-C9nwlNyL.js";
@@ -276,4 +276,4 @@ export {
   le as T,
   K as t
 };
-//# sourceMappingURL=timeline-rmls7dIh.js.map
+//# sourceMappingURL=timeline-Czeqr3HF.js.map

package/dist/_chunks/{whatsapp-button-Bj5FIhpC.js → whatsapp-button-CtlLwM3M.js}

@@ -17,7 +17,13 @@ function u({ className: a }) {
 }
 const _ = m(
   [
-    "ds:relative ds:inline-flex ds:items-center ds:justify-center",
+    // `position` is provided by `positionVariants` below — `static`
+    // sets `ds:relative` (so the pseudo-element touch-target anchors),
+    // `bottom-end` / `bottom-start` set `ds:fixed`. Keeping `relative`
+    // off the base avoids the cascade conflict that made `position:
+    // relative` win against `position: fixed` in the compiled CSS
+    // (booking-website was patching with `style={{position:'fixed'}}`).
+    "ds:inline-flex ds:items-center ds:justify-center",
     "ds:font-medium ds:whitespace-nowrap",
     "ds:bg-[var(--brand-whatsapp)] ds:text-[var(--brand-whatsapp-foreground)]",
     "ds:hover:bg-[var(--brand-whatsapp-hover)]",
@@ -100,7 +106,12 @@ const _ = m(
 ), j = m("", {
   variants: {
     position: {
-      static: "",
+      // `relative` so the `::before` pseudo touch-target (defined in
+      // the `pill sm` / `fab sm` compound variants) anchors to the
+      // button's box. The fixed-positioning variants below don't need
+      // this — `position: fixed` is itself a positioning context for
+      // descendants and pseudo-elements.
+      static: "ds:relative",
       "bottom-end": "ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:end-[var(--spacing-lg)]",
       "bottom-start": "ds:fixed ds:z-[var(--z-fixed)] ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))] ds:start-[var(--spacing-lg)]"
     }
@@ -172,4 +183,4 @@ N.displayName = "WhatsAppButton";
 export {
   N as W
 };
-//# sourceMappingURL=whatsapp-button-Bj5FIhpC.js.map
+//# sourceMappingURL=whatsapp-button-CtlLwM3M.js.map

package/dist/_chunks/{workflow-map-BkLglexk.js → workflow-map-712GL-8u.js}

@@ -4,7 +4,7 @@ import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
 import { C } from "./card-CWzuTLYE.js";
 import { B as be } from "./badge-cLYVGlMh.js";
-import { K as Z } from "./key-value-pair-AbrRwesr.js";
+import { K as Z } from "./key-value-pair-DBuOCtIc.js";
 import { T as xe } from "./timestamp-BV2lC-wV.js";
 import { I as S } from "./icon-button-C4CGcYuz.js";
 import { c as _ } from "./createLucideIcon-CrFbzy84.js";
@@ -1412,4 +1412,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-BkLglexk.js.map
+//# sourceMappingURL=workflow-map-712GL-8u.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.20.1",
+  "packageVersion": "0.23.0",
   "components": [
     {
       "kind": "component",

package/dist/components/agenda-card/index.js

@@ -1,4 +1,4 @@
-import { A as r, i as d } from "../../_chunks/agenda-card-CsCm7hQv.js";
+import { A as r, i as d } from "../../_chunks/agenda-card-BmpaUG1h.js";
 import { a as n } from "../../_chunks/agenda-card.agent-B_R47-c9.js";
 export {
   r as AgendaCard,

package/dist/components/agenda-tray/index.js

@@ -1,4 +1,4 @@
-import { A as r, a as g } from "../../_chunks/agenda-tray-B8QZ3wEp.js";
+import { A as r, a as g } from "../../_chunks/agenda-tray-DiInnVqk.js";
 export {
   r as AgendaTray,
   g as agendaTrayAgent

package/dist/components/avatar/avatar.d.ts

@@ -9,7 +9,7 @@ export declare function nameToColorClass(name: string): string;
  */
 export declare function getInitials(name: string): string;
 declare const avatarVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | "3xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface AvatarProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof avatarVariants> {
     /** Image source URL. When provided and loads successfully, the image is displayed. */

package/dist/components/avatar/index.js

@@ -1,4 +1,4 @@
-import { A as o, g as r, n as t } from "../../_chunks/avatar-I10iCDs8.js";
+import { A as o, g as r, n as t } from "../../_chunks/avatar-BpFohgWG.js";
 export {
   o as Avatar,
   r as getInitials,

package/dist/components/chat-message/index.js

@@ -1,4 +1,4 @@
-import { C as s } from "../../_chunks/chat-message-ChOnwqf_.js";
+import { C as s } from "../../_chunks/chat-message-W3k8rLOA.js";
 export {
   s as ChatMessage
 };

package/dist/components/data-table/filters/date-range-filter.d.ts

@@ -21,10 +21,13 @@ export interface DateRangeFilterModel {
 }
 export declare function DateRangeFilter(props: CustomFilterProps): import("react/jsx-runtime").JSX.Element;
 /**
- * Floating-filter companion for `DateRangeFilter`. Renders a compact
- * button showing the current range ("All" or "Jan 1 – Mar 31") that
- * opens the column's main filter popup. See `SelectFloatingFilter` in
- * `select-filter.tsx` for the rationale.
+ * Floating-filter companion for `DateRangeFilter`.
+ *
+ * Renders the kit's `<DateRangePicker>` directly as the floating-filter
+ * input — its built-in trigger button + calendar popover IS the filter
+ * UI. Earlier versions wrapped the picker in a second `<Popover>`,
+ * producing the "click → empty popover with another trigger → click
+ * again → calendar" double-step that read as duplicated UI.
  */
 export declare function DateRangeFloatingFilter(props: CustomFloatingFilterProps<IFilter, unknown, unknown, DateRangeFilterModel>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=date-range-filter.d.ts.map

package/dist/components/data-table/filters/select-filter.d.ts

@@ -43,22 +43,16 @@ export declare function SelectFilter(props: CustomFilterProps<unknown, unknown,
 /**
  * Floating-filter companion for `SelectFilter`.
  *
- * AG Grid's default behaviour, when a column uses a custom React filter
- * without a paired floating-filter component, is to render a disabled
- * placeholder input in the floating-filter row. That reads as "this
- * filter is broken" to users. This component renders a compact button
- * showing the current model state ("All" or "N selected") that opens
- * the column's main filter popup when clicked.
+ * Renders the kit's `<MultiSelect>` directly as the floating-filter
+ * input — its built-in trigger + checkbox dropdown IS the filter UI.
+ * Earlier versions wrapped MultiSelect in another `<Popover>`,
+ * producing the "click trigger → empty popover with another trigger →
+ * click → checkbox list" double-step that read as duplicated UI.
  *
- * Wire on the same colDef:
- * ```tsx
- * {
- *   field: 'status',
- *   filter: SelectFilter,
- *   floatingFilterComponent: SelectFloatingFilter,
- *   filterParams: { options: [...] },
- * }
- * ```
+ * MultiSelect's options use `string` values; we string-convert the
+ * model's `(string | number)[]` for the trigger and parse back on
+ * apply. The grid model still tracks the original primitive types so
+ * `doesFilterPass` keeps matching numeric columns correctly.
  */
 export declare function SelectFloatingFilter(props: CustomFloatingFilterProps<IFilter, unknown, unknown, SelectFilterModel>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=select-filter.d.ts.map

package/dist/components/data-table/filters/typeahead-filter.d.ts

@@ -40,10 +40,13 @@ export interface TypeaheadFilterParams {
 }
 export declare function TypeaheadFilter(props: CustomFilterProps<unknown, unknown, TypeaheadFilterModel> & TypeaheadFilterParams): import("react/jsx-runtime").JSX.Element;
 /**
- * Floating-filter companion for `TypeaheadFilter`. Renders a compact
- * button showing the current selection ("All" or the picked label) that
- * opens the column's main filter popup. See `SelectFloatingFilter` in
- * `select-filter.tsx` for the rationale.
+ * Floating-filter companion for `TypeaheadFilter`.
+ *
+ * Renders the kit's `<Autocomplete>` directly as the floating-filter
+ * input — its built-in text input + portaled dropdown IS the filter
+ * UI. Earlier versions wrapped Autocomplete in a second `<Popover>`,
+ * producing the "click trigger → popover with another search input →
+ * type → list appears" double-step that read as duplicated UI.
  */
 export declare function TypeaheadFloatingFilter(props: CustomFloatingFilterProps<IFilter, unknown, unknown, TypeaheadFilterModel>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=typeahead-filter.d.ts.map

package/dist/components/data-table/index.js

@@ -1,4 +1,4 @@
-import { A as l, B as r, C as s, a as t, D as n, b as d, c as o, d as C, E as i, e as R, I as g, L as T, S as F, f as b, g as c, T as u, h as D, i as f, j as p, k as y, l as E, U as S, m as h, n as m, u as x } from "../../_chunks/editable-currency-cell-renderer-Dn3-ANF5.js";
+import { A as l, B as r, C as s, a as t, D as n, b as d, c as o, d as C, E as i, e as R, I as g, L as T, S as F, f as b, g as c, T as u, h as D, i as f, j as p, k as y, l as E, U as S, m as h, n as m, u as x } from "../../_chunks/editable-currency-cell-renderer-1t42gENX.js";
 export {
   l as ActionsCellRenderer,
   r as BalanceCellRenderer,

package/dist/components/key-value-pair/index.js

@@ -1,4 +1,4 @@
-import { K as r } from "../../_chunks/key-value-pair-AbrRwesr.js";
+import { K as r } from "../../_chunks/key-value-pair-DBuOCtIc.js";
 export {
   r as KeyValuePair
 };

package/dist/components/key-value-pair/key-value-pair.d.ts

@@ -1,8 +1,9 @@
 import { type VariantProps } from 'class-variance-authority';
 declare const keyValuePairVariants: (props?: ({
     layout?: "horizontal" | "vertical" | null | undefined;
+    hasIcon?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface KeyValuePairProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof keyValuePairVariants> {
+export interface KeyValuePairProps extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof keyValuePairVariants>, 'hasIcon'> {
     /** The label (term) */
     label: string;
     /** The value — accepts plain text, Badge, Tag, monospace code, any ReactNode */
@@ -15,6 +16,23 @@ export interface KeyValuePairProps extends React.HTMLAttributes<HTMLDivElement>,
     copyable?: boolean;
     /** The text to copy — defaults to `value` if value is a string */
     copyText?: string;
+    /**
+     * Optional decorative icon rendered at the leading edge of the pair.
+     * Pass a `lucide-react` icon (or any single React element) for
+     * visual consistency. The wrapper applies `aria-hidden="true"` and
+     * paints the icon with `var(--key-value-pair-icon-color)` (defaults
+     * to `--muted-foreground`); consumers can recolour the slot via
+     * that token without forking the component.
+     *
+     * Cap-height alignment with the label is automatic — the wrapper
+     * uses `mt-0.5` so the glyph rides the label row, not the
+     * geometric centre of a wrapping value.
+     *
+     * Type is `ReactElement` (not the broader `ReactNode`) so the
+     * intent is clear at the call site: this slot is for a single
+     * SVG/icon, not arbitrary fragments, strings, or numbers.
+     */
+    icon?: React.ReactElement | null;
 }
 export declare const KeyValuePair: import("react").ForwardRefExoticComponent<KeyValuePairProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/message-card/index.js

@@ -1,4 +1,4 @@
-import { M as a, i as r } from "../../_chunks/message-card-c6R0-qXq.js";
+import { M as a, i as r } from "../../_chunks/message-card-i61k1TGc.js";
 import { m } from "../../_chunks/message-card.agent-4IeIgrnJ.js";
 export {
   a as MessageCard,

package/dist/components/message-tray/index.js

@@ -1,4 +1,4 @@
-import { M as s, m as r } from "../../_chunks/message-tray-BNAS8al4.js";
+import { M as s, m as r } from "../../_chunks/message-tray-DrV7G-wR.js";
 export {
   s as MessageTray,
   r as messageTrayAgent

package/dist/components/timeline/index.js

@@ -1,4 +1,4 @@
-import { T as t, t as m } from "../../_chunks/timeline-rmls7dIh.js";
+import { T as t, t as m } from "../../_chunks/timeline-Czeqr3HF.js";
 export {
   t as Timeline,
   m as timelineAgent

package/dist/components/whatsapp-button/index.js

@@ -1,4 +1,4 @@
-import { W as p } from "../../_chunks/whatsapp-button-Bj5FIhpC.js";
+import { W as p } from "../../_chunks/whatsapp-button-CtlLwM3M.js";
 export {
   p as WhatsAppButton
 };

package/dist/components/workflow/index.js

@@ -1,4 +1,4 @@
-import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-BkLglexk.js";
+import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-712GL-8u.js";
 export {
   r as CORE_PATIENT_FIELDS,
   e as WorkflowCard,

package/dist/i18n/config.d.ts

@@ -1,5 +1,5 @@
 import i18next from 'i18next';
 export default i18next;
-export { enUi, itUi, deUi, arUi, uiResources, LOCALES_WITH_BUNDLES, } from './resources';
+export { enUi, itUi, deUi, arUi, frUi, esUi, ptUi, nlUi, roUi, sqUi, trUi, plUi, svUi, ruUi, elUi, jaUi, zhUi, hiUi, uiResources, LOCALES_WITH_BUNDLES, } from './resources';
 export { registerUiBundle } from './registerUiBundle';
 //# sourceMappingURL=config.d.ts.map