@dcs-tech/ui 0.9.0 → 0.10.0

package/dist/types/core/logic/periodPicker.logic.d.ts

@@ -0,0 +1,86 @@
+import type { DateDisplayFormat, DateTextOrder } from '../types';
+import { type DateHighlightAction, type IsoDay } from './datePicker.logic';
+export type IsoPeriod = string;
+export type PeriodMode = 'month' | 'year';
+export interface PeriodBounds {
+    min: IsoPeriod;
+    max: IsoPeriod;
+}
+export declare const PERIOD_COLUMNS = 3;
+export declare const PERIOD_PAGE_SIZE = 12;
+export declare function toPeriod(value: unknown, mode: PeriodMode, bound?: 'start' | 'end'): IsoPeriod;
+export declare function shiftPeriod(period: IsoPeriod, mode: PeriodMode, n: number): IsoPeriod;
+export declare function resolvePeriodBounds(opts: {
+    mode: PeriodMode;
+    min?: string;
+    max?: string;
+    yearRange?: {
+        back?: number;
+        ahead?: number;
+    };
+    today?: IsoDay;
+}): PeriodBounds;
+export declare const isPeriodInBounds: (period: IsoPeriod, bounds: PeriodBounds) => boolean;
+export declare function clampPeriod(period: IsoPeriod, bounds: PeriodBounds): IsoPeriod;
+export declare function openingPeriod(value: unknown, opts: {
+    mode: PeriodMode;
+    bounds: PeriodBounds;
+    today?: IsoDay;
+}): IsoPeriod;
+export interface PeriodCell {
+    period: IsoPeriod;
+    year: number;
+    month: number;
+    isCurrent: boolean;
+    isSelected: boolean;
+    isHighlighted: boolean;
+    inRange: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    disabled: boolean;
+}
+export interface PeriodGridView {
+    firstYear: number;
+    lastYear: number;
+    rows: PeriodCell[][];
+    canPagePrev: boolean;
+    canPageNext: boolean;
+}
+export declare function buildPeriodGrid(opts: {
+    mode: PeriodMode;
+    cursor: IsoPeriod;
+    bounds: PeriodBounds;
+    today?: IsoDay;
+    selected?: IsoPeriod;
+    rangeFrom?: IsoPeriod;
+    rangeTo?: IsoPeriod;
+}): PeriodGridView;
+export declare function movePeriodCursor(from: IsoPeriod, action: DateHighlightAction, opts: {
+    mode: PeriodMode;
+    bounds: PeriodBounds;
+}): IsoPeriod;
+export declare function extendPeriodRange(range: {
+    from?: IsoPeriod;
+    to?: IsoPeriod;
+}, picked: IsoPeriod, mode: PeriodMode): {
+    from: IsoPeriod;
+    to: IsoPeriod;
+};
+export interface PeriodTextOptions {
+    mode: PeriodMode;
+    within?: IsoPeriod;
+    today?: IsoDay;
+    order?: DateTextOrder;
+    monthNames?: string[];
+    monthNamesShort?: string[];
+}
+export declare function parsePeriodText(text: unknown, opts: PeriodTextOptions): IsoPeriod | null;
+export declare function parsePeriodRangeText(text: unknown, opts: PeriodTextOptions): {
+    from: IsoPeriod;
+    to: IsoPeriod;
+} | null;
+export declare function formatPeriodText(value: unknown, mode: PeriodMode, opts?: {
+    locale?: string;
+    monthNames?: string[];
+}): string;
+export declare function periodPlaceholder(mode: PeriodMode, format?: DateDisplayFormat): string;

package/dist/types/core/logic/reorder.logic.d.ts

@@ -0,0 +1,49 @@
+export interface ReorderSlot {
+    start: number;
+    size: number;
+}
+export interface ReorderRange {
+    min: number;
+    max: number;
+}
+export declare function moveItem<T>(items: readonly T[], from: number, to: number): T[];
+export declare function reorderRange(fixed: readonly boolean[], from: number): ReorderRange;
+export declare function reorderTarget(slots: readonly ReorderSlot[], from: number, offset: number, range: ReorderRange): number;
+export declare function reorderShift(slots: readonly ReorderSlot[], from: number, to: number, index: number): number;
+export declare function reorderDropOffset(slots: readonly ReorderSlot[], from: number, to: number): number;
+export declare function reorderDragLimits(slots: readonly ReorderSlot[], from: number, range: ReorderRange): ReorderRange;
+export declare function stepReorderIndex(current: number, step: -1 | 1, range: ReorderRange): number;
+export declare function autoScrollStep(pointer: number, edgeStart: number, edgeEnd: number, zone: number, maxStep: number): number;
+export interface ReorderPoint {
+    x: number;
+    y: number;
+}
+export interface ReorderSize {
+    width: number;
+    height: number;
+}
+export interface ReorderFlow {
+    axis: 'vertical' | 'horizontal' | 'wrap';
+    width: number;
+    gapX: number;
+    gapY: number;
+}
+export declare function flowPositions(sizes: readonly ReorderSize[], flow: ReorderFlow): ReorderPoint[];
+export declare function flowExtent(sizes: readonly ReorderSize[], flow: ReorderFlow): ReorderSize;
+export declare function insertItem<T>(items: readonly T[], index: number, item: T): T[];
+export declare function insertionPoints(sizes: readonly ReorderSize[], dragged: ReorderSize, flow: ReorderFlow, range: ReorderRange): ReorderPoint[];
+export declare function nearestPoint(points: readonly ReorderPoint[], at: ReorderPoint): number;
+export interface ReorderAcceptRules {
+    from?: number;
+    sortable?: boolean;
+    maxItems?: number;
+    replaceWhenFull?: boolean;
+}
+export declare function acceptedRange(fixed: readonly boolean[], rules: ReorderAcceptRules): ReorderRange | null;
+export interface ReorderStop {
+    list: number;
+    index: number;
+}
+export declare function stepAcrossLists(ranges: ReadonlyArray<ReorderRange | null>, current: ReorderStop, step: -1 | 1): ReorderStop;
+export declare function reorderSelectedValues<V>(value: readonly V[], shown: readonly V[]): V[];
+export declare function fixedSelectValues<V>(value: readonly V[], fixedItems: number, defaultSelected: readonly V[]): Set<V>;

package/dist/types/core/types/chipinput.types.d.ts

@@ -48,7 +48,9 @@ export type ChipInputSize = FieldSize;
 export type ChipInputVariant = FieldVariant;
 export type ChipInputLayout = FieldLayout;
 export interface ChipInputProps extends TextFieldProps<string, HTMLDivElement> {
-    sources: ChipSources;
+    sources?: ChipSources;
+    tags?: string[];
+    onTagsChange?: (tags: string[]) => void;
     syntax?: ChipTokenSyntax;
     inputClassName?: string;
     previewData?: Record<string, Record<string, any>>;

package/dist/types/core/types/collapsible.types.d.ts

@@ -23,6 +23,7 @@ export interface CollapsibleItemProps {
     disabled?: boolean;
     collapsedIcon?: ReactNode;
     expandedIcon?: ReactNode;
+    keepMounted?: boolean;
     onChange?: (expanded: boolean) => void;
     authorize?: CollapsibleAuthorize;
     className?: string;
@@ -48,6 +49,7 @@ export interface CollapsibleProps {
     disclosure?: CollapsibleDisclosure;
     iconTile?: boolean;
     headingLevel?: CollapsibleHeadingLevel;
+    keepMounted?: boolean;
     disabled?: boolean;
     className?: string;
     style?: CSSProperties;
@@ -73,6 +75,7 @@ export interface CollapsibleContextValue {
     disclosure: CollapsibleDisclosure;
     iconTile: boolean;
     headingLevel: CollapsibleHeadingLevel;
+    keepMounted: boolean;
     keyboardNavigation: boolean;
     disabled: boolean;
     animated: boolean;

package/dist/types/core/types/datePicker.types.d.ts

@@ -3,14 +3,20 @@ import type { FieldChangeEvent } from './control.types';
 import type { FieldPopupProps, TextFieldProps } from './field.types';
 export type DateDisplayFormat = 'dd-mm-yyyy' | 'dd/mm/yyyy' | 'yyyy-mm-dd';
 export type DateTextOrder = 'dmy' | 'mdy' | 'ymd';
+export type DatePickerMode = 'date' | 'month' | 'year';
 export interface DateRangeValue {
     from: string;
     to: string;
 }
 export interface DatePickerBaseProps extends Omit<TextFieldProps<string, HTMLInputElement, FieldChangeEvent<string>>, 'value' | 'onChange'>, FieldPopupProps {
+    picker?: DatePickerMode;
     withTime?: boolean;
     min?: string;
     max?: string;
+    yearRange?: {
+        back?: number;
+        ahead?: number;
+    };
     displayFormat?: DateDisplayFormat;
     textOrder?: DateTextOrder;
     weekStart?: number;
@@ -27,6 +33,7 @@ export interface DatePickerBaseProps extends Omit<TextFieldProps<string, HTMLInp
     placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
     showCalendarIcon?: boolean;
     clearable?: boolean;
+    autoComplete?: string;
     placeholder?: string;
     hint?: ReactNode;
     error?: ReactNode;

package/dist/types/core/types/field.types.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties, FocusEvent, KeyboardEvent, ReactNode } from 'react';
 import type { DataAttributes } from './common.types';
-import type { FieldTooltipSupport } from './fieldWrapper.types';
+import type { FieldTooltipSupport, FieldWidth } from './fieldWrapper.types';
 import type { ControlLabelPosition, ControlLayout, ControlSize, ControlVariant, FieldCellContext, FieldChangeEvent, FieldColor, ToggleVariant } from './control.types';
 import type { FieldKeyboardConfig } from './keyboard.types';
 export interface FieldIdentityProps<V = any, C = FieldChangeEvent<V>> {
@@ -32,7 +32,6 @@ export interface FieldChromeProps {
     className?: string;
     labelClassName?: string;
     style?: CSSProperties;
-    fullWidth?: boolean;
 }
 export interface FieldA11yProps {
     'aria-label'?: string;
@@ -73,8 +72,12 @@ export interface FieldHandle {
 }
 export type BaseFieldProps<V = any, E extends HTMLElement = HTMLElement, C = FieldChangeEvent<V>> = FieldIdentityProps<V, C> & FieldChromeProps & FieldA11yProps & FieldInteractionProps<E> & FieldCellContext & FieldTooltipSupport & DataAttributes;
 export type TextFieldProps<V = any, E extends HTMLElement = HTMLElement, C = FieldChangeEvent<V>> = BaseFieldProps<V, E, C> & ControlSurfaceProps & {
+    width?: FieldWidth;
+    fullWidth?: boolean;
     placeholder?: string;
     inputMode?: 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | 'none';
     spellCheck?: boolean;
 };
-export type ToggleFieldProps<V = any, E extends HTMLElement = HTMLInputElement, C = FieldChangeEvent<V>> = BaseFieldProps<V, E, C> & ToggleSurfaceProps;
+export type ToggleFieldProps<V = any, E extends HTMLElement = HTMLInputElement, C = FieldChangeEvent<V>> = BaseFieldProps<V, E, C> & ToggleSurfaceProps & {
+    fullWidth?: boolean;
+};

package/dist/types/core/types/fieldWrapper.types.d.ts

@@ -5,6 +5,7 @@ export type FieldLayout = ControlLayout;
 export type FieldSize = ControlSize;
 export type FieldVariant = ControlVariant;
 export type { ToggleVariant } from './control.types';
+export type FieldWidth = 'full' | 'auto' | number | string;
 export interface FieldTooltipSupport {
     tooltip?: TooltipProp;
     tooltipTrigger?: TooltipTrigger;
@@ -19,6 +20,7 @@ export interface FieldWrapperProps extends FieldTooltipSupport {
     className?: string;
     labelClassName?: string;
     style?: CSSProperties;
+    width?: FieldWidth;
     disabled?: boolean;
     children: ReactNode;
     extraMessages?: ReactNode;

package/dist/types/core/types/fields.types.d.ts

@@ -1,3 +1,4 @@
+import type { DatePickerProps } from './datePicker.types';
 import { ReactNode, ComponentType, Dispatch, SetStateAction } from 'react';
 import type { InputProps } from './input.types';
 import type { SwitchProps } from './switch.types';
@@ -195,6 +196,10 @@ export interface ChildFieldDefinition<T> extends BaseFieldDefinition<T> {
         props?: Record<string, any>;
     };
 }
+export interface DateFieldDefinition<T> extends BaseFieldDefinition<T> {
+    field: 'date';
+    fprop?: Partial<DatePickerProps>;
+}
 export interface EditableTableFieldDefinition<T> extends BaseFieldDefinition<T> {
     field: 'editableTable';
     fprop?: Record<string, any>;
@@ -203,7 +208,7 @@ export interface ChipInputFieldDefinition<T> extends BaseFieldDefinition<T> {
     field: 'chipinput';
     fprop?: Record<string, any>;
 }
-export type FieldDefinition<T> = InputFieldDefinition<T> | SwitchFieldDefinition<T> | SelectFieldDefinition<T> | SuggestFieldDefinition<T> | RadioFieldDefinition<T> | CheckboxFieldDefinition<T> | ButtonFieldDefinition<T> | ChildFieldDefinition<T> | EditableTableFieldDefinition<T> | ChipInputFieldDefinition<T>;
+export type FieldDefinition<T> = InputFieldDefinition<T> | SwitchFieldDefinition<T> | SelectFieldDefinition<T> | SuggestFieldDefinition<T> | RadioFieldDefinition<T> | CheckboxFieldDefinition<T> | ButtonFieldDefinition<T> | ChildFieldDefinition<T> | DateFieldDefinition<T> | EditableTableFieldDefinition<T> | ChipInputFieldDefinition<T>;
 export type FieldsDefinition<T> = Array<FieldDefinition<T>>;
 export type ErrorObject = Record<string, string>;
 export type TouchedObject = Record<string, boolean>;

package/dist/types/core/types/form.types.d.ts

@@ -119,6 +119,7 @@ export interface FormProps<T = any> extends FormCallbacks<T> {
     columns?: number;
     header?: FormHeader;
     footer?: FormFooter;
+    dialogSlots?: boolean;
     actions?: Array<FormAction<T>>;
     showSubmit?: boolean;
     submitButton?: Partial<FormAction<T>>;

package/dist/types/core/types/format.types.d.ts

@@ -12,4 +12,6 @@ export interface UIFormat {
     money: (value: number, decimals?: number) => string;
     percent: (value: number, decimals?: number) => string;
     day: (value: unknown) => string;
+    dateTime: (value: unknown) => string;
+    shortDate: (value: unknown) => string;
 }

package/dist/types/core/types/input.types.d.ts

@@ -25,6 +25,8 @@ export type InputEditableTableCellProps = FieldCellContext;
 export interface InputProps extends TextFieldProps<string | number, HTMLInputElement | HTMLTextAreaElement, ChangeEvent<HTMLInputElement | HTMLTextAreaElement>> {
     type?: InputType;
     autoComplete?: string;
+    accept?: string;
+    multiple?: boolean;
     validation?: ValidationConfig;
     min?: number | string;
     max?: number | string;

package/dist/types/core/types/navigation.types.d.ts

@@ -3,6 +3,7 @@ export interface NavItem {
     id: string;
     label: ReactNode;
     icon?: ReactNode;
+    iconOnly?: boolean;
     badge?: ReactNode;
     keywords?: string;
     disabled?: boolean;

package/dist/types/core/types/select.types.d.ts

@@ -109,6 +109,7 @@ export interface SelectProps extends TextFieldProps<any, HTMLDivElement, SelectE
     virtualScroll?: boolean | VirtualScrollConfig;
     keyboard?: FieldKeyboardConfig & KeyboardConfig;
     position?: DropdownPosition | PositionConfig;
+    listWidth?: 'fit' | 'field';
     emptyState?: EmptyStateConfig;
     loading?: LoadingConfig;
     triggerClassName?: string;
@@ -140,8 +141,6 @@ export interface SelectState {
     searchTerm: string;
     filteredOptions: SelectOption[];
     highlightedIndex: number;
-    draggedItem: SelectOption | null;
-    draggedOver: SelectOption | null;
     collapsedGroups: Set<string>;
     isInModal: boolean;
 }
@@ -167,10 +166,7 @@ export interface UseSelectReturn {
         pickHighlighted: () => boolean;
         handleSearchChange: (event: ChangeEvent<HTMLInputElement>) => void;
         handleClickOutside: (event: MouseEvent) => void;
-        handleDragStart: (event: DragEvent, option: SelectOption) => void;
-        handleDragOver: (event: DragEvent, option: SelectOption) => void;
-        handleDragEnd: () => void;
-        handleDrop: (event: DragEvent, targetOption: SelectOption) => void;
+        handleReorder: (rows: SelectOption[]) => void;
         handleSelectAll: () => void;
         handleClear: () => void;
         handleBlur: (event: FocusEvent<HTMLDivElement>) => void;

package/dist/types/core/types/suggest.types.d.ts

@@ -63,6 +63,7 @@ export interface SuggestionListProps<T = any> {
     inputRef: RefObject<HTMLInputElement | null>;
     containerRef: RefObject<HTMLDivElement | null>;
     portal?: boolean;
+    listWidth?: 'fit' | 'field';
     zIndex?: number;
     exiting?: boolean;
     renderItem?: (item: T, isHighlighted: boolean, searchValue: string) => ReactNode;
@@ -94,6 +95,7 @@ export interface SuggestProps extends TextFieldProps<string, HTMLInputElement, C
     portal?: boolean;
     portalContainer?: Element;
     position?: 'auto' | 'top' | 'bottom';
+    listWidth?: 'fit' | 'field';
 }
 export interface SuggestionGroup {
     name: string;

package/dist/types/index.d.ts

@@ -6,7 +6,7 @@ export type { TypographyProps, TypographyVariant, TypographyColor, TypographyAli
 export { Button, ButtonGroup } from './components/Button';
 export type { ButtonProps, ButtonGroupProps, ButtonVariant, ButtonSize, ButtonColor, ButtonShape, LoadingPosition, GroupOrientation, ButtonGroupContextValue, } from './components/Button';
 export { FieldWrapper } from './components/FieldWrapper';
-export type { FieldWrapperProps, FieldLayout, FieldSize, } from './components/FieldWrapper';
+export type { FieldWrapperProps, FieldWidth, FieldLayout, FieldSize, } from './components/FieldWrapper';
 export { FieldContext, FieldProvider, useFieldContext, useFieldSurface, useToggleSurface, useField, useFormKeyboard, } from './components/FieldContext';
 export type { FieldContextValue, FieldProviderProps, FieldSurfaceInput, FieldSurfaceDefaults, ResolvedFieldSurface, ResolvedToggleSurface, UseFieldOptions, UseFieldResult, UseFormKeyboardOptions, } from './components/FieldContext';
 export type { BaseFieldProps, TextFieldProps, ToggleFieldProps, FieldIdentityProps, FieldChromeProps, FieldA11yProps, FieldInteractionProps, FieldSurfaceProps, ControlSurfaceProps, ToggleSurfaceProps, FieldPopupProps, FieldHandle, FieldFocusEvent, OpenReason, FieldKeyboardConfig, FieldWidget, FieldKeyState, FieldKeyAction, KeyResolution, KeyEventLike, NavAction, GridMode, } from './core/types';
@@ -23,7 +23,7 @@ export type { InputProps, InputType, InputVariant, InputSize, InputLayout, Valid
 export { Select, useSelect } from './components/Select';
 export type { SelectProps, SelectOption, SelectSize, SelectLayout, SelectState, SelectEvent, SelectAccessibilityConfig, UseSelectReturn, UseSelectConfig, MultiSelectConfig, SearchConfig, SortConfig, ReorderConfig, GroupConfig, VirtualScrollConfig, KeyboardConfig, DropdownPosition, PositionConfig, EmptyStateConfig, LoadingConfig, ChipProps, GroupDisplayProps, OptionItemProps, AutoScrollState, DropdownDimensions, OptionValue, } from './components/Select';
 export { DatePicker, Calendar } from './components/DatePicker';
-export type { DatePickerProps, DatePickerBaseProps, DatePickerSingleProps, DatePickerRangeProps, DateRangeValue, DateDisplayFormat, DateTextOrder, CalendarProps, } from './components/DatePicker';
+export type { DatePickerProps, DatePickerBaseProps, DatePickerSingleProps, DatePickerRangeProps, DatePickerMode, DateRangeValue, DateDisplayFormat, DateTextOrder, CalendarProps, } from './components/DatePicker';
 export { Suggest, SuggestionList, useSuggest } from './components/Suggest';
 export { FORMATTER_UTILITY_CLASSES, SUGGEST_SEARCH_ENGINE_OPTIONS, SUGGEST_SEARCH_MODE_OPTIONS, } from './components/Suggest';
 export type { SuggestProps, SuggestSize, SuggestLayout, SuggestSearchEngine, SuggestSearchMode, RenderKey, SuggestionConfig, SuggestionItemProps, SuggestionListProps, SuggestionGroup, UseSuggestOptions, UseSuggestReturn, SuggestSearchOptions, } from './components/Suggest';
@@ -31,7 +31,7 @@ export { Collapsible, CollapsibleItem, CollapsibleContext, useCollapsibleContext
 export type { CollapsibleProps, CollapsibleItemProps, CollapsibleContextValue, CollapsibleVariant, CollapsibleSize, CollapsibleColor, CollapsibleIconPosition, CollapsibleExpansionMode, CollapsibleAuthorize, CollapsibleDisclosure, CollapsibleTone, CollapsibleHeadingLevel, } from './components/Collapsible';
 export { Fields, Field } from './components/Fields';
 export { useFieldCondition, useFieldRender, useFieldDisabled, useFieldValue, useFieldChange, useFieldBlur, useFieldValidation, useFieldSelect, } from './components/Fields';
-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 './components/Fields';
+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 './components/Fields';
 export { Form } from './components/Form';
 export type { FormProps, FormMethods, FormSection, FormAction, FormValidation, FormHeader, FormFooter, FormCallbacks, FormState, FormLayout, FormSize, FormVariant, } from './components/Form';
 export { validateStandardSchema, isStandardSchema } from './core/logic/standardSchema.logic';
@@ -57,13 +57,18 @@ export type { BadgeProps, BadgeColor, BadgeVariant, BadgeSize } from './componen
 export { Avatar, AvatarGroup } from './components/Avatar';
 export type { AvatarProps, AvatarGroupProps, AvatarSize, AvatarShape } from './components/Avatar';
 export { Card } from './components/Card';
-export type { CardProps, CardVariant, CardPadding } from './components/Card';
+export type { CardProps, CardVariant, CardPadding, CardHeadingLevel } from './components/Card';
+export { ReorderList, ReorderGroup } from './components/ReorderList';
+export type { ReorderListProps, ReorderItemState, ReorderHandleProps, ReorderDragFrom, ReorderAxis, ReorderMove, ReorderLabels, ReorderListHandle, ReorderWhenFull, ReorderGroupProps, ReorderGroupMove, } from './components/ReorderList';
 export { Popover } from './components/Popover';
 export type { PopoverProps } from './components/Popover';
 export { DropdownMenu } from './components/DropdownMenu';
 export type { DropdownMenuProps, DropdownMenuItem } from './components/DropdownMenu';
-export { ImagePicker, ImageStrip, ImageViewer, prepareImage, ImagePrepareError } from './components/Image';
-export type { ImagePickerProps, ImagePickerItem, ImageStripProps, StripImage, ImageViewerProps, ViewerImage, PrepareImageOptions, PreparedImage, } from './components/Image';
+export { ImagePicker, ImageStrip, ImageViewer, ImageEditor, prepareImage, ImagePrepareError } from './components/Image';
+export type { ImagePickerProps, ImagePickerItem, ImageStripProps, StripImage, ImageViewerProps, ViewerImage, PrepareImageOptions, PreparedImage, ImagePickerEditorOptions, ImageEditorProps, ImageEditorResult, ImageEditorPanelContext, } from './components/Image';
+export { resolveImageTransform, imageOutputSize } from './core/logic/imageTransform.logic';
+export type { ImageTransform, ImageTransformInput, ImageCropRect, ImageQuarterTurn, ImageSize, ImageOutputLimits, } from './core/logic/imageTransform.logic';
+export type { ImageEditorOptions, ImageEditorCropOptions, ImageEditorOutputOptions, ImageEditorRatio, } from './core/logic/imageEditor.logic';
 export { Dialog } from './components/Dialog';
 export type { DialogProps, DialogPlacement, DialogSize } from './components/Dialog';
 export { useDialog, DialogHost } from './components/Dialog/DialogHost';
@@ -91,6 +96,19 @@ export type { AppBarProps, AppBarSize, AppBarVariant } from './components/AppBar
 export { Breadcrumbs } from './components/Breadcrumbs';
 export type { BreadcrumbsProps } from './components/Breadcrumbs';
 export type { NavItem } from './core/types';
+export { Link } from './components/Link';
+export type { LinkProps, LinkOwnProps, LinkColor, LinkUnderline } from './components/Link';
+export { Alert } from './components/Alert';
+export type { AlertProps } from './components/Alert';
+export type { AlertTone } from './core/logic';
+export { Pagination } from './components/Pagination';
+export type { PaginationProps, PaginationVariant } from './components/Pagination';
+export { CommandPaletteTrigger } from './components/CommandPalette';
+export type { CommandPaletteTriggerProps } from './components/CommandPalette';
+export { PageProgress } from './components/PageProgress';
+export type { PageProgressProps } from './components/PageProgress';
+export { NavList } from './components/NavList';
+export type { NavListProps } from './components/NavList';
 export { useArrowKeyFocus } from './components/ArrowKeyFocus/useArrowKeyFocus';
 export type { ArrowKeyFocusOptions, ArrowKeyFocusHandlers } from './components/ArrowKeyFocus/useArrowKeyFocus';
 export { buildFieldControlClassKeys, buildPopupListClassKeys, buildPopupRowClassKeys, computeTooltipPosition, normalizeTooltip, resolveTooltipPlacementOrder, shouldAnchorToPointer, useMergeRefs, } from './core/logic';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcs-tech/ui",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "React UI component library — fields, buttons, tooltips, tables and design tokens.",
   "license": "UNLICENSED",
   "type": "module",