@unifiedsoftware/react-ui 2.0.1-beta.4 → 2.0.1-beta.6

package/dist/index.d.ts

@@ -6,9 +6,9 @@ import { FloatingRootContext } from '@floating-ui/react';
 
 interface Props$O {
 }
-type NativeAttrs$Q = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$O>;
-type DividerProps = Props$O & NativeAttrs$Q;
-declare const Divider: react.ForwardRefExoticComponent<Props$O & NativeAttrs$Q & react.RefAttributes<HTMLDivElement>>;
+type NativeAttrs$R = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$O>;
+type DividerProps = Props$O & NativeAttrs$R;
+declare const Divider: react.ForwardRefExoticComponent<Props$O & NativeAttrs$R & react.RefAttributes<HTMLDivElement>>;
 
 type BoxShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type BorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -53,9 +53,9 @@ interface Props$N {
     }) => React.ReactNode;
     onChange?: (value: any[]) => void;
 }
-type NativeAttrs$P = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$N>;
-type AccordionProps = Props$N & NativeAttrs$P;
-declare const Accordion: react.ForwardRefExoticComponent<Props$N & NativeAttrs$P & react.RefAttributes<HTMLDivElement>>;
+type NativeAttrs$Q = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$N>;
+type AccordionProps = Props$N & NativeAttrs$Q;
+declare const Accordion: react.ForwardRefExoticComponent<Props$N & NativeAttrs$Q & react.RefAttributes<HTMLDivElement>>;
 
 interface AccordionItemContextValue {
     value: string;
@@ -72,9 +72,9 @@ interface Props$M {
         isOpen: boolean;
     }) => React.ReactNode;
 }
-type NativeAttrs$O = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$M>;
-type AccordionItemProps = Props$M & NativeAttrs$O;
-declare const AccordionItem: react.ForwardRefExoticComponent<Props$M & NativeAttrs$O & react.RefAttributes<HTMLDivElement>>;
+type NativeAttrs$P = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$M>;
+type AccordionItemProps = Props$M & NativeAttrs$P;
+declare const AccordionItem: react.ForwardRefExoticComponent<Props$M & NativeAttrs$P & react.RefAttributes<HTMLDivElement>>;
 
 interface Props$L {
     as?: React.ElementType;
@@ -94,9 +94,9 @@ interface Props$L {
         subtitle?: React.HTMLAttributes<HTMLDivElement>;
     };
 }
-type NativeAttrs$N = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$L>;
-type AccordionHeaderProps = Props$L & NativeAttrs$N;
-declare const AccordionHeader: react.ForwardRefExoticComponent<Props$L & NativeAttrs$N & react.RefAttributes<HTMLDivElement>>;
+type NativeAttrs$O = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$L>;
+type AccordionHeaderProps = Props$L & NativeAttrs$O;
+declare const AccordionHeader: react.ForwardRefExoticComponent<Props$L & NativeAttrs$O & react.RefAttributes<HTMLDivElement>>;
 
 type AccordionBodyProps = React.HTMLAttributes<HTMLDivElement>;
 declare const AccordionBody: react.ForwardRefExoticComponent<AccordionBodyProps & react.RefAttributes<HTMLDivElement>>;
@@ -345,12 +345,14 @@ interface UseElementSizeOptions<T> {
 }
 declare function useElementSize<T extends HTMLElement = any>(options: UseElementSizeOptions<T>): Resize;
 
-interface UseResizeObserverOptions$1<T> {
+declare function useExtractProps<T extends object, K extends keyof T>(props: T, keys: K[], defaults?: Partial<T>): [Pick<T, K>, Omit<T, K>];
+
+interface UseResizeObserverOptions<T> {
     ref?: React.RefObject<T | undefined>;
     onResize: () => void;
 }
 declare function hasResizeObserver(): boolean;
-declare function useResizeObserver<T extends Element>(options: UseResizeObserverOptions$1<T>): void;
+declare function useResizeObserver<T extends Element>(options: UseResizeObserverOptions<T>): void;
 
 declare function useEffectEvent<T extends Function>(fn: T): T;
 
@@ -482,19 +484,49 @@ interface FormatStringOptions {
 type FormatOptions = FormatStringOptions | FormatNumberOptions | FormatDateOptions | FormatBooleanOptions | FormatCurrencyOptions | FormatPercentOptions | FormatFileSizeOptions;
 declare function format(options: FormatOptions): string | undefined;
 
-type SelectionValue<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = TMultiple extends true ? TClearable extends true ? TItem[TKeyField][] | null : TItem[TKeyField][] : TClearable extends true ? TItem[TKeyField] | null : TItem[TKeyField];
-type SelectionItem<TData extends Record<string, any>, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = TMultiple extends true ? TClearable extends true ? TData[] | null : TData[] : TClearable extends true ? TData | null : TData;
-type SelectionOnChange<TData extends Record<string, any>, TKeyField extends keyof TData, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = (value: SelectionValue<TData, TKeyField, TMultiple, TClearable>, item: SelectionItem<TData, TMultiple, TClearable>) => void;
-interface SelectionProps<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> {
+type ColorScheme = 'default' | 'light' | 'dark';
+
+type MediaQuery = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type Responsive<T> = T | {
+    /**
+     * Minimum captured size: 0px
+     */
+    xs?: T;
+    /**
+     * Minimum captured size: 576px
+     */
+    sm?: T;
+    /**
+     * Minimum captured size: 768px
+     */
+    md?: T;
+    /**
+     * Minimum captured size: 992px
+     */
+    lg?: T;
+    /**
+     * Minimum captured size: 1200px
+     */
+    xl?: T;
+    /**
+     * Minimum captured size: 1400px
+     */
+    '2xl'?: T;
+};
+
+type SelectionValue$1<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = TMultiple extends true ? TClearable extends true ? TItem[TKeyField][] | null : TItem[TKeyField][] : TClearable extends true ? TItem[TKeyField] | null : TItem[TKeyField];
+type SelectionItem$1<TData extends Record<string, any>, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = TMultiple extends true ? TClearable extends true ? TData[] | null : TData[] : TClearable extends true ? TData | null : TData;
+type SelectionOnChange$1<TData extends Record<string, any>, TKeyField extends keyof TData, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = (value: SelectionValue$1<TData, TKeyField, TMultiple, TClearable>, item: SelectionItem$1<TData, TMultiple, TClearable>) => void;
+interface SelectionProps$1<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> {
     data: TItem[];
     isMultiple?: TMultiple;
     clearable?: TClearable;
     keyField?: TKeyField;
-    value?: SelectionValue<TItem, TKeyField, TMultiple, TClearable>;
-    onChange?: SelectionOnChange<TItem, TKeyField, TMultiple, TClearable>;
+    value?: SelectionValue$1<TItem, TKeyField, TMultiple, TClearable>;
+    onChange?: SelectionOnChange$1<TItem, TKeyField, TMultiple, TClearable>;
 }
 
-declare const valueToValues: <TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false>(value?: SelectionValue<TItem, TKeyField, TMultiple, TClearable>) => TItem[TKeyField][];
+declare const valueToValues: <TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false>(value?: SelectionValue$1<TItem, TKeyField, TMultiple, TClearable>) => TItem[TKeyField][];
 declare const valuesToValue: <TItem extends Record<string, any>, TKeyField extends keyof TItem>(values: TItem[TKeyField][]) => TItem[TKeyField] | null;
 
 declare function areArraysEqual<T extends string | number | symbol>(arr1: T[], arr2: T[]): boolean;
@@ -545,39 +577,40 @@ declare const useTimer: ({ mode, initialSeconds, maxSeconds, onTick, onComplete
 };
 type Timer = ReturnType<typeof useTimer>;
 
-type ColorScheme = 'default' | 'light' | 'dark';
-
-type MediaQuery = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-type Responsive<T> = T | {
-    /**
-     * Minimum captured size: 0px
-     */
-    xs?: T;
-    /**
-     * Minimum captured size: 576px
-     */
-    sm?: T;
-    /**
-     * Minimum captured size: 768px
-     */
-    md?: T;
-    /**
-     * Minimum captured size: 992px
-     */
-    lg?: T;
-    /**
-     * Minimum captured size: 1200px
-     */
-    xl?: T;
-    /**
-     * Minimum captured size: 1400px
-     */
-    '2xl'?: T;
-};
+type SelectionItem = Record<string, any>;
 
-type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type InputVariant = 'filled' | 'outlined' | 'text' | 'underlined';
 type InputColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'dark' | 'light';
-type InputVariant = 'filled' | 'outlined' | 'flat' | 'text';
+type InputSize = 'xl' | 'sm' | 'md' | 'lg' | 'xl';
+
+interface InputBaseProps {
+    className?: string;
+    variant?: InputVariant;
+    color?: InputColor;
+    size?: InputSize;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    startText?: string;
+    endText?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    closeButton?: boolean;
+    loading?: boolean;
+    error?: boolean;
+    readOnly?: boolean;
+    slotProps?: {
+        content?: React.HTMLAttributes<HTMLDivElement>;
+    };
+}
+type NativeAttrs$N = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputBaseProps>;
+type InputWrapperProps = InputBaseProps & NativeAttrs$N;
+declare const InputWrapper: react.ForwardRefExoticComponent<InputBaseProps & NativeAttrs$N & react.RefAttributes<HTMLInputElement>>;
+
+interface InputCloseProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const InputClose: React.FC<InputCloseProps>;
 
 interface Props$K {
 }
@@ -585,12 +618,20 @@ type NativeAttrs$M = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$K>;
 type InputGroupProps = Props$K & NativeAttrs$M;
 declare const InputGroup: react.ForwardRefExoticComponent<Props$K & NativeAttrs$M & react.RefAttributes<HTMLDivElement>>;
 
+interface InputSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
+    isOpen: boolean;
+}
+declare const InputSelector: React.FC<InputSelectorProps>;
+
+declare function useInputProps<TProps extends InputBaseProps = InputBaseProps>(props: TProps): [Pick<TProps, "className" | "color" | "size" | "variant" | "disabled" | "startContent" | "endContent" | "slotProps" | "error" | "readOnly" | "startIcon" | "endIcon" | "startText" | "endText" | "loading">, Omit<TProps, "className" | "color" | "size" | "variant" | "disabled" | "startContent" | "endContent" | "slotProps" | "error" | "readOnly" | "startIcon" | "endIcon" | "startText" | "endText" | "loading">];
+
 type ListSize = 'sm' | 'md' | 'lg';
 
 interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
     as?: React.ElementType;
     size?: ListSize;
     divider?: boolean;
+    nav?: boolean;
 }
 declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLDivElement>>;
 
@@ -656,47 +697,47 @@ declare const Result: React.FC<ResultProps>;
 
 type AutocompleteMultiple = false;
 type AutocompleteClearable = true;
-type NativeAttrs$J<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key'> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$H<TItem, TKeyField>>;
+type AutocompleteItem = SelectionItem;
+type AutocompleteKeyField<TAutocompleteItem> = keyof TAutocompleteItem;
+type NativeAttrs$J<TAutocompleteItem extends AutocompleteItem, TAutocompleteKeyField extends AutocompleteKeyField<TAutocompleteItem> = 'value'> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$H<TAutocompleteItem, TAutocompleteKeyField>>;
 type BaseProps$1<TItem extends Record<string, any>> = {
     textField?: keyof TItem;
     placeholder?: string;
     filter?: string;
     loading?: boolean;
     disabled?: boolean;
-    readOnly?: boolean;
     disclosure?: Disclosure;
     virtual?: Omit<VirtualizerOptions, 'parentRef'>;
-    color?: InputColor;
-    variant?: InputVariant;
-    size?: InputSize;
     startContent?: React.ReactNode;
     endContent?: React.ReactNode;
+    target?: boolean;
+    readOnly?: boolean;
+    inner?: boolean;
+    onClear?: () => void;
     onItemSelect?: (item: TItem) => void;
     onFilterChange?: (value: string) => void;
     renderItem?: (item: TItem, props: ListItemProps) => React.ReactNode;
     renderNoData?: (props: ResultProps) => React.ReactNode;
 };
-type Props$H<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = BaseProps$1<TItem> & SelectionProps<TItem, TKeyField, TMultiple, TClearable>;
-type AutocompleteProps<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = Props$H<TItem, TKeyField, TMultiple, TClearable> & NativeAttrs$J<TItem, TKeyField>;
+type Props$H<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'value', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = BaseProps$1<TItem> & SelectionProps<TItem, TKeyField, TMultiple, TClearable> & Omit<InputBaseProps, 'clearable'>;
+type AutocompleteProps<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'value', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = Props$H<TItem, TKeyField, TMultiple, TClearable> & NativeAttrs$J<TItem, TKeyField>;
+type SelectionValue<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = TMultiple extends true ? TClearable extends true ? TItem[TKeyField][] | undefined | null : TItem[TKeyField][] : TClearable extends true ? TItem[TKeyField] | undefined | null : TItem[TKeyField];
+type SelectionOnChangeValue<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = TMultiple extends true ? TClearable extends true ? TItem[TKeyField][] | null : TItem[TKeyField][] : TClearable extends true ? TItem[TKeyField] | null : TItem[TKeyField];
+type SelectionOnChangeItem<TData extends Record<string, any>, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = TMultiple extends true ? TClearable extends true ? TData[] | null : TData[] : TClearable extends true ? TData | null : TData;
+type SelectionOnChange<TData extends Record<string, any>, TKeyField extends keyof TData, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = (value: SelectionOnChangeValue<TData, TKeyField, TMultiple, TClearable>, item: SelectionOnChangeItem<TData, TMultiple, TClearable>) => void;
+type SelectionRenderTrigger<TData extends Record<string, any>, TKeyField extends keyof TData, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = (value?: SelectionOnChangeValue<TData, TKeyField, TMultiple, TClearable>, item?: SelectionOnChangeItem<TData, TMultiple, TClearable>) => React.ReactNode;
+interface SelectionProps<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> {
+    data: TItem[];
+    isMultiple?: TMultiple;
+    clearable?: TClearable;
+    keyField?: TKeyField;
+    value?: SelectionValue<TItem, TKeyField, TMultiple, TClearable>;
+    onChange?: SelectionOnChange<TItem, TKeyField, TMultiple, TClearable>;
+    renderTrigger?: SelectionRenderTrigger<TItem, TKeyField, TMultiple, TClearable>;
+}
 
 declare const Autocomplete: <TItem extends Record<string, any>, TKeyField extends keyof TItem = "key", TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = true>(props: AutocompleteProps<TItem, TKeyField, TMultiple, TClearable>) => react_jsx_runtime.JSX.Element;
 
-type AutocompleteContextValue<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key'> = {
-    data: TItem[];
-    values: TItem[TKeyField][];
-    keyField: TKeyField;
-    textField: keyof TItem;
-    isMultiple: boolean;
-    virtual?: Omit<VirtualizerOptions, 'parentRef'>;
-    onChange: (value: TItem[]) => void;
-    onItemSelect: (item: TItem) => void;
-    renderItem?: (item: TItem, props: ListItemProps) => React.ReactNode;
-    offset: number;
-    setOffset: React.Dispatch<React.SetStateAction<number>>;
-};
-declare const AutocompleteContext: react.Context<AutocompleteContextValue<Record<string, any>, string> | null>;
-declare const useAutocomplete: () => AutocompleteContextValue<Record<string, any>, string>;
-
 type BackdropPlacement = 'top' | 'left' | 'center' | 'right' | 'bottom';
 type BackdropVariant = 'opaque' | 'blur' | 'transparent';
 
@@ -1291,7 +1332,7 @@ type BaseProps<TItem extends Record<string, any>> = {
     renderItem?: (item: TItem, props: ListItemProps) => React.ReactNode;
     renderNoData?: (props: ResultProps) => React.ReactNode;
 };
-type Props$q<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = BaseProps<TItem> & SelectionProps<TItem, TKeyField, TMultiple, TClearable>;
+type Props$q<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = BaseProps<TItem> & SelectionProps$1<TItem, TKeyField, TMultiple, TClearable>;
 type SelectProps<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = Props$q<TItem, TKeyField, TMultiple, TClearable> & NativeAttrs$s<TItem, TKeyField>;
 
 declare const Select: <TItem extends Record<string, any>, TKeyField extends keyof TItem = "key", TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false>(props: SelectProps<TItem, TKeyField, TMultiple, TClearable>) => react_jsx_runtime.JSX.Element;
@@ -2059,48 +2100,22 @@ type Rect = {
     width: number;
     height: number;
 };
-type Cursor = {
-    x: number;
-    y: number;
-};
 type LayoutMeta = {
     id: string;
     x: number;
     y: number;
     width: number;
     height: number;
-};
-type LayoutPositon = {
-    width: number;
-    height: number;
-    id: string;
-    x: number;
-    y: number;
-    isEmpty: boolean;
-    isVertical: boolean;
-    windows: PanelMeta[];
-    gridX: number;
-    gridY: number;
-    gridW: number;
-    gridH: number;
-    fullDimensions: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    emptyDimensions: {
-        x: any;
-        y: any;
-        width: any;
-        height: any;
-    };
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
 };
 type PanelMeta = {
     id: string;
     title: string;
-    icon?: react__default.ReactNode;
-    render?: react__default.ReactNode;
+    icon?: React.ReactNode;
+    render?: React.ReactNode;
     x?: number;
     y?: number;
     width?: number;
@@ -2109,7 +2124,7 @@ type PanelMeta = {
     maximized?: boolean;
     snapped?: boolean;
     closed?: boolean;
-    zIndex?: number;
+    zIndex: number;
     layoutId?: string;
     closable?: boolean;
     minWidth?: number;
@@ -2117,122 +2132,119 @@ type PanelMeta = {
     minHeight?: number;
     maxHeight?: number;
 };
-interface UseResizeObserverOptions {
-    onResize: (size: {
-        width: number;
-        height: number;
-    }) => void;
-    debounce?: number;
+type Direction = 'top' | 'bottom' | 'left' | 'right';
+interface EdgeFlags {
+    top: boolean;
+    bottom: boolean;
+    left: boolean;
+    right: boolean;
+}
+interface LayoutRect extends Rect {
+    id: string;
+    gridX: number;
+    gridY: number;
+    gridW: number;
+    gridH: number;
+    isEmpty: boolean;
+    isVertical: boolean;
+    baseFull: Rect;
+    baseEmpty: Rect;
+    dimensions: Rect;
+    fullDimensions: Rect;
+    emptyDimensions: Rect;
+    edges: LayoutEdge[];
+    gridEdges: EdgeFlags;
+    gridBorders: EdgeFlags;
+}
+interface LayoutEdge {
+    layoutId: string | null;
+    direction: Direction;
+    border: boolean;
 }
-declare function useResizeObserverExternalRef(ref: react__default.RefObject<HTMLElement | null>, { onResize, debounce }: UseResizeObserverOptions): void;
+
 declare function useLayoutPanelManager({ layouts, setLayouts, panels, setPanels, windowContainerRef, layoutContainerRef, }: {
     layouts: LayoutMeta[];
-    setLayouts: react__default.Dispatch<react__default.SetStateAction<LayoutMeta[]>>;
+    setLayouts: React.Dispatch<React.SetStateAction<LayoutMeta[]>>;
     panels: PanelMeta[];
-    setPanels: react__default.Dispatch<react__default.SetStateAction<PanelMeta[]>>;
-    windowContainerRef: react__default.RefObject<HTMLDivElement>;
-    layoutContainerRef: react__default.RefObject<HTMLDivElement>;
+    setPanels: React.Dispatch<React.SetStateAction<PanelMeta[]>>;
+    windowContainerRef: React.RefObject<HTMLDivElement>;
+    layoutContainerRef: React.RefObject<HTMLDivElement>;
 }): {
     isMobile: boolean;
     layouts: LayoutMeta[];
-    setLayouts: react__default.Dispatch<react__default.SetStateAction<LayoutMeta[]>>;
+    setLayouts: react.Dispatch<react.SetStateAction<LayoutMeta[]>>;
     panels: PanelMeta[];
-    panelsRef: react__default.MutableRefObject<Record<string, PanelMeta>>;
-    setPanels: react__default.Dispatch<react__default.SetStateAction<PanelMeta[]>>;
-    layoutContainerRef: react__default.RefObject<HTMLDivElement>;
-    windowContainerRef: react__default.RefObject<HTMLDivElement>;
+    panelsRef: react.MutableRefObject<Record<string, PanelMeta>>;
+    setPanels: react.Dispatch<react.SetStateAction<PanelMeta[]>>;
+    layoutContainerRef: react.RefObject<HTMLDivElement>;
+    windowContainerRef: react.RefObject<HTMLDivElement>;
     windowContainerRect: Rect;
     layoutContainerRect: Rect;
-    panelPrevRectsRef: react__default.MutableRefObject<Record<string, Rect>>;
-    activePanel: PanelMeta | undefined;
+    panelPrevRectsRef: react.MutableRefObject<Record<string, Rect>>;
+    activePanel: string | null;
     layoutPanelIds: Record<string, string[]>;
     selectWindow: (id: string) => void;
     updateWindow: (id: string, patch: Partial<PanelMeta>) => void;
     closeWindow: (id: string) => void;
     minimizeWindow: (id: string) => void;
     createWindow: (win: Optional<Omit<PanelMeta, "zIndex">, "id">) => string;
-    newPositions: ({
-        id: string;
-        gridX: number;
-        gridY: number;
-        gridW: number;
-        gridH: number;
-        windows: PanelMeta[];
-        isEmpty: boolean;
-        isVertical: boolean;
-        fullDimensions: Rect;
-        emptyDimensions: Rect;
-        baseFull: Rect;
-        baseEmpty: Rect;
-    } & Rect)[];
-    simulateLayoutPositions: (panelId: string, layoutId: string) => ({
-        id: string;
-        gridX: number;
-        gridY: number;
-        gridW: number;
-        gridH: number;
-        windows: PanelMeta[];
-        isEmpty: boolean;
-        isVertical: boolean;
-        fullDimensions: Rect;
-        emptyDimensions: Rect;
-        baseFull: Rect;
-        baseEmpty: Rect;
-    } & Rect)[];
-    hoveredLayoutIdRef: react__default.MutableRefObject<Record<string, string | null>>;
+    newPositions: LayoutRect[];
+    simulateLayoutPositions: (panelId: string, layoutId: string) => LayoutRect[];
+    hoveredLayoutIdRef: react.MutableRefObject<Record<string, string | null>>;
     hoveredLayoutId: Record<string, string | null>;
-    setHoveredLayoutId: react__default.Dispatch<react__default.SetStateAction<Record<string, string | null>>>;
+    setHoveredLayoutId: react.Dispatch<react.SetStateAction<Record<string, string | null>>>;
+    activePanelsByLayout: Record<string, string | null>;
+    updateLayoutSize: (layoutId: string, newRect: Rect, isResizing?: boolean) => void;
+    registerTabDragHandler: (panelId: string, handler: (event: React.PointerEvent) => void) => void;
+    getTabDragHandler: (panelId: string) => (event: React.PointerEvent) => void;
 };
-interface LayoutManagerContextValue {
-    windowContainerRef: react__default.RefObject<HTMLDivElement>;
-    layoutContainerRef: react__default.RefObject<HTMLDivElement>;
-    windowContainerRect: Rect;
-    layoutContainerRect: Rect;
+
+declare const useLayoutManager: () => {
     isMobile: boolean;
+    layouts: LayoutMeta[];
+    setLayouts: react__default.Dispatch<react__default.SetStateAction<LayoutMeta[]>>;
     panels: PanelMeta[];
     panelsRef: react__default.MutableRefObject<Record<string, PanelMeta>>;
     setPanels: react__default.Dispatch<react__default.SetStateAction<PanelMeta[]>>;
+    layoutContainerRef: react__default.RefObject<HTMLDivElement>;
+    windowContainerRef: react__default.RefObject<HTMLDivElement>;
+    windowContainerRect: Rect;
+    layoutContainerRect: Rect;
     panelPrevRectsRef: react__default.MutableRefObject<Record<string, Rect>>;
-    activePanel?: PanelMeta;
-    updateWindow: (id: string, patch: Partial<PanelMeta>) => void;
+    activePanel: string | null;
+    layoutPanelIds: Record<string, string[]>;
     selectWindow: (id: string) => void;
+    updateWindow: (id: string, patch: Partial<PanelMeta>) => void;
     closeWindow: (id: string) => void;
     minimizeWindow: (id: string) => void;
-    createWindow: (win: Optional<Omit<PanelMeta, 'zIndex'>, 'id'>) => string;
-    layouts: LayoutMeta[];
-    layoutPanelIds: Record<string, string[]>;
+    createWindow: (win: Optional<Omit<PanelMeta, "zIndex">, "id">) => string;
+    newPositions: LayoutRect[];
+    simulateLayoutPositions: (panelId: string, layoutId: string) => LayoutRect[];
     hoveredLayoutIdRef: react__default.MutableRefObject<Record<string, string | null>>;
     hoveredLayoutId: Record<string, string | null>;
     setHoveredLayoutId: react__default.Dispatch<react__default.SetStateAction<Record<string, string | null>>>;
-    newPositions: LayoutPositon[];
-    simulateLayoutPositions: (panelId: string, layoutId: string) => ({
-        id: string;
-        gridX: number;
-        gridY: number;
-        gridW: number;
-        gridH: number;
-        windows: PanelMeta[];
-        isEmpty: boolean;
-        isVertical: boolean;
-        fullDimensions: Rect;
-        emptyDimensions: Rect;
-        baseFull: Rect;
-        baseEmpty: Rect;
-    } & Rect)[];
-}
-declare const useLayoutManager: () => LayoutManagerContextValue;
+    activePanelsByLayout: Record<string, string | null>;
+    updateLayoutSize: (layoutId: string, newRect: Rect, isResizing?: boolean) => void;
+    registerTabDragHandler: (panelId: string, handler: (event: react__default.PointerEvent) => void) => void;
+    getTabDragHandler: (panelId: string) => (event: react__default.PointerEvent) => void;
+};
 declare function LayoutManager({ children, ...manager }: ReturnType<typeof useLayoutPanelManager> & {
     children: react__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
-interface LayoutManagerPanelContextValue {
-    panel: PanelMeta;
-}
-declare const useLayoutManagerPanel: () => LayoutManagerPanelContextValue;
-declare function LayoutManagerLayouts(): react_jsx_runtime.JSX.Element | undefined;
-declare function LayoutManagerPanels(): react_jsx_runtime.JSX.Element;
-declare function LayoutManagerTaskbar(): react_jsx_runtime.JSX.Element;
-declare function LayoutManagerColissions({ layoutIds }: {
+
+declare function LayoutCollisions({ layoutIds }: {
     layoutIds: string[];
 }): react_jsx_runtime.JSX.Element | undefined;
 
-export { Accordion, type AccordionArrow, AccordionBody, type AccordionBodyProps, type AccordionColor, AccordionContent, type AccordionContentProps, AccordionContext, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Autocomplete, type AutocompleteClearable, AutocompleteContext, type AutocompleteContextValue, type AutocompleteMultiple, type AutocompleteProps, Backdrop, type BackdropPlacement, type BackdropProps, type BackdropVariant, Badge, type BadgeProps, Button, type ButtonColor, ButtonGroup, ButtonGroupContext, type ButtonGroupContextValue, type ButtonGroupDirection, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, CardSubtitle, type CardSubtitleProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxColor, CheckboxGroup, type CheckboxGroupAlignment, CheckboxGroupContext, type CheckboxGroupContextValue, type CheckboxGroupDirection, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxProps, type CheckboxSize, type CheckboxValue, Chip, type ChipProps, Collapse, CollapseContent, type CollapseContentProps, CollapseContext, type CollapseContextValue, type CollapseProps, CollapseTrigger, type CollapseTriggerProps, type ColorScheme, type ContainerBreakpoints, ContainerMediaQuery, type Cursor, DataList, type DataListItem, type DataListKeyField, type DataListMultipleProps, type DataListProps, type DataListSingleProps, Description, DescriptionEmpty, type DescriptionEmptyProps, type DescriptionProps, DescriptionText, type DescriptionTextProps, Descriptions, type DescriptionsAlign, DescriptionsContext, type DescriptionsContextValue, type DescriptionsLayout, type DescriptionsMode, type DescriptionsProps, type DescriptionsSize, type Disclosure, Divider, type DividerProps, Draggable, DraggableContent, type DraggableContentProps, DraggableTrigger, Drawer, type DrawerBackdrop, DrawerBody, type DrawerBodyProps, type DrawerClose, DrawerContext, type DrawerContextValue, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerPosition, type DrawerProps, type DrawerSize, Dropdown, DropdownContent, type DropdownContentProps, DropdownContext, type DropdownContextValue, DropdownItem, type DropdownItemProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, Field, type FieldProps, type FormatBooleanOptions, type FormatCurrencyOptions, type FormatDateOptions, type FormatFileSizeOptions, type FormatNumberOptions, type FormatOptions, type FormatPercentOptions, type FormatStringOptions, Grid, GridContext, type GridContextValue, GridItem, type GridItemProps, type GridMode, type GridProps, GridSub, type GridSubProps, Html, type HtmlProps, INDENT_SIZE, Icon, type IconColor, type IconProps, type IconSize, Iframe, type IframeProps, type InfiniteData, type InfiniteQueryFunction, type InfiniteQueryOptions, type InfiniteQueryRefetchOptions, type InputColor, InputGroup, type InputGroupProps, type InputSize, type InputVariant, LayoutManager, LayoutManagerColissions, type LayoutManagerContextValue, LayoutManagerLayouts, type LayoutManagerPanelContextValue, LayoutManagerPanels, LayoutManagerTaskbar, type LayoutMeta, type LayoutPositon, List, ListGroup, type ListGroupProps, ListItem, type ListItemProps, type ListProps, type ListSize, ListSubheader, type ListSubheaderProps, ListTree, ListTreeContext, type ListTreeContextValue, ListTreeItem, ListTreeItemIndentation, type ListTreeItemProps, type ListTreeProps, type MediaQuery, Menu, MenuContext, type MenuContextValue, MenuGroup, type MenuGroupItemType, type MenuGroupProps, MenuItem, type MenuItemProps, type MenuItemType, type MenuProps, MenuSubmenu, type MenuSubmenuProps, MenuValueContext, Modal, type ModalBackdrop, ModalBody, type ModalBodyProps, type ModalClose, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalPlacement, type ModalProps, type ModalScrollBehavior, type ModalSize, type MutationError, type MutationFunction, type MutationOK, type MutationResult, MutationStatus, NavRail, NavRailItem, type NavRailItemProps, type NavRailPlacement, type NavRailProps, type PanelMeta, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, type QueryFunction, QueryStatus, Radio, type RadioColor, RadioGroup, type RadioGroupAlignment, RadioGroupContext, type RadioGroupContextValue, type RadioGroupDirection, type RadioGroupProps, type RadioLabelPlacement, type RadioProps, type RadioSize, type RadioValue, type ReactRef, type Rect, type Resize, type Responsive, Result, type ResultProps, type ResultStatus, STRING_RULES, type ScrollAlignment, ScrollArea, type ScrollAreaProps, type ScrollBehavior, type ScrollToOptions, Select, type SelectClearable, SelectContext, type SelectContextValue, type SelectMultiple, type SelectProps, type SelectionItem, type SelectionOnChange, type SelectionProps, type SelectionValue, Step, type StepColor, type StepProps, Steps, StepsContext, type StepsContextValue, type StepsProps, type StringRules, Swipe, SwipeItem, type SwipeItemProps, type SwipeProps, Switch, type SwitchColor, type SwitchLabelPlacement, type SwitchProps, type SwitchSize, Tab, type TabProps, Tabs, type TabsAlignment, type TabsProps, type TabsVariant, TextInput, type TextInputProps, type Timer, type TimerMode, Toolbar, type ToolbarColor, type ToolbarProps, type ToolbarSize, type ToolbarVariant, Transition, type TransitionProps, Tree, TreeContext, type TreeContextValue, TreeItem, type TreeItemBase, type TreeItemData, type TreeItemProps, type TreeItemValue, type TreeProps$1 as TreeProps, type UploadFileData, type UploadFileProps, UploadFiles, type UseContainerMediaQueryOptions, type UseInfiniteQueryOptions, type UseInfiniteQueryResult, type UseMutationOptions, type UseMutationResult, type UseQueryOptions, type UseQueryResult, type UseResizeObserverOptions$1 as UseResizeObserverOptions, type VirtualItem, type Virtualizer, type VirtualizerOptions, areArraysEqual, assignRef, breakpointsMap, clsx, containsPlainText, defaultBreakpoints, doesNotContainEmojis, flattenTree, format, formatCurrency, formatDate, formatDateTime, formatFileSize, formatPercent, formatShortDateTime, formatTime, generateId, getOpenValuesByPathname, hasResizeObserver, initializeTreeValues, isAlphanumeric, isEmpty, isEmptyString, isNumeric, mergeRefs, reactNodeToText, scrollToItem, toAlphaString, toAlphanumericString, toLocalDateString, toLocalDateTimeString, toNotEmojisString, toNumericString, toPlainTextString, toRulesString, updateTreeValues, useAccordion, useAccordionItem, useAutocomplete, useButtonGroup, useCheckboxGroup, useCollapse, useContainerMediaQuery, useDebounce, useDescriptionsContext, useDisclosure, useDrawer, useDropdownContext, useEffectEvent, useElementSize, useFormat, useGridContext, useInfiniteQuery, useLayoutManager, useLayoutManagerPanel, useLayoutPanelManager, useLocalStorage, useMediaQuery, useMenu, useMenuItemValue, useModal, useMutation, useOnClickOutside, usePopover, usePrevious, useQuery, useRadioGroup, useResizeObserver, useResizeObserverExternalRef, useSelect, useStep, useStepsContext, useTimer, useTree, useValueEffect, useVirtualizer, validateRules, valueToValues, valuesToValue };
+declare function Layouts(): react_jsx_runtime.JSX.Element | undefined;
+
+declare function Panels(): react_jsx_runtime.JSX.Element;
+
+declare function Taskbar(): react_jsx_runtime.JSX.Element;
+
+interface PanelContextValue {
+    panel: PanelMeta;
+}
+declare const usePanel: () => PanelContextValue;
+
+export { Accordion, type AccordionArrow, AccordionBody, type AccordionBodyProps, type AccordionColor, AccordionContent, type AccordionContentProps, AccordionContext, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Autocomplete, type AutocompleteClearable, type AutocompleteItem, type AutocompleteKeyField, type AutocompleteMultiple, type AutocompleteProps, Backdrop, type BackdropPlacement, type BackdropProps, type BackdropVariant, Badge, type BadgeProps, Button, type ButtonColor, ButtonGroup, ButtonGroupContext, type ButtonGroupContextValue, type ButtonGroupDirection, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, CardSubtitle, type CardSubtitleProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxColor, CheckboxGroup, type CheckboxGroupAlignment, CheckboxGroupContext, type CheckboxGroupContextValue, type CheckboxGroupDirection, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxProps, type CheckboxSize, type CheckboxValue, Chip, type ChipProps, Collapse, CollapseContent, type CollapseContentProps, CollapseContext, type CollapseContextValue, type CollapseProps, CollapseTrigger, type CollapseTriggerProps, type ColorScheme, type ContainerBreakpoints, ContainerMediaQuery, DataList, type DataListItem, type DataListKeyField, type DataListMultipleProps, type DataListProps, type DataListSingleProps, Description, DescriptionEmpty, type DescriptionEmptyProps, type DescriptionProps, DescriptionText, type DescriptionTextProps, Descriptions, type DescriptionsAlign, DescriptionsContext, type DescriptionsContextValue, type DescriptionsLayout, type DescriptionsMode, type DescriptionsProps, type DescriptionsSize, type Disclosure, Divider, type DividerProps, Draggable, DraggableContent, type DraggableContentProps, DraggableTrigger, Drawer, type DrawerBackdrop, DrawerBody, type DrawerBodyProps, type DrawerClose, DrawerContext, type DrawerContextValue, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerPosition, type DrawerProps, type DrawerSize, Dropdown, DropdownContent, type DropdownContentProps, DropdownContext, type DropdownContextValue, DropdownItem, type DropdownItemProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, Field, type FieldProps, type FormatBooleanOptions, type FormatCurrencyOptions, type FormatDateOptions, type FormatFileSizeOptions, type FormatNumberOptions, type FormatOptions, type FormatPercentOptions, type FormatStringOptions, Grid, GridContext, type GridContextValue, GridItem, type GridItemProps, type GridMode, type GridProps, GridSub, type GridSubProps, Html, type HtmlProps, INDENT_SIZE, Icon, type IconColor, type IconProps, type IconSize, Iframe, type IframeProps, type InfiniteData, type InfiniteQueryFunction, type InfiniteQueryOptions, type InfiniteQueryRefetchOptions, type InputBaseProps, InputClose, type InputCloseProps, type InputColor, InputGroup, type InputGroupProps, InputSelector, type InputSelectorProps, type InputSize, type InputVariant, InputWrapper, type InputWrapperProps, LayoutManager, LayoutCollisions as LayoutManagerColissions, Layouts as LayoutManagerLayouts, Panels as LayoutManagerPanels, Taskbar as LayoutManagerTaskbar, type LayoutMeta, List, ListGroup, type ListGroupProps, ListItem, type ListItemProps, type ListProps, type ListSize, ListSubheader, type ListSubheaderProps, ListTree, ListTreeContext, type ListTreeContextValue, ListTreeItem, ListTreeItemIndentation, type ListTreeItemProps, type ListTreeProps, type MediaQuery, Menu, MenuContext, type MenuContextValue, MenuGroup, type MenuGroupItemType, type MenuGroupProps, MenuItem, type MenuItemProps, type MenuItemType, type MenuProps, MenuSubmenu, type MenuSubmenuProps, MenuValueContext, Modal, type ModalBackdrop, ModalBody, type ModalBodyProps, type ModalClose, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalPlacement, type ModalProps, type ModalScrollBehavior, type ModalSize, type MutationError, type MutationFunction, type MutationOK, type MutationResult, MutationStatus, NavRail, NavRailItem, type NavRailItemProps, type NavRailPlacement, type NavRailProps, type PanelMeta, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, type QueryFunction, QueryStatus, Radio, type RadioColor, RadioGroup, type RadioGroupAlignment, RadioGroupContext, type RadioGroupContextValue, type RadioGroupDirection, type RadioGroupProps, type RadioLabelPlacement, type RadioProps, type RadioSize, type RadioValue, type ReactRef, type Resize, type Responsive, Result, type ResultProps, type ResultStatus, STRING_RULES, type ScrollAlignment, ScrollArea, type ScrollAreaProps, type ScrollBehavior, type ScrollToOptions, Select, type SelectClearable, SelectContext, type SelectContextValue, type SelectMultiple, type SelectProps, type SelectionItem$1 as SelectionItem, type SelectionOnChange$1 as SelectionOnChange, type SelectionProps$1 as SelectionProps, type SelectionValue$1 as SelectionValue, Step, type StepColor, type StepProps, Steps, StepsContext, type StepsContextValue, type StepsProps, type StringRules, Swipe, SwipeItem, type SwipeItemProps, type SwipeProps, Switch, type SwitchColor, type SwitchLabelPlacement, type SwitchProps, type SwitchSize, Tab, type TabProps, Tabs, type TabsAlignment, type TabsProps, type TabsVariant, TextInput, type TextInputProps, type Timer, type TimerMode, Toolbar, type ToolbarColor, type ToolbarProps, type ToolbarSize, type ToolbarVariant, Transition, type TransitionProps, Tree, TreeContext, type TreeContextValue, TreeItem, type TreeItemBase, type TreeItemData, type TreeItemProps, type TreeItemValue, type TreeProps$1 as TreeProps, type UploadFileData, type UploadFileProps, UploadFiles, type UseContainerMediaQueryOptions, type UseInfiniteQueryOptions, type UseInfiniteQueryResult, type UseMutationOptions, type UseMutationResult, type UseQueryOptions, type UseQueryResult, type UseResizeObserverOptions, type VirtualItem, type Virtualizer, type VirtualizerOptions, areArraysEqual, assignRef, breakpointsMap, clsx, containsPlainText, defaultBreakpoints, doesNotContainEmojis, flattenTree, format, formatCurrency, formatDate, formatDateTime, formatFileSize, formatPercent, formatShortDateTime, formatTime, generateId, getOpenValuesByPathname, hasResizeObserver, initializeTreeValues, isAlphanumeric, isEmpty, isEmptyString, isNumeric, mergeRefs, reactNodeToText, scrollToItem, toAlphaString, toAlphanumericString, toLocalDateString, toLocalDateTimeString, toNotEmojisString, toNumericString, toPlainTextString, toRulesString, updateTreeValues, useAccordion, useAccordionItem, useButtonGroup, useCheckboxGroup, useCollapse, useContainerMediaQuery, useDebounce, useDescriptionsContext, useDisclosure, useDrawer, useDropdownContext, useEffectEvent, useElementSize, useExtractProps, useFormat, useGridContext, useInfiniteQuery, useInputProps, useLayoutManager, usePanel as useLayoutManagerPanel, useLayoutPanelManager, useLocalStorage, useMediaQuery, useMenu, useMenuItemValue, useModal, useMutation, useOnClickOutside, usePopover, usePrevious, useQuery, useRadioGroup, useResizeObserver, useSelect, useStep, useStepsContext, useTimer, useTree, useValueEffect, useVirtualizer, validateRules, valueToValues, valuesToValue };