@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/sidemenuV2/sidemenuV2.js

@@ -1,2 +1,236 @@
-import{generateMenuItemId as e}from"../utils/string.js";import{cs as t}from"../utils/styles.js";import{isActivePath as n}from"../utils/window.js";import{useStyleConfig as r}from"../core/theme.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import o from"../icon/icon.js";import s from"../button/button.js";import{collapsedWidth as c,expandedWidth as l}from"./consts.js";import{SidemenuStateProvider as u,useSidemenuContext as d}from"./context.js";import f from"./sidemenuItemV2.js";import p from"./sidemenuTopV2.js";import{createElement as m,useCallback as h,useMemo as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";const y=i((e,t)=>{let{isExpandedInitial:n=!0,onExpandedChange:r,size:i,variant:a=`light`,children:o,className:s,items:c,shouldExpand:l,isSticky:d,width:f,top:p,onNavigate:m,...h}=e;return _(u,{isExpandedInitial:n,onExpandedChange:r,variant:a,size:i,isDark:a===`dark`,children:_(b,{ref:t,children:o,className:s,items:c,shouldExpand:l,isSticky:d,size:i,variant:a,width:f,top:p,onNavigate:m,...h})})}),b=i((i,u)=>{let{children:p,className:y,items:b,shouldExpand:x,isSticky:S=!1,size:C,variant:w=`light`,width:T=l,top:E,onNavigate:D,...O}=i,{isMenuExpanded:k=!1,setIsExpanded:A}=d()||{},j=r(`SidemenuV2`,i),M=g(()=>({isDark:w===`dark`,hasItems:!!b,shouldShowItems:!!b&&b.length>0,isMenuSticky:S,isMenuExpanded:k}),[w,b,S,k]),N=g(()=>{let e=j.toggleButton||{},t=C||`md`,n=(j.sizes?.[t]||{}).toggleButton||{},r={baseHeight:n.baseHeight||e.baseHeight||52,basePadding:n.basePadding||e.basePadding||2,expandedPaddingMultiplier:e.expandedPaddingMultiplier||5,expandedWidth:e.expandedWidth||`52px`,collapsedWidth:e.collapsedWidth||`100%`};return{menuWidth:M.isMenuExpanded?T:c,toggleArrowDirection:M.isMenuExpanded?`Left`:`Right`,toggleButtonJustification:M.isMenuExpanded?`flex-end`:`center`,toggleButtonVariant:j.toggleButton?.variant||(M.isDark?`tertiaryLight`:`tertiaryDark`),toggleAriaLabel:M.isMenuExpanded?`Collapse menu`:`Expand menu`,toggleButtonPadding:r.basePadding,toggleButtonVerticalPadding:M.isMenuExpanded?r.basePadding*r.expandedPaddingMultiplier:r.basePadding,toggleButtonHeight:r.baseHeight,toggleButtonWidth:M.isMenuExpanded?r.expandedWidth:r.collapsedWidth,menuPosition:M.isMenuSticky?`sticky`:`static`,menuTopPosition:((e,t)=>e?typeof t==`string`?t:typeof t==`number`?`${t}px`:`0px`:`auto`)(M.isMenuSticky,E)}},[M,T,E,j,C]),P=g(()=>`falArrow${N.toggleArrowDirection}`,[N.toggleArrowDirection]),F=h(()=>{let e=!M.isMenuExpanded;x&&!x(`toggle`,M.isMenuExpanded)||A?.(e)},[M.isMenuExpanded,x,A]),I=h(e=>{if(x&&e?.path){let e=x(`navigation`,M.isMenuExpanded);typeof e==`boolean`&&e!==M.isMenuExpanded&&A?.(e)}e?.onClick?.(),e?.path&&D?.(e.path)},[D,x,M.isMenuExpanded,A]),L=g(()=>(b??[]).reduce((t,n,r)=>{let i=n.itemId||n.path||e(n.title,n.level||0)||`item-${r}`;return t[i]=()=>I(n),t},{}),[b,I]),R=g(()=>M.shouldShowItems?b?.map?.((t,r)=>{let i=t.itemId||t.path||e(t.title,t.level||0)||`item-${r}`;return _(f,{isActive:t.isActive===void 0?n(t?.path||``):t.isActive,onBottom:t.onBottom,itemId:i,level:t.level||0,...t,onClick:L[i]},i)}):p,[M.shouldShowItems,M.isMenuExpanded,b,p,L]),z=g(()=>t(`vui-sidemenu`,`vui-sidemenu--${w}`,M.isMenuExpanded&&`vui-sidemenu--expanded`,!M.isMenuExpanded&&`vui-sidemenu--collapsed`,M.isDark&&`vui-sidemenu--dark`,M.isMenuSticky&&`vui-sidemenu--sticky`,y),[w,M,y]),B=g(()=>({className:z,flexDirection:`column`,overflowX:`hidden`,position:N.menuPosition,ref:u,top:N.menuTopPosition,transitionDuration:`normal`,transitionProperty:`width`,w:N.menuWidth,...j.container,...O}),[z,N.menuPosition,N.menuTopPosition,N.menuWidth,u,j.container,O]),V=g(()=>({"aria-expanded":M.isMenuExpanded,"aria-label":N.toggleAriaLabel,border:0,borderRadius:0,justifyContent:N.toggleButtonJustification,minHeight:`${N.toggleButtonHeight}px`,minWidth:0,onClick:F,px:N.toggleButtonPadding,py:`${N.toggleButtonVerticalPadding}px`,size:`lg`,variant:N.toggleButtonVariant,w:N.toggleButtonWidth,flexShrink:0,transition:j.toggleButton?.transition||`padding 0.2s ease-in-out, width 0.2s ease-in-out`}),[N.toggleAriaLabel,N.toggleButtonJustification,N.toggleButtonVariant,N.toggleButtonPadding,N.toggleButtonVerticalPadding,N.toggleButtonHeight,N.toggleButtonWidth,M.isMenuExpanded,F,j.toggleButton]);return v(a,{elevation:`1`,...B,children:[_(a,{className:`vui-sidemenu-content`,flexDirection:`column`,flexGrow:1,justifyContent:`flex-start`,minW:l,overflowX:`hidden`,overflowY:`auto`,w:`100%`,role:`navigation`,"aria-label":`Main navigation`,children:R}),_(a,{className:`vui-sidemenu-bottom`,justifyContent:M.isMenuExpanded?`flex-end`:`flex-start`,borderTop:`1px solid sandstone.main`,children:m(s,{...V,key:`sidemenu-toggle-button`},_(o,{name:P,size:`sm`,"aria-hidden":`true`}))})]})});y.Item=f,y.Top=p,y.displayName=`SidemenuV2`;export{y as SidemenuV2};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { generateMenuItemId } from "../utils/string.js";
+import { cs } from "../utils/styles.js";
+import { isActivePath } from "../utils/window.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import icon_default from "../icon/icon.js";
+import button_default from "../button/button.js";
+import { collapsedWidth, expandedWidth } from "./consts.js";
+import { SidemenuStateProvider, useSidemenuContext } from "./context.js";
+import sidemenuItemV2_default from "./sidemenuItemV2.js";
+import sidemenuTopV2_default from "./sidemenuTopV2.js";
+import { createElement, useCallback, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/sidemenuV2/sidemenuV2.tsx
+/** A collapsible side menu for navigation. */
+const SidemenuV2 = vui((props, ref) => {
+	const { isExpandedInitial = true, onExpandedChange, size, variant = "light", children, className, items, shouldExpand, isSticky, width, top, onNavigate,...restProps } = props;
+	return /* @__PURE__ */ jsx(SidemenuStateProvider, {
+		isExpandedInitial,
+		onExpandedChange,
+		variant,
+		size,
+		isDark: variant === "dark",
+		children: /* @__PURE__ */ jsx(SidemenuInner, {
+			ref,
+			children,
+			className,
+			items,
+			shouldExpand,
+			isSticky,
+			size,
+			variant,
+			width,
+			top,
+			onNavigate,
+			...restProps
+		})
+	});
+});
+const SidemenuInner = vui((props, ref) => {
+	const { children, className, items, shouldExpand, isSticky = false, size, variant = "light", width = expandedWidth, top, onNavigate,...rest } = props;
+	const { isMenuExpanded = false, setIsExpanded } = useSidemenuContext() || {};
+	const styles = useStyleConfig("SidemenuV2", props);
+	const conditions = useMemo(() => ({
+		isDark: variant === "dark",
+		hasItems: !!items,
+		shouldShowItems: !!items && items.length > 0,
+		isMenuSticky: isSticky,
+		isMenuExpanded
+	}), [
+		variant,
+		items,
+		isSticky,
+		isMenuExpanded
+	]);
+	const computedValues = useMemo(() => {
+		const toggleButtonTheme = styles.toggleButton || {};
+		const currentSize = size || "md";
+		const toggleButtonSizeTheme = (styles.sizes?.[currentSize] || {}).toggleButton || {};
+		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%"
+		};
+		const getMenuTopPosition = (isSticky$1, topValue) => {
+			if (!isSticky$1) return "auto";
+			if (typeof topValue === "string") return topValue;
+			if (typeof topValue === "number") return `${topValue}px`;
+			return "0px";
+		};
+		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
+	]);
+	const toggleIcon = useMemo(() => `falArrow${computedValues.toggleArrowDirection}`, [computedValues.toggleArrowDirection]);
+	const handleToggle = useCallback(() => {
+		const newExpandedState = !conditions.isMenuExpanded;
+		if (shouldExpand && !shouldExpand("toggle", conditions.isMenuExpanded)) return;
+		setIsExpanded?.(newExpandedState);
+	}, [
+		conditions.isMenuExpanded,
+		shouldExpand,
+		setIsExpanded
+	]);
+	const handleItemClick = useCallback((item) => {
+		if (shouldExpand && item?.path) {
+			const shouldExpandOnNav = shouldExpand("navigation", conditions.isMenuExpanded);
+			if (typeof shouldExpandOnNav === "boolean" && shouldExpandOnNav !== conditions.isMenuExpanded) setIsExpanded?.(shouldExpandOnNav);
+		}
+		item?.onClick?.();
+		if (item?.path) onNavigate?.(item.path);
+	}, [
+		onNavigate,
+		shouldExpand,
+		conditions.isMenuExpanded,
+		setIsExpanded
+	]);
+	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]);
+	const renderedItems = useMemo(() => {
+		if (!conditions.shouldShowItems) return children;
+		return items?.map?.((item, index) => {
+			const itemId = item.itemId || item.path || generateMenuItemId(item.title, item.level || 0) || `item-${index}`;
+			return /* @__PURE__ */ jsx(sidemenuItemV2_default, {
+				isActive: item.isActive !== void 0 ? item.isActive : isActivePath(item?.path || ""),
+				onBottom: item.onBottom,
+				itemId,
+				level: item.level || 0,
+				...item,
+				onClick: itemClickHandlers[itemId]
+			}, itemId);
+		});
+	}, [
+		conditions.shouldShowItems,
+		conditions.isMenuExpanded,
+		items,
+		children,
+		itemClickHandlers
+	]);
+	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
+	]);
+	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
+	]);
+	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 /* @__PURE__ */ jsxs(box_default, {
+		elevation: "1",
+		...containerProps,
+		children: [/* @__PURE__ */ jsx(box_default, {
+			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
+		}), /* @__PURE__ */ jsx(box_default, {
+			className: "vui-sidemenu-bottom",
+			justifyContent: conditions.isMenuExpanded ? "flex-end" : "flex-start",
+			borderTop: "1px solid sandstone.main",
+			children: /* @__PURE__ */ createElement(button_default, {
+				...toggleButtonProps,
+				key: "sidemenu-toggle-button"
+			}, /* @__PURE__ */ jsx(icon_default, {
+				name: toggleIcon,
+				size: "sm",
+				"aria-hidden": "true"
+			}))
+		})]
+	});
+});
+SidemenuV2.Item = sidemenuItemV2_default;
+SidemenuV2.Top = sidemenuTopV2_default;
+SidemenuV2.displayName = "SidemenuV2";
+
+//#endregion
+export { SidemenuV2 };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=sidemenuV2.js.map

package/dist/sidemenuV2/sidemenuV2.js.map

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

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

@@ -1,7 +1,10 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 import { IconProp } from "../icon/icon.types.js";
+import "../icon/index.js";
 import { BadgeProps } from "../badge/badge.types.js";
 import { ComponentProps, ReactNode } from "react";
 

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

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

package/dist/sidemenuV2/theme.js

@@ -1,2 +1,111 @@
-var e={baseStyle:{container:{display:`flex`,flexDirection:`column`,overflow:`hidden`,transition:`width 0.2s ease-in-out`},content:{flex:1,overflowY:`auto`,overflowX:`hidden`},bottom:{flexShrink:0,borderTop:`1px solid transparent`,display:`flex`,alignItems:`center`},item:{display:`flex`,alignItems:`center`,justifyContent:`flex-start`,flexDirection:`row`,w:`100%`,border:`none`,cursor:`pointer`,transition:`all 0.2s cubic-bezier(0.4, 0, 0.2, 1)`,textDecoration:`none`,outline:`none`,px:0,borderLeft:`3px solid transparent`},sidemenuTop:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,padding:`12px 16px`,minHeight:`64px`},toggleButton:{baseHeight:52,basePadding:2,expandedPaddingMultiplier:5,collapsedWidth:`100%`,expandedWidth:`52px`,transition:`padding 0.2s ease-in-out, width 0.2s ease-in-out`}},defaultProps:{size:`md`,variant:`light`},parts:[`container`,`content`,`bottom`,`toggleButton`,`item`,`sidemenuTop`],sizes:{sm:{toggleButton:{baseHeight:44,basePadding:1.5}},md:{toggleButton:{baseHeight:52,basePadding:2}},lg:{toggleButton:{baseHeight:60,basePadding:2.5}}},variants:{light:{container:{bg:`white`},toggleButton:{variant:`tertiaryDark`,hoverBg:`sandstone.95`},item:{color:`darkBlue.main`}},dark:{container:{bg:`darkBlue.main`,color:`white`,boxShadow:`2px 0 4px rgba(0, 0, 0, 0.3)`},bottom:{borderTopColor:`rgba(255, 255, 255, 0.1)`},sidemenuTop:{borderBottom:`1px solid rgba(255, 255, 255, 0.1)`,bg:`darkBlue.main`},toggleButton:{variant:`tertiaryLight`},item:{color:`white`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/sidemenuV2/theme.ts
+const baseStyle = {
+	container: {
+		display: "flex",
+		flexDirection: "column",
+		overflow: "hidden",
+		transition: "width 0.2s ease-in-out"
+	},
+	content: {
+		flex: 1,
+		overflowY: "auto",
+		overflowX: "hidden"
+	},
+	bottom: {
+		flexShrink: 0,
+		borderTop: `1px solid transparent`,
+		display: "flex",
+		alignItems: "center"
+	},
+	item: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "flex-start",
+		flexDirection: "row",
+		w: "100%",
+		border: "none",
+		cursor: "pointer",
+		transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
+		textDecoration: "none",
+		outline: "none",
+		px: 0,
+		borderLeft: "3px solid transparent"
+	},
+	sidemenuTop: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		padding: "12px 16px",
+		minHeight: "64px"
+	},
+	toggleButton: {
+		baseHeight: 52,
+		basePadding: 2,
+		expandedPaddingMultiplier: 5,
+		collapsedWidth: "100%",
+		expandedWidth: "52px",
+		transition: "padding 0.2s ease-in-out, width 0.2s ease-in-out"
+	}
+};
+const defaultProps = {
+	size: "md",
+	variant: "light"
+};
+const parts = [
+	"container",
+	"content",
+	"bottom",
+	"toggleButton",
+	"item",
+	"sidemenuTop"
+];
+const sizes = {
+	sm: { toggleButton: {
+		baseHeight: 44,
+		basePadding: 1.5
+	} },
+	md: { toggleButton: {
+		baseHeight: 52,
+		basePadding: 2
+	} },
+	lg: { toggleButton: {
+		baseHeight: 60,
+		basePadding: 2.5
+	} }
+};
+const variants = {
+	light: {
+		container: { bg: "white" },
+		toggleButton: {
+			variant: "tertiaryDark",
+			hoverBg: "sandstone.95"
+		},
+		item: { color: "darkBlue.main" }
+	},
+	dark: {
+		container: {
+			bg: "darkBlue.main",
+			color: "white",
+			boxShadow: "2px 0 4px rgba(0, 0, 0, 0.3)"
+		},
+		bottom: { borderTopColor: "rgba(255, 255, 255, 0.1)" },
+		sidemenuTop: {
+			borderBottom: "1px solid rgba(255, 255, 255, 0.1)",
+			bg: "darkBlue.main"
+		},
+		toggleButton: { variant: "tertiaryLight" },
+		item: { color: "white" }
+	}
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/sidemenuV2/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/sidemenuV2/theme.ts"],"sourcesContent":["const baseStyle = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    transition: 'width 0.2s ease-in-out',\n  },\n  content: {\n    flex: 1,\n    overflowY: 'auto',\n    overflowX: 'hidden',\n  },\n  bottom: {\n    flexShrink: 0,\n    borderTop: `1px solid transparent`,\n    display: 'flex',\n    alignItems: 'center',\n  },\n  item: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    flexDirection: 'row',\n    w: '100%',\n    border: 'none',\n    cursor: 'pointer',\n    transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',\n    textDecoration: 'none',\n    outline: 'none',\n    px: 0,\n    borderLeft: '3px solid transparent',\n  },\n  sidemenuTop: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '12px 16px',\n    minHeight: '64px',\n  },\n  // Add toggle button configuration\n  toggleButton: {\n    baseHeight: 52,\n    basePadding: 2,\n    expandedPaddingMultiplier: 5,\n    collapsedWidth: '100%',\n    expandedWidth: '52px',\n    transition: 'padding 0.2s ease-in-out, width 0.2s ease-in-out',\n  },\n}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'light',\n}\n\nconst parts = ['container', 'content', 'bottom', 'toggleButton', 'item', 'sidemenuTop']\n\nconst sizes = {\n  sm: {\n    toggleButton: {\n      baseHeight: 44,\n      basePadding: 1.5,\n    },\n  },\n  md: {\n    toggleButton: {\n      baseHeight: 52,\n      basePadding: 2,\n    },\n  },\n  lg: {\n    toggleButton: {\n      baseHeight: 60,\n      basePadding: 2.5,\n    },\n  },\n}\n\nconst variants = {\n  light: {\n    container: {\n      bg: 'white',\n    },\n    toggleButton: {\n      variant: 'tertiaryDark',\n      hoverBg: 'sandstone.95',\n    },\n    item: {\n      color: 'darkBlue.main',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n      boxShadow: '2px 0 4px rgba(0, 0, 0, 0.3)',\n    },\n    bottom: {\n      borderTopColor: 'rgba(255, 255, 255, 0.1)',\n    },\n    sidemenuTop: {\n      borderBottom: '1px solid rgba(255, 255, 255, 0.1)',\n      bg: 'darkBlue.main',\n    },\n    toggleButton: {\n      variant: 'tertiaryLight',\n    },\n    item: {\n      color: 'white',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAiHA,IAAA,EAAe,CACb,UAlHgB,CAChB,UAAW,CACT,QAAS,OACT,cAAe,SACf,SAAU,SACV,WAAY,yBACb,CACD,QAAS,CACP,KAAM,EACN,UAAW,OACX,UAAW,SACZ,CACD,OAAQ,CACN,WAAY,EACZ,UAAW,wBACX,QAAS,OACT,WAAY,SACb,CACD,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,aAChB,cAAe,MACf,EAAG,OACH,OAAQ,OACR,OAAQ,UACR,WAAY,wCACZ,eAAgB,OAChB,QAAS,OACT,GAAI,EACJ,WAAY,wBACb,CACD,YAAa,CACX,QAAS,OACT,WAAY,SACZ,eAAgB,gBAChB,QAAS,YACT,UAAW,OACZ,CAED,aAAc,CACZ,WAAY,GACZ,YAAa,EACb,0BAA2B,EAC3B,eAAgB,OAChB,cAAe,OACf,WAAY,mDACb,CACF,CAmEC,aAjEmB,CACnB,KAAM,KACN,QAAS,QACV,CA+DC,MA7DY,CAAC,YAAa,UAAW,SAAU,eAAgB,OAAQ,cAAc,CA8DrF,MA5DY,CACZ,GAAI,CACF,aAAc,CACZ,WAAY,GACZ,YAAa,IACd,CACF,CACD,GAAI,CACF,aAAc,CACZ,WAAY,GACZ,YAAa,EACd,CACF,CACD,GAAI,CACF,aAAc,CACZ,WAAY,GACZ,YAAa,IACd,CACF,CACF,CA0CC,SAxCe,CACf,MAAO,CACL,UAAW,CACT,GAAI,QACL,CACD,aAAc,CACZ,QAAS,eACT,QAAS,eACV,CACD,KAAM,CACJ,MAAO,gBACR,CACF,CACD,KAAM,CACJ,UAAW,CACT,GAAI,gBACJ,MAAO,QACP,UAAW,+BACZ,CACD,OAAQ,CACN,eAAgB,2BACjB,CACD,YAAa,CACX,aAAc,qCACd,GAAI,gBACL,CACD,aAAc,CACZ,QAAS,gBACV,CACD,KAAM,CACJ,MAAO,QACR,CACF,CACF,CAQA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/sidemenuV2/theme.ts"],"sourcesContent":["const baseStyle = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    transition: 'width 0.2s ease-in-out',\n  },\n  content: {\n    flex: 1,\n    overflowY: 'auto',\n    overflowX: 'hidden',\n  },\n  bottom: {\n    flexShrink: 0,\n    borderTop: `1px solid transparent`,\n    display: 'flex',\n    alignItems: 'center',\n  },\n  item: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    flexDirection: 'row',\n    w: '100%',\n    border: 'none',\n    cursor: 'pointer',\n    transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',\n    textDecoration: 'none',\n    outline: 'none',\n    px: 0,\n    borderLeft: '3px solid transparent',\n  },\n  sidemenuTop: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '12px 16px',\n    minHeight: '64px',\n  },\n  // Add toggle button configuration\n  toggleButton: {\n    baseHeight: 52,\n    basePadding: 2,\n    expandedPaddingMultiplier: 5,\n    collapsedWidth: '100%',\n    expandedWidth: '52px',\n    transition: 'padding 0.2s ease-in-out, width 0.2s ease-in-out',\n  },\n}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'light',\n}\n\nconst parts = ['container', 'content', 'bottom', 'toggleButton', 'item', 'sidemenuTop']\n\nconst sizes = {\n  sm: {\n    toggleButton: {\n      baseHeight: 44,\n      basePadding: 1.5,\n    },\n  },\n  md: {\n    toggleButton: {\n      baseHeight: 52,\n      basePadding: 2,\n    },\n  },\n  lg: {\n    toggleButton: {\n      baseHeight: 60,\n      basePadding: 2.5,\n    },\n  },\n}\n\nconst variants = {\n  light: {\n    container: {\n      bg: 'white',\n    },\n    toggleButton: {\n      variant: 'tertiaryDark',\n      hoverBg: 'sandstone.95',\n    },\n    item: {\n      color: 'darkBlue.main',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n      boxShadow: '2px 0 4px rgba(0, 0, 0, 0.3)',\n    },\n    bottom: {\n      borderTopColor: 'rgba(255, 255, 255, 0.1)',\n    },\n    sidemenuTop: {\n      borderBottom: '1px solid rgba(255, 255, 255, 0.1)',\n      bg: 'darkBlue.main',\n    },\n    toggleButton: {\n      variant: 'tertiaryLight',\n    },\n    item: {\n      color: 'white',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY;CAChB,WAAW;EACT,SAAS;EACT,eAAe;EACf,UAAU;EACV,YAAY;EACb;CACD,SAAS;EACP,MAAM;EACN,WAAW;EACX,WAAW;EACZ;CACD,QAAQ;EACN,YAAY;EACZ,WAAW;EACX,SAAS;EACT,YAAY;EACb;CACD,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,eAAe;EACf,GAAG;EACH,QAAQ;EACR,QAAQ;EACR,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,IAAI;EACJ,YAAY;EACb;CACD,aAAa;EACX,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,WAAW;EACZ;CAED,cAAc;EACZ,YAAY;EACZ,aAAa;EACb,2BAA2B;EAC3B,gBAAgB;EAChB,eAAe;EACf,YAAY;EACb;CACF;AAED,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACV;AAED,MAAM,QAAQ;CAAC;CAAa;CAAW;CAAU;CAAgB;CAAQ;CAAc;AAEvF,MAAM,QAAQ;CACZ,IAAI,EACF,cAAc;EACZ,YAAY;EACZ,aAAa;EACd,EACF;CACD,IAAI,EACF,cAAc;EACZ,YAAY;EACZ,aAAa;EACd,EACF;CACD,IAAI,EACF,cAAc;EACZ,YAAY;EACZ,aAAa;EACd,EACF;CACF;AAED,MAAM,WAAW;CACf,OAAO;EACL,WAAW,EACT,IAAI,SACL;EACD,cAAc;GACZ,SAAS;GACT,SAAS;GACV;EACD,MAAM,EACJ,OAAO,iBACR;EACF;CACD,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,OAAO;GACP,WAAW;GACZ;EACD,QAAQ,EACN,gBAAgB,4BACjB;EACD,aAAa;GACX,cAAc;GACd,IAAI;GACL;EACD,cAAc,EACZ,SAAS,iBACV;EACD,MAAM,EACJ,OAAO,SACR;EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/sidemenuV2/useSidemenuItem.js

@@ -1,2 +1,39 @@
-import{useStyleConfig as e}from"../core/theme.js";import{useSidemenuContext as t}from"./context.js";import{useCallback as n,useMemo as r}from"react";var i=i=>{let a=t(),o=e(`SidemenuV2`,a),s=r(()=>i?a?.submenuStates?.[i]??!1:!1,[i,a?.submenuStates]),c=n(()=>{i&&a?.toggleSubmenu&&a.toggleSubmenu(i)},[i,a?.toggleSubmenu]),l=a?.variant===`dark`,u=a?.size??`lg`,d=a?.isMenuExpanded??!0;return r(()=>({isDark:l,size:u,styles:o,isMenuExpanded:d,isSubmenuOpen:s,toggleSubmenu:c}),[l,u,o,d,s,c])};export{i as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useStyleConfig } from "../core/theme.js";
+import { useSidemenuContext } from "./context.js";
+import { useCallback, useMemo } from "react";
+
+//#region src/sidemenuV2/useSidemenuItem.ts
+const useSidemenuItem = (itemId) => {
+	const sidemenuContext = useSidemenuContext();
+	const styles = useStyleConfig("SidemenuV2", sidemenuContext);
+	const isSubmenuOpen = useMemo(() => {
+		return itemId ? sidemenuContext?.submenuStates?.[itemId] ?? false : false;
+	}, [itemId, sidemenuContext?.submenuStates]);
+	const handleToggleSubmenu = useCallback(() => {
+		if (itemId && sidemenuContext?.toggleSubmenu) sidemenuContext.toggleSubmenu(itemId);
+	}, [itemId, sidemenuContext?.toggleSubmenu]);
+	const isDark = sidemenuContext?.variant === "dark";
+	const size = sidemenuContext?.size ?? "lg";
+	const isMenuExpanded = sidemenuContext?.isMenuExpanded ?? true;
+	return useMemo(() => ({
+		isDark,
+		size,
+		styles,
+		isMenuExpanded,
+		isSubmenuOpen,
+		toggleSubmenu: handleToggleSubmenu
+	}), [
+		isDark,
+		size,
+		styles,
+		isMenuExpanded,
+		isSubmenuOpen,
+		handleToggleSubmenu
+	]);
+};
+var useSidemenuItem_default = useSidemenuItem;
+
+//#endregion
+export { useSidemenuItem_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=useSidemenuItem.js.map

package/dist/sidemenuV2/useSidemenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSidemenuItem.js","names":[],"sources":["../../src/sidemenuV2/useSidemenuItem.ts"],"sourcesContent":["import { useMemo, useCallback } from 'react'\n\nimport { useStyleConfig } from '../core'\nimport { useSidemenuContext } from './context'\n\nconst useSidemenuItem = (itemId?: string) => {\n  const sidemenuContext = useSidemenuContext()\n  const styles = useStyleConfig('SidemenuV2', sidemenuContext)\n\n  const isSubmenuOpen = useMemo(() => {\n    return itemId ? (sidemenuContext?.submenuStates?.[itemId] ?? false) : false\n  }, [itemId, sidemenuContext?.submenuStates])\n\n  const handleToggleSubmenu = useCallback(() => {\n    if (itemId && sidemenuContext?.toggleSubmenu) {\n      sidemenuContext.toggleSubmenu(itemId)\n    }\n  }, [itemId, sidemenuContext?.toggleSubmenu])\n\n  // Fallback values if context is missing\n  const isDark = sidemenuContext?.variant === 'dark'\n  const size = sidemenuContext?.size ?? 'lg'\n  const isMenuExpanded = sidemenuContext?.isMenuExpanded ?? true\n\n  // Memoize the entire return object to prevent unnecessary re-renders\n  return useMemo(\n    () => ({\n      isDark,\n      size,\n      styles,\n      isMenuExpanded,\n      isSubmenuOpen,\n      toggleSubmenu: handleToggleSubmenu,\n    }),\n    [isDark, size, styles, isMenuExpanded, isSubmenuOpen, handleToggleSubmenu],\n  )\n}\n\nexport default useSidemenuItem\n"],"mappings":"qJAsCA,IAAA,EAjCyB,GAAoB,CAC3C,IAAM,EAAkB,GAAoB,CACtC,EAAS,EAAe,aAAc,EAAgB,CAEtD,EAAgB,MACb,EAAU,GAAiB,gBAAgB,IAAW,GAAS,GACrE,CAAC,EAAQ,GAAiB,cAAc,CAAC,CAEtC,EAAsB,MAAkB,CACxC,GAAU,GAAiB,eAC7B,EAAgB,cAAc,EAAO,EAEtC,CAAC,EAAQ,GAAiB,cAAc,CAAC,CAGtC,EAAS,GAAiB,UAAY,OACtC,EAAO,GAAiB,MAAQ,KAChC,EAAiB,GAAiB,gBAAkB,GAG1D,OAAO,OACE,CACL,SACA,OACA,SACA,iBACA,gBACA,cAAe,EAChB,EACD,CAAC,EAAQ,EAAM,EAAQ,EAAgB,EAAe,EAAoB,CAC3E"}
+{"version":3,"file":"useSidemenuItem.js","names":[],"sources":["../../src/sidemenuV2/useSidemenuItem.ts"],"sourcesContent":["import { useMemo, useCallback } from 'react'\n\nimport { useStyleConfig } from '../core'\nimport { useSidemenuContext } from './context'\n\nconst useSidemenuItem = (itemId?: string) => {\n  const sidemenuContext = useSidemenuContext()\n  const styles = useStyleConfig('SidemenuV2', sidemenuContext)\n\n  const isSubmenuOpen = useMemo(() => {\n    return itemId ? (sidemenuContext?.submenuStates?.[itemId] ?? false) : false\n  }, [itemId, sidemenuContext?.submenuStates])\n\n  const handleToggleSubmenu = useCallback(() => {\n    if (itemId && sidemenuContext?.toggleSubmenu) {\n      sidemenuContext.toggleSubmenu(itemId)\n    }\n  }, [itemId, sidemenuContext?.toggleSubmenu])\n\n  // Fallback values if context is missing\n  const isDark = sidemenuContext?.variant === 'dark'\n  const size = sidemenuContext?.size ?? 'lg'\n  const isMenuExpanded = sidemenuContext?.isMenuExpanded ?? true\n\n  // Memoize the entire return object to prevent unnecessary re-renders\n  return useMemo(\n    () => ({\n      isDark,\n      size,\n      styles,\n      isMenuExpanded,\n      isSubmenuOpen,\n      toggleSubmenu: handleToggleSubmenu,\n    }),\n    [isDark, size, styles, isMenuExpanded, isSubmenuOpen, handleToggleSubmenu],\n  )\n}\n\nexport default useSidemenuItem\n"],"mappings":";;;;;AAKA,MAAM,mBAAmB,WAAoB;CAC3C,MAAM,kBAAkB,oBAAoB;CAC5C,MAAM,SAAS,eAAe,cAAc,gBAAgB;CAE5D,MAAM,gBAAgB,cAAc;AAClC,SAAO,SAAU,iBAAiB,gBAAgB,WAAW,QAAS;IACrE,CAAC,QAAQ,iBAAiB,cAAc,CAAC;CAE5C,MAAM,sBAAsB,kBAAkB;AAC5C,MAAI,UAAU,iBAAiB,cAC7B,iBAAgB,cAAc,OAAO;IAEtC,CAAC,QAAQ,iBAAiB,cAAc,CAAC;CAG5C,MAAM,SAAS,iBAAiB,YAAY;CAC5C,MAAM,OAAO,iBAAiB,QAAQ;CACtC,MAAM,iBAAiB,iBAAiB,kBAAkB;AAG1D,QAAO,eACE;EACL;EACA;EACA;EACA;EACA;EACA,eAAe;EAChB,GACD;EAAC;EAAQ;EAAM;EAAQ;EAAgB;EAAe;EAAoB,CAC3E;;AAGH,8BAAe"}

package/dist/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonProps } from "./skeleton.types.js";
+import { Skeleton, SkeletonBase } from "./skeleton.js";

package/dist/skeleton/skeleton.d.ts

@@ -1,10 +1,12 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
+import "../core/index.js";
 import { SkeletonProps } from "./skeleton.types.js";
-import * as styled_components402 from "styled-components";
+import "../index.js";
+import * as styled_components410 from "styled-components";
 
 //#region src/skeleton/skeleton.d.ts
-declare const SkeletonBase: styled_components402.StyledComponent<"div", styled_components402.DefaultTheme, SystemProps, never>;
+declare const SkeletonBase: styled_components410.StyledComponent<"div", styled_components410.DefaultTheme, SystemProps, never>;
 /**
  * Displays one or more animated skeleton elements to signify loading content.
  */

package/dist/skeleton/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../../src/skeleton/skeleton.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKa,cAAY,oBAAA,CAAA,uBAExB,oBAAA,CAFwB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;AAAZ,OAAA,CAAA,KAAA,CAMA,QAJZ,CAAA,CA4BK,YA5BL,CAAA,CAAA,GAAA,CAAA,CAAA,CA4ByB,aA5BzB,CAAA"}
+{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../../src/skeleton/skeleton.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAKa,cAAY,oBAAA,CAAA,uBAExB,oBAAA,CAFwB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;cAMZ,UAwBP,oBAAoB"}

package/dist/skeleton/skeleton.js

@@ -1,4 +1,33 @@
-import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{omitThemingProps as n,useStyleConfig as r}from"../core/theme.js";import{styled as i}from"../core/styled.js";import{vui as a}from"../core/vui.js";import{Fragment as o,jsx as s}from"react/jsx-runtime";const c=i.divBox`
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/skeleton/skeleton.tsx
+const SkeletonBase = styled.divBox`
   animation: vui-pulse 1.5s ease-in-out 0.5s infinite;
-`,l=a((i,a)=>{let{className:l,repeat:u=1,...d}=n(i),f=r(`Skeleton`,i),p=Array(u).fill(0),m=e({w:i.variant===`circle`?f.h:void 0});return s(o,{children:p.map((e,n)=>s(c,{className:t(`vui-skeleton`,l),ref:a,...f,...m,...d},n))})});l.displayName=`Skeleton`;export{l as Skeleton,c as SkeletonBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/**
+* Displays one or more animated skeleton elements to signify loading content.
+*/
+const Skeleton = vui((props, ref) => {
+	const { className, repeat = 1,...rest } = omitThemingProps(props);
+	const styles = useStyleConfig("Skeleton", props);
+	const arr = Array(repeat).fill(0);
+	const aliasedProps = filterUndefined({ w: props.variant === "circle" ? styles.h : void 0 });
+	return /* @__PURE__ */ jsx(Fragment, { children: arr.map((_, i) => /* @__PURE__ */ jsx(SkeletonBase, {
+		className: cs("vui-skeleton", className),
+		ref,
+		...styles,
+		...aliasedProps,
+		...rest
+	}, i)) });
+});
+Skeleton.displayName = "Skeleton";
+
+//#endregion
+export { Skeleton, SkeletonBase };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=skeleton.js.map