@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/sidemenu/sidemenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenu.js","names":["Box","SidemenuItem","Button","Icon","SidemenuTop"],"sources":["../../src/sidemenu/sidemenu.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, filterUndefined, isActivePath } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport { SidemenuProvider } from './context'\nimport type { SidemenuItemProps, SidemenuProps } from './sidemenu.types'\nimport SidemenuItem from './sidemenuItem'\nimport SidemenuTop from './sidemenuTop'\n\n/** A collapsible side menu for navigation. */\nexport const Sidemenu = vui<'div', SidemenuProps>((props, ref) => {\n  const {\n    children,\n    className,\n    items,\n    isExpanded = false,\n    isSticky = false,\n    size,\n    variant,\n    width = expandedWidth,\n    onNavigate,\n    ...rest\n  } = props\n\n  const [isExpandedHorizontally, setIsExpandedHorizontally] = useState(isExpanded)\n  const context = useMemo(\n    () => filterUndefined({ size, variant, isExpandedHorizontally }),\n    [size, variant, isExpandedHorizontally],\n  )\n\n  const styles = useStyleConfig('Sidemenu', props)\n\n  const isDark = variant === 'dark'\n\n  useEffect(() => {\n    setIsExpandedHorizontally(isExpanded)\n  }, [isExpanded])\n\n  const onToggle = () => setIsExpandedHorizontally(!isExpandedHorizontally)\n\n  const w = isExpandedHorizontally ? width : collapsedWidth\n  const icon = `falArrow${isExpandedHorizontally ? 'Left' : 'Right'}`\n  const justifyContent = isExpandedHorizontally ? 'flex-end' : 'center'\n\n  function onItemClick(item: SidemenuItemProps) {\n    item?.onClick?.()\n    if (item?.path) onNavigate?.(item.path)\n  }\n\n  return (\n    <SidemenuProvider value={context}>\n      <Box\n        className={cs('vui-sidemenu', className)}\n        elevation=\"3\"\n        flexDirection=\"column\"\n        minWidth={0}\n        overflowX=\"hidden\"\n        position={isSticky ? 'sticky' : 'static'}\n        ref={ref}\n        top={isSticky ? (top ? top : 0) : 'auto'}\n        transitionDuration=\"normal\"\n        w={w}\n        {...styles.container}\n        {...rest}\n      >\n        <Box\n          flexDirection=\"column\"\n          flexGrow={1}\n          justifyContent=\"flex-start\"\n          minW={expandedWidth}\n          overflowX=\"hidden\"\n          overflowY=\"auto\"\n          w=\"100%\"\n        >\n          {items\n            ? items?.map?.((item: SidemenuItemProps, key: number) => (\n                <SidemenuItem\n                  isActive={isActivePath(item?.path)}\n                  key={key}\n                  {...item}\n                  onClick={() => onItemClick(item)}\n                />\n              ))\n            : children}\n        </Box>\n        <Box className=\"vui-sidemenu-bottom\" w=\"100%\" {...styles.bottom}>\n          <Button\n            aria-label={isExpandedHorizontally ? 'Collapse' : 'Expand'}\n            borderRadius={0}\n            justifyContent={justifyContent}\n            minH={size === 'lg' ? '56px' : '40px'}\n            onClick={onToggle}\n            pl={0}\n            size=\"md\"\n            variant={isDark ? 'tertiaryLight' : 'tertiaryDark'}\n            w=\"100%\"\n          >\n            <Icon name={icon} />\n          </Button>\n        </Box>\n      </Box>\n    </SidemenuProvider>\n  )\n}) as VuiComponent<'div', SidemenuProps> & {\n  Top: typeof SidemenuTop\n  Item: typeof SidemenuItem\n}\n\nSidemenu.Top = SidemenuTop\nSidemenu.Item = SidemenuItem\nSidemenu.displayName = 'Sidemenu'\n\nexport default Sidemenu\n"],"mappings":"qmBAeA,MAAa,EAAW,GAA2B,EAAO,IAAQ,CAChE,GAAM,CACJ,WACA,YACA,QACA,aAAa,GACb,WAAW,GACX,OACA,UACA,QAAQ,EACR,aACA,GAAG,GACD,EAEE,CAAC,EAAwB,GAA6B,EAAS,EAAW,CAC1E,EAAU,MACR,EAAgB,CAAE,OAAM,UAAS,yBAAwB,CAAC,CAChE,CAAC,EAAM,EAAS,EAAuB,CACxC,CAEK,EAAS,EAAe,WAAY,EAAM,CAE1C,EAAS,IAAY,OAE3B,MAAgB,CACd,EAA0B,EAAW,EACpC,CAAC,EAAW,CAAC,CAEhB,IAAM,MAAiB,EAA0B,CAAC,EAAuB,CAEnE,EAAI,EAAyB,EAAQ,EACrC,EAAO,WAAW,EAAyB,OAAS,UACpD,EAAiB,EAAyB,WAAa,SAE7D,SAAS,EAAY,EAAyB,CAC5C,GAAM,WAAW,CACb,GAAM,MAAM,IAAa,EAAK,KAAK,CAGzC,OACE,EAAC,EAAA,CAAiB,MAAO,WACvB,EAACA,EAAAA,CACC,UAAW,EAAG,eAAgB,EAAU,CACxC,UAAU,IACV,cAAc,SACd,SAAU,EACV,UAAU,SACV,SAAU,EAAW,SAAW,SAC3B,MACL,IAAK,EAAY,KAAY,EAAK,OAClC,mBAAmB,SAChB,IACH,GAAI,EAAO,UACX,GAAI,YAEJ,EAACA,EAAAA,CACC,cAAc,SACd,SAAU,EACV,eAAe,aACf,KAAM,EACN,UAAU,SACV,UAAU,OACV,EAAE,gBAED,EACG,GAAO,OAAO,EAAyB,IACrC,EAACC,EAAAA,CACC,SAAU,EAAa,GAAM,KAAK,CAElC,GAAI,EACJ,YAAe,EAAY,EAAK,EAF3B,EAGL,CACF,CACF,GACA,CACN,EAACD,EAAAA,CAAI,UAAU,sBAAsB,EAAE,OAAO,GAAI,EAAO,gBACvD,EAACE,EAAAA,CACC,aAAY,EAAyB,WAAa,SAClD,aAAc,EACE,iBAChB,KAAM,IAAS,KAAO,OAAS,OAC/B,QAAS,EACT,GAAI,EACJ,KAAK,KACL,QAAS,EAAS,gBAAkB,eACpC,EAAE,gBAEF,EAACC,EAAAA,CAAK,KAAM,EAAA,CAAQ,EACb,EACL,CAAA,EACF,EACW,EAErB,CAKF,EAAS,IAAMC,EACf,EAAS,KAAOH,EAChB,EAAS,YAAc"}
+{"version":3,"file":"sidemenu.js","names":["Box","SidemenuItem","Button","Icon","SidemenuTop"],"sources":["../../src/sidemenu/sidemenu.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, filterUndefined, isActivePath } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport { SidemenuProvider } from './context'\nimport type { SidemenuItemProps, SidemenuProps } from './sidemenu.types'\nimport SidemenuItem from './sidemenuItem'\nimport SidemenuTop from './sidemenuTop'\n\n/** A collapsible side menu for navigation. */\nexport const Sidemenu = vui<'div', SidemenuProps>((props, ref) => {\n  const {\n    children,\n    className,\n    items,\n    isExpanded = false,\n    isSticky = false,\n    size,\n    variant,\n    width = expandedWidth,\n    onNavigate,\n    ...rest\n  } = props\n\n  const [isExpandedHorizontally, setIsExpandedHorizontally] = useState(isExpanded)\n  const context = useMemo(\n    () => filterUndefined({ size, variant, isExpandedHorizontally }),\n    [size, variant, isExpandedHorizontally],\n  )\n\n  const styles = useStyleConfig('Sidemenu', props)\n\n  const isDark = variant === 'dark'\n\n  useEffect(() => {\n    setIsExpandedHorizontally(isExpanded)\n  }, [isExpanded])\n\n  const onToggle = () => setIsExpandedHorizontally(!isExpandedHorizontally)\n\n  const w = isExpandedHorizontally ? width : collapsedWidth\n  const icon = `falArrow${isExpandedHorizontally ? 'Left' : 'Right'}`\n  const justifyContent = isExpandedHorizontally ? 'flex-end' : 'center'\n\n  function onItemClick(item: SidemenuItemProps) {\n    item?.onClick?.()\n    if (item?.path) onNavigate?.(item.path)\n  }\n\n  return (\n    <SidemenuProvider value={context}>\n      <Box\n        className={cs('vui-sidemenu', className)}\n        elevation=\"3\"\n        flexDirection=\"column\"\n        minWidth={0}\n        overflowX=\"hidden\"\n        position={isSticky ? 'sticky' : 'static'}\n        ref={ref}\n        top={isSticky ? (top ? top : 0) : 'auto'}\n        transitionDuration=\"normal\"\n        w={w}\n        {...styles.container}\n        {...rest}\n      >\n        <Box\n          flexDirection=\"column\"\n          flexGrow={1}\n          justifyContent=\"flex-start\"\n          minW={expandedWidth}\n          overflowX=\"hidden\"\n          overflowY=\"auto\"\n          w=\"100%\"\n        >\n          {items\n            ? items?.map?.((item: SidemenuItemProps, key: number) => (\n                <SidemenuItem\n                  isActive={isActivePath(item?.path)}\n                  key={key}\n                  {...item}\n                  onClick={() => onItemClick(item)}\n                />\n              ))\n            : children}\n        </Box>\n        <Box className=\"vui-sidemenu-bottom\" w=\"100%\" {...styles.bottom}>\n          <Button\n            aria-label={isExpandedHorizontally ? 'Collapse' : 'Expand'}\n            borderRadius={0}\n            justifyContent={justifyContent}\n            minH={size === 'lg' ? '56px' : '40px'}\n            onClick={onToggle}\n            pl={0}\n            size=\"md\"\n            variant={isDark ? 'tertiaryLight' : 'tertiaryDark'}\n            w=\"100%\"\n          >\n            <Icon name={icon} />\n          </Button>\n        </Box>\n      </Box>\n    </SidemenuProvider>\n  )\n}) as VuiComponent<'div', SidemenuProps> & {\n  Top: typeof SidemenuTop\n  Item: typeof SidemenuItem\n}\n\nSidemenu.Top = SidemenuTop\nSidemenu.Item = SidemenuItem\nSidemenu.displayName = 'Sidemenu'\n\nexport default Sidemenu\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,UACA,WACA,OACA,aAAa,OACb,WAAW,OACX,MACA,SACA,QAAQ,eACR,WACA,GAAG,SACD;CAEJ,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,WAAW;CAChF,MAAM,UAAU,cACR,gBAAgB;EAAE;EAAM;EAAS;EAAwB,CAAC,EAChE;EAAC;EAAM;EAAS;EAAuB,CACxC;CAED,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,MAAM,SAAS,YAAY;AAE3B,iBAAgB;AACd,4BAA0B,WAAW;IACpC,CAAC,WAAW,CAAC;CAEhB,MAAM,iBAAiB,0BAA0B,CAAC,uBAAuB;CAEzE,MAAM,IAAI,yBAAyB,QAAQ;CAC3C,MAAM,OAAO,WAAW,yBAAyB,SAAS;CAC1D,MAAM,iBAAiB,yBAAyB,aAAa;CAE7D,SAAS,YAAY,MAAyB;AAC5C,QAAM,WAAW;AACjB,MAAI,MAAM,KAAM,cAAa,KAAK,KAAK;;AAGzC,QACE,oBAAC;EAAiB,OAAO;YACvB,qBAACA;GACC,WAAW,GAAG,gBAAgB,UAAU;GACxC,WAAU;GACV,eAAc;GACd,UAAU;GACV,WAAU;GACV,UAAU,WAAW,WAAW;GAC3B;GACL,KAAK,WAAY,MAAM,MAAM,IAAK;GAClC,oBAAmB;GAChB;GACH,GAAI,OAAO;GACX,GAAI;cAEJ,oBAACA;IACC,eAAc;IACd,UAAU;IACV,gBAAe;IACf,MAAM;IACN,WAAU;IACV,WAAU;IACV,GAAE;cAED,QACG,OAAO,OAAO,MAAyB,QACrC,oBAACC;KACC,UAAU,aAAa,MAAM,KAAK;KAElC,GAAI;KACJ,eAAe,YAAY,KAAK;OAF3B,IAGL,CACF,GACF;KACA,EACN,oBAACD;IAAI,WAAU;IAAsB,GAAE;IAAO,GAAI,OAAO;cACvD,oBAACE;KACC,cAAY,yBAAyB,aAAa;KAClD,cAAc;KACE;KAChB,MAAM,SAAS,OAAO,SAAS;KAC/B,SAAS;KACT,IAAI;KACJ,MAAK;KACL,SAAS,SAAS,kBAAkB;KACpC,GAAE;eAEF,oBAACC,gBAAK,MAAM,OAAQ;MACb;KACL;IACF;GACW;EAErB;AAKF,SAAS,MAAMC;AACf,SAAS,OAAOH;AAChB,SAAS,cAAc"}

package/dist/sidemenu/sidemenu.types.d.ts

@@ -1,7 +1,10 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 import { IconProp } from "../icon/icon.types.js";
+import "../icon/index.js";
 import { ReactNode } from "react";
 
 //#region src/sidemenu/sidemenu.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"sidemenu.types.d.ts","names":[],"sources":["../../src/sidemenu/sidemenu.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAOY,mBAAA,CAAA,CAAA;KAEA,aAAA,CAAA,CAAA,CAAgB,cAC1B;EAHU,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEA,KAAA,CAAA,CAAA,CAGA,iBAHa,CAAA,CAAA;EAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA,CAAA;YAAG,CAAA,CAAA,CAAA,OAAA;UAC1B,CAAA,CAAA,CAAA,OAAA;;EAE2B,UAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAUjB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,SAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAAiB,KAAA,CAAA,CAAA,CAAA,MAAA;;AAIhB,IAAA,CAJD,iBAAA,CAAA,CAAA,CAAoB,QAInB,CAAA,CAAA,CAAA;;EAEI,SAAA,CAAA,CAAA,CAAA,MAAA;EAmBL,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA;EAAgB,QAAA,CAAA,CAAA,CArBf,SAqBe;;MAIf,CAAA,CAAA,CAvBJ,QAuBI;;EAEU,QAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA;;;;;;;;;;;;;;;;KANX,gBAAA,CAAA,CAAA,CAAmB;;;;aAIlB;;cAEC"}
+{"version":3,"file":"sidemenu.types.d.ts","names":[],"sources":["../../src/sidemenu/sidemenu.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,mBAAA,CAAA,CAAA;KAEA,aAAA,CAAA,CAAA,CAAgB,cAC1B;;UAEU;;EALA,UAAA,CAAA,CAAA,CAAA,OAAA;EAEA,QAAA,CAAA,CAAA,CAAA,OAAa;EAAG,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,UAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,QAAA,CAAA,EAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,WAAA,CAAA,GAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAC1B,UAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAEU,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,SAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAAiB,KAAA,CAAA,CAAA,CAAA,MAAA;AAU7B,CAAA;AAAgC,IAAA,CAApB,iBAAA,CAAA,CAAA,CAAoB,QAAA,CAAA,CAAA,CAAA;EAInB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;EAEJ,SAAA,CAAA,CAAA,CAAA,MAAA;EAAQ,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA;EAmBL,QAAA,CAAA,CAAA,CArBC,SAqBe;EAAG,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;EAIlB,IAAA,CAAA,CAAA,CAvBJ,QAuBI;EAEC,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA;EAAS,QAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA;;;;;;;;;;;;;;;;KANX,gBAAA,CAAA,CAAA,CAAmB;;;;aAIlB;;cAEC"}

package/dist/sidemenu/sidemenuItem.d.ts

@@ -1,4 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
+import "../core/index.js";
 import { SidemenuItemProps } from "./sidemenu.types.js";
 
 //#region src/sidemenu/sidemenuItem.d.ts

package/dist/sidemenu/sidemenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItem.d.ts","names":[],"sources":["../../src/sidemenu/sidemenuItem.tsx"],"sourcesContent":[],"mappings":";;;;;cAgBa,cAqGP,oBAAoB"}
+{"version":3,"file":"sidemenuItem.d.ts","names":[],"sources":["../../src/sidemenu/sidemenuItem.tsx"],"sourcesContent":[],"mappings":";;;;;;cAgBa,cAqGP,oBAAoB"}

package/dist/sidemenu/sidemenuItem.js

@@ -1,2 +1,116 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps 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 s from"../popover/popover.js";import{collapsedWidth as c,expandedWidth as l}from"./consts.js";import u from"./useSidemenuItem.js";import{useEffect as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=n((n,m)=>{let{className:h,children:g,icon:_,iconSize:v=`md`,isActive:y,isExpanded:b=!0,pl:x=0,py:S=0,onClick:C,onCollapse:w,onExpand:T,title:E,...D}=t(n),{isExpandedVertically:O,setIsExpandedVertically:k,isDark:A,size:j,isExpandedHorizontally:M,styles:N}=u(b);d(()=>{O&&T?.(),O||w?.()},[O]);let P=!!g&&M,F=()=>p(r,{centerV:!0,px:1.5,py:1,w:`100%`,whiteSpace:`pre`,children:[f(i,{ml:v===`sm`?`4px`:0,name:_,size:v}),f(a,{isTruncated:!0,ml:2,children:E})]}),I=e=>{e.preventDefault(),e.stopPropagation(),k(!O)},L={alignItems:`center`,border:`none`,borderRadius:0,borderLeft:!P&&g?`none`:`3px solid transparent`,borderLeftColor:y?A?`digiGreen.main`:`seaBlue.main`:void 0,bg:A?`darkBlue.main`:y?`skyBlue.95`:`white`,color:P?`seaBlue.main`:A?`digiGreen.main`:`sandstone.10`,h:`auto`,justifyContent:`space-between`,onClick:()=>C?.(),pl:x,py:S,size:`md`,variant:A?`tertiaryLight`:`tertiaryDark`,w:`100%`,...N.item,minH:j===`lg`?`56px`:`40px`,hoverBg:A?`seaBlue.main`:`skyBlue.90`,...D};return p(r,{flexDirection:`column`,ref:m,w:`100%`,children:[!P&&g?p(s,{offset:[0,c-l-2],placement:`right-start`,trigger:`mouseenter`,children:[f(s.Trigger,{as:r,className:e(`vui-sidemenu-item-popover`,h),children:f(r,{...L,borderLeft:`3px solid ${A?`digiGreen.main`:`seaBlue.main`}`,children:f(F,{})})}),f(s.Content,{elevation:`none`,children:f(r,{flexDirection:`column`,justifyContent:`start`,w:`100%`,children:g})})]}):p(o,{className:e(`vui-sidemenu-item`,h),...L,children:[f(F,{}),P&&f(o,{"aria-label":O?`Collapse`:`Expand`,className:`vui-sidemenu-item-expand`,icon:O?`falChevronUp`:`falChevronDown`,onClick:I,size:`sm`,variant:A?`tertiaryLight`:`tertiaryDark`})]}),!!g&&P&&O&&f(r,{flexDirection:`column`,justifyContent:`start`,w:`100%`,children:g})]})});m.displayName=`SidemenuItem`;var h=m;export{m as SidemenuItem,h as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { omitThemingProps } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import icon_default from "../icon/icon.js";
+import t_default from "../t/t.js";
+import button_default from "../button/button.js";
+import Popover from "../popover/popover.js";
+import { collapsedWidth, expandedWidth } from "./consts.js";
+import useSidemenuItem_default from "./useSidemenuItem.js";
+import { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/sidemenu/sidemenuItem.tsx
+/** A menu item. */
+const SidemenuItem = vui((props, ref) => {
+	const { className, children, icon, iconSize = "md", isActive, isExpanded = true, pl = 0, py = 0, onClick, onCollapse, onExpand, title,...rest } = omitThemingProps(props);
+	const { isExpandedVertically, setIsExpandedVertically, isDark, size, isExpandedHorizontally, styles } = useSidemenuItem_default(isExpanded);
+	useEffect(() => {
+		if (isExpandedVertically) onExpand?.();
+		if (!isExpandedVertically) onCollapse?.();
+	}, [isExpandedVertically]);
+	const hasChildrenExpanded = !!children && isExpandedHorizontally;
+	const InnerContent = () => /* @__PURE__ */ jsxs(box_default, {
+		centerV: true,
+		px: 1.5,
+		py: 1,
+		w: "100%",
+		whiteSpace: "pre",
+		children: [/* @__PURE__ */ jsx(icon_default, {
+			ml: iconSize === "sm" ? "4px" : 0,
+			name: icon,
+			size: iconSize
+		}), /* @__PURE__ */ jsx(t_default, {
+			isTruncated: true,
+			ml: 2,
+			children: title
+		})]
+	});
+	const toggle = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		setIsExpandedVertically(!isExpandedVertically);
+	};
+	const buttonStyles = {
+		alignItems: "center",
+		border: "none",
+		borderRadius: 0,
+		borderLeft: !hasChildrenExpanded && children ? "none" : "3px solid transparent",
+		borderLeftColor: isActive ? isDark ? "digiGreen.main" : "seaBlue.main" : void 0,
+		bg: isDark ? "darkBlue.main" : isActive ? "skyBlue.95" : "white",
+		color: hasChildrenExpanded ? "seaBlue.main" : isDark ? "digiGreen.main" : "sandstone.10",
+		h: "auto",
+		justifyContent: "space-between",
+		onClick: () => onClick?.(),
+		pl,
+		py,
+		size: "md",
+		variant: isDark ? "tertiaryLight" : "tertiaryDark",
+		w: "100%",
+		...styles.item,
+		minH: size === "lg" ? "56px" : "40px",
+		hoverBg: isDark ? "seaBlue.main" : "skyBlue.90",
+		...rest
+	};
+	return /* @__PURE__ */ jsxs(box_default, {
+		flexDirection: "column",
+		ref,
+		w: "100%",
+		children: [!hasChildrenExpanded && children ? /* @__PURE__ */ jsxs(Popover, {
+			offset: [0, collapsedWidth - expandedWidth - 2],
+			placement: "right-start",
+			trigger: "mouseenter",
+			children: [/* @__PURE__ */ jsx(Popover.Trigger, {
+				as: box_default,
+				className: cs("vui-sidemenu-item-popover", className),
+				children: /* @__PURE__ */ jsx(box_default, {
+					...buttonStyles,
+					borderLeft: `3px solid ${isDark ? "digiGreen.main" : "seaBlue.main"}`,
+					children: /* @__PURE__ */ jsx(InnerContent, {})
+				})
+			}), /* @__PURE__ */ jsx(Popover.Content, {
+				elevation: "none",
+				children: /* @__PURE__ */ jsx(box_default, {
+					flexDirection: "column",
+					justifyContent: "start",
+					w: "100%",
+					children
+				})
+			})]
+		}) : /* @__PURE__ */ jsxs(button_default, {
+			className: cs("vui-sidemenu-item", className),
+			...buttonStyles,
+			children: [/* @__PURE__ */ jsx(InnerContent, {}), hasChildrenExpanded && /* @__PURE__ */ jsx(button_default, {
+				"aria-label": isExpandedVertically ? "Collapse" : "Expand",
+				className: "vui-sidemenu-item-expand",
+				icon: isExpandedVertically ? "falChevronUp" : "falChevronDown",
+				onClick: toggle,
+				size: "sm",
+				variant: isDark ? "tertiaryLight" : "tertiaryDark"
+			})]
+		}), !!children && hasChildrenExpanded && isExpandedVertically && /* @__PURE__ */ jsx(box_default, {
+			flexDirection: "column",
+			justifyContent: "start",
+			w: "100%",
+			children
+		})]
+	});
+});
+SidemenuItem.displayName = "SidemenuItem";
+var sidemenuItem_default = SidemenuItem;
+
+//#endregion
+export { SidemenuItem, sidemenuItem_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=sidemenuItem.js.map

package/dist/sidemenu/sidemenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItem.js","names":["useSidemenuItem","Box","Icon","T","Button"],"sources":["../../src/sidemenu/sidemenuItem.tsx"],"sourcesContent":["import type { MouseEvent } from 'react'\nimport { useEffect } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, vui } from '../core'\nimport Icon from '../icon'\nimport { Popover } from '../popover'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport type { SidemenuItemProps } from './sidemenu.types'\nimport useSidemenuItem from './useSidemenuItem'\n\n/** A menu item. */\nexport const SidemenuItem = vui<'button', SidemenuItemProps>((props, ref) => {\n  const {\n    className,\n    children,\n    icon,\n    iconSize = 'md',\n    isActive,\n    isExpanded = true,\n    pl = 0,\n    py = 0,\n    onClick,\n    onCollapse,\n    onExpand,\n    title,\n    ...rest\n  } = omitThemingProps(props)\n\n  const { isExpandedVertically, setIsExpandedVertically, isDark, size, isExpandedHorizontally, styles } =\n    useSidemenuItem(isExpanded)\n\n  useEffect(() => {\n    if (isExpandedVertically) onExpand?.()\n    if (!isExpandedVertically) onCollapse?.()\n  }, [isExpandedVertically])\n\n  const hasChildrenExpanded = !!children && isExpandedHorizontally\n\n  const InnerContent = () => (\n    <Box centerV px={1.5} py={1} w=\"100%\" whiteSpace=\"pre\">\n      <Icon ml={iconSize === 'sm' ? '4px' : 0} name={icon} size={iconSize} />\n      <T isTruncated ml={2}>\n        {title}\n      </T>\n    </Box>\n  )\n\n  const toggle = (e: MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsExpandedVertically(!isExpandedVertically)\n  }\n\n  const buttonStyles = {\n    alignItems: 'center',\n    border: 'none',\n    borderRadius: 0,\n    borderLeft: !hasChildrenExpanded && children ? 'none' : '3px solid transparent',\n    borderLeftColor: isActive ? (isDark ? 'digiGreen.main' : 'seaBlue.main') : undefined,\n    bg: isDark ? 'darkBlue.main' : isActive ? 'skyBlue.95' : 'white',\n    color: hasChildrenExpanded ? 'seaBlue.main' : isDark ? 'digiGreen.main' : 'sandstone.10',\n    h: 'auto',\n    justifyContent: 'space-between',\n    onClick: () => onClick?.(),\n    pl,\n    py,\n    size: 'md',\n    variant: isDark ? 'tertiaryLight' : 'tertiaryDark',\n    w: '100%',\n    ...styles.item,\n    minH: size === 'lg' ? '56px' : '40px',\n    hoverBg: isDark ? 'seaBlue.main' : 'skyBlue.90',\n    ...rest,\n  }\n\n  return (\n    <Box flexDirection=\"column\" ref={ref} w=\"100%\">\n      {!hasChildrenExpanded && children ? (\n        <Popover offset={[0, collapsedWidth - expandedWidth - 2]} placement=\"right-start\" trigger=\"mouseenter\">\n          <Popover.Trigger as={Box} className={cs('vui-sidemenu-item-popover', className)}>\n            <Box {...buttonStyles} borderLeft={`3px solid ${isDark ? 'digiGreen.main' : 'seaBlue.main'}`}>\n              <InnerContent />\n            </Box>\n          </Popover.Trigger>\n          <Popover.Content elevation=\"none\">\n            <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n              {children}\n            </Box>\n          </Popover.Content>\n        </Popover>\n      ) : (\n        <Button className={cs('vui-sidemenu-item', className)} {...buttonStyles}>\n          <InnerContent />\n          {hasChildrenExpanded && (\n            <Button\n              aria-label={isExpandedVertically ? 'Collapse' : 'Expand'}\n              className=\"vui-sidemenu-item-expand\"\n              icon={isExpandedVertically ? 'falChevronUp' : 'falChevronDown'}\n              onClick={toggle}\n              size=\"sm\"\n              variant={isDark ? 'tertiaryLight' : 'tertiaryDark'}\n            />\n          )}\n        </Button>\n      )}\n      {!!children && hasChildrenExpanded && isExpandedVertically && (\n        <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n          {children}\n        </Box>\n      )}\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuItemProps>\n\nSidemenuItem.displayName = 'SidemenuItem'\n\nexport default SidemenuItem\n"],"mappings":"sdAgBA,MAAa,EAAe,GAAkC,EAAO,IAAQ,CAC3E,GAAM,CACJ,YACA,WACA,OACA,WAAW,KACX,WACA,aAAa,GACb,KAAK,EACL,KAAK,EACL,UACA,aACA,WACA,QACA,GAAG,GACD,EAAiB,EAAM,CAErB,CAAE,uBAAsB,0BAAyB,SAAQ,OAAM,yBAAwB,UAC3FA,EAAgB,EAAW,CAE7B,MAAgB,CACV,GAAsB,KAAY,CACjC,GAAsB,KAAc,EACxC,CAAC,EAAqB,CAAC,CAE1B,IAAM,EAAsB,CAAC,CAAC,GAAY,EAEpC,MACJ,EAACC,EAAAA,CAAI,QAAA,GAAQ,GAAI,IAAK,GAAI,EAAG,EAAE,OAAO,WAAW,gBAC/C,EAACC,EAAAA,CAAK,GAAI,IAAa,KAAO,MAAQ,EAAG,KAAM,EAAM,KAAM,GAAY,CACvE,EAACC,EAAAA,CAAE,YAAA,GAAY,GAAI,WAChB,GACC,CAAA,EACA,CAGF,EAAU,GAAqC,CACnD,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,CACnB,EAAwB,CAAC,EAAqB,EAG1C,EAAe,CACnB,WAAY,SACZ,OAAQ,OACR,aAAc,EACd,WAAY,CAAC,GAAuB,EAAW,OAAS,wBACxD,gBAAiB,EAAY,EAAS,iBAAmB,eAAkB,IAAA,GAC3E,GAAI,EAAS,gBAAkB,EAAW,aAAe,QACzD,MAAO,EAAsB,eAAiB,EAAS,iBAAmB,eAC1E,EAAG,OACH,eAAgB,gBAChB,YAAe,KAAW,CAC1B,KACA,KACA,KAAM,KACN,QAAS,EAAS,gBAAkB,eACpC,EAAG,OACH,GAAG,EAAO,KACV,KAAM,IAAS,KAAO,OAAS,OAC/B,QAAS,EAAS,eAAiB,aACnC,GAAG,EACJ,CAED,OACE,EAACF,EAAAA,CAAI,cAAc,SAAc,MAAK,EAAE,iBACrC,CAAC,GAAuB,EACvB,EAAC,EAAA,CAAQ,OAAQ,CAAC,EAAG,EAAiB,EAAgB,EAAE,CAAE,UAAU,cAAc,QAAQ,uBACxF,EAAC,EAAQ,QAAA,CAAQ,GAAIA,EAAK,UAAW,EAAG,4BAA6B,EAAU,UAC7E,EAACA,EAAAA,CAAI,GAAI,EAAc,WAAY,aAAa,EAAS,iBAAmB,0BAC1E,EAAC,EAAA,EAAA,CAAe,EACZ,EACU,CAClB,EAAC,EAAQ,QAAA,CAAQ,UAAU,gBACzB,EAACA,EAAAA,CAAI,cAAc,SAAS,eAAe,QAAQ,EAAE,OAClD,YACG,EACU,CAAA,EACV,CAEV,EAACG,EAAAA,CAAO,UAAW,EAAG,oBAAqB,EAAU,CAAE,GAAI,YACzD,EAAC,EAAA,EAAA,CAAe,CACf,GACC,EAACA,EAAAA,CACC,aAAY,EAAuB,WAAa,SAChD,UAAU,2BACV,KAAM,EAAuB,eAAiB,iBAC9C,QAAS,EACT,KAAK,KACL,QAAS,EAAS,gBAAkB,gBACpC,CAAA,EAEG,CAEV,CAAC,CAAC,GAAY,GAAuB,GACpC,EAACH,EAAAA,CAAI,cAAc,SAAS,eAAe,QAAQ,EAAE,OAClD,YACG,CAAA,EAEJ,EAER,CAEF,EAAa,YAAc,eAE3B,IAAA,EAAe"}
+{"version":3,"file":"sidemenuItem.js","names":["useSidemenuItem","Box","Icon","T","Button"],"sources":["../../src/sidemenu/sidemenuItem.tsx"],"sourcesContent":["import type { MouseEvent } from 'react'\nimport { useEffect } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, vui } from '../core'\nimport Icon from '../icon'\nimport { Popover } from '../popover'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport type { SidemenuItemProps } from './sidemenu.types'\nimport useSidemenuItem from './useSidemenuItem'\n\n/** A menu item. */\nexport const SidemenuItem = vui<'button', SidemenuItemProps>((props, ref) => {\n  const {\n    className,\n    children,\n    icon,\n    iconSize = 'md',\n    isActive,\n    isExpanded = true,\n    pl = 0,\n    py = 0,\n    onClick,\n    onCollapse,\n    onExpand,\n    title,\n    ...rest\n  } = omitThemingProps(props)\n\n  const { isExpandedVertically, setIsExpandedVertically, isDark, size, isExpandedHorizontally, styles } =\n    useSidemenuItem(isExpanded)\n\n  useEffect(() => {\n    if (isExpandedVertically) onExpand?.()\n    if (!isExpandedVertically) onCollapse?.()\n  }, [isExpandedVertically])\n\n  const hasChildrenExpanded = !!children && isExpandedHorizontally\n\n  const InnerContent = () => (\n    <Box centerV px={1.5} py={1} w=\"100%\" whiteSpace=\"pre\">\n      <Icon ml={iconSize === 'sm' ? '4px' : 0} name={icon} size={iconSize} />\n      <T isTruncated ml={2}>\n        {title}\n      </T>\n    </Box>\n  )\n\n  const toggle = (e: MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsExpandedVertically(!isExpandedVertically)\n  }\n\n  const buttonStyles = {\n    alignItems: 'center',\n    border: 'none',\n    borderRadius: 0,\n    borderLeft: !hasChildrenExpanded && children ? 'none' : '3px solid transparent',\n    borderLeftColor: isActive ? (isDark ? 'digiGreen.main' : 'seaBlue.main') : undefined,\n    bg: isDark ? 'darkBlue.main' : isActive ? 'skyBlue.95' : 'white',\n    color: hasChildrenExpanded ? 'seaBlue.main' : isDark ? 'digiGreen.main' : 'sandstone.10',\n    h: 'auto',\n    justifyContent: 'space-between',\n    onClick: () => onClick?.(),\n    pl,\n    py,\n    size: 'md',\n    variant: isDark ? 'tertiaryLight' : 'tertiaryDark',\n    w: '100%',\n    ...styles.item,\n    minH: size === 'lg' ? '56px' : '40px',\n    hoverBg: isDark ? 'seaBlue.main' : 'skyBlue.90',\n    ...rest,\n  }\n\n  return (\n    <Box flexDirection=\"column\" ref={ref} w=\"100%\">\n      {!hasChildrenExpanded && children ? (\n        <Popover offset={[0, collapsedWidth - expandedWidth - 2]} placement=\"right-start\" trigger=\"mouseenter\">\n          <Popover.Trigger as={Box} className={cs('vui-sidemenu-item-popover', className)}>\n            <Box {...buttonStyles} borderLeft={`3px solid ${isDark ? 'digiGreen.main' : 'seaBlue.main'}`}>\n              <InnerContent />\n            </Box>\n          </Popover.Trigger>\n          <Popover.Content elevation=\"none\">\n            <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n              {children}\n            </Box>\n          </Popover.Content>\n        </Popover>\n      ) : (\n        <Button className={cs('vui-sidemenu-item', className)} {...buttonStyles}>\n          <InnerContent />\n          {hasChildrenExpanded && (\n            <Button\n              aria-label={isExpandedVertically ? 'Collapse' : 'Expand'}\n              className=\"vui-sidemenu-item-expand\"\n              icon={isExpandedVertically ? 'falChevronUp' : 'falChevronDown'}\n              onClick={toggle}\n              size=\"sm\"\n              variant={isDark ? 'tertiaryLight' : 'tertiaryDark'}\n            />\n          )}\n        </Button>\n      )}\n      {!!children && hasChildrenExpanded && isExpandedVertically && (\n        <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n          {children}\n        </Box>\n      )}\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuItemProps>\n\nSidemenuItem.displayName = 'SidemenuItem'\n\nexport default SidemenuItem\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EACJ,WACA,UACA,MACA,WAAW,MACX,UACA,aAAa,MACb,KAAK,GACL,KAAK,GACL,SACA,YACA,UACA,MACA,GAAG,SACD,iBAAiB,MAAM;CAE3B,MAAM,EAAE,sBAAsB,yBAAyB,QAAQ,MAAM,wBAAwB,WAC3FA,wBAAgB,WAAW;AAE7B,iBAAgB;AACd,MAAI,qBAAsB,aAAY;AACtC,MAAI,CAAC,qBAAsB,eAAc;IACxC,CAAC,qBAAqB,CAAC;CAE1B,MAAM,sBAAsB,CAAC,CAAC,YAAY;CAE1C,MAAM,qBACJ,qBAACC;EAAI;EAAQ,IAAI;EAAK,IAAI;EAAG,GAAE;EAAO,YAAW;aAC/C,oBAACC;GAAK,IAAI,aAAa,OAAO,QAAQ;GAAG,MAAM;GAAM,MAAM;IAAY,EACvE,oBAACC;GAAE;GAAY,IAAI;aAChB;IACC;GACA;CAGR,MAAM,UAAU,MAAqC;AACnD,IAAE,gBAAgB;AAClB,IAAE,iBAAiB;AACnB,0BAAwB,CAAC,qBAAqB;;CAGhD,MAAM,eAAe;EACnB,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,YAAY,CAAC,uBAAuB,WAAW,SAAS;EACxD,iBAAiB,WAAY,SAAS,mBAAmB,iBAAkB;EAC3E,IAAI,SAAS,kBAAkB,WAAW,eAAe;EACzD,OAAO,sBAAsB,iBAAiB,SAAS,mBAAmB;EAC1E,GAAG;EACH,gBAAgB;EAChB,eAAe,WAAW;EAC1B;EACA;EACA,MAAM;EACN,SAAS,SAAS,kBAAkB;EACpC,GAAG;EACH,GAAG,OAAO;EACV,MAAM,SAAS,OAAO,SAAS;EAC/B,SAAS,SAAS,iBAAiB;EACnC,GAAG;EACJ;AAED,QACE,qBAACF;EAAI,eAAc;EAAc;EAAK,GAAE;aACrC,CAAC,uBAAuB,WACvB,qBAAC;GAAQ,QAAQ,CAAC,GAAG,iBAAiB,gBAAgB,EAAE;GAAE,WAAU;GAAc,SAAQ;cACxF,oBAAC,QAAQ;IAAQ,IAAIA;IAAK,WAAW,GAAG,6BAA6B,UAAU;cAC7E,oBAACA;KAAI,GAAI;KAAc,YAAY,aAAa,SAAS,mBAAmB;eAC1E,oBAAC,iBAAe;MACZ;KACU,EAClB,oBAAC,QAAQ;IAAQ,WAAU;cACzB,oBAACA;KAAI,eAAc;KAAS,gBAAe;KAAQ,GAAE;KAClD;MACG;KACU;IACV,GAEV,qBAACG;GAAO,WAAW,GAAG,qBAAqB,UAAU;GAAE,GAAI;cACzD,oBAAC,iBAAe,EACf,uBACC,oBAACA;IACC,cAAY,uBAAuB,aAAa;IAChD,WAAU;IACV,MAAM,uBAAuB,iBAAiB;IAC9C,SAAS;IACT,MAAK;IACL,SAAS,SAAS,kBAAkB;KACpC;IAEG,EAEV,CAAC,CAAC,YAAY,uBAAuB,wBACpC,oBAACH;GAAI,eAAc;GAAS,gBAAe;GAAQ,GAAE;GAClD;IACG;GAEJ;EAER;AAEF,aAAa,cAAc;AAE3B,2BAAe"}

package/dist/sidemenu/sidemenuTop.d.ts

@@ -1,10 +1,10 @@
 import { SidemenuTopProps } from "./sidemenu.types.js";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/sidemenu/sidemenuTop.d.ts
 /** Top container. */
 declare const SidemenuTop: {
-  (props: SidemenuTopProps): react_jsx_runtime5.JSX.Element | null;
+  (props: SidemenuTopProps): react_jsx_runtime8.JSX.Element | null;
   displayName: string;
 };
 //#endregion

package/dist/sidemenu/sidemenuTop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuTop.d.ts","names":[],"sources":["../../src/sidemenu/sidemenuTop.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa;UAAsB,mBAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;EAAtC,WAAA,CAAA,CAAA,MAgBZ;CAAA"}
+{"version":3,"file":"sidemenuTop.d.ts","names":[],"sources":["../../src/sidemenu/sidemenuTop.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa;UAAsB,mBAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;EAAtC,WAAA,CAAA,CAAA,MAgBZ"}

package/dist/sidemenu/sidemenuTop.js

@@ -1,2 +1,36 @@
-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=`SidemenuTop`;var c=s;export{s as SidemenuTop,c as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { Box } from "../box/box.js";
+import { collapsedWidth } from "./consts.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/sidemenu/sidemenuTop.tsx
+/** Top container. */
+const SidemenuTop = (props) => {
+	const { className, leftSlot, rightSlot,...rest } = omitThemingProps(props);
+	const styles = useStyleConfig("Sidemenu", props);
+	if (!leftSlot && !rightSlot) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cs("vui-sidemenu-top", className),
+		mb: 1,
+		w: "100%",
+		...styles.sidemenuTop,
+		...rest,
+		children: [!!leftSlot && /* @__PURE__ */ jsx(Box, {
+			alignItems: "center",
+			className: "vui-sidemenu-top-left",
+			minW: collapsedWidth,
+			children: leftSlot
+		}), !!rightSlot && /* @__PURE__ */ jsx(Box, {
+			className: "vui-sidemenu-top-left",
+			children: rightSlot
+		})]
+	});
+};
+SidemenuTop.displayName = "SidemenuTop";
+var sidemenuTop_default = SidemenuTop;
+
+//#endregion
+export { SidemenuTop, sidemenuTop_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=sidemenuTop.js.map

package/dist/sidemenu/sidemenuTop.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuTop.js","names":[],"sources":["../../src/sidemenu/sidemenuTop.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { omitThemingProps, useStyleConfig } from '../core'\nimport { cs } from '../utils'\nimport { collapsedWidth } from './consts'\nimport type { SidemenuTopProps } from './sidemenu.types'\n\n/** Top container. */\nexport const SidemenuTop = (props: SidemenuTopProps) => {\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\nSidemenuTop.displayName = 'SidemenuTop'\n\nexport default SidemenuTop\n"],"mappings":"mPAOA,MAAa,EAAe,GAA4B,CACtD,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,EAAY,YAAc,cAE1B,IAAA,EAAe"}
+{"version":3,"file":"sidemenuTop.js","names":[],"sources":["../../src/sidemenu/sidemenuTop.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { omitThemingProps, useStyleConfig } from '../core'\nimport { cs } from '../utils'\nimport { collapsedWidth } from './consts'\nimport type { SidemenuTopProps } from './sidemenu.types'\n\n/** Top container. */\nexport const SidemenuTop = (props: SidemenuTopProps) => {\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\nSidemenuTop.displayName = 'SidemenuTop'\n\nexport default SidemenuTop\n"],"mappings":";;;;;;;;AAOA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,UAAU,UAAW,GAAG,SAAS,iBAAiB,MAAM;CAC3E,MAAM,SAAS,eAAe,YAAY,MAAM;AAEhD,KAAI,CAAC,YAAY,CAAC,UAAW,QAAO;AAEpC,QACE,qBAAC;EAAI,WAAW,GAAG,oBAAoB,UAAU;EAAE,IAAI;EAAG,GAAE;EAAO,GAAI,OAAO;EAAa,GAAI;aAC5F,CAAC,CAAC,YACD,oBAAC;GAAI,YAAW;GAAS,WAAU;GAAwB,MAAM;aAC9D;IACG,EAEP,CAAC,CAAC,aAAa,oBAAC;GAAI,WAAU;aAAyB;IAAgB;GACpE;;AAIV,YAAY,cAAc;AAE1B,0BAAe"}

package/dist/sidemenu/theme.js

@@ -1,2 +1,45 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`light`},parts:[`container`,`item`,`sidemenuTop`,`bottom`],sizes:{md:{item:{minH:`40px`}},lg:{item:{minH:`56px`}}},variants:{light:{container:{bg:`white`},bottom:{borderTop:`1px solid lightgray`},sidemenuTop:{borderBottom:`1px solid lightgray`},item:{}},dark:{container:{bg:`darkBlue.main`,color:`white`},bottom:{borderTop:`1px solid black`},sidemenuTop:{borderBottom:`1px solid black`},item:{}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/sidemenu/theme.ts
+const baseStyle = {};
+const defaultProps = {
+	size: "md",
+	variant: "light"
+};
+const parts = [
+	"container",
+	"item",
+	"sidemenuTop",
+	"bottom"
+];
+const sizes = {
+	md: { item: { minH: "40px" } },
+	lg: { item: { minH: "56px" } }
+};
+const variants = {
+	light: {
+		container: { bg: "white" },
+		bottom: { borderTop: "1px solid lightgray" },
+		sidemenuTop: { borderBottom: "1px solid lightgray" },
+		item: {}
+	},
+	dark: {
+		container: {
+			bg: "darkBlue.main",
+			color: "white"
+		},
+		bottom: { borderTop: "1px solid black" },
+		sidemenuTop: { borderBottom: "1px solid black" },
+		item: {}
+	}
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/sidemenu/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/sidemenu/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'light',\n}\n\nconst parts = ['container', 'item', 'sidemenuTop', 'bottom']\n\nconst sizes = {\n  md: {\n    item: {\n      minH: '40px',\n    },\n  },\n  lg: {\n    item: {\n      minH: '56px',\n    },\n  },\n}\nconst variants = {\n  light: {\n    container: {\n      bg: 'white',\n    },\n    bottom: {\n      borderTop: '1px solid lightgray',\n    },\n    sidemenuTop: {\n      borderBottom: '1px solid lightgray',\n    },\n    item: {},\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n    },\n    bottom: {\n      borderTop: '1px solid black',\n    },\n    sidemenuTop: {\n      borderBottom: '1px solid black',\n    },\n    item: {},\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAiDA,IAAA,EAAe,CACb,UAlDgB,EAAE,CAmDlB,aAjDmB,CACnB,KAAM,KACN,QAAS,QACV,CA+CC,MA7CY,CAAC,YAAa,OAAQ,cAAe,SAAS,CA8C1D,MA5CY,CACZ,GAAI,CACF,KAAM,CACJ,KAAM,OACP,CACF,CACD,GAAI,CACF,KAAM,CACJ,KAAM,OACP,CACF,CACF,CAkCC,SAjCe,CACf,MAAO,CACL,UAAW,CACT,GAAI,QACL,CACD,OAAQ,CACN,UAAW,sBACZ,CACD,YAAa,CACX,aAAc,sBACf,CACD,KAAM,EAAE,CACT,CACD,KAAM,CACJ,UAAW,CACT,GAAI,gBACJ,MAAO,QACR,CACD,OAAQ,CACN,UAAW,kBACZ,CACD,YAAa,CACX,aAAc,kBACf,CACD,KAAM,EAAE,CACT,CACF,CAQA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/sidemenu/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'light',\n}\n\nconst parts = ['container', 'item', 'sidemenuTop', 'bottom']\n\nconst sizes = {\n  md: {\n    item: {\n      minH: '40px',\n    },\n  },\n  lg: {\n    item: {\n      minH: '56px',\n    },\n  },\n}\nconst variants = {\n  light: {\n    container: {\n      bg: 'white',\n    },\n    bottom: {\n      borderTop: '1px solid lightgray',\n    },\n    sidemenuTop: {\n      borderBottom: '1px solid lightgray',\n    },\n    item: {},\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n    },\n    bottom: {\n      borderTop: '1px solid black',\n    },\n    sidemenuTop: {\n      borderBottom: '1px solid black',\n    },\n    item: {},\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACV;AAED,MAAM,QAAQ;CAAC;CAAa;CAAQ;CAAe;CAAS;AAE5D,MAAM,QAAQ;CACZ,IAAI,EACF,MAAM,EACJ,MAAM,QACP,EACF;CACD,IAAI,EACF,MAAM,EACJ,MAAM,QACP,EACF;CACF;AACD,MAAM,WAAW;CACf,OAAO;EACL,WAAW,EACT,IAAI,SACL;EACD,QAAQ,EACN,WAAW,uBACZ;EACD,aAAa,EACX,cAAc,uBACf;EACD,MAAM,EAAE;EACT;CACD,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,OAAO;GACR;EACD,QAAQ,EACN,WAAW,mBACZ;EACD,aAAa,EACX,cAAc,mBACf;EACD,MAAM,EAAE;EACT;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/sidemenu/useSidemenuItem.js

@@ -1,2 +1,27 @@
-import{useStyleConfig as e}from"../core/theme.js";import{useSidemenuContext as t}from"./context.js";import{useEffect as n,useState as r}from"react";var i=i=>{let[a,o]=r(i),{variant:s,size:c,isExpandedHorizontally:l}=t(),u=e(`Sidemenu`,t);return n(()=>{i!==a&&o(i)},[i]),{isExpandedVertically:a,isDark:s===`dark`,size:c,isExpandedHorizontally:l,styles:u,setIsExpandedVertically:o}};export{i as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useStyleConfig } from "../core/theme.js";
+import { useSidemenuContext } from "./context.js";
+import { useEffect, useState } from "react";
+
+//#region src/sidemenu/useSidemenuItem.ts
+const useSidemenuItem = (isExpanded) => {
+	const [isExpandedVertically, setIsExpandedVertically] = useState(isExpanded);
+	const { variant, size, isExpandedHorizontally } = useSidemenuContext();
+	const styles = useStyleConfig("Sidemenu", useSidemenuContext);
+	useEffect(() => {
+		if (isExpanded !== isExpandedVertically) setIsExpandedVertically(isExpanded);
+	}, [isExpanded]);
+	return {
+		isExpandedVertically,
+		isDark: variant === "dark",
+		size,
+		isExpandedHorizontally,
+		styles,
+		setIsExpandedVertically
+	};
+};
+var useSidemenuItem_default = useSidemenuItem;
+
+//#endregion
+export { useSidemenuItem_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=useSidemenuItem.js.map

package/dist/sidemenu/useSidemenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSidemenuItem.js","names":[],"sources":["../../src/sidemenu/useSidemenuItem.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { useStyleConfig } from '../core'\nimport { useSidemenuContext } from './context'\n\nconst useSidemenuItem = (isExpanded: boolean) => {\n  const [isExpandedVertically, setIsExpandedVertically] = useState(isExpanded)\n  const { variant, size, isExpandedHorizontally } = useSidemenuContext()\n  const styles = useStyleConfig('Sidemenu', useSidemenuContext)\n\n  useEffect(() => {\n    if (isExpanded !== isExpandedVertically) setIsExpandedVertically(isExpanded)\n  }, [isExpanded])\n\n  return {\n    isExpandedVertically,\n    isDark: variant === 'dark',\n    size,\n    isExpandedHorizontally,\n    styles,\n    setIsExpandedVertically,\n  }\n}\n\nexport default useSidemenuItem\n"],"mappings":"oJAwBA,IAAA,EAnByB,GAAwB,CAC/C,GAAM,CAAC,EAAsB,GAA2B,EAAS,EAAW,CACtE,CAAE,UAAS,OAAM,0BAA2B,GAAoB,CAChE,EAAS,EAAe,WAAY,EAAmB,CAM7D,OAJA,MAAgB,CACV,IAAe,GAAsB,EAAwB,EAAW,EAC3E,CAAC,EAAW,CAAC,CAET,CACL,uBACA,OAAQ,IAAY,OACpB,OACA,yBACA,SACA,0BACD"}
+{"version":3,"file":"useSidemenuItem.js","names":[],"sources":["../../src/sidemenu/useSidemenuItem.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { useStyleConfig } from '../core'\nimport { useSidemenuContext } from './context'\n\nconst useSidemenuItem = (isExpanded: boolean) => {\n  const [isExpandedVertically, setIsExpandedVertically] = useState(isExpanded)\n  const { variant, size, isExpandedHorizontally } = useSidemenuContext()\n  const styles = useStyleConfig('Sidemenu', useSidemenuContext)\n\n  useEffect(() => {\n    if (isExpanded !== isExpandedVertically) setIsExpandedVertically(isExpanded)\n  }, [isExpanded])\n\n  return {\n    isExpandedVertically,\n    isDark: variant === 'dark',\n    size,\n    isExpandedHorizontally,\n    styles,\n    setIsExpandedVertically,\n  }\n}\n\nexport default useSidemenuItem\n"],"mappings":";;;;;AAKA,MAAM,mBAAmB,eAAwB;CAC/C,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,WAAW;CAC5E,MAAM,EAAE,SAAS,MAAM,2BAA2B,oBAAoB;CACtE,MAAM,SAAS,eAAe,YAAY,mBAAmB;AAE7D,iBAAgB;AACd,MAAI,eAAe,qBAAsB,yBAAwB,WAAW;IAC3E,CAAC,WAAW,CAAC;AAEhB,QAAO;EACL;EACA,QAAQ,YAAY;EACpB;EACA;EACA;EACA;EACD;;AAGH,8BAAe"}

package/dist/sidemenuV2/SidemenuItemContent.js

@@ -1,2 +1,66 @@
-import e from"../box/box.js";import t from"../icon/icon.js";import n from"../t/t.js";import r from"../badge/badge.js";import{memo as i}from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";const c=i(({icon:i,iconSize:c=`sm`,title:l,isMenuExpanded:u,isInPopover:d,badge:f,badgeLinkUrl:p})=>{let m=13/8;return d?s(a,{children:[o(n,{isTruncated:!0,size:`sm`,display:`inline-block`,fontWeight:`500`,ml:m,children:l}),f&&typeof f==`object`&&typeof f.text==`string`&&f.text.trim()!==``&&o(r,{...f,"data-link":btoa(p??`#`),variant:f.variant??`subtleGreen`,size:`sm`,minW:`32px`,fontSize:`12px`,lineHeight:`16px`,ml:`10px`,mr:`10px`})]}):s(a,{children:[o(e,{ml:m,mr:u?10/8:20/8,w:`20px`,transition:`margin 0.2s ease-in-out`,children:i&&o(t,{name:i,size:c})}),o(n,{isTruncated:!0,size:`sm`,display:`inline-block`,children:l}),f&&typeof f==`object`&&typeof f.text==`string`&&f.text.trim()!==``&&o(r,{...f,"data-link":btoa(p??`#`),variant:f.variant??`subtleGreen`,size:`sm`,minW:`32px`,fontSize:`12px`,lineHeight:`16px`,ml:`10px`,mr:`10px`})]})});c.displayName=`SidemenuItemContent`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import box_default from "../box/box.js";
+import icon_default from "../icon/icon.js";
+import t_default from "../t/t.js";
+import badge_default from "../badge/badge.js";
+import { memo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/sidemenuV2/SidemenuItemContent.tsx
+const SidemenuItemContent = memo(({ icon, iconSize = "sm", title, isMenuExpanded, isInPopover, badge, badgeLinkUrl }) => {
+	const iconBaseMarginLeft = 13 / 8;
+	const iconMarginRight = isMenuExpanded ? 10 / 8 : 20 / 8;
+	if (isInPopover) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(t_default, {
+		isTruncated: true,
+		size: "sm",
+		display: "inline-block",
+		fontWeight: "500",
+		ml: iconBaseMarginLeft,
+		children: title
+	}), badge && typeof badge === "object" && typeof badge.text === "string" && badge.text.trim() !== "" && /* @__PURE__ */ jsx(badge_default, {
+		...badge,
+		"data-link": btoa(badgeLinkUrl ?? "#"),
+		variant: badge.variant ?? "subtleGreen",
+		size: "sm",
+		minW: "32px",
+		fontSize: "12px",
+		lineHeight: "16px",
+		ml: "10px",
+		mr: "10px"
+	})] });
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(box_default, {
+			ml: iconBaseMarginLeft,
+			mr: iconMarginRight,
+			w: "20px",
+			transition: "margin 0.2s ease-in-out",
+			children: icon && /* @__PURE__ */ jsx(icon_default, {
+				name: icon,
+				size: iconSize
+			})
+		}),
+		/* @__PURE__ */ jsx(t_default, {
+			isTruncated: true,
+			size: "sm",
+			display: "inline-block",
+			children: title
+		}),
+		badge && typeof badge === "object" && typeof badge.text === "string" && badge.text.trim() !== "" && /* @__PURE__ */ jsx(badge_default, {
+			...badge,
+			"data-link": btoa(badgeLinkUrl ?? "#"),
+			variant: badge.variant ?? "subtleGreen",
+			size: "sm",
+			minW: "32px",
+			fontSize: "12px",
+			lineHeight: "16px",
+			ml: "10px",
+			mr: "10px"
+		})
+	] });
+});
+SidemenuItemContent.displayName = "SidemenuItemContent";
+var SidemenuItemContent_default = SidemenuItemContent;
+
+//#endregion
+export { SidemenuItemContent_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=SidemenuItemContent.js.map

package/dist/sidemenuV2/SidemenuItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidemenuItemContent.js","names":["T","Badge","Box","Icon"],"sources":["../../src/sidemenuV2/SidemenuItemContent.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport Badge from '../badge'\nimport type { BadgeProps } from '../badge/badge.types'\nimport Box from '../box'\nimport type { IconProp } from '../icon'\nimport Icon from '../icon'\nimport T from '../t'\n\nexport interface 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    const iconBaseMarginLeft = 13 / 8\n    const iconMarginRight = isMenuExpanded ? 10 / 8 : 20 / 8\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        <Box ml={iconBaseMarginLeft} mr={iconMarginRight} w=\"20px\" transition=\"margin 0.2s ease-in-out\">\n          {icon && <Icon name={icon} size={iconSize} />}\n        </Box>\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 default SidemenuItemContent\n"],"mappings":"mNAmBA,MAAM,EAAsB,GACzB,CAAE,OAAM,WAAW,KAAM,QAAO,iBAAgB,cAAa,QAAO,kBAAmB,CACtF,IAAM,EAAqB,GAAK,EAyBhC,OAtBI,EAEA,EAAA,EAAA,CAAA,SAAA,CACE,EAACA,EAAAA,CAAE,YAAA,GAAY,KAAK,KAAK,QAAQ,eAAe,WAAW,MAAM,GAAI,WAClE,GACC,CACH,GAAS,OAAO,GAAU,UAAY,OAAO,EAAM,MAAS,UAAY,EAAM,KAAK,MAAM,GAAK,IAC7F,EAACC,EAAAA,CACC,GAAI,EACJ,YAAW,KAAK,GAAgB,IAAI,CACpC,QAAS,EAAM,SAAW,cAC1B,KAAK,KACL,KAAK,OACL,SAAS,OACT,WAAW,OACX,GAAG,OACH,GAAG,QACH,CAAA,CAAA,CAEH,CAIL,EAAA,EAAA,CAAA,SAAA,CACE,EAACC,EAAAA,CAAI,GAAI,EAAoB,GA1BT,EAAiB,GAAK,EAAI,GAAK,EA0BD,EAAE,OAAO,WAAW,mCACnE,GAAQ,EAACC,EAAAA,CAAK,KAAM,EAAM,KAAM,GAAY,EACzC,CACN,EAACH,EAAAA,CAAE,YAAA,GAAY,KAAK,KAAK,QAAQ,wBAC9B,GACC,CACH,GAAS,OAAO,GAAU,UAAY,OAAO,EAAM,MAAS,UAAY,EAAM,KAAK,MAAM,GAAK,IAC7F,EAACC,EAAAA,CACC,GAAI,EACJ,YAAW,KAAK,GAAgB,IAAI,CACpC,QAAS,EAAM,SAAW,cAC1B,KAAK,KACL,KAAK,OACL,SAAS,OACT,WAAW,OACX,GAAG,OACH,GAAG,QACH,GAEH,EAGR,CAED,EAAoB,YAAc,sBAElC,IAAA,EAAe"}
+{"version":3,"file":"SidemenuItemContent.js","names":["T","Badge","Box","Icon"],"sources":["../../src/sidemenuV2/SidemenuItemContent.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport Badge from '../badge'\nimport type { BadgeProps } from '../badge/badge.types'\nimport Box from '../box'\nimport type { IconProp } from '../icon'\nimport Icon from '../icon'\nimport T from '../t'\n\nexport interface 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    const iconBaseMarginLeft = 13 / 8\n    const iconMarginRight = isMenuExpanded ? 10 / 8 : 20 / 8\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        <Box ml={iconBaseMarginLeft} mr={iconMarginRight} w=\"20px\" transition=\"margin 0.2s ease-in-out\">\n          {icon && <Icon name={icon} size={iconSize} />}\n        </Box>\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 default SidemenuItemContent\n"],"mappings":";;;;;;;;AAmBA,MAAM,sBAAsB,MACzB,EAAE,MAAM,WAAW,MAAM,OAAO,gBAAgB,aAAa,OAAO,mBAAmB;CACtF,MAAM,qBAAqB,KAAK;CAChC,MAAM,kBAAkB,iBAAiB,KAAK,IAAI,KAAK;AAEvD,KAAI,YACF,QACE,8CACE,oBAACA;EAAE;EAAY,MAAK;EAAK,SAAQ;EAAe,YAAW;EAAM,IAAI;YAClE;GACC,EACH,SAAS,OAAO,UAAU,YAAY,OAAO,MAAM,SAAS,YAAY,MAAM,KAAK,MAAM,KAAK,MAC7F,oBAACC;EACC,GAAI;EACJ,aAAW,KAAK,gBAAgB,IAAI;EACpC,SAAS,MAAM,WAAW;EAC1B,MAAK;EACL,MAAK;EACL,UAAS;EACT,YAAW;EACX,IAAG;EACH,IAAG;GACH,IAEH;AAGP,QACE;EACE,oBAACC;GAAI,IAAI;GAAoB,IAAI;GAAiB,GAAE;GAAO,YAAW;aACnE,QAAQ,oBAACC;IAAK,MAAM;IAAM,MAAM;KAAY;IACzC;EACN,oBAACH;GAAE;GAAY,MAAK;GAAK,SAAQ;aAC9B;IACC;EACH,SAAS,OAAO,UAAU,YAAY,OAAO,MAAM,SAAS,YAAY,MAAM,KAAK,MAAM,KAAK,MAC7F,oBAACC;GACC,GAAI;GACJ,aAAW,KAAK,gBAAgB,IAAI;GACpC,SAAS,MAAM,WAAW;GAC1B,MAAK;GACL,MAAK;GACL,UAAS;GACT,YAAW;GACX,IAAG;GACH,IAAG;IACH;KAEH;EAGR;AAED,oBAAoB,cAAc;AAElC,kCAAe"}

package/dist/sidemenuV2/consts.js

@@ -1,2 +1,8 @@
-const e=52,t=240;export{e as collapsedWidth,t as expandedWidth};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/sidemenuV2/consts.ts
+const collapsedWidth = 52;
+const expandedWidth = 240;
+
+//#endregion
+export { collapsedWidth, expandedWidth };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/sidemenuV2/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/sidemenuV2/consts.ts"],"sourcesContent":["export const collapsedWidth = 52\n\nexport const expandedWidth = 240\n"],"mappings":"AAAA,MAAa,EAAiB,GAEjB,EAAgB"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/sidemenuV2/consts.ts"],"sourcesContent":["export const collapsedWidth = 52\n\nexport const expandedWidth = 240\n"],"mappings":";AAAA,MAAa,iBAAiB;AAE9B,MAAa,gBAAgB"}

package/dist/sidemenuV2/context.d.ts

@@ -1,7 +1,8 @@
 import { Dict } from "../utils/types.js";
+import "../utils/index.js";
 import * as react960 from "react";
 import { ReactNode } from "react";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/sidemenuV2/context.d.ts
 interface SidemenuContextValue extends Dict {
@@ -33,7 +34,7 @@ declare const SidemenuStateProvider: ({
   variant,
   size,
   isDark
-}: SidemenuStateProviderProps) => react_jsx_runtime16.JSX.Element;
+}: SidemenuStateProviderProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { SidemenuStateProvider, useSidemenuContext };
 //# sourceMappingURL=context.d.ts.map

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,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"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/sidemenuV2/context.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAMiB,oBAAA,CAAA,OAAA,CAA6B;;;;kBAO5B;EAPD,eAAA,CAAA,CAAA,CAAA,CAAA,MAAqB,CAAA,CAAA,MAAA,CAAA,CAAA,MAOpB,CAAA,CAAA,OAPgC,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EA4DxC,aAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,MAA0B,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAS7B,aAAA,CAAA,CAAA,CAAA,CAAA,UAAgB,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAA,gBAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAA,cAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAoB,kBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAlB,gBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;AAGzB;UAZU,0BAAA,CAY4B;EAAA,QAAA,CAAA,CAX1B,SAW0B;EAAA,iBAAA,CAAA,CAAA,CAAA,OAAA;EAAA,gBAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAA,OAAA,CAAA,CAAA,CAAA,MAAA;EAAA,IAAA,CAAA,CAAA,CAAA,MAAA;EAOnC,MAAA,CAAA,CAAA,CAAA,OAAA;;cAVI,gBAsFN,CAAA,CAtFsB,QAAA,CAAA,QAsFtB,CAtFsB,oBAsFtB,CAAA,CAAA,CAtFwB,kBAsFxB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAtF0C,oBAsF1C;cAnFY;;;;;;;GAOV,+BAA0B,mBAAA,CAAA,GAAA,CAAA"}