zs_library 0.8.1 → 0.9.0

package/dist/components/desktop/context/config/context.d.ts

@@ -2,9 +2,7 @@ import { default as React } from 'react';
 import { Theme } from '../../themes';
 import { ContextMenuProps } from '../../context-menu';
 import { SortItem, ListItem, TypeConfigMap, DataTypeMenuConfigMap } from '../../types';
-/**
- * 需要跨多个组件传递的配置，使用 context 传递
- */
+/** @deprecated 请使用 DesktopNext 代替 */
 export interface SortableConfig<D, C> {
     theme: Theme;
     /**
@@ -57,6 +55,7 @@ export interface SortableConfig<D, C> {
     contextMenuBuilder?: (data: SortItem<D, C>) => ContextMenuProps<D, C>;
 }
 export declare const SortableConfigContext: React.Context<SortableConfig<any, any>>;
+/** @deprecated 请使用 DesktopNext 代替 */
 export interface SortableConfigProviderProps<D, C> extends Omit<SortableConfig<D, C>, "theme"> {
     readonly theme?: "light" | "dark" | Theme;
     children: React.ReactNode;

package/dist/components/desktop/context/state/context-menu-context.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { SortItem } from '../../types';
+export interface ContextMenu {
+    rect: DOMRect;
+    data: any;
+    pageX?: number;
+    pageY?: number;
+    element?: Element | null;
+}
+export interface ContextMenuState {
+    contextMenu: ContextMenu | null;
+    setContextMenu: (e: ContextMenu | null) => void;
+    contextMenuFuns: (data: any, enable: boolean) => any;
+    hideContextMenu: () => void;
+    showInfoItemData: SortItem | null;
+    setShowInfoItemData: (e: SortItem | null) => void;
+}
+export declare const ContextMenuStateContext: React.Context<ContextMenuState>;
+export declare const ContextMenuStateProvider: React.FC<{
+    children: React.ReactNode;
+}>;

package/dist/components/desktop/context/state/context.d.ts

@@ -1,30 +1,9 @@
 import { default as React } from 'react';
 import { SortItem, ListItem } from '../../types';
-interface ContextMenu {
-    rect: DOMRect;
-    data: any;
-    pageX?: number;
-    pageY?: number;
-    element?: Element | null;
-}
-type ListStatus = "onMove";
+/** @deprecated 请使用 DesktopNext 代替 */
 export interface SortableState {
     list: ListItem[];
     setList: any;
-    contextMenu: ContextMenu | null;
-    setContextMenu: (e: ContextMenu | null) => void;
-    listStatus: ListStatus | null;
-    setListStatus: (e: ListStatus | null) => void;
-    contextMenuFuns: (data: any, enable: boolean) => any;
-    hideContextMenu: () => void;
-    /** 点击右键菜单信息数据 */
-    showInfoItemData: SortItem | null;
-    setShowInfoItemData: (e: SortItem | null) => void;
-    /** group item 点击打开弹窗数据 */
-    openGroupItemData: SortItem | null;
-    setOpenGroupItemData: (e: SortItem | null) => void;
-    /** 长按事件状态 */
-    longPressTriggered: boolean;
     updateItem: (id: string | number, data: any) => void;
     updateItemConfig: (id: string | number, config: any) => void;
     removeItem: (id: string) => void;
@@ -32,15 +11,6 @@ export interface SortableState {
     addRootItem: (data: ListItem) => void;
     updateRootItem: (id: string | number, data: any) => void;
     removeRootItem: (id: string | number) => void;
-    /** 当前移动的元素id */
-    moveItemId: string | null;
-    setMoveItemId: (e: string | null) => void;
-    /** 当前元素将要移动到的元素id */
-    moveTargetId: string | number | null;
-    setMoveTargetId: (e: string | number | null) => void;
-    /** 当前拖拽的元素 */
-    dragItem: SortItem | null;
-    setDragItem: (e: SortItem | null) => void;
     /** 当前滑块索引 */
     currentSliderIndex: number;
     setCurrentSliderIndex: (e: number) => void;
@@ -48,6 +18,7 @@ export interface SortableState {
     currentSliderPage: ListItem | null;
 }
 export declare const SortableStateContext: React.Context<SortableState>;
+/** @deprecated 请使用 DesktopNext 代替 */
 export interface SortableStateProviderProps<D, C> {
     /**
      * 列表数据
@@ -68,4 +39,3 @@ export interface SortableStateProviderProps<D, C> {
     children: React.ReactNode;
 }
 export declare const SortableStateProvider: <D, C>(props: SortableStateProviderProps<D, C>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/desktop/context/state/drag-context.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { SortItem } from '../../types';
+type ListStatus = "onMove";
+export interface DragState {
+    listStatus: ListStatus | null;
+    setListStatus: (e: ListStatus | null) => void;
+    longPressTriggered: boolean;
+    setLongPressTriggered: (e: boolean) => void;
+    moveItemId: string | null;
+    setMoveItemId: (e: string | null) => void;
+    moveTargetId: string | number | null;
+    setMoveTargetId: (e: string | number | null) => void;
+    dragItem: SortItem | null;
+    setDragItem: (e: SortItem | null) => void;
+}
+export declare const DragStateContext: React.Context<DragState>;
+export declare const DragStateProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export {};

package/dist/components/desktop/context/state/hooks.d.ts

@@ -1 +1,36 @@
-export declare const useSortableState: () => import('./context').SortableState;
+export declare const useDragState: () => import('./drag-context').DragState;
+export declare const useContextMenuState: () => import('./context-menu-context').ContextMenuState;
+export declare const useModalState: () => import('./modal-context').ModalState;
+export declare const useListData: () => import('./context').SortableState;
+export declare const useSortableState: () => {
+    openGroupItemData: import('../..').SortItem | null;
+    setOpenGroupItemData: (e: import('../..').SortItem | null) => void;
+    contextMenu: import('./context-menu-context').ContextMenu | null;
+    setContextMenu: (e: import('./context-menu-context').ContextMenu | null) => void;
+    contextMenuFuns: (data: any, enable: boolean) => any;
+    hideContextMenu: () => void;
+    showInfoItemData: import('../..').SortItem | null;
+    setShowInfoItemData: (e: import('../..').SortItem | null) => void;
+    listStatus: "onMove" | null;
+    setListStatus: (e: "onMove" | null) => void;
+    longPressTriggered: boolean;
+    setLongPressTriggered: (e: boolean) => void;
+    moveItemId: string | null;
+    setMoveItemId: (e: string | null) => void;
+    moveTargetId: string | number | null;
+    setMoveTargetId: (e: string | number | null) => void;
+    dragItem: import('../..').SortItem | null;
+    setDragItem: (e: import('../..').SortItem | null) => void;
+    list: import('../..').ListItem[];
+    setList: any;
+    updateItem: (id: string | number, data: any) => void;
+    updateItemConfig: (id: string | number, config: any) => void;
+    removeItem: (id: string) => void;
+    addItem: (data: import('../..').SortItem, parentIds: (string | number)[]) => void;
+    addRootItem: (data: import('../..').ListItem) => void;
+    updateRootItem: (id: string | number, data: any) => void;
+    removeRootItem: (id: string | number) => void;
+    currentSliderIndex: number;
+    setCurrentSliderIndex: (e: number) => void;
+    currentSliderPage: import('../..').ListItem | null;
+};

package/dist/components/desktop/context/state/modal-context.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { SortItem } from '../../types';
+export interface ModalState {
+    openGroupItemData: SortItem | null;
+    setOpenGroupItemData: (e: SortItem | null) => void;
+}
+export declare const ModalStateContext: React.Context<ModalState>;
+export declare const ModalStateProvider: React.FC<{
+    children: React.ReactNode;
+}>;

package/dist/components/desktop/drawer/base-drawer.d.ts

@@ -1,5 +1,6 @@
 import { DrawerProps } from 'rc-drawer';
 import { FC, ReactNode } from 'react';
+/** @deprecated 请使用 DesktopNext 代替 */
 export type BaseDrawerProps = DrawerProps & {
     title?: ReactNode;
     contentClassName?: string;

package/dist/components/desktop/index.d.ts

@@ -2,16 +2,26 @@ import { default as React, JSX } from 'react';
 import { SortableProps } from './sortable';
 import { SortableConfigProviderProps, SortableConfig } from './context/config/context';
 import { SortableStateProviderProps, SortableState } from './context/state/context';
+/**
+ * @deprecated 请使用 {@link DesktopNext} 代替。该组件基于 react-sortablejs 实现，已停止维护。
+ */
 export interface DesktopProps<D = any, C = any> extends SortableProps<D, C>, Omit<SortableStateProviderProps<D, C>, "children">, Omit<SortableConfigProviderProps<D, C>, "children"> {
     /** 类型配置映射表，用于定义不同类型的默认配置 */
     typeConfigMap?: import('./types').TypeConfigMap;
     /** dataType菜单配置映射表，用于定义不同dataType的菜单项 */
     dataTypeMenuConfigMap?: import('./types').DataTypeMenuConfigMap;
 }
+/**
+ * @deprecated 请使用 {@link DesktopNext} 代替。该组件基于 react-sortablejs 实现，已停止维护。
+ */
 export interface DesktopHandle<D = any, C = any> {
     state: SortableState;
     config: SortableConfig<D, C>;
 }
+/**
+ * 桌面组件（已废弃）
+ * @deprecated 请使用 {@link DesktopNext} 代替。该组件基于 react-sortablejs 实现，已停止维护。
+ */
 declare const Desktop: <D = any, C = any>(props: DesktopProps<D, C> & {
     ref?: React.ForwardedRef<DesktopHandle<D, C>>;
 }) => JSX.Element;

package/dist/components/desktop/items/group-item.d.ts

@@ -1,5 +1,6 @@
 import { SortItem } from '../types';
 import { SortableItemProps } from './sortable-item';
+/** @deprecated 请使用 DesktopNext 代替 */
 export interface SortableGroupItemProps<D, C> extends SortableItemProps<D, C> {
     data: SortItem<D, C>;
 }

package/dist/components/desktop/items/sortable-item.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { ContextMenuProps } from '../context-menu';
 import { SortItem } from '../types';
+/** @deprecated 请使用 DesktopNext 代替 */
 export interface SortableItemProps<D, C> {
     data: SortItem<D, C>;
     className?: string;

package/dist/components/desktop/modal/base-modal.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+/** @deprecated 请使用 DesktopNext 代替 */
 export interface BaseModalProps {
     visible: boolean;
     onClose: () => void;

package/dist/components/desktop/sortable.d.ts

@@ -2,9 +2,11 @@ import { default as React } from 'react';
 import { default as Slider, Settings } from 'react-slick';
 import { SortItem } from './types';
 import { DockProps } from './dock/dock';
+/** @deprecated 请使用 DesktopNext 代替 */
 export interface Pagination {
     position?: "top" | "bottom" | "left" | "right";
 }
+/** @deprecated 请使用 DesktopNext 代替 */
 export interface SortableProps<D, C> {
     /**
      * className

package/dist/components/desktop-next/component-registry/remote-loader.d.ts

@@ -0,0 +1,19 @@
+import { default as React, Component } from 'react';
+import { DndSortItem } from '../types';
+export declare function loadRemoteComponent(url: string): React.LazyExoticComponent<React.ComponentType<{
+    item: DndSortItem;
+}>>;
+interface RemoteComponentErrorBoundaryProps {
+    children: React.ReactNode;
+    onError?: (error: Error) => void;
+}
+interface RemoteComponentErrorBoundaryState {
+    error: Error | null;
+}
+export declare class RemoteComponentErrorBoundary extends Component<RemoteComponentErrorBoundaryProps, RemoteComponentErrorBoundaryState> {
+    constructor(props: RemoteComponentErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): RemoteComponentErrorBoundaryState;
+    componentDidCatch(error: Error): void;
+    render(): React.ReactNode;
+}
+export {};

package/dist/components/desktop-next/config.d.ts

@@ -0,0 +1,44 @@
+import { SortItemDefaultConfig, TypeConfigMap, SizeConfig, DataTypeMenuConfigMap } from './types';
+export declare const commonSizeConfigs: {
+    readonly "1x1": {
+        readonly name: "1x1";
+        readonly col: 1;
+        readonly row: 1;
+    };
+    readonly "2x1": {
+        readonly name: "2x1";
+        readonly col: 2;
+        readonly row: 1;
+    };
+    readonly "1x2": {
+        readonly name: "1x2";
+        readonly col: 1;
+        readonly row: 2;
+    };
+    readonly "2x2": {
+        readonly name: "2x2";
+        readonly col: 2;
+        readonly row: 2;
+    };
+    readonly "3x2": {
+        readonly name: "3x2";
+        readonly col: 3;
+        readonly row: 2;
+    };
+    readonly "4x3": {
+        readonly name: "4x3";
+        readonly col: 4;
+        readonly row: 3;
+    };
+};
+export declare const commonSizeConfigsArray: SizeConfig[];
+export declare const appDefaultConfig: SortItemDefaultConfig;
+export declare const groupDefaultConfig: SortItemDefaultConfig;
+export declare const builtinConfigMap: TypeConfigMap;
+export declare function getDefaultConfig(type: string, customConfigMap?: TypeConfigMap): SortItemDefaultConfig;
+export declare function getSizeConfig(sizeId: string | undefined, sizeConfigs?: SizeConfig[], defaultSizeId?: string): SizeConfig;
+export declare function getItemSize(type: string, sizeId?: string, customConfigMap?: TypeConfigMap): {
+    col: number;
+    row: number;
+};
+export declare function getDataTypeMenuConfig(dataType: string, customConfigMap?: DataTypeMenuConfigMap): import('./types').MenuItemConfig[];

package/dist/components/desktop-next/context-menu/capsule-background.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface CapsuleBackgroundProps {
+    show: boolean;
+    layoutId?: string;
+    className?: string;
+}
+declare const CapsuleBackground: FC<CapsuleBackgroundProps>;
+export default CapsuleBackground;

package/dist/components/desktop-next/context-menu/content.d.ts

@@ -0,0 +1,5 @@
+import { motion } from 'motion/react';
+import { FC } from 'react';
+export type ContentMenuContextProps = React.ComponentProps<typeof motion.div>;
+declare const ContextMenuContent: FC<ContentMenuContextProps>;
+export default ContextMenuContent;

package/dist/components/desktop-next/context-menu/hover-context.d.ts

@@ -0,0 +1,5 @@
+export interface HoverContextType {
+    hoveredIndex: number | null;
+    setHoveredIndex: (index: number | null) => void;
+}
+export declare const HoverContext: import('react').Context<HoverContextType>;

package/dist/components/desktop-next/context-menu/index.d.ts

@@ -0,0 +1,14 @@
+export interface ContextMenuProps {
+    animationOrigin?: string;
+    isOpen?: boolean;
+}
+declare const ContextMenu: ({ animationOrigin, isOpen, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ContextMenu;
+export { MenuItem } from './menu-item';
+export { SubMenuItem } from './sub-menu-item';
+export { SizeSubMenuContent } from './size-sub-menu-content';
+export { HoverContext } from './hover-context';
+export type { MenuItemProps } from './menu-item';
+export type { SubMenuItemProps } from './sub-menu-item';
+export type { SizeMenuItemProps } from './size-sub-menu-content';
+export type { HoverContextType } from './hover-context';

package/dist/components/desktop-next/context-menu/menu-item.d.ts

@@ -0,0 +1,10 @@
+export interface MenuItemProps {
+    icon?: React.ReactNode;
+    text: string;
+    color?: string;
+    textColor?: string;
+    onClick?: () => void;
+    index: number;
+    children?: React.ReactNode;
+}
+export declare const MenuItem: ({ icon, text, color, textColor, onClick, index, children, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/desktop-next/context-menu/portal.d.ts

@@ -0,0 +1,2 @@
+declare const GlobalContextMenu: () => import("react/jsx-runtime").JSX.Element | null;
+export default GlobalContextMenu;

package/dist/components/desktop-next/context-menu/size-sub-menu-content.d.ts

@@ -0,0 +1,7 @@
+import { SizeConfig } from '../types';
+export interface SizeMenuItemProps {
+    sizes: SizeConfig[];
+    currentSizeId?: string;
+    onSizeChange: (size: SizeConfig) => void;
+}
+export declare const SizeSubMenuContent: ({ sizes, currentSizeId, onSizeChange, }: SizeMenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/desktop-next/context-menu/sub-menu-item.d.ts

@@ -0,0 +1,9 @@
+export interface SubMenuItemProps {
+    text: string;
+    icon: React.ReactNode;
+    index: number;
+    children: React.ReactNode;
+    color?: string;
+    textColor?: string;
+}
+export declare const SubMenuItem: ({ text, index, children, color, textColor, ...props }: SubMenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/desktop-next/context.d.ts

@@ -0,0 +1,84 @@
+import { default as React } from 'react';
+import { ComponentRegistry, ContextMenuActionPayload, ContextMenuData, DesktopDndContextMenuProps, DndSortItem, DndPageItem, DragState, FolderModalState, SortItemUserConfig, TypeConfigMap, DataTypeMenuConfigMap } from './types';
+import { Theme } from './themes';
+interface DesktopDndContextValue {
+    pages: DndPageItem[];
+    setPages: (pages: DndPageItem[]) => void;
+    currentPage: number;
+    setCurrentPage: (page: number) => void;
+    dragState: DragState;
+    setDragState: React.Dispatch<React.SetStateAction<DragState>>;
+    pointerPositionRef: React.MutableRefObject<{
+        x: number;
+        y: number;
+    } | null>;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    folderModal: FolderModalState;
+    setFolderModal: React.Dispatch<React.SetStateAction<FolderModalState>>;
+    contextMenu: ContextMenuData | null;
+    setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuData | null>>;
+    hideContextMenu: () => void;
+    iconSize: number;
+    maxPages: number;
+    mergeDwellTime: number;
+    typeConfigMap?: TypeConfigMap;
+    dataTypeMenuConfigMap?: DataTypeMenuConfigMap;
+    onRemoveClick?: (item: DndSortItem) => void;
+    onContextMenuItemClick?: (item: DndSortItem, payload: ContextMenuActionPayload) => void;
+    contextMenuProps?: DesktopDndContextMenuProps;
+    theme: Theme;
+    noLetters?: boolean;
+    itemBuilder?: (item: DndSortItem, index: number) => React.ReactNode | null;
+    itemBuilderAllowNull?: boolean;
+    itemIconBuilder?: (item: DndSortItem) => React.ReactNode;
+    itemIconBuilderAllowNull?: boolean;
+    pagingDotBuilder?: (index: number, isActive: boolean) => React.ReactNode;
+    pagingDotsBuilder?: (dots: React.ReactNode[]) => React.ReactNode;
+    extraItems?: DndSortItem[];
+    componentRegistry?: ComponentRegistry;
+    removeItem: (itemId: string | number) => void;
+    updateItemConfig: (itemId: string | number, config: SortItemUserConfig) => void;
+    updateItemData: (itemId: string | number, data: Partial<DndSortItem["data"]>) => void;
+    insertItemAt: (pageIndex: number, index: number, item: DndSortItem) => void;
+    mergeItems: (targetId: string | number, draggedItem: DndSortItem) => void;
+    removeItemFromFolder: (folderId: string | number, itemId: string | number, toPageIndex: number) => void;
+    addItemToFolder: (folderId: string | number, item: DndSortItem) => void;
+    reorderFolderChildren: (folderId: string | number, fromIndex: number, toIndex: number) => void;
+    findItemById: (id: string | number) => {
+        item: DndSortItem;
+        pageIndex: number;
+        itemIndex: number;
+    } | null;
+    findFolderContaining: (itemId: string | number) => {
+        folder: DndSortItem;
+        pageIndex: number;
+    } | null;
+}
+export declare const useDesktopDnd: () => DesktopDndContextValue;
+interface DesktopDndProviderProps {
+    pages: DndPageItem[];
+    onChange: (pages: DndPageItem[]) => void;
+    iconSize: number;
+    maxPages: number;
+    mergeDwellTime: number;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    typeConfigMap?: TypeConfigMap;
+    dataTypeMenuConfigMap?: DataTypeMenuConfigMap;
+    onRemoveClick?: (item: DndSortItem) => void;
+    onContextMenuItemClick?: (item: DndSortItem, payload: ContextMenuActionPayload) => void;
+    contextMenuProps?: DesktopDndContextMenuProps;
+    theme?: Theme | "light" | "dark";
+    noLetters?: boolean;
+    itemBuilder?: (item: DndSortItem, index: number) => React.ReactNode | null;
+    itemBuilderAllowNull?: boolean;
+    itemIconBuilder?: (item: DndSortItem) => React.ReactNode;
+    itemIconBuilderAllowNull?: boolean;
+    pagingDotBuilder?: (index: number, isActive: boolean) => React.ReactNode;
+    pagingDotsBuilder?: (dots: React.ReactNode[]) => React.ReactNode;
+    extraItems?: DndSortItem[];
+    storageKey?: string;
+    componentRegistry?: ComponentRegistry;
+    children: React.ReactNode;
+}
+export declare const DesktopDndProvider: ({ pages: externalPages, onChange, iconSize, maxPages, mergeDwellTime, containerRef, typeConfigMap, dataTypeMenuConfigMap, onRemoveClick, onContextMenuItemClick, contextMenuProps, theme: themeProp, noLetters, itemBuilder, itemBuilderAllowNull, itemIconBuilder, itemIconBuilderAllowNull, pagingDotBuilder, pagingDotsBuilder, extraItems, storageKey, componentRegistry, children, }: DesktopDndProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/desktop-next/dock/dock.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { DndSortItem } from '../types';
+import { Theme } from '../themes';
+export interface DockProps {
+    items?: DndSortItem[];
+    fixedItems?: DndSortItem[];
+    position?: "top" | "bottom" | "left" | "right";
+    className?: string;
+    onItemClick?: (item: DndSortItem) => void;
+    itemBuilder?: (item: DndSortItem, index: number) => React.ReactNode;
+    fixedItemBuilder?: (item: DndSortItem, index: number) => React.ReactNode;
+    showLaunchpad?: boolean;
+    onLaunchpadClick?: () => void;
+    onLaunchpadItemClick?: (item: DndSortItem) => void;
+    maxItems?: number;
+    itemSize?: number;
+    theme?: Theme;
+}
+declare const Dock: React.FC<DockProps>;
+export default Dock;

package/dist/components/desktop-next/dock/index.d.ts

@@ -0,0 +1,9 @@
+export { default as Dock } from './dock';
+export { default as LaunchpadModal } from './launchpad-modal';
+export { default as LaunchpadButton } from './launchpad-button';
+export { default as StackedIcon } from './stacked-icon';
+export { default as SearchBox } from './search-box';
+export type { DockProps } from './dock';
+export type { LaunchpadModalProps } from './launchpad-modal';
+export type { LaunchpadButtonProps } from './launchpad-button';
+export type { StackedIconProps } from './stacked-icon';

package/dist/components/desktop-next/dock/launchpad-button.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { Theme } from '../themes';
+import { DndSortItem } from '../types';
+export interface LaunchpadButtonProps {
+    onClick?: () => void;
+    className?: string;
+    position?: "top" | "bottom" | "left" | "right";
+    theme?: Theme;
+    apps?: DndSortItem[];
+}
+declare const LaunchpadButton: React.FC<LaunchpadButtonProps>;
+export default LaunchpadButton;

package/dist/components/desktop-next/dock/launchpad-modal.d.ts

@@ -0,0 +1,10 @@
+import { DndSortItem } from '../types';
+import { Theme } from '../themes';
+export interface LaunchpadModalProps {
+    visible: boolean;
+    onClose: () => void;
+    onItemClick?: (item: DndSortItem) => void;
+    theme?: Theme;
+}
+declare const LaunchpadModal: ({ visible, onClose, onItemClick, theme, }: LaunchpadModalProps) => import("react/jsx-runtime").JSX.Element;
+export default LaunchpadModal;

package/dist/components/desktop-next/dock/search-box.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Theme } from '../themes';
+interface SearchBoxProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    theme?: Theme;
+}
+declare const SearchBox: React.FC<SearchBoxProps>;
+export default SearchBox;

package/dist/components/desktop-next/dock/stacked-icon.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Theme } from '../themes';
+import { DndSortItem } from '../types';
+export interface StackedIconProps {
+    onClick?: () => void;
+    className?: string;
+    theme?: Theme;
+    apps?: DndSortItem[];
+}
+declare const StackedIcon: React.FC<StackedIconProps>;
+export default StackedIcon;

package/dist/components/desktop-next/drawer/base-drawer.d.ts

@@ -0,0 +1,12 @@
+import { DrawerProps } from 'rc-drawer';
+import { FC, ReactNode } from 'react';
+import { Theme } from '../themes';
+export type BaseDrawerProps = DrawerProps & {
+    title?: ReactNode;
+    contentClassName?: string;
+    destroyOnClose?: boolean;
+    className?: string;
+    theme?: Theme;
+};
+declare const BaseDrawer: FC<BaseDrawerProps>;
+export default BaseDrawer;

package/dist/components/desktop-next/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BaseDrawer } from './base-drawer';
+export type { BaseDrawerProps } from './base-drawer';

package/dist/components/desktop-next/grid.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { DndSortItem } from './types';
+interface PageGridProps {
+    pageIndex: number;
+    onItemClick?: (item: DndSortItem) => void;
+    iconBuilder?: (item: DndSortItem) => React.ReactNode;
+}
+declare const PageGrid: ({ pageIndex, onItemClick, iconBuilder }: PageGridProps) => import("react/jsx-runtime").JSX.Element | null;
+export default PageGrid;

package/dist/components/desktop-next/hooks/use-drag-engine.d.ts

@@ -0,0 +1,11 @@
+import { DndSortItem } from '../types';
+interface DragEngineOptions {
+    gridContainerRef: React.RefObject<HTMLDivElement | null>;
+    cols: number;
+    cellSize: number;
+    pageIndex: number;
+}
+export declare const useDragEngine: ({ gridContainerRef, cols, cellSize, pageIndex, }: DragEngineOptions) => {
+    handleDragStart: (item: DndSortItem, clientX: number, clientY: number, pointerId: number, el: HTMLElement) => void;
+};
+export {};

package/dist/components/desktop-next/hooks/use-folder-sort-engine.d.ts

@@ -0,0 +1,13 @@
+import { DndSortItem } from '../types';
+interface FolderSortEngineOptions {
+    gridRef: React.RefObject<HTMLDivElement | null>;
+    dialogRef: React.RefObject<HTMLDivElement | null>;
+    folderId: string | number | null;
+    cols: number;
+    cellSize: number;
+    onDragOut: (item: DndSortItem, clientX: number, clientY: number) => void;
+}
+export declare const useFolderSortEngine: ({ gridRef, dialogRef, folderId, cols, cellSize, onDragOut, }: FolderSortEngineOptions) => {
+    handleDragStart: (item: DndSortItem, clientX: number, clientY: number, pointerId: number, el: HTMLElement) => void;
+};
+export {};

package/dist/components/desktop-next/hooks/use-grid-layout.d.ts

@@ -0,0 +1,11 @@
+export declare const useGridLayout: (iconSize: number, measureRef: React.RefObject<HTMLDivElement | null>) => {
+    getGridPosition: (index: number) => {
+        col: number;
+        row: number;
+    };
+    getIndexFromPosition: (x: number, y: number, containerRect: DOMRect) => number;
+    cols: number;
+    cellSize: number;
+    containerWidth: number;
+    gap: number;
+};