@cube-dev/ui-kit 0.114.0 → 0.116.0

package/types/components/content/Layout/Layout.d.ts

@@ -1,34 +0,0 @@
-import { ForwardedRef, HTMLAttributes, ReactNode } from 'react';
-import { BaseProps, BlockStyleProps, ColorStyleProps, FlowStyleProps, OuterStyleProps, Styles } from '../../../tasty';
-export interface CubeLayoutProps extends BaseProps, OuterStyleProps, BlockStyleProps, ColorStyleProps, FlowStyleProps {
-    /** Switch to grid display mode */
-    isGrid?: boolean;
-    /** Grid template columns (when isGrid=true) */
-    columns?: Styles['gridColumns'];
-    /** Grid template rows (when isGrid=true) */
-    rows?: Styles['gridRows'];
-    /** Grid template shorthand */
-    template?: Styles['gridTemplate'];
-    /** Padding for content areas (Layout.Content components). Default: '1x' */
-    contentPadding?: Styles['padding'];
-    /** Enable transition animation for Inner content when panels open/close */
-    hasTransition?: boolean;
-    /** Styles for wrapper and Inner sub-element */
-    styles?: Styles;
-    children?: ReactNode;
-    /** Ref for the inner content element */
-    innerRef?: ForwardedRef<HTMLDivElement>;
-    /** Props to spread on the Inner sub-element */
-    innerProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * @internal Force show dev warning even in production (for storybook testing)
-     */
-    _forceShowDevWarning?: boolean;
-    /**
-     * When true, applies overflow: hidden to the root element.
-     * By default, overflow is visible.
-     */
-    doNotOverflow?: boolean;
-}
-declare const _Layout: import("react").ForwardRefExoticComponent<CubeLayoutProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _Layout as Layout };

package/types/components/content/Layout/LayoutBlock.d.ts

@@ -1,5 +0,0 @@
-import { CubeLayoutContentProps } from './LayoutContent';
-export interface CubeLayoutBlockProps extends CubeLayoutContentProps {
-}
-declare const _LayoutBlock: import("react").ForwardRefExoticComponent<CubeLayoutBlockProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutBlock as LayoutBlock };

package/types/components/content/Layout/LayoutCenter.d.ts

@@ -1,5 +0,0 @@
-import { CubeLayoutContainerProps } from './LayoutContainer';
-export interface CubeLayoutCenterProps extends CubeLayoutContainerProps {
-}
-declare const _LayoutCenter: import("react").ForwardRefExoticComponent<CubeLayoutCenterProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutCenter as LayoutCenter };

package/types/components/content/Layout/LayoutContainer.d.ts

@@ -1,15 +0,0 @@
-import { ForwardedRef, HTMLAttributes, ReactNode } from 'react';
-import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
-export interface CubeLayoutContainerProps extends BaseProps, ContainerStyleProps {
-    children?: ReactNode;
-    /** Custom styles for container and inner elements */
-    styles?: Styles;
-    /** Custom styles for the inner element */
-    innerStyles?: Styles;
-    /** Ref for the inner content element */
-    innerRef?: ForwardedRef<HTMLDivElement>;
-    /** Props to spread on the Inner sub-element */
-    innerProps?: HTMLAttributes<HTMLDivElement>;
-}
-declare const _LayoutContainer: import("react").ForwardRefExoticComponent<CubeLayoutContainerProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutContainer as LayoutContainer };

package/types/components/content/Layout/LayoutContent.d.ts

@@ -1,16 +0,0 @@
-import { ForwardedRef, HTMLAttributes, ReactNode } from 'react';
-import { BaseProps, ContainerStyleProps, Mods } from '../../../tasty';
-export type ScrollbarType = 'default' | 'thin' | 'tiny' | 'none';
-export interface CubeLayoutContentProps extends BaseProps, ContainerStyleProps {
-    /** Scrollbar style: 'default' | 'thin' | 'tiny' | 'none' */
-    scrollbar?: ScrollbarType;
-    children?: ReactNode;
-    /** Additional modifiers to apply */
-    mods?: Mods;
-    /** Ref for the inner content element */
-    innerRef?: ForwardedRef<HTMLDivElement>;
-    /** Props to spread on the Inner sub-element */
-    innerProps?: HTMLAttributes<HTMLDivElement>;
-}
-declare const _LayoutContent: import("react").ForwardRefExoticComponent<CubeLayoutContentProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutContent as LayoutContent };

package/types/components/content/Layout/LayoutContext.d.ts

@@ -1,81 +0,0 @@
-import { MutableRefObject, ReactNode } from 'react';
-export type Side = 'left' | 'top' | 'right' | 'bottom';
-/**
- * Refs context - stable refs that don't change and don't trigger re-renders.
- * Provides portal container ref for panels to render into.
- */
-export interface LayoutRefsContextValue {
-    /** Container element ref for panels to portal into */
-    panelContainerRef: MutableRefObject<HTMLDivElement | null>;
-    /** Whether the panel container is mounted and ready for portals */
-    isPanelContainerReady: boolean;
-    /** Callback ref to set on the panel container element */
-    setPanelContainer: (element: HTMLDivElement | null) => void;
-}
-export declare const LayoutRefsContext: import("react").Context<LayoutRefsContextValue | null>;
-export declare function useLayoutRefsContext(): LayoutRefsContextValue | null;
-/** Callback to dismiss an overlay panel */
-export type OverlayDismissCallback = () => void;
-/**
- * Actions context - stable functions and configuration that don't change.
- * Separating these from state prevents unnecessary re-renders when only state changes.
- */
-export interface LayoutActionsContextValue {
-    /** Register a panel on a specific side with initial size */
-    registerPanel: (side: Side, size: number) => void;
-    /** Unregister a panel from a specific side */
-    unregisterPanel: (side: Side) => void;
-    /** Update the size of a registered panel */
-    updatePanelSize: (side: Side, size: number) => void;
-    /** Set global dragging state (when any panel is being resized) */
-    setDragging: (isDragging: boolean) => void;
-    /** Mark the layout as ready (after initial mount) */
-    markReady: () => void;
-    /** Register an overlay panel's dismiss callback. Returns unregister function. */
-    registerOverlayPanel: (dismiss: OverlayDismissCallback) => () => void;
-    /** Dismiss all overlay panels */
-    dismissOverlayPanels: () => void;
-    /** Whether transitions are enabled for panels (stable config value) */
-    hasTransition: boolean;
-}
-/** State context - reactive state that triggers re-renders */
-export interface LayoutStateContextValue {
-    panelSizes: Record<Side, number>;
-    isDragging: boolean;
-    isReady: boolean;
-    hasOverlayPanels: boolean;
-}
-export declare const LayoutActionsContext: import("react").Context<LayoutActionsContextValue | null>;
-export declare const LayoutStateContext: import("react").Context<LayoutStateContextValue | null>;
-export declare function useLayoutActionsContext(): LayoutActionsContextValue | null;
-export declare function useLayoutStateContext(): LayoutStateContextValue | null;
-/** Combined layout context value for convenience */
-export interface LayoutContextValue extends LayoutActionsContextValue, LayoutStateContextValue, LayoutRefsContextValue {
-}
-/**
- * Combined hook that returns all layout context values.
- * Convenience wrapper around the individual context hooks.
- * Returns null if used outside of a Layout component.
- */
-export declare function useLayoutContext(): LayoutContextValue | null;
-export interface LayoutProviderProps {
-    children: ReactNode;
-    /** Whether transitions are enabled for panels */
-    hasTransition?: boolean;
-}
-export declare function LayoutProvider({ children, hasTransition, }: LayoutProviderProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Provider that resets the layout context for sub-components.
- * Used to prevent panels in nested Layouts from affecting parent layouts.
- */
-export declare function LayoutContextReset({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export interface LayoutPanelContextValue {
-    /** Callback to change the panel's open state */
-    onOpenChange: (isOpen: boolean) => void;
-    /** Current open state of the panel */
-    isOpen: boolean;
-}
-export declare const LayoutPanelContext: import("react").Context<LayoutPanelContextValue | null>;
-export declare function useLayoutPanelContext(): LayoutPanelContextValue | null;

package/types/components/content/Layout/LayoutFlex.d.ts

@@ -1,5 +0,0 @@
-import { CubeLayoutContentProps } from './LayoutContent';
-export interface CubeLayoutFlexProps extends CubeLayoutContentProps {
-}
-declare const _LayoutFlex: import("react").ForwardRefExoticComponent<CubeLayoutFlexProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutFlex as LayoutFlex };

package/types/components/content/Layout/LayoutFooter.d.ts

@@ -1,7 +0,0 @@
-import { CubeLayoutContentProps } from './LayoutContent';
-export interface CubeLayoutFooterProps extends CubeLayoutContentProps {
-    /** Inverts the order of children (primary action on right) */
-    invertOrder?: boolean;
-}
-declare const _LayoutFooter: import("react").ForwardRefExoticComponent<CubeLayoutFooterProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutFooter as LayoutFooter };

package/types/components/content/Layout/LayoutGrid.d.ts

@@ -1,12 +0,0 @@
-import { Styles } from '../../../tasty';
-import { CubeLayoutContentProps } from './LayoutContent';
-export interface CubeLayoutGridProps extends CubeLayoutContentProps {
-    /** Grid template columns */
-    columns?: Styles['gridColumns'];
-    /** Grid template rows */
-    rows?: Styles['gridRows'];
-    /** Grid template shorthand */
-    template?: Styles['gridTemplate'];
-}
-declare const _LayoutGrid: import("react").ForwardRefExoticComponent<CubeLayoutGridProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutGrid as LayoutGrid };

package/types/components/content/Layout/LayoutHeader.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from 'react';
-import { CubeLayoutContentProps } from './LayoutContent';
-export interface CubeLayoutHeaderProps extends CubeLayoutContentProps {
-    /** Page/section title */
-    title?: ReactNode;
-    /** Title heading level (1-6) */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Content next to the title */
-    suffix?: ReactNode;
-    /** Content on the right side */
-    extra?: ReactNode;
-    /** Text below the title */
-    subtitle?: ReactNode;
-    /**
-     * Navigation breadcrumbs (max 3 items recommended).
-     * Uses Link component which integrates with the navigation provider.
-     */
-    breadcrumbs?: Array<[label: string, href: string]>;
-}
-declare const _LayoutHeader: import("react").ForwardRefExoticComponent<CubeLayoutHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutHeader as LayoutHeader };

package/types/components/content/Layout/LayoutPane.d.ts

@@ -1,31 +0,0 @@
-import { ForwardedRef, HTMLAttributes, ReactNode } from 'react';
-import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
-import { ScrollbarType } from './LayoutContent';
-export type ResizeEdge = 'right' | 'bottom';
-export interface CubeLayoutPaneProps extends BaseProps, ContainerStyleProps {
-    /** Edge where resize handler appears */
-    resizeEdge?: ResizeEdge;
-    /** Enable resize functionality */
-    isResizable?: boolean;
-    /** Controlled size (width for right edge, height for bottom edge) */
-    size?: number | string;
-    /** Default size for uncontrolled state */
-    defaultSize?: number | string;
-    /** Minimum size constraint */
-    minSize?: number | string;
-    /** Maximum size constraint */
-    maxSize?: number | string;
-    /** Size change callback */
-    onSizeChange?: (size: number) => void;
-    /** Scrollbar style */
-    scrollbar?: ScrollbarType;
-    /** Custom styles */
-    styles?: Styles;
-    children?: ReactNode;
-    /** Ref for the inner content element */
-    innerRef?: ForwardedRef<HTMLDivElement>;
-    /** Props to spread on the Inner sub-element */
-    innerProps?: HTMLAttributes<HTMLDivElement>;
-}
-declare const _LayoutPane: import("react").ForwardRefExoticComponent<CubeLayoutPaneProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutPane as LayoutPane };

package/types/components/content/Layout/LayoutPanel.d.ts

@@ -1,66 +0,0 @@
-import { ReactNode } from 'react';
-import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
-import { CubeDialogContainerProps } from '../../overlays/Dialog/DialogContainer';
-import { Side } from './LayoutContext';
-/** Panel rendering mode */
-export type LayoutPanelMode = 'default' | 'sticky' | 'overlay' | 'dialog';
-export interface CubeLayoutPanelProps extends BaseProps, ContainerStyleProps {
-    /** Side of the layout where panel is positioned */
-    side: Side;
-    /**
-     * Panel rendering mode:
-     * - `default`: Standard panel that pushes content aside
-     * - `sticky`: Panel floats over content without pushing it
-     * - `overlay`: Panel with dismissable backdrop overlay
-     * - `dialog`: Panel renders as a modal dialog
-     */
-    mode?: LayoutPanelMode;
-    /** Panel size (width for left/right, height for top/bottom) - controlled */
-    size?: number | string;
-    /** Default panel size for uncontrolled state */
-    defaultSize?: number | string;
-    /** Minimum panel size */
-    minSize?: number | string;
-    /** Maximum panel size */
-    maxSize?: number | string;
-    /** Enable resize functionality */
-    isResizable?: boolean;
-    /** Size change callback */
-    onSizeChange?: (size: number) => void;
-    /** Controlled open state */
-    isOpen?: boolean;
-    /** Default open state */
-    defaultIsOpen?: boolean;
-    /** Open state change callback */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** Enable slide transition on open/close */
-    hasTransition?: boolean;
-    /**
-     * Whether the panel can be dismissed by clicking the overlay (overlay mode) or pressing Escape.
-     * Only applies to `overlay` and `dialog` modes. Default: true
-     */
-    isDismissable?: boolean;
-    /** Styles for the overlay backdrop in overlay mode */
-    overlayStyles?: Styles;
-    /**
-     * @deprecated Use `mode="dialog"` instead. Switch to dialog mode (renders panel inside Dialog)
-     */
-    isDialog?: boolean;
-    /** Controlled dialog open state (used with mode="dialog") */
-    isDialogOpen?: boolean;
-    /** Default dialog open state */
-    defaultIsDialogOpen?: boolean;
-    /** Dialog open state change callback */
-    onDialogOpenChange?: (isOpen: boolean) => void;
-    /** Props passed to Dialog component when in dialog mode */
-    dialogProps?: Omit<CubeDialogContainerProps, 'isDismissable' | 'onDismiss' | 'isOpen'>;
-    /** Padding for content areas inside the panel. Default: '1x' */
-    contentPadding?: Styles['padding'];
-    /** localStorage key for persisting panel size. When provided, size is stored and restored across instances. */
-    sizeStorageKey?: string;
-    /** Styles for the panel */
-    styles?: Styles;
-    children?: ReactNode;
-}
-declare const _LayoutPanel: import("react").ForwardRefExoticComponent<CubeLayoutPanelProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutPanel as LayoutPanel };

package/types/components/content/Layout/LayoutPanelHeader.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-import { BaseProps, ContainerStyleProps } from '../../../tasty';
-import { CubeItemProps } from '../Item/Item';
-export interface CubeLayoutPanelHeaderProps extends Omit<BaseProps, 'theme'>, ContainerStyleProps, CubeItemProps {
-    /** Panel title */
-    title?: ReactNode;
-    /** Title heading level (affects semantics, not visual) */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Show close button */
-    isClosable?: boolean;
-    /** Close button click handler */
-    onClose?: () => void;
-}
-declare const _LayoutPanelHeader: import("react").ForwardRefExoticComponent<CubeLayoutPanelHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutPanelHeader as LayoutPanelHeader };

package/types/components/content/Layout/LayoutToolbar.d.ts

@@ -1,5 +0,0 @@
-import { CubeLayoutContentProps } from './LayoutContent';
-export interface CubeLayoutToolbarProps extends CubeLayoutContentProps {
-}
-declare const _LayoutToolbar: import("react").ForwardRefExoticComponent<CubeLayoutToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
-export { _LayoutToolbar as LayoutToolbar };

package/types/components/content/Layout/hooks/useTinyScrollbar.d.ts

@@ -1,25 +0,0 @@
-import { CSSProperties, RefObject } from 'react';
-export interface TinyScrollbarState {
-    hasOverflowY: boolean;
-    hasOverflowX: boolean;
-    scrollTop: number;
-    scrollLeft: number;
-    scrollHeight: number;
-    scrollWidth: number;
-    clientHeight: number;
-    clientWidth: number;
-}
-export interface TinyScrollbarResult {
-    handleVStyle: CSSProperties;
-    handleHStyle: CSSProperties;
-    hasOverflowY: boolean;
-    hasOverflowX: boolean;
-    isScrolling: boolean;
-    /** Whether scroll is at the start edge (top for Y, left for X) */
-    isAtStartX: boolean;
-    isAtStartY: boolean;
-    /** Whether scroll is at the end edge (bottom for Y, right for X) */
-    isAtEndX: boolean;
-    isAtEndY: boolean;
-}
-export declare function useTinyScrollbar(ref: RefObject<HTMLElement | null>, enabled: boolean): TinyScrollbarResult;

package/types/components/content/Layout/index.d.ts

@@ -1,47 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { CubeLayoutProps } from './Layout';
-import { LayoutBlock } from './LayoutBlock';
-import { LayoutCenter } from './LayoutCenter';
-import { LayoutContainer } from './LayoutContainer';
-import { LayoutContent } from './LayoutContent';
-import { LayoutFlex } from './LayoutFlex';
-import { LayoutFooter } from './LayoutFooter';
-import { LayoutGrid } from './LayoutGrid';
-import { LayoutHeader } from './LayoutHeader';
-import { LayoutPane } from './LayoutPane';
-import { LayoutPanel } from './LayoutPanel';
-import { LayoutPanelHeader } from './LayoutPanelHeader';
-import { LayoutToolbar } from './LayoutToolbar';
-export { GridLayout } from './GridLayout';
-export type { CubeGridLayoutProps } from './GridLayout';
-export type { CubeLayoutProps } from './Layout';
-export type { CubeLayoutBlockProps } from './LayoutBlock';
-export type { CubeLayoutCenterProps } from './LayoutCenter';
-export type { CubeLayoutContainerProps } from './LayoutContainer';
-export type { CubeLayoutContentProps, ScrollbarType } from './LayoutContent';
-export type { CubeLayoutFlexProps } from './LayoutFlex';
-export type { CubeLayoutGridProps } from './LayoutGrid';
-export type { CubeLayoutFooterProps } from './LayoutFooter';
-export type { CubeLayoutHeaderProps } from './LayoutHeader';
-export type { CubeLayoutPaneProps, ResizeEdge } from './LayoutPane';
-export type { CubeLayoutPanelProps, LayoutPanelMode } from './LayoutPanel';
-export type { CubeLayoutPanelHeaderProps } from './LayoutPanelHeader';
-export type { CubeLayoutToolbarProps } from './LayoutToolbar';
-export { LayoutActionsContext, LayoutStateContext, LayoutRefsContext, LayoutPanelContext, LayoutContextReset, useLayoutActionsContext, useLayoutStateContext, useLayoutRefsContext, useLayoutPanelContext, useLayoutContext, } from './LayoutContext';
-export type { LayoutActionsContextValue, LayoutStateContextValue, LayoutRefsContextValue, LayoutPanelContextValue, LayoutContextValue, Side, } from './LayoutContext';
-interface LayoutComponent extends ForwardRefExoticComponent<CubeLayoutProps & RefAttributes<HTMLDivElement>> {
-    Toolbar: typeof LayoutToolbar;
-    Header: typeof LayoutHeader;
-    Footer: typeof LayoutFooter;
-    Content: typeof LayoutContent;
-    Container: typeof LayoutContainer;
-    Center: typeof LayoutCenter;
-    Block: typeof LayoutBlock;
-    Flex: typeof LayoutFlex;
-    Grid: typeof LayoutGrid;
-    Pane: typeof LayoutPane;
-    Panel: typeof LayoutPanel;
-    PanelHeader: typeof LayoutPanelHeader;
-}
-declare const Layout: LayoutComponent;
-export { Layout };

package/types/components/content/Layout/utils.d.ts

@@ -1,5 +0,0 @@
-/**
- * Clamps a size value within min/max constraints.
- * Handles both number and string constraint values (only numbers are applied).
- */
-export declare function clampSize(value: number, minSize?: number | string, maxSize?: number | string): number;