@dcs-tech/ui 0.9.0 → 0.11.0

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

@@ -0,0 +1,63 @@
+export interface TreeShape {
+    parentOf: ReadonlyMap<string, string | null>;
+    childrenOf: ReadonlyMap<string, readonly string[]>;
+    roots: readonly string[];
+}
+export interface TreeDragLine {
+    id: string;
+    depth: number;
+}
+export interface TreeDropPlace {
+    parent: string | null;
+    index: number;
+}
+export interface TreeDropTarget extends TreeDropPlace {
+    gap: number;
+    level: number;
+    inside: boolean;
+}
+export declare function treeMovingRoots(tree: Pick<TreeShape, 'parentOf'>, ids: readonly string[]): string[];
+export declare function treeMovingSet(tree: Pick<TreeShape, 'childrenOf'>, roots: readonly string[]): Set<string>;
+export declare function treeRestLines<L extends TreeDragLine>(lines: readonly L[], moving: ReadonlySet<string>): L[];
+export declare function treeGapLevels(rest: readonly TreeDragLine[], gap: number): {
+    min: number;
+    max: number;
+};
+export declare function treeInsideTarget(tree: TreeShape, rest: readonly TreeDragLine[], line: number, moving: ReadonlySet<string>): TreeDropTarget | null;
+export declare function treeGapTarget(tree: TreeShape, rest: readonly TreeDragLine[], gap: number, level: number, moving: ReadonlySet<string>): TreeDropTarget;
+export interface TreeLineRect {
+    line: number;
+    top: number;
+    bottom: number;
+}
+export declare function treePointerSpot(rects: readonly TreeLineRect[], y: number): {
+    gap: number;
+} | {
+    inside: number;
+} | null;
+export declare function treePlaceOf(tree: TreeShape, id: string): {
+    parent: string | null;
+    index: number;
+};
+export declare function treeStartGap(lines: readonly TreeDragLine[], moving: ReadonlySet<string>, first: string): {
+    gap: number;
+    level: number;
+};
+export declare function treeIndentPlace(tree: TreeShape, roots: readonly string[], moving: ReadonlySet<string>): TreeDropPlace | null;
+export declare function treeOutdentPlace(tree: TreeShape, roots: readonly string[], moving: ReadonlySet<string>): TreeDropPlace | null;
+export interface TreeMove {
+    from: Array<{
+        id: string;
+        parent: string | null;
+        index: number;
+    }>;
+    parent: string | null;
+    index: number;
+    siblings: string[];
+    parentOf: Map<string, string | null>;
+    childrenOf: Map<string, string[]>;
+    roots: string[];
+    order: string[];
+}
+export declare function moveTreeRows(tree: TreeShape, roots: readonly string[], place: TreeDropPlace): TreeMove | null;
+export declare function treeOrderOf(tree: Pick<TreeShape, 'childrenOf' | 'roots'>): string[];

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

@@ -0,0 +1,33 @@
+export declare const MOTION_MS: {
+    readonly micro: 100;
+    readonly short: 150;
+    readonly medium: 200;
+    readonly long: 300;
+};
+export declare const EASE_STANDARD_POINTS: readonly [0.2, 0, 0, 1];
+export declare function cubicBezier(x1: number, y1: number, x2: number, y2: number): (t: number) => number;
+export declare const easeStandard: (t: number) => number;
+export type TweenValues = Readonly<Record<string, number>>;
+export interface Tween {
+    from: TweenValues;
+    to: TweenValues;
+    start: number;
+    duration: number;
+    hold?: (name: string) => boolean;
+}
+export declare const tweenDone: (tween: Tween, now: number) => boolean;
+export declare function tweenAt(tween: Tween, now: number, ease?: (t: number) => number): Record<string, number>;
+export declare function retarget(current: Tween | null, settled: TweenValues, to: TweenValues, now: number, duration: number, ease?: (t: number) => number, hold?: (name: string) => boolean): Tween;
+export declare function sameValues(a: TweenValues, b: TweenValues): boolean;
+export declare function withLeaving<T>(current: readonly T[], previous: readonly T[], keyOf: (item: T) => string, alive: (key: string) => boolean): T[];
+export declare function presenceGaps(presence: readonly number[]): number[];
+export declare function presenceBands(presence: readonly number[]): Array<{
+    start: number;
+    size: number;
+}>;
+export declare function presenceSpread(presence: readonly number[]): number[];
+export declare function drawnTicks(values: TweenValues, prefix: string): Array<{
+    value: number;
+    alpha: number;
+}>;
+export declare const tickAt: (value: number, max: number) => number;

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

@@ -0,0 +1,13 @@
+export interface VisualViewportBox {
+    height: number;
+    offsetTop: number;
+}
+export interface VerticalBand {
+    top: number;
+    bottom: number;
+}
+export declare function visibleBand(bounds: VerticalBand, visual?: VisualViewportBox | null): VerticalBand;
+export declare function roomInBand(side: 'top' | 'bottom', anchor: {
+    top: number;
+    bottom: number;
+}, band: VerticalBand, offset?: number, padding?: number): number;

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/eventCalendar.types.d.ts

@@ -0,0 +1,18 @@
+import type { SemanticColor } from './control.types';
+export type CalendarEventColor = SemanticColor | (string & {});
+export type CalendarDateInput = Date | string;
+export interface CalendarEvent {
+    id: string | number;
+    title: string;
+    start: CalendarDateInput;
+    end?: CalendarDateInput;
+    allDay?: boolean;
+    color?: CalendarEventColor;
+}
+export type CalendarViewType = 'month' | 'week' | 'day';
+export interface CalendarEventChange<T extends CalendarEvent = CalendarEvent> {
+    event: T;
+    start: string;
+    end: string | undefined;
+    allDay: boolean;
+}

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/fileEngine.types.d.ts

@@ -59,12 +59,18 @@ export interface XlsxColumnSpec {
     align?: 'left' | 'center' | 'right';
     style?: XlsxCellStyle;
 }
+export type XlsxHeaderGroupRow = Array<{
+    label: string;
+    start: number;
+    span: number;
+}>;
 export interface XlsxSheetSpec {
     name: string;
     columns: XlsxColumnSpec[];
     rows: XlsxCellValue[][];
     freezeHeader?: boolean;
     before?: XlsxRowSpec[];
+    headerGroups?: XlsxHeaderGroupRow[];
     after?: XlsxRowSpec[];
     headerStyle?: XlsxCellStyle;
     stripe?: string;

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/icon.types.d.ts

@@ -0,0 +1,109 @@
+interface IconShapeBase {
+    fill?: boolean;
+    cutout?: boolean;
+    duo?: boolean | 'only';
+}
+export interface IconPathShape extends IconShapeBase {
+    type: 'path';
+    d: string;
+}
+export interface IconCircleShape extends IconShapeBase {
+    type: 'circle';
+    cx: number;
+    cy: number;
+    r: number;
+}
+export interface IconEllipseShape extends IconShapeBase {
+    type: 'ellipse';
+    cx: number;
+    cy: number;
+    rx: number;
+    ry: number;
+}
+export interface IconRectShape extends IconShapeBase {
+    type: 'rect';
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rx?: number;
+}
+export interface IconLineShape extends IconShapeBase {
+    type: 'line';
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+}
+export type IconShape = IconPathShape | IconCircleShape | IconEllipseShape | IconRectShape | IconLineShape;
+export type IconMotionStyle = 'draw' | 'move';
+export type IconMotionChoice = 'auto' | IconMotionStyle;
+export type IconMotionKind = 'pulse' | 'wiggle' | 'spin' | 'draw';
+export interface IconMotion {
+    kind: IconMotionKind;
+    x?: number;
+    y?: number;
+    rotate?: number;
+    scale?: number | readonly [number, number];
+    origin?: readonly [number, number] | 'center';
+    delay?: number;
+}
+export interface IconPart {
+    shapes: readonly IconShape[];
+    motion?: IconMotion;
+    draw?: boolean | number;
+}
+export type IconCategory = 'navigation' | 'actions' | 'table' | 'state' | 'status' | 'files' | 'media' | 'text' | 'people' | 'communication' | 'commerce' | 'delivery' | 'devices' | 'general';
+export interface IconDefinition {
+    name: string;
+    category: IconCategory;
+    keywords?: readonly string[];
+    parts: readonly IconPart[];
+    motion?: IconMotionStyle;
+    filled?: readonly IconPart[];
+    spinning?: boolean;
+}
+export type IconSizeName = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IconSize = IconSizeName | number;
+export type IconWeight = 'light' | 'regular' | 'bold';
+export type IconVariant = 'outline' | 'duotone';
+export type IconTone = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'muted';
+export type IconAnimate = 'hover' | 'always' | 'off';
+export type IconChange = 'fill-in' | 'fill-out' | 'swap' | 'done' | 'undone';
+export interface IconDrawnState {
+    name: string;
+    filled: boolean;
+    done: boolean;
+}
+export type IconBadge = boolean | number | string;
+export interface IconBadgeGeometry {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rx: number;
+    cut: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rx: number;
+    };
+    textX: number;
+    textY: number;
+    fontSize: number;
+}
+export interface IconDefaults {
+    animate?: IconAnimate;
+    motion?: IconMotionChoice;
+    size?: IconSize;
+    weight?: IconWeight;
+    variant?: IconVariant;
+    duotoneTone?: IconTone;
+    animateChanges?: boolean;
+    press?: boolean;
+    badgeTone?: IconTone;
+    badgeMax?: number;
+    doneDuration?: number;
+}
+export {};

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

@@ -23,3 +23,5 @@ export type { DataAttributes } from './common.types';
 export * from './fileEngine.types';
 export * from './format.types';
 export * from './standardSchema.types';
+export * from './eventCalendar.types';
+export * from './icon.types';

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

@@ -5,8 +5,13 @@ export { Typography } from './components/Typography';
 export type { TypographyProps, TypographyVariant, TypographyColor, TypographyAlign, TypographyWeight, TypographyTransform, TypographyDecoration, TypographyComponent, TruncateConfig, GradientConfig, } from './components/Typography';
 export { Button, ButtonGroup } from './components/Button';
 export type { ButtonProps, ButtonGroupProps, ButtonVariant, ButtonSize, ButtonColor, ButtonShape, LoadingPosition, GroupOrientation, ButtonGroupContextValue, } from './components/Button';
+export { Icon, IconSwap, createIcon, IconProvider, useIconDefaults, useIconDone } from './components/Icon';
+export type { IconProps, IconComponentProps, IconComponent, IconSwapProps, IconProviderProps, UseIconDoneOptions } from './components/Icon';
+export { IconChevronLeft, IconChevronRight, IconChevronUp, IconChevronDown, IconFirstPage, IconLastPage, IconArrowLeft, IconArrowUp, IconArrowDown, IconArrowToTop, IconArrowToBottom, IconOpenExternal, IconExpandAll, IconCollapseAll, IconDragHandle, IconMoreVertical, IconMoreHorizontal, IconClose, IconAdd, IconDelete, IconEdit, IconCopy, IconCopyRow, IconSave, IconShare, IconPrint, IconDownload, IconExport, IconReset, IconSearch, IconCheck, IconPlay, IconPause, IconBug, IconSettings, IconSliders, IconFilter, IconFilterOnly, IconFilterAdd, IconFilterExclude, IconFilterRow, IconSort, IconColumns, IconPivot, IconOpenDetail, IconGroupBy, IconAutoFit, IconSelectRows, IconViews, IconCustomize, IconLayoutTable, IconLayoutCards, IconLayoutSplit, IconLayoutList, IconInsights, IconBolt, IconClick, IconPin, IconPinOff, IconStar, IconBookmark, IconBookmarkAdd, IconCheckbox, IconEye, IconEyeOff, IconSuccess, IconWarning, IconError, IconSpinner, IconFile, IconFileText, IconFileSheet, IconBraces, IconCode, IconGlobe, IconDatabase, IconFolder, IconHome, IconMenu, IconSwapHorizontal, IconUpload, IconRefresh, IconAlignLeft, IconAlignCenter, IconAlignRight, IconLock, IconUnlock, IconInfo, IconHelp, IconImageAdd, IconZoomIn, IconZoomOut, IconRotateLeft, IconRotateRight, IconFlip, IconRuler, IconHand, IconUser, IconUsers, IconCalendar, IconClock, IconStore, IconCard, IconArrowRight, IconArrowUpRight, IconPanelLeft, IconPanelRight, IconUndo, IconRedo, IconRepeat, IconLink, IconUnlink, IconScissors, IconMinus, IconPlusCircle, IconMinusCircle, IconMaximize, IconMinimize, IconWrench, IconHeart, IconBookmarkCheck, IconCircle, IconBan, IconCancel, IconCheckDouble, IconFilePlus, IconFileCheck, IconFileUpload, IconFileDownload, IconImage, IconCrop, IconBold, IconItalic, IconUnderline, IconStrikethrough, IconFontSize, IconText, IconEraser, IconHash, IconListNumbered, IconListCheck, IconListPlus, IconListMinus, IconUserAdd, IconUserCheck, IconUserSearch, IconUserSettings, IconUserShield, IconAccountCircle, IconIdCard, IconLogout, IconKey, IconShield, IconShieldCheck, IconBadgeCheck, IconMail, IconPhone, IconPhoneCall, IconMessage, IconComment, IconSend, IconAtSign, IconBell, IconInbox, IconCart, IconShoppingBag, IconWallet, IconCoins, IconBanknote, IconReceipt, IconInvoice, IconCalculator, IconPercent, IconTag, IconGift, IconPointOfSale, IconBank, IconRupee, IconDollar, IconTruck, IconPackage, IconBoxes, IconArchive, IconWarehouse, IconBuilding, IconLocationPin, IconMap, IconRoute, IconBarcode, IconQrCode, IconScan, IconMonitor, IconSmartphone, IconTablet, IconCloud, IconCloudOff, IconCloudUpload, IconCloudDownload, IconWifiOff, IconPower, IconMoon, IconSun, IconPalette, IconDashboard, IconLayers, IconGrid, IconHistory, IconClockPlus, IconBriefcase, IconBook, IconClipboard, IconClipboardList, IconClipboardCheck, IconHierarchy, IconBranch, IconShapes, IconScale, IconLifeBuoy, IconAward, IconTarget, IconBarChart, IconSparkles, IconHandshake, } from './components/Icon';
+export { chevronLeftIcon, chevronRightIcon, chevronUpIcon, chevronDownIcon, firstPageIcon, lastPageIcon, arrowLeftIcon, arrowUpIcon, arrowDownIcon, arrowToTopIcon, arrowToBottomIcon, openExternalIcon, expandAllIcon, collapseAllIcon, dragHandleIcon, moreVerticalIcon, moreHorizontalIcon, closeIcon, addIcon, deleteIcon, editIcon, copyIcon, copyRowIcon, saveIcon, shareIcon, printIcon, downloadIcon, exportIcon, resetIcon, searchIcon, checkIcon, playIcon, pauseIcon, bugIcon, settingsIcon, slidersIcon, filterIcon, filterOnlyIcon, filterAddIcon, filterExcludeIcon, filterRowIcon, sortIcon, columnsIcon, pivotIcon, openDetailIcon, groupByIcon, autoFitIcon, selectRowsIcon, viewsIcon, customizeIcon, layoutTableIcon, layoutCardsIcon, layoutSplitIcon, layoutListIcon, insightsIcon, boltIcon, clickIcon, pinIcon, pinOffIcon, starIcon, bookmarkIcon, bookmarkAddIcon, checkboxIcon, eyeIcon, eyeOffIcon, successIcon, warningIcon, errorIcon, spinnerIcon, fileIcon, fileTextIcon, fileSheetIcon, bracesIcon, codeIcon, globeIcon, databaseIcon, folderIcon, homeIcon, menuIcon, swapHorizontalIcon, uploadIcon, refreshIcon, alignLeftIcon, alignCenterIcon, alignRightIcon, lockIcon, unlockIcon, infoIcon, helpIcon, imageAddIcon, zoomInIcon, zoomOutIcon, rotateLeftIcon, rotateRightIcon, flipIcon, rulerIcon, handIcon, userIcon, usersIcon, calendarIcon, clockIcon, storeIcon, cardIcon, arrowRightIcon, arrowUpRightIcon, panelLeftIcon, panelRightIcon, undoIcon, redoIcon, repeatIcon, linkIcon, unlinkIcon, scissorsIcon, minusIcon, plusCircleIcon, minusCircleIcon, maximizeIcon, minimizeIcon, wrenchIcon, heartIcon, bookmarkCheckIcon, circleIcon, banIcon, cancelIcon, checkDoubleIcon, filePlusIcon, fileCheckIcon, fileUploadIcon, fileDownloadIcon, imageIcon, cropIcon, boldIcon, italicIcon, underlineIcon, strikethroughIcon, fontSizeIcon, textIcon, eraserIcon, hashIcon, listNumberedIcon, listCheckIcon, listPlusIcon, listMinusIcon, userAddIcon, userCheckIcon, userSearchIcon, userSettingsIcon, userShieldIcon, accountCircleIcon, idCardIcon, logoutIcon, keyIcon, shieldIcon, shieldCheckIcon, badgeCheckIcon, mailIcon, phoneIcon, phoneCallIcon, messageIcon, commentIcon, sendIcon, atSignIcon, bellIcon, inboxIcon, cartIcon, shoppingBagIcon, walletIcon, coinsIcon, banknoteIcon, receiptIcon, invoiceIcon, calculatorIcon, percentIcon, tagIcon, giftIcon, pointOfSaleIcon, bankIcon, rupeeIcon, dollarIcon, truckIcon, packageIcon, boxesIcon, archiveIcon, warehouseIcon, buildingIcon, locationPinIcon, mapIcon, routeIcon, barcodeIcon, qrCodeIcon, scanIcon, monitorIcon, smartphoneIcon, tabletIcon, cloudIcon, cloudOffIcon, cloudUploadIcon, cloudDownloadIcon, wifiOffIcon, powerIcon, moonIcon, sunIcon, paletteIcon, dashboardIcon, layersIcon, gridIcon, historyIcon, clockPlusIcon, briefcaseIcon, bookIcon, clipboardIcon, clipboardListIcon, clipboardCheckIcon, hierarchyIcon, branchIcon, shapesIcon, scaleIcon, lifeBuoyIcon, awardIcon, targetIcon, barChartIcon, sparklesIcon, handshakeIcon, } from './core/icons';
+export type { IconDefinition, IconPart, IconShape, IconPathShape, IconCircleShape, IconEllipseShape, IconRectShape, IconLineShape, IconMotion, IconMotionKind, IconMotionStyle, IconMotionChoice, IconCategory, IconSize, IconSizeName, IconTone, IconAnimate, IconDefaults, IconBadge, IconWeight, IconVariant, } from './core/types';
 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 +28,9 @@ 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 { EventCalendar } from './components/EventCalendar';
+export type { EventCalendarProps, EventCalendarRenderInfo, CalendarEvent, CalendarEventColor, CalendarDateInput, CalendarViewType, CalendarEventChange, } from './components/EventCalendar';
 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 +38,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 +64,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 +103,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.11.0",
   "description": "React UI component library — fields, buttons, tooltips, tables and design tokens.",
   "license": "UNLICENSED",
   "type": "module",
@@ -9,7 +9,8 @@
   ],
   "files": [
     "dist",
-    "CHANGELOG.md"
+    "CHANGELOG.md",
+    "THIRD_PARTY_NOTICES.md"
   ],
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
@@ -45,8 +46,7 @@
     "exceljs": "^4.4.0",
     "fuse.js": "^7.5.0",
     "match-sorter": "^8.1.0",
-    "pdfmake": "^0.2.7",
-    "react-icons": "^5.7.0"
+    "pdfmake": "^0.2.7"
   },
   "peerDependencies": {
     "react": ">=18",