@cratis/components 2.9.1 → 3.1.0

package/dist/esm/DataTables/DataTableForQuery.js

@@ -1,17 +1,16 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { DataTable } from 'primereact/datatable';
-import { Paginator } from 'primereact/paginator';
 import { Paging } from '@cratis/arc/queries';
 import { useQueryWithPaging } from '@cratis/arc.react/queries';
-import { useState, useRef } from 'react';
+import { DataTableCore } from './DataTableCore.js';
+import { TablePaginator } from './TablePaginator.js';
 
 const paging = new Paging(0, 20);
 /**
  * A paged data table bound to a snapshot Cratis Arc query
  * (`IQueryFor<TDataType, TArguments>`). Subscribes via
  * `useQueryWithPaging` from `@cratis/arc.react/queries`, renders the result
- * page in a PrimeReact `DataTable`, and shows a `Paginator` when the result
- * set exceeds one page.
+ * page through the headless {@link DataTableCore}, and shows a
+ * {@link TablePaginator} when the result set exceeds one page.
  *
  * ## What `TQuery` is
  *
@@ -20,33 +19,13 @@ const paging = new Paging(0, 20);
  * writes a `.ts` file per query with the right return type and a `use()`
  * hook; importing the class is all the connection-to-the-backend you need.
  *
- * ## What's unique
- *
- * - **Lazy paging**: the table runs in PrimeReact's `lazy` mode by default
- *   so the server returns one page at a time. The Paginator's
- *   `onPageChange` calls back into the Arc hook to fetch the next page.
- * - **Client-side filtering toggle**: pass `clientFiltering` to keep the
- *   page-fetched rows in the browser and filter locally — useful for
- *   small result sets where you want PrimeReact's filter UI but don't want
- *   to round-trip every keystroke.
- * - **Default filter state**: `defaultFilters` seeds the table's filter
- *   meta on first render so saved or URL-encoded filter state can be
- *   rehydrated.
- *
- * Use {@link DataTableForObservableQuery} for queries that should update in
- * real time as the underlying read model changes server-side. Use
- * {@link DataPage} for a higher-level layout that combines this table with
- * a menubar, selection, and a details pane.
- *
  * ## Children
  *
- * Children are PrimeReact `<Column>` elements describing the visible
- * columns — sorting, filtering, custom body templates, everything
- * PrimeReact's `<Column>` supports.
+ * Children are Cratis `<Column>` elements describing the visible columns —
+ * `field`, `header`, custom `body` templates, and `sortable`.
  *
  * ```tsx
- * import { DataTableForQuery } from '@cratis/components/DataTables';
- * import { Column } from 'primereact/column';
+ * import { DataTableForQuery, Column } from '@cratis/components/DataTables';
  * import { AllAuthors } from './AllAuthors';     // proxy from C#
  *
  * <DataTableForQuery query={AllAuthors} emptyMessage="No authors">
@@ -55,12 +34,15 @@ const paging = new Paging(0, 20);
  * </DataTableForQuery>
  * ```
  *
+ * Use {@link DataTableForObservableQuery} for queries that should update in
+ * real time as the underlying read model changes server-side. Use
+ * {@link DataPage} for a higher-level layout that combines this table with
+ * an action menubar, selection, and a details pane.
+ *
  * ## Styling
  *
  * Forward `pt` / `ptOptions` / `unstyled` / `className` to the underlying
- * PrimeReact DataTable. Use `paginatorPt` / `paginatorPtOptions` /
- * `paginatorUnstyled` to style the inner Paginator independently. See
- * [pass-through cheat sheet](../../Documentation/Styling/pass-through.md).
+ * DataTable. See [pass-through cheat sheet](../../Documentation/Styling/pass-through.md).
  *
  * @typeParam TQuery - The query class (proxy generated from C# `IQueryFor`).
  * @typeParam TDataType - The row type returned by the query.
@@ -68,26 +50,17 @@ const paging = new Paging(0, 20);
  * @param props - {@link DataTableForQueryProps}.
  */
 const DataTableForQuery = (props) => {
-    const [filters, setFilters] = useState(props.defaultFilters ?? {});
-    const [filteredTotal, setFilteredTotal] = useState(undefined);
     const [result, , , setPage] = useQueryWithPaging(props.query, paging, props.queryArguments);
-    const containerRef = useRef(null);
-    const isClientFiltering = props.clientFiltering === true;
-    const totalRecords = isClientFiltering && filteredTotal !== undefined ? filteredTotal : result.paging.totalItems;
-    return (jsxs("div", { ref: containerRef, style: {
+    const totalItems = result.paging.totalItems;
+    const pageCount = result.paging.totalPages;
+    return (jsxs("div", { style: {
             display: 'flex',
             flexDirection: 'column',
             height: '100%',
             border: '1px solid var(--cratis-surface-border)',
             borderRadius: 'var(--cratis-border-radius)',
             overflow: 'hidden'
-        }, children: [jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto' }, children: jsx(DataTable, { value: result.data, lazy: !isClientFiltering, rows: paging.pageSize, totalRecords: totalRecords, selectionMode: 'single', selection: props.selection, onSelectionChange: props.onSelectionChange, dataKey: props.dataKey, filters: filters, filterDisplay: 'menu', onFilter: (e) => {
-                        setFilters(e.filters);
-                        if (isClientFiltering) {
-                            const filteredValue = e.filteredValue;
-                            setFilteredTotal(filteredValue ? filteredValue.length : undefined);
-                        }
-                    }, globalFilterFields: props.globalFilterFields, emptyMessage: props.emptyMessage, style: { minWidth: '100%' }, className: props.className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: props.children }) }), result.paging.totalItems > 0 && (jsx("div", { style: { borderTop: '1px solid var(--cratis-surface-border)', flexShrink: 0 }, children: jsx(Paginator, { first: result.paging.page * paging.pageSize, rows: paging.pageSize, totalRecords: result.paging.totalItems, onPageChange: (e) => setPage(e.page), pt: props.paginatorPt, ptOptions: props.paginatorPtOptions, unstyled: props.paginatorUnstyled }) }))] }));
+        }, children: [jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto' }, children: jsx(DataTableCore, { data: result.data, dataKey: props.dataKey, emptyMessage: props.emptyMessage, selectionMode: 'single', selection: props.selection, onSelectionChange: props.onSelectionChange, globalFilterFields: props.globalFilterFields, defaultFilters: props.defaultFilters, className: props.className, style: { minWidth: '100%' }, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: props.children }) }), totalItems > 0 && pageCount > 1 && (jsx("div", { style: { borderTop: '1px solid var(--cratis-surface-border)', flexShrink: 0 }, children: jsx(TablePaginator, { page: result.paging.page, pageCount: pageCount, onPageChange: setPage, totalItems: totalItems, pageSize: paging.pageSize, className: props.paginatorClassName, ariaLabels: props.paginatorAriaLabels }) }))] }));
 };
 
 export { DataTableForQuery };

package/dist/esm/DataTables/DataTableForQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableForQuery.js","sources":["../../../DataTables/DataTableForQuery.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"DataTableForQuery.js","sources":["../../../DataTables/DataTableForQuery.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AA+FA,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CG;AACI,MAAM,iBAAiB,GAAG,CAAuG,KAA4D,KAAI;IACpM,MAAM,CAAC,MAAM,MAAM,OAAO,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC;AAC3F,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU;AAC3C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU;IAE1C,QACIA,IAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAE;AACH,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,MAAM,EAAE,wCAAwC;AAChD,YAAA,YAAY,EAAE,6BAA6B;AAC3C,YAAA,QAAQ,EAAE;AACb,SAAA,EAAA,QAAA,EAAA,CACDC,aAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YACnDA,GAAA,CAAC,aAAa,EAAA,EACV,IAAI,EAAE,MAAM,CAAC,IAA8B,EAC3C,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC3B,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,QAAA,EACvB,KAAK,CAAC,QAAQ,GACH,EAAA,CACd,EAEL,UAAU,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,KAC5BA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,SAAS,EAAE,wCAAwC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAA,QAAA,EAC9EA,IAAC,cAAc,EAAA,EACX,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,OAAO,EACrB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,KAAK,CAAC,kBAAkB,EACnC,UAAU,EAAE,KAAK,CAAC,mBAAmB,EAAA,CACvC,GACA,CACT,CAAA,EAAA,CACC;AAEd;;;;"}

package/dist/esm/DataTables/DataTableSelectionChangeEvent.d.ts

@@ -0,0 +1,6 @@
+import type { SyntheticEvent } from 'react';
+export interface DataTableSelectionChangeEvent<TData> {
+    value: TData | null;
+    originalEvent?: SyntheticEvent;
+}
+//# sourceMappingURL=DataTableSelectionChangeEvent.d.ts.map

package/dist/esm/DataTables/DataTableSelectionChangeEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableSelectionChangeEvent.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableSelectionChangeEvent.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAW5C,MAAM,WAAW,6BAA6B,CAAC,KAAK;IAEhD,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAEpB,aAAa,CAAC,EAAE,cAAc,CAAC;CAClC"}

package/dist/esm/DataTables/DataTableSelectionChangeEvent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DataTableSelectionChangeEvent.js.map

package/dist/esm/DataTables/DataTableSelectionChangeEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableSelectionChangeEvent.js","sourceRoot":"","sources":["../../../DataTables/DataTableSelectionChangeEvent.ts"],"names":[],"mappings":""}

package/dist/esm/DataTables/TablePaginator.d.ts

@@ -0,0 +1,17 @@
+export interface TablePaginatorProps {
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    totalItems?: number;
+    pageSize?: number;
+    ariaLabels?: {
+        navigation?: string;
+        first?: string;
+        previous?: string;
+        next?: string;
+        last?: string;
+    };
+    className?: string;
+}
+export declare const TablePaginator: ({ page, pageCount, onPageChange, totalItems, pageSize, ariaLabels, className }: TablePaginatorProps) => import("react").JSX.Element;
+//# sourceMappingURL=TablePaginator.d.ts.map

package/dist/esm/DataTables/TablePaginator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePaginator.d.ts","sourceRoot":"","sources":["../../../DataTables/TablePaginator.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAEhC,IAAI,EAAE,MAAM,CAAC;IAEb,SAAS,EAAE,MAAM,CAAC;IAElB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,UAAU,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,eAAO,MAAM,cAAc,GAAI,gFAAgF,mBAAmB,gCA4BjI,CAAC"}

package/dist/esm/DataTables/TablePaginator.js

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from 'primereact/button';
+import { paginatorRange } from './paginatorRange.js';
+
+/**
+ * A minimal first/previous/next/last paginator. PrimeReact 11's `Paginator`
+ * is a headless compositional slot rather than a ready-made control, and the
+ * Cratis data tables drive paging through Arc's paging hook rather than the
+ * table's internal pagination — so this renders the page controls wired to a
+ * simple `onPageChange(pageIndex)` callback.
+ */
+const TablePaginator = ({ page, pageCount, onPageChange, totalItems, pageSize, ariaLabels, className }) => {
+    const isFirst = page <= 0;
+    const isLast = page >= pageCount - 1;
+    const rangeReport = paginatorRange(page, pageSize, totalItems);
+    // English defaults; a consumer overrides any of these to localize.
+    const labels = { navigation: 'Pagination', first: 'First page', previous: 'Previous page', next: 'Next page', last: 'Last page', ...ariaLabels };
+    return (jsxs("div", { role: "navigation", "aria-label": labels.navigation, className: className ? `cratis-table-paginator ${className}` : 'cratis-table-paginator', children: [rangeReport && jsx("span", { className: "cratis-table-paginator-range", children: rangeReport }), jsx(Button, { variant: "text", disabled: isFirst, onClick: () => onPageChange(0), "aria-label": labels.first, children: jsx("i", { className: "pi pi-angle-double-left" }) }), jsx(Button, { variant: "text", disabled: isFirst, onClick: () => onPageChange(page - 1), "aria-label": labels.previous, children: jsx("i", { className: "pi pi-angle-left" }) }), jsxs("span", { className: "cratis-table-paginator-info", children: [page + 1, " / ", Math.max(pageCount, 1)] }), jsx(Button, { variant: "text", disabled: isLast, onClick: () => onPageChange(page + 1), "aria-label": labels.next, children: jsx("i", { className: "pi pi-angle-right" }) }), jsx(Button, { variant: "text", disabled: isLast, onClick: () => onPageChange(pageCount - 1), "aria-label": labels.last, children: jsx("i", { className: "pi pi-angle-double-right" }) })] }));
+};
+
+export { TablePaginator };
+//# sourceMappingURL=TablePaginator.js.map

package/dist/esm/DataTables/TablePaginator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePaginator.js","sources":["../../../DataTables/TablePaginator.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AA8BA;;;;;;AAMG;MACU,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAuB,KAAI;AAClI,IAAA,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC;AACzB,IAAA,MAAM,MAAM,GAAG,IAAI,IAAI,SAAS,GAAG,CAAC;IACpC,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC;;IAE9D,MAAM,MAAM,GAAG,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE;IAEhJ,QACIA,cACI,IAAI,EAAC,YAAY,EAAA,YAAA,EACL,MAAM,CAAC,UAAU,EAC7B,SAAS,EAAE,SAAS,GAAG,0BAA0B,SAAS,CAAA,CAAE,GAAG,wBAAwB,EAAA,QAAA,EAAA,CACtF,WAAW,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EACnFA,IAAC,MAAM,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC,CAAC,CAAC,EAAA,YAAA,EAAc,MAAM,CAAC,KAAK,YAC9FA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,yBAAyB,EAAA,CAAG,GACpC,EACTA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC,gBAAc,MAAM,CAAC,QAAQ,EAAA,QAAA,EACxGA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,kBAAkB,GAAG,EAAA,CAC7B,EACTD,eAAM,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAA,CAAE,IAAI,GAAG,CAAC,EAAA,KAAA,EAAK,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA,EAAA,CAAQ,EAC1FC,GAAA,CAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC,EAAA,YAAA,EAAc,MAAM,CAAC,IAAI,YACnGA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,mBAAmB,EAAA,CAAG,GAC9B,EACTA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC,gBAAc,MAAM,CAAC,IAAI,EAAA,QAAA,EACxGA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,0BAA0B,GAAG,EAAA,CACrC,CAAA,EAAA,CACP;AAEd;;;;"}

package/dist/esm/DataTables/index.d.ts

@@ -1,3 +1,8 @@
+export * from './DataTableCore';
 export * from './DataTableForQuery';
 export * from './DataTableForObservableQuery';
+export * from './Column';
+export * from './ColumnFilterMenu';
+export * from './DataTableSelectionChangeEvent';
+export * from './DataTableFilterMeta';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/DataTables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../DataTables/index.ts"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../DataTables/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC"}

package/dist/esm/DataTables/index.js

@@ -1,5 +1,8 @@
+export { DataTableCore } from './DataTableCore.js';
 export { DataTableForQuery } from './DataTableForQuery.js';
 export { DataTableForObservableQuery } from './DataTableForObservableQuery.js';
+export { Column } from './Column.js';
+export { ColumnFilterMenu } from './ColumnFilterMenu.js';
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.

package/dist/esm/DataTables/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../DataTables/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;AACA"}
+{"version":3,"file":"index.js","sources":["../../../DataTables/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAAA;AACA"}

package/dist/esm/DataTables/paginatorRange.d.ts

@@ -0,0 +1,2 @@
+export declare function paginatorRange(page: number, pageSize: number | undefined, totalItems: number | undefined): string | undefined;
+//# sourceMappingURL=paginatorRange.d.ts.map

package/dist/esm/DataTables/paginatorRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginatorRange.d.ts","sourceRoot":"","sources":["../../../DataTables/paginatorRange.ts"],"names":[],"mappings":"AAYA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAK7H"}

package/dist/esm/DataTables/paginatorRange.js

@@ -0,0 +1,21 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Formats the "X–Y of Z" range report for a zero-based page, or `undefined`
+ * when the totals are unknown or there are no records. The end is clamped to
+ * the total so the last (partial) page reports correctly.
+ *
+ * @param page - Zero-based current page.
+ * @param pageSize - Rows per page.
+ * @param totalItems - Total records across all pages.
+ */
+function paginatorRange(page, pageSize, totalItems) {
+    if (totalItems === undefined || pageSize === undefined || totalItems <= 0)
+        return undefined;
+    const start = page * pageSize + 1;
+    const end = Math.min((page + 1) * pageSize, totalItems);
+    return `${start}–${end} of ${totalItems}`;
+}
+
+export { paginatorRange };
+//# sourceMappingURL=paginatorRange.js.map

package/dist/esm/DataTables/paginatorRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginatorRange.js","sources":["../../../DataTables/paginatorRange.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAEA;;;;;;;;AAQG;SACa,cAAc,CAAC,IAAY,EAAE,QAA4B,EAAE,UAA8B,EAAA;IACrG,IAAI,UAAU,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS,IAAI,UAAU,IAAI,CAAC;AAAE,QAAA,OAAO,SAAS;AAC3F,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,QAAQ,GAAG,CAAC;AACjC,IAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,IAAI,QAAQ,EAAE,UAAU,CAAC;AACvD,IAAA,OAAO,GAAG,KAAK,CAAA,CAAA,EAAI,GAAG,CAAA,IAAA,EAAO,UAAU,EAAE;AAC7C;;;;"}

package/dist/esm/DataTables/selectionKeys.d.ts

@@ -0,0 +1,4 @@
+import type { SelectionKeys } from '@primereact/types/headless/datatable';
+export declare function selectionKeysForRow<TData extends object>(selection: TData | null | undefined, dataKey: string | undefined): SelectionKeys;
+export declare function rowFromSelectionKeys<TData extends object>(keys: SelectionKeys, data: TData[], dataKey: string | undefined): TData | null;
+//# sourceMappingURL=selectionKeys.d.ts.map

package/dist/esm/DataTables/selectionKeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionKeys.d.ts","sourceRoot":"","sources":["../../../DataTables/selectionKeys.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAW1E,wBAAgB,mBAAmB,CAAC,KAAK,SAAS,MAAM,EACpD,SAAS,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,EACnC,OAAO,EAAE,MAAM,GAAG,SAAS,GAC5B,aAAa,CAGf;AASD,wBAAgB,oBAAoB,CAAC,KAAK,SAAS,MAAM,EACrD,IAAI,EAAE,aAAa,EACnB,IAAI,EAAE,KAAK,EAAE,EACb,OAAO,EAAE,MAAM,GAAG,SAAS,GAC5B,KAAK,GAAG,IAAI,CAKd"}

package/dist/esm/DataTables/selectionKeys.js

@@ -0,0 +1,34 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Builds PrimeReact 11's key-based selection map for a single selected row —
+ * `{ [String(row[dataKey])]: true }` — or an empty map when nothing is
+ * selected or no `dataKey` is set. This is the write side of the object↔key
+ * translation the Cratis tables use to keep a row-object selection API over
+ * v11's key-based model.
+ *
+ * @typeParam TData - The row type.
+ */
+function selectionKeysForRow(selection, dataKey) {
+    if (!selection || !dataKey)
+        return {};
+    return { [String(selection[dataKey])]: true };
+}
+/**
+ * The read side: resolves the row object matching the single `true` key in a
+ * PrimeReact 11 selection-keys map, or `null` when the selection is cleared or
+ * the key is not in `data`.
+ *
+ * @typeParam TData - The row type.
+ */
+function rowFromSelectionKeys(keys, data, dataKey) {
+    if (!dataKey)
+        return null;
+    const selectedKey = Object.keys(keys).find(key => keys[key]);
+    if (selectedKey === undefined)
+        return null;
+    return data.find(row => String(row[dataKey]) === selectedKey) ?? null;
+}
+
+export { rowFromSelectionKeys, selectionKeysForRow };
+//# sourceMappingURL=selectionKeys.js.map

package/dist/esm/DataTables/selectionKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionKeys.js","sources":["../../../DataTables/selectionKeys.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAIA;;;;;;;;AAQG;AACG,SAAU,mBAAmB,CAC/B,SAAmC,EACnC,OAA2B,EAAA;AAE3B,IAAA,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,EAAE;AACrC,IAAA,OAAO,EAAE,CAAC,MAAM,CAAE,SAAqC,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,EAAE;AAC9E;AAEA;;;;;;AAMG;SACa,oBAAoB,CAChC,IAAmB,EACnB,IAAa,EACb,OAA2B,EAAA;AAE3B,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;IACzB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5D,IAAI,WAAW,KAAK,SAAS;AAAE,QAAA,OAAO,IAAI;IAC1C,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,MAAM,CAAE,GAA+B,CAAC,OAAO,CAAC,CAAC,KAAK,WAAW,CAAC,IAAI,IAAI;AACtG;;;;"}

package/dist/esm/Dialogs/BusyIndicatorDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusyIndicatorDialog.d.ts","sourceRoot":"","sources":["../../../Dialogs/BusyIndicatorDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAuDvE,eAAO,MAAM,mBAAmB,GAAI,OAAO,0BAA0B,gCAiBpE,CAAC"}
+{"version":3,"file":"BusyIndicatorDialog.d.ts","sourceRoot":"","sources":["../../../Dialogs/BusyIndicatorDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAuDvE,eAAO,MAAM,mBAAmB,GAAI,OAAO,0BAA0B,gCAmBpE,CAAC"}

package/dist/esm/Dialogs/BusyIndicatorDialog.js

@@ -30,7 +30,7 @@ import { DialogInitialFocus } from './DialogInitialFocus.js';
  *         }
  *     };
  *
- *     return <Button label="Save" onClick={onSave} />;
+ *     return <Button onClick={onSave}>Save</Button>;
  * };
  * ```
  *
@@ -54,7 +54,7 @@ import { DialogInitialFocus } from './DialogInitialFocus.js';
  * @param props - The request from the dialog host, containing `title` and `message`.
  */
 const BusyIndicatorDialog = (props) => {
-    return (jsx(Dialog, { title: props.title, visible: true, onCancel: () => undefined, buttons: null, initialFocus: DialogInitialFocus.Content, children: jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-4", children: [jsx(ProgressSpinner, {}), jsx("p", { className: "m-0 text-center", children: props.message })] }) }));
+    return (jsx(Dialog, { title: props.title, visible: true, onCancel: () => undefined, buttons: null, initialFocus: DialogInitialFocus.Content, children: jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-4", children: [jsx(ProgressSpinner.Root, { "aria-label": props.message || props.title || 'Loading' }), jsx("p", { className: "m-0 text-center", children: props.message })] }) }));
 };
 
 export { BusyIndicatorDialog };

package/dist/esm/Dialogs/BusyIndicatorDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"BusyIndicatorDialog.js","sources":["../../../Dialogs/BusyIndicatorDialog.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDG;AACI,MAAM,mBAAmB,GAAG,CAAC,KAAiC,KAAI;IACrE,QACIA,GAAA,CAAC,MAAM,EAAA,EACH,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,MAAM,SAAS,EACzB,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,kBAAkB,CAAC,OAAO,EAAA,QAAA,EAExCC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,CACjED,GAAA,CAAC,eAAe,EAAA,EAAA,CAAG,EACnBA,WAAG,SAAS,EAAC,iBAAiB,EAAA,QAAA,EACzB,KAAK,CAAC,OAAO,EAAA,CACd,CAAA,EAAA,CACF,EAAA,CACD;AAEjB;;;;"}
+{"version":3,"file":"BusyIndicatorDialog.js","sources":["../../../Dialogs/BusyIndicatorDialog.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDG;AACI,MAAM,mBAAmB,GAAG,CAAC,KAAiC,KAAI;AACrE,IAAA,QACIA,GAAA,CAAC,MAAM,EAAA,EACH,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,MAAM,SAAS,EACzB,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,kBAAkB,CAAC,OAAO,EAAA,QAAA,EAExCC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,CAGjED,GAAA,CAAC,eAAe,CAAC,IAAI,EAAA,EAAA,YAAA,EAAa,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,IAAI,SAAS,EAAA,CAAI,EAC/EA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,iBAAiB,EAAA,QAAA,EACzB,KAAK,CAAC,OAAO,EAAA,CACd,CAAA,EAAA,CACF,EAAA,CACD;AAEjB;;;;"}

package/dist/esm/Dialogs/Dialog.d.ts

@@ -1,7 +1,7 @@
-import { type DialogProps as PrimeDialogProps } from 'primereact/dialog';
+import type { DialogRootProps } from '@primereact/types/primitive/dialog';
 import { DialogResult, DialogButtons } from '@cratis/arc.react/dialogs';
-import { ReactNode } from 'react';
 import { DialogInitialFocus } from './DialogInitialFocus';
+import { CSSProperties, ReactNode } from 'react';
 export type CloseDialog = (result: DialogResult) => boolean | void | Promise<boolean> | Promise<void>;
 export type ConfirmCallback = () => boolean | void | Promise<boolean> | Promise<void>;
 export type CancelCallback = () => boolean | void | Promise<boolean> | Promise<void>;
@@ -15,8 +15,8 @@ export interface DialogProps {
     initialFocus?: DialogInitialFocus;
     children: ReactNode;
     width?: string;
-    style?: PrimeDialogProps['style'];
-    contentStyle?: PrimeDialogProps['contentStyle'];
+    style?: CSSProperties;
+    contentStyle?: CSSProperties;
     resizable?: boolean;
     isValid?: boolean;
     isBusy?: boolean;
@@ -24,10 +24,12 @@ export interface DialogProps {
     cancelLabel?: string;
     yesLabel?: string;
     noLabel?: string;
+    closeAriaLabel?: string;
+    dismissable?: boolean;
     className?: string;
-    pt?: PrimeDialogProps['pt'];
-    ptOptions?: PrimeDialogProps['ptOptions'];
+    pt?: DialogRootProps['pt'];
+    ptOptions?: DialogRootProps['ptOptions'];
     unstyled?: boolean;
 }
-export declare const Dialog: ({ title, visible, onClose, onConfirm, onCancel, buttons, initialFocus, children, width, style, contentStyle, resizable, isValid, isBusy, okLabel, cancelLabel, yesLabel, noLabel, className, pt, ptOptions, unstyled }: DialogProps) => import("react").JSX.Element;
+export declare const Dialog: ({ title, visible, onClose, onConfirm, onCancel, buttons, initialFocus, children, width, style, contentStyle, isValid, isBusy, okLabel, cancelLabel, yesLabel, noLabel, closeAriaLabel, dismissable, className, pt, ptOptions, unstyled }: DialogProps) => import("react").JSX.Element;
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/esm/Dialogs/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../Dialogs/Dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAyB,KAAK,WAAW,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEhG,OAAO,EAAE,YAAY,EAAE,aAAa,EAAoB,MAAM,2BAA2B,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO1D,MAAM,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,YAAY,KAAK,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAOtG,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAMtF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAKrF,MAAM,WAAW,WAAW;IAExB,KAAK,EAAE,MAAM,CAAC;IAGd,OAAO,CAAC,EAAE,OAAO,CAAC;IAOlB,OAAO,CAAC,EAAE,WAAW,CAAC;IAGtB,SAAS,CAAC,EAAE,eAAe,CAAC;IAG5B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAoB1B,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAapC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAGlC,QAAQ,EAAE,SAAS,CAAC;IAGpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAGlC,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAGhD,SAAS,CAAC,EAAE,OAAO,CAAC;IAOpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAMlB,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAQnB,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAM5B,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAO1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAwGD,eAAO,MAAM,MAAM,GAAI,wNAuBpB,WAAW,gCAkJb,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../Dialogs/Dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,oCAAoC,CAAC;AAEjG,OAAO,EAAE,YAAY,EAAE,aAAa,EAAoB,MAAM,2BAA2B,CAAC;AAC1F,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjD,MAAM,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,YAAY,KAAK,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAOtG,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAMtF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAKrF,MAAM,WAAW,WAAW;IAExB,KAAK,EAAE,MAAM,CAAC;IAGd,OAAO,CAAC,EAAE,OAAO,CAAC;IAOlB,OAAO,CAAC,EAAE,WAAW,CAAC;IAGtB,SAAS,CAAC,EAAE,eAAe,CAAC;IAG5B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAqB1B,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAapC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAGlC,QAAQ,EAAE,SAAS,CAAC;IAGpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,KAAK,CAAC,EAAE,aAAa,CAAC;IAGtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAS7B,SAAS,CAAC,EAAE,OAAO,CAAC;IAOpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAMlB,MAAM,CAAC,EAAE,OAAO,CAAC;IAGjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,cAAc,CAAC,EAAE,MAAM,CAAC;IAUxB,WAAW,CAAC,EAAE,OAAO,CAAC;IAKtB,SAAS,CAAC,EAAE,MAAM,CAAC;IASnB,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAM3B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAOzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAwGD,eAAO,MAAM,MAAM,GAAI,0OA0BpB,WAAW,gCA+Lb,CAAC"}

package/dist/esm/Dialogs/Dialog.js

@@ -1,8 +1,7 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Dialog as Dialog$1 } from 'primereact/dialog';
 import { Button } from 'primereact/button';
 import { useDialogContext, DialogButtons, DialogResult } from '@cratis/arc.react/dialogs';
-import { useRef } from 'react';
 import { DialogInitialFocus } from './DialogInitialFocus.js';
 
 /**
@@ -107,7 +106,10 @@ import { DialogInitialFocus } from './DialogInitialFocus.js';
  *
  * @param props - {@link DialogProps}.
  */
-const Dialog = ({ title, visible = true, onClose, onConfirm, onCancel, buttons = DialogButtons.OkCancel, initialFocus = DialogInitialFocus.Confirm, children, width = '450px', style, contentStyle, resizable = false, isValid, isBusy = false, okLabel = 'Ok', cancelLabel = 'Cancel', yesLabel = 'Yes', noLabel = 'No', className, pt, ptOptions, unstyled }) => {
+const Dialog = ({ title, visible = true, onClose, onConfirm, onCancel, buttons = DialogButtons.OkCancel, initialFocus = DialogInitialFocus.Confirm, children, width = '450px', style, contentStyle, 
+// `resizable` is accepted for API compatibility but has no effect on
+// PrimeReact 11's headless Dialog, so it is intentionally not destructured.
+isValid, isBusy = false, okLabel = 'Ok', cancelLabel = 'Cancel', yesLabel = 'Yes', noLabel = 'No', closeAriaLabel = 'Close', dismissable, className, pt, ptOptions, unstyled }) => {
     // useDialogContext() is called unconditionally on every render — the try/catch only suppresses
     // the exception when Dialog is used standalone (outside a provider). React's Rules of Hooks
     // are not violated because the hook is always called; the try/catch never skips the call.
@@ -123,7 +125,7 @@ const Dialog = ({ title, visible = true, onClose, onConfirm, onCancel, buttons =
     // A dismissing button only exists for the predefined sets that have one — Cancel for
     // OkCancel / YesNoCancel, No for YesNo. Asking for Cancel focus without one (DialogButtons.Ok,
     // a custom footer node, or no footer) degrades to focusing the title rather than silently
-    // leaving focus on document.body outside the modal.
+    // leaving focus on the dialog container.
     const hasDismissingButton = typeof buttons === 'number' && buttons !== DialogButtons.Ok;
     const resolvedInitialFocus = (initialFocus === DialogInitialFocus.Cancel && !hasDismissingButton)
         ? DialogInitialFocus.Content
@@ -131,18 +133,17 @@ const Dialog = ({ title, visible = true, onClose, onConfirm, onCancel, buttons =
     const focusesConfirmButton = resolvedInitialFocus === DialogInitialFocus.Confirm;
     const focusesDismissingButton = resolvedInitialFocus === DialogInitialFocus.Cancel;
     const focusesTitle = resolvedInitialFocus === DialogInitialFocus.Content;
-    // PrimeReact's focus trap parks focus on the first focusable element inside the dialog while
-    // it transitions in, and its own onShow focus only fires when nothing in the dialog has focus.
-    // Moving focus to the title from onShow therefore runs last and wins, without having to fight
-    // the trap or turn focusOnShow off (which would leave focus outside the modal for the duration
-    // of the transition).
-    const titleRef = useRef(null);
-    const handleShow = () => {
-        if (focusesTitle) {
-            titleRef.current?.focus({ preventScroll: true });
-        }
-    };
-    const headerElement = (jsx("div", { className: "inline-flex items-center justify-center gap-2", children: jsx("span", { ref: titleRef, tabIndex: focusesTitle ? -1 : undefined, className: "font-bold whitespace-nowrap", children: title }) }));
+    // PrimeReact 11's Dialog focus trap resolves its initial target in this order:
+    // an explicit `initialFocusRef`, then the first `[autofocus]` / `[data-autofocus]`
+    // element inside the popup, then the first focusable element, then the container.
+    // `DialogRoot` does not forward `initialFocusRef`, so the marker attribute is the
+    // seam — and it has to be `data-autofocus` rather than React's `autoFocus` prop,
+    // because React implements `autoFocus` by calling `.focus()` itself on mount and
+    // never reflects the attribute into the DOM for the trap's querySelector to find.
+    // Exactly one element carries it, since the trap takes the first match in document
+    // order (header → content → footer).
+    const autofocusMarker = (isTarget) => (isTarget ? { 'data-autofocus': '' } : {});
+    const headerElement = (jsx("div", { className: "inline-flex items-center justify-center gap-2", children: jsx("span", { tabIndex: focusesTitle ? -1 : undefined, ...autofocusMarker(focusesTitle), className: "font-bold whitespace-nowrap", children: title }) }));
     const handleClose = async (result) => {
         let shouldCloseThroughContext = true;
         if (result === DialogResult.Ok || result === DialogResult.Yes) {
@@ -169,10 +170,16 @@ const Dialog = ({ title, visible = true, onClose, onConfirm, onCancel, buttons =
             contextCloseDialog?.(result);
         }
     };
-    const okFooter = (jsx(Fragment, { children: jsx(Button, { label: okLabel, icon: "pi pi-check", onClick: () => handleClose(DialogResult.Ok), disabled: !isDialogValid || isBusy, loading: isBusy, autoFocus: focusesConfirmButton }) }));
-    const okCancelFooter = (jsxs(Fragment, { children: [jsx(Button, { label: okLabel, icon: "pi pi-check", onClick: () => handleClose(DialogResult.Ok), disabled: !isDialogValid || isBusy, loading: isBusy, autoFocus: focusesConfirmButton }), jsx(Button, { label: cancelLabel, icon: "pi pi-times", outlined: true, onClick: () => handleClose(DialogResult.Cancelled), disabled: isBusy, autoFocus: focusesDismissingButton })] }));
-    const yesNoFooter = (jsxs(Fragment, { children: [jsx(Button, { label: yesLabel, icon: "pi pi-check", onClick: () => handleClose(DialogResult.Yes), disabled: !isDialogValid || isBusy, loading: isBusy, autoFocus: focusesConfirmButton }), jsx(Button, { label: noLabel, icon: "pi pi-times", outlined: true, onClick: () => handleClose(DialogResult.No), disabled: isBusy, autoFocus: focusesDismissingButton })] }));
-    const yesNoCancelFooter = (jsxs(Fragment, { children: [jsx(Button, { label: yesLabel, icon: "pi pi-check", onClick: () => handleClose(DialogResult.Yes), disabled: !isDialogValid || isBusy, loading: isBusy, autoFocus: focusesConfirmButton }), jsx(Button, { label: noLabel, icon: "pi pi-times", outlined: true, onClick: () => handleClose(DialogResult.No), disabled: isBusy }), jsx(Button, { label: cancelLabel, icon: "pi pi-times", outlined: true, onClick: () => handleClose(DialogResult.Cancelled), disabled: isBusy, autoFocus: focusesDismissingButton })] }));
+    // PrimeReact 11's Button renders its content as children (the v10 `label`/`icon`
+    // props are gone) and expresses the outlined look through `variant`. The primary
+    // (confirm) button shows a spinner in place of its icon while busy. `focused`
+    // marks the button the dialog's focus trap should land on when it opens.
+    // This helper keeps the footer definitions below readable.
+    const footerButton = (result, label, icon, primary, focused) => (jsxs(Button, { variant: primary ? undefined : 'outlined', onClick: () => handleClose(result), disabled: primary ? !isDialogValid || isBusy : isBusy, ...autofocusMarker(focused), children: [jsx("i", { className: primary && isBusy ? 'pi pi-spin pi-spinner' : icon }), jsx("span", { children: label })] }, `${result}-${label}`));
+    const okFooter = footerButton(DialogResult.Ok, okLabel, 'pi pi-check', true, focusesConfirmButton);
+    const okCancelFooter = (jsxs(Fragment, { children: [footerButton(DialogResult.Ok, okLabel, 'pi pi-check', true, focusesConfirmButton), footerButton(DialogResult.Cancelled, cancelLabel, 'pi pi-times', false, focusesDismissingButton)] }));
+    const yesNoFooter = (jsxs(Fragment, { children: [footerButton(DialogResult.Yes, yesLabel, 'pi pi-check', true, focusesConfirmButton), footerButton(DialogResult.No, noLabel, 'pi pi-times', false, focusesDismissingButton)] }));
+    const yesNoCancelFooter = (jsxs(Fragment, { children: [footerButton(DialogResult.Yes, yesLabel, 'pi pi-check', true, focusesConfirmButton), footerButton(DialogResult.No, noLabel, 'pi pi-times', false, false), footerButton(DialogResult.Cancelled, cancelLabel, 'pi pi-times', false, focusesDismissingButton)] }));
     const getFooterInterior = () => {
         // If buttons is a ReactNode (custom buttons), use it directly
         if (typeof buttons !== 'number') {
@@ -192,9 +199,24 @@ const Dialog = ({ title, visible = true, onClose, onConfirm, onCancel, buttons =
         return (jsx(Fragment, {}));
     };
     const footer = (jsx("div", { className: "flex flex-wrap justify-start gap-3", children: getFooterInterior() }));
-    return (jsx(Dialog$1, { header: headerElement, modal: true, footer: footer, 
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        onHide: typeof buttons === 'number' ? () => handleClose(DialogResult.Cancelled) : () => { }, onShow: handleShow, visible: visible, style: { width, ...style }, contentStyle: contentStyle, resizable: resizable, closable: typeof buttons === 'number', className: className, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: children }));
+    // The dialog is dismissable (backdrop click, Escape, header close button)
+    // for the predefined-button sets by default, mirroring the v10 `closable`
+    // behavior that keyed off `typeof buttons === 'number'`. The `dismissable`
+    // prop overrides that default so a custom-footer dialog (e.g. the stepper
+    // wizard) can still offer a header-close affordance.
+    const isDismissable = dismissable ?? (typeof buttons === 'number');
+    // PrimeReact 11's Dialog is a controlled overlay: `open` reflects `visible`,
+    // and any dismiss gesture fires `onOpenChange` with `value: false`. We route
+    // that through the same `handleClose(Cancelled)` path used by the footer's
+    // cancel button, so the "return false keeps the dialog open" contract holds —
+    // the parent (the Arc dialog host) owns `visible`, so nothing closes unless
+    // `handleClose` calls back through the host.
+    const handleOpenChange = (event) => {
+        if (!event.value) {
+            handleClose(DialogResult.Cancelled);
+        }
+    };
+    return (jsx(Dialog$1.Root, { open: visible, onOpenChange: handleOpenChange, modal: true, dismissable: isDismissable, closeOnEscape: isDismissable, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: jsxs(Dialog$1.Portal, { children: [jsx(Dialog$1.Backdrop, {}), jsx(Dialog$1.Positioner, { children: jsxs(Dialog$1.Popup, { className: className, style: { width, ...style }, children: [jsxs(Dialog$1.Header, { children: [jsx(Dialog$1.Title, { children: headerElement }), isDismissable && (jsx(Dialog$1.Close, { "aria-label": closeAriaLabel, children: jsx("i", { className: "pi pi-times" }) }))] }), jsx(Dialog$1.Content, { style: contentStyle, children: children }), jsx(Dialog$1.Footer, { children: footer })] }) })] }) }));
 };
 
 export { Dialog };

package/dist/esm/Dialogs/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../Dialogs/Dialog.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs","PrimeDialog"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../../Dialogs/Dialog.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment","PrimeDialog"],"mappings":"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"}

package/dist/esm/Display/Avatar.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface AvatarProps {
+    image?: string;
+    label?: string;
+    icon?: React.ReactNode;
+    alt?: string;
+    size?: 'normal' | 'large' | 'xlarge';
+    className?: string;
+}
+export declare const Avatar: ({ image, label, icon, alt, size, className }: AvatarProps) => React.JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/esm/Display/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../Display/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,WAAW;IAExB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAErC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,MAAM,GAAI,8CAA8C,WAAW,sBAM/E,CAAC"}

package/dist/esm/Display/Avatar.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { Avatar as Avatar$1 } from 'primereact/avatar';
+
+/**
+ * A user/entity avatar built on PrimeReact 11's compositional `Avatar`. Shows
+ * an image when available and falls back to initials or an icon otherwise.
+ */
+const Avatar = ({ image, label, icon, alt, size, className }) => (jsx(Avatar$1.Root, { size: size, className: className, children: image
+        ? jsx(Avatar$1.Image, { src: image, alt: alt })
+        : jsx(Avatar$1.Fallback, { children: icon ?? label }) }));
+
+export { Avatar };
+//# sourceMappingURL=Avatar.js.map

package/dist/esm/Display/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../Display/Avatar.tsx"],"sourcesContent":[null],"names":["_jsx","PrimeAvatar"],"mappings":";;;AAsBA;;;AAGG;AACI,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAe,MAC5EA,GAAA,CAACC,QAAW,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,YAC7C;AACG,UAAED,GAAA,CAACC,QAAW,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA;AACzC,UAAED,GAAA,CAACC,QAAW,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAE,IAAI,IAAI,KAAK,EAAA,CAAwB,EAAA,CACnD;;;;"}