@alfadocs/ui-kit 0.20.0 → 0.20.1

package/dist/_chunks/{warning-stack-CDH9TudY.js → warning-stack-bDicCvxs.js}

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { forwardRef as M, useId as N, useState as O, useRef as y, useEffect as V, useMemo as _, useCallback as j } from "react";
 import { c as W } from "./index-D2ZczOXr.js";
 import { useTranslation as q } from "react-i18next";
-import { A as u } from "./alert-DBnawbmf.js";
+import { A as u } from "./alert-ywPR59NE.js";
 import { B as F } from "./button-DD_0Xdmr.js";
 import { C as H } from "./chevron-down-BX_NP2Yh.js";
 const L = W(
@@ -176,4 +176,4 @@ P.displayName = "WarningStack";
 export {
   P as W
 };
-//# sourceMappingURL=warning-stack-CDH9TudY.js.map
+//# sourceMappingURL=warning-stack-bDicCvxs.js.map

package/dist/_chunks/{workflow-map-BeKe23uw.js → workflow-map-BkLglexk.js}

@@ -10,7 +10,7 @@ import { I as S } from "./icon-button-C4CGcYuz.js";
 import { c as _ } from "./createLucideIcon-CrFbzy84.js";
 import { C as Ne } from "./circle-BkqTgYmt.js";
 import { u as Ce } from "./registry-C9nwlNyL.js";
-import { A as V } from "./alert-DBnawbmf.js";
+import { A as V } from "./alert-ywPR59NE.js";
 import { B as _e } from "./button-DD_0Xdmr.js";
 import { D as N } from "./dropdown-menu-DZxwF23X.js";
 import { E } from "./empty-state-3CLJIXSj.js";
@@ -1412,4 +1412,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-BeKe23uw.js.map
+//# sourceMappingURL=workflow-map-BkLglexk.js.map

package/dist/agent-catalog.json

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

package/dist/components/alert/index.js

@@ -1,4 +1,4 @@
-import { A as o } from "../../_chunks/alert-DBnawbmf.js";
+import { A as o } from "../../_chunks/alert-ywPR59NE.js";
 export {
   o as Alert
 };

package/dist/components/audio-recorder/index.js

@@ -1,4 +1,4 @@
-import { A as r, a } from "../../_chunks/audio-recorder-DNkQLW1G.js";
+import { A as r, a } from "../../_chunks/audio-recorder-D4xM3H5i.js";
 export {
   r as AudioRecorder,
   a as audioRecorderAgent

package/dist/components/data-table/cell-renderers/balance-cell-renderer.d.ts

@@ -1,3 +1,4 @@
+import type { ColDef } from 'ag-grid-community';
 import type { CustomCellRendererProps } from 'ag-grid-react';
 export interface BalanceLine {
     /** User-visible label for this line. */
@@ -14,5 +15,41 @@ export interface BalanceCellRendererParams {
     /** Apply destructive color to negative values. */
     highlightNegative?: boolean;
 }
+/**
+ * Renders a compact set of label / value pairs inside a single AG Grid cell.
+ *
+ * Layout is **horizontal** with middle-dot separators so the cell fits
+ * inside the default AG Grid row height without spilling into the row
+ * below. Use the SALDI / Listini patterns (Totale · Incassato · Da Incassare)
+ * as the canonical example.
+ *
+ * If a consumer's content wraps (long localized labels, narrow columns)
+ * they can opt into row auto-growth by spreading
+ * {@link balanceCellRendererColDefDefaults} onto the column definition.
+ */
 export declare function BalanceCellRenderer<TData = unknown>(props: CustomCellRendererProps<TData> & BalanceCellRendererParams): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Column-definition defaults consumers can spread onto a `ColDef` when they
+ * want the renderer's wrapped / multi-line behaviour to grow the row.
+ *
+ * The default compact horizontal layout is engineered to fit the standard
+ * AG Grid row height, so this opt-in is only needed when a long label set
+ * wraps across two or more lines and the consumer would rather grow the
+ * row than wrap silently.
+ *
+ * AG Grid does NOT auto-grow row height to fit a tall cell unless
+ * `autoHeight` and `wrapText` are set on the colDef itself — a cell
+ * renderer can't impose that from inside.
+ *
+ * @example
+ * ```ts
+ * {
+ *   headerName: 'Saldi',
+ *   cellRenderer: BalanceCellRenderer,
+ *   cellRendererParams: { lines, currency: 'EUR' },
+ *   ...balanceCellRendererColDefDefaults,
+ * }
+ * ```
+ */
+export declare const balanceCellRendererColDefDefaults: Readonly<Pick<ColDef, 'autoHeight' | 'wrapText'>>;
 //# sourceMappingURL=balance-cell-renderer.d.ts.map

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

@@ -1,4 +1,5 @@
-import type { CustomFilterProps } from 'ag-grid-react';
+import type { CustomFilterProps, CustomFloatingFilterProps } from 'ag-grid-react';
+import type { IFilter } from 'ag-grid-community';
 /**
  * Custom AG Grid filter component for date *ranges*. AG Grid Community's
  * built-in `agDateColumnFilter` only handles single-date comparison —
@@ -19,4 +20,11 @@ export interface DateRangeFilterModel {
     dateTo: string | null;
 }
 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.
+ */
+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

@@ -0,0 +1,64 @@
+import type { CustomFilterProps, CustomFloatingFilterProps } from 'ag-grid-react';
+import type { IFilter } from 'ag-grid-community';
+/**
+ * Custom AG Grid filter component — multi-select facet filter.
+ *
+ * The Community-friendly equivalent of AG Grid Enterprise's
+ * `agSetColumnFilter`. Surfaces a checkbox list of every value the column
+ * can take, so users tick to include / untick to exclude. Much faster than
+ * the default `agTextColumnFilter` for closed enums (status, room,
+ * operator).
+ *
+ * Wire on a colDef:
+ * ```tsx
+ * {
+ *   field: 'status',
+ *   filter: SelectFilter,
+ *   filterParams: {
+ *     options: [
+ *       { value: 'open', label: 'Aperte' },
+ *       { value: 'paid', label: 'Pagate' },
+ *     ],
+ *   },
+ * }
+ * ```
+ *
+ * Model shape `{ type: 'set', values: Array<string | number> }` matches
+ * AG Grid Enterprise's set-filter convention so server-side adapters can
+ * read either implementation the same way.
+ */
+export interface SelectFilterOption {
+    value: string | number;
+    label: string;
+}
+export interface SelectFilterModel {
+    type: 'set';
+    values: Array<string | number>;
+}
+export interface SelectFilterParams {
+    options?: SelectFilterOption[];
+    placeholder?: string;
+}
+export declare function SelectFilter(props: CustomFilterProps<unknown, unknown, SelectFilterModel> & SelectFilterParams): import("react/jsx-runtime").JSX.Element;
+/**
+ * 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.
+ *
+ * Wire on the same colDef:
+ * ```tsx
+ * {
+ *   field: 'status',
+ *   filter: SelectFilter,
+ *   floatingFilterComponent: SelectFloatingFilter,
+ *   filterParams: { options: [...] },
+ * }
+ * ```
+ */
+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

@@ -0,0 +1,49 @@
+import type { CustomFilterProps, CustomFloatingFilterProps } from 'ag-grid-react';
+import type { IFilter } from 'ag-grid-community';
+/**
+ * Custom AG Grid filter component — single-select typeahead filter.
+ *
+ * Wraps the kit's existing `<Autocomplete>` so the user types to filter a
+ * bounded-but-large set of values (e.g. patient names), picks one
+ * suggestion, and the grid filters to rows matching that value exactly.
+ *
+ * Wire on a colDef:
+ * ```tsx
+ * {
+ *   field: 'patient',
+ *   filter: TypeaheadFilter,
+ *   filterParams: {
+ *     options: PATIENTS.map(p => ({ value: p.name, label: p.name })),
+ *   },
+ * }
+ * ```
+ *
+ * Model shape `{ type: 'equals', value: string }` matches AG Grid's
+ * text-filter `equals` convention so server-side adapters can read either
+ * implementation the same way.
+ */
+export interface TypeaheadFilterOption {
+    value: string;
+    label: string;
+}
+export interface TypeaheadFilterModel {
+    type: 'equals';
+    value: string;
+}
+export interface TypeaheadFilterParams {
+    options?: TypeaheadFilterOption[];
+    loadOptions?: (input: string, opts: {
+        signal: AbortSignal;
+        locale: string;
+    }) => Promise<TypeaheadFilterOption[]>;
+    placeholder?: string;
+}
+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.
+ */
+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.d.ts

@@ -4,8 +4,12 @@ export { dataTableAgent } from './data-table.agent';
 export { Toolbar, ToolbarProvider, defaultExportPdf } from './toolbar';
 export type { ToolbarProviderProps, ToolbarRootProps, ExportCsvProps, ExportPdfProps, PrintProps, ColumnToggleProps, BulkActionProps, QuickSearchProps, RefreshButtonProps, FacetFilterOption, FacetFilterProps, ExportFormat, ExportMenuProps, ExportMenuItemProps, } from './toolbar';
 export { useTotalRow } from './hooks/use-total-row';
-export { DateRangeFilter } from './filters/date-range-filter';
+export { DateRangeFilter, DateRangeFloatingFilter, } from './filters/date-range-filter';
 export type { DateRangeFilterModel } from './filters/date-range-filter';
+export { SelectFilter, SelectFloatingFilter } from './filters/select-filter';
+export type { SelectFilterModel, SelectFilterOption, SelectFilterParams, } from './filters/select-filter';
+export { TypeaheadFilter, TypeaheadFloatingFilter, } from './filters/typeahead-filter';
+export type { TypeaheadFilterModel, TypeaheadFilterOption, TypeaheadFilterParams, } from './filters/typeahead-filter';
 export { StatusCellRenderer } from './cell-renderers/status-cell-renderer';
 export type { BadgeVariant, StatusCellRendererParams, } from './cell-renderers/status-cell-renderer';
 export { UserCellRenderer } from './cell-renderers/user-cell-renderer';

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

@@ -1,24 +1,29 @@
-import { A as r, B as l, C as s, a as d, D as n, b as t, c as C, E as o, d as R, I as T, L as i, S as b, T as g, e as u, f as c, g as D, U as f, h as E, i as x, u as A } from "../../_chunks/editable-currency-cell-renderer-CqMs0Y8L.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-Dn3-ANF5.js";
 export {
-  r as ActionsCellRenderer,
-  l as BalanceCellRenderer,
+  l as ActionsCellRenderer,
+  r as BalanceCellRenderer,
   s as ColorDotCellRenderer,
-  d as CurrencyCellRenderer,
+  t as CurrencyCellRenderer,
   n as DataTable,
-  t as DateCellRenderer,
-  C as DateRangeFilter,
-  o as EditableCurrencyCellRenderer,
+  d as DateCellRenderer,
+  o as DateRangeFilter,
+  C as DateRangeFloatingFilter,
+  i as EditableCurrencyCellRenderer,
   R as EditableTextCellRenderer,
-  T as ImageCellRenderer,
-  i as LinkCellRenderer,
-  b as StatusCellRenderer,
-  g as TagListCellRenderer,
-  u as ToggleCellRenderer,
-  c as Toolbar,
-  D as ToolbarProvider,
-  f as UserCellRenderer,
-  E as dataTableAgent,
-  x as defaultExportPdf,
-  A as useTotalRow
+  g as ImageCellRenderer,
+  T as LinkCellRenderer,
+  F as SelectFilter,
+  b as SelectFloatingFilter,
+  c as StatusCellRenderer,
+  u as TagListCellRenderer,
+  D as ToggleCellRenderer,
+  f as Toolbar,
+  p as ToolbarProvider,
+  y as TypeaheadFilter,
+  E as TypeaheadFloatingFilter,
+  S as UserCellRenderer,
+  h as dataTableAgent,
+  m as defaultExportPdf,
+  x as useTotalRow
 };
 //# sourceMappingURL=index.js.map

package/dist/components/freemium-paywall/index.js

@@ -1,4 +1,4 @@
-import { F as m, f as l } from "../../_chunks/freemium-paywall-DXc7XlGE.js";
+import { F as m, f as l } from "../../_chunks/freemium-paywall-CM6V1zNf.js";
 export {
   m as FreemiumPaywall,
   l as freemiumPaywallAgent

package/dist/components/payment-form/index.js

@@ -1,4 +1,4 @@
-import { P as r, f as s, p as m, a as e, s as n, b as o, c as i } from "../../_chunks/payment-form-BjkuQeqR.js";
+import { P as r, f as s, p as m, a as e, s as n, b as o, c as i } from "../../_chunks/payment-form-F7uh0Rqr.js";
 export {
   r as PaymentForm,
   s as formatPaymentAmount,

package/dist/components/pdf-viewer/index.js

@@ -1,4 +1,4 @@
-import { P as p, p as a } from "../../_chunks/pdf-viewer-BG_nsFT5.js";
+import { P as p, p as a } from "../../_chunks/pdf-viewer-CuYaVR1I.js";
 export {
   p as PDFViewer,
   a as pdfViewerAgent

package/dist/components/sidebar/index.js

@@ -1,4 +1,4 @@
-import { S as r, a as i, b as s, c as d, d as S, e as b, f as t, g as o, h as m, i as n, j as l, k as c, l as p, m as u, n as I, o as g, p as P, s as f, u as B } from "../../_chunks/sidebar-BqzlRBvC.js";
+import { S as r, a as i, b as s, c as d, d as S, e as b, f as t, g as o, h as m, i as n, j as l, k as c, l as p, m as u, n as I, o as g, p as P, s as f, u as B } from "../../_chunks/sidebar-DkyC6GvS.js";
 import { u as h } from "../../_chunks/use-persistent-state-i23OWy6G.js";
 export {
   r as Sidebar,

package/dist/components/warning-stack/index.js

@@ -1,4 +1,4 @@
-import { W as n } from "../../_chunks/warning-stack-CDH9TudY.js";
+import { W as n } from "../../_chunks/warning-stack-bDicCvxs.js";
 export {
   n as WarningStack
 };

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-BeKe23uw.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-BkLglexk.js";
 export {
   r as CORE_PATIENT_FIELDS,
   e as WorkflowCard,

package/dist/i18n/config.js

@@ -1,6 +1,6 @@
 import t from "i18next";
 import { default as f } from "i18next";
-import { initReactI18next as l } from "react-i18next";
+import { initReactI18next as s } from "react-i18next";
 const a = {
   common: {
     save: "Save",
@@ -375,6 +375,16 @@ const a = {
       resetFilter: "Reset",
       noRowsToShow: "No rows to show",
       selectAll: "Select all"
+    },
+    selectFilter: {
+      all: "All",
+      selectedCount: "{{count}} selected",
+      clear: "Clear",
+      apply: "Apply"
+    },
+    typeaheadFilter: {
+      placeholder: "Search…",
+      clear: "Clear"
     }
   },
   emptyState: {
@@ -1416,6 +1426,16 @@ const a = {
       resetFilter: "Reimposta",
       noRowsToShow: "Nessuna riga da mostrare",
       selectAll: "Seleziona tutto"
+    },
+    selectFilter: {
+      all: "Tutti",
+      selectedCount: "{{count}} selezionati",
+      clear: "Rimuovi",
+      apply: "Applica"
+    },
+    typeaheadFilter: {
+      placeholder: "Cerca…",
+      clear: "Rimuovi"
     }
   },
   emptyState: {
@@ -2408,6 +2428,16 @@ const a = {
       resetFilter: "Zurücksetzen",
       noRowsToShow: "Keine Zeilen anzuzeigen",
       selectAll: "Alle auswählen"
+    },
+    selectFilter: {
+      all: "Alle",
+      selectedCount: "{{count}} ausgewählt",
+      clear: "Zurücksetzen",
+      apply: "Anwenden"
+    },
+    typeaheadFilter: {
+      placeholder: "Suchen …",
+      clear: "Zurücksetzen"
     }
   },
   emptyState: {
@@ -3058,11 +3088,11 @@ const a = {
   de: i,
   ar: o
 };
-function g(r, s) {
+function g(r, l) {
   t.addResourceBundle(
     r,
     "ui",
-    s,
+    l,
     /* deep */
     !0,
     /* overwrite */
@@ -3070,7 +3100,7 @@ function g(r, s) {
   );
 }
 const c = {}, e = typeof import.meta < "u" && typeof c < "u" && !1;
-t.use(l).init({
+t.use(s).init({
   lng: "en",
   fallbackLng: "en",
   ns: ["ui"],

package/dist/i18n/resources.d.ts

@@ -394,6 +394,16 @@ export declare const enUi: {
             readonly noRowsToShow: "No rows to show";
             readonly selectAll: "Select all";
         };
+        readonly selectFilter: {
+            readonly all: "All";
+            readonly selectedCount: "{{count}} selected";
+            readonly clear: "Clear";
+            readonly apply: "Apply";
+        };
+        readonly typeaheadFilter: {
+            readonly placeholder: "Search…";
+            readonly clear: "Clear";
+        };
     };
     readonly emptyState: {
         readonly firstUse: {
@@ -1451,6 +1461,16 @@ export declare const itUi: {
             readonly noRowsToShow: "Nessuna riga da mostrare";
             readonly selectAll: "Seleziona tutto";
         };
+        readonly selectFilter: {
+            readonly all: "Tutti";
+            readonly selectedCount: "{{count}} selezionati";
+            readonly clear: "Rimuovi";
+            readonly apply: "Applica";
+        };
+        readonly typeaheadFilter: {
+            readonly placeholder: "Cerca…";
+            readonly clear: "Rimuovi";
+        };
     };
     readonly emptyState: {
         readonly firstUse: {
@@ -2468,6 +2488,16 @@ export declare const deUi: {
             readonly noRowsToShow: "Keine Zeilen anzuzeigen";
             readonly selectAll: "Alle auswählen";
         };
+        readonly selectFilter: {
+            readonly all: "Alle";
+            readonly selectedCount: "{{count}} ausgewählt";
+            readonly clear: "Zurücksetzen";
+            readonly apply: "Anwenden";
+        };
+        readonly typeaheadFilter: {
+            readonly placeholder: "Suchen …";
+            readonly clear: "Zurücksetzen";
+        };
     };
     readonly emptyState: {
         readonly firstUse: {