@dcs-tech/ui 0.9.0 → 0.10.0

package/dist/{summaryChartData-CARqGRUl.js → summaryChartData-BiQYJbYZ.js}

@@ -1,5 +1,5 @@
 "use client";
-import { Tt as e, U as t } from "./geometry-yZmKN662.js";
+import { Tt as e, U as t } from "./geometry-DG134nYI.js";
 // src/components/DataTable/summary/summaryChartData.ts
 function n(e, t) {
 	return {
@@ -77,5 +77,11 @@ function r(e) {
 		case "breakdown": return n(e, e.buckets ?? []);
 	}
 }
-var i = (t) => e(t.card), a = (e, n) => t(r(e), i(e), n);
+var i = (t) => e(t.card), a = (e, n) => {
+	let a = t(r(e), i(e), n);
+	return a.kind === "funnel" && e.kind === "funnel" && e.card.showChange === !1 ? {
+		...a,
+		showChange: !1
+	} : a;
+};
 export { a as n, i as r, n as t };

package/dist/types/components/Alert/Alert.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { type AlertTone } from '../../core/logic';
+export interface AlertProps {
+    tone?: AlertTone;
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    icon?: React.ReactNode | false;
+    action?: React.ReactNode;
+    onDismiss?: () => void;
+    banner?: boolean;
+    role?: React.AriaRole;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Alert: React.FC<AlertProps>;
+export default Alert;

package/dist/types/components/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Alert } from './Alert';
+export type { AlertProps } from './Alert';

package/dist/types/components/Card/Card.d.ts

@@ -1,17 +1,18 @@
 import React from 'react';
 export type CardVariant = 'outlined' | 'elevated' | 'flat';
 export type CardPadding = 'none' | 'small' | 'medium';
-export interface CardProps {
+export type CardHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'children' | 'onClick'> {
     children?: React.ReactNode;
     variant?: CardVariant;
     padding?: CardPadding;
     title?: React.ReactNode;
+    headingLevel?: CardHeadingLevel | 'none';
     subtitle?: React.ReactNode;
     action?: React.ReactNode;
     footer?: React.ReactNode;
     onClick?: () => void;
-    className?: string;
-    style?: React.CSSProperties;
+    selected?: boolean;
 }
 declare const Card: React.FC<CardProps>;
 export default Card;

package/dist/types/components/Card/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Card } from './Card';
-export type { CardProps, CardVariant, CardPadding } from './Card';
+export type { CardProps, CardVariant, CardPadding, CardHeadingLevel } from './Card';

package/dist/types/components/Charts/Funnel.d.ts

@@ -6,5 +6,6 @@ export interface FunnelProps extends ChartFormatProps, ChartSelectProps<ChartSli
     ariaLabel: string;
     title?: ReactNode;
     compact?: boolean;
+    showChange?: boolean;
 }
-export declare function Funnel({ steps, ariaLabel, title, compact, onSelect, selected, ...format }: FunnelProps): import("react").JSX.Element;
+export declare function Funnel({ steps, ariaLabel, title, compact, showChange, onSelect, selected, ...format }: FunnelProps): import("react").JSX.Element;

package/dist/types/components/Charts/chartImage.d.ts

@@ -44,6 +44,7 @@ export type ChartImageChart = {
 } | {
     kind: 'funnel';
     steps: ChartSlice[];
+    showChange?: boolean;
 } | {
     kind: 'gauge';
     rows: ChartImageProgressRow[];

package/dist/types/components/ChipInput/ChipTags.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ChipInputProps, FieldHandle } from '../../core/types';
+export declare const ChipTags: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<FieldHandle>>;

package/dist/types/components/CommandPalette/CommandPaletteTrigger.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface CommandPaletteTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'type'> {
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    label?: string;
+    hotkey?: string | null;
+    icon?: React.ReactNode;
+}
+declare const CommandPaletteTrigger: React.ForwardRefExoticComponent<CommandPaletteTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export default CommandPaletteTrigger;

package/dist/types/components/CommandPalette/index.d.ts

@@ -1,2 +1,4 @@
 export { default as CommandPalette } from './CommandPalette';
 export type { CommandPaletteProps, CommandPaletteItem } from './CommandPalette';
+export { default as CommandPaletteTrigger } from './CommandPaletteTrigger';
+export type { CommandPaletteTriggerProps } from './CommandPaletteTrigger';

package/dist/types/components/DataTable/TablePagination.d.ts

@@ -10,7 +10,7 @@ export interface TablePager {
     setPageSize: (n: number) => void;
 }
 export declare function pagerOf(table: any, pager?: TablePager): TablePager;
-export declare function pageSizeChoices(paginationConfig: DataTablePaginationConfig, allMode: boolean, pageSize: number, formatNumber: (n: number) => string, allLabel: string): {
+export declare function pageSizeChoices(paginationConfig: DataTablePaginationConfig, allMode: boolean, pageSize: number, formatNumber: (n: number) => string, allLabel: string, defaults?: number[]): {
     options: {
         name: string;
         value: string;

package/dist/types/components/DataTable/TableToolbar.d.ts

@@ -1,7 +1,8 @@
 import React, { type ReactNode } from 'react';
-import { type DataTableActiveFilter, type DataTableColumnPinning, type DataTableDisplayPrefs, type DataTableQuickFilter, type DataTableQuickFilterMode, type DataTableSavedFilter, type DataTableLayout } from './types';
+import { type DataTableActiveFilter, type DataTableColumnPinning, type DataTableDisplayPrefs, type DataTableQuickFilter, type DataTableQuickFilterMode, type DataTableSavedFilter, type DataTableLayout, type DataTableToolbarAction } from './types';
 interface TableToolbarProps {
     phone: boolean;
+    appActions?: DataTableToolbarAction[];
     searchEnabled: boolean;
     globalFilter: string;
     setGlobalFilter: (value: string) => void;

package/dist/types/components/DataTable/TableView.d.ts

@@ -14,6 +14,7 @@ export interface TableFilterRowProps {
 interface TableViewProps {
     table: any;
     config: DataTableView;
+    emptyText: string;
     checkboxes: boolean;
     toggleRowSelection: (rowId: string) => void;
     toggleAllRowsSelection: () => void;

package/dist/types/components/DataTable/cards/cardFields.d.ts

@@ -15,6 +15,7 @@ export declare function sameFields<K extends string>(set: FieldSet<K>, a: Fields
 export declare function unplacedColumns<K extends string>(set: FieldSet<K>, fields: Fields<K>, columns: DataTableColumn[]): DataTableColumn[];
 export declare function placeField<K extends string>(set: FieldSet<K>, fields: Fields<K>, key: string, part: K | null, opts?: {
     replace?: boolean;
+    index?: number;
 }): Fields<K>;
 export declare function partForAdd<K extends string>(set: FieldSet<K>, fields: Fields<K>): K | null;
 export declare const isCardFields: (value: unknown) => value is Partial<DataTableCardFields>;

package/dist/types/components/DataTable/defaults.d.ts

@@ -1,6 +1,7 @@
 import { type DataTableView, type DataTablePaginationConfig, type DataTableSortingConfig, type DataTableFilteringConfig, type DataTableSelectionConfig, type DataTableFilterGroup, type DataTableExportConfig, type DataTableExportFormat } from './types';
 export declare const DEFAULT_PAGE_SIZE = 25;
 export declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
+export declare const DEFAULT_SERVER_PAGE_SIZES: number[];
 export declare const DEFAULT_PAGINATION: DataTablePaginationConfig;
 export declare const DEFAULT_SORTING: DataTableSortingConfig;
 export declare const DEFAULT_FILTERING: DataTableFilteringConfig;
@@ -8,6 +9,9 @@ export declare const DEFAULT_EXPORT_FORMATS: DataTableExportFormat[];
 export declare const DEFAULT_SELECTION: DataTableSelectionConfig;
 export declare function createEmptyFilterGroup(): DataTableFilterGroup;
 export declare function resolvePagination(config: DataTableView): DataTablePaginationConfig | false;
+export declare function fitPageSize(pageSize: number, options: number[] | undefined): number;
+export declare function offeredPageSizes(options: number[] | undefined, inUse: Array<number | undefined>, defaults?: number[]): number[];
+export declare function paramsKey(params: Record<string, unknown> | undefined): string;
 export declare function resolveSorting(config: DataTableView): DataTableSortingConfig | false;
 export declare function resolveFiltering(config: DataTableView): DataTableFilteringConfig | false;
 export declare function resolveExport(config: DataTableView): DataTableExportConfig | false;

package/dist/types/components/DataTable/index.d.ts

@@ -1,5 +1,5 @@
 export { default as DataTable } from './DataTable';
-export type { DataTableProps, DataTableView, DataTableColumn, DataTableColumnType, DataTableNumberFormat, DataTableComponentProps, DataTableRowAction, DataTableFilterGroup, DataTableFilterCondition, DataTableActiveFilter, DataTableSingleRowView, DataTableSingleRowField, DataTableSingleRowAction, DataTableSelectionConfig, DataTableSelectionShow, DataTablePaginationConfig, DataTableSortingConfig, DataTableFilteringConfig, DataTableQuickFilter, DataTableQuickFilterMode, DataTableSavedFilter, DataTableSavedFilterIssue, DataTableViewPrefs, DataTableExportFormat, DataTableExportAction, DataTableExportTemplate, DataTableQuickExport, DataTableExportConfig, DataTableXlsxStyle, DataTablePdfConfig, DataTableExportGenerator, DataTableExportResult, DataTableExportResultStatus, DataTableExportGeneratorResult, DataTableFilenameContext, DataTableExportMeta, DataTableExportContext, DataTableExportSettings, DataTableExportPrefs, DataTableExportMetadata, DataTableExportSummary, DataTableExportSummaryTable, DataTableExportOptions, DataTableFileNameAs, DataTablePdfFonts, DataTablePdfPageSize, DataTablePdfOrientation, DataTablePdfFontSize, DataTablePdfMargins, DataTableSummaryConfig, DataTableSummaryCard, DataTableSummaryValueCard, DataTableSummaryRatioCard, DataTableSummaryBreakdownCard, DataTableSummaryTrendCard, DataTableSummaryFunnelCard, DataTableSummaryFunnelStep, DataTableSummaryValueTrend, DataTableSummaryPeriod, DataTableSummaryTrendChart, DataTableSummaryValueChart, DataTableSummaryRatioChart, DataTableSummaryAnyChart, DataTableSummaryCardRequest, DataTableSummaryPeriodCount, DataTableSummaryFigure, DataTableSummarySubline, DataTableSummaryStrip, DataTableSummaryChart, DataTableSummaryWidth, DataTableSummaryShow, DataTableSummaryPart, DataTableSummaryUserCard, DataTableSummaryPrefs, DataTableExportSummaryMode, DataTableSummaryPlacement, DataTableSummaryRequest, DataTableSummaryBucket, DataTableSummaryBreakdown, DataTableSummaryFigures, DataTableLicense, DataTableFlashColor, DataTableFlashColors, DataTableCellFlashStyle, DataTableCellStyle, DataTableLayout, DataTableCardFields, DataTableCardField, DataTableListFields, DataTableListField, DataTableRowMenuConfig, DataTableRowMenuItem, DataTableRowMenuBuiltIn, DataTableRowMenuIconAction, DataTableDetailMode, DataTableDetailContext, DataTableDetailRenderer, DataTableDisplayPrefs, DataTableDensity, DataTableFontSize, DataTableColumnWidth, DataTableActionDisplay, DataTableQuery, DataTableDataSource, DataTableRowsResult, DataTableAllRowsResult, DataTableCounts, DataTableInitialState, DataTableApi, DataTablePersistence, DataTableGate, DataTableAuthorize, DataTableManagePrefs, DataTableManageList, DataTableViewsPrefs, DataTableExportTemplatePrefs, DataTableBulkAction, DataTableBulkActionContext, DataTableBulkActionResult, DataTableBulkConfirm, DataTableSelection, DataTableColumnPinning, DataTablePinningConfig, DataTableKeyboardConfig, DataTableShortcut, DataTableVirtualizeConfig, DataTableGroupingConfig, DataTableGroupPathItem, DataTableGroupResult, DataTableGroupSummaryContext, DataTableViewState, DataTableSharedView, DataTableShareAudience, DataTableSharing, } from './types';
+export type { DataTableProps, DataTableView, DataTableColumn, DataTableColumnType, DataTableNumberFormat, DataTableComponentProps, DataTableRowAction, DataTableFilterGroup, DataTableFilterCondition, DataTableActiveFilter, DataTableSingleRowView, DataTableSingleRowField, DataTableSingleRowAction, DataTableSelectionConfig, DataTableSelectionShow, DataTablePaginationConfig, DataTableSortingConfig, DataTableFilteringConfig, DataTableQuickFilter, DataTableQuickFilterMode, DataTableSavedFilter, DataTableSavedFilterIssue, DataTableViewPrefs, DataTableExportFormat, DataTableExportAction, DataTableExportTemplate, DataTableQuickExport, DataTableExportConfig, DataTableXlsxStyle, DataTablePdfConfig, DataTableExportGenerator, DataTableExportResult, DataTableExportResultStatus, DataTableExportGeneratorResult, DataTableFilenameContext, DataTableExportMeta, DataTableExportContext, DataTableExportSettings, DataTableExportPrefs, DataTableExportMetadata, DataTableExportSummary, DataTableExportSummaryTable, DataTableExportOptions, DataTableFileNameAs, DataTablePdfFonts, DataTablePdfPageSize, DataTablePdfOrientation, DataTablePdfFontSize, DataTablePdfMargins, DataTableSummaryConfig, DataTableSummaryCard, DataTableSummaryValueCard, DataTableSummaryRatioCard, DataTableSummaryBreakdownCard, DataTableSummaryTrendCard, DataTableSummaryFunnelCard, DataTableSummaryFunnelStep, DataTableSummaryValueTrend, DataTableSummaryPeriod, DataTableSummaryTrendChart, DataTableSummaryValueChart, DataTableSummaryRatioChart, DataTableSummaryAnyChart, DataTableSummaryCardRequest, DataTableSummaryPeriodCount, DataTableSummaryFigure, DataTableSummarySubline, DataTableSummaryStrip, DataTableSummaryChart, DataTableSummaryWidth, DataTableSummaryShow, DataTableSummaryPart, DataTableSummaryUserCard, DataTableSummaryPrefs, DataTableExportSummaryMode, DataTableSummaryPlacement, DataTableSummaryRequest, DataTableSummaryBucket, DataTableSummaryBreakdown, DataTableSummaryFigures, DataTableLicense, DataTableFlashColor, DataTableFlashColors, DataTableCellFlashStyle, DataTableCellStyle, DataTableLayout, DataTableCardFields, DataTableCardField, DataTableListFields, DataTableListField, DataTableRowMenuConfig, DataTableRowMenuItem, DataTableRowMenuBuiltIn, DataTableRowMenuIconAction, DataTableDetailMode, DataTableDetailContext, DataTableDetailRenderer, DataTableDisplayPrefs, DataTableDensity, DataTableFontSize, DataTableColumnWidth, DataTableActionDisplay, DataTableQuery, DataTableDataSource, DataTableRowsResult, DataTableAllRowsResult, DataTableCounts, DataTableInitialState, DataTableApi, DataTablePersistence, DataTableGate, DataTableAuthorize, DataTableManagePrefs, DataTableManageList, DataTableViewsPrefs, DataTableExportTemplatePrefs, DataTableBulkAction, DataTableBulkActionContext, DataTableBulkActionResult, DataTableBulkConfirm, DataTableToolbarAction, DataTableSelection, DataTableColumnPinning, DataTablePinningConfig, DataTableKeyboardConfig, DataTableShortcut, DataTableVirtualizeConfig, DataTableGroupingConfig, DataTableGroupPathItem, DataTableGroupResult, DataTableGroupSummaryContext, DataTableViewState, DataTableSharedView, DataTableShareAudience, DataTableSharing, } from './types';
 export { isFilterGroup, CARD_FIELD_LIMITS, LIST_FIELD_LIMITS, SUMMARY_PLACEMENTS_MAX, SUMMARY_SHOWS, SUMMARY_STRIPS, SUMMARY_TREND_COUNTS, SUMMARY_TREND_COUNT_BOUNDS, SUMMARY_KIND_CHARTS, SUMMARY_USER_CARDS_MAX, SUMMARY_WIDTHS } from './types';
 export { DEFAULT_DATA_TABLE_LABELS } from './labels';
 export type { DataTableLabels, DataTableLabelKey } from './labels';

package/dist/types/components/DataTable/labels.d.ts

@@ -93,6 +93,7 @@ export declare const DEFAULT_DATA_TABLE_LABELS: {
     yes: string;
     no: string;
     empty: string;
+    noResults: string;
     loading: string;
     loadError: string;
     rowsHidden: string;
@@ -596,6 +597,7 @@ export declare const DEFAULT_DATA_TABLE_LABELS: {
     listAllInList: string;
     fieldsDropHere: string;
     fieldsRemove: (field: string) => string;
+    fieldsMove: (field: string) => string;
     fieldsAdd: string;
     fieldsLivePreview: string;
     cardPreviewCard: string;

package/dist/types/components/DataTable/types.d.ts

@@ -139,7 +139,7 @@ export declare const SUMMARY_KIND_CHARTS: {
     readonly ratio: readonly ["bar", "gauge", "ring", "donut", "pie"];
     readonly breakdown: readonly ["donut", "pie", "bars", "stacked", "treemap"];
     readonly trend: readonly ["columns", "line", "area", "grouped", "stacked", "calendar"];
-    readonly funnel: readonly ["funnel"];
+    readonly funnel: readonly ["funnel", "bars"];
 };
 export type DataTableSummaryWidth = 'auto' | 'quarter' | 'half' | 'full';
 export declare const SUMMARY_WIDTHS: readonly DataTableSummaryWidth[];
@@ -217,6 +217,8 @@ export interface DataTableSummaryFunnelStep<TData = any> {
 export interface DataTableSummaryFunnelCard<TData = any> extends DataTableSummaryCardBase {
     kind: 'funnel';
     steps: DataTableSummaryFunnelStep<TData>[];
+    chart?: 'funnel' | 'bars';
+    showChange?: boolean;
 }
 export type DataTableSummaryCard<TData = any> = DataTableSummaryValueCard<TData> | DataTableSummaryRatioCard<TData> | DataTableSummaryBreakdownCard | DataTableSummaryTrendCard | DataTableSummaryFunnelCard<TData>;
 export interface DataTableSummaryConfig<TData = any> {
@@ -331,6 +333,7 @@ export interface DataTableRowAction<TData = any> {
     showWhen?: (row: TData) => boolean;
     disabledWhen?: (row: TData) => boolean;
     tooltip?: string | ((row: TData) => string);
+    disableTextTransform?: boolean;
     primary?: boolean | ((row: TData) => boolean);
     shortcut?: string;
 }
@@ -486,6 +489,17 @@ export interface DataTableBulkAction<TData = any> {
     undoTimeoutMs?: number;
     onRun: (ctx: DataTableBulkActionContext<TData>) => Promise<DataTableBulkActionResult | void> | DataTableBulkActionResult | void;
 }
+export interface DataTableToolbarAction {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    variant?: ActionVariant;
+    display?: 'icon' | 'label' | 'icon-label';
+    tooltip?: string;
+    disabled?: boolean;
+    authorize?: () => boolean;
+    onClick: () => void;
+}
 export interface DataTableColumnPinning {
     left: string[];
     right: string[];
@@ -904,6 +918,7 @@ export interface DataTableView<TData = any> {
     inlineActions?: number;
     actionsHeader?: boolean;
     bulkActions?: DataTableBulkAction<TData>[];
+    toolbarActions?: DataTableToolbarAction[];
     hideBulkActions?: string[];
     pinning?: DataTablePinningConfig;
     devTools?: boolean;
@@ -924,6 +939,7 @@ export interface DataTableView<TData = any> {
     bordered?: boolean;
     stickyHeader?: boolean;
     emptyMessage?: string;
+    noResultsMessage?: string;
     loadingMessage?: string;
     loading?: boolean;
 }
@@ -1041,7 +1057,7 @@ export interface DataTablePersistence {
     list?: (prefix: string) => Promise<string[]>;
     remove?: (key: string) => Promise<void>;
 }
-export type DataTableGate = 'export' | 'export.format' | 'export.template' | 'manage' | 'selection' | 'columns' | 'cardFields' | 'savedFilters' | 'devTools' | 'license' | 'bulkAction' | 'copy' | 'layout' | 'grouping' | 'shareView' | 'rows';
+export type DataTableGate = 'export' | 'export.format' | 'export.template' | 'manage' | 'selection' | 'columns' | 'cardFields' | 'savedFilters' | 'devTools' | 'license' | 'bulkAction' | 'toolbarAction' | 'copy' | 'layout' | 'grouping' | 'shareView' | 'rows';
 export type DataTableAuthorize = (gate: DataTableGate, subject?: unknown) => boolean;
 export interface DataTablePdfFonts {
     fonts?: Record<string, {

package/dist/types/components/DataTable/ui-local/TableReorderList.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './ui-local.css';
+interface TableReorderListProps<T> {
+    items: readonly T[];
+    getKey: (item: T) => string;
+    getItemLabel: (item: T) => string;
+    onReorder?: (items: T[]) => void;
+    renderItem: (item: T, dragHandle: React.ReactNode) => React.ReactNode;
+    maxHeight?: string;
+    className?: string;
+}
+export declare function TableReorderList<T>({ items, getKey, getItemLabel, onReorder, renderItem, maxHeight, className }: TableReorderListProps<T>): React.JSX.Element;
+export {};

package/dist/types/components/DataTable/ui.d.ts

@@ -7,7 +7,8 @@ export { Tabs as SmartTabs } from '../Tabs';
 export { DropdownMenu as SmartDropdownMenu } from '../DropdownMenu';
 export { Dialog as SmartDialog } from '../Dialog';
 export { Badge as SmartBadge } from '../Badge';
+export { ReorderList } from '../ReorderList';
 export { ReactModal } from './ui-local/ReactModal';
-export { DragAndDropList } from './ui-local/DragAndDropList';
+export { TableReorderList } from './ui-local/TableReorderList';
 export { AutoHeight } from './ui-local/AutoHeight';
 export { DateRangePicker } from './ui-local/DateRangePicker';

package/dist/types/components/DataTable/useTable.d.ts

@@ -8,6 +8,7 @@ export interface UseTableOptions {
     rowCount?: number;
     initialState?: DataTableInitialState;
     defaultPageSize?: number;
+    pageSizeOptions?: number[];
     labels?: DataTableLabels;
     format?: UIFormat;
     customPaging?: boolean;

package/dist/types/components/DatePicker/PeriodGrid.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { IsoPeriod, PeriodGridView } from '../../core/logic';
+export interface PeriodGridProps {
+    view: PeriodGridView;
+    label: string;
+    multi?: boolean;
+    cellId: (period: IsoPeriod) => string;
+    cellText: (period: IsoPeriod) => string;
+    cellLabel: (period: IsoPeriod) => string;
+    onPick: (period: IsoPeriod) => void;
+}
+export declare const PeriodGrid: React.FC<PeriodGridProps>;
+export default PeriodGrid;

package/dist/types/components/DatePicker/PeriodPicker.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { DatePickerBaseProps, DateRangeValue, FieldChangeEvent, FieldHandle, FieldKeyboardConfig } from '../../core/types';
+import { type PeriodMode } from '../../core/logic';
+export declare const BOX_KEYBOARD: FieldKeyboardConfig;
+export type PeriodPickerProps = DatePickerBaseProps & {
+    mode: PeriodMode;
+    range?: boolean;
+    value?: string | DateRangeValue;
+    onChange?: (event: FieldChangeEvent<string | DateRangeValue>) => void;
+    onApply?: (value: string | DateRangeValue) => void;
+};
+declare const PeriodPicker: React.ForwardRefExoticComponent<DatePickerBaseProps & {
+    mode: PeriodMode;
+    range?: boolean;
+    value?: string | DateRangeValue;
+    onChange?: (event: FieldChangeEvent<string | DateRangeValue>) => void;
+    onApply?: (value: string | DateRangeValue) => void;
+} & React.RefAttributes<FieldHandle>>;
+export default PeriodPicker;

package/dist/types/components/DatePicker/index.d.ts

@@ -1,4 +1,4 @@
 export { default as DatePicker } from './DatePicker';
 export { default as Calendar } from './Calendar';
 export type { CalendarProps } from './Calendar';
-export type { DatePickerProps, DatePickerBaseProps, DatePickerSingleProps, DatePickerRangeProps, DateRangeValue, DateDisplayFormat, DateTextOrder, } from '../../core/types';
+export type { DatePickerProps, DatePickerBaseProps, DatePickerSingleProps, DatePickerRangeProps, DateRangeValue, DatePickerMode, DateDisplayFormat, DateTextOrder, } from '../../core/types';

package/dist/types/components/Dialog/dialogSlots.d.ts

@@ -0,0 +1,9 @@
+export type DialogSlotName = 'header' | 'footer';
+export interface DialogSlots {
+    headerEl: HTMLElement | null;
+    footerEl: HTMLElement | null;
+    claim: (slot: DialogSlotName) => () => void;
+}
+export declare const DialogSlotsContext: import("react").Context<DialogSlots | null>;
+export declare const useDialogSlots: () => DialogSlots | null;
+export declare function useDialogSlotClaim(slots: DialogSlots | null, slot: DialogSlotName, active: boolean): void;

package/dist/types/components/DropdownMenu/DropdownMenu.d.ts

@@ -12,6 +12,9 @@ export interface DropdownMenuItem {
     groupLabel?: string;
     divider?: boolean;
     pane?: string;
+    closeOnSelect?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
 }
 export interface DropdownMenuIcon {
     value: string;
@@ -21,6 +24,10 @@ export interface DropdownMenuIcon {
     shortcut?: string;
     disabled?: boolean;
     pane?: string;
+    selected?: boolean;
+    closeOnSelect?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
 }
 export interface DropdownMenuPane {
     id: string;
@@ -32,6 +39,7 @@ export interface DropdownMenuProps {
     open?: boolean;
     anchor?: FloatingAnchor | null;
     onClose?: () => void;
+    onOpen?: () => void;
     header?: React.ReactNode;
     icons?: DropdownMenuIcon[];
     panes?: DropdownMenuPane[];

package/dist/types/components/FieldWrapper/index.d.ts

@@ -1,2 +1,2 @@
 export { default as FieldWrapper } from './FieldWrapper';
-export type { FieldWrapperProps, FieldLayout, FieldSize, } from '../../core/types';
+export type { FieldWrapperProps, FieldWidth, FieldLayout, FieldSize, } from '../../core/types';

package/dist/types/components/Fields/index.d.ts

@@ -9,4 +9,4 @@ export { useFieldChange } from './hooks/useFieldChange';
 export { useFieldBlur } from './hooks/useFieldBlur';
 export { useFieldValidation } from './hooks/useFieldValidation';
 export { useFieldSelect } from './hooks/useFieldSelect';
-export type { FieldsProps, FieldProps, FieldsBaseProps, FieldsWithSetState, FieldsWithOnChange, FieldDefinition, FieldsDefinition, FieldAuthorize, FieldTooltipProps, FieldComponentRegistry, FieldEditableTableProps, BaseFieldDefinition, InputFieldDefinition, SwitchFieldDefinition, SelectFieldDefinition, SuggestFieldDefinition, RadioFieldDefinition, CheckboxFieldDefinition, ButtonFieldDefinition, ChildFieldDefinition, EditableTableFieldDefinition, ChipInputFieldDefinition, ConditionOperator, ConditionCompareType, ConditionObject, ConditionRegexObject, ConditionFunction, ConditionSimpleKey, Condition, ConditionContext, NestedKeys, NestedValue, ResetKeyConfig, SelectCopyKeyConfig, ChangeContext, ChangeAdditionalDataContext, SelectAdditionalDataContext, EditableTableCustomPropContext, ErrorObject, TouchedObject, } from '../../core/types';
+export type { FieldsProps, FieldProps, FieldsBaseProps, FieldsWithSetState, FieldsWithOnChange, FieldDefinition, FieldsDefinition, FieldAuthorize, FieldTooltipProps, FieldComponentRegistry, FieldEditableTableProps, BaseFieldDefinition, InputFieldDefinition, SwitchFieldDefinition, SelectFieldDefinition, SuggestFieldDefinition, RadioFieldDefinition, CheckboxFieldDefinition, ButtonFieldDefinition, ChildFieldDefinition, DateFieldDefinition, EditableTableFieldDefinition, ChipInputFieldDefinition, ConditionOperator, ConditionCompareType, ConditionObject, ConditionRegexObject, ConditionFunction, ConditionSimpleKey, Condition, ConditionContext, NestedKeys, NestedValue, ResetKeyConfig, SelectCopyKeyConfig, ChangeContext, ChangeAdditionalDataContext, SelectAdditionalDataContext, EditableTableCustomPropContext, ErrorObject, TouchedObject, } from '../../core/types';

package/dist/types/components/Image/ImageEditor.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { type ImageEditorOptions } from '../../core/logic/imageEditor.logic';
+import type { ImageTransform, ImageTransformInput } from '../../core/logic/imageTransform.logic';
+import { type ImageEditResult } from './imageRender';
+export type ImageEditorResult = ImageEditResult;
+export interface ImageEditorPanelContext {
+    transform: ImageTransform;
+    width: number;
+    height: number;
+    getResult: () => Promise<ImageEditorResult>;
+}
+export interface ImageEditorProps extends ImageEditorOptions {
+    src: File | Blob | string;
+    onApply: (result: ImageEditorResult) => void | Promise<void>;
+    onCancel: () => void;
+    initialTransform?: ImageTransformInput;
+    panel?: React.ReactNode | ((context: ImageEditorPanelContext) => React.ReactNode);
+    className?: string;
+}
+declare const ImageEditor: React.FC<ImageEditorProps>;
+export default ImageEditor;

package/dist/types/components/Image/ImagePicker.d.ts

@@ -1,16 +1,25 @@
 import React from 'react';
+import type { ImageEditorOptions } from '../../core/logic/imageEditor.logic';
+import { type ImageEditorProps } from './ImageEditor';
 export interface ImagePickerItem {
     id: string;
     src: string;
     alt?: string;
+    editSrc?: File | Blob | string;
 }
+export type ImagePickerEditorOptions = ImageEditorOptions & Pick<ImageEditorProps, 'panel'>;
 export interface ImagePickerProps {
     label?: React.ReactNode;
     items: ImagePickerItem[];
     onAdd: (files: File[]) => void;
-    onRemove: (id: string) => void;
+    onRemove?: (id: string) => void;
+    onReplace?: (id: string, file: File) => void;
+    editable?: boolean;
+    editor?: ImagePickerEditorOptions;
+    onEdit?: (id: string) => void;
     onOpen?: (index: number) => void;
     max?: number;
+    dropZone?: boolean;
     required?: boolean;
     disabled?: boolean;
     busy?: boolean;

package/dist/types/components/Image/imageRender.d.ts

@@ -0,0 +1,33 @@
+import { type ImageTransform, type ImageOutputLimits, type ImageSize } from '../../core/logic/imageTransform.logic';
+export type ImageFailure = 'unreadable' | 'not-found' | 'cors' | 'no-canvas' | 'encode';
+export declare class ImagePrepareError extends Error {
+    readonly code: ImageFailure;
+    constructor(message: string, code?: ImageFailure);
+}
+export interface DecodedImage extends ImageSize {
+    source: CanvasImageSource;
+    close: () => void;
+}
+export declare const decodeImageBlob: (file: Blob) => Promise<DecodedImage>;
+export declare const decodeImageUrl: (url: string) => Promise<DecodedImage>;
+export declare const decodeImageSource: (src: File | Blob | string) => Promise<DecodedImage>;
+export declare const drawWholeImage: (image: DecodedImage, canvas: HTMLCanvasElement, width: number, height: number) => void;
+export declare const drawTransformed: (image: DecodedImage, transform: ImageTransform, limits: ImageOutputLimits, background?: string) => {
+    canvas: HTMLCanvasElement;
+    width: number;
+    height: number;
+};
+export declare const canvasToBlob: (canvas: HTMLCanvasElement, type: string, quality?: number) => Promise<Blob | null>;
+export declare const backgroundFor: (type: string) => string | undefined;
+export interface ImageEditResult {
+    blob: Blob;
+    width: number;
+    height: number;
+    mimeType: string;
+    transform: ImageTransform;
+}
+export interface ImageEncodeOptions extends ImageOutputLimits {
+    mimeType?: string;
+    quality?: number;
+}
+export declare const renderImageEdit: (image: DecodedImage, transform: ImageTransform, options: ImageEncodeOptions, sourceType?: string) => Promise<ImageEditResult>;

package/dist/types/components/Image/index.d.ts

@@ -1,8 +1,10 @@
 export { default as ImagePicker } from './ImagePicker';
-export type { ImagePickerProps, ImagePickerItem } from './ImagePicker';
+export type { ImagePickerProps, ImagePickerItem, ImagePickerEditorOptions } from './ImagePicker';
 export { default as ImageStrip } from './ImageStrip';
 export type { ImageStripProps, StripImage } from './ImageStrip';
 export { default as ImageViewer } from './ImageViewer';
 export type { ImageViewerProps, ViewerImage } from './ImageViewer';
+export { default as ImageEditor } from './ImageEditor';
+export type { ImageEditorProps, ImageEditorResult, ImageEditorPanelContext } from './ImageEditor';
 export { prepareImage, ImagePrepareError } from './prepareImage';
 export type { PrepareImageOptions, PreparedImage } from './prepareImage';

package/dist/types/components/Image/prepareImage.d.ts

@@ -1,9 +1,13 @@
+import { type ImageTransformInput } from '../../core/logic/imageTransform.logic';
+import { ImagePrepareError } from './imageRender';
+export { ImagePrepareError };
 export interface PrepareImageOptions {
     maxSide?: number;
     thumbSide?: number;
     quality?: number;
     thumbQuality?: number;
     maxInputBytes?: number;
+    transform?: ImageTransformInput;
 }
 export interface PreparedImage {
     full: Blob;
@@ -13,7 +17,4 @@ export interface PreparedImage {
     w: number;
     h: number;
 }
-export declare class ImagePrepareError extends Error {
-    constructor(message: string);
-}
 export declare function prepareImage(file: File | Blob, options?: PrepareImageOptions): Promise<PreparedImage>;

package/dist/types/components/Link/Link.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export type LinkColor = 'primary' | 'neutral' | 'inherit';
+export type LinkUnderline = 'always' | 'hover' | 'none';
+export interface LinkOwnProps {
+    children?: React.ReactNode;
+    color?: LinkColor;
+    underline?: LinkUnderline;
+    external?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export type LinkProps<E extends React.ElementType = 'a'> = LinkOwnProps & {
+    as?: E;
+} & Omit<React.ComponentPropsWithoutRef<E>, keyof LinkOwnProps | 'as'>;
+type LinkComponent = (<E extends React.ElementType = 'a'>(props: LinkProps<E> & {
+    ref?: React.ComponentPropsWithRef<E>['ref'];
+}) => React.ReactElement | null) & {
+    displayName?: string;
+};
+declare const Link: LinkComponent;
+export default Link;

package/dist/types/components/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Link } from './Link';
+export type { LinkProps, LinkOwnProps, LinkColor, LinkUnderline } from './Link';

package/dist/types/components/NavList/NavList.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { NavItem } from '../../core/types';
+export interface NavListProps {
+    items: NavItem[];
+    activeId?: string | null;
+    onSelect?: (item: NavItem, event: React.MouseEvent) => void;
+    as?: React.ElementType;
+    className?: string;
+    style?: React.CSSProperties;
+    'aria-label'?: string;
+}
+declare const NavList: React.FC<NavListProps>;
+export default NavList;

package/dist/types/components/NavList/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NavList } from './NavList';
+export type { NavListProps } from './NavList';

package/dist/types/components/PageProgress/PageProgress.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface PageProgressProps {
+    active: boolean;
+    delay?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    'aria-label'?: string;
+}
+declare const PageProgress: React.FC<PageProgressProps>;
+export default PageProgress;

package/dist/types/components/PageProgress/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PageProgress } from './PageProgress';
+export type { PageProgressProps } from './PageProgress';

package/dist/types/components/Pagination/Pagination.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type PaginationVariant = 'numbers' | 'simple';
+export interface PaginationProps {
+    pageIndex: number;
+    onPageChange: (pageIndex: number) => void;
+    pageCount?: number;
+    total?: number;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    onPageSizeChange?: (pageSize: number) => void;
+    variant?: PaginationVariant;
+    siblings?: number;
+    showFirstLast?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    'aria-label'?: string;
+}
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

package/dist/types/components/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Pagination } from './Pagination';
+export type { PaginationProps, PaginationVariant } from './Pagination';

package/dist/types/components/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PopoverPlacement } from '../../core/logic';
+import { type PopoverPlacement } from '../../core/logic';
 import { type FloatingAnchor } from './floatingPosition';
 export interface PopoverProps {
     open: boolean;

package/dist/types/components/Popover/floatingPosition.d.ts

@@ -25,3 +25,7 @@ export declare const visibleBounds: (el: Element) => {
     top: number;
     bottom: number;
 };
+export declare const listOverhang: (list: Element | null | undefined, anchor: Element | null | undefined) => string | undefined;
+export declare const titleWhenCut: (event: {
+    target: EventTarget | null;
+}) => void;