@veracity/vui 3.0.0-beta.6 → 3.0.0-beta.8

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/sidemenuV2/context.tsx"],"sourcesContent":[],"mappings":";;;;;;UAMiB,oBAAA,SAA6B;;;;EAA7B,aAAA,CAAA,EAOC,MAPD,CAAqB,MAAA,EAAA,OAAA,CAAA;EAAA,eAAA,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,GAAA,IAAA;eAOpB,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;eAP4B,CAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAI,gBAAA,CAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EA4DxC,cAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EASH,kBAAA,CAAgB,EAAA,GAAA,GAAA,IAAA;EAAA,gBAAA,CAAA,EAAA,GAAA,GAAA,IAAA;;UATb,0BAAA,CASa;UAAoB,EAR/B,SAQ+B;EAAlB,iBAAA,CAAA,EAAA,OAAA;EAGZ,gBAAA,CAAA,EAAA,CAAA,UAmFZ,EAAA,OAAA,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,MAAA;MAnFqC,CAAA,EAAA,MAAA;QAAA,CAAA,EAAA,OAAA;;cAH/B,gBAG+B,EAHf,QAAA,CAAA,QAGe,CAHf,oBAGe,CAAA,EAHb,kBAGa,EAAA,GAAA,GAHK,oBAGL;AAAA,cAAzB,qBAAyB,EAAA,CAAA;EAAA,QAAA;EAAA,iBAAA;EAAA,gBAAA;EAAA,OAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAOnC,0BAPmC,EAAA,GAOT,mBAAA,CAAA,GAAA,CAAA,OAPS"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/sidemenuV2/context.tsx"],"sourcesContent":[],"mappings":";;;;;;UAMiB,oBAAA,CAAA,OAAA,CAA6B;;;;EAA7B,aAAA,CAAA,CAAA,CAOC,MAPD,CAAqB,MAAA,CAAA,CAAA,OAAA,CAAA;EAAA,eAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;eAOpB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;eAP4B,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAI,gBAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EA4DxC,cAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EASH,kBAAA,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAA,gBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;;UATb,0BAAA,CASa;UAAoB,CAAA,CAR/B,SAQ+B;EAAlB,iBAAA,CAAA,CAAA,CAAA,OAAA;EAGZ,gBAAA,CAAA,CAAA,CAAA,CAAA,UAmFZ,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAA,OAAA,CAAA,CAAA,CAAA,MAAA;MAnFqC,CAAA,CAAA,CAAA,MAAA;QAAA,CAAA,CAAA,CAAA,OAAA;;cAH/B,gBAG+B,CAAA,CAHf,QAAA,CAAA,QAGe,CAHf,oBAGe,CAAA,CAAA,CAHb,kBAGa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAHK,oBAGL;AAAA,OAAA,CAAA,KAAA,CAAzB,qBAAyB,CAAA,CAAA,CAAA;EAAA,QAAA;EAAA,iBAAA;EAAA,gBAAA;EAAA,OAAA;EAAA,IAAA;EAAA;AAAA,CAAA,CAAA,CAOnC,0BAPmC,CAAA,CAAA,CAAA,CAAA,CAOT,mBAAA,CAAA,GAAA,CAAA,OAPS"}

package/dist/sidemenuV2/context.js

@@ -1,2 +1,2 @@
-import{createContext as e}from"../utils/react.js";import{useCallback as t,useMemo as n,useReducer as r,useState as i}from"react";import{jsx as a}from"react/jsx-runtime";const o=(e,t)=>{let n;switch(t.type){case`SET_SUBMENU`:if(e[t.itemId]===t.isOpen)return e;n={...e,[t.itemId]:t.isOpen};break;case`TOGGLE_SUBMENU`:{let r=e[t.itemId]||!1;n={...e,[t.itemId]:!r};break}case`RESTORE_STATE`:n=t.state;break;case`RESET_ALL`:n={};break;default:return e}return n},[s,c]=e({isOptional:!0}),l=({children:e,isExpandedInitial:c=!0,onExpandedChange:l,variant:u,size:d,isDark:f})=>{let[p,m]=i(c),[h,g]=r(o,{}),_=t((e,t)=>{g({type:`SET_SUBMENU`,itemId:e,isOpen:t})},[]),v=t(e=>{g({type:`TOGGLE_SUBMENU`,itemId:e})},[]),y=t(e=>{m(e),l?.(e)},[l]),b=t(()=>{g({type:`RESET_ALL`});let e=c;m(e),l?.(e)},[c,l]),x=t(()=>{let e=c;m(e),l?.(e)},[c,l]),S=t(()=>{g({type:`RESET_ALL`})},[]),C=n(()=>({size:d,variant:u,isDark:f,isMenuExpanded:p,submenuStates:h,setSubmenuState:_,toggleSubmenu:v,setIsExpanded:y,onExpandedChange:l,resetAllStates:b,resetExpansionOnly:x,resetSubmenuOnly:S}),[d,u,f,p,h,_,v,y,l,b,x,S]);return a(s,{value:C,children:e})};export{l as SidemenuStateProvider,c as useSidemenuContext};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{createContext as e}from"../utils/react.js";import{useCallback as t,useMemo as n,useReducer as r,useState as i}from"react";import{jsx as a}from"react/jsx-runtime";const o=(e,t)=>{let n;switch(t.type){case`SET_SUBMENU`:if(e[t.itemId]===t.isOpen)return e;n={...e,[t.itemId]:t.isOpen};break;case`TOGGLE_SUBMENU`:{let r=e[t.itemId]||!1;n={...e,[t.itemId]:!r};break}case`RESTORE_STATE`:n=t.state;break;case`RESET_ALL`:n={};break;default:return e}return n},[s,c]=e({isOptional:!0}),l=({children:e,isExpandedInitial:c=!0,onExpandedChange:l,variant:u,size:d,isDark:f})=>{let[p,m]=i(c),[h,g]=r(o,{}),_=t((e,t)=>{g({type:`SET_SUBMENU`,itemId:e,isOpen:t})},[]),v=t(e=>{g({type:`TOGGLE_SUBMENU`,itemId:e})},[]),y=t(e=>{m(e),l?.(e)},[l]),b=t(()=>{g({type:`RESET_ALL`});let e=c;m(e),l?.(e)},[c,l]),x=t(()=>{let e=c;m(e),l?.(e)},[c,l]),S=t(()=>{g({type:`RESET_ALL`})},[]);return a(s,{value:n(()=>({size:d,variant:u,isDark:f,isMenuExpanded:p,submenuStates:h,setSubmenuState:_,toggleSubmenu:v,setIsExpanded:y,onExpandedChange:l,resetAllStates:b,resetExpansionOnly:x,resetSubmenuOnly:S}),[d,u,f,p,h,_,v,y,l,b,x,S]),children:e})};export{l as SidemenuStateProvider,c as useSidemenuContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=context.js.map

package/dist/sidemenuV2/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["newState: Record<string, boolean>","createContext"],"sources":["../../src/sidemenuV2/context.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useMemo, useState, useCallback, useReducer } from 'react'\n\nimport type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nexport interface SidemenuContextValue extends Dict {\n  // Existing properties\n  variant?: string\n  size?: string\n  isMenuExpanded?: boolean\n\n  // Submenu state management\n  submenuStates?: Record<string, boolean>\n  setSubmenuState?: (itemId: string, isOpen: boolean) => void\n  toggleSubmenu?: (itemId: string) => void\n\n  // Expansion state management\n  setIsExpanded?: (isExpanded: boolean) => void\n  onExpandedChange?: (isExpanded: boolean) => void\n\n  // Memoized reset functions\n  resetAllStates?: () => void\n  resetExpansionOnly?: () => void\n  resetSubmenuOnly?: () => void\n}\n\n// Submenu state reducer for more stable state management\ntype SubmenuAction =\n  | { type: 'SET_SUBMENU'; itemId: string; isOpen: boolean }\n  | { type: 'TOGGLE_SUBMENU'; itemId: string }\n  | { type: 'RESET_ALL' }\n  | { type: 'RESTORE_STATE'; state: Record<string, boolean> }\n\nconst submenuReducer = (state: Record<string, boolean>, action: SubmenuAction): Record<string, boolean> => {\n  let newState: Record<string, boolean>\n\n  switch (action.type) {\n    case 'SET_SUBMENU': {\n      if (state[action.itemId] === action.isOpen) {\n        return state // Return same reference if no change\n      }\n      newState = { ...state, [action.itemId]: action.isOpen }\n      break\n    }\n    case 'TOGGLE_SUBMENU': {\n      const currentValue = state[action.itemId] || false\n      newState = { ...state, [action.itemId]: !currentValue }\n      break\n    }\n    case 'RESTORE_STATE': {\n      newState = action.state\n      break\n    }\n    case 'RESET_ALL': {\n      newState = {}\n      break\n    }\n    default:\n      return state\n  }\n\n  // Submenu states are now persisted in context only\n  return newState\n}\n\ninterface SidemenuStateProviderProps {\n  children: ReactNode\n  isExpandedInitial?: boolean\n  onExpandedChange?: (isExpanded: boolean) => void\n  variant?: string\n  size?: string\n  isDark?: boolean\n}\n\nconst [SidemenuProvider, useSidemenuContext] = createContext<SidemenuContextValue>({ isOptional: true })\n\n// Enhanced provider that manages state\nexport const SidemenuStateProvider = ({\n  children,\n  isExpandedInitial = true,\n  onExpandedChange,\n  variant,\n  size,\n  isDark,\n}: SidemenuStateProviderProps) => {\n  // Pure uncontrolled state without persistence - context only\n  const [isExpanded, setIsExpanded] = useState(isExpandedInitial)\n\n  // Initialize submenu states as empty - persisted in context only\n  const [submenuStates, dispatchSubmenu] = useReducer(submenuReducer, {})\n\n  // Submenu state management functions using reducer dispatch - memoized\n  const setSubmenuState = useCallback((itemId: string, isOpen: boolean) => {\n    dispatchSubmenu({ type: 'SET_SUBMENU', itemId, isOpen })\n  }, [])\n\n  const toggleSubmenu = useCallback((itemId: string) => {\n    dispatchSubmenu({ type: 'TOGGLE_SUBMENU', itemId })\n  }, [])\n\n  // Enhanced setIsExpanded that handles callbacks - memoized\n  const handleSetIsExpanded = useCallback(\n    (newIsExpanded: boolean) => {\n      setIsExpanded(newIsExpanded)\n      onExpandedChange?.(newIsExpanded)\n    },\n    [onExpandedChange],\n  )\n\n  // Memoized reset functions for external use\n  const resetAllStates = useCallback(() => {\n    dispatchSubmenu({ type: 'RESET_ALL' })\n    const defaultExpanded = isExpandedInitial\n    setIsExpanded(defaultExpanded)\n    onExpandedChange?.(defaultExpanded)\n  }, [isExpandedInitial, onExpandedChange])\n\n  const resetExpansionOnly = useCallback(() => {\n    const defaultExpanded = isExpandedInitial\n    setIsExpanded(defaultExpanded)\n    onExpandedChange?.(defaultExpanded)\n  }, [isExpandedInitial, onExpandedChange])\n\n  const resetSubmenuOnly = useCallback(() => {\n    dispatchSubmenu({ type: 'RESET_ALL' })\n  }, [])\n\n  // Memoized context value with all state management functions\n  const contextValue = useMemo(\n    () => ({\n      size,\n      variant,\n      isDark,\n      isMenuExpanded: isExpanded,\n      submenuStates,\n      setSubmenuState,\n      toggleSubmenu,\n      setIsExpanded: handleSetIsExpanded,\n      onExpandedChange,\n      resetAllStates,\n      resetExpansionOnly,\n      resetSubmenuOnly,\n    }),\n    [\n      size,\n      variant,\n      isDark,\n      isExpanded,\n      submenuStates,\n      setSubmenuState,\n      toggleSubmenu,\n      handleSetIsExpanded,\n      onExpandedChange,\n      resetAllStates,\n      resetExpansionOnly,\n      resetSubmenuOnly,\n    ],\n  )\n\n  return <SidemenuProvider value={contextValue}>{children}</SidemenuProvider>\n}\n\nexport { SidemenuProvider, useSidemenuContext }\n"],"mappings":"yKAkCA,MAAM,GAAkB,EAAgC,IAAmD,CACzG,IAAIA,EAEJ,OAAQ,EAAO,KAAf,CACE,IAAK,cACH,GAAI,EAAM,EAAO,UAAY,EAAO,OAClC,OAAO,EAET,EAAW,CAAE,GAAG,GAAQ,EAAO,QAAS,EAAO,OAAQ,CACvD,MAEF,IAAK,iBAAkB,CACrB,IAAM,EAAe,EAAM,EAAO,SAAW,GAC7C,EAAW,CAAE,GAAG,GAAQ,EAAO,QAAS,CAAC,EAAc,CACvD,MAEF,IAAK,gBACH,EAAW,EAAO,MAClB,MAEF,IAAK,YACH,EAAW,EAAE,CACb,MAEF,QACE,OAAO,EAIX,OAAO,GAYH,CAAC,EAAkB,GAAsBC,EAAoC,CAAE,WAAY,GAAM,CAAC,CAG3F,GAAyB,CACpC,WACA,oBAAoB,GACpB,mBACA,UACA,OACA,YACgC,CAEhC,GAAM,CAAC,EAAY,GAAiB,EAAS,EAAkB,CAGzD,CAAC,EAAe,GAAmB,EAAW,EAAgB,EAAE,CAAC,CAGjE,EAAkB,GAAa,EAAgB,IAAoB,CACvE,EAAgB,CAAE,KAAM,cAAe,SAAQ,SAAQ,CAAC,EACvD,EAAE,CAAC,CAEA,EAAgB,EAAa,GAAmB,CACpD,EAAgB,CAAE,KAAM,iBAAkB,SAAQ,CAAC,EAClD,EAAE,CAAC,CAGA,EAAsB,EACzB,GAA2B,CAC1B,EAAc,EAAc,CAC5B,IAAmB,EAAc,EAEnC,CAAC,EAAiB,CACnB,CAGK,EAAiB,MAAkB,CACvC,EAAgB,CAAE,KAAM,YAAa,CAAC,CACtC,IAAM,EAAkB,EACxB,EAAc,EAAgB,CAC9B,IAAmB,EAAgB,EAClC,CAAC,EAAmB,EAAiB,CAAC,CAEnC,EAAqB,MAAkB,CAC3C,IAAM,EAAkB,EACxB,EAAc,EAAgB,CAC9B,IAAmB,EAAgB,EAClC,CAAC,EAAmB,EAAiB,CAAC,CAEnC,EAAmB,MAAkB,CACzC,EAAgB,CAAE,KAAM,YAAa,CAAC,EACrC,EAAE,CAAC,CAGA,EAAe,OACZ,CACL,OACA,UACA,SACA,eAAgB,EAChB,gBACA,kBACA,gBACA,cAAe,EACf,mBACA,iBACA,qBACA,mBACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAED,OAAO,EAAC,EAAA,CAAiB,MAAO,EAAe,YAA4B"}
+{"version":3,"file":"context.js","names":["newState: Record<string, boolean>","createContext"],"sources":["../../src/sidemenuV2/context.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useMemo, useState, useCallback, useReducer } from 'react'\n\nimport type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nexport interface SidemenuContextValue extends Dict {\n  // Existing properties\n  variant?: string\n  size?: string\n  isMenuExpanded?: boolean\n\n  // Submenu state management\n  submenuStates?: Record<string, boolean>\n  setSubmenuState?: (itemId: string, isOpen: boolean) => void\n  toggleSubmenu?: (itemId: string) => void\n\n  // Expansion state management\n  setIsExpanded?: (isExpanded: boolean) => void\n  onExpandedChange?: (isExpanded: boolean) => void\n\n  // Memoized reset functions\n  resetAllStates?: () => void\n  resetExpansionOnly?: () => void\n  resetSubmenuOnly?: () => void\n}\n\n// Submenu state reducer for more stable state management\ntype SubmenuAction =\n  | { type: 'SET_SUBMENU'; itemId: string; isOpen: boolean }\n  | { type: 'TOGGLE_SUBMENU'; itemId: string }\n  | { type: 'RESET_ALL' }\n  | { type: 'RESTORE_STATE'; state: Record<string, boolean> }\n\nconst submenuReducer = (state: Record<string, boolean>, action: SubmenuAction): Record<string, boolean> => {\n  let newState: Record<string, boolean>\n\n  switch (action.type) {\n    case 'SET_SUBMENU': {\n      if (state[action.itemId] === action.isOpen) {\n        return state // Return same reference if no change\n      }\n      newState = { ...state, [action.itemId]: action.isOpen }\n      break\n    }\n    case 'TOGGLE_SUBMENU': {\n      const currentValue = state[action.itemId] || false\n      newState = { ...state, [action.itemId]: !currentValue }\n      break\n    }\n    case 'RESTORE_STATE': {\n      newState = action.state\n      break\n    }\n    case 'RESET_ALL': {\n      newState = {}\n      break\n    }\n    default:\n      return state\n  }\n\n  // Submenu states are now persisted in context only\n  return newState\n}\n\ninterface SidemenuStateProviderProps {\n  children: ReactNode\n  isExpandedInitial?: boolean\n  onExpandedChange?: (isExpanded: boolean) => void\n  variant?: string\n  size?: string\n  isDark?: boolean\n}\n\nconst [SidemenuProvider, useSidemenuContext] = createContext<SidemenuContextValue>({ isOptional: true })\n\n// Enhanced provider that manages state\nexport const SidemenuStateProvider = ({\n  children,\n  isExpandedInitial = true,\n  onExpandedChange,\n  variant,\n  size,\n  isDark,\n}: SidemenuStateProviderProps) => {\n  // Pure uncontrolled state without persistence - context only\n  const [isExpanded, setIsExpanded] = useState(isExpandedInitial)\n\n  // Initialize submenu states as empty - persisted in context only\n  const [submenuStates, dispatchSubmenu] = useReducer(submenuReducer, {})\n\n  // Submenu state management functions using reducer dispatch - memoized\n  const setSubmenuState = useCallback((itemId: string, isOpen: boolean) => {\n    dispatchSubmenu({ type: 'SET_SUBMENU', itemId, isOpen })\n  }, [])\n\n  const toggleSubmenu = useCallback((itemId: string) => {\n    dispatchSubmenu({ type: 'TOGGLE_SUBMENU', itemId })\n  }, [])\n\n  // Enhanced setIsExpanded that handles callbacks - memoized\n  const handleSetIsExpanded = useCallback(\n    (newIsExpanded: boolean) => {\n      setIsExpanded(newIsExpanded)\n      onExpandedChange?.(newIsExpanded)\n    },\n    [onExpandedChange],\n  )\n\n  // Memoized reset functions for external use\n  const resetAllStates = useCallback(() => {\n    dispatchSubmenu({ type: 'RESET_ALL' })\n    const defaultExpanded = isExpandedInitial\n    setIsExpanded(defaultExpanded)\n    onExpandedChange?.(defaultExpanded)\n  }, [isExpandedInitial, onExpandedChange])\n\n  const resetExpansionOnly = useCallback(() => {\n    const defaultExpanded = isExpandedInitial\n    setIsExpanded(defaultExpanded)\n    onExpandedChange?.(defaultExpanded)\n  }, [isExpandedInitial, onExpandedChange])\n\n  const resetSubmenuOnly = useCallback(() => {\n    dispatchSubmenu({ type: 'RESET_ALL' })\n  }, [])\n\n  // Memoized context value with all state management functions\n  const contextValue = useMemo(\n    () => ({\n      size,\n      variant,\n      isDark,\n      isMenuExpanded: isExpanded,\n      submenuStates,\n      setSubmenuState,\n      toggleSubmenu,\n      setIsExpanded: handleSetIsExpanded,\n      onExpandedChange,\n      resetAllStates,\n      resetExpansionOnly,\n      resetSubmenuOnly,\n    }),\n    [\n      size,\n      variant,\n      isDark,\n      isExpanded,\n      submenuStates,\n      setSubmenuState,\n      toggleSubmenu,\n      handleSetIsExpanded,\n      onExpandedChange,\n      resetAllStates,\n      resetExpansionOnly,\n      resetSubmenuOnly,\n    ],\n  )\n\n  return <SidemenuProvider value={contextValue}>{children}</SidemenuProvider>\n}\n\nexport { SidemenuProvider, useSidemenuContext }\n"],"mappings":"yKAkCA,MAAM,GAAkB,EAAgC,IAAmD,CACzG,IAAIA,EAEJ,OAAQ,EAAO,KAAf,CACE,IAAK,cACH,GAAI,EAAM,EAAO,UAAY,EAAO,OAClC,OAAO,EAET,EAAW,CAAE,GAAG,GAAQ,EAAO,QAAS,EAAO,OAAQ,CACvD,MAEF,IAAK,iBAAkB,CACrB,IAAM,EAAe,EAAM,EAAO,SAAW,GAC7C,EAAW,CAAE,GAAG,GAAQ,EAAO,QAAS,CAAC,EAAc,CACvD,MAEF,IAAK,gBACH,EAAW,EAAO,MAClB,MAEF,IAAK,YACH,EAAW,EAAE,CACb,MAEF,QACE,OAAO,EAIX,OAAO,GAYH,CAAC,EAAkB,GAAsBC,EAAoC,CAAE,WAAY,GAAM,CAAC,CAG3F,GAAyB,CACpC,WACA,oBAAoB,GACpB,mBACA,UACA,OACA,YACgC,CAEhC,GAAM,CAAC,EAAY,GAAiB,EAAS,EAAkB,CAGzD,CAAC,EAAe,GAAmB,EAAW,EAAgB,EAAE,CAAC,CAGjE,EAAkB,GAAa,EAAgB,IAAoB,CACvE,EAAgB,CAAE,KAAM,cAAe,SAAQ,SAAQ,CAAC,EACvD,EAAE,CAAC,CAEA,EAAgB,EAAa,GAAmB,CACpD,EAAgB,CAAE,KAAM,iBAAkB,SAAQ,CAAC,EAClD,EAAE,CAAC,CAGA,EAAsB,EACzB,GAA2B,CAC1B,EAAc,EAAc,CAC5B,IAAmB,EAAc,EAEnC,CAAC,EAAiB,CACnB,CAGK,EAAiB,MAAkB,CACvC,EAAgB,CAAE,KAAM,YAAa,CAAC,CACtC,IAAM,EAAkB,EACxB,EAAc,EAAgB,CAC9B,IAAmB,EAAgB,EAClC,CAAC,EAAmB,EAAiB,CAAC,CAEnC,EAAqB,MAAkB,CAC3C,IAAM,EAAkB,EACxB,EAAc,EAAgB,CAC9B,IAAmB,EAAgB,EAClC,CAAC,EAAmB,EAAiB,CAAC,CAEnC,EAAmB,MAAkB,CACzC,EAAgB,CAAE,KAAM,YAAa,CAAC,EACrC,EAAE,CAAC,CAkCN,OAAO,EAAC,EAAA,CAAiB,MA/BJ,OACZ,CACL,OACA,UACA,SACA,eAAgB,EAChB,gBACA,kBACA,gBACA,cAAe,EACf,mBACA,iBACA,qBACA,mBACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAE8C,YAA4B"}

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

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItemV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"sourcesContent":[],"mappings":";;;;;;AAoGA;AAuN8C,cAvNjC,cAuNiC,EAAxC,YAAwC,CAAA,KAAA,EAApB,mBAAoB,CAAA"}
+{"version":3,"file":"sidemenuItemV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"sourcesContent":[],"mappings":";;;;;;AAmFA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAkO8C,OAAA,CAAA,KAAA,CAlOjC,cAkOiC,CAAA,CAAxC,YAAwC,CAAA,CAAA,GAAA,CAAA,CAAA,CAApB,mBAAoB,CAAA"}

package/dist/sidemenuV2/sidemenuItemV2.js

@@ -1,9 +1,9 @@
-import{generateMenuItemId as e}from"../utils/string.js";import{cs as t}from"../utils/styles.js";import{omitThemingProps as n,th as r}from"../core/theme.js";import{styled as i}from"../core/styled.js";import{vui as a}from"../core/vui.js";import o from"../box/box.js";import s from"../icon/icon.js";import c from"../t/t.js";import l from"../button/button.js";import u from"../badge/badge.js";import d from"../popover/popover.js";import{collapsedWidth as f,expandedWidth as p}from"./consts.js";import m from"./useSidemenuItem.js";import{memo as h,useCallback as g,useEffect as _,useMemo as v}from"react";import{Fragment as y,jsx as b,jsxs as x}from"react/jsx-runtime";const S=h(({icon:e,iconSize:t=`sm`,title:n,isMenuExpanded:r,isInPopover:i,badge:a,badgeLinkUrl:l})=>{let d=13/8;return i?x(y,{children:[b(c,{isTruncated:!0,size:`sm`,display:`inline-block`,fontWeight:`500`,ml:d,children:n}),a&&typeof a==`object`&&typeof a.text==`string`&&a.text.trim()!==``&&b(u,{...a,"data-link":btoa(l??`#`),variant:a.variant??`subtleGreen`,size:`sm`,minW:`32px`,fontSize:`12px`,lineHeight:`16px`,ml:`10px`,mr:`10px`})]}):x(y,{children:[b(o,{ml:d,mr:r?10/8:20/8,w:`20px`,transition:`margin 0.2s ease-in-out`,children:e&&b(s,{name:e,size:t})}),b(c,{isTruncated:!0,size:`sm`,display:`inline-block`,children:n}),a&&typeof a==`object`&&typeof a.text==`string`&&a.text.trim()!==``&&b(u,{...a,"data-link":btoa(l??`#`),variant:a.variant??`subtleGreen`,size:`sm`,minW:`32px`,fontSize:`12px`,lineHeight:`16px`,ml:`10px`,mr:`10px`})]})});S.displayName=`SidemenuItemContent`;const C=i.div`
+import{generateMenuItemId as e}from"../utils/string.js";import t from"../theme/foundations/colors.js";import{cs as n}from"../utils/styles.js";import{omitThemingProps as r,th as i}from"../core/theme.js";import{styled as a}from"../core/styled.js";import{vui as o}from"../core/vui.js";import s from"../box/box.js";import c from"../button/button.js";import l from"../popover/popover.js";import u from"../tooltip/tooltip.js";import{collapsedWidth as d,expandedWidth as f}from"./consts.js";import p from"./SidemenuItemContent.js";import m from"./useSidemenuItem.js";import{useCallback as h,useEffect as g,useMemo as _}from"react";import{jsx as v,jsxs as y}from"react/jsx-runtime";const b=a.div`
   &:hover .vui-sidemenu-item-popover .vui-button.vui-button {
-    background: ${e=>r.color(e.hoverColor)};
+    background: ${e=>i.color(e.hoverColor)};
   }
   &:hover div:last-child .tippy-content .vui-sidemenu-item-content > .vui-box > .vui-button.vui-button {
-    background: ${e=>r.color(e.hoverColor)};
+    background: ${e=>i.color(e.hoverColor)};
   }
-`,w=a((r,i)=>{let{children:a,className:s,disabled:c=!1,icon:u,isActive:h=!1,isExpanded:y=!0,itemId:w,level:T=0,onBottom:E=!1,onClick:D,onCollapse:O,onExpand:k,title:A,...j}=n(r),M=w||e(A,T)||`item-${Math.random().toString(36).substr(2,9)}`,{isDark:N,isMenuExpanded:P,styles:F,size:I,isSubmenuOpen:L,toggleSubmenu:R}=m(M),z=h;_(()=>{P&&(L&&k?.(),L||O?.())},[L,k,O,P]);let B=v(()=>{let e=!!a;return{hasChildren:e,hasChildrenCollapsed:e&&!L,hasChildrenExpanded:e&&L&&P,shouldShowExpandButton:e&&P,buttonSize:T<1?`lg`:`md`,iconSize:T<1?`sm`:`xs`,isDisabled:c,shouldShowBorder:!e||L}},[a,L,P,c,I,T]),V=v(()=>({activeColor:N?`digiGreen.main`:`seaBlue.main`,buttonVariant:N?`menuDark`:`menuLight`}),[N]),H=g(e=>{if(!B.isDisabled){let t=e.target;if((t.classList.contains(`vui-tagText`)||t.classList.contains(`vui-tag`))&&typeof window<`u`&&(t.parentElement?.dataset.link||t?.dataset.link)){let e=atob(t.parentElement?.dataset.link??t?.dataset.link??``);window.open(e,`_blank`,`noopener,noreferrer`)}else e?.stopPropagation?.(),D?.()}R?.()},[D,B.isDisabled]),U=v(()=>({...F&&`item`in F&&F.item?F.item:{},borderLeftColor:z?V.activeColor:`transparent`,transitionProperty:`background-color, border-color, color, transform, opacity`,size:B.buttonSize,h:B.buttonSize===`lg`?40:36,iconSize:B.iconSize,variant:V.buttonVariant,onClick:H,disabled:B.isDisabled,role:`button`,tabIndex:B.isDisabled?-1:0,"aria-disabled":B.isDisabled,"aria-pressed":z,...j}),[F,B,z,V,H,j]),W=v(()=>{let e=L,t=e?`falChevronUp`:`falChevronDown`,n=e?`Collapse`:`Expand`;return{"aria-label":n,className:`vui-sidemenu-item-expand`,variant:V.buttonVariant,icon:t,size:`sm`,pl:`4px`,pr:`16px`,ml:`auto`,h:`100%`,border:`none`,bg:`transparent`,hoverBg:`transparent`,activeBg:`transparent`}},[L,V.buttonVariant]);return x(o,{flexDirection:`column`,ref:i,w:`100%`,mt:E?`auto`:0,id:M,children:[!P&&a?b(d,{offset:[0,f-p-2],placement:`right-start`,trigger:`mouseenter`,children:({isOpen:e})=>x(C,{hoverColor:N?`#003591`:`#d3eef8`,children:[b(d.Trigger,{as:o,className:t(`vui-sidemenu-item-popover`,s),children:b(l,{...U,borderLeft:`3px solid ${N?`digiGreen.main`:`seaBlue.main`}`,isActive:z,children:b(S,{icon:u,iconSize:U.iconSize,title:A,isMenuExpanded:P})})}),b(d.Content,{elevation:`none`,className:t(`vui-sidemenu-item-content`,s),children:x(o,{flexDirection:`column`,justifyContent:`start`,w:`100%`,children:[b(l,{...U,borderLeftColor:`transparent!important`,minW:`240px`,isActive:e&&z,children:b(S,{title:A,isInPopover:!0})}),a]})})]})}):x(l,{className:t(`vui-sidemenu-item`,z&&`vui-sidemenu-item--active`,s),...U,isActive:z,children:[b(S,{icon:u,iconSize:U.iconSize,title:A,isMenuExpanded:P,badge:r.badge,badgeLinkUrl:r.badgeLinkUrl}),B.shouldShowExpandButton&&b(l,{...W}),` `]}),B.hasChildrenExpanded&&b(o,{flexDirection:`column`,justifyContent:`start`,w:`100%`,children:a})]})});w.displayName=`SidemenuItemV2`;var T=w;export{T as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,x=({isDark:e,className:r,buttonStyles:i,isExactlyActive:a,icon:o,title:u,isMenuExpanded:m,children:h})=>v(l,{offset:[0,d-f-2],placement:`right-start`,trigger:`mouseenter`,children:({isOpen:d})=>y(b,{hoverColor:e?t.seaBlue.main:t.skyBlue.selected,children:[v(l.Trigger,{as:s,className:n(`vui-sidemenu-item-popover`,r),children:v(c,{...i,borderLeft:`3px solid ${e?`digiGreen.main`:`seaBlue.main`}`,isActive:a,className:n(`focusAsBorder`),children:v(p,{icon:o,iconSize:i.iconSize,title:u,isMenuExpanded:m})})}),v(l.Content,{elevation:`none`,className:n(`vui-sidemenu-item-content`,r),children:y(s,{flexDirection:`column`,justifyContent:`start`,w:`100%`,children:[v(c,{...i,borderLeftColor:`transparent!important`,minW:`240px`,isActive:d&&a,className:n(`focusAsBorder`),children:v(p,{title:u,isInPopover:!0})}),h]})})]})}),S=o((t,i)=>{let{children:a,className:o,disabled:l=!1,icon:d,isActive:f=!1,isExpanded:b=!0,itemId:S,level:C=0,onBottom:w=!1,onClick:T,onCollapse:E,onExpand:D,title:O,...k}=r(t),A=S||e(O,C)||`item-${Math.random().toString(36).substr(2,9)}`,{isDark:j,isMenuExpanded:M,styles:N,size:P,isSubmenuOpen:F,toggleSubmenu:I}=m(A),L=f;g(()=>{M&&(F&&D?.(),F||E?.())},[F,D,E,M]);let R=_(()=>{let e=!!a;return{hasChildren:e,hasChildrenCollapsed:e&&!F,hasChildrenExpanded:e&&F&&M,shouldShowExpandButton:e&&M,buttonSize:C<1?`lg`:`md`,iconSize:C<1?`sm`:`xs`,isDisabled:l,shouldShowBorder:!e||F}},[a,F,M,l,P,C]),z=_(()=>({activeColor:j?`digiGreen.main`:`seaBlue.main`,buttonVariant:j?`menuDark`:`menuLight`}),[j]),B=h(e=>{if(!R.isDisabled){let t=e.target;if((t.classList.contains(`vui-tagText`)||t.classList.contains(`vui-tag`))&&typeof window<`u`&&(t.parentElement?.dataset.link||t?.dataset.link)){let e=atob(t.parentElement?.dataset.link??t?.dataset.link??``);window.open(e,`_blank`,`noopener,noreferrer`)}else e?.stopPropagation?.(),T?.()}I?.()},[T,R.isDisabled]),V=_(()=>({...N&&`item`in N&&N.item?N.item:{},borderLeftColor:L?z.activeColor:`transparent`,transitionProperty:`background-color, border-color, color, transform, opacity`,size:R.buttonSize,h:R.buttonSize===`lg`?40:36,iconSize:R.iconSize,variant:z.buttonVariant,onClick:B,disabled:R.isDisabled,role:`button`,tabIndex:R.isDisabled?-1:0,"aria-disabled":R.isDisabled,"aria-pressed":L,...k}),[N,R,L,z,B,k]),H=_(()=>{let e=F,t=e?`falChevronUp`:`falChevronDown`,n=e?`Collapse`:`Expand`;return{"aria-label":n,className:`vui-sidemenu-item-expand`,variant:z.buttonVariant,icon:t,size:`sm`,pl:`4px`,pr:`16px`,ml:`auto`,h:`100%`,border:`none`,bg:`transparent`,hoverBg:`transparent`,activeBg:`transparent`}},[F,z.buttonVariant]),U=()=>v(x,{isDark:j,className:o,buttonStyles:V,isExactlyActive:L,icon:d,title:O,isMenuExpanded:M,children:a||void 0}),W=()=>C===0&&!M?v(u,{text:O,placement:`right`,offset:[0,-200],children:y(c,{className:n(`vui-sidemenu-item focusAsBorder`,L&&`vui-sidemenu-item--active`,o),...V,isActive:L,children:[v(p,{icon:d,iconSize:V.iconSize}),M&&R.shouldShowExpandButton&&v(c,{...H}),` `]})}):y(c,{className:n(`vui-sidemenu-item focusAsBorder`,L&&`vui-sidemenu-item--active`,o),...V,isActive:L,title:M?void 0:O,children:[v(p,{icon:d,iconSize:V.iconSize,title:O,isMenuExpanded:M,badge:t.badge,badgeLinkUrl:t.badgeLinkUrl}),M&&R.shouldShowExpandButton&&v(c,{...H}),` `]}),G=()=>v(s,{flexDirection:`column`,justifyContent:`start`,w:`100%`,children:a}),K=!!(!M&&C===0&&a),q=R.hasChildrenExpanded;return y(s,{flexDirection:`column`,ref:i,w:`100%`,mt:w?`auto`:0,id:A,children:[K&&U(),!K&&W(),q&&G()]})});S.displayName=`SidemenuItemV2`;var C=S;export{C as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=sidemenuItemV2.js.map

package/dist/sidemenuV2/sidemenuItemV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItemV2.js","names":["T","Badge","Box","Icon","useSidemenuItem","isExpanded","Button"],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"sourcesContent":["import type { MouseEvent } from 'react'\nimport { useEffect, useMemo, useCallback, memo } from 'react'\n\nimport Badge from '../badge'\nimport type { BadgeProps } from '../badge/badge.types'\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, styled, th, vui } from '../core'\nimport Icon from '../icon'\nimport type { IconProp } from '../icon'\nimport Popover from '../popover'\nimport T from '../t'\nimport { cs, generateMenuItemId } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport type { SidemenuItemV2Props } from './sidemenuV2.types'\nimport useSidemenuItem from './useSidemenuItem'\n\n// Internal component for sidemenu item content\ninterface SidemenuItemContentProps {\n  icon?: IconProp\n  iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  title: string\n  isMenuExpanded?: boolean\n  isInPopover?: boolean\n  badge?: Pick<BadgeProps, 'text' | 'variant'>\n  badgeLinkUrl?: string\n}\n\nconst SidemenuItemContent = memo<SidemenuItemContentProps>(\n  ({ icon, iconSize = 'sm', title, isMenuExpanded, isInPopover, badge, badgeLinkUrl }) => {\n    // Calculate dynamic margins based on menu state\n    const iconBaseMarginLeft = 13 / 8 // 1.625rem (13px)\n    const iconMarginRight = isMenuExpanded\n      ? 10 / 8 // 1.25rem (10px) when expanded\n      : 20 / 8 // 2.5rem (20px) when collapsed\n\n    if (isInPopover)\n      return (\n        <>\n          <T isTruncated size=\"sm\" display=\"inline-block\" fontWeight=\"500\" ml={iconBaseMarginLeft}>\n            {title}\n          </T>\n          {badge && typeof badge === 'object' && typeof badge.text === 'string' && badge.text.trim() !== '' && (\n            <Badge\n              {...badge}\n              data-link={btoa(badgeLinkUrl ?? '#')}\n              variant={badge.variant ?? 'subtleGreen'}\n              size=\"sm\"\n              minW=\"32px\"\n              fontSize=\"12px\"\n              lineHeight=\"16px\"\n              ml=\"10px\"\n              mr=\"10px\"\n            />\n          )}\n        </>\n      )\n\n    return (\n      <>\n        {/* Icon container with responsive margins */}\n        <Box ml={iconBaseMarginLeft} mr={iconMarginRight} w=\"20px\" transition=\"margin 0.2s ease-in-out\">\n          {icon && <Icon name={icon} size={iconSize} />}\n        </Box>\n\n        {/* Menu item title and badge */}\n        <T isTruncated size=\"sm\" display=\"inline-block\">\n          {title}\n        </T>\n        {badge && typeof badge === 'object' && typeof badge.text === 'string' && badge.text.trim() !== '' && (\n          <Badge\n            {...badge}\n            data-link={btoa(badgeLinkUrl ?? '#')}\n            variant={badge.variant ?? 'subtleGreen'}\n            size=\"sm\"\n            minW=\"32px\"\n            fontSize=\"12px\"\n            lineHeight=\"16px\"\n            ml=\"10px\"\n            mr=\"10px\"\n          />\n        )}\n      </>\n    )\n  },\n)\n\nSidemenuItemContent.displayName = 'SidemenuItemContent'\n\nexport const PopoverHovered = styled.div<{ hoverColor: string }>`\n  &:hover .vui-sidemenu-item-popover .vui-button.vui-button {\n    background: ${p => th.color(p.hoverColor)};\n  }\n  &:hover div:last-child .tippy-content .vui-sidemenu-item-content > .vui-box > .vui-button.vui-button {\n    background: ${p => th.color(p.hoverColor)};\n  }\n`\n\n/** A menu item. */\nexport const SidemenuItemV2 = vui<'button', SidemenuItemV2Props>((props, ref) => {\n  const {\n    children,\n    className,\n    disabled = false,\n    icon,\n    isActive = false,\n    isExpanded = true,\n    itemId,\n    level = 0,\n    onBottom = false,\n    onClick,\n    onCollapse,\n    onExpand,\n    title,\n    ...rest\n  } = omitThemingProps(props)\n\n  // Use consistent itemId generation - prioritize provided itemId, then use utility function\n  const computedItemId = itemId || generateMenuItemId(title, level) || `item-${Math.random().toString(36).substr(2, 9)}`\n\n  const { isDark, isMenuExpanded, styles, size, isSubmenuOpen, toggleSubmenu } = useSidemenuItem(computedItemId)\n\n  // Use the isActive prop directly - parent should handle exact path matching\n  const isExactlyActive = isActive\n\n  useEffect(() => {\n    // Only call onExpand/onCollapse if the main menu is expanded\n    // This prevents child items from expanding the main menu when it's collapsed\n    if (isMenuExpanded) {\n      if (isSubmenuOpen) onExpand?.()\n      if (!isSubmenuOpen) onCollapse?.()\n    }\n  }, [isSubmenuOpen, onExpand, onCollapse, isMenuExpanded])\n\n  // Memoized computed values for better performance\n  const computedStates = useMemo(() => {\n    const hasChildren = !!children\n    const isSubmenuCollapsed = hasChildren && !isSubmenuOpen\n    // Only allow submenu expansion when main menu is expanded\n    const isSubmenuExpanded = hasChildren && isSubmenuOpen && isMenuExpanded\n    const shouldShowExpandButton = hasChildren && isMenuExpanded\n    const buttonSize = level < 1 ? ('lg' as const) : ('md' as const)\n    const iconSize = level < 1 ? ('sm' as const) : ('xs' as const)\n\n    const states = {\n      hasChildren,\n      hasChildrenCollapsed: isSubmenuCollapsed,\n      hasChildrenExpanded: isSubmenuExpanded,\n      shouldShowExpandButton,\n      buttonSize,\n      iconSize,\n      isDisabled: disabled,\n      shouldShowBorder: !hasChildren || isSubmenuOpen,\n    }\n\n    return states\n  }, [children, isSubmenuOpen, isMenuExpanded, disabled, size, level])\n\n  // Memoized theme values to prevent recalculation\n  const themeValues = useMemo(\n    () => ({\n      activeColor: isDark ? 'digiGreen.main' : 'seaBlue.main',\n      buttonVariant: isDark ? 'menuDark' : 'menuLight',\n    }),\n    [isDark],\n  )\n\n  // Optimized stable callback\n  const handleClick = useCallback(\n    (event: MouseEvent) => {\n      if (!computedStates.isDisabled) {\n        const targetTag = event.target as HTMLElement\n        if (\n          (targetTag.classList.contains('vui-tagText') || targetTag.classList.contains('vui-tag')) &&\n          typeof window !== 'undefined' &&\n          (targetTag.parentElement?.dataset.link || targetTag?.dataset.link)\n        ) {\n          const url = atob(targetTag.parentElement?.dataset.link ?? targetTag?.dataset.link ?? '')\n          window.open(url, '_blank', 'noopener,noreferrer')\n        } else {\n          event?.stopPropagation?.()\n          onClick?.()\n        }\n      }\n      toggleSubmenu?.()\n    },\n    [onClick, computedStates.isDisabled],\n  )\n\n  // Memoized button styles - Major performance improvement\n  const buttonStyles = useMemo(\n    () => ({\n      // Get base item styles from theme\n      ...(styles && 'item' in styles && styles.item ? styles.item : {}),\n\n      // Dynamic border color based on active state\n      borderLeftColor: isExactlyActive ? themeValues.activeColor : 'transparent',\n\n      // Animation properties (enhanced from theme)\n      transitionProperty: 'background-color, border-color, color, transform, opacity',\n\n      // Button specific properties\n      size: computedStates.buttonSize,\n      h: computedStates.buttonSize === 'lg' ? 40 : 36,\n      iconSize: computedStates.iconSize,\n      variant: themeValues.buttonVariant,\n\n      // Event handlers\n      onClick: handleClick,\n      disabled: computedStates.isDisabled,\n\n      // Accessibility\n      role: 'button',\n      tabIndex: computedStates.isDisabled ? -1 : 0,\n      'aria-disabled': computedStates.isDisabled,\n      'aria-pressed': isExactlyActive,\n\n      // Merge custom props\n      ...rest,\n    }),\n    [\n      // Dependencies grouped logically - simplified since computedStates contains most values\n      styles,\n      computedStates,\n      isExactlyActive,\n      themeValues,\n      handleClick,\n      rest,\n    ],\n  )\n\n  // Memoized expand/collapse button properties\n  const expandButtonProps = useMemo(() => {\n    const isExpanded = isSubmenuOpen\n    const chevronIcon = isExpanded ? 'falChevronUp' : 'falChevronDown'\n    const ariaLabel = isExpanded ? 'Collapse' : 'Expand'\n\n    return {\n      'aria-label': ariaLabel,\n      className: 'vui-sidemenu-item-expand',\n      variant: themeValues.buttonVariant,\n      icon: chevronIcon,\n      size: 'sm' as const,\n      pl: '4px',\n      pr: '16px',\n      ml: 'auto',\n      h: '100%',\n      border: 'none',\n      bg: 'transparent',\n      hoverBg: 'transparent',\n      activeBg: 'transparent',\n    }\n  }, [isSubmenuOpen, themeValues.buttonVariant])\n\n  return (\n    <Box flexDirection=\"column\" ref={ref} w=\"100%\" mt={onBottom ? 'auto' : 0} id={computedItemId}>\n      {!isMenuExpanded && children ? (\n        <Popover offset={[0, collapsedWidth - expandedWidth - 2]} placement=\"right-start\" trigger=\"mouseenter\">\n          {({ isOpen }) => (\n            <PopoverHovered hoverColor={isDark ? '#003591' : '#d3eef8'}>\n              <Popover.Trigger as={Box} className={cs('vui-sidemenu-item-popover', className)}>\n                <Button\n                  {...buttonStyles}\n                  borderLeft={`3px solid ${isDark ? 'digiGreen.main' : 'seaBlue.main'}`}\n                  isActive={isExactlyActive}\n                >\n                  <SidemenuItemContent\n                    icon={icon}\n                    iconSize={buttonStyles.iconSize}\n                    title={title}\n                    isMenuExpanded={isMenuExpanded}\n                  />\n                </Button>\n              </Popover.Trigger>\n              <Popover.Content elevation=\"none\" className={cs('vui-sidemenu-item-content', className)}>\n                <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n                  <Button\n                    {...buttonStyles}\n                    borderLeftColor={'transparent!important'}\n                    minW={'240px'}\n                    isActive={isOpen && isExactlyActive}\n                  >\n                    <SidemenuItemContent title={title} isInPopover={true} />\n                  </Button>\n                  {children}\n                </Box>\n              </Popover.Content>\n            </PopoverHovered>\n          )}\n        </Popover>\n      ) : (\n        <Button\n          className={cs('vui-sidemenu-item', isExactlyActive && 'vui-sidemenu-item--active', className)}\n          {...buttonStyles}\n          isActive={isExactlyActive}\n        >\n          <SidemenuItemContent\n            icon={icon}\n            iconSize={buttonStyles.iconSize}\n            title={title}\n            isMenuExpanded={isMenuExpanded}\n            badge={props.badge}\n            badgeLinkUrl={props.badgeLinkUrl}\n          />\n          {computedStates.shouldShowExpandButton && <Button {...expandButtonProps} />} {/* Expand/Collapse button */}\n        </Button>\n      )}\n      {computedStates.hasChildrenExpanded && (\n        <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n          {children}\n        </Box>\n      )}\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuItemV2Props>\n\nSidemenuItemV2.displayName = 'SidemenuItemV2'\n\nexport default SidemenuItemV2\n"],"mappings":"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"}
+{"version":3,"file":"sidemenuItemV2.js","names":["colors","Box","Button","SidemenuItemContent","useSidemenuItem","isExpanded","Tooltip"],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"sourcesContent":["import type { MouseEvent } from 'react'\nimport { useEffect, useMemo, useCallback } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, styled, th, vui } from '../core'\nimport Popover from '../popover'\nimport { colors } from '../theme'\nimport Tooltip from '../tooltip'\nimport { cs, generateMenuItemId } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport SidemenuItemContent from './SidemenuItemContent'\nimport type { SidemenuItemV2Props } from './sidemenuV2.types'\nimport useSidemenuItem from './useSidemenuItem'\n\nexport const PopoverHovered = styled.div<{ hoverColor: string }>`\n  &:hover .vui-sidemenu-item-popover .vui-button.vui-button {\n    background: ${p => th.color(p.hoverColor)};\n  }\n  &:hover div:last-child .tippy-content .vui-sidemenu-item-content > .vui-box > .vui-button.vui-button {\n    background: ${p => th.color(p.hoverColor)};\n  }\n`\n\n// SidemenuPopover component extracted from inline Popover logic\nconst SidemenuPopover = ({\n  isDark,\n  className,\n  buttonStyles,\n  isExactlyActive,\n  icon,\n  title,\n  isMenuExpanded,\n  children,\n}: {\n  isDark: boolean\n  className?: string\n  buttonStyles: any\n  isExactlyActive: boolean\n  icon?: any\n  title: string\n  isMenuExpanded: boolean\n  children: React.ReactNode\n}) => (\n  <Popover offset={[0, collapsedWidth - expandedWidth - 2]} placement=\"right-start\" trigger=\"mouseenter\">\n    {({ isOpen }: { isOpen: boolean }) => (\n      <PopoverHovered hoverColor={isDark ? colors.seaBlue.main : colors.skyBlue.selected}>\n        <Popover.Trigger as={Box} className={cs('vui-sidemenu-item-popover', className)}>\n          <Button\n            {...buttonStyles}\n            borderLeft={`3px solid ${isDark ? 'digiGreen.main' : 'seaBlue.main'}`}\n            isActive={isExactlyActive}\n            className={cs('focusAsBorder')}\n          >\n            <SidemenuItemContent\n              icon={icon}\n              iconSize={buttonStyles.iconSize}\n              title={title}\n              isMenuExpanded={isMenuExpanded}\n            />\n          </Button>\n        </Popover.Trigger>\n        <Popover.Content elevation=\"none\" className={cs('vui-sidemenu-item-content', className)}>\n          <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n            <Button\n              {...buttonStyles}\n              borderLeftColor={'transparent!important'}\n              minW={'240px'}\n              isActive={isOpen && isExactlyActive}\n              className={cs('focusAsBorder')}\n            >\n              <SidemenuItemContent title={title} isInPopover={true} />\n            </Button>\n            {children}\n          </Box>\n        </Popover.Content>\n      </PopoverHovered>\n    )}\n  </Popover>\n)\n\n/** A menu item. */\nexport const SidemenuItemV2 = vui<'button', SidemenuItemV2Props>((props, ref) => {\n  const {\n    children,\n    className,\n    disabled = false,\n    icon,\n    isActive = false,\n    isExpanded = true,\n    itemId,\n    level = 0,\n    onBottom = false,\n    onClick,\n    onCollapse,\n    onExpand,\n    title,\n    ...rest\n  } = omitThemingProps(props)\n\n  // Use consistent itemId generation - prioritize provided itemId, then use utility function\n  const computedItemId = itemId || generateMenuItemId(title, level) || `item-${Math.random().toString(36).substr(2, 9)}`\n\n  const { isDark, isMenuExpanded, styles, size, isSubmenuOpen, toggleSubmenu } = useSidemenuItem(computedItemId)\n\n  // Use the isActive prop directly - parent should handle exact path matching\n  const isExactlyActive = isActive\n\n  useEffect(() => {\n    // Only call onExpand/onCollapse if the main menu is expanded\n    // This prevents child items from expanding the main menu when it's collapsed\n    if (isMenuExpanded) {\n      if (isSubmenuOpen) onExpand?.()\n      if (!isSubmenuOpen) onCollapse?.()\n    }\n  }, [isSubmenuOpen, onExpand, onCollapse, isMenuExpanded])\n\n  // Memoized computed values for better performance\n  const computedStates = useMemo(() => {\n    const hasChildren = !!children\n    const isSubmenuCollapsed = hasChildren && !isSubmenuOpen\n    // Only allow submenu expansion when main menu is expanded\n    const isSubmenuExpanded = hasChildren && isSubmenuOpen && isMenuExpanded\n    const shouldShowExpandButton = hasChildren && isMenuExpanded\n    const buttonSize = level < 1 ? ('lg' as const) : ('md' as const)\n    const iconSize = level < 1 ? ('sm' as const) : ('xs' as const)\n\n    const states = {\n      hasChildren,\n      hasChildrenCollapsed: isSubmenuCollapsed,\n      hasChildrenExpanded: isSubmenuExpanded,\n      shouldShowExpandButton,\n      buttonSize,\n      iconSize,\n      isDisabled: disabled,\n      shouldShowBorder: !hasChildren || isSubmenuOpen,\n    }\n\n    return states\n  }, [children, isSubmenuOpen, isMenuExpanded, disabled, size, level])\n\n  // Memoized theme values to prevent recalculation\n  const themeValues = useMemo(\n    () => ({\n      activeColor: isDark ? 'digiGreen.main' : 'seaBlue.main',\n      buttonVariant: isDark ? 'menuDark' : 'menuLight',\n    }),\n    [isDark],\n  )\n\n  // Optimized stable callback\n  const handleClick = useCallback(\n    (event: MouseEvent) => {\n      if (!computedStates.isDisabled) {\n        const targetTag = event.target as HTMLElement\n        if (\n          (targetTag.classList.contains('vui-tagText') || targetTag.classList.contains('vui-tag')) &&\n          typeof window !== 'undefined' &&\n          (targetTag.parentElement?.dataset.link || targetTag?.dataset.link)\n        ) {\n          const url = atob(targetTag.parentElement?.dataset.link ?? targetTag?.dataset.link ?? '')\n          window.open(url, '_blank', 'noopener,noreferrer')\n        } else {\n          event?.stopPropagation?.()\n          onClick?.()\n        }\n      }\n      toggleSubmenu?.()\n    },\n    [onClick, computedStates.isDisabled],\n  )\n\n  // Memoized button styles - Major performance improvement\n  const buttonStyles = useMemo(\n    () => ({\n      // Get base item styles from theme\n      ...(styles && 'item' in styles && styles.item ? styles.item : {}),\n\n      // Dynamic border color based on active state\n      borderLeftColor: isExactlyActive ? themeValues.activeColor : 'transparent',\n\n      // Animation properties (enhanced from theme)\n      transitionProperty: 'background-color, border-color, color, transform, opacity',\n\n      // Button specific properties\n      size: computedStates.buttonSize,\n      h: computedStates.buttonSize === 'lg' ? 40 : 36,\n      iconSize: computedStates.iconSize,\n      variant: themeValues.buttonVariant,\n\n      // Event handlers\n      onClick: handleClick,\n      disabled: computedStates.isDisabled,\n\n      // Accessibility\n      role: 'button',\n      tabIndex: computedStates.isDisabled ? -1 : 0,\n      'aria-disabled': computedStates.isDisabled,\n      'aria-pressed': isExactlyActive,\n\n      // Merge custom props\n      ...rest,\n    }),\n    [\n      // Dependencies grouped logically - simplified since computedStates contains most values\n      styles,\n      computedStates,\n      isExactlyActive,\n      themeValues,\n      handleClick,\n      rest,\n    ],\n  )\n\n  // Memoized expand/collapse button properties\n  const expandButtonProps = useMemo(() => {\n    const isExpanded = isSubmenuOpen\n    const chevronIcon = isExpanded ? 'falChevronUp' : 'falChevronDown'\n    const ariaLabel = isExpanded ? 'Collapse' : 'Expand'\n\n    return {\n      'aria-label': ariaLabel,\n      className: 'vui-sidemenu-item-expand',\n      variant: themeValues.buttonVariant,\n      icon: chevronIcon,\n      size: 'sm' as const,\n      pl: '4px',\n      pr: '16px',\n      ml: 'auto',\n      h: '100%',\n      border: 'none',\n      bg: 'transparent',\n      hoverBg: 'transparent',\n      activeBg: 'transparent',\n    }\n  }, [isSubmenuOpen, themeValues.buttonVariant])\n\n  // Helper: Render collapsed popover\n  const renderPopover = () => (\n    <SidemenuPopover\n      isDark={isDark}\n      className={className}\n      buttonStyles={buttonStyles}\n      isExactlyActive={isExactlyActive}\n      icon={icon}\n      title={title}\n      isMenuExpanded={isMenuExpanded}\n    >\n      {children ? children : undefined}\n    </SidemenuPopover>\n  )\n\n  // Helper: Render expanded button\n  const renderButton = () => {\n    if (level === 0 && !isMenuExpanded) {\n      return (\n        <Tooltip text={title} placement=\"right\" offset={[0, -200]}>\n          <Button\n            className={cs('vui-sidemenu-item focusAsBorder', isExactlyActive && 'vui-sidemenu-item--active', className)}\n            {...buttonStyles}\n            isActive={isExactlyActive}\n          >\n            <SidemenuItemContent icon={icon} iconSize={buttonStyles.iconSize} />\n            {isMenuExpanded && computedStates.shouldShowExpandButton && <Button {...expandButtonProps} />}{' '}\n          </Button>\n        </Tooltip>\n      )\n    }\n\n    return (\n      <Button\n        className={cs('vui-sidemenu-item focusAsBorder', isExactlyActive && 'vui-sidemenu-item--active', className)}\n        {...buttonStyles}\n        isActive={isExactlyActive}\n        title={!isMenuExpanded ? title : undefined}\n      >\n        <SidemenuItemContent\n          icon={icon}\n          iconSize={buttonStyles.iconSize}\n          title={title}\n          isMenuExpanded={isMenuExpanded}\n          badge={props.badge}\n          badgeLinkUrl={props.badgeLinkUrl}\n        />\n        {isMenuExpanded && computedStates.shouldShowExpandButton && <Button {...expandButtonProps} />}{' '}\n        {/* Expand/Collapse button */}\n      </Button>\n    )\n    // No leftover return, handled above\n  }\n\n  // Helper: Render expanded children\n  const renderChildren = () => (\n    <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n      {children}\n    </Box>\n  )\n\n  const shouldShowPopover = Boolean(!isMenuExpanded && level === 0 && !!children)\n  const shouldShowChildren = computedStates.hasChildrenExpanded\n\n  return (\n    <Box flexDirection=\"column\" ref={ref} w=\"100%\" mt={onBottom ? 'auto' : 0} id={computedItemId}>\n      {shouldShowPopover && renderPopover()}\n      {!shouldShowPopover && renderButton()}\n      {shouldShowChildren && renderChildren()}\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuItemV2Props>\n\nSidemenuItemV2.displayName = 'SidemenuItemV2'\n\nexport default SidemenuItemV2\n"],"mappings":"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"}

package/dist/sidemenuV2/sidemenuTopV2.d.ts

@@ -0,0 +1,12 @@
+import { SidemenuTopPropsV2 } from "./sidemenuV2.types.js";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
+
+//#region src/sidemenuV2/sidemenuTopV2.d.ts
+/** Top container. */
+declare const SidemenuTopV2: {
+  (props: SidemenuTopPropsV2): react_jsx_runtime15.JSX.Element | null;
+  displayName: string;
+};
+//#endregion
+export { SidemenuTopV2 };
+//# sourceMappingURL=sidemenuTopV2.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidemenuTopV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuTopV2.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa;UAAwB,qBAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;EAA1C,WAAA,CAAA,CAAA,MAgBZ;CAAA"}

package/dist/sidemenuV2/sidemenuTopV2.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{Box as r}from"../box/box.js";import{collapsedWidth as i}from"./consts.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=s=>{let{className:c,leftSlot:l,rightSlot:u,...d}=t(s),f=n(`Sidemenu`,s);return!l&&!u?null:o(r,{className:e(`vui-sidemenu-top`,c),mb:1,w:`100%`,...f.sidemenuTop,...d,children:[!!l&&a(r,{alignItems:`center`,className:`vui-sidemenu-top-left`,minW:i,children:l}),!!u&&a(r,{className:`vui-sidemenu-top-left`,children:u})]})};s.displayName=`SidemenuTopV2`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//# sourceMappingURL=sidemenuTopV2.js.map

package/dist/sidemenuV2/sidemenuTopV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidemenuTopV2.js","names":[],"sources":["../../src/sidemenuV2/sidemenuTopV2.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { omitThemingProps, useStyleConfig } from '../core'\nimport { cs } from '../utils'\nimport { collapsedWidth } from './consts'\nimport type { SidemenuTopPropsV2 } from './sidemenuV2.types'\n\n/** Top container. */\nexport const SidemenuTopV2 = (props: SidemenuTopPropsV2) => {\n  const { className, leftSlot, rightSlot, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Sidemenu', props)\n\n  if (!leftSlot && !rightSlot) return null\n\n  return (\n    <Box className={cs('vui-sidemenu-top', className)} mb={1} w=\"100%\" {...styles.sidemenuTop} {...rest}>\n      {!!leftSlot && (\n        <Box alignItems=\"center\" className=\"vui-sidemenu-top-left\" minW={collapsedWidth}>\n          {leftSlot}\n        </Box>\n      )}\n      {!!rightSlot && <Box className=\"vui-sidemenu-top-left\">{rightSlot}</Box>}\n    </Box>\n  )\n}\n\nSidemenuTopV2.displayName = 'SidemenuTopV2'\n\nexport default SidemenuTopV2\n"],"mappings":"mPAOA,MAAa,EAAiB,GAA8B,CAC1D,GAAM,CAAE,YAAW,WAAU,YAAW,GAAG,GAAS,EAAiB,EAAM,CACrE,EAAS,EAAe,WAAY,EAAM,CAIhD,MAFI,CAAC,GAAY,CAAC,EAAkB,KAGlC,EAAC,EAAA,CAAI,UAAW,EAAG,mBAAoB,EAAU,CAAE,GAAI,EAAG,EAAE,OAAO,GAAI,EAAO,YAAa,GAAI,YAC5F,CAAC,CAAC,GACD,EAAC,EAAA,CAAI,WAAW,SAAS,UAAU,wBAAwB,KAAM,WAC9D,GACG,CAEP,CAAC,CAAC,GAAa,EAAC,EAAA,CAAI,UAAU,iCAAyB,GAAgB,CAAA,EACpE,EAIV,EAAc,YAAc,gBAE5B,IAAA,EAAe"}

package/dist/sidemenuV2/sidemenuV2.d.ts

@@ -2,11 +2,13 @@ import { VuiComponent } from "../core/vui.js";
 import { SidemenuStateProvider, useSidemenuContext } from "./context.js";
 import { SidemenuV2Props } from "./sidemenuV2.types.js";
 import { SidemenuItemV2 } from "./sidemenuItemV2.js";
+import { SidemenuTopV2 } from "./sidemenuTopV2.js";
 
 //#region src/sidemenuV2/sidemenuV2.d.ts
 /** A collapsible side menu for navigation. */
 declare const SidemenuV2: VuiComponent<"div", SidemenuV2Props> & {
   Item: typeof SidemenuItemV2;
+  Top: typeof SidemenuTopV2;
 };
 //#endregion
 export { SidemenuV2 };

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

@@ -1 +1 @@
-{"version":3,"file":"sidemenuV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuV2.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAiBa,cAAA,UAqBZ,EAFK,YAEL,CAAA,KAAA,EAFyB,eAEzB,CAAA,GAAA;EAAA,IAAA,EAAA,OADc,cACd"}
+{"version":3,"file":"sidemenuV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuV2.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAkBa,OAAA,CAAA,KAAA,CAAA,UA6CZ,CAAA,CAHK,YAGL,CAAA,CAAA,GAAA,CAAA,CAAA,CAHyB,eAGzB,CAAA,CAAA,CAAA,CAAA;EAAA,IAAA,CAAA,CAAA,MAAA,CAFc,cAEd;KAHyB,CAAA,CAAA,MAAA,CAEZ,aAFY"}

package/dist/sidemenuV2/sidemenuV2.js

@@ -1,2 +1,2 @@
-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{createElement as p,useCallback as m,useMemo as h}from"react";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=i((e,t)=>{let{isExpandedInitial:n=!0,size:r,variant:i=`light`,onExpandedChange:a}=e;return g(u,{isExpandedInitial:n,onExpandedChange:a,variant:i,size:r,isDark:i===`dark`,children:g(y,{...e,ref:t})})}),y=i((i,u)=>{let{children:v,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=h(()=>({isDark:w===`dark`,hasItems:!!b,shouldShowItems:!!b&&b.length>0,isMenuSticky:S,isMenuExpanded:k}),[w,b,S,k]),N=h(()=>{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=h(()=>`falArrow${N.toggleArrowDirection}`,[N.toggleArrowDirection]),F=m(()=>{let e=!M.isMenuExpanded;x&&!x(`toggle`,M.isMenuExpanded)||A?.(e)},[M.isMenuExpanded,x,A]),I=m(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=h(()=>(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=h(()=>M.shouldShowItems?b?.map?.((t,r)=>{let i=t.itemId||t.path||e(t.title,t.level||0)||`item-${r}`,a=t.isActive===void 0?n(t?.path||``):t.isActive;return g(f,{isActive:a,onBottom:t.onBottom,itemId:i,level:t.level||0,...t,onClick:L[i]},i)}):v,[M.shouldShowItems,M.isMenuExpanded,b,v,L]),z=h(()=>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=h(()=>({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=h(()=>({"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 _(a,{elevation:`3`,...B,children:[g(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}),g(a,{className:`vui-sidemenu-bottom`,justifyContent:M.isMenuExpanded?`flex-end`:`flex-start`,borderTop:`1px solid sandstone.main`,children:p(s,{...V,key:`sidemenu-toggle-button`},g(o,{name:P,size:`sm`,"aria-hidden":`true`}))})]})});v.Item=f,v.displayName=`SidemenuV2`;export{v as SidemenuV2};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+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`;
 //# sourceMappingURL=sidemenuV2.js.map

package/dist/sidemenuV2/sidemenuV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuV2.js","names":["isSticky","SidemenuItemV2","Box","Button","Icon"],"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 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    size,\n    variant = 'light',\n    onExpandedChange,\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 {...props} ref={ref} />\n    </SidemenuStateProvider>\n  )\n}) as VuiComponent<'div', SidemenuV2Props> & {\n  Item: typeof SidemenuItemV2\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=\"3\" {...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 SidemenuTop\n  Item: typeof SidemenuItemV2\n}\n\nSidemenuV2.Item = SidemenuItemV2\nSidemenuV2.displayName = 'SidemenuV2'\n\nexport default SidemenuV2\n"],"mappings":"8mBAiBA,MAAa,EAAa,GAA6B,EAAO,IAAQ,CACpE,GAAM,CACJ,oBAAoB,GACpB,OACA,UAAU,QACV,oBACE,EAEJ,OACE,EAAC,EAAA,CACoB,oBACD,mBACT,UACH,OACN,OAAQ,IAAY,gBAEpB,EAAC,EAAA,CAAc,GAAI,EAAY,OAAO,EAChB,EAE1B,CAKI,EAAgB,GAA6B,EAAO,IAAQ,CAChE,GAAM,CACJ,WACA,YACA,QACA,eACA,WAAW,GACX,OACA,UAAU,QACV,QAAQ,EACR,MACA,aACA,GAAG,GACD,EAIE,CAAE,iBAAiB,GAAO,iBADhB,GAAoB,EACyB,EAAE,CAGzD,EAAS,EAAe,aAAc,EAAM,CAG5C,EAAa,OACV,CACL,OAAQ,IAAY,OACpB,SAAU,CAAC,CAAC,EACZ,gBAAiB,CAAC,CAAC,GAAS,EAAM,OAAS,EAC3C,aAAc,EACE,iBACjB,EACD,CAAC,EAAS,EAAO,EAAU,EAAe,CAC3C,CAGK,EAAiB,MAAc,CAEnC,IAAM,EAAoB,EAAO,cAAgB,EAAE,CAC7C,EAAc,GAAQ,KAEtB,GADc,EAAe,QAAQ,IAAgB,EAAE,EACpB,cAAgB,EAAE,CAGrD,EAAe,CACnB,WAAY,EAAsB,YAAc,EAAkB,YAAc,GAChF,YAAa,EAAsB,aAAe,EAAkB,aAAe,EACnF,0BAA2B,EAAkB,2BAA6B,EAC1E,cAAe,EAAkB,eAAiB,OAClD,eAAgB,EAAkB,gBAAkB,OACrD,CAYD,MAAO,CACL,UAAW,EAAW,eAAiB,EAAQ,EAC/C,qBAAsB,EAAW,eAAiB,OAAS,QAC3D,0BAA2B,EAAW,eAAiB,WAAa,SACpE,oBAAqB,EAAO,cAAc,UAAY,EAAW,OAAS,gBAAkB,gBAC5F,gBAAiB,EAAW,eAAiB,gBAAkB,cAC/D,oBAAqB,EAAa,YAClC,4BAA6B,EAAW,eACpC,EAAa,YAAc,EAAa,0BACxC,EAAa,YACjB,mBAAoB,EAAa,WACjC,kBAAmB,EAAW,eAAiB,EAAa,cAAgB,EAAa,eACzF,aAAc,EAAW,aAAe,SAAW,SACnD,kBAtB0B,EAAmB,IACxCA,EAED,OAAO,GAAa,SAAiB,EACrC,OAAO,GAAa,SAAiB,GAAG,EAAS,IAE9C,MALe,QAqBc,EAAW,aAAc,EAAI,CAClE,EACA,CAAC,EAAY,EAAO,EAAK,EAAQ,EAAK,CAAC,CAGpC,EAAa,MACX,WAAW,EAAe,uBAChC,CAAC,EAAe,qBAAqB,CACtC,CAGK,EAAe,MAAkB,CACrC,IAAM,EAAmB,CAAC,EAAW,eAGjC,GAAgB,CAAC,EAAa,SAAU,EAAW,eAAe,EAKtE,IAAgB,EAAiB,EAChC,CAAC,EAAW,eAAgB,EAAc,EAAc,CAAC,CAGtD,EAAkB,EACrB,GAA8B,CAE7B,GAAI,GAAgB,GAAM,KAAM,CAC9B,IAAM,EAAoB,EAAa,aAAc,EAAW,eAAe,CAC3E,OAAO,GAAsB,WAAa,IAAsB,EAAW,gBAC7E,IAAgB,EAAkB,CAItC,GAAM,WAAW,CAEb,GAAM,MAAM,IAAa,EAAK,KAAK,EAEzC,CAAC,EAAY,EAAc,EAAW,eAAgB,EAAc,CACrE,CAGK,EAAoB,OAChB,GAAS,EAAE,EAAE,QAAoC,EAAU,EAAM,IAAU,CACjF,IAAM,EAAS,EAAK,QAAU,EAAK,MAAQ,EAAmB,EAAK,MAAO,EAAK,OAAS,EAAE,EAAI,QAAQ,IAEtG,MADA,GAAS,OAAgB,EAAgB,EAAK,CACvC,GACN,EAAE,CAAC,CACL,CAAC,EAAO,EAAgB,CAAC,CAGtB,EAAgB,MACf,EAAW,gBAET,GAAO,OAAO,EAA2B,IAAkB,CAEhE,IAAM,EAAS,EAAK,QAAU,EAAK,MAAQ,EAAmB,EAAK,MAAO,EAAK,OAAS,EAAE,EAAI,QAAQ,IAGhG,EAAqB,EAAK,WAAa,IAAA,GAA4B,EAAa,GAAM,MAAQ,GAAG,CAA9C,EAAK,SAE9D,OACE,EAACC,EAAAA,CACC,SAAU,EACV,SAAU,EAAK,SAEP,SACR,MAAO,EAAK,OAAS,EACrB,GAAI,EACJ,QAAS,EAAkB,IAJtB,EAKL,EAEJ,CApBsC,EAqBvC,CAAC,EAAW,gBAAiB,EAAW,eAAgB,EAAO,EAAU,EAAkB,CAAC,CAGzF,EAAa,MAEf,EACE,eACA,iBAAiB,IACjB,EAAW,gBAAkB,yBAC7B,CAAC,EAAW,gBAAkB,0BAC9B,EAAW,QAAU,qBACrB,EAAW,cAAgB,uBAC3B,EACD,CACH,CAAC,EAAS,EAAY,EAAU,CACjC,CAGK,EAAiB,OACd,CACL,UAAW,EACX,cAAe,SACf,UAAW,SACX,SAAU,EAAe,aACzB,MACA,IAAK,EAAe,gBACpB,mBAAoB,SACpB,mBAAoB,QACpB,EAAG,EAAe,UAElB,GAAG,EAAO,UACV,GAAG,EACJ,EACD,CACE,EACA,EAAe,aACf,EAAe,gBACf,EAAe,UACf,EACA,EAAO,UACP,EACD,CACF,CAGK,EAAoB,OACjB,CACL,gBAAiB,EAAW,eAC5B,aAAc,EAAe,gBAC7B,OAAQ,EACR,aAAc,EACd,eAAgB,EAAe,0BAC/B,UAAW,GAAG,EAAe,mBAAmB,IAChD,SAAU,EACV,QAAS,EACT,GAAI,EAAe,oBACnB,GAAI,GAAG,EAAe,4BAA4B,IAClD,KAAM,KACN,QAAS,EAAe,oBACxB,EAAG,EAAe,kBAClB,WAAY,EACZ,WAAY,EAAO,cAAc,YAAc,mDAChD,EACD,CACE,EAAe,gBACf,EAAe,0BACf,EAAe,oBACf,EAAe,oBACf,EAAe,4BACf,EAAe,mBACf,EAAe,kBACf,EAAW,eACX,EACA,EAAO,aACR,CACF,CAED,OACE,EAACC,EAAAA,CAAI,UAAU,IAAI,GAAI,YACrB,EAACA,EAAAA,CACC,UAAU,uBACV,cAAc,SACd,SAAU,EACV,eAAe,aACf,KAAM,EACN,UAAU,SACV,UAAU,OACV,EAAE,OACF,KAAK,aACL,aAAW,2BAEV,GACG,CAEN,EAACA,EAAAA,CACC,UAAU,sBACV,eAAgB,EAAW,eAAiB,WAAa,aACzD,UAAU,oCAEV,EAACC,EAAAA,CAAO,GAAI,EAAmB,IAAK,0BAClC,EAACC,EAAAA,CAAK,KAAM,EAAY,KAAK,KAAK,cAAY,QAAS,CAChD,EACL,CAAA,EACF,EAER,CAKF,EAAW,KAAOH,EAClB,EAAW,YAAc"}
+{"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

@@ -299,6 +299,14 @@ type SidemenuExpandEventV2 = {
   width: number;
   duration: number;
 };
+type SidemenuTopPropsV2 = BoxProps & {
+  /** Custom class name */
+  className?: string;
+  /** Left slot (always visible) */
+  leftSlot?: ReactNode;
+  /** Right slot (hidden if the sidemenu is collapsed) */
+  rightSlot?: ReactNode;
+};
 type SidemenuItemWithChildrenV2 = SidemenuItemV2Props & {
   children: SidemenuItemV2Props[];
 };
@@ -311,5 +319,5 @@ type SidemenuComponentV2Props = ComponentProps<'nav'> & SidemenuV2Props;
 type SidemenuItemComponentV2Props = ComponentProps<'button'> & SidemenuItemV2Props;
 type SidemenuTopComponentV2Props = ComponentProps<'div'> & SidemenuTopV2Props;
 //#endregion
-export { SidemenuCollapseModeV2, SidemenuComponentV2Props, SidemenuContextV2Value, SidemenuExpandEventV2, SidemenuFlatItemV2, SidemenuGroupV2Props, SidemenuItemBadgeV2Props, SidemenuItemClickEventV2, SidemenuItemComponentV2Props, SidemenuItemV2Props, SidemenuItemWithChildrenV2, SidemenuOrientationV2, SidemenuSizeV2, SidemenuTopComponentV2Props, SidemenuTopV2Props, SidemenuV2Props, SidemenuVariantV2, UseSidemenuItemV2Return, UseSidemenuV2Return };
+export { SidemenuCollapseModeV2, SidemenuComponentV2Props, SidemenuContextV2Value, SidemenuExpandEventV2, SidemenuFlatItemV2, SidemenuGroupV2Props, SidemenuItemBadgeV2Props, SidemenuItemClickEventV2, SidemenuItemComponentV2Props, SidemenuItemV2Props, SidemenuItemWithChildrenV2, SidemenuOrientationV2, SidemenuSizeV2, SidemenuTopComponentV2Props, SidemenuTopPropsV2, SidemenuTopV2Props, SidemenuV2Props, SidemenuVariantV2, UseSidemenuItemV2Return, UseSidemenuV2Return };
 //# sourceMappingURL=sidemenuV2.types.d.ts.map

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,2 @@
-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.6`;
+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`;
 //# sourceMappingURL=theme.js.map

package/dist/sidemenuV2/useSidemenuItem.js

@@ -1,2 +1,2 @@
-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.6`;
+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`;
 //# sourceMappingURL=useSidemenuItem.js.map

package/dist/skeleton/skeleton.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { SkeletonProps } from "./skeleton.types.js";
-import * as styled_components426 from "styled-components";
+import * as styled_components402 from "styled-components";
 
 //#region src/skeleton/skeleton.d.ts
-declare const SkeletonBase: styled_components426.StyledComponent<"div", styled_components426.DefaultTheme, SystemProps, never>;
+declare const SkeletonBase: styled_components402.StyledComponent<"div", styled_components402.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;;;;AAAZ,cAMA,QAJZ,EA4BK,YA5BL,CAAA,KAAA,EA4ByB,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;;;;AAAZ,OAAA,CAAA,KAAA,CAMA,QAJZ,CAAA,CA4BK,YA5BL,CAAA,CAAA,GAAA,CAAA,CAAA,CA4ByB,aA5BzB,CAAA"}

package/dist/skeleton/skeleton.js

@@ -1,4 +1,4 @@
 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`
   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.6`;
+`,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`;
 //# sourceMappingURL=skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.types.d.ts","names":[],"sources":["../../src/skeleton/skeleton.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,aAAA,GAAgB,cAC1B;;EADU,QAAA,CAAA,EAAA,KAAa;EAAA;aAAG,CAAA,EAAA,MAAA,GAAA,MAAA;;EACd,MAAA,CAAA,EAAA,MAAA"}
+{"version":3,"file":"skeleton.types.d.ts","names":[],"sources":["../../src/skeleton/skeleton.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;EADU,QAAA,CAAA,CAAA,CAAA,KAAa;EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;aAAG,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA;;EACd,MAAA,CAAA,CAAA,CAAA,MAAA"}

package/dist/skeleton/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{bg:`skyBlue.95`},defaultProps:{size:`md`,variant:`rect`},sizes:{xs:{h:24},sm:{h:32},md:{h:40},lg:{h:48}},variants:{circle:{borderRadius:`50%`},rect:{borderRadius:`md`,w:`100%`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{bg:`skyBlue.95`},defaultProps:{size:`md`,variant:`rect`},sizes:{xs:{h:24},sm:{h:32},md:{h:40},lg:{h:48}},variants:{circle:{borderRadius:`50%`},rect:{borderRadius:`md`,w:`100%`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=theme.js.map

package/dist/spinner/consts.js

@@ -1,2 +1,2 @@
-const e={bottom:{container:{flexDirection:`column`}},left:{container:{flexDirection:`row-reverse`}},right:{container:{flexDirection:`row`}},top:{container:{flexDirection:`column-reverse`}}},t={slow:`1s`,normal:`0.9s`,fast:`0.8s`};export{e as spinnerPositionMapping,t as spinnerSpeedMapping};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e={bottom:{container:{flexDirection:`column`}},left:{container:{flexDirection:`row-reverse`}},right:{container:{flexDirection:`row`}},top:{container:{flexDirection:`column-reverse`}}},t={slow:`1s`,normal:`0.9s`,fast:`0.8s`};export{e as spinnerPositionMapping,t as spinnerSpeedMapping};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=consts.js.map

package/dist/spinner/spinner.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { SpinnerProps } from "./spinner.types.js";
-import * as styled_components432 from "styled-components";
+import * as styled_components381 from "styled-components";
 
 //#region src/spinner/spinner.d.ts
-declare const SpinnerCircle: styled_components432.StyledComponent<"div", styled_components432.DefaultTheme, SystemProps, never>;
+declare const SpinnerCircle: styled_components381.StyledComponent<"div", styled_components381.DefaultTheme, SystemProps, never>;
 /**
  * Displays a spinning circular element with optional text to signify loading content.
  *

package/dist/spinner/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","names":[],"sources":["../../src/spinner/spinner.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,eAAa,oBAAA,CAAA,uBAIzB,oBAAA,CAJyB,YAAA;;;;;AAA1B;AAIC,cAOY,OAPZ,cAAA,CAAA,KAAA,EAOmB,YAPnB,CAAA"}
+{"version":3,"file":"spinner.d.ts","names":[],"sources":["../../src/spinner/spinner.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,eAAa,oBAAA,CAAA,uBAIzB,oBAAA,CAJyB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;AAA1B,CAAA,CAAA;AAIC,OAAA,CAAA,KAAA,CAOY,OAPZ,CAAA,CAOmB,YAPnB,CAAA,CAAA,GAAA,CAAA,CAAA,CAOmB,YAPnB,CAAA"}

package/dist/spinner/spinner.js

@@ -2,5 +2,5 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
   border-radius: round;
   display: flex;
   flex-shrink: 0;
-`,f=i((r,i)=>{let{className:f,emptyColor:p,size:m,speed:h=`normal`,text:g,textPosition:_=`bottom`,thickness:v,...y}=r,b=n(`Spinner`,r),x=typeof m==`number`,S=s[_],C=c[h]??h,w=e({borderColor:p,borderWidth:x?v??4:v,h:x?m:void 0,w:x?m:void 0});return u(a,{center:!0,className:t(`vui-spinner`,f),gap:1,ref:i,transitionDuration:`fast`,...S.container,...b.container,...y,children:[l(d,{animation:`vui-spin ${C} linear infinite`,className:`vui-spinnerCircle`,...b.circle,...w}),!!g&&l(o,{className:`vui-spinnerText`,...b.text,children:g})]})});f.displayName=`Spinner`;export{f as Spinner,d as SpinnerCircle};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,f=i((r,i)=>{let{className:f,emptyColor:p,size:m,speed:h=`normal`,text:g,textPosition:_=`bottom`,thickness:v,...y}=r,b=n(`Spinner`,r),x=typeof m==`number`,S=s[_],C=c[h]??h,w=e({borderColor:p,borderWidth:x?v??4:v,h:x?m:void 0,w:x?m:void 0});return u(a,{center:!0,className:t(`vui-spinner`,f),gap:1,ref:i,transitionDuration:`fast`,...S.container,...b.container,...y,children:[l(d,{animation:`vui-spin ${C} linear infinite`,className:`vui-spinnerCircle`,...b.circle,...w}),!!g&&l(o,{className:`vui-spinnerText`,...b.text,children:g})]})});f.displayName=`Spinner`;export{f as Spinner,d as SpinnerCircle};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=spinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.types.d.ts","names":[],"sources":["../../src/spinner/spinner.types.ts"],"sourcesContent":[],"mappings":";;;;;KAKY,YAAA,GAAe,KAAK,gCAC9B,KAAK;;EADK,QAAA,CAAA,EAAA,KAAY;EAAA;aAAQ,CAAA,EAAA,MAAA,GAAA,MAAA,GAAA,UAAA;;YACzB,CAAA,EAAA,MAAA,GAAA,aAAA;;OAUI,CAAA,EAAA,QAAA,GAAA,MAAA,GAAA,MAAA;;EAES,IAAA,CAAA,EAFT,YAES,CAAA,SAAA,CAAA,CAAA,MAAA,CAAA,GAAA,MAAA;;SAAT"}
+{"version":3,"file":"spinner.types.d.ts","names":[],"sources":["../../src/spinner/spinner.types.ts"],"sourcesContent":[],"mappings":";;;;;KAKY,YAAA,CAAA,CAAA,CAAe,KAAK,gCAC9B,KAAK;;EADK,QAAA,CAAA,CAAA,CAAA,KAAY;EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,OAAA,CAAA,CAAA,OAAA,CAAA,CAAA;aAAQ,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA;;YACzB,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA;;OAUI,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA;;EAES,IAAA,CAAA,CAAA,CAFT,YAES,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA;;SAAT"}

package/dist/spinner/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{container:{padding:1}},defaultProps:{size:`xxxl`,variant:`light`},parts:[`container`,`circle`,`text`],sizes:{xs:{circle:{borderWidth:2,h:20,w:20}},sm:{circle:{borderWidth:2,h:24,w:24}},md:{circle:{borderWidth:3,h:32,w:32}},lg:{circle:{borderWidth:3,h:40,w:40}},xl:{circle:{borderWidth:3,h:48,w:48}},xxl:{circle:{borderWidth:4,h:60,w:60}},xxxl:{circle:{borderWidth:5,h:80,w:80}},xxxxl:{circle:{borderWidth:5,h:120,w:120}}},variants:{light:{circle:{borderColor:`seaBlue.80`,borderTopColor:`seaBlue.main`},text:{color:`seaBlue.main`}},dark:{container:{bg:`darkBlue.main`},circle:{borderColor:`hsl(139, 100%, 78%, 0.4)`,borderTopColor:`digiGreen.main`},text:{color:`digiGreen.main`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{container:{padding:1}},defaultProps:{size:`xxxl`,variant:`light`},parts:[`container`,`circle`,`text`],sizes:{xs:{circle:{borderWidth:2,h:20,w:20}},sm:{circle:{borderWidth:2,h:24,w:24}},md:{circle:{borderWidth:3,h:32,w:32}},lg:{circle:{borderWidth:3,h:40,w:40}},xl:{circle:{borderWidth:3,h:48,w:48}},xxl:{circle:{borderWidth:4,h:60,w:60}},xxxl:{circle:{borderWidth:5,h:80,w:80}},xxxxl:{circle:{borderWidth:5,h:120,w:120}}},variants:{light:{circle:{borderColor:`seaBlue.80`,borderTopColor:`seaBlue.main`},text:{color:`seaBlue.main`}},dark:{container:{bg:`darkBlue.main`},circle:{borderColor:`hsl(139, 100%, 78%, 0.4)`,borderTopColor:`digiGreen.main`},text:{color:`digiGreen.main`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=theme.js.map

package/dist/stepIndicator/stepIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepIndicator.d.ts","names":[],"sources":["../../src/stepIndicator/stepIndicator.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAsBa,cAAA,aAmCX,cAAA,CAAA,KAAA,EAnCwB,kBAmCxB,CAAA"}
+{"version":3,"file":"stepIndicator.d.ts","names":[],"sources":["../../src/stepIndicator/stepIndicator.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAsBa,OAAA,CAAA,KAAA,CAAA,aAmCX,CAAA,CAnCwB,YAmCxB,CAAA,CAAA,GAAA,CAAA,CAAA,CAnCwB,kBAmCxB,CAAA"}

package/dist/stepIndicator/stepIndicator.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import i from"../icon/icon.js";import a from"../t/t.js";import o from"../button/button.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({number:e,variant:t,size:n})=>e===void 0?null:t===`completed`?s(i,{name:`uiCheck`,size:n}):t===`error`?s(i,{name:`uiTimes`,size:n}):s(a,{fontSize:n===`md`?16:14,fontWeight:600,children:e}),u=n((n,i)=>{let{icon:a,number:u,className:d,size:f=`md`,variant:p=`active`,...m}=n,h=t(`StepIndicator`,n);return a?s(o,{className:e(`vui-stepIndicator`,`vui-stepIndicatorIcon`,d),icon:a,ref:i,...h.icon,...m,isRound:!0,minW:`auto`,pointerEvents:`none`,size:f}):c(o,{className:e(`vui-stepIndicator`,`vui-stepIndicatorNumber`,d),ref:i,...h.button,...m,isRound:!0,minW:`auto`,outline:`6px solid white`,pointerEvents:`none`,position:`relative`,size:f,children:[s(r,{mx:.5,position:`relative`}),s(r,{mx:.5,position:`absolute`,children:s(l,{number:u,size:String(f),variant:String(p)})})]})});u.displayName=`StepIndicator`;export{u as StepIndicator};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import i from"../icon/icon.js";import a from"../t/t.js";import o from"../button/button.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({number:e,variant:t,size:n})=>e===void 0?null:t===`completed`?s(i,{name:`uiCheck`,size:n}):t===`error`?s(i,{name:`uiTimes`,size:n}):s(a,{fontSize:n===`md`?16:14,fontWeight:600,children:e}),u=n((n,i)=>{let{icon:a,number:u,className:d,size:f=`md`,variant:p=`active`,...m}=n,h=t(`StepIndicator`,n);return a?s(o,{className:e(`vui-stepIndicator`,`vui-stepIndicatorIcon`,d),icon:a,ref:i,...h.icon,...m,isRound:!0,minW:`auto`,pointerEvents:`none`,size:f}):c(o,{className:e(`vui-stepIndicator`,`vui-stepIndicatorNumber`,d),ref:i,...h.button,...m,isRound:!0,minW:`auto`,outline:`6px solid white`,pointerEvents:`none`,position:`relative`,size:f,children:[s(r,{mx:.5,position:`relative`}),s(r,{mx:.5,position:`absolute`,children:s(l,{number:u,size:String(f),variant:String(p)})})]})});u.displayName=`StepIndicator`;export{u as StepIndicator};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=stepIndicator.js.map

package/dist/stepIndicator/stepIndicatorTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepIndicatorTypes.d.ts","names":[],"sources":["../../src/stepIndicator/stepIndicatorTypes.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,kBAAA,GAAqB,cAC/B;SACS;EAFC,SAAA,CAAA,EAAA,MAAA;EAAkB,MAAA,CAAA,EAAA,MAAA;;AAC5B,KAMU,oBAAA,GANV,QAAA,GAAA,WAAA,GAAA,UAAA,GAAA,SAAA,GAAA,OAAA"}
+{"version":3,"file":"stepIndicatorTypes.d.ts","names":[],"sources":["../../src/stepIndicator/stepIndicatorTypes.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,kBAAA,CAAA,CAAA,CAAqB,cAC/B;SACS;EAFC,SAAA,CAAA,CAAA,CAAA,MAAA;EAAkB,MAAA,CAAA,CAAA,CAAA,MAAA;;AAC5B,IAAA,CAMU,oBAAA,CAAA,CAAA,CANV,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA"}

package/dist/stepIndicator/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`active`},sizes:{sm:{},md:{}},variants:{active:{button:{bg:`seaBlue.main`},icon:{bg:`white`,color:`seaBlue.main`}},completed:{button:{bg:`landGreen.41`},icon:{bg:`white`,color:`landGreen.41`}},optional:{button:{bg:`white`,borderColor:`seaBlue.45`,color:`seaBlue.45`},icon:{bg:`white`,color:`seaBlue.45`}},pending:{button:{bg:`sandstone.90`,color:`sandstone.45`},icon:{bg:`white`,color:`sandstone.45`}},error:{button:{bg:`energyRed.45`,color:`white`},icon:{bg:`white`,color:`energyRed.45`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{size:`md`,variant:`active`},sizes:{sm:{},md:{}},variants:{active:{button:{bg:`seaBlue.main`},icon:{bg:`white`,color:`seaBlue.main`}},completed:{button:{bg:`landGreen.41`},icon:{bg:`white`,color:`landGreen.41`}},optional:{button:{bg:`white`,borderColor:`seaBlue.45`,color:`seaBlue.45`},icon:{bg:`white`,color:`seaBlue.45`}},pending:{button:{bg:`sandstone.90`,color:`sandstone.45`},icon:{bg:`white`,color:`sandstone.45`}},error:{button:{bg:`energyRed.45`,color:`white`},icon:{bg:`white`,color:`energyRed.45`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=theme.js.map

package/dist/stepperHorizontal/consts.js

@@ -1,2 +1,2 @@
-const e={active:`seaBlue.main`,completed:`landGreen.41`,optional:`seaBlue.45`,pending:`sandstone.90`,error:`energyRed.main`},t={active:`sandstone.10`,completed:`sandstone.10`,optional:`sandstone.10`,pending:`sandstone.55`,error:`energyRed.main`},n=[`active`,`error`],r=`vui-stepHorizontal`,i=r+`Tail`,a=i+`Left`,o=i+`Right`;export{n as boldTitles,r as stepClassName,i as tailClassName,a as tailClassNameLeft,o as tailClassNameRight,t as titleColor,e as variantColor};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e={active:`seaBlue.main`,completed:`landGreen.41`,optional:`seaBlue.45`,pending:`sandstone.90`,error:`energyRed.main`},t={active:`sandstone.10`,completed:`sandstone.10`,optional:`sandstone.10`,pending:`sandstone.55`,error:`energyRed.main`},n=[`active`,`error`],r=`vui-stepHorizontal`,i=r+`Tail`,a=i+`Left`,o=i+`Right`;export{n as boldTitles,r as stepClassName,i as tailClassName,a as tailClassNameLeft,o as tailClassNameRight,t as titleColor,e as variantColor};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=consts.js.map

package/dist/stepperHorizontal/context.js

@@ -1,2 +1,2 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as StepperHorizontalProvider,n as useStepperHorizontalContext};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as StepperHorizontalProvider,n as useStepperHorizontalContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=context.js.map

package/dist/stepperHorizontal/stepHorizontal.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { StepHorizontalProps } from "./stepperHorizontalTypes.js";
-import * as styled_components428 from "styled-components";
+import * as styled_components404 from "styled-components";
 
 //#region src/stepperHorizontal/stepHorizontal.d.ts
-declare const StepHorizontalBase: styled_components428.StyledComponent<"div", styled_components428.DefaultTheme, SystemProps, never>;
+declare const StepHorizontalBase: styled_components404.StyledComponent<"div", styled_components404.DefaultTheme, SystemProps, never>;
 /**
  * Implements a Horizontal step component
  */

package/dist/stepperHorizontal/stepHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUa,oBAAkB,oBAAA,CAAA,uBAK9B,oBAAA,CAL8B,YAAA;;;;cAUlB,oCAAc"}
+{"version":3,"file":"stepHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUa,oBAAkB,oBAAA,CAAA,uBAK9B,oBAAA,CAL8B,YAAA,CAAA,CAAA,WAAA,CAAA;;;;cAUlB,gBAAc,oBAAA"}