@byeolnaerim/flex-layout 0.0.3 → 0.0.4

package/dist/hooks.d.cts

@@ -0,0 +1,37 @@
+export { D as DragStateResultType, a as DragStateType, b as DropMovementEventType, c as DropPositionOrderName, d as DropTargetComponent, e as DropTargetComponentEvent, F as FolderEventType, P as PositionName, f as allSplitScreenCount, g as dragState, h as dropMovementEventSubject, i as folderEventSubject, s as setFolderEvent, u as useDragCapture, j as useDragEvents, k as useFolderEvent } from './useDrag-CYQnhUFk.cjs';
+import { MutableRefObject } from 'react';
+import 'rxjs';
+import './FlexLayoutSplitScreenDragBox-eCtq4kLd.cjs';
+import 'react/jsx-runtime';
+
+type OnReachTerminalType = {
+    isFirst: boolean;
+    isLast: boolean;
+    observer: IntersectionObserver;
+};
+interface UseListPagingForInfinityProps {
+    onReachTerminal?: (onReachTerminalData: OnReachTerminalType) => void;
+}
+declare const useListPagingForSentinel: <E extends HTMLElement>({ onReachTerminal, }: UseListPagingForInfinityProps) => {
+    firstChildRef: (node: E | null) => void;
+    lastChildRef: (node: E | null) => void;
+};
+declare const usePaginationViewNumber: ({ initPageNumber, }: {
+    initPageNumber: number;
+}) => {
+    showCurrentPageNumber: number;
+    showCurrentPageObserveTarget: (node: HTMLElement | null) => void;
+};
+declare const usePagingHandler: <T>({ lastCallPageNumber, dataListRef, }: {
+    lastCallPageNumber: number;
+    dataListRef: MutableRefObject<Array<T[] | null>>;
+}) => {
+    jumpingPageNumberRef: MutableRefObject<number | null>;
+    paginationScrollIntoViewTarget: MutableRefObject<Record<number, HTMLDivElement | null>>;
+    pageNumberRef: MutableRefObject<number>;
+    setPaginationRef: (i: number) => (node: HTMLDivElement | null) => void;
+    handleReachTerminal: ({ isFirst, isLast, observer }: OnReachTerminalType, dataCallFetch: (callPageNumber: number) => void) => void;
+    handleClickPageChange: (page: number, dataCallFetch: (callPageNumber: number) => void) => void;
+};
+
+export { type OnReachTerminalType, useListPagingForSentinel, usePaginationViewNumber, usePagingHandler };

package/dist/hooks.d.ts

@@ -0,0 +1,37 @@
+export { D as DragStateResultType, a as DragStateType, b as DropMovementEventType, c as DropPositionOrderName, d as DropTargetComponent, e as DropTargetComponentEvent, F as FolderEventType, P as PositionName, f as allSplitScreenCount, g as dragState, h as dropMovementEventSubject, i as folderEventSubject, s as setFolderEvent, u as useDragCapture, j as useDragEvents, k as useFolderEvent } from './useDrag-DR01Ob3s.js';
+import { MutableRefObject } from 'react';
+import 'rxjs';
+import './FlexLayoutSplitScreenDragBox-eCtq4kLd.js';
+import 'react/jsx-runtime';
+
+type OnReachTerminalType = {
+    isFirst: boolean;
+    isLast: boolean;
+    observer: IntersectionObserver;
+};
+interface UseListPagingForInfinityProps {
+    onReachTerminal?: (onReachTerminalData: OnReachTerminalType) => void;
+}
+declare const useListPagingForSentinel: <E extends HTMLElement>({ onReachTerminal, }: UseListPagingForInfinityProps) => {
+    firstChildRef: (node: E | null) => void;
+    lastChildRef: (node: E | null) => void;
+};
+declare const usePaginationViewNumber: ({ initPageNumber, }: {
+    initPageNumber: number;
+}) => {
+    showCurrentPageNumber: number;
+    showCurrentPageObserveTarget: (node: HTMLElement | null) => void;
+};
+declare const usePagingHandler: <T>({ lastCallPageNumber, dataListRef, }: {
+    lastCallPageNumber: number;
+    dataListRef: MutableRefObject<Array<T[] | null>>;
+}) => {
+    jumpingPageNumberRef: MutableRefObject<number | null>;
+    paginationScrollIntoViewTarget: MutableRefObject<Record<number, HTMLDivElement | null>>;
+    pageNumberRef: MutableRefObject<number>;
+    setPaginationRef: (i: number) => (node: HTMLDivElement | null) => void;
+    handleReachTerminal: ({ isFirst, isLast, observer }: OnReachTerminalType, dataCallFetch: (callPageNumber: number) => void) => void;
+    handleClickPageChange: (page: number, dataCallFetch: (callPageNumber: number) => void) => void;
+};
+
+export { type OnReachTerminalType, useListPagingForSentinel, usePaginationViewNumber, usePagingHandler };

package/dist/hooks.js

@@ -0,0 +1,5 @@
+export { useListPagingForSentinel, usePaginationViewNumber, usePagingHandler } from './chunk-5HWEFTNQ.js';
+export { allSplitScreenCount, dragState, dropMovementEventSubject, folderEventSubject, setFolderEvent, useDragCapture, useDragEvents, useFolderEvent } from './chunk-PMTZFSP4.js';
+import './chunk-W4CNFJTK.js';
+//# sourceMappingURL=hooks.js.map
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"hooks.js"}

package/dist/index.d.cts

@@ -1,418 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React$1 from 'react';
-import React__default, { ReactElement, ReactNode, HTMLAttributes, MouseEvent, TouchEvent, CSSProperties, RefObject, MutableRefObject } from 'react';
-import * as rxjs from 'rxjs';
-import { BehaviorSubject, Subject } from 'rxjs';
-
-type ResizePanelMode =
-    | 'default'
-    | 'bottom-cylinder'
-    | 'bottom-cylinder-reverse'
-    | 'top-cylinder'
-    | 'left-cylinder'
-    | 'right-cylinder';
-
-type Direction = 'row' | 'column';
-type PanelMovementMode = 'bulldozer' | 'divorce' | 'stalker';
-type FitContent = 'width' | 'height';
-
-interface FlexLayoutChildrenType {
-    isInitialResizable?: boolean;
-    grow?: number;
-    prevGrow?: number;
-    panelMode?: ResizePanelMode;
-    isFitContent?: boolean;
-    isFitResize?: boolean;
-    isResizePanel?: boolean;
-    containerName: string;
-    children: ReactNode;
-    className?: string;
-}
-
-interface FlexContainerProps extends FlexLayoutChildrenType {
-    readonly fitContent?: FitContent;
-    readonly containerCount?: number;
-    readonly layoutName?: string;
-}
-
-interface FlexLayoutProps
-    extends Omit<
-        React.HTMLAttributes<HTMLDivElement>,
-        'children',
-        'id',
-        'panelClassName'
-    > {
-    direction: Direction;
-    children:
-        | ReactElement<FlexLayoutChildrenType>[]
-        | ReactElement<FlexLayoutChildrenType>;
-    layoutName: string;
-    isSplitScreen?: boolean;
-    ref?: React.Ref<HTMLDivElement>;
-    className?: string;
-    panelClassName?: string;
-    panelMovementMode?: PanelMovementMode;
-}
-
-type FlexLayoutResizePanelProps = {
-    direction: string;
-    containerCount: number;
-    panelMode?: ResizePanelMode;
-    containerName: string;
-    layoutName: string;
-    panelMovementMode: PanelMovementMode;
-    panelClassName?: string;
-};
-
-declare const FlexLayout: ({ layoutName, direction, children, ref, className, panelClassName, panelMovementMode, ...props }: FlexLayoutProps) => react_jsx_runtime.JSX.Element | null;
-
-declare const FlexLayoutContainer: ({ isFitContent, isFitResize, containerName, grow: initialGrow, prevGrow: initialPrevGrow, isInitialResizable, isResizePanel, children, className, panelMode, }: FlexContainerProps) => react_jsx_runtime.JSX.Element;
-
-declare const FlexLayoutResizePanel: ({ direction, containerCount, panelMode, containerName, layoutName, panelClassName, panelMovementMode, }: FlexLayoutResizePanelProps) => react_jsx_runtime.JSX.Element;
-
-interface FlexLayoutSplitScreenDragBoxProps<E extends HTMLElement = HTMLElement> extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
-    onTouchStart?: (event: TouchEvent<HTMLDivElement>) => void;
-    dropEndCallback?: ({ x, y, containerName, }: {
-        x: number;
-        y: number;
-        containerName: string;
-    }) => void;
-    style?: CSSProperties;
-    navigationTitle?: string;
-    targetComponent?: ReactElement;
-    dropDocumentOutsideOption?: DropDocumentOutsideOption;
-    children: ReactNode;
-    containerName: string;
-    screenKey?: string;
-    isBlockingActiveInput?: boolean;
-    customData?: Record<string, string | number | boolean | undefined>;
-    scrollTargetRef?: RefObject<E>;
-}
-interface DropDocumentOutsideOption {
-    openUrl: string;
-    widthRatio?: number;
-    heightRatio?: number;
-    isNewTap?: boolean;
-}
-declare function FlexLayoutSplitScreenDragBox<E extends HTMLElement>({ onMouseDown, onTouchStart, dropEndCallback, style, navigationTitle, targetComponent, containerName, children, className, dropDocumentOutsideOption, screenKey, isBlockingActiveInput, customData, scrollTargetRef, ...props }: FlexLayoutSplitScreenDragBoxProps): react_jsx_runtime.JSX.Element;
-
-type FlexLayoutSplitScreenProps = {
-    layoutName: string;
-    containerName: string;
-    children: ReactElement;
-    navigationTitle: string;
-    dropDocumentOutsideOption?: DropDocumentOutsideOption;
-    screenKey?: string;
-};
-declare function FlexLayoutSplitScreen({ children, containerName, layoutName, navigationTitle, dropDocumentOutsideOption, screenKey, }: FlexLayoutSplitScreenProps): react_jsx_runtime.JSX.Element;
-declare namespace FlexLayoutSplitScreen {
-    var displayName: string;
-}
-
-interface FlexLayoutSplitScreenScrollBoxProps extends HTMLAttributes<HTMLDivElement> {
-    keyName: string;
-    className?: string;
-    direction?: "x" | "y";
-    isDefaultScrollStyle?: boolean;
-}
-declare const _default: React$1.MemoExoticComponent<({ className, children, keyName, direction, isDefaultScrollStyle, ...props }: FlexLayoutSplitScreenScrollBoxProps) => react_jsx_runtime.JSX.Element>;
-
-type Edge = 'auto' | 'top' | 'bottom' | 'left' | 'right';
-interface FlexLayoutStickyBoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    /** 어느 방향으로 붙일지. 기본은 'auto' (세로 스크롤이면 top, 가로 스크롤이면 left) */
-    edge?: Edge;
-    /** 화면 모서리와의 여백(px). 기본 16 */
-    offset?: number;
-    /** 스크롤 루트. 명시 안 하면 가장 흔한 케이스인 <main> → 없으면 window(=viewport) */
-    scrollRoot?: Element | null;
-    /** 디버그 보조선 표시 */
-    debug?: boolean;
-    /** 자식 */
-    children: React__default.ReactNode;
-    onTranslateChange?: (value: number, rootRef: React__default.RefObject<HTMLDivElement | null>, contentRef: React__default.RefObject<HTMLDivElement | null>) => void;
-}
-/**
- * FlexLayoutStickyBox
- * 부모(실제 경계) 안에서만 움직이며, `transform`을 동적으로 부여해
- * “sticky처럼 보이도록” 만든다.
- *
- * 구조:
- * <div data-root>      // 이 박스가 부모 경계 안에서 공간을 차지
- * <div data-content> // 이 박스가 transform으로 부드럽게 움직임
- * {children}
- * </div>
- * </div>
- */
-declare const FlexLayoutStickyBox: React__default.FC<FlexLayoutStickyBoxProps>;
-
-interface DragStateType {
-    isDragging: boolean;
-    isDrop: boolean;
-    navigationTitle?: string;
-    children?: ReactElement;
-    containerName: string;
-    x: number;
-    y: number;
-    dropDocumentOutsideOption?: DropDocumentOutsideOption;
-    dropEndCallback?: ({ x, y, containerName, }: {
-        x: number;
-        y: number;
-        containerName: string;
-    }) => void;
-    screenKey?: string;
-    customData?: Record<string, string | number | boolean | undefined>;
-}
-type PositionName = "centerBoundary" | "leftBoundary" | "rightBoundary" | "topBoundary" | "bottomBoundary";
-interface DragStateResultType extends DragStateType {
-    positionName: PositionName;
-    isOver: boolean;
-}
-declare const dragState: Subject<DragStateType>;
-declare const useDragCapture: (targetRef: RefObject<HTMLElement | null>) => DragStateResultType | null;
-interface DropTargetComponent {
-    containerName: string;
-    component: ReactElement;
-    navigationTitle?: string;
-    dropDocumentOutsideOption?: DropDocumentOutsideOption;
-    screenKey: string;
-}
-type DropPositionOrderName = "before" | "center" | "after";
-interface DropMovementEventType {
-    state: "remove" | "append" | "change";
-    targetParentLayoutName: string;
-    targetLayoutName: string;
-    targetContainerName: string;
-    targetComponent?: ReactElement;
-    nextContainerName?: string;
-    parentOrderName?: DropPositionOrderName;
-    orderName?: DropPositionOrderName;
-    x?: number;
-    y?: number;
-    dropEndCallback?: ({ x, y, containerName, }: {
-        x: number;
-        y: number;
-        containerName: string;
-    }) => void;
-    dropTargetComponentEvent?: DropTargetComponentEvent;
-}
-interface DropTargetComponentEvent extends Omit<DropTargetComponent, "containerName" | "component"> {
-    direction: "row" | "column";
-}
-declare const dropMovementEventSubject: Subject<DropMovementEventType>;
-declare const allSplitScreenCount: BehaviorSubject<number>;
-declare const useDragEvents: ({ isBlockingActiveInput, }: {
-    isBlockingActiveInput?: boolean;
-}) => {
-    handleStart: ({ event: _event, dragStartCallback, }: {
-        event: React.MouseEvent | React.TouchEvent | Event;
-        dragStartCallback: ({ x, y }: {
-            x: number;
-            y: number;
-        }) => void;
-    }) => void;
-    handleMove: ({ event: _event, notDragCallback, dragStartCallback, moveingCallback, }: {
-        event: React.MouseEvent | React.TouchEvent | Event;
-        notDragCallback?: ({ x, y }: {
-            x: number;
-            y: number;
-        }) => void;
-        dragStartCallback: ({ x, y }: {
-            x: number;
-            y: number;
-        }) => void;
-        moveingCallback: ({ x, y }: {
-            x: number;
-            y: number;
-        }) => void;
-    }) => void;
-    handleEnd: ({ event: _event, dragEndCallback, }: {
-        event: React.MouseEvent | React.TouchEvent | Event;
-        dragEndCallback: ({ x, y }: {
-            x: number;
-            y: number;
-        }) => void;
-    }) => void;
-};
-type FolderEventType = {
-    type: "new" | "sort" | "title" | "delete" | "insert" | "update" | "next";
-    isFolder: boolean;
-    title: string;
-    sort?: number;
-    parentId?: string;
-    id?: string;
-    newData?: any;
-};
-declare const folderEventSubject: Subject<FolderEventType>;
-declare const setFolderEvent: (newValue: FolderEventType) => void;
-declare const useFolderEvent: () => {
-    folderEvent: FolderEventType | null;
-};
-
-type OnReachTerminalType = {
-    isFirst: boolean;
-    isLast: boolean;
-    observer: IntersectionObserver;
-};
-interface UseListPagingForInfinityProps {
-    onReachTerminal?: (onReachTerminalData: OnReachTerminalType) => void;
-}
-declare const useListPagingForSentinel: <E extends HTMLElement>({ onReachTerminal, }: UseListPagingForInfinityProps) => {
-    firstChildRef: (node: E | null) => void;
-    lastChildRef: (node: E | null) => void;
-};
-declare const usePaginationViewNumber: ({ initPageNumber, }: {
-    initPageNumber: number;
-}) => {
-    showCurrentPageNumber: number;
-    showCurrentPageObserveTarget: (node: HTMLElement | null) => void;
-};
-declare const usePagingHandler: <T>({ lastCallPageNumber, dataListRef, }: {
-    lastCallPageNumber: number;
-    dataListRef: MutableRefObject<Array<T[] | null>>;
-}) => {
-    jumpingPageNumberRef: MutableRefObject<number | null>;
-    paginationScrollIntoViewTarget: MutableRefObject<Record<number, HTMLDivElement | null>>;
-    pageNumberRef: MutableRefObject<number>;
-    setPaginationRef: (i: number) => (node: HTMLDivElement | null) => void;
-    handleReachTerminal: ({ isFirst, isLast, observer }: OnReachTerminalType, dataCallFetch: (callPageNumber: number) => void) => void;
-    handleClickPageChange: (page: number, dataCallFetch: (callPageNumber: number) => void) => void;
-};
-
-type SubjectMap<T> = Record<string, Subject<T>>;
-interface ContainerStateRequest {
-    mode: "toggle" | "open" | "close";
-    initOpenState?: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
-    openOption?: {
-        isPrevSizeOpen?: boolean;
-        isResize?: boolean;
-        openGrowImportant?: number;
-    };
-    closeOption?: {
-        isResize?: boolean;
-        isDsiabledResizePanel?: boolean;
-    };
-}
-interface ContainerState {
-    isOpen: boolean;
-    targetContainer: HTMLElement;
-    grow: number;
-}
-declare const containerOpenCloseSubjectMap: SubjectMap<ContainerStateRequest>;
-declare const containerSpreadSubjectMap: SubjectMap<ContainerState>;
-declare const ContainerOpenCloseProvider: ({ layoutName, containerName, sizeName, }: {
-    layoutName: string;
-    containerName: string;
-    sizeName: "width" | "height";
-}) => null;
-declare const useContainers: (layoutName: string) => HTMLElement[];
-declare const useLayoutName: (containerName: string) => string | undefined;
-declare const useDecompositionLayout: ({ layoutName: initialLayoutName, containerName, }: {
-    layoutName?: string;
-    containerName: string;
-}) => {
-    layout: HTMLElement[];
-    container: HTMLElement | undefined;
-    resizePanel: HTMLElement | undefined;
-};
-declare const useContainerSize: (containerName: string) => {
-    size: {
-        width: number;
-        height: number;
-    } | undefined;
-};
-declare const useDoubleClick: (containerName: string, opt: ContainerStateRequest) => {
-    isOpen: boolean | undefined;
-    isDoubleClick: boolean | undefined;
-    setIsDoubleClick: React$1.Dispatch<React$1.SetStateAction<boolean | undefined>>;
-};
-
-declare function isDocumentOut({ x, y }: {
-    x: number;
-    y: number;
-}): boolean | undefined;
-declare function getClientXy(event: Event): {
-    clientX: number;
-    clientY: number;
-} | undefined;
-declare function isOverMove(elementSize: number, elementMinSize: number): boolean;
-declare function findNotCloseFlexContent(target: HTMLElement | Element | null, direction: 'previousElementSibling' | 'nextElementSibling'): HTMLElement | null;
-declare function remain(flexContainerList: Array<HTMLElement>): Promise<unknown>;
-declare function resize(list: Array<HTMLElement>, totalGrow: number): Promise<unknown>;
-declare function mathWeight(totalCount: number, totalGrow: number): number;
-declare function mathGrow(childSize: number, parentSize: number, containerCount: number): number;
-declare function getGrow(growTarget: HTMLElement | Element): number;
-declare function closeFlex(resizeTarget: HTMLElement, containers: HTMLElement[], { isResize, isDsiabledResizePanel, sizeName, }: {
-    isResize?: boolean;
-    isDsiabledResizePanel?: boolean;
-    sizeName: 'width' | 'height';
-}): Promise<unknown>;
-declare function openFlex(resizeTarget: HTMLElement, containers: HTMLElement[], { isPrevSizeOpen, isResize, openGrowImportant, sizeName, }: {
-    isPrevSizeOpen?: boolean;
-    isResize?: boolean;
-    openGrowImportant?: number;
-    sizeName?: 'width' | 'height';
-}): Promise<unknown>;
-
-interface ScrollPosition {
-    x: number;
-    y: number;
-}
-declare const scrollPositions: Record<string, ScrollPosition>;
-/**
- * 스크롤 위치 업데이트 함수
- *
- * 기존: 항상 store.next()가 호출됨 → 바뀌지 않았다면 건너뛰도록 변경
- */
-declare const setScrollPosition: (layoutName: string, position: ScrollPosition) => void;
-/**
- * 스크롤 위치 구독
- */
-declare const getScrollPosition: (layoutName: string) => rxjs.Observable<ScrollPosition>;
-declare const removeScrollPosition: (layoutName: string) => void;
-type SplitScreenComponents = {
-    afterDropTargetComponent: DropTargetComponent[];
-    beforeDropTargetComponent: DropTargetComponent[];
-    centerDropTargetComponent: DropTargetComponent[];
-    direction: "row" | "column";
-};
-type LayoutSplitScreenState = Record<string, Record<string, SplitScreenComponents>>;
-declare const layoutSplitScreenStore: BehaviorSubject<LayoutSplitScreenState>;
-declare const setSplitScreen: (rootName: string, layoutName: string, newComponents: SplitScreenComponents) => void;
-declare const resetRootSplitScreen: (rootName: string) => void;
-declare const removeSplitScreenChild: (rootName: string, layoutName: string) => void;
-declare const getCurrentSplitScreenComponents: (rootName: string, layoutName: string) => SplitScreenComponents | undefined;
-declare const getSplitScreen: (rootName: string, layoutName: string) => rxjs.Observable<SplitScreenComponents>;
-type RefStore = {
-    [layoutName: string]: {
-        [containerName: string]: RefObject<HTMLElement | null>;
-    };
-};
-declare const flexContainerStore: BehaviorSubject<RefStore>;
-declare const flexResizePanelStore: BehaviorSubject<RefStore>;
-/**
- * ref를 업데이트하는 함수
- * - 기존: 무조건 next() → 새/이전 상태 비교 후 다를 경우에만 next()
- */
-declare const setContainerRef: <T extends HTMLElement>(layoutName: string, containerName: string, ref: React.RefObject<T | null> | null) => void;
-declare const setResizePanelRef: <T extends HTMLElement>(layoutName: string, containerName: string, ref: React.RefObject<T | null> | null) => void;
-declare const getLayoutInfos: (layoutName: string) => rxjs.Observable<{
-    container: {
-        [containerName: string]: RefObject<HTMLElement | null>;
-    };
-    resizePanel: {
-        [containerName: string]: RefObject<HTMLElement | null>;
-    };
-}>;
-declare const getContainerRef: ({ containerName, layoutName, }: {
-    containerName: string;
-    layoutName?: string;
-}) => rxjs.Observable<RefObject<HTMLElement | null> | undefined>;
-declare const getResizePanelRef: ({ containerName, layoutName, }: {
-    containerName: string;
-    layoutName?: string;
-}) => rxjs.Observable<RefObject<HTMLElement | null> | undefined>;
-
-export { ContainerOpenCloseProvider, type DragStateResultType, type DragStateType, type DropMovementEventType, type DropPositionOrderName, type DropTargetComponent, type DropTargetComponentEvent, FlexLayout, FlexLayoutContainer, FlexLayoutResizePanel, FlexLayoutSplitScreen, FlexLayoutSplitScreenDragBox, _default as FlexLayoutSplitScreenScrollBox, FlexLayoutStickyBox, type FolderEventType, type LayoutSplitScreenState, type OnReachTerminalType, type PositionName, type ScrollPosition, type SplitScreenComponents, type SubjectMap, allSplitScreenCount, closeFlex, containerOpenCloseSubjectMap, containerSpreadSubjectMap, dragState, dropMovementEventSubject, findNotCloseFlexContent, flexContainerStore, flexResizePanelStore, folderEventSubject, getClientXy, getContainerRef, getCurrentSplitScreenComponents, getGrow, getLayoutInfos, getResizePanelRef, getScrollPosition, getSplitScreen, isDocumentOut, isOverMove, layoutSplitScreenStore, mathGrow, mathWeight, openFlex, remain, removeScrollPosition, removeSplitScreenChild, resetRootSplitScreen, resize, scrollPositions, setContainerRef, setFolderEvent, setResizePanelRef, setScrollPosition, setSplitScreen, useContainerSize, useContainers, useDecompositionLayout, useDoubleClick, useDragCapture, useDragEvents, useFolderEvent, useLayoutName, useListPagingForSentinel, usePaginationViewNumber, usePagingHandler };
+export { FlexLayout, FlexLayoutContainer, FlexLayoutResizePanel, FlexLayoutSplitScreen, FlexLayoutSplitScreenScrollBox, FlexLayoutStickyBox } from './components.cjs';
+export { F as FlexLayoutSplitScreenDragBox } from './FlexLayoutSplitScreenDragBox-eCtq4kLd.cjs';
+export { D as DragStateResultType, a as DragStateType, b as DropMovementEventType, c as DropPositionOrderName, d as DropTargetComponent, e as DropTargetComponentEvent, F as FolderEventType, P as PositionName, f as allSplitScreenCount, g as dragState, h as dropMovementEventSubject, i as folderEventSubject, s as setFolderEvent, u as useDragCapture, j as useDragEvents, k as useFolderEvent } from './useDrag-CYQnhUFk.cjs';
+export { OnReachTerminalType, useListPagingForSentinel, usePaginationViewNumber, usePagingHandler } from './hooks.cjs';
+export { ContainerOpenCloseProvider, SubjectMap, containerOpenCloseSubjectMap, containerSpreadSubjectMap, useContainerSize, useContainers, useDecompositionLayout, useDoubleClick, useLayoutName } from './providers.cjs';
+export { closeFlex, findNotCloseFlexContent, getClientXy, getGrow, isDocumentOut, isOverMove, mathGrow, mathWeight, openFlex, remain, resize } from './utils.cjs';
+export { LayoutSplitScreenState, ScrollPosition, SplitScreenComponents, flexContainerStore, flexResizePanelStore, getContainerRef, getCurrentSplitScreenComponents, getLayoutInfos, getResizePanelRef, getScrollPosition, getSplitScreen, layoutSplitScreenStore, removeScrollPosition, removeSplitScreenChild, resetRootSplitScreen, scrollPositions, setContainerRef, setResizePanelRef, setScrollPosition, setSplitScreen } from './store.cjs';
+import 'react/jsx-runtime';
+import 'react';
+import 'rxjs';