@moneyforward/mfui-components 2.48.2 → 3.1.0

package/dist/esm/src/SelectBox/utils/getFlatOptions.d.ts

@@ -1,28 +0,0 @@
-import { type BasedAdditionalProps, type SelectBoxOption } from '../SelectBox.types';
-/**
- * Flattens a (potentially) nested SelectBox options array into a single–level array of selectable options.
- *
- * Group options (objects that contain an `options` property) are traversed and their selectable child options are
- * collected. Only options that satisfy `isSelectableOption` (i.e. have a `value`) are included in the resulting
- * array.
- *
- * This utility is primarily used to simplify focus-management and keyboard-navigation logic inside the SelectBox
- * component.
- *
- * @param options - The (possibly nested) options array.
- *
- * @returns A flat array that contains only selectable options in the same order they appear visually.
- */
-export declare function getFlatOptions<T extends string | number | undefined = string, AdditionalProps extends BasedAdditionalProps = BasedAdditionalProps>(options: (SelectBoxOption<T, AdditionalProps> | null | undefined)[]): Extract<SelectBoxOption<T, AdditionalProps>, {
-    value?: T;
-}>[];
-/**
- * Escapes a string or number for use as a CSS attribute value selector.
- * Uses CSS.escape if available, otherwise falls back to a polyfill.
- * See: https://mathiasbynens.be/notes/css-escapes
- *
- * @param value - The value to escape for use in a CSS selector
- *
- * @returns The escaped string
- */
-export declare function escapeAttributeSelector(value: string | number): string;

package/dist/esm/src/SelectBox/utils/isSelectableOption.d.ts

@@ -1,17 +0,0 @@
-import { type BasedAdditionalProps, type SelectBoxOption } from '../SelectBox.types';
-/**
- * Type guard to check if an option is a selectable option (has value and may have disabled)
- *
- * @param option - The option to check
- *
- * @returns True if the option has a value (is not a group label)
- */
-export declare function isSelectableOption<T extends string | number | undefined = string, AdditionalProps extends BasedAdditionalProps = BasedAdditionalProps>(option: SelectBoxOption<T, AdditionalProps>): option is Extract<SelectBoxOption<T, AdditionalProps>, {
-    value?: T;
-}>;
-/**
- * Returns true if the option is selectable and disabled.
- *
- * @param option - Option to check
- */
-export declare function isOptionDisabled<T extends string | number | undefined = string, AdditionalProps extends BasedAdditionalProps = BasedAdditionalProps>(option: SelectBoxOption<T, AdditionalProps>): boolean;

package/dist/esm/src/SidePane/SidePane.d.ts

@@ -1,27 +0,0 @@
-/**
- * The general purpose SidePane component.
- * This component extends the props of `<div>` element with `role="dialog"`.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
- */
-export declare const SidePane: import("react").ForwardRefExoticComponent<{
-    children?: import("react").ReactNode;
-    title?: string;
-    renderHeading?: (options: import("./SidePane.types").SidePaneRenderOptions) => import("react").ReactNode;
-    actionSlot?: import("react").ReactNode;
-    position?: import("../../styled-system/recipes").SidePaneSlotRecipeVariant["position"];
-    closeButtonProps?: {
-        isCollapseIcon?: boolean;
-    } & Pick<import("react").ComponentPropsWithoutRef<"button">, "aria-label">;
-    targetDOMNode?: HTMLElement | null;
-    enableModal?: boolean;
-    disableBackdropClose?: boolean;
-    enableAutoUnmount?: boolean;
-    insideProps?: {
-        className?: string;
-    };
-    open?: boolean;
-    onClose?: import("./SidePane.types").OnCloseFunction;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "open" | "onClose"> & {
-    ref?: (import("react").RefObject<HTMLDivElement | null> | import("react").RefCallback<HTMLDivElement | null> | null) | undefined;
-} & import("react").Attributes>;

package/dist/esm/src/SidePane/SidePane.types.d.ts

@@ -1,134 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-import { type SidePaneSlotRecipeVariant } from '../../styled-system/recipes';
-export type OnCloseFunction = () => void;
-export type SidePaneRenderOptions = {
-    /**
-     * The original heading element wrapped in <h2> tag.
-     * This ensures proper semantic HTML structure and accessibility.
-     */
-    headingNode: ReactNode;
-};
-/**
- * SidePaneProps is a type that defines the properties for the SidePane component.
- *
- * It includes:
- * - `title`: The heading title of the dialog.
- * - `isOpen` and `onClose`: These props are conditionally required based on whether the component is controlled or uncontrolled.
- *   - If `isOpen` is defined, `onClose` is required (controlled component).
- *   - If `isOpen` is undefined, `onClose` is optional (uncontrolled component).
- * - Additional props from `ComponentPropsWithoutRef<'div'>` are also included.
- */
-export type SidePaneProps = {
-    /**
-     * The main content of the side pane.
-     */
-    children?: ReactNode;
-    /**
-     * The heading title of the dialog.
-     */
-    title?: string;
-    /**
-     * Custom render function for the heading area.
-     * Provides the original headingNode wrapped in <h2> tag for flexible layout composition.
-     * When provided, this takes precedence over the default title rendering.
-     *
-     * @param options - Contains the headingNode for layout composition
-     *
-     * @returns ReactNode - Custom layout containing the headingNode
-     *
-     * @example
-     * ```tsx
-     * <SidePane
-     *   title="Settings"
-     *   renderHeading={({ headingNode }) => (
-     *     <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-     *       <SettingsIcon />
-     *       {headingNode}
-     *     </div>
-     *   )}
-     * />
-     * ```
-     */
-    renderHeading?: (options: SidePaneRenderOptions) => ReactNode;
-    /**
-     * ReactNode which will be displayed on the right of the SidePane and on the left of Close Icon of the SidePane.
-     * Usually, we leave Buttons there
-     *
-     * @default undefined
-     */
-    actionSlot?: ReactNode;
-    /**
-     * The position of the side pane.
-     * This prop is optional. We only support two positions: 'left' and 'right'
-     *
-     * @default 'right'
-     */
-    position?: SidePaneSlotRecipeVariant['position'];
-    /**
-     * The properties for the close button.
-     * If this prop is not passed, the default values for each property will be applied.
-     *
-     * @property aria-label - The alternative text for the close button. default is '閉じる'.
-     *
-     * @property isCollapseIcon - Whether the close button displays a collapse icon instead of Close (X) icon.
-     *   If true, shows PaneExpansionToRight (>>) icon when position is 'right',
-     *   or PaneExpansionToLeft (<<) icon when position is 'left'.
-     *   default is false.
-     */
-    closeButtonProps?: {
-        isCollapseIcon?: boolean;
-    } & Pick<ComponentPropsWithoutRef<'button'>, 'aria-label'>;
-    /**
-     * The DOM node where the side pane should be rendered.
-     *
-     * If provided, the pane is rendered inside this node. Otherwise, a suitable DOM
-     * node is chosen automatically.
-     *
-     * @default undefined
-     */
-    targetDOMNode?: HTMLElement | null;
-    /**
-     * Enable modal mode of the SidePane. When set to true,
-     * the SidePane will render the backdrop and interaction
-     * with the underlying UI will be blocked.
-     *
-     * @default false
-     */
-    enableModal?: boolean;
-    /**
-     * Disables closing the side pane when clicking on the backdrop (modal mode only).
-     * When true, the side pane can only be closed via buttons or the close button.
-     *
-     * @default false
-     */
-    disableBackdropClose?: boolean;
-    /**
-     * Enable auto unmounting of the side pane content when it's not displayed.
-     * When true, the side pane content will return null instead of hiding via CSS.
-     *
-     * @default true
-     */
-    enableAutoUnmount?: boolean;
-    /**
-     * Additional props to apply to the inside container element of the SidePane.
-     * This element wraps the header and content sections.
-     *
-     * @default undefined
-     */
-    insideProps?: {
-        /**
-         * Additional class name to apply to the inside container element.
-         */
-        className?: string;
-    };
-    /**
-     * Whether the side pane is shown or not.
-     * This prop is required when using the side pane as a controlled component.
-     */
-    open?: boolean;
-    /**
-     * The handler to close the side pane.
-     * This prop is required when using the side pane as a controlled component.
-     */
-    onClose?: OnCloseFunction;
-} & Omit<ComponentPropsWithoutRef<'div'>, 'open' | 'onClose'>;

package/dist/esm/src/SidePane/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const ANIMATION_DURATION_IN = "0.35s";
-export declare const ANIMATION_DURATION_OUT_IN_MS = 250;
-export declare const ANIMATION_DURATION_OUT: string;

package/dist/esm/src/SidePane/hooks/useSidePaneOpenStateWithAnimation.d.ts

@@ -1,8 +0,0 @@
-export declare function useSidePaneOpenStateWithAnimation({ open, sidePaneElement, }: {
-    open: boolean | undefined;
-    sidePaneElement: HTMLDivElement | null;
-}): {
-    localOpen: boolean | undefined;
-    openSidePane: () => void;
-    closeSidePane: () => void;
-};

package/dist/esm/src/SidePane/hooks/useSidePaneStateController.d.ts

@@ -1,27 +0,0 @@
-import { type ForwardedRef } from 'react';
-type UseSidePaneStateController = {
-    open?: boolean;
-    onClose?: () => void;
-    ref?: ForwardedRef<HTMLDivElement | null>;
-};
-/**
- * Custom hook to control the open/close state of a SidePane.
- *
- * This hook provides functionality to open or close a SidePane based on the `open` flag.
- *
- * @param options - The options for controlling the SidePane state.
- *
- * @param options.open - Flag indicating if the SidePane should be open.
- *
- * @param options.onClose - Callback function to execute when closing the SidePane.
- *
- * @returns Object containing functions to handle closing the SidePane and ref Object to attach Dialog element.
- */
-export declare function useSidePaneStateController({ open, onClose, ref }: UseSidePaneStateController): {
-    localOpen: boolean | undefined;
-    handleCloseSidePane: () => void;
-    handleStopCloseSidePane: (event: React.MouseEvent<HTMLDivElement>) => void;
-    sidePaneElement: HTMLDivElement | null;
-    setSidePaneElement: (element: HTMLDivElement | null) => void;
-};
-export {};

package/dist/esm/src/SidePane/index.d.ts

@@ -1,2 +0,0 @@
-export { SidePane } from './SidePane';
-export { type SidePaneProps } from './SidePane.types';

package/dist/esm/src/Skeleton/Skeleton.d.ts

@@ -1,5 +0,0 @@
-import { type SkeletonProps } from './Skeleton.types';
-/**
- * The Skeleton component is used to indicate loading state of content before the data gets loaded.
- */
-export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/src/Skeleton/Skeleton.types.d.ts

@@ -1,9 +0,0 @@
-/**
- * The props for the Skeleton component.
- */
-export type SkeletonProps = {
-    /**
-     * The additional class name for the root element.
-     */
-    className?: string;
-};

package/dist/esm/src/Skeleton/index.d.ts

@@ -1,2 +0,0 @@
-export { Skeleton } from './Skeleton';
-export type { SkeletonProps } from './Skeleton.types';

package/dist/esm/src/SplitView/SplitView.d.ts

@@ -1,33 +0,0 @@
-/**
- * A resizable split layout component with two panels.
- *
- * Users can adjust panel sizes by dragging the divider between panels.
- * The right panel can be shown or hidden using the `isOpen` prop.
- *
- * @example
- * ```tsx
- * const [isOpen, setIsOpen] = useState(true);
- *
- * <SplitView
- *   leftPanelSlot={<div>Left Panel</div>}
- *   rightPanelSlot={<div>Right Panel</div>}
- *   isOpen={isOpen}
- *   initialRightPanelSize={300}
- *   minRightPanelSize={200}
- *   maxRightPanelSize={500}
- *   style={{ minWidth: '600px' }}
- * />
- * ```
- */
-export declare const SplitView: import("react").ForwardRefExoticComponent<{
-    leftPanelSlot: import("react").ReactNode;
-    rightPanelSlot: import("react").ReactNode;
-    isOpen?: boolean;
-    initialRightPanelSize: import("react").CSSProperties["width"];
-    minRightPanelSize: import("react").CSSProperties["minWidth"];
-    maxRightPanelSize: import("react").CSSProperties["maxWidth"];
-    leftPanelProps?: import("react").ComponentPropsWithoutRef<"div">;
-    rightPanelProps?: import("react").ComponentPropsWithoutRef<"div">;
-    dividerProps?: import("react").ComponentPropsWithoutRef<"div">;
-    enableAutoUnmount?: boolean;
-} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/src/SplitView/SplitView.types.d.ts

@@ -1,100 +0,0 @@
-import { type ComponentPropsWithoutRef, type CSSProperties, type ReactNode } from 'react';
-/**
- * Props for the SplitView component
- */
-export type SplitViewProps = {
-    /**
-     * The content to display in the left panel
-     */
-    leftPanelSlot: ReactNode;
-    /**
-     * The content to display in the right panel.
-     */
-    rightPanelSlot: ReactNode;
-    /**
-     * Controls the visibility of the right panel.
-     *
-     * When `true`, the right panel is shown with slide-in animation.
-     * When `false`, the right panel is hidden with slide-out animation.
-     * When `undefined`, the right panel is visible by default.
-     *
-     * The behavior when hidden depends on the `enableAutoUnmount` prop:
-     * - `enableAutoUnmount=true` (default): The right panel content will be unmounted when hidden
-     * - `enableAutoUnmount=false`: The right panel content stays mounted but is hidden via CSS
-     *
-     * @default undefined (right panel is visible by default)
-     *
-     * @example
-     * ```tsx
-     * // Default: Memory-efficient (enableAutoUnmount=true)
-     * <SplitView
-     *   leftPanelSlot={<LeftPanel />}
-     *   rightPanelSlot={<RightPanel />}
-     *   isOpen={isOpen}
-     *   initialRightPanelSize={300}
-     *   minRightPanelSize={200}
-     *   maxRightPanelSize={500}
-     *   style={{ minWidth: '600px' }}
-     * />
-     *
-     * // Advanced: State preservation (enableAutoUnmount=false)
-     * <SplitView
-     *   leftPanelSlot={<LeftPanel />}
-     *   rightPanelSlot={<ExpensiveFormWithState />}
-     *   isOpen={isOpen}
-     *   initialRightPanelSize={300}
-     *   minRightPanelSize={200}
-     *   maxRightPanelSize={500}
-     *   enableAutoUnmount={false}
-     *   style={{ minWidth: '600px' }}
-     * />
-     * ```
-     */
-    isOpen?: boolean;
-    /**
-     * The initial size of the second panel.
-     *
-     * This prop is required and must be specified when using SplitView.
-     * The right panel will be displayed at this size initially.
-     *
-     * @example
-     * ```tsx
-     * <SplitView
-     *   leftPanelSlot={<LeftPanel />}
-     *   rightPanelSlot={<RightPanel />}
-     *   initialRightPanelSize={300}
-     *   minRightPanelSize={200}
-     *   maxRightPanelSize={500}
-     *   style={{ minWidth: '600px' }}
-     * />
-     * ```
-     */
-    initialRightPanelSize: CSSProperties['width'];
-    /**
-     * The minimum size of the second panel
-     */
-    minRightPanelSize: CSSProperties['minWidth'];
-    /**
-     * The maximum size of the second panel
-     */
-    maxRightPanelSize: CSSProperties['maxWidth'];
-    /**
-     * Props for the left panel container
-     */
-    leftPanelProps?: ComponentPropsWithoutRef<'div'>;
-    /**
-     * Props for the right panel container
-     */
-    rightPanelProps?: ComponentPropsWithoutRef<'div'>;
-    /**
-     * Props for the divider element
-     */
-    dividerProps?: ComponentPropsWithoutRef<'div'>;
-    /**
-     * Enable auto unmounting of the right panel content when it's not displayed.
-     * When true, the right panel content will return null instead of hiding via CSS.
-     *
-     * @default true
-     */
-    enableAutoUnmount?: boolean;
-} & ComponentPropsWithoutRef<'div'>;

package/dist/esm/src/SplitView/constants.d.ts

@@ -1,30 +0,0 @@
-/**
- * Animation duration for the slide-in animation in milliseconds.
- * Uses MFUI design token: `durations.mfui.transition.duration.split-view.in` (350ms)
- */
-export declare const ANIMATION_DURATION_IN_MS = 350;
-/**
- * Animation duration for the slide-out animation in milliseconds.
- * Uses MFUI design token: `durations.mfui.transition.duration.split-view.out` (200ms)
- */
-export declare const ANIMATION_DURATION_OUT_MS = 200;
-/**
- * Keyboard step size in pixels for resizing via arrow keys.
- * Uses MFUI design token: `sizes.mfui.layout.grid.scale.horizontal.1` (14px)
- */
-export declare const KEYBOARD_STEP_PX = 14;
-/**
- * Minimum size difference in pixels required to trigger an animation.
- * If the difference between start and target sizes is less than this threshold,
- * the animation is skipped and the size is set directly.
- */
-export declare const ANIMATION_SIZE_THRESHOLD_PX = 1;
-/**
- * Easing function for slide-in and slide-out animations.
- * Approximates `cubic-bezier(0.5, 0, 0.25, 1)` from MFUI design tokens.
- *
- * @param t - The animation progress from 0 to 1
- *
- * @returns The eased progress value (0 to 1)
- */
-export declare const animationEasing: (t: number) => number;

package/dist/esm/src/SplitView/hooks/useSplitViewAnimation.d.ts

@@ -1,35 +0,0 @@
-import { type ReactNode } from 'react';
-/**
- * Hook to handle slide-in and slide-out animations for the split view.
- *
- * @param options - Animation hook options
- */
-export declare function useSplitViewAnimation(options: {
-    isRightPanelVisible: boolean;
-    containerRef: React.RefObject<HTMLDivElement | null>;
-    initialRightPanelSize: number;
-    minRightPanelSize: number;
-    isInitialMountRef: {
-        current: boolean;
-    };
-    wasRightPanelVisibleOnMountRef: {
-        current: boolean | null;
-    };
-    previousIsRightPanelVisibleRef: {
-        current: boolean;
-    };
-    hasRightPanelBeenVisible: boolean;
-    isAnimating: boolean;
-    rightPanelSize: number | undefined;
-    lastRightPanelSizeRef: {
-        current: number | undefined;
-    };
-    lastRightPanelRef: {
-        current: ReactNode;
-    };
-    setRightPanelSize: (size: number | undefined) => void;
-    setIsAnimating: (animating: boolean) => void;
-    setAnimatedRightPanelSize: (size: number | undefined) => void;
-    setHasRightPanelBeenVisible: (visible: boolean) => void;
-    setIsSlideOutAnimating: (animating: boolean) => void;
-}): void;

package/dist/esm/src/SplitView/hooks/useSplitViewDrag.d.ts

@@ -1,15 +0,0 @@
-/**
- * Hook to handle drag interactions for resizing the split view.
- *
- * @param options - Drag hook options
- */
-export declare function useSplitViewDrag(options: {
-    containerRef: React.RefObject<HTMLDivElement | null>;
-    minRightPanelSize: number;
-    maxRightPanelSize: number;
-    setRightPanelSize: (size: number | undefined) => void;
-    setLastRightPanelSize: (size: number | undefined) => void;
-}): {
-    isDragging: boolean;
-    handleMouseDown: (event: React.PointerEvent<HTMLDivElement>) => void;
-};

package/dist/esm/src/SplitView/hooks/useSplitViewKeyboard.d.ts

@@ -1,16 +0,0 @@
-/**
- * Hook to handle keyboard navigation for resizing the split view.
- *
- * @param options - Keyboard hook options
- */
-export declare function useSplitViewKeyboard(options: {
-    containerRef: React.RefObject<HTMLDivElement | null>;
-    rightPanelSize: number | undefined;
-    initialRightPanelSize: number;
-    minRightPanelSize: number;
-    maxRightPanelSize: number;
-    setRightPanelSize: (size: number | undefined) => void;
-    setLastRightPanelSize: (size: number | undefined) => void;
-}): {
-    handleKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-};

package/dist/esm/src/SplitView/hooks/useSplitViewPanelVisibility.d.ts

@@ -1,19 +0,0 @@
-import { type ReactNode } from 'react';
-/**
- * Hook to manage the visibility state of the right panel.
- *
- * @param isOpen - Controlled visibility state (optional)
- *
- * @param rightPanelSlot - The right panel content
- *
- * @returns Object containing visibility state and related refs
- */
-export declare function useSplitViewPanelVisibility(isOpen: boolean | undefined, rightPanelSlot: ReactNode): {
-    isRightPanelVisible: boolean;
-    isInitialMountRef: import("react").RefObject<boolean>;
-    wasRightPanelVisibleOnMountRef: import("react").RefObject<boolean | null>;
-    hasRightPanelBeenVisible: boolean;
-    setHasRightPanelBeenVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    previousIsRightPanelVisibleRef: import("react").RefObject<boolean>;
-    lastRightPanelRef: import("react").RefObject<ReactNode>;
-};

package/dist/esm/src/SplitView/hooks/useSplitViewResize.d.ts

@@ -1,16 +0,0 @@
-/**
- * Hook to handle container resize: maintain right panel size and apply constraints.
- *
- * @param options - Resize hook options
- */
-export declare function useSplitViewResize(options: {
-    isRightPanelVisible: boolean;
-    containerRef: React.RefObject<HTMLDivElement | null>;
-    isAnimating: boolean;
-    isDragging: boolean;
-    rightPanelSize: number | undefined;
-    minRightPanelSize: number;
-    maxRightPanelSize: number;
-    setRightPanelSize: (size: number | undefined) => void;
-    setLastRightPanelSize: (size: number | undefined) => void;
-}): void;

package/dist/esm/src/SplitView/index.d.ts

@@ -1,2 +0,0 @@
-export { SplitView } from './SplitView';
-export type { SplitViewProps } from './SplitView.types';

package/dist/esm/src/SplitView/utils/animation.d.ts

@@ -1,30 +0,0 @@
-/**
- * Options for creating a slide-in animation.
- */
-export type SlideInAnimationOptions = {
-    startSize: number;
-    targetSize: number;
-    onUpdate: (size: number) => void;
-    onComplete: () => void;
-};
-/**
- * Options for creating a slide-out animation.
- */
-export type SlideOutAnimationOptions = {
-    startSize: number;
-    targetSize: number;
-    onUpdate: (size: number) => void;
-    onComplete: () => void;
-};
-/**
- * Create and start a slide-in animation using requestAnimationFrame.
- *
- * @param options - Animation options
- */
-export declare function createSlideInAnimation(options: SlideInAnimationOptions): void;
-/**
- * Create and start a slide-out animation using requestAnimationFrame.
- *
- * @param options - Animation options
- */
-export declare function createSlideOutAnimation(options: SlideOutAnimationOptions): void;

package/dist/esm/src/SplitView/utils/calculatePanelSize.d.ts

@@ -1,22 +0,0 @@
-/**
- * Calculate the right panel size with min/max constraints applied.
- *
- * @param rightPanelSize - The desired right panel size
- *
- * @param minRightPanelSize - The minimum size of the right panel
- *
- * @param maxRightPanelSize - The maximum size of the right panel
- *
- * @returns The constrained right panel size
- */
-export declare function calculateConstrainedRightPanelSize(rightPanelSize: number, minRightPanelSize: number, maxRightPanelSize: number): number;
-/**
- * Calculate the initial right panel size based on props and saved state.
- *
- * @param initialRightPanelSize - The initial right panel size prop
- *
- * @param savedRightPanelSize - The saved right panel size from previous state (optional)
- *
- * @returns The calculated right panel size
- */
-export declare function calculateInitialRightPanelSize(initialRightPanelSize: number, savedRightPanelSize?: number): number;

package/dist/esm/src/SplitView/utils/parseSize.d.ts

@@ -1,15 +0,0 @@
-import { type CSSProperties } from 'react';
-/**
- * Convert CSS width value to number (in pixels).
- * Currently supports number values and pixel strings (e.g., '300px').
- * Percentage strings (e.g., '50%') are not supported yet.
- *
- * @param value - CSS width value (number or string)
- *
- * @param propName - Name of the prop for error messages (optional)
- *
- * @returns Number value in pixels
- *
- * @throws Error if value is undefined or invalid
- */
-export declare function parseSizeToNumber(value: CSSProperties['width'], propName?: string): number;

package/dist/esm/src/SplitView/utils/styles.d.ts

@@ -1,30 +0,0 @@
-import { type CSSProperties } from 'react';
-/**
- * Calculate the divider style based on animation and drag state.
- *
- * @param options - Style calculation options
- *
- * @returns The style object for the divider
- */
-export declare function calculateDividerStyle(options: {
-    hasRightPanelBeenVisible: boolean;
-    isAnimating: boolean;
-    isDragging: boolean;
-    dividerPropsStyle?: CSSProperties;
-}): CSSProperties;
-/**
- * Calculate the right panel style based on the current size state, visibility, and animation state.
- *
- * @param options - Style calculation options
- *
- * @returns The style object for the right panel
- */
-export declare function calculateRightPanelStyleUnified(options: {
-    currentSize: number | undefined;
-    enableAutoUnmount: boolean;
-    isRightPanelVisible: boolean;
-    isSlideOutAnimating: boolean;
-    hasRightPanelBeenVisible: boolean;
-    isAnimating: boolean;
-    rightPanelPropsStyle?: CSSProperties;
-}): CSSProperties;

package/dist/esm/src/Stack/index.d.ts

@@ -1,2 +0,0 @@
-export { Stack, HStack, VStack } from './Stack';
-export type { StackProps, HStackProps, VStackProps } from './Stack.types';