@veracity/vui 2.30.0-beta.0 → 2.30.0

package/dist/esm/sidemenuV2/sidemenuV2.js

@@ -0,0 +1,184 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useCallback } from 'react';
+import Box from '../box';
+import Button from '../button';
+import { useStyleConfig, vui } from '../core';
+import Icon from '../icon';
+import { cs, isActivePath, generateMenuItemId } from '../utils';
+import { collapsedWidth, expandedWidth } from './consts';
+import { SidemenuStateProvider, useSidemenuContext } from './context';
+import SidemenuItemV2 from './sidemenuItemV2';
+// Re-export context provider and hook
+export { SidemenuStateProvider, useSidemenuContext };
+/** A collapsible side menu for navigation. */
+export const SidemenuV2 = vui((props, ref) => {
+    const { isExpandedInitial = true, // Uncontrolled: only affects initial state
+    size, variant = 'light', onExpandedChange, } = props;
+    return (_jsx(SidemenuStateProvider, { isExpandedInitial: isExpandedInitial, onExpandedChange: onExpandedChange, variant: variant, size: size, isDark: variant === 'dark', children: _jsx(SidemenuInner, { ...props, ref: ref }) }));
+});
+// Inner component that uses context
+const SidemenuInner = vui((props, ref) => {
+    const { children, className, items, shouldExpand, // Callback: fine-grained control over expansion
+    isSticky = false, size, variant = 'light', width = expandedWidth, top, onNavigate, ...rest } = props;
+    // Get state from context
+    const context = useSidemenuContext();
+    const { isMenuExpanded = true, setIsExpanded } = context || {};
+    // Get styles configuration early
+    const styles = useStyleConfig('SidemenuV2', props);
+    // Memoized boolean conditions
+    const conditions = useMemo(() => ({
+        isDark: variant === 'dark',
+        hasItems: !!items,
+        shouldShowItems: !!items && items.length > 0,
+        isMenuSticky: isSticky,
+        isMenuExpanded: isMenuExpanded,
+    }), [variant, items, isSticky, isMenuExpanded]);
+    // Memoized computed values for styling and behavior
+    const computedValues = useMemo(() => {
+        // Get toggle button config from theme
+        const toggleButtonTheme = styles.toggleButton || {};
+        const currentSize = size || 'md'; // Ensure we have a valid size
+        const sizeStyles = styles.sizes?.[currentSize] || {};
+        const toggleButtonSizeTheme = sizeStyles.toggleButton || {};
+        // Merge base theme with size-specific overrides
+        const toggleConfig = {
+            baseHeight: toggleButtonSizeTheme.baseHeight || toggleButtonTheme.baseHeight || 52,
+            basePadding: toggleButtonSizeTheme.basePadding || toggleButtonTheme.basePadding || 2,
+            expandedPaddingMultiplier: toggleButtonTheme.expandedPaddingMultiplier || 5,
+            expandedWidth: toggleButtonTheme.expandedWidth || '52px',
+            collapsedWidth: toggleButtonTheme.collapsedWidth || '100%',
+        };
+        // Helper function for consistent top position formatting
+        const getMenuTopPosition = (isSticky, topValue) => {
+            if (!isSticky)
+                return 'auto';
+            if (typeof topValue === 'string')
+                return topValue;
+            if (typeof topValue === 'number')
+                return `${topValue}px`;
+            return '0px'; // fallback for undefined/null/complex types
+        };
+        return {
+            menuWidth: conditions.isMenuExpanded ? width : collapsedWidth,
+            toggleArrowDirection: conditions.isMenuExpanded ? 'Left' : 'Right',
+            toggleButtonJustification: conditions.isMenuExpanded ? 'flex-end' : 'center',
+            toggleButtonVariant: styles.toggleButton?.variant || (conditions.isDark ? 'tertiaryLight' : 'tertiaryDark'),
+            toggleAriaLabel: conditions.isMenuExpanded ? 'Collapse menu' : 'Expand menu',
+            toggleButtonPadding: toggleConfig.basePadding,
+            toggleButtonVerticalPadding: conditions.isMenuExpanded
+                ? toggleConfig.basePadding * toggleConfig.expandedPaddingMultiplier
+                : toggleConfig.basePadding,
+            toggleButtonHeight: toggleConfig.baseHeight,
+            toggleButtonWidth: conditions.isMenuExpanded ? toggleConfig.expandedWidth : toggleConfig.collapsedWidth,
+            menuPosition: conditions.isMenuSticky ? 'sticky' : 'static',
+            menuTopPosition: getMenuTopPosition(conditions.isMenuSticky, top),
+        };
+    }, [conditions, width, top, styles, size]);
+    // Memoized icon name
+    const toggleIcon = useMemo(() => `falArrow${computedValues.toggleArrowDirection}`, [computedValues.toggleArrowDirection]);
+    // Stable callback for toggle (simplified)
+    const handleToggle = useCallback(() => {
+        const newExpandedState = !conditions.isMenuExpanded;
+        // Check if expansion should be allowed via callback
+        if (shouldExpand && !shouldExpand('toggle', conditions.isMenuExpanded)) {
+            return; // Block the toggle
+        }
+        // Update state via context
+        setIsExpanded?.(newExpandedState);
+    }, [conditions.isMenuExpanded, shouldExpand, setIsExpanded]);
+    // Stable callback for item click - with expansion control
+    const handleItemClick = useCallback((item) => {
+        // Early return for clarity
+        if (shouldExpand && item?.path) {
+            const shouldExpandOnNav = shouldExpand('navigation', conditions.isMenuExpanded);
+            if (typeof shouldExpandOnNav === 'boolean' && shouldExpandOnNav !== conditions.isMenuExpanded) {
+                setIsExpanded?.(shouldExpandOnNav);
+            }
+        }
+        // Call item click handler
+        item?.onClick?.();
+        // Navigate if path exists
+        if (item?.path)
+            onNavigate?.(item.path);
+    }, [onNavigate, shouldExpand, conditions.isMenuExpanded, setIsExpanded]);
+    // Create stable item click handlers
+    const itemClickHandlers = useMemo(() => {
+        return (items ?? []).reduce((handlers, item, index) => {
+            const itemId = item.itemId || item.path || generateMenuItemId(item.title, item.level || 0) || `item-${index}`;
+            handlers[itemId] = () => handleItemClick(item);
+            return handlers;
+        }, {});
+    }, [items, handleItemClick]);
+    // Memoized items rendering
+    const renderedItems = useMemo(() => {
+        if (!conditions.shouldShowItems)
+            return children;
+        return items?.map?.((item, index) => {
+            // Use consistent itemId generation that matches the component's logic
+            const itemId = item.itemId || item.path || generateMenuItemId(item.title, item.level || 0) || `item-${index}`;
+            // Use explicit isActive prop if provided, otherwise calculate from path
+            const calculatedIsActive = item.isActive !== undefined ? item.isActive : isActivePath(item?.path || '');
+            return (_jsx(SidemenuItemV2, { isActive: calculatedIsActive, onBottom: item.onBottom, itemId: itemId, level: item.level || 0, ...item, onClick: itemClickHandlers[itemId] }, itemId));
+        });
+    }, [conditions.shouldShowItems, conditions.isMenuExpanded, items, children, itemClickHandlers]);
+    // Memoized CSS class names
+    const cssClasses = useMemo(() => cs('vui-sidemenu', `vui-sidemenu--${variant}`, conditions.isMenuExpanded && 'vui-sidemenu--expanded', !conditions.isMenuExpanded && 'vui-sidemenu--collapsed', conditions.isDark && 'vui-sidemenu--dark', conditions.isMenuSticky && 'vui-sidemenu--sticky', className), [variant, conditions, className]);
+    // Memoized container props
+    const containerProps = useMemo(() => ({
+        className: cssClasses,
+        flexDirection: 'column',
+        overflowX: 'hidden',
+        position: computedValues.menuPosition,
+        ref,
+        top: computedValues.menuTopPosition,
+        transitionDuration: 'normal',
+        transitionProperty: 'width',
+        w: computedValues.menuWidth,
+        ...styles.container,
+        ...rest,
+    }), [
+        cssClasses,
+        computedValues.menuPosition,
+        computedValues.menuTopPosition,
+        computedValues.menuWidth,
+        ref,
+        styles.container,
+        rest,
+    ]);
+    // Memoized toggle button props with complete dependencies
+    const toggleButtonProps = useMemo(() => ({
+        'aria-expanded': conditions.isMenuExpanded,
+        'aria-label': computedValues.toggleAriaLabel,
+        border: 0,
+        borderRadius: 0,
+        justifyContent: computedValues.toggleButtonJustification,
+        minHeight: `${computedValues.toggleButtonHeight}px`,
+        minWidth: 0,
+        onClick: handleToggle,
+        px: computedValues.toggleButtonPadding,
+        py: `${computedValues.toggleButtonVerticalPadding}px`,
+        size: 'lg',
+        variant: computedValues.toggleButtonVariant,
+        w: computedValues.toggleButtonWidth,
+        flexShrink: 0,
+        transition: styles.toggleButton?.transition || 'padding 0.2s ease-in-out, width 0.2s ease-in-out',
+    }), [
+        computedValues.toggleAriaLabel,
+        computedValues.toggleButtonJustification,
+        computedValues.toggleButtonVariant,
+        computedValues.toggleButtonPadding,
+        computedValues.toggleButtonVerticalPadding,
+        computedValues.toggleButtonHeight,
+        computedValues.toggleButtonWidth,
+        conditions.isMenuExpanded,
+        handleToggle,
+        styles.toggleButton,
+    ]);
+    return (_jsxs(Box, { elevation: "3", ...containerProps, children: [_jsx(Box, { className: "vui-sidemenu-content", flexDirection: "column", flexGrow: 1, justifyContent: "flex-start", minW: expandedWidth, overflowX: "hidden", overflowY: "auto", w: "100%", role: "navigation", "aria-label": "Main navigation", children: renderedItems }), _jsx(Box, { className: "vui-sidemenu-bottom", justifyContent: conditions.isMenuExpanded ? 'flex-end' : 'flex-start', borderTop: "1px solid sandstone.main", children: _createElement(Button, { ...toggleButtonProps, key: 'sidemenu-toggle-button' },
+                    _jsx(Icon, { name: toggleIcon, size: "sm", "aria-hidden": "true" })) })] }));
+});
+SidemenuV2.Item = SidemenuItemV2;
+SidemenuV2.displayName = 'SidemenuV2';
+export default SidemenuV2;
+//# sourceMappingURL=sidemenuV2.js.map

package/dist/esm/sidemenuV2/sidemenuV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidemenuV2.js","sourceRoot":"","sources":["../../../src/sidemenuV2/sidemenuV2.tsx"],"names":[],"mappings":"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"}

package/dist/esm/sidemenuV2/sidemenuV2.types.d.ts

@@ -0,0 +1,311 @@
+import type { ReactNode, ComponentProps } from 'react';
+import type { BadgeProps } from '../badge/badge.types';
+import type { BoxProps } from '../box';
+import type { IconProp } from '../icon';
+import type { SystemProps } from '../system';
+import type { ThemingProps } from '../theme';
+export type SidemenuOrientationV2 = 'vertical' | 'horizontal';
+export type SidemenuSizeV2 = 'md';
+export type SidemenuVariantV2 = 'default' | 'dark' | 'light';
+export type SidemenuCollapseModeV2 = 'auto' | 'manual' | 'responsive';
+export type SidemenuV2Props = SystemProps & ThemingProps<'Sidemenu'> & {
+    /** Collection of menu items */
+    items?: SidemenuItemV2Props[];
+    /** Initial expansion state (uncontrolled) @default true */
+    isExpandedInitial?: boolean;
+    /** Callback to control when expansion should be allowed */
+    shouldExpand?: (trigger: 'toggle' | 'navigation', currentState: boolean) => boolean;
+    /** Whether the menu is sticky @default false */
+    isSticky?: boolean;
+    /** External callback for navigation to the item path, could be a custom function or React Router hook: https://reactrouter.com/en/main/hooks/use-navigate */
+    onNavigate?: (to: string, item?: SidemenuItemV2Props) => void;
+    /** Custom navigation component for different routing libraries */
+    NavigationComponent?: React.ComponentType<{
+        to: string;
+        children: ReactNode;
+    }>;
+    /** Width of the container when the side menu is expanded @default 280 */
+    width?: number;
+    /** Width of the container when collapsed @default 64 */
+    collapsedWidth?: number;
+    /** Sidemenu orientation @default 'vertical' */
+    orientation?: SidemenuOrientationV2;
+    /** Sidemenu size variant @default 'md' */
+    size?: SidemenuSizeV2;
+    /** Sidemenu visual variant @default 'default' */
+    variant?: SidemenuVariantV2;
+    /** Collapse behavior @default 'manual' */
+    collapseMode?: SidemenuCollapseModeV2;
+    /** Breakpoint for responsive collapse */
+    collapseBreakpoint?: string;
+    /** Custom header content */
+    header?: ReactNode;
+    /** Custom footer content */
+    footer?: ReactNode;
+    /** Show tooltips on collapsed items @default true */
+    showTooltips?: boolean;
+    /** Allow multiple expanded groups @default false */
+    allowMultipleExpanded?: boolean;
+    /** Callback when expansion state changes */
+    onExpandedChange?: (isExpanded: boolean) => void;
+    /** Callback when an item is selected */
+    onItemSelect?: (item: SidemenuItemV2Props) => void;
+    /** ARIA label for the sidemenu */
+    'aria-label'?: string;
+    /** ARIA labelledby for the sidemenu */
+    'aria-labelledby'?: string;
+    /** Test ID for automated testing */
+    'data-testid'?: string;
+    /** Enable keyboard navigation @default true */
+    enableKeyboardNavigation?: boolean;
+    /** Auto-collapse siblings when expanding @default false */
+    autoCollapseSiblings?: boolean;
+    /** Loading state @default false */
+    isLoading?: boolean;
+    /** Error state */
+    error?: string | ReactNode;
+    /** Empty state content */
+    emptyContent?: ReactNode;
+    /** Animation duration in milliseconds @default 250 */
+    animationDuration?: number;
+    /** Disable animations @default false */
+    disableAnimation?: boolean;
+};
+export type SidemenuItemBadgeV2Props = {
+    /** Badge content */
+    content?: string | number;
+    /** Badge variant @default 'default' */
+    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    /** Show badge as dot @default false */
+    isDot?: boolean;
+    /** Maximum count to display @default 99 */
+    maxCount?: number;
+};
+export type SidemenuItemV2Props = BoxProps & {
+    /** Custom class name */
+    className?: string;
+    /** Children (submenu items) */
+    children?: ReactNode;
+    /** Icon name or component */
+    icon?: IconProp;
+    /** Icon size @default 'md' */
+    iconSize?: 'md' | 'sm' | 'lg';
+    /** Whether the item is active */
+    isActive?: boolean;
+    /** Whether the item is expanded vertically */
+    isExpanded?: boolean;
+    /** Unique identifier for submenu state management */
+    itemId?: string;
+    /** Whether the item is disabled @default false */
+    disabled?: boolean;
+    /** Whether the item is loading @default false */
+    isLoading?: boolean;
+    /** On click callback */
+    onClick?: (item?: SidemenuItemV2Props) => void;
+    /** On collapse callback */
+    onCollapse?: (item?: SidemenuItemV2Props) => void;
+    /** On expand callback */
+    onExpand?: (item?: SidemenuItemV2Props) => void;
+    /** Router path */
+    path?: string;
+    /** Display title */
+    title: string;
+    /** Subtitle or description */
+    subtitle?: string;
+    /** Tooltip content (shown when collapsed) */
+    tooltip?: string | ReactNode;
+    /** Badge configuration */
+    badge?: Pick<BadgeProps, 'text' | 'variant'>;
+    badgeLinkUrl?: string;
+    /** Keyboard shortcut display */
+    shortcut?: string;
+    /** Item visibility @default true */
+    visible?: boolean;
+    /** Item priority for sorting @default 0 */
+    priority?: number;
+    /** Nesting level (auto-calculated if not provided) */
+    level?: number;
+    /** External link indicator @default false */
+    isExternal?: boolean;
+    /** Target for external links @default '_blank' */
+    target?: string;
+    /** Whether item is new (shows indicator) @default false */
+    isNew?: boolean;
+    /** Whether item is beta (shows indicator) @default false */
+    isBeta?: boolean;
+    /** Custom status text */
+    status?: string;
+    /** Item category for grouping */
+    category?: string;
+    /** ARIA label override */
+    'aria-label'?: string;
+    /** ARIA description */
+    'aria-describedby'?: string;
+    /** Test ID for this specific item */
+    'data-testid'?: string;
+    /** Custom component to render as */
+    as?: React.ElementType;
+    /** Before icon slot */
+    beforeIcon?: ReactNode;
+    /** After icon slot */
+    afterIcon?: ReactNode;
+    /** Custom metadata */
+    meta?: Record<string, any>;
+    /** Whether item is positioned at bottom @default false */
+    onBottom?: boolean;
+};
+export type SidemenuTopV2Props = BoxProps & {
+    /** Custom class name */
+    className?: string;
+    /** Left slot (always visible) */
+    leftSlot?: ReactNode;
+    /** Right slot (hidden when collapsed) */
+    rightSlot?: ReactNode;
+    /** Center slot for title/branding */
+    centerSlot?: ReactNode;
+    /** Whether to show collapse toggle @default true */
+    showCollapseToggle?: boolean;
+    /** Custom collapse toggle component */
+    CollapseToggle?: React.ComponentType<{
+        isExpanded: boolean;
+        onClick: () => void;
+        disabled?: boolean;
+    }>;
+    /** Collapse toggle position @default 'right' */
+    collapseTogglePosition?: 'left' | 'right' | 'center';
+    /** Top section height @default 'auto' */
+    height?: string | number;
+    /** Sticky behavior @default false */
+    isSticky?: boolean;
+    /** Background variant */
+    background?: 'transparent' | 'default' | 'brand';
+    /** Border configuration */
+    border?: 'none' | 'bottom' | 'full';
+    /** Custom actions */
+    actions?: ReactNode;
+    /** Test ID */
+    'data-testid'?: string;
+    /** Disabled state @default false */
+    disabled?: boolean;
+    /** Loading state @default false */
+    isLoading?: boolean;
+    /** Error state */
+    error?: string | ReactNode;
+};
+export type SidemenuGroupV2Props = {
+    /** Group title */
+    title?: string;
+    /** Group items */
+    items: SidemenuItemV2Props[];
+    /** Whether group is collapsible @default true */
+    collapsible?: boolean;
+    /** Whether group is expanded by default @default true */
+    defaultExpanded?: boolean;
+    /** Group icon */
+    icon?: IconProp;
+    /** Group priority for ordering @default 0 */
+    priority?: number;
+    /** Group visibility @default true */
+    visible?: boolean;
+    /** Group category */
+    category?: string;
+    /** Divider after group @default false */
+    showDivider?: boolean;
+    /** Custom group header renderer */
+    renderHeader?: (props: SidemenuGroupV2Props) => ReactNode;
+    /** Test ID for group */
+    'data-testid'?: string;
+};
+export type SidemenuContextV2Value = {
+    /** Current expansion state */
+    isExpanded: boolean;
+    /** Toggle expansion */
+    toggleExpanded: () => void;
+    /** Current size */
+    size: SidemenuSizeV2;
+    /** Current variant */
+    variant: SidemenuVariantV2;
+    /** Navigation function */
+    navigate: (to: string, item?: SidemenuItemV2Props) => void;
+    /** Active item path */
+    activePath?: string;
+    /** Set active item */
+    setActivePath: (path: string) => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Theme context */
+    isDark?: boolean;
+    /** Width values */
+    width: number;
+    collapsedWidth: number;
+    /** Animation settings */
+    animationDuration: number;
+    disableAnimation: boolean;
+};
+export type UseSidemenuV2Return = {
+    /** Expansion state */
+    isExpanded: boolean;
+    /** Toggle function */
+    toggle: () => void;
+    /** Expand function */
+    expand: () => void;
+    /** Collapse function */
+    collapse: () => void;
+    /** Navigation function */
+    navigate: (to: string) => void;
+    /** Active item */
+    activeItem?: SidemenuItemV2Props;
+    /** Set active item */
+    setActiveItem: (item: SidemenuItemV2Props) => void;
+    /** Context value */
+    contextValue: SidemenuContextV2Value;
+};
+export type UseSidemenuItemV2Return = {
+    /** Item expansion state */
+    isExpandedVertically: boolean;
+    /** Toggle vertical expansion */
+    setIsExpandedVertically: (expanded: boolean) => void;
+    /** Theme detection */
+    isDark: boolean;
+    /** Size from context */
+    size: SidemenuSizeV2;
+    /** Horizontal expansion from sidemenu */
+    isExpandedHorizontally: boolean;
+    /** Computed styles */
+    styles: Record<string, any>;
+    /** Item ref */
+    itemRef: React.RefObject<HTMLElement>;
+    /** Focus management */
+    focus: () => void;
+    /** Blur management */
+    blur: () => void;
+    /** Active state */
+    isActive: boolean;
+    /** Disabled state */
+    disabled: boolean;
+};
+export type SidemenuItemClickEventV2 = {
+    item: SidemenuItemV2Props;
+    path?: string;
+    preventDefault: () => void;
+    isDefaultPrevented: boolean;
+};
+export type SidemenuExpandEventV2 = {
+    isExpanded: boolean;
+    width: number;
+    duration: number;
+};
+export type SidemenuItemWithChildrenV2 = SidemenuItemV2Props & {
+    children: SidemenuItemV2Props[];
+};
+export type SidemenuFlatItemV2 = SidemenuItemV2Props & {
+    level: number;
+    parentPath?: string;
+    fullPath: string;
+};
+export type SidemenuComponentV2Props = ComponentProps<'nav'> & SidemenuV2Props;
+export type SidemenuItemComponentV2Props = ComponentProps<'button'> & SidemenuItemV2Props;
+export type SidemenuTopComponentV2Props = ComponentProps<'div'> & SidemenuTopV2Props;
+//# sourceMappingURL=sidemenuV2.types.d.ts.map

package/dist/esm/sidemenuV2/sidemenuV2.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidemenuV2.types.d.ts","sourceRoot":"","sources":["../../../src/sidemenuV2/sidemenuV2.types.ts"],"names":[],"mappings":"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"}

package/dist/esm/sidemenuV2/sidemenuV2.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sidemenuV2.types.js.map

package/dist/esm/sidemenuV2/sidemenuV2.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidemenuV2.types.js","sourceRoot":"","sources":["../../../src/sidemenuV2/sidemenuV2.types.ts"],"names":[],"mappings":""}

package/dist/esm/sidemenuV2/theme.d.ts

@@ -0,0 +1,111 @@
+declare const _default: {
+    baseStyle: {
+        container: {
+            display: string;
+            flexDirection: string;
+            overflow: string;
+            transition: string;
+        };
+        content: {
+            flex: number;
+            overflowY: string;
+            overflowX: string;
+        };
+        bottom: {
+            flexShrink: number;
+            borderTop: string;
+            display: string;
+            alignItems: string;
+        };
+        item: {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            flexDirection: string;
+            w: string;
+            border: string;
+            cursor: string;
+            transition: string;
+            textDecoration: string;
+            outline: string;
+            px: number;
+            borderLeft: string;
+        };
+        sidemenuTop: {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            minHeight: string;
+        };
+        toggleButton: {
+            baseHeight: number;
+            basePadding: number;
+            expandedPaddingMultiplier: number;
+            collapsedWidth: string;
+            expandedWidth: string;
+            transition: string;
+        };
+    };
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+    parts: string[];
+    sizes: {
+        sm: {
+            toggleButton: {
+                baseHeight: number;
+                basePadding: number;
+            };
+        };
+        md: {
+            toggleButton: {
+                baseHeight: number;
+                basePadding: number;
+            };
+        };
+        lg: {
+            toggleButton: {
+                baseHeight: number;
+                basePadding: number;
+            };
+        };
+    };
+    variants: {
+        light: {
+            container: {
+                bg: string;
+            };
+            toggleButton: {
+                variant: string;
+                hoverBg: string;
+            };
+            item: {
+                color: string;
+            };
+        };
+        dark: {
+            container: {
+                bg: string;
+                color: string;
+                boxShadow: string;
+            };
+            bottom: {
+                borderTopColor: string;
+            };
+            sidemenuTop: {
+                borderBottom: string;
+                bg: string;
+            };
+            toggleButton: {
+                variant: string;
+            };
+            item: {
+                color: string;
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/dist/esm/sidemenuV2/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/sidemenuV2/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmHA,wBAMC"}