@vuu-ui/vuu-ui-controls 0.13.2 → 0.13.4

package/types/common-hooks/collectionTypes.d.ts

@@ -1,58 +0,0 @@
-import { ReactNode } from "react";
-export interface CollectionIndexer {
-    value: number;
-}
-export interface CollectionItemBase<T> {
-    id: string;
-    description?: string;
-    disabled?: boolean;
-    focusable?: false | undefined;
-    index?: number;
-    label?: string;
-    value: T | null;
-}
-export interface CollectionItem<T> extends CollectionItemBase<T> {
-    childNodes?: CollectionItem<T>[];
-    count?: number;
-    expanded?: boolean;
-    header?: boolean;
-    level?: number;
-    selectable?: boolean;
-}
-export interface SourceGroup<T> {
-    childNodes: T[];
-}
-export type CollectionOptions<T> = {
-    collapsibleHeaders?: boolean;
-    defaultExpanded?: boolean;
-    disableFilter?: boolean;
-    filterPattern?: string;
-    getFilterRegex?: (inputValue: string) => RegExp;
-    getItemId?: (indexOfItem: number) => string;
-    noChildrenLabel?: string;
-    itemToString?: (item: T) => string;
-    revealSelected?: boolean | T | T[];
-};
-export type CollectionHookProps<T> = {
-    children?: ReactNode;
-    id: string;
-    label?: string;
-    source?: ReadonlyArray<T>;
-    options?: CollectionOptions<T>;
-};
-export type CollectionHookResult<T> = {
-    /** set expanded to false for target */
-    collapseGroupItem: (item: CollectionItem<T>) => void;
-    /** data items from the collection to be rendered */
-    data: CollectionItem<T>[];
-    /** set expanded to true for target */
-    expandGroupItem: (item: CollectionItem<T>) => void;
-    setFilterPattern: (pattern: undefined | string) => void;
-    indexOfItemById: (id: string) => number;
-    itemById: (id: string) => T | never;
-    itemToCollectionItem: (item: T) => CollectionItem<T> | CollectionItem<T>[] | null | undefined;
-    itemToCollectionItemId: (item?: T | T[]) => string[] | undefined;
-    stringToCollectionItem: (item: string | null | undefined) => CollectionItem<T> | null | CollectionItem<T>[] | undefined;
-    toCollectionItem: (item: T) => CollectionItem<T>;
-    itemToId: (item: T) => string;
-};

package/types/common-hooks/index.d.ts

@@ -1,8 +0,0 @@
-export * from "./collectionProvider";
-export * from "./collectionTypes";
-export * from "./itemToString";
-export * from "./useCollectionItems";
-export * from "./useControlled";
-export * from "./use-resize-observer";
-export * from "./navigationTypes";
-export * from "./selectionTypes";

package/types/common-hooks/isPlainObject.d.ts

@@ -1 +0,0 @@
-export declare const isPlainObject: (obj: unknown) => boolean;

package/types/common-hooks/itemToString.d.ts

@@ -1,2 +0,0 @@
-export type ItemToStringFunction = (item: any) => string;
-export declare function itemToString(item: unknown): string;

package/types/common-hooks/navigationTypes.d.ts

@@ -1,36 +0,0 @@
-import { FocusEvent, KeyboardEvent, RefObject } from "react";
-export interface NavigationProps {
-    cycleFocus?: boolean;
-    defaultHighlightedIndex?: number;
-    disableHighlightOnFocus?: boolean;
-    focusOnHighlight?: boolean;
-    focusVisible?: number;
-    highlightedIndex?: number;
-    itemCount: number;
-    onHighlight?: (idx: number) => void;
-    onKeyboardNavigation?: (evt: KeyboardEvent, idx: number) => void;
-    restoreLastFocus?: boolean;
-    viewportItemCount: number;
-}
-export interface NavigationHookProps extends NavigationProps {
-    containerRef: RefObject<HTMLElement | null>;
-    label?: string;
-    selected?: string[];
-}
-export interface KeyboardHookContainerProps {
-    onBlur: (evt: FocusEvent) => void;
-    onFocus: (evt: FocusEvent) => void;
-    onKeyDown: (evt: KeyboardEvent) => void;
-    onMouseDownCapture: () => void;
-    onMouseMove: () => void;
-    onMouseLeave: () => void;
-}
-export interface NavigationHookResult {
-    focusVisible: number;
-    controlledHighlighting: boolean;
-    highlightedIndex: number;
-    setHighlightedIndex: (idx: number) => void;
-    keyboardNavigation: RefObject<boolean>;
-    containerProps: KeyboardHookContainerProps;
-    setIgnoreFocus: (ignoreFocus: boolean) => void;
-}

package/types/common-hooks/selectionTypes.d.ts

@@ -1,70 +0,0 @@
-import { MouseEventHandler, RefObject, SyntheticEvent } from "react";
-export type SelectionDisallowed = "none";
-export type SingleSelectionStrategy = "default" | "deselectable";
-export type MultiSelectionStrategy = "multiple" | "extended" | "extended-multi-range";
-/**
- * SpecialKeyMultiple works as deselectable unless a special key
- * (default SHIFT) is also pressed, then it allows multiple selection.
- * Useful for column sorting, filters etc
- */
-export type SpecialKeyMultipleSelection = "multiple-special-key";
-export type SelectionStrategy = SelectionDisallowed | SingleSelectionStrategy | MultiSelectionStrategy;
-export declare const isSingleSelection: (s?: SelectionStrategy) => s is SingleSelectionStrategy;
-export declare const isMultiSelection: (s?: SelectionStrategy) => s is MultiSelectionStrategy;
-export type SelectHandler<Item = string> = (event: SyntheticEvent, selectedItem: Item) => void;
-export declare const selectionIsDisallowed: (selection?: SelectionStrategy | SpecialKeyMultipleSelection) => selection is SelectionDisallowed;
-export declare const allowMultipleSelection: (selectionStrategy: SelectionStrategy | SpecialKeyMultipleSelection, specialKey?: boolean) => boolean;
-export declare const deselectionIsAllowed: (selection?: SelectionStrategy | SpecialKeyMultipleSelection) => selection is "deselectable" | MultiSelectionStrategy;
-export declare const hasSelection: <Item = unknown>(selected?: Item[]) => boolean;
-export declare const getFirstSelectedItem: <Item = unknown>(selected: Item[]) => Item;
-interface SelectionProps {
-    defaultSelected?: string[];
-    onSelect?: SelectHandler;
-    onSelectionChange?: MultiSelectionHandler;
-    selected?: string[];
-    selectionStrategy?: SelectionStrategy;
-}
-export interface ListHandlers {
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    onKeyboardNavigation?: (event: React.KeyboardEvent, currentIndex: number) => void;
-    onMouseMove?: (event: React.MouseEvent) => void;
-}
-export interface SelectionHookProps extends SelectionProps {
-    containerRef: RefObject<HTMLElement | null>;
-    disableSelection?: boolean;
-    highlightedIndex: number;
-    itemQuery: string;
-    label?: string;
-    onClick?: MouseEventHandler;
-    selectionKeys?: string[];
-    tabToSelect?: boolean;
-}
-export interface SelectionHookResult {
-    listHandlers: ListHandlers;
-    selected: string[];
-    setSelected: (selected: string[]) => void;
-}
-/**
- * evt is only null in the special case of a selection fired from a multi-select
- * host on tab or selection based on freeform text in combobox
- */
-export type MultiSelectionHandler<Item = string> = (event: SyntheticEvent | null, selected: Item[]) => void;
-/**
- * evt is only null in the special case of freeform text in combobox
- */
-export type SingleSelectionHandler<Item = string> = (event: SyntheticEvent | null, selected: Item) => void;
-export type SelectionType<I, S extends SelectionStrategy> = S extends MultiSelectionStrategy ? I[] : I | null;
-export interface ComponentSelectionProps<Item = string, S extends SelectionStrategy = "default"> {
-    defaultSelected?: S extends MultiSelectionStrategy ? Item[] : Item;
-    onSelect?: SelectHandler<Item>;
-    onSelectionChange?: S extends MultiSelectionStrategy ? MultiSelectionHandler<Item> : SingleSelectionHandler<Item>;
-    selected?: SelectionType<Item, S>;
-    selectionStrategy?: S;
-    /**
-     * The keyboard keys used to effect selection, defaults to SPACE and ENTER
-     * TODO maybe this belongs on the SelectionProps interface ?
-     */
-    selectionKeys?: string[];
-}
-export {};

package/types/common-hooks/use-resize-observer.d.ts

@@ -1,16 +0,0 @@
-import { RefObject } from "react";
-export declare const WidthHeight: string[];
-export declare const WidthOnly: string[];
-export declare const HeightOnly: string[];
-export type measurements<T = string | number> = {
-    height?: T;
-    clientHeight?: number;
-    clientWidth?: number;
-    contentHeight?: number;
-    contentWidth?: number;
-    scrollHeight?: number;
-    scrollWidth?: number;
-    width?: T;
-};
-export type ResizeHandler = (measurements: measurements<number>) => void;
-export declare function useResizeObserver(ref: RefObject<Element | HTMLElement | null>, dimensions: string[], onResize: ResizeHandler, reportInitialSize?: boolean): void;

package/types/common-hooks/useCollectionItems.d.ts

@@ -1,2 +0,0 @@
-import { CollectionHookProps, CollectionHookResult } from "./collectionTypes";
-export declare const useCollectionItems: <Item>({ children, id: idRoot, options, source, }: CollectionHookProps<Item>) => CollectionHookResult<Item>;

package/types/common-hooks/useControlled.d.ts

@@ -1,24 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-export interface UseControlledProps<T> {
-    /**
-     * Holds the component value when it's controlled.
-     */
-    controlled?: T;
-    /**
-     * The default value when uncontrolled.
-     */
-    default: T;
-    /**
-     * The component name displayed in warnings.
-     */
-    name: string;
-    /**
-     * The name of the state variable displayed in warnings.
-     */
-    state?: string;
-}
-/**
- * Copied from MUI (v5) useControlled hook with one additional returned value
- * @see https://github.com/mui-org/material-ui/blob/0979e6a54ba47c278d1f535953c0520a86349811/packages/material-ui-utils/src/useControlled.js
- */
-export declare function useControlled<S>({ controlled, default: defaultProp, name, state, }: UseControlledProps<S>): [S, Dispatch<SetStateAction<S>>, boolean];

package/types/common-hooks/useSelection.d.ts

@@ -1,8 +0,0 @@
-import { SelectionHookProps, SelectionHookResult } from "./selectionTypes";
-export declare const CHECKBOX = "checkbox";
-export declare const GROUP_SELECTION_NONE = "none";
-export declare const GROUP_SELECTION_SINGLE = "single";
-export declare const GROUP_SELECTION_CASCADE = "cascade";
-export type GroupSelectionMode = "none" | "single" | "cascade";
-export declare const groupSelectionEnabled: (groupSelection: GroupSelectionMode) => boolean;
-export declare const useSelection: ({ containerRef, defaultSelected, disableSelection, highlightedIndex, itemQuery, onClick, onSelect, onSelectionChange, selected: selectedProp, selectionStrategy, selectionKeys, tabToSelect, }: SelectionHookProps) => SelectionHookResult;

package/types/cycle-state-button/CycleStateButton.d.ts

@@ -1,11 +0,0 @@
-import { ButtonProps } from "@salt-ds/core";
-import type { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
-import type { CommitHandler } from "@vuu-ui/vuu-utils";
-export type CycleStateButtonChangeHandler = (value: VuuRowDataItemType) => void;
-export interface CycleStateButtonProps extends Omit<ButtonProps, "onChange"> {
-    onChange?: CycleStateButtonChangeHandler;
-    onCommit?: CommitHandler<HTMLButtonElement>;
-    values: string[];
-    value: string;
-}
-export declare const CycleStateButton: import("react").ForwardRefExoticComponent<CycleStateButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/types/cycle-state-button/index.d.ts

@@ -1 +0,0 @@
-export * from "./CycleStateButton";

package/types/date-input/DateInput.d.ts

@@ -1,60 +0,0 @@
-import { type ChangeEvent, type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type RefObject, type SyntheticEvent } from "react";
-import { type DateValue } from "@internationalized/date";
-import { type RangeSelectionValueType, type SingleSelectionValueType } from "../calendar";
-export interface DateInputProps<SelectionVariantType> extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "onChange">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "placeholder"> {
-    ariaLabel?: string;
-    /**
-     * The marker to use in an empty read only DateInput.
-     * Use `''` to disable this feature. Defaults to '—'.
-     */
-    emptyReadOnlyMarker?: string;
-    /**
-     * End adornment component
-     */
-    endAdornment?: ReactNode;
-    /**
-     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.
-     */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /**
-     * If `true`, the component is read only.
-     */
-    readOnly?: boolean;
-    /**
-     * Validation status.
-     */
-    validationStatus?: "error" | "warning" | "success";
-    /**
-     * Styling variant. Defaults to "primary".
-     */
-    variant?: "primary" | "secondary";
-    /**
-     * Styling variant with full border. Defaults to false
-     */
-    bordered?: boolean;
-    /**
-     * Function to format the input value.
-     */
-    dateFormatter?: (input: DateValue | undefined) => string;
-    /**
-     * Reference for the startInput;
-     */
-    startInputRef?: RefObject<HTMLInputElement | null>;
-    /**
-     * Reference for the endInput;
-     */
-    endInputRef?: RefObject<HTMLInputElement | null>;
-    /**
-     * Selection variant. Defaults to single select.
-     */
-    selectionVariant?: "default" | "range";
-    /**
-     * Callback fired when the selected date change.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate?: SelectionVariantType) => void;
-    /**
-     * Callback fired when the input value change.
-     */
-    onChange?: SelectionVariantType extends SingleSelectionValueType ? (event: ChangeEvent<HTMLInputElement>, selectedDateInputValue?: string) => void : (event: ChangeEvent<HTMLInputElement>, startDateInputValue?: string, endDateInputValue?: string) => void;
-}
-export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps<DateValue | RangeSelectionValueType> & import("react").RefAttributes<HTMLDivElement>>;

package/types/date-input/index.d.ts

@@ -1 +0,0 @@
-export * from "./DateInput";

package/types/date-picker/DatePicker.d.ts

@@ -1,66 +0,0 @@
-import { type ChangeEvent, type SyntheticEvent } from "react";
-import { type DateValue } from "@internationalized/date";
-import { type CalendarProps, type RangeSelectionValueType, type SingleSelectionValueType } from "../calendar";
-import { type DateInputProps } from "../date-input";
-export interface DatePickerProps<SelectionVariantType> extends DateInputProps<SelectionVariantType> {
-    /**
-     * Selection variant. Defaults to single select.
-     */
-    selectionVariant?: "default" | "range";
-    /**
-     * If `true`, the component will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The selected date value. Use when the component is controlled.
-     * Can be a single date or an object with start and end dates for range selection.
-     */
-    selectedDate?: SelectionVariantType;
-    /**
-     * The default date value. Use when the component is not controlled.
-     * Can be a single date or an object with start and end dates for range selection.
-     */
-    defaultSelectedDate?: SelectionVariantType;
-    /**
-     * Props to be passed to the Calendar component.
-     */
-    CalendarProps?: Partial<Omit<CalendarProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange">>;
-    /**
-     * Function to format the input value.
-     */
-    dateFormatter?: (input: DateValue | undefined) => string;
-    /**
-     * Callback function triggered when open state changes.
-     */
-    onOpenChange?: (newOpen: boolean) => void;
-    /**
-     * Display or hide the component.
-     */
-    open?: boolean;
-    /**
-     * The default open value. Use when the component is not controlled.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Helper text to display in the panel
-     */
-    helperText?: string;
-    /**
-     * Validation status.
-     */
-    validationStatus?: "error" | "warning" | "success";
-    /**
-     * Callback fired when the selected date change.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate?: SelectionVariantType) => void;
-    /**
-     * Callback fired when the input value change.
-     */
-    onChange?: SelectionVariantType extends SingleSelectionValueType ? (event: ChangeEvent<HTMLInputElement>, selectedDateInputValue?: string) => void : (event: ChangeEvent<HTMLInputElement>, startDateInputValue?: string, endDateInputValue?: string) => void;
-    /**
-     * Number of Calendars to be shown if selectionVariant is range.
-     * 2 is the default value.
-     */
-    visibleMonths?: 1 | 2;
-}
-export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps<DateValue | RangeSelectionValueType> & import("react").RefAttributes<HTMLDivElement>>;

package/types/date-picker/DatePickerContext.d.ts

@@ -1,19 +0,0 @@
-import type { DateValue } from "@internationalized/date";
-import { type UseFloatingUIReturn } from "@salt-ds/core";
-import type { RangeSelectionValueType } from "../calendar";
-export interface DatePickerContextValue<SelectionVariantType> extends Partial<Pick<UseFloatingUIReturn, "context">> {
-    openState: boolean;
-    setOpen: (newOpen: boolean) => void;
-    disabled: boolean;
-    selectedDate: SelectionVariantType | undefined;
-    defaultSelectedDate: SelectionVariantType | undefined;
-    setSelectedDate: (newStartDate: SelectionVariantType | undefined) => void;
-    startVisibleMonth: DateValue | undefined;
-    setStartVisibleMonth: (newStartDate: DateValue | undefined) => void;
-    endVisibleMonth: DateValue | undefined;
-    setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;
-    selectionVariant: "default" | "range";
-    getPanelPosition: () => Record<string, unknown>;
-}
-export declare const DatePickerContext: import("react").Context<DatePickerContextValue<DateValue | RangeSelectionValueType>>;
-export declare function useDatePickerContext(): DatePickerContextValue<DateValue | RangeSelectionValueType>;

package/types/date-picker/DatePickerPanel.d.ts

@@ -1,10 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
-import { type CalendarProps, type RangeSelectionValueType } from "../calendar";
-export interface DatePickerPanelProps<SelectionVariantType> extends ComponentPropsWithoutRef<"div"> {
-    onSelect?: (event: SyntheticEvent, selectedDate?: SelectionVariantType) => void;
-    helperText?: string;
-    visibleMonths?: 1 | 2;
-    CalendarProps?: Partial<Omit<CalendarProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange">>;
-}
-export declare const DatePickerPanel: import("react").ForwardRefExoticComponent<DatePickerPanelProps<DateValue | RangeSelectionValueType> & import("react").RefAttributes<HTMLDivElement>>;

package/types/date-picker/index.d.ts

@@ -1 +0,0 @@
-export * from "./DatePicker";

package/types/drag-drop/DragDropProvider.d.ts

@@ -1,38 +0,0 @@
-import { ReactNode } from "react";
-import { DragDropState } from "./DragDropState";
-import { GlobalDropHandler, ResumeDragHandler } from "./useGlobalDragDrop";
-export type DragOutHandler = (id: string, dragDropState: DragDropState) => boolean;
-export type DragDropRegistrationFn = (id: string, resumeDrag: ResumeDragHandler | false, onDrop?: GlobalDropHandler) => void;
-export type EndOfDragOperationHandler = (id: string) => void;
-export interface DragDropContextProps {
-    dragSources?: Map<string, string[]>;
-    dropTargets?: Map<string, string[]>;
-    onDragOut?: DragOutHandler;
-    onEndOfDragOperation?: EndOfDragOperationHandler;
-    registerDragDropParty: DragDropRegistrationFn;
-}
-export type DragSources = {
-    [key: string]: {
-        dropTargets: string | string[];
-        payloadType?: string;
-    };
-};
-export interface DragDropProviderProps {
-    children: ReactNode;
-    dragSources: DragSources;
-}
-export type MeasuredTarget = {
-    bottom: number;
-    left: number;
-    right: number;
-    top: number;
-};
-export declare const DragDropProvider: ({ children, dragSources: dragSourcesProp, }: DragDropProviderProps) => import("react/jsx-runtime").JSX.Element;
-export interface DragDropProviderResult {
-    isDragSource?: boolean;
-    isDropTarget?: boolean;
-    onDragOut?: DragOutHandler;
-    onEndOfDragOperation?: (id: string) => void;
-    register: DragDropRegistrationFn;
-}
-export declare const useDragDropProvider: (id?: string) => DragDropProviderResult;

package/types/drag-drop/DragDropState.d.ts

@@ -1,15 +0,0 @@
-import { MouseOffset, MousePosition } from "./dragDropTypes";
-export declare class DragDropState {
-    /** Distance between start (top | left) of dragged element and point where user pressed to drag */
-    readonly mouseOffset: MouseOffset;
-    /** Element where the initial mousedown triggered the drag operation */
-    readonly initialDragElement: HTMLElement;
-    /** Element being dragged, (initial element cloned and rendered in portal). */
-    draggableElement: HTMLElement | null;
-    payload: unknown;
-    constructor(mousePosition: MousePosition, dragElement: HTMLElement);
-    /** Used to capture a ref to the Draggable ReactElement */
-    setDraggable: (el: HTMLElement | null) => void;
-    setPayload(payload: unknown): void;
-    private getMouseOffset;
-}

package/types/drag-drop/Draggable.d.ts

@@ -1,13 +0,0 @@
-import { CSSProperties, HTMLAttributes, MutableRefObject, TransitionEventHandler } from "react";
-export interface DraggableProps extends HTMLAttributes<HTMLDivElement> {
-    wrapperClassName: string;
-    element: HTMLElement;
-    onDropped?: () => void;
-    onTransitionEnd?: TransitionEventHandler;
-    scale?: number;
-    style: CSSProperties;
-}
-export declare const Draggable: import("react").ForwardRefExoticComponent<DraggableProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const createDragSpacer: (transitioning?: MutableRefObject<boolean>) => HTMLElement;
-export declare const createDropIndicatorPosition: () => HTMLElement;
-export declare const createDropIndicator: (transitioning?: MutableRefObject<boolean>) => HTMLElement;

package/types/drag-drop/DropIndicator.d.ts

@@ -1,5 +0,0 @@
-import { Rect } from "./dragDropTypes";
-export declare const DropIndicator: import("react").ForwardRefExoticComponent<{
-    className?: string;
-    rect: Rect;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/types/drag-drop/dragDropTypes.d.ts

@@ -1,100 +0,0 @@
-import { MouseEventHandler, ReactElement, RefObject } from "react";
-import type { orientationType } from "@vuu-ui/vuu-utils";
-import { DragDropState } from "./DragDropState";
-export type ViewportRange = {
-    atEnd: boolean;
-    atStart: boolean;
-    from: number;
-    to: number;
-};
-type dimension = "width" | "height" | "scrollWidth" | "scrollHeight";
-type dimensions = {
-    size: dimension;
-    depth: dimension;
-    scrollDepth: dimension;
-};
-export type dimensionsType = {
-    horizontal: dimensions;
-    vertical: dimensions;
-};
-export type dragStrategy = "drop-indicator" | "natural-movement" | "drag-copy" | "drop-only";
-export type Direction = "fwd" | "bwd";
-export declare const FWD: Direction;
-export declare const BWD: Direction;
-export interface MousePosition {
-    clientX: number;
-    clientY: number;
-}
-export interface MouseOffset {
-    x: number;
-    y: number;
-}
-export type Rect = {
-    height: number;
-    left: number;
-    top: number;
-    width: number;
-};
-export interface DragHookResult {
-    draggable?: ReactElement;
-    dropIndicator?: ReactElement;
-    draggedItemIndex?: number;
-    isDragging: boolean;
-    isScrolling: RefObject<boolean>;
-    onMouseDown?: MouseEventHandler;
-    revealOverflowedItems?: boolean;
-}
-export interface InternalDragHookResult extends Omit<DragHookResult, "isDragging" | "isScrolling"> {
-    beginDrag: (dragElement: HTMLElement) => void;
-    drag: (dragPos: number, mouseMoveDirection: "fwd" | "bwd") => void;
-    drop: () => DropOptions;
-    handleScrollStart?: (scrollDirection: "fwd" | "bwd") => void;
-    handleScrollStop?: (scrollDirection: "fwd" | "bwd", _scrollPos: number, atEnd: boolean) => void;
-    /**
-     * Draggable item has been dragged out of container. Remove any local drop
-     * indicators. Dragged element itself should not yet be removed from DOM.
-     */
-    releaseDrag?: () => void;
-}
-export interface DropOptions {
-    fromIndex: number;
-    toIndex: number;
-    isExternal?: boolean;
-    payload?: unknown;
-}
-export type DragStartHandler = (dragDropState: DragDropState) => void;
-export type DropHandler = (options: DropOptions) => void;
-export interface DragDropProps {
-    allowDragDrop?: boolean | dragStrategy;
-    containerRef: RefObject<HTMLElement | null>;
-    /** this is the className that will be assigned during drag to the dragged element  */
-    draggableClassName: string;
-    extendedDropZone?: boolean;
-    getDragPayload?: (dragElement: HTMLElement) => unknown;
-    id?: string;
-    isDragSource?: boolean;
-    isDropTarget?: boolean;
-    itemQuery?: string;
-    onDragStart?: DragStartHandler;
-    onDrop: DropHandler;
-    onDropSettle?: (toIndex: number) => void;
-    orientation: orientationType;
-    /**
-     * The scrolling container does not necessarily have to be a
-     * descendant of the container, it may be an ancestor element;
-     */
-    scrollingContainerRef?: RefObject<HTMLElement | null>;
-    viewportRange?: ViewportRange;
-}
-export type DragDropHook = (props: DragDropProps) => DragHookResult;
-export interface InternalDragDropProps extends Omit<DragDropProps, "draggableClassName" | "id" | "onDrop"> {
-    isDragSource?: boolean;
-    isDropTarget?: boolean;
-    selected?: unknown;
-}
-export type DragDropContext = {
-    dragElement: HTMLElement;
-    dragPayload: unknown;
-    mouseOffset: MouseOffset;
-};
-export {};