@chayns-components/navigation 5.0.65 → 5.1.1

package/lib/esm/index.js

@@ -1,5 +1,19 @@
 // noinspection JSUnusedGlobalSymbols
+
+// Components
 export { default as DynamicToolbar } from './components/dynamic-toolbar/DynamicToolbar';
-export { DynamicToolbarLayout } from './components/dynamic-toolbar/DynamicToolbar.types';
 export { default as DynamicToolbarSpacer } from './components/dynamic-toolbar-spacer/DynamicToolbarSpacer';
+export { default as SplitLayout } from './components/split-layout/SplitLayout';
+export { default as UserImage } from './components/user-image/UserImage';
+export { default as MenuToggle } from './components/navigation-layout/navigation-header/menu-toggle/MenuToggle';
+export { default as NavigationLayout } from './components/navigation-layout/NavigationLayout';
+
+// Types
+
+// Emums
+export { DynamicToolbarLayout } from './components/dynamic-toolbar/DynamicToolbar.types';
+export { SplitLayoutDirection } from './components/split-layout/SplitLayout.types';
+
+// Utils
+export { reorderNavigationLayoutGroupItems, reorderNavigationLayoutGroups } from './components/navigation-layout/NavigationLayout.utils';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","DynamicToolbar","DynamicToolbarLayout","DynamicToolbarSpacer"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\nexport { default as DynamicToolbar } from './components/dynamic-toolbar/DynamicToolbar';\nexport { DynamicToolbarLayout } from './components/dynamic-toolbar/DynamicToolbar.types';\nexport type {\n    DynamicToolbarItem,\n    DynamicToolbarProps,\n} from './components/dynamic-toolbar/DynamicToolbar.types';\n\nexport { default as DynamicToolbarSpacer } from './components/dynamic-toolbar-spacer/DynamicToolbarSpacer';\nexport type { DynamicToolbarSpacerProps } from './components/dynamic-toolbar-spacer/DynamicToolbarSpacer.types';\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,cAAc,QAAQ,6CAA6C;AACvF,SAASC,oBAAoB,QAAQ,mDAAmD;AAMxF,SAASF,OAAO,IAAIG,oBAAoB,QAAQ,0DAA0D","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","DynamicToolbar","DynamicToolbarSpacer","SplitLayout","UserImage","MenuToggle","NavigationLayout","DynamicToolbarLayout","SplitLayoutDirection","reorderNavigationLayoutGroupItems","reorderNavigationLayoutGroups"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\n// Components\nexport { default as DynamicToolbar } from './components/dynamic-toolbar/DynamicToolbar';\nexport { default as DynamicToolbarSpacer } from './components/dynamic-toolbar-spacer/DynamicToolbarSpacer';\nexport { default as SplitLayout } from './components/split-layout/SplitLayout';\nexport { default as UserImage } from './components/user-image/UserImage';\nexport { default as MenuToggle } from './components/navigation-layout/navigation-header/menu-toggle/MenuToggle';\nexport { default as NavigationLayout } from './components/navigation-layout/NavigationLayout';\n\n// Types\nexport type { DynamicToolbarSpacerProps } from './components/dynamic-toolbar-spacer/DynamicToolbarSpacer.types';\nexport type {\n    DynamicToolbarItem,\n    DynamicToolbarProps,\n} from './components/dynamic-toolbar/DynamicToolbar.types';\nexport type {\n    NavigationLayoutConfig,\n    NavigationLayoutGroup,\n    NavigationLayoutItem,\n    NavigationLayoutItemLocation,\n    NavigationLayoutItemReorderEvent,\n    NavigationLayoutItemReorderPlacement,\n    NavigationLayoutItemReorderSource,\n    NavigationLayoutItemReorderTarget,\n    NavigationLayoutProps,\n} from './components/navigation-layout/NavigationLayout.types';\nexport type { SplitLayoutView } from './components/split-layout/SplitLayout.types';\n\n// Emums\nexport { DynamicToolbarLayout } from './components/dynamic-toolbar/DynamicToolbar.types';\nexport { SplitLayoutDirection } from './components/split-layout/SplitLayout.types';\n\n// Utils\nexport {\n    reorderNavigationLayoutGroupItems,\n    reorderNavigationLayoutGroups,\n} from './components/navigation-layout/NavigationLayout.utils';\n"],"mappings":"AAAA;;AAEA;AACA,SAASA,OAAO,IAAIC,cAAc,QAAQ,6CAA6C;AACvF,SAASD,OAAO,IAAIE,oBAAoB,QAAQ,0DAA0D;AAC1G,SAASF,OAAO,IAAIG,WAAW,QAAQ,uCAAuC;AAC9E,SAASH,OAAO,IAAII,SAAS,QAAQ,mCAAmC;AACxE,SAASJ,OAAO,IAAIK,UAAU,QAAQ,yEAAyE;AAC/G,SAASL,OAAO,IAAIM,gBAAgB,QAAQ,iDAAiD;;AAE7F;;AAmBA;AACA,SAASC,oBAAoB,QAAQ,mDAAmD;AACxF,SAASC,oBAAoB,QAAQ,6CAA6C;;AAElF;AACA,SACIC,iCAAiC,EACjCC,6BAA6B,QAC1B,uDAAuD","ignoreList":[]}

package/lib/types/components/navigation-layout/NavigationLayout.constants.d.ts

@@ -0,0 +1,7 @@
+export declare const DEFAULT_NAVIGATION_LAYOUT_CONFIG: {
+    headerHeight: number;
+    backgroundColor: string;
+    color: string;
+    sidebarMinWidth: number;
+    sidebarMaxWidth: number;
+};

package/lib/types/components/navigation-layout/NavigationLayout.context.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { NavigationLayoutProps } from './NavigationLayout.types';
+interface NavigationLayoutContextValue {
+    onItemReorder?: NavigationLayoutProps['onItemReorder'];
+}
+interface NavigationLayoutProviderProps {
+    children: ReactNode;
+    value: NavigationLayoutContextValue;
+}
+export declare const NavigationLayoutProvider: {
+    ({ children, value }: NavigationLayoutProviderProps): React.JSX.Element;
+    displayName: string;
+};
+export declare const useNavigationLayoutContext: () => NavigationLayoutContextValue;
+export {};

package/lib/types/components/navigation-layout/NavigationLayout.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { NavigationLayoutProps } from './NavigationLayout.types';
+declare const NavigationLayout: FC<NavigationLayoutProps>;
+export default NavigationLayout;

package/lib/types/components/navigation-layout/NavigationLayout.styles.d.ts

@@ -0,0 +1,19 @@
+import { WithTheme } from '@chayns-components/core';
+export declare const StyledNavigationLayout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMotionNavigationLayoutContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+type StyledNavigationLayoutContentProps = WithTheme<{
+    $isCornerContent: boolean;
+    $isMobile: boolean;
+}>;
+export declare const StyledNavigationLayoutContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledNavigationLayoutContentProps>> & string;
+export declare const StyledMotionNavigationLayoutContentOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+type StyledNavigationLayoutBackgroundProps = WithTheme<{
+    $backgroundColor: string;
+}>;
+export declare const StyledNavigationLayoutBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledNavigationLayoutBackgroundProps>> & string;
+export declare const StyledNavigationLayoutBackgroundImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export {};

package/lib/types/components/navigation-layout/NavigationLayout.types.d.ts

@@ -0,0 +1,125 @@
+import { ReactNode } from 'react';
+export type NavigationLayoutItemReorderPlacement = 'before' | 'after' | 'inside';
+/**
+ * Describes a location inside the item tree of a single navigation group.
+ */
+export interface NavigationLayoutItemLocation {
+    /**
+     * Ordered parent chain from root level to the direct parent.
+     */
+    parentIds: NavigationLayoutItem['id'][];
+    /**
+     * Zero-based index within the resolved level.
+     */
+    index: number;
+}
+/**
+ * Describes the dragged item and its original position.
+ */
+export interface NavigationLayoutItemReorderSource extends NavigationLayoutItemLocation {
+    itemId: NavigationLayoutItem['id'];
+}
+/**
+ * Describes the resolved drop target inside the current group.
+ */
+export interface NavigationLayoutItemReorderTarget extends NavigationLayoutItemLocation {
+    itemId?: NavigationLayoutItem['id'];
+    placement: NavigationLayoutItemReorderPlacement;
+}
+/**
+ * Payload emitted after a valid reorder interaction within a single group.
+ */
+export interface NavigationLayoutItemReorderEvent {
+    groupId: NavigationLayoutGroup['id'];
+    itemId: NavigationLayoutItem['id'];
+    source: NavigationLayoutItemReorderSource;
+    target: NavigationLayoutItemReorderTarget;
+}
+/**
+ * Public props for the navigation layout shell.
+ */
+export interface NavigationLayoutProps {
+    /**
+     * Main content rendered next to the navigation sidebar.
+     */
+    children: ReactNode;
+    /**
+     * Visual configuration for header, sidebar and background.
+     */
+    config?: NavigationLayoutConfig;
+    /**
+     * Grouped navigation data rendered in the sidebar.
+     */
+    groups: NavigationLayoutGroup[];
+    /**
+     * Optional content rendered above the navigation items.
+     */
+    sidebarTopContent?: ReactNode;
+    /**
+     * Optional content rendered below the navigation items.
+     */
+    sidebarBottomContent?: ReactNode;
+    /**
+     * Currently selected item id.
+     */
+    selectedItemId?: NavigationLayoutItem['id'];
+    /**
+     * Called when a navigation item is clicked.
+     */
+    onItemClick?: (id: NavigationLayoutItem['id'], parentIds?: NavigationLayoutItem['id'][]) => void;
+    /**
+     * Called after a successful reorder inside a single group.
+     */
+    onItemReorder?: (event: NavigationLayoutItemReorderEvent) => void;
+    /**
+     * Content rendered inside the fixed header.
+     */
+    headerContent: ReactNode;
+    /**
+     * Called when the sidebar snaps open.
+     */
+    onSidebarOpen?: VoidFunction;
+    /**
+     * Called when the sidebar snaps closed.
+     */
+    onSidebarClose?: VoidFunction;
+    /**
+     * Shows labels in collapsed mode via tooltip-like popups.
+     */
+    shouldShowCollapsedLabel?: boolean;
+    /**
+     * Enables the mobile layout variant.
+     */
+    isMobile?: boolean;
+}
+export interface SafeAreas {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+}
+export interface NavigationLayoutConfig {
+    headerHeight?: number;
+    backgroundColor?: string;
+    backgroundImage?: string;
+    color?: string;
+    sidebarMinWidth?: number;
+    sidebarMaxWidth?: number;
+    safeAreas?: SafeAreas;
+}
+export interface NavigationLayoutItem {
+    id: string;
+    label: string;
+    icons?: string[];
+    imageUrl?: string;
+    imageElement?: ReactNode;
+    isDisabled?: boolean;
+    disabledReason?: string;
+    children?: NavigationLayoutItem[];
+}
+export interface NavigationLayoutGroup {
+    id: string;
+    isReorderable?: boolean;
+    isPinned?: boolean;
+    items: NavigationLayoutItem[];
+}

package/lib/types/components/navigation-layout/NavigationLayout.utils.d.ts

@@ -0,0 +1,22 @@
+import { NavigationLayoutGroup, NavigationLayoutItem, NavigationLayoutItemReorderEvent, NavigationLayoutItemReorderTarget } from './NavigationLayout.types';
+interface IsNavigationLayoutItemReorderEventValidOptions {
+    items: NavigationLayoutItem[];
+    event: NavigationLayoutItemReorderEvent;
+}
+interface ReorderNavigationLayoutGroupItemsOptions {
+    items: NavigationLayoutItem[];
+    event: NavigationLayoutItemReorderEvent;
+}
+interface ReorderNavigationLayoutGroupsOptions {
+    groups: NavigationLayoutGroup[];
+    event: NavigationLayoutItemReorderEvent;
+}
+interface IsNavigationLayoutReorderTargetEqualOptions {
+    targetA: NavigationLayoutItemReorderTarget | null;
+    targetB: NavigationLayoutItemReorderTarget | null;
+}
+export declare function isNavigationLayoutReorderTargetEqual({ targetA, targetB, }: IsNavigationLayoutReorderTargetEqualOptions): boolean;
+export declare function isNavigationLayoutItemReorderEventValid({ items, event, }: IsNavigationLayoutItemReorderEventValidOptions): boolean;
+export declare function reorderNavigationLayoutGroupItems({ items, event, }: ReorderNavigationLayoutGroupItemsOptions): NavigationLayoutItem[];
+export declare function reorderNavigationLayoutGroups({ groups, event, }: ReorderNavigationLayoutGroupsOptions): NavigationLayoutGroup[];
+export {};

package/lib/types/components/navigation-layout/navigation-header/NavigationHeader.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { NavigationHeaderProps } from './NavigationHeader.types';
+declare const NavigationHeader: FC<NavigationHeaderProps>;
+export default NavigationHeader;

package/lib/types/components/navigation-layout/navigation-header/NavigationHeader.styles.d.ts

@@ -0,0 +1,9 @@
+import { WithTheme } from '@chayns-components/core';
+import { NavigationLayoutConfig } from '../NavigationLayout.types';
+type StyledNavigationHeaderProps = WithTheme<{
+    $height: number;
+    $color: string;
+    $safeAreas: NavigationLayoutConfig['safeAreas'];
+}>;
+export declare const StyledNavigationHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledNavigationHeaderProps>> & string;
+export {};

package/lib/types/components/navigation-layout/navigation-header/NavigationHeader.types.d.ts

@@ -0,0 +1,10 @@
+import { NavigationLayoutConfig, NavigationLayoutProps } from '../NavigationLayout.types';
+export interface NavigationHeaderProps {
+    height: number;
+    color: string;
+    safeAreas?: NavigationLayoutConfig['safeAreas'];
+    headerContent: NavigationLayoutProps['headerContent'];
+    isMobile: NavigationLayoutProps['isMobile'];
+    isMobileOpen: boolean;
+    onMenuClick: () => void;
+}

package/lib/types/components/navigation-layout/navigation-header/menu-toggle/MenuToggle.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface MenuToggleProps {
+    isOpen: boolean;
+    onClick: () => void;
+    color: string;
+}
+declare const MenuToggle: FC<MenuToggleProps>;
+export default MenuToggle;

package/lib/types/components/navigation-layout/navigation-header/menu-toggle/MenuToggle.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledMotionMenuToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"button">, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLButtonElement, import("motion/react").HTMLMotionProps<"button">>, keyof import("react").Component<any, {}, any>>;

package/lib/types/components/navigation-layout/navigation-sidebar/NavigationSidebar.context.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+import { NavigationLayoutProps } from '../NavigationLayout.types';
+interface NavigationSidebarContextValue {
+    color: string;
+    isCompact: boolean;
+    selectedItemId?: NavigationLayoutProps['selectedItemId'];
+    onItemClick?: NavigationLayoutProps['onItemClick'];
+    shouldShowCollapsedLabel?: NavigationLayoutProps['shouldShowCollapsedLabel'];
+}
+interface NavigationSidebarProviderProps {
+    children: ReactNode;
+    value: NavigationSidebarContextValue;
+}
+export declare const NavigationSidebarProvider: {
+    ({ children, value }: NavigationSidebarProviderProps): React.JSX.Element;
+    displayName: string;
+};
+export declare const useNavigationSidebarContext: () => NavigationSidebarContextValue;
+export {};

package/lib/types/components/navigation-layout/navigation-sidebar/NavigationSidebar.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { NavigationSidebarProps } from './NavigationSidebar.types';
+declare const NavigationSidebar: FC<NavigationSidebarProps>;
+export default NavigationSidebar;

package/lib/types/components/navigation-layout/navigation-sidebar/NavigationSidebar.styles.d.ts

@@ -0,0 +1,27 @@
+import { WithTheme } from '@chayns-components/core';
+type StyledNavigationSidebarProps = WithTheme<{
+    $color: string;
+    $isMobile?: boolean;
+}>;
+export declare const StyledMotionNavigationSidebar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, StyledNavigationSidebarProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledMotionNavigationSidebarContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledMotionNavigationSidebarContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledMotionNavigationSidebarExternalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+type StyledMotionNavigationSidebarContentListProps = WithTheme<{
+    $isPinned?: boolean;
+}>;
+export declare const StyledMotionNavigationSidebarContentList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, StyledMotionNavigationSidebarContentListProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledNavigationSidebarResizeHandle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export {};

package/lib/types/components/navigation-layout/navigation-sidebar/NavigationSidebar.types.d.ts

@@ -0,0 +1,54 @@
+import { NavigationLayoutProps } from '../NavigationLayout.types';
+/**
+ * Internal props used to render the navigation sidebar.
+ */
+export interface NavigationSidebarProps {
+    /**
+     * Color used for icons, text highlights and separators.
+     */
+    color: string;
+    /**
+     * Optional content rendered above the item groups.
+     */
+    topContent: NavigationLayoutProps['sidebarTopContent'];
+    /**
+     * Optional content rendered below the item groups.
+     */
+    bottomContent: NavigationLayoutProps['sidebarBottomContent'];
+    /**
+     * Collapsed sidebar width.
+     */
+    minWidth: number;
+    /**
+     * Expanded sidebar width.
+     */
+    maxWidth: number;
+    /**
+     * Grouped navigation items shown in the sidebar.
+     */
+    groups: NavigationLayoutProps['groups'];
+    /**
+     * Currently selected item id.
+     */
+    selectedItemId?: NavigationLayoutProps['selectedItemId'];
+    /**
+     * Called when an item is clicked.
+     */
+    onItemClick?: NavigationLayoutProps['onItemClick'];
+    /**
+     * Called when the sidebar snaps open.
+     */
+    onSidebarOpen?: NavigationLayoutProps['onSidebarOpen'];
+    /**
+     * Called when the sidebar snaps closed.
+     */
+    onSidebarClose?: NavigationLayoutProps['onSidebarClose'];
+    /**
+     * Enables collapsed labels for top-level items.
+     */
+    shouldShowCollapsedLabel?: NavigationLayoutProps['shouldShowCollapsedLabel'];
+    /**
+     * Enables the mobile layout behaviour.
+     */
+    isMobile?: NavigationLayoutProps['isMobile'];
+}

package/lib/types/components/navigation-layout/navigation-sidebar/NavigationSidebar.utils.d.ts

@@ -0,0 +1,22 @@
+export interface UseGlobalUserSelectOptions {
+    isDisabled: boolean;
+}
+export declare const useGlobalUserSelect: ({ isDisabled }: UseGlobalUserSelectOptions) => void;
+interface ClampSideBarWidthOptions {
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+}
+export declare const clampSideBarWidth: ({ width, minWidth, maxWidth, }: ClampSideBarWidthOptions) => number;
+interface GetNearestSideBarWidthOptions {
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+}
+interface GetSideBarCompactBreakpointOptions {
+    minWidth: number;
+    maxWidth: number;
+}
+export declare const getNearestSideBarWidth: ({ width, minWidth, maxWidth, }: GetNearestSideBarWidthOptions) => number;
+export declare const getSideBarCompactBreakpoint: ({ minWidth, maxWidth, }: GetSideBarCompactBreakpointOptions) => number;
+export {};

package/lib/types/components/navigation-layout/navigation-sidebar/sidebar-divider/SidebarDivider.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface SidebarDividerProps {
+    color: string;
+}
+declare const SidebarDivider: FC<SidebarDividerProps>;
+export default SidebarDivider;

package/lib/types/components/navigation-layout/navigation-sidebar/sidebar-divider/SidebarDivider.styles.d.ts

@@ -0,0 +1,6 @@
+import { WithTheme } from '@chayns-components/core';
+type StyledSidebarDividerProps = WithTheme<{
+    $color: string;
+}>;
+export declare const StyledSidebarDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSidebarDividerProps>> & string;
+export {};

package/lib/types/components/navigation-layout/navigation-sidebar/sidebar-group/SidebarGroup.context.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import { NavigationLayoutItem, NavigationLayoutItemReorderSource, NavigationLayoutItemReorderTarget } from '../../NavigationLayout.types';
+interface SidebarGroupReorderContextValue {
+    draggedItemId?: NavigationLayoutItem['id'];
+    dropTarget: NavigationLayoutItemReorderTarget | null;
+    isDragging: boolean;
+    isReorderEnabled: boolean;
+    onDragEnd: VoidFunction;
+    onDragStart: (event: React.DragEvent<HTMLDivElement>, item: NavigationLayoutItemReorderSource) => void;
+    onDrop: (target: NavigationLayoutItemReorderTarget) => void;
+    onDropTargetChange: (target: NavigationLayoutItemReorderTarget) => void;
+}
+interface SidebarGroupReorderProviderProps {
+    children: ReactNode;
+    value: SidebarGroupReorderContextValue;
+}
+export declare const SidebarGroupReorderProvider: {
+    ({ children, value, }: SidebarGroupReorderProviderProps): React.JSX.Element;
+    displayName: string;
+};
+export declare const useSidebarGroupReorderContext: () => SidebarGroupReorderContextValue;
+export {};

package/lib/types/components/navigation-layout/navigation-sidebar/sidebar-group/SidebarGroup.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NavigationLayoutGroup, NavigationLayoutItem } from '../../NavigationLayout.types';
+interface SidebarGroupProps {
+    groupId: NavigationLayoutGroup['id'];
+    items: NavigationLayoutItem[];
+    isReorderable?: NavigationLayoutGroup['isReorderable'];
+}
+declare const _default: React.NamedExoticComponent<SidebarGroupProps>;
+export default _default;

package/lib/types/components/navigation-layout/navigation-sidebar/sidebar-group/SidebarGroup.hooks.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { NavigationLayoutGroup, NavigationLayoutItem, NavigationLayoutItemReorderSource, NavigationLayoutItemReorderTarget, NavigationLayoutProps } from '../../NavigationLayout.types';
+interface UseSidebarGroupReorderOptions {
+    groupId: NavigationLayoutGroup['id'];
+    isCompact: boolean;
+    isReorderable?: NavigationLayoutGroup['isReorderable'];
+    items: NavigationLayoutItem[];
+    onItemReorder?: NavigationLayoutProps['onItemReorder'];
+}
+interface UseSidebarGroupReorderResult {
+    draggedItemId?: NavigationLayoutItem['id'];
+    dropTarget: NavigationLayoutItemReorderTarget | null;
+    isDragging: boolean;
+    isGroupEndTargetActive: boolean;
+    isReorderEnabled: boolean;
+    handleDragEnd: VoidFunction;
+    handleDragStart: (event: React.DragEvent<HTMLDivElement>, item: NavigationLayoutItemReorderSource) => void;
+    handleDrop: (target: NavigationLayoutItemReorderTarget) => void;
+    handleDropTargetChange: (target: NavigationLayoutItemReorderTarget) => void;
+    handleGroupDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleGroupDrop: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleGroupEndDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleGroupEndDrop: (event: React.DragEvent<HTMLDivElement>) => void;
+}
+export declare const useSidebarGroupReorder: ({ groupId, isCompact, isReorderable, items, onItemReorder, }: UseSidebarGroupReorderOptions) => UseSidebarGroupReorderResult;
+export {};

package/lib/types/components/navigation-layout/navigation-sidebar/sidebar-group/SidebarGroup.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const StyledSidebarGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface StyledSidebarDropZoneProps {
+    $depth?: number;
+    $isActive: boolean;
+    $isDragging: boolean;
+    $placement?: 'before' | 'after' | 'inside';
+}
+export declare const StyledSidebarDropZone: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSidebarDropZoneProps>> & string;
+export {};

package/lib/types/components/navigation-layout/navigation-sidebar/sidebar-group/sidebar-item/SidebarItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { NavigationLayoutItem } from '../../../NavigationLayout.types';
+interface SidebarItemProps {
+    item: NavigationLayoutItem;
+    index: number;
+    parentIds: NavigationLayoutItem['id'][];
+    shouldShowCollapsedLabel?: boolean;
+}
+declare const _default: React.NamedExoticComponent<SidebarItemProps>;
+export default _default;

package/lib/types/components/navigation-layout/navigation-sidebar/sidebar-group/sidebar-item/SidebarItem.hooks.d.ts

@@ -0,0 +1,51 @@
+import { RefObject } from 'react';
+import { Coordinates } from './SidebarItem.utils';
+import { NavigationLayoutItem, NavigationLayoutItemReorderSource, NavigationLayoutItemReorderTarget } from '../../../NavigationLayout.types';
+export interface UseSidebarItemPopupOptions {
+    isDisabled: boolean;
+    shouldShowCollapsedLabel?: boolean;
+}
+export interface UseSidebarItemPopupResult {
+    coordinates: Coordinates | null;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    isHovered: boolean;
+    itemRef: RefObject<HTMLDivElement>;
+    popupContainer: HTMLElement | null;
+    shouldRenderPopup: boolean;
+}
+export interface UseSidebarItemReorderOptions {
+    childItems: NavigationLayoutItem['children'];
+    draggedItemId?: NavigationLayoutItem['id'];
+    dropTarget: NavigationLayoutItemReorderTarget | null;
+    id: NavigationLayoutItem['id'];
+    index: number;
+    isDisabled?: NavigationLayoutItem['isDisabled'];
+    isReorderEnabled: boolean;
+    onDragEnd: VoidFunction;
+    onDragStart: (event: React.DragEvent<HTMLDivElement>, item: NavigationLayoutItemReorderSource) => void;
+    onDrop: (target: NavigationLayoutItemReorderTarget) => void;
+    onDropInside?: VoidFunction;
+    onDropTargetChange: (target: NavigationLayoutItemReorderTarget) => void;
+    parentIds: NavigationLayoutItem['id'][];
+}
+export interface UseSidebarItemReorderResult {
+    canDragItem: boolean;
+    canDropInsideItem: boolean;
+    childParentIds: NavigationLayoutItem['id'][];
+    childListEndTarget: NavigationLayoutItemReorderTarget | null;
+    handleBeforeDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleBeforeDrop: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleChildListEndDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleChildListEndDrop: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleDragEnd: VoidFunction;
+    handleDragStart: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleInsideDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleInsideDrop: (event: React.DragEvent<HTMLDivElement>) => void;
+    isBeforeDropTargetActive: boolean;
+    isChildListEndTargetActive: boolean;
+    isDragging: boolean;
+    isInsideDropTargetActive: boolean;
+}
+export declare const useSidebarItemPopup: ({ isDisabled, shouldShowCollapsedLabel, }: UseSidebarItemPopupOptions) => UseSidebarItemPopupResult;
+export declare const useSidebarItemReorder: ({ childItems, draggedItemId, dropTarget, id, index, isDisabled, isReorderEnabled, onDragEnd, onDragStart, onDrop, onDropInside, onDropTargetChange, parentIds, }: UseSidebarItemReorderOptions) => UseSidebarItemReorderResult;

package/lib/types/components/navigation-layout/navigation-sidebar/sidebar-group/sidebar-item/SidebarItem.styles.d.ts

@@ -0,0 +1,24 @@
+import { WithTheme } from '@chayns-components/core';
+import { Coordinates } from './SidebarItem.utils';
+export declare const StyledSidebarItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledSidebarItemHeadProps = WithTheme<{
+    $shouldHighlight: boolean;
+    $hasDisabledReason: boolean;
+    $isDisabled?: boolean;
+    $isDragging?: boolean;
+    $isReorderable?: boolean;
+}>;
+export declare const StyledSidebarItemHead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSidebarItemHeadProps>> & string;
+export declare const StyledSidebarItemHeadContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledSidebarItemPopupProps = WithTheme<{
+    $coordinates: Coordinates;
+}>;
+export declare const StyledSidebarItemPopup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSidebarItemPopupProps>> & string;
+export declare const StyledSidebarItemIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMotionSidebarOpenIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledSidebarItemIconImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const StyledSidebarItemLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSidebarItemChildren: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/lib/types/components/navigation-layout/navigation-sidebar/sidebar-group/sidebar-item/SidebarItem.utils.d.ts

@@ -0,0 +1,23 @@
+import { NavigationLayoutItem } from '../../../NavigationLayout.types';
+export interface Coordinates {
+    x: number;
+    y: number;
+}
+interface AreCoordinatesEqualOptions {
+    coordinatesA: Coordinates | null;
+    coordinatesB: Coordinates | null;
+}
+interface GetSidebarItemPopupCoordinatesOptions {
+    container: HTMLElement;
+    item: HTMLElement;
+    offset?: number;
+}
+interface GetScrollableAncestorElementsOptions {
+    element: HTMLElement;
+    boundaryElement?: HTMLElement | null;
+}
+export declare const areCoordinatesEqual: ({ coordinatesA, coordinatesB, }: AreCoordinatesEqualOptions) => boolean;
+export declare const getSidebarItemPopupCoordinates: ({ container, item, offset, }: GetSidebarItemPopupCoordinatesOptions) => Coordinates;
+export declare const getScrollableAncestorElements: ({ element, boundaryElement, }: GetScrollableAncestorElementsOptions) => HTMLElement[];
+export declare const isItemOrChildSelected: (item: NavigationLayoutItem, selectedId?: string) => boolean;
+export {};

package/lib/types/components/split-layout/SplitLayout.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type SplitLayoutProps } from './SplitLayout.types';
+export declare const SplitLayout: FC<SplitLayoutProps>;
+export default SplitLayout;