@maanlamp/react-web-ui 0.0.0-stage → 0.1.0

package/dist/data-table/use-sticky-offsets.js

@@ -0,0 +1,86 @@
+import { c } from "react/compiler-runtime";
+import { useLayoutEffect, useRef } from "react";
+// src/data-table/use-sticky-offsets.ts
+var START_PROPERTY = "--table-sticky-inset";
+var END_PROPERTY = "--table-sticky-end";
+var TOTAL_PROPERTY = "--table-sticky-total";
+var END_TOTAL_PROPERTY = "--table-sticky-end-total";
+var SCROLLBAR_BLOCK_PROPERTY = "--table-scrollbar-block";
+var SCROLLBAR_INLINE_PROPERTY = "--table-scrollbar-inline";
+/**
+* Publishes the measured geometry of a table's pinned columns as custom
+* properties on the element the returned ref is attached to: one
+* `--table-sticky-inset-{n}` per column pinned to the start and one
+* `--table-sticky-end-{n}` per column pinned to the end, each holding
+* everything between it and its edge, plus `--table-sticky-total` and
+* `--table-sticky-end-total` for each group as a whole, and
+* `--table-scrollbar-block` / `--table-scrollbar-inline` for the space the
+* scroller's own scrollbars take. Widths are measured off the header cells of
+* the frame's own table and re-measured on resize.
+*
+* @param pinnedColumnKey - The pinned column ids joined into one string; a
+* changed pinned set re-runs the measurement.
+* @returns Ref for the non-scrolling frame around the table.
+*
+* @example
+* const frameRef = useStickyOffsets(pinnedIds.join(","));
+* // <div ref={frameRef}> … <td style={{ insetInlineStart: "var(--table-sticky-inset-0)" }} />
+*/
+var useStickyOffsets = (pinnedColumnKey) => {
+	const $ = c(3);
+	const frameRef = useRef(null);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = () => {
+			const frame = frameRef.current;
+			if (!frame) return;
+			const scroller = frame.querySelector("[data-scroller]");
+			const table = frame.querySelector("table");
+			const headerCells = (side) => Array.from(table?.querySelectorAll(`:scope > thead [data-sticky="${side}"]`) ?? []);
+			const startCells = headerCells("start");
+			const endCells = headerCells("end");
+			const publish = () => {
+				const total = startCells.reduce((offset, cell, index) => {
+					frame.style.setProperty(`${START_PROPERTY}-${index}`, `${offset}px`);
+					return offset + cell.getBoundingClientRect().width;
+				}, 0);
+				frame.style.setProperty(TOTAL_PROPERTY, `${total}px`);
+				const endTotal = endCells.reduceRight((offset_0, cell_0, index_0) => {
+					frame.style.setProperty(`${END_PROPERTY}-${index_0}`, `${offset_0}px`);
+					return offset_0 + cell_0.getBoundingClientRect().width;
+				}, 0);
+				frame.style.setProperty(END_TOTAL_PROPERTY, `${endTotal}px`);
+				if (scroller) {
+					frame.style.setProperty(SCROLLBAR_BLOCK_PROPERTY, `${scroller.offsetHeight - scroller.clientHeight}px`);
+					frame.style.setProperty(SCROLLBAR_INLINE_PROPERTY, `${scroller.offsetWidth - scroller.clientWidth}px`);
+				}
+			};
+			publish();
+			const observer = new ResizeObserver(publish);
+			for (const cell_1 of [
+				...startCells,
+				...endCells,
+				...scroller ? [scroller] : []
+			]) observer.observe(cell_1);
+			return () => {
+				observer.disconnect();
+				for (const index_1 of startCells.keys()) frame.style.removeProperty(`${START_PROPERTY}-${index_1}`);
+				for (const index_2 of endCells.keys()) frame.style.removeProperty(`${END_PROPERTY}-${index_2}`);
+				frame.style.removeProperty(TOTAL_PROPERTY);
+				frame.style.removeProperty(END_TOTAL_PROPERTY);
+				frame.style.removeProperty(SCROLLBAR_BLOCK_PROPERTY);
+				frame.style.removeProperty(SCROLLBAR_INLINE_PROPERTY);
+			};
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== pinnedColumnKey) {
+		t1 = [pinnedColumnKey];
+		$[1] = pinnedColumnKey;
+		$[2] = t1;
+	} else t1 = $[2];
+	useLayoutEffect(t0, t1);
+	return frameRef;
+};
+export { useStickyOffsets };

package/dist/data-view/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./use-data-view.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/data-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/data-view/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/data-view/index.js

@@ -0,0 +1 @@
+export { useDataView } from "./use-data-view.js";

package/dist/data-view/use-data-view.d.ts

@@ -0,0 +1,84 @@
+import { type DefaultError, type QueryKey, type UseQueryOptions, type UseQueryResult } from "@tanstack/react-query";
+import { type ColumnDef, type PaginationState, type ReactTable, type Row, type RowData, type SortingState } from "@tanstack/react-table";
+import { type FilterView } from "../components/filter-bar/use-filter-view.ts";
+import { type RowSelectionView } from "../lib/hooks/use-row-selection.ts";
+import type { StorageAdapter } from "../lib/storage.ts";
+import { type StoredValue } from "../lib/table-storage.ts";
+import { type DataTableFeatures, type PageSizeOptions } from "../data-table/table-features.ts";
+/**
+ * The current view parameters handed to the caller's `queryOptions` factory:
+ * committed filters, the debounced search, and table pagination + sorting.
+ */
+export type DataViewQueryParams<TFilters> = Readonly<{
+    filters: TFilters;
+    search: string;
+    pagination: PaginationState;
+    sorting: SortingState;
+}>;
+export type UseDataViewConfig<TFilters extends object, TRow extends RowData, TQueryData, TError, TQueryKey extends QueryKey> = Readonly<{
+    /**
+     * Stable id of this table instance, unique in the app. What the table
+     * remembers across reloads, such as its page size, is stored under it.
+     */
+    tableId: string;
+    initialFilters: TFilters;
+    /**
+     * Where the committed filters persist, usually
+     * `tableStoredValue(tableId, "filters", shape, storage)`. The table opens on
+     * them and writes them back on every commit.
+     */
+    storedFilters?: StoredValue<TFilters>;
+    /** The columns; a column is sortable when it sets `enableSorting`. */
+    columns: readonly ColumnDef<DataTableFeatures, TRow>[];
+    /**
+     * Query-options factory, parameterized by the committed filters, debounced
+     * search, pagination and sorting.
+     */
+    queryOptions: (params: DataViewQueryParams<TFilters>) => UseQueryOptions<TQueryData, TError, TQueryData, TQueryKey>;
+    /** Stable application id for a row. Required for selection. */
+    getRowId: (row: TRow) => string;
+    /** Whether a row offers to expand. @default never */
+    getRowCanExpand?: (row: Row<DataTableFeatures, TRow>) => boolean;
+    /** Extracts the current page's rows from the query data. */
+    getRows: (data: TQueryData) => readonly TRow[];
+    /** Extracts the server-side total row count from the query data. */
+    getRowCount: (data: TQueryData) => number;
+    initialPagination?: PaginationState;
+    /** The page sizes the user can pick from. @default PAGE_SIZE_OPTIONS */
+    pageSizeOptions?: PageSizeOptions;
+    initialSorting?: SortingState;
+    /** Debounce for the live search, in ms. @default 300 */
+    searchDelay?: number;
+    /** Where the picked page size persists, under `tableId`. Without it, nothing persists. */
+    storage?: StorageAdapter;
+}>;
+export type DataView<TFilters extends object, TRow extends RowData, TQueryData, TError> = Readonly<{
+    filters: FilterView<TFilters>;
+    table: ReactTable<DataTableFeatures, TRow>;
+    query: UseQueryResult<TQueryData, TError>;
+    selection: RowSelectionView;
+}>;
+/**
+ * Orchestrates a server-driven, filterable table: `useFilterView`, a TanStack
+ * Query and a TanStack Table instance with manual pagination and sorting, plus
+ * a row selection. Pagination, sorting, expansion and selection live in the
+ * instance's own state: read `table.state`, never mirror it back through
+ * `options.state`. A new filter or search returns to the first page and clears
+ * the selection, and rows from the last settled page stay on screen when a
+ * fetch fails.
+ *
+ * @example
+ * const { filters, table, query, selection } = useDataView({
+ * 	tableId: "declarations",
+ * 	initialFilters: {},
+ * 	columns,
+ * 	queryOptions: ({ filters, search, pagination, sorting }) =>
+ * 		declarationsQuery({ filters, search, pagination, sorting }),
+ * 	getRowId: row => row.id,
+ * 	getRows: data => data.rows,
+ * 	getRowCount: data => data.totalCount,
+ * 	storage: localStorageAdapter,
+ * });
+ */
+export declare const useDataView: <TFilters extends object, TRow extends RowData, TQueryData, TError = DefaultError, TQueryKey extends QueryKey = QueryKey>({ tableId, initialFilters, storedFilters, columns, queryOptions, getRowId, getRowCanExpand, getRows, getRowCount, initialPagination, pageSizeOptions, initialSorting, searchDelay, storage, }: UseDataViewConfig<TFilters, TRow, TQueryData, TError, TQueryKey>) => DataView<TFilters, TRow, TQueryData, TError>;
+//# sourceMappingURL=use-data-view.d.ts.map

package/dist/data-view/use-data-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-view.d.ts","sourceRoot":"","sources":["../../src/data-view/use-data-view.ts"],"names":[],"mappings":"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"}

package/dist/data-view/use-data-view.js

@@ -0,0 +1,135 @@
+import { useFilterView } from "../components/filter-bar/use-filter-view.js";
+import { useRowSelection } from "../lib/hooks/use-row-selection.js";
+import { storedPageSize } from "../lib/table-storage.js";
+import { EMPTY_ROWS, PAGE_SIZE_OPTIONS, dataTableFeatures } from "../data-table/table-features.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { keepPreviousData, useQuery } from "@tanstack/react-query";
+import { functionalUpdate, useTable } from "@tanstack/react-table";
+// src/data-view/use-data-view.ts
+var DEFAULT_PAGINATION = {
+	pageIndex: 0,
+	pageSize: 25
+};
+/**
+* Orchestrates a server-driven, filterable table: `useFilterView`, a TanStack
+* Query and a TanStack Table instance with manual pagination and sorting, plus
+* a row selection. Pagination, sorting, expansion and selection live in the
+* instance's own state: read `table.state`, never mirror it back through
+* `options.state`. A new filter or search returns to the first page and clears
+* the selection, and rows from the last settled page stay on screen when a
+* fetch fails.
+*
+* @example
+* const { filters, table, query, selection } = useDataView({
+* 	tableId: "declarations",
+* 	initialFilters: {},
+* 	columns,
+* 	queryOptions: ({ filters, search, pagination, sorting }) =>
+* 		declarationsQuery({ filters, search, pagination, sorting }),
+* 	getRowId: row => row.id,
+* 	getRows: data => data.rows,
+* 	getRowCount: data => data.totalCount,
+* 	storage: localStorageAdapter,
+* });
+*/
+var useDataView = (t0) => {
+	const $ = c(15);
+	const { tableId, initialFilters, storedFilters, columns, queryOptions, getRowId, getRowCanExpand, getRows, getRowCount, initialPagination: t1, pageSizeOptions: t2, initialSorting: t3, searchDelay, storage } = t0;
+	const initialPagination = t1 === void 0 ? DEFAULT_PAGINATION : t1;
+	const pageSizeOptions = t2 === void 0 ? PAGE_SIZE_OPTIONS : t2;
+	let t4;
+	if ($[0] !== t3) {
+		t4 = t3 === void 0 ? [] : t3;
+		$[0] = t3;
+		$[1] = t4;
+	} else t4 = $[1];
+	const initialSorting = t4;
+	let t5;
+	if ($[2] !== initialPagination || $[3] !== pageSizeOptions || $[4] !== storage || $[5] !== tableId) {
+		t5 = storage === void 0 ? void 0 : storedPageSize(tableId, pageSizeOptions, initialPagination.pageSize, storage);
+		$[2] = initialPagination;
+		$[3] = pageSizeOptions;
+		$[4] = storage;
+		$[5] = tableId;
+		$[6] = t5;
+	} else t5 = $[6];
+	const pageSizeStore = t5;
+	let t6;
+	if ($[7] !== initialPagination || $[8] !== pageSizeStore) {
+		t6 = () => pageSizeStore?.read() ?? initialPagination.pageSize;
+		$[7] = initialPagination;
+		$[8] = pageSizeStore;
+		$[9] = t6;
+	} else t6 = $[9];
+	const [initialPageSize] = useState(t6);
+	const table = useTable({
+		features: dataTableFeatures,
+		data: EMPTY_ROWS,
+		columns,
+		getRowId,
+		getRowCanExpand,
+		manualPagination: true,
+		manualSorting: true,
+		meta: { pageSizeOptions },
+		initialState: {
+			pagination: {
+				...initialPagination,
+				pageSize: initialPageSize
+			},
+			sorting: initialSorting
+		},
+		onPaginationChange: (updater) => {
+			const previous = table.baseAtoms.pagination.get();
+			const next = functionalUpdate(updater, previous);
+			table.baseAtoms.pagination.set(next);
+			if (next.pageSize !== previous.pageSize) pageSizeStore?.write(next.pageSize);
+		}
+	});
+	const { pagination, sorting } = table.state;
+	const selection = useRowSelection();
+	const resetForNewResultSet = () => {
+		table.setPageIndex(0);
+		selection.clear();
+	};
+	const filters = useFilterView({
+		initial: initialFilters,
+		stored: storedFilters,
+		onCommittedChange: resetForNewResultSet,
+		onSearchChange: resetForNewResultSet,
+		searchDelay
+	});
+	const query = useQuery({
+		...queryOptions({
+			filters: filters.committed,
+			search: filters.debouncedSearch,
+			pagination,
+			sorting
+		}),
+		placeholderData: keepPreviousData
+	});
+	const [lastSettled, setLastSettled] = useState(void 0);
+	if (query.data !== void 0 && query.data !== lastSettled) setLastSettled(query.data);
+	const data = query.data ?? lastSettled;
+	table.setOptions((prev) => ({
+		...prev,
+		data: data ? getRows(data) : EMPTY_ROWS,
+		rowCount: data ? getRowCount(data) : 0
+	}));
+	let t7;
+	if ($[10] !== filters || $[11] !== query || $[12] !== selection || $[13] !== table) {
+		t7 = {
+			filters,
+			table,
+			query,
+			selection
+		};
+		$[10] = filters;
+		$[11] = query;
+		$[12] = selection;
+		$[13] = table;
+		$[14] = t7;
+	} else t7 = $[14];
+	return t7;
+};
+export { useDataView };

package/dist/index.d.ts

@@ -0,0 +1,71 @@
+export * from "./components/accordion/index.ts";
+export * from "./components/active-filters/index.ts";
+export * from "./components/attachment-tile/index.ts";
+export * from "./components/avatar/index.ts";
+export * from "./components/avatar-group/index.ts";
+export * from "./components/badge/index.ts";
+export * from "./components/breadcrumbs/index.ts";
+export * from "./components/button/index.ts";
+export * from "./components/checkbox-field/index.ts";
+export * from "./components/checkbox-group-field/index.ts";
+export * from "./components/collapsible/index.ts";
+export * from "./components/combobox-field/index.ts";
+export * from "./components/composer/index.ts";
+export * from "./components/confirm-dialog/index.ts";
+export * from "./components/conversation/index.ts";
+export * from "./components/date-field/index.ts";
+export * from "./components/date-range-field/index.ts";
+export * from "./components/detail-list/index.ts";
+export * from "./components/dialog/index.ts";
+export * from "./components/divider/index.ts";
+export * from "./components/drawer/index.ts";
+export * from "./components/email-field/index.ts";
+export * from "./components/empty-message/index.ts";
+export * from "./components/error-boundary/index.ts";
+export * from "./components/error-message/index.ts";
+export * from "./components/error-text/index.ts";
+export * from "./components/field/index.ts";
+export * from "./components/field-placeholder/index.ts";
+export * from "./components/file-field/index.ts";
+export * from "./components/filter-bar/index.ts";
+export * from "./components/form/index.ts";
+export * from "./components/icon/index.ts";
+export * from "./components/link/index.ts";
+export * from "./components/link-button/index.ts";
+export * from "./components/loading-message/index.ts";
+export * from "./components/locale-provider/index.ts";
+export * from "./components/menu/index.ts";
+export * from "./components/nav/index.ts";
+export * from "./components/number-field/index.ts";
+export * from "./components/otp-field/index.ts";
+export * from "./components/pagination/index.ts";
+export * from "./components/password-field/index.ts";
+export * from "./components/phone-field/index.ts";
+export * from "./components/photo-field/index.ts";
+export * from "./components/popover/index.ts";
+export * from "./components/radio-group-field/index.ts";
+export * from "./components/search-field/index.ts";
+export * from "./components/segmented-control-field/index.ts";
+export * from "./components/select-field/index.ts";
+export * from "./components/skeleton/index.ts";
+export * from "./components/spinner/index.ts";
+export * from "./components/stale/index.ts";
+export * from "./components/status-message/index.ts";
+export * from "./components/switch-field/index.ts";
+export * from "./components/tabs/index.ts";
+export * from "./components/tag/index.ts";
+export * from "./components/tag-group/index.ts";
+export * from "./components/text-field/index.ts";
+export * from "./components/textarea-field/index.ts";
+export * from "./components/time-field/index.ts";
+export * from "./components/time-zone-provider/index.ts";
+export * from "./components/toast/index.ts";
+export * from "./components/toggle-group-field/index.ts";
+export * from "./components/tooltip/index.ts";
+export * from "./lib/forms/index.ts";
+export * from "./lib/hooks/index.ts";
+export * from "./lib/storage.ts";
+export * from "./lib/table-storage.ts";
+export * from "./lib/tone.ts";
+export * from "./lib/unsaved-changes/index.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yCAAyC,CAAC;AACxD,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,oCAAoC,CAAC;AACnD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,0CAA0C,CAAC;AACzD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0CAA0C,CAAC;AACzD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,gCAAgC,CAAC"}

package/dist/index.js

@@ -0,0 +1,136 @@
+import { Icon } from "./components/icon/icon.js";
+import { Accordion } from "./components/accordion/accordion.js";
+import { describeFlag, describeList, describeValue } from "./components/active-filters/active-filter-describers.js";
+import { useFilterView } from "./components/filter-bar/use-filter-view.js";
+import { Tooltip } from "./components/tooltip/tooltip.js";
+import { TagGroup } from "./components/tag-group/tag-group.js";
+import { ActiveFilters } from "./components/active-filters/active-filters.js";
+import { useBusyPhase } from "./lib/hooks/use-busy-phase.js";
+import { Skeleton } from "./components/skeleton/skeleton.js";
+import { AttachmentPreview, useAttachmentPreview } from "./components/attachment-tile/attachment-preview.js";
+import { Button } from "./components/button/button.js";
+import { AttachmentTile, SentAttachmentTile } from "./components/attachment-tile/attachment-tile.js";
+import { Avatar } from "./components/avatar/avatar.js";
+import { LocaleProvider, useLocale } from "./components/locale-provider/locale-provider.js";
+import { AvatarGroup } from "./components/avatar-group/avatar-group.js";
+import { Badge } from "./components/badge/badge.js";
+import { Menu } from "./components/menu/menu.js";
+import { useFold } from "./components/breadcrumbs/use-fold.js";
+import { Breadcrumbs } from "./components/breadcrumbs/breadcrumbs.js";
+import { getFieldErrors, normalizeFieldErrors } from "./lib/forms/errors.js";
+import { ErrorText } from "./components/error-text/error-text.js";
+import { Spinner } from "./components/spinner/spinner.js";
+import { Field, useFieldIds } from "./components/field/field.js";
+import { fieldStateAttributes } from "./components/field/field-state.js";
+import { detachHiddenInput } from "./components/field/hidden-input.js";
+import { OPTIONS_LOADED, optionsLoad, optionsLoadMessage } from "./components/field/options-load.js";
+import { focusControlOnRim } from "./components/field/rim-focus.js";
+import { useFieldFocus, withFieldFocus } from "./components/field/use-field-focus.js";
+import { CheckboxGlyph } from "./components/checkbox-field/checkbox-glyph.js";
+import { Checkbox } from "./components/checkbox-field/checkbox.js";
+import { CheckboxField } from "./components/checkbox-field/checkbox-field.js";
+import { useFieldContext, useFormContext } from "./lib/forms/context.js";
+import { TSFCheckboxField } from "./components/checkbox-field/tsf-checkbox-field.js";
+import { CheckboxGroup } from "./components/checkbox-group-field/checkbox-group.js";
+import { CheckboxGroupField } from "./components/checkbox-group-field/checkbox-group-field.js";
+import { TSFCheckboxGroupField } from "./components/checkbox-group-field/tsf-checkbox-group-field.js";
+import { Collapsible } from "./components/collapsible/collapsible.js";
+import { Combobox } from "./components/combobox-field/combobox.js";
+import { useMediaQuery } from "./lib/hooks/use-media-query.js";
+import { usePresence } from "./lib/hooks/use-presence.js";
+import { useRowSelection } from "./lib/hooks/use-row-selection.js";
+import { useTheme } from "./lib/hooks/use-theme.js";
+import { useFormDisabled } from "./components/form/form-context.js";
+import { never, whenDirty } from "./lib/unsaved-changes/policy.js";
+import { useReportUnsavedChanges, useUnsavedChanges } from "./lib/unsaved-changes/registry.js";
+import { Form } from "./components/form/form.js";
+import { ComboboxField } from "./components/combobox-field/combobox-field.js";
+import { TSFComboboxField } from "./components/combobox-field/tsf-combobox-field.js";
+import { MentionPill, MentionText, parseMentionString, serializeMention, toPlainText } from "./components/composer/mention-text.js";
+import { Composer } from "./components/composer/composer.js";
+import { ConfirmDialog } from "./components/confirm-dialog/confirm-dialog.js";
+import { useConversationMessageContext } from "./components/conversation/conversation.context.js";
+import { TimeZoneProvider, useTimeZone } from "./components/time-zone-provider/time-zone-provider.js";
+import { Conversation } from "./components/conversation/conversation.js";
+import { groupByBurst, groupByDay } from "./components/conversation/group-messages.js";
+import { isoDateRangeToInstants } from "./lib/calendar/temporal-value.js";
+import { DateInput } from "./components/date-field/date-input.js";
+import { DateField } from "./components/date-field/date-field.js";
+import { TSFDateField } from "./components/date-field/tsf-date-field.js";
+import { DateRangeInput } from "./components/date-range-field/date-range-input.js";
+import { DateRangeField } from "./components/date-range-field/date-range-field.js";
+import { TSFDateRangeField } from "./components/date-range-field/tsf-date-range-field.js";
+import { DetailList } from "./components/detail-list/detail-list.js";
+import { Dialog } from "./components/dialog/dialog.js";
+import { Divider } from "./components/divider/divider.js";
+import { Drawer } from "./components/drawer/drawer.js";
+import { connectTextPreset } from "./components/text-field/connect-text-preset.js";
+import { TextInput } from "./components/text-field/text-input.js";
+import { TextField } from "./components/text-field/text-field.js";
+import { TSFTextField } from "./components/text-field/tsf-text-field.js";
+import { EmailField } from "./components/email-field/email-field.js";
+import { TSFEmailField } from "./components/email-field/tsf-email-field.js";
+import { StatusMessage } from "./components/status-message/status-message.js";
+import { EmptyMessage } from "./components/empty-message/empty-message.js";
+import { ErrorMessage } from "./components/error-message/error-message.js";
+import { ErrorBoundary } from "./components/error-boundary/error-boundary.js";
+import { FieldPlaceholder } from "./components/field-placeholder/field-placeholder.js";
+import { FileInput } from "./components/file-field/file-input.js";
+import { FileField } from "./components/file-field/file-field.js";
+import { TSFFileField } from "./components/file-field/tsf-file-field.js";
+import { SearchField } from "./components/search-field/search-field.js";
+import { FilterBar } from "./components/filter-bar/filter-bar.js";
+import { Link } from "./components/link/link.js";
+import { LinkButton } from "./components/link-button/link-button.js";
+import { LoadingMessage } from "./components/loading-message/loading-message.js";
+import { NavItemView } from "./components/nav/nav-item-view.js";
+import { Nav } from "./components/nav/nav.js";
+import { NumberInput } from "./components/number-field/number-input.js";
+import { NumberField } from "./components/number-field/number-field.js";
+import { currencyFormat, percentFormat, unitFormat } from "./components/number-field/number-field-formats.js";
+import { TSFNumberField } from "./components/number-field/tsf-number-field.js";
+import { OtpInput } from "./components/otp-field/otp-input.js";
+import { OtpField } from "./components/otp-field/otp-field.js";
+import { TSFOtpField } from "./components/otp-field/tsf-otp-field.js";
+import { Select } from "./components/select-field/select.js";
+import { Pagination } from "./components/pagination/pagination.js";
+import { PasswordStrength } from "./components/password-field/password-strength.js";
+import { PasswordField } from "./components/password-field/password-field.js";
+import { TSFPasswordField } from "./components/password-field/tsf-password-field.js";
+import { PhoneField } from "./components/phone-field/phone-field.js";
+import { TSFPhoneField } from "./components/phone-field/tsf-phone-field.js";
+import { PhotoInput } from "./components/photo-field/photo-input.js";
+import { PhotoField } from "./components/photo-field/photo-field.js";
+import { TSFPhotoField } from "./components/photo-field/tsf-photo-field.js";
+import { Popover } from "./components/popover/popover.js";
+import { RadioGroup } from "./components/radio-group-field/radio-group.js";
+import { RadioGroupField } from "./components/radio-group-field/radio-group-field.js";
+import { TSFRadioGroupField } from "./components/radio-group-field/tsf-radio-group-field.js";
+import { TSFSearchField } from "./components/search-field/tsf-search-field.js";
+import { SegmentedControl } from "./components/segmented-control-field/segmented-control.js";
+import { SegmentedControlField } from "./components/segmented-control-field/segmented-control-field.js";
+import { TSFSegmentedControlField } from "./components/segmented-control-field/tsf-segmented-control-field.js";
+import { SelectField } from "./components/select-field/select-field.js";
+import { TSFSelectField } from "./components/select-field/tsf-select-field.js";
+import { Stale } from "./components/stale/stale.js";
+import { Switch } from "./components/switch-field/switch.js";
+import { SwitchField } from "./components/switch-field/switch-field.js";
+import { TSFSwitchField } from "./components/switch-field/tsf-switch-field.js";
+import { Tabs } from "./components/tabs/tabs.js";
+import { Tag } from "./components/tag/tag.js";
+import { Textarea } from "./components/textarea-field/textarea.js";
+import { TextareaField } from "./components/textarea-field/textarea-field.js";
+import { TSFTextareaField } from "./components/textarea-field/tsf-textarea-field.js";
+import { TimeInput } from "./components/time-field/time-input.js";
+import { TimeField } from "./components/time-field/time-field.js";
+import { TSFTimeField } from "./components/time-field/tsf-time-field.js";
+import { toast, toastManager, useToast } from "./components/toast/toast.js";
+import { ToastProvider } from "./components/toast/toast-provider.js";
+import { ToggleGroup } from "./components/toggle-group-field/toggle-group.js";
+import { ToggleGroupField } from "./components/toggle-group-field/toggle-group-field.js";
+import { TSFToggleGroupField } from "./components/toggle-group-field/tsf-toggle-group-field.js";
+import { useAppForm, withFieldGroup, withForm } from "./lib/forms/app-form.js";
+import { storedPageSize, tableStoredValue } from "./lib/table-storage.js";
+import { useBeforeUnload } from "./lib/unsaved-changes/before-unload.js";
+import { LeaveGuardDialog, useLeaveGuard } from "./lib/unsaved-changes/leave-guard.js";
+export { Accordion, ActiveFilters, AttachmentPreview, AttachmentTile, Avatar, AvatarGroup, Badge, Breadcrumbs, Button, Checkbox, CheckboxField, CheckboxGlyph, CheckboxGroup, CheckboxGroupField, Collapsible, Combobox, ComboboxField, Composer, ConfirmDialog, Conversation, DateField, DateInput, DateRangeField, DateRangeInput, DetailList, Dialog, Divider, Drawer, EmailField, EmptyMessage, ErrorBoundary, ErrorMessage, ErrorText, Field, FieldPlaceholder, FileField, FileInput, FilterBar, Form, Icon, LeaveGuardDialog, Link, LinkButton, LoadingMessage, LocaleProvider, MentionPill, MentionText, Menu, Nav, NavItemView, NumberField, NumberInput, OPTIONS_LOADED, OtpField, OtpInput, Pagination, PasswordField, PasswordStrength, PhoneField, PhotoField, PhotoInput, Popover, RadioGroup, RadioGroupField, SearchField, SegmentedControl, SegmentedControlField, Select, SelectField, SentAttachmentTile, Skeleton, Spinner, Stale, StatusMessage, Switch, SwitchField, TSFCheckboxField, TSFCheckboxGroupField, TSFComboboxField, TSFDateField, TSFDateRangeField, TSFEmailField, TSFFileField, TSFNumberField, TSFOtpField, TSFPasswordField, TSFPhoneField, TSFPhotoField, TSFRadioGroupField, TSFSearchField, TSFSegmentedControlField, TSFSelectField, TSFSwitchField, TSFTextField, TSFTextareaField, TSFTimeField, TSFToggleGroupField, Tabs, Tag, TagGroup, TextField, TextInput, Textarea, TextareaField, TimeField, TimeInput, TimeZoneProvider, ToastProvider, ToggleGroup, ToggleGroupField, Tooltip, connectTextPreset, currencyFormat, describeFlag, describeList, describeValue, detachHiddenInput, fieldStateAttributes, focusControlOnRim, getFieldErrors, groupByBurst, groupByDay, isoDateRangeToInstants, never, normalizeFieldErrors, optionsLoad, optionsLoadMessage, parseMentionString, percentFormat, serializeMention, storedPageSize, tableStoredValue, toPlainText, toast, toastManager, unitFormat, useAppForm, useAttachmentPreview, useBeforeUnload, useBusyPhase, useConversationMessageContext, useFieldContext, useFieldFocus, useFieldIds, useFilterView, useFold, useFormContext, useFormDisabled, useLeaveGuard, useLocale, useMediaQuery, usePresence, useReportUnsavedChanges, useRowSelection, useTheme, useTimeZone, useToast, useUnsavedChanges, whenDirty, withFieldFocus, withFieldGroup, withForm };

package/dist/lib/calendar/calendar-navigation.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from "react";
+/** The copy the month and year controls in a calendar header announce. */
+export type CalendarNavigationLabels = Readonly<{
+    /** Accessible name of the month list, such as "Month". */
+    monthLabel: string;
+    /** Accessible name of the year list, such as "Year". */
+    yearLabel: string;
+    /** What the year list says when no year matches the typed text. */
+    noMatchingYearLabel: string;
+}>;
+/**
+ * The month and year controls in a calendar header, driven by whichever
+ * calendar state is above them. The month list holds the months the focused
+ * year actually has; the year list is every year in its era.
+ *
+ * @example
+ * <CalendarNavigation monthLabel="Month" yearLabel="Year" noMatchingYearLabel="No matching year." />
+ */
+export declare const CalendarNavigation: ({ monthLabel, yearLabel, noMatchingYearLabel, }: CalendarNavigationLabels) => ReactNode;
+//# sourceMappingURL=calendar-navigation.d.ts.map

package/dist/lib/calendar/calendar-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-navigation.d.ts","sourceRoot":"","sources":["../../../src/lib/calendar/calendar-navigation.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAc/C,0EAA0E;AAC1E,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC/C,0DAA0D;IAC1D,UAAU,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,SAAS,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,mBAAmB,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAoGH;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,oDAI5B,wBAAwB,KAAG,SA0B7B,CAAC"}