@veracity/vui 4.1.0 → 5.0.0-alpha.0

package/dist/progressCircular/progressCircular.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.types.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.types.ts"],"mappings":";;;;;KAGY,qBAAA,GAAwB,WAAA,GAClC,YAAA;EACE,KAAA;EACA,KAAA;EACA,cAAA;AAAA"}
+{"version":3,"file":"progressCircular.types.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.types.ts"],"mappings":";;;;;;KAGY,qBAAA,GAAwB,WAAA,GAClC,YAAA;EACE,KAAA;EACA,KAAA;EACA,cAAA;AAAA"}

package/dist/progressCircular/theme.js

@@ -55,5 +55,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=theme.js.map

package/dist/prose/prose.js

@@ -4,17 +4,17 @@ import Box from "../box/box.js";
 
 //#region src/prose/prose.tsx
 const Prose = styled(Box)`
-  --link-transition-duration: 0.5s;
-  --list-margin: ${th.space(2)};
-  --list-padding-left: ${th.space(4)};
-  --nested-list-margin: ${th.space(.5)};
-  --link-color: ${th.color("seaBlue.main")};
-  --link-hover-color: ${th.color("seaBlue.35")};
-  --bold-font-weight: ${th.fontWeight("bold")};
+  --vui-prose-link-transition-duration: 0.5s;
+  --vui-prose-list-margin: ${th.space(2)};
+  --vui-prose-list-padding-left: ${th.space(4)};
+  --vui-prose-nested-list-margin: ${th.space(.5)};
+  --vui-prose-link-color: ${th.color("seaBlue.main")};
+  --vui-prose-link-hover-color: ${th.color("seaBlue.35")};
+  --vui-prose-bold-font-weight: ${th.fontWeight("bold")};
 
   display: block;
 
-  /* Paragraphs */
+  /* Paragraphs one after another */
   p + p {
     margin-top: ${th.space(2)};
   }
@@ -22,20 +22,20 @@ const Prose = styled(Box)`
   /* Bold text */
   b,
   strong {
-    font-weight: var(--bold-font-weight);
+    font-weight: var(--vui-prose-bold-font-weight);
   }
 
   /* Unordered lists */
   ul {
-    margin: var(--list-margin) 0;
-    padding-left: var(--list-padding-left);
+    margin: var(--vui-prose-list-margin) 0;
+    padding-left: var(--vui-prose-list-padding-left);
     list-style-type: disc;
   }
 
   /* Ordered lists */
   ol {
-    margin: var(--list-margin) 0;
-    padding-left: var(--list-padding-left);
+    margin: var(--vui-prose-list-margin) 0;
+    padding-left: var(--vui-prose-list-padding-left);
     list-style-type: decimal;
   }
 
@@ -51,7 +51,7 @@ const Prose = styled(Box)`
   ul ul,
   ol ul {
     list-style-type: circle;
-    margin: var(--nested-list-margin) 0;
+    margin: var(--vui-nested-list-margin) 0;
   }
 
   ul ul ul,
@@ -67,7 +67,7 @@ const Prose = styled(Box)`
 
   /* Links - as in Link component */
   a {
-    color: var(--link-color);
+    color: var(--vui-prose-link-color);
     cursor: pointer;
     padding-bottom: 2px;
     position: relative;
@@ -78,13 +78,13 @@ const Prose = styled(Box)`
     background-position: 0 100%;
     background-repeat: no-repeat;
 
-    transition: color var(--link-transition-duration) ease;
+    transition: color var(--vui-prose-link-transition-duration) ease;
 
     &:hover,
     &:focus {
-      animation: linkSwipe var(--link-transition-duration) ease forwards;
+      animation: linkSwipe var(--vui-prose-link-transition-duration) ease forwards;
       background-size: 100% 1px;
-      color: var(--link-hover-color);
+      color: var(--vui-prose-link-hover-color);
     }
 
     &[target='_blank']::after,
@@ -126,5 +126,5 @@ Prose.displayName = "Prose";
 
 //#endregion
 export { Prose as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=prose.js.map

package/dist/prose/prose.js.map

@@ -1 +1 @@
-{"version":3,"file":"prose.js","names":[],"sources":["../../src/prose/prose.tsx"],"sourcesContent":["import Box from '../box'\nimport type { BoxProps } from '../box'\nimport { styled, th } from '../core'\n\nexport type ProseProps = BoxProps\n\nexport const Prose = styled(Box)<ProseProps>`\n  --link-transition-duration: 0.5s;\n  --list-margin: ${th.space(2)};\n  --list-padding-left: ${th.space(4)};\n  --nested-list-margin: ${th.space(0.5)};\n  --link-color: ${th.color('seaBlue.main')};\n  --link-hover-color: ${th.color('seaBlue.35')};\n  --bold-font-weight: ${th.fontWeight('bold')};\n\n  display: block;\n\n  /* Paragraphs */\n  p + p {\n    margin-top: ${th.space(2)};\n  }\n\n  /* Bold text */\n  b,\n  strong {\n    font-weight: var(--bold-font-weight);\n  }\n\n  /* Unordered lists */\n  ul {\n    margin: var(--list-margin) 0;\n    padding-left: var(--list-padding-left);\n    list-style-type: disc;\n  }\n\n  /* Ordered lists */\n  ol {\n    margin: var(--list-margin) 0;\n    padding-left: var(--list-padding-left);\n    list-style-type: decimal;\n  }\n\n  /* List items */\n  li {\n    line-height: 1.6;\n    &::marker {\n      color: currentColor;\n    }\n  }\n\n  /* Nested lists */\n  ul ul,\n  ol ul {\n    list-style-type: circle;\n    margin: var(--nested-list-margin) 0;\n  }\n\n  ul ul ul,\n  ol ul ul {\n    list-style-type: square;\n  }\n\n  /* Emphasis */\n  em,\n  i {\n    font-style: italic;\n  }\n\n  /* Links - as in Link component */\n  a {\n    color: var(--link-color);\n    cursor: pointer;\n    padding-bottom: 2px;\n    position: relative;\n    text-decoration: none;\n\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: 100% 1px;\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n\n    transition: color var(--link-transition-duration) ease;\n\n    &:hover,\n    &:focus {\n      animation: linkSwipe var(--link-transition-duration) ease forwards;\n      background-size: 100% 1px;\n      color: var(--link-hover-color);\n    }\n\n    &[target='_blank']::after,\n    &[rel~='external']::after,\n    &[rel~='noopener']::after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      width: 1rem;\n      height: 1rem;\n\n      background-color: currentColor;\n\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512' %3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .34a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.34.7.71-323.19 323.15a12 12 0 0 0 0 17l5.66 5.66a12 12 0 0 0 17 0L477.29 57.34l.71.7-.34 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12L512 12a12 12 0 0 0-12-12Z'/%3E%3C/svg%3E%0A\");\n      mask-repeat: no-repeat;\n      mask-size: contain;\n    }\n\n    &[target='_blank'],\n    &[rel~='external'],\n    &[rel~='noopener'] {\n      margin-right: 1.5rem;\n      &::after {\n        transform: translate(4px, 3px);\n      }\n    }\n  }\n\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nProse.displayName = 'Prose'\nexport default Prose\n"],"mappings":";;;;;AAMA,MAAa,QAAQ,OAAO,IAAI,AAAY;;mBAEzB,GAAG,MAAM,EAAE,CAAC;yBACN,GAAG,MAAM,EAAE,CAAC;0BACX,GAAG,MAAM,GAAI,CAAC;kBACtB,GAAG,MAAM,eAAe,CAAC;wBACnB,GAAG,MAAM,aAAa,CAAC;wBACvB,GAAG,WAAW,OAAO,CAAC;;;;;;kBAM5B,GAAG,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2G9B,MAAM,cAAc"}
+{"version":3,"file":"prose.js","names":[],"sources":["../../src/prose/prose.tsx"],"sourcesContent":["import Box from '../box'\nimport type { BoxProps } from '../box'\nimport { styled, th } from '../core'\n\nexport type ProseProps = BoxProps\n\nexport const Prose = styled(Box)<ProseProps>`\n  --vui-prose-link-transition-duration: 0.5s;\n  --vui-prose-list-margin: ${th.space(2)};\n  --vui-prose-list-padding-left: ${th.space(4)};\n  --vui-prose-nested-list-margin: ${th.space(0.5)};\n  --vui-prose-link-color: ${th.color('seaBlue.main')};\n  --vui-prose-link-hover-color: ${th.color('seaBlue.35')};\n  --vui-prose-bold-font-weight: ${th.fontWeight('bold')};\n\n  display: block;\n\n  /* Paragraphs one after another */\n  p + p {\n    margin-top: ${th.space(2)};\n  }\n\n  /* Bold text */\n  b,\n  strong {\n    font-weight: var(--vui-prose-bold-font-weight);\n  }\n\n  /* Unordered lists */\n  ul {\n    margin: var(--vui-prose-list-margin) 0;\n    padding-left: var(--vui-prose-list-padding-left);\n    list-style-type: disc;\n  }\n\n  /* Ordered lists */\n  ol {\n    margin: var(--vui-prose-list-margin) 0;\n    padding-left: var(--vui-prose-list-padding-left);\n    list-style-type: decimal;\n  }\n\n  /* List items */\n  li {\n    line-height: 1.6;\n    &::marker {\n      color: currentColor;\n    }\n  }\n\n  /* Nested lists */\n  ul ul,\n  ol ul {\n    list-style-type: circle;\n    margin: var(--vui-nested-list-margin) 0;\n  }\n\n  ul ul ul,\n  ol ul ul {\n    list-style-type: square;\n  }\n\n  /* Emphasis */\n  em,\n  i {\n    font-style: italic;\n  }\n\n  /* Links - as in Link component */\n  a {\n    color: var(--vui-prose-link-color);\n    cursor: pointer;\n    padding-bottom: 2px;\n    position: relative;\n    text-decoration: none;\n\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: 100% 1px;\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n\n    transition: color var(--vui-prose-link-transition-duration) ease;\n\n    &:hover,\n    &:focus {\n      animation: linkSwipe var(--vui-prose-link-transition-duration) ease forwards;\n      background-size: 100% 1px;\n      color: var(--vui-prose-link-hover-color);\n    }\n\n    &[target='_blank']::after,\n    &[rel~='external']::after,\n    &[rel~='noopener']::after {\n      content: '';\n      display: inline-block;\n      position: absolute;\n      width: 1rem;\n      height: 1rem;\n\n      background-color: currentColor;\n\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512' %3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .34a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.34.7.71-323.19 323.15a12 12 0 0 0 0 17l5.66 5.66a12 12 0 0 0 17 0L477.29 57.34l.71.7-.34 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12L512 12a12 12 0 0 0-12-12Z'/%3E%3C/svg%3E%0A\");\n      mask-repeat: no-repeat;\n      mask-size: contain;\n    }\n\n    &[target='_blank'],\n    &[rel~='external'],\n    &[rel~='noopener'] {\n      margin-right: 1.5rem;\n      &::after {\n        transform: translate(4px, 3px);\n      }\n    }\n  }\n\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nProse.displayName = 'Prose'\nexport default Prose\n"],"mappings":";;;;;AAMA,MAAa,QAAQ,OAAO,IAAI,AAAY;;6BAEf,GAAG,MAAM,EAAE,CAAC;mCACN,GAAG,MAAM,EAAE,CAAC;oCACX,GAAG,MAAM,GAAI,CAAC;4BACtB,GAAG,MAAM,eAAe,CAAC;kCACnB,GAAG,MAAM,aAAa,CAAC;kCACvB,GAAG,WAAW,OAAO,CAAC;;;;;;kBAMtC,GAAG,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2G9B,MAAM,cAAc"}

package/dist/radio/consts.js

@@ -8,5 +8,5 @@ const radioColors = {
 
 //#endregion
 export { radioColors };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=consts.js.map

package/dist/radio/context.js

@@ -5,5 +5,5 @@ const [RadioGroupProvider, useRadioGroupContext] = createContext({ isOptional: t
 
 //#endregion
 export { RadioGroupProvider, useRadioGroupContext };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=context.js.map

package/dist/radio/radio.js

@@ -126,5 +126,5 @@ Radio.displayName = "Radio";
 
 //#endregion
 export { RadioBase, Radio as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=radio.js.map

package/dist/radio/radio.types.d.ts

@@ -1,6 +1,7 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
 import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";

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

@@ -1 +1 @@
-{"version":3,"file":"radio.types.d.ts","names":[],"sources":["../../src/radio/radio.types.ts"],"mappings":";;;;;;;;;;KAOY,UAAA,GAAa,WAAA,GACvB,YAAA;oDAEE,OAAA;EAEA,WAAA,wBALQ;EAOR,QAAA;EAEA,IAAA,GAAO,QAAA,EART;EAUE,WAAA,GAAc,QAAA,EAAA;EAEd,UAAA,GAAa,cAAA,CAAe,gBAAA,GAAf;EAEb,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAAvB;EAEX,KAAA,WAMW;EAJX,IAAA,WAM2B;EAJ3B,MAAA,GAAS,iBAAA,EArBY;EAuBrB,QAAA,GAAW,kBAAA,EApBX;EAsBA,OAAA,GAAU,iBAAA,EAlBV;EAoBA,QAAA,YAlBO;EAoBP,KAAA;AAAA;AAAA,KAGQ,eAAA;EAnBK,6DAqBf,iBAAA;AAAA"}
+{"version":3,"file":"radio.types.d.ts","names":[],"sources":["../../src/radio/radio.types.ts"],"mappings":";;;;;;;;;;;KAOY,UAAA,GAAa,WAAA,GACvB,YAAA;oDAEE,OAAA;EAEA,WAAA;EAEA,QAAA,YAPkB;EASlB,IAAA,GAAO,QAAA,EATc;EAWrB,WAAA,GAAc,QAAA,EAFP;EAIP,UAAA,GAAa,cAAA,CAAe,gBAAA,GAAA;EAE5B,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAAA;EAElC,KAAA,WAIS;EAFT,IAAA,WAMU;EAJV,MAAA,GAAS,iBAAA,EAIkB;EAF3B,QAAA,GAAW,kBAAA,EAtBb;EAwBE,OAAA,GAAU,iBAAA,EApBV;EAsBA,QAAA,YAlBA;EAoBA,KAAA;AAAA;AAAA,KAGQ,eAAA;EAnBR,6DAqBF,iBAAA;AAAA"}

package/dist/radio/radioGroup.js

@@ -61,5 +61,5 @@ RadioGroup.displayName = "RadioGroup";
 
 //#endregion
 export { RadioGroupBase, RadioGroup as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=radioGroup.js.map

package/dist/radio/radioGroup.types.d.ts

@@ -1,6 +1,7 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
 import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 

package/dist/radio/radioGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.types.d.ts","names":[],"sources":["../../src/radio/radioGroup.types.ts"],"mappings":";;;;;;;KAIY,eAAA,GAAkB,WAAA,GAC5B,YAAA;6DAEE,WAAA;EAEA,QAAA,YALuB;EAOvB,KAAA,YAP0B;EAS1B,IAAA,WAES;EAAT,MAAA,GAAS,iBAAA,EAIC;EAFV,QAAA,GAAW,kBAAA,EAEgB;EAA3B,OAAA,GAAU,iBAAA,EAdZ;EAgBE,KAAA;AAAA"}
+{"version":3,"file":"radioGroup.types.d.ts","names":[],"sources":["../../src/radio/radioGroup.types.ts"],"mappings":";;;;;;;;KAIY,eAAA,GAAkB,WAAA,GAC5B,YAAA;6DAEE,WAAA;EAEA,QAAA,YALQ;EAOR,KAAA;EAEA,IAAA,WARF;EAUE,MAAA,GAAS,iBAAA,EAEE;EAAX,QAAA,GAAW,kBAAA,EAEgB;EAA3B,OAAA,GAAU,iBAAA,EAfgB;EAiB1B,KAAA;AAAA"}

package/dist/radio/theme.js

@@ -45,5 +45,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=theme.js.map

package/dist/range/consts.js

@@ -7,5 +7,5 @@ const rangeColors = {
 
 //#endregion
 export { rangeColors };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=consts.js.map

package/dist/range/range.js

@@ -86,5 +86,5 @@ Range.displayName = "Range";
 
 //#endregion
 export { Range as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=range.js.map

package/dist/range/range.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"range.types.d.ts","names":[],"sources":["../../src/range/range.types.ts"],"mappings":";;;;;KAGY,UAAA;AAAA,KAEA,UAAA,GAAa,WAAA,GACvB,YAAA;sFAEE,YAAA,GAAe,UAAA,EALG;EAOlB,KAAA,GAAQ,UAAA,EAPU;EASlB,QAAA,YAPQ;EASR,GAAA;EAEA,GAAA,WAVF;EAYE,WAAA,WARQ;EAUR,IAAA,WAQ6B;EAN7B,WAAA,YAjBqB;EAmBrB,SAAA,YAhBA;EAkBA,SAAA,IAAa,KAAA,qBAhBb;EAkBA,QAAA,IAAY,KAAA,EAAO,UAAA;AAAA;AAAA,KAGX,aAAA"}
+{"version":3,"file":"range.types.d.ts","names":[],"sources":["../../src/range/range.types.ts"],"mappings":";;;;;;KAGY,UAAA;AAAA,KAEA,UAAA,GAAa,WAAA,GACvB,YAAA;sFAEE,YAAA,GAAe,UAAA,EALP;EAOR,KAAA,GAAQ,UAAA;EAER,QAAA,YATkB;EAWlB,GAAA,WATkB;EAWlB,GAAA,WAXqB;EAarB,WAAA,WAVe;EAYf,IAAA,WAQmB;EANnB,WAAA,YAM6B;EAJ7B,SAAA,YAlBF;EAoBE,SAAA,IAAa,KAAA,qBAlBE;EAoBf,QAAA,IAAY,KAAA,EAAO,UAAA;AAAA;AAAA,KAGX,aAAA"}

package/dist/range/theme.js

@@ -47,5 +47,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=theme.js.map

package/dist/rating/rating.js

@@ -124,5 +124,5 @@ Rating.displayName = "Rating";
 
 //#endregion
 export { Rating as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=rating.js.map

package/dist/rating/rating.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"rating.types.d.ts","names":[],"sources":["../../src/rating/rating.types.ts"],"mappings":";;;;;KAGY,WAAA,GAAc,WAAA,GACxB,YAAA;kCAEE,KAAA,UAHQ;EAKR,GAAA;EAEA,OAAA,YAPsB;EAStB,OAAA,sBANA;EAQA,IAAA,uBAJA;EAMA,QAAA,IAAY,KAAA,mBAFZ;EAIA,UAAA;AAAA"}
+{"version":3,"file":"rating.types.d.ts","names":[],"sources":["../../src/rating/rating.types.ts"],"mappings":";;;;;;KAGY,WAAA,GAAc,WAAA,GACxB,YAAA;kCAEE,KAAA;EAEA,GAAA,WALmB;EAOnB,OAAA,YANU;EAQV,OAAA,sBARF;EAUE,IAAA,uBANA;EAQA,QAAA,IAAY,KAAA,mBAJZ;EAMA,UAAA;AAAA"}

package/dist/rating/theme.js

@@ -24,5 +24,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=theme.js.map

package/dist/select/context.js

@@ -5,5 +5,5 @@ const [SelectProvider, useSelectContext] = createContext({ isOptional: true });
 
 //#endregion
 export { SelectProvider, useSelectContext };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=context.js.map

package/dist/select/select.js

@@ -117,5 +117,5 @@ Select.displayName = "Select";
 
 //#endregion
 export { Select as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=select.js.map

package/dist/select/select.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { ListItemProps, ListProps } from "../list/list.types.js";

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

@@ -1 +1 @@
-{"version":3,"file":"select.types.d.ts","names":[],"sources":["../../src/select/select.types.ts"],"mappings":";;;;;;;;;;;;;;KAUY,iBAAA,GAAoB,WAAA;AAAA,KAEpB,kBAAA,GAAqB,mBAAA;AAAA,KAErB,aAAA,GAAgB,IAAA,CAC1B,WAAA,oHAGA,mBAAA;AAAA,KAEU,gBAAA,GAAmB,SAAA;AAAA,KAEnB,WAAA,GAAc,YAAA,aACxB,WAAA,GACA,YAAA,GACA,cAAA;2DAEE,QAAA,YAjByB;EAmBzB,aAAA,YAnB4B;EAqB5B,SAAA,YAAqB,KAAA,CAAM,SAAA,EAnBnB;EAqBR,QAAA,GAAW,KAAA,CAAM,SAAA;EAEjB,EAAA,WAvBgD;EAyBhD,SAAA,YAvBqB;EAyBrB,SAAA,WAxBF;EA0BE,IAAA,WAvBF;EAyBE,KAAA,YAAiB,KAAA,CAAM,SAAA,EAzBN;EA2BjB,iBAAA,YA9BF;EAgCE,gBAAA,WA7BiB;EA+BjB,UAAA,YA7BQ;EA+BR,OAAA,GAAU,gBAAA;EAEV,WAAA,WAjCoC;EAmCpC,YAAA,WAjCmB;EAmCnB,QAAA,YAnCsB;EAqCtB,YAAA,GAAe,SAAA,EAnCjB;EAqCE,iBAAA;AAAA;AAAA,KAGQ,gBAAA;EArBS,uCAuBnB,QAAA,YAPiB;EASjB,IAAA,UAT0B;EAW1B,KAAA,EAAO,WAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,aAAA;EAhD9B,+CAkDA,aAAA,YA9CE;EAgDF,KAAA,GAAQ,WAAA,EA9Ce;EAgDvB,KAAA;AAAA;AAAA,KAGU,gBAAA,GAAmB,IAAA,CAAK,WAAA;AAAA,KAExB,WAAA"}
+{"version":3,"file":"select.types.d.ts","names":[],"sources":["../../src/select/select.types.ts"],"mappings":";;;;;;;;;;;;;;;KAUY,iBAAA,GAAoB,WAAA;AAAA,KAEpB,kBAAA,GAAqB,mBAAA;AAAA,KAErB,aAAA,GAAgB,IAAA,CAC1B,WAAA,oHAGA,mBAAA;AAAA,KAEU,gBAAA,GAAmB,SAAA;AAAA,KAEnB,WAAA,GAAc,YAAA,aACxB,WAAA,GACA,YAAA,GACA,cAAA;2DAEE,QAAA,YAjBQ;EAmBR,aAAA;EAEA,SAAA,YAAqB,KAAA,CAAM,SAAA,EArBY;EAuBvC,QAAA,GAAW,KAAA,CAAM,SAAA,WArBS;EAuB1B,EAAA,WAvB6B;EAyB7B,SAAA,YAvBQ;EAyBR,SAAA;EAEA,IAAA,WA3BwB;EA6BxB,KAAA,YAAiB,KAAA,CAAM,SAAA,EAzBN;EA2BjB,iBAAA,YA/BwB;EAiCxB,gBAAA,WA7BF;EA+BE,UAAA,YA/BiB;EAiCjB,OAAA,GAAU,gBAAA,IA/Bc;EAiCxB,WAAA,WAjC2B;EAmC3B,YAAA,WAjCQ;EAmCR,QAAA;EAEA,YAAA,GAAe,SAAA,EApCjB;EAsCE,iBAAA;AAAA;AAAA,KAGQ,gBAAA;EA/BG,uCAiCb,QAAA,YAfY;EAiBZ,IAAA,UAT0B;EAW1B,KAAA,EAAO,WAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,aAAA;EAjD9B,+CAmDA,aAAA,YAhDE;EAkDF,KAAA,GAAQ,WAAA,EA9CN;EAgDF,KAAA;AAAA;AAAA,KAGU,gBAAA,GAAmB,IAAA,CAAK,WAAA;AAAA,KAExB,WAAA"}

package/dist/select/selectButton.js

@@ -75,5 +75,5 @@ SelectButton.displayName = "SelectButton";
 
 //#endregion
 export { SelectButton as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=selectButton.js.map

package/dist/select/selectContent.js

@@ -23,5 +23,5 @@ SelectContent.displayName = "SelectContent";
 
 //#endregion
 export { SelectContent as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=selectContent.js.map

package/dist/select/selectGroup.js

@@ -25,5 +25,5 @@ SelectGroup.displayName = "SelectGroup";
 
 //#endregion
 export { SelectGroup as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=selectGroup.js.map

package/dist/select/selectLabel.js

@@ -22,5 +22,5 @@ SelectLabel.displayName = "SelectLabel";
 
 //#endregion
 export { SelectLabel as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=selectLabel.js.map

package/dist/select/selectOption.js

@@ -74,5 +74,5 @@ SelectOption.displayName = "SelectOption";
 
 //#endregion
 export { SelectOption as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=selectOption.js.map

package/dist/select/theme.js

@@ -74,5 +74,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=theme.js.map

package/dist/select/useSelect.js

@@ -30,5 +30,5 @@ function useSelect(props) {
 
 //#endregion
 export { useSelect as default, getOptionText };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=useSelect.js.map

package/dist/sidemenu/consts.js

@@ -4,5 +4,5 @@ const expandedWidth = 240;
 
 //#endregion
 export { collapsedWidth, expandedWidth };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=consts.js.map

package/dist/sidemenu/context.js

@@ -5,5 +5,5 @@ const [SidemenuProvider, useSidemenuContext] = createContext({ isOptional: true
 
 //#endregion
 export { SidemenuProvider, useSidemenuContext };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=context.js.map

package/dist/sidemenu/sidemenu.js

@@ -94,5 +94,5 @@ Sidemenu.displayName = "Sidemenu";
 
 //#endregion
 export { Sidemenu as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=sidemenu.js.map

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

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";

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

@@ -1 +1 @@
-{"version":3,"file":"sidemenu.types.d.ts","names":[],"sources":["../../src/sidemenu/sidemenu.types.ts"],"mappings":";;;;;;;;;;KAOY,mBAAA;AAAA,KAEA,aAAA,GAAgB,WAAA,GAC1B,YAAA;kCAEE,KAAA,GAAQ,iBAAA;EAER,UAAA;EACA,QAAA;EAEA,UAAA,IAAc,EAAA,mBAVa;EAY3B,KAAA;AAAA;AAAA,KAGQ,iBAAA,GAAoB,QAAA;EAbJ,wBAe1B,SAAA,WAZU;EAcV,QAAA,GAAW,SAAA,EAdgB;EAgB3B,IAAA,GAAO,QAAA,EAlBP;EAoBA,QAAA,gBAlBU;EAoBV,QAAA,YAjBE;EAmBF,UAAA,YAjBgB;EAmBhB,OAAA,eAjBO;EAmBP,UAAA,eAhBU;EAkBV,QAAA;EAEA,IAAA,WAhBW;EAkBX,KAAA;AAAA;AAAA,KAGU,gBAAA,GAAmB,QAAA;EAzBC,wBA2B9B,SAAA,WAvBA;EAyBA,QAAA,GAAW,SAAA,EAvBX;EAyBA,SAAA,GAAY,SAAA;AAAA"}
+{"version":3,"file":"sidemenu.types.d.ts","names":[],"sources":["../../src/sidemenu/sidemenu.types.ts"],"mappings":";;;;;;;;;;;KAOY,mBAAA;AAAA,KAEA,aAAA,GAAgB,WAAA,GAC1B,YAAA;kCAEE,KAAA,GAAQ,iBAAA;EAER,UAAA;EACA,QAAA,YAR2B;EAU3B,UAAA,IAAc,EAAA,mBAVa;EAY3B,KAAA;AAAA;AAAA,KAGQ,iBAAA,GAAoB,QAAA;0BAE9B,SAAA,WAdA;EAgBA,QAAA,GAAW,SAAA,EAdgB;EAgB3B,IAAA,GAAO,QAAA,EAnBmB;EAqB1B,QAAA,gBAlBE;EAoBF,QAAA,YAlBE;EAoBF,UAAA,YAjBE;EAmBF,OAAA,eAjBE;EAmBF,UAAA,eAnBO;EAqBP,QAAA,eAlB2B;EAoB3B,IAAA,WApB8B;EAsB9B,KAAA;AAAA;AAAA,KAGU,gBAAA,GAAmB,QAAA;EAnBd,wBAqBf,SAAA,WAzBA;EA2BA,QAAA,GAAW,SAAA,EAzBA;EA2BX,SAAA,GAAY,SAAA;AAAA"}

package/dist/sidemenu/sidemenuItem.js

@@ -111,5 +111,5 @@ SidemenuItem.displayName = "SidemenuItem";
 
 //#endregion
 export { SidemenuItem as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=sidemenuItem.js.map

package/dist/sidemenu/sidemenuTop.js

@@ -31,5 +31,5 @@ SidemenuTop.displayName = "SidemenuTop";
 
 //#endregion
 export { SidemenuTop as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=sidemenuTop.js.map

package/dist/sidemenu/theme.js

@@ -41,5 +41,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=theme.js.map

package/dist/sidemenu/useSidemenuItem.js

@@ -22,5 +22,5 @@ const useSidemenuItem = (isExpanded) => {
 
 //#endregion
 export { useSidemenuItem as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=useSidemenuItem.js.map

package/dist/sidemenuV2/SidemenuItemContent.js

@@ -61,5 +61,5 @@ SidemenuItemContent.displayName = "SidemenuItemContent";
 
 //#endregion
 export { SidemenuItemContent as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=SidemenuItemContent.js.map

package/dist/sidemenuV2/consts.js

@@ -4,5 +4,5 @@ const expandedWidth = 240;
 
 //#endregion
 export { collapsedWidth, expandedWidth };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=consts.js.map

package/dist/sidemenuV2/context.js

@@ -106,5 +106,5 @@ const SidemenuStateProvider = ({ children, isExpandedInitial = true, onExpandedC
 
 //#endregion
 export { SidemenuStateProvider, useSidemenuContext };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItemV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"mappings":";;;;;;;cAmFa,cAAA,EAkOP,YAAA,QAAoB,mBAAA"}
+{"version":3,"file":"sidemenuItemV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"mappings":";;;;;;;cAmFa,cAAA,EAoOP,YAAA,QAAoB,mBAAA"}

package/dist/sidemenuV2/sidemenuItemV2.js

@@ -103,10 +103,7 @@ const SidemenuItemV2 = vui((props, ref) => {
 		size,
 		level
 	]);
-	const themeValues = useMemo(() => ({
-		activeColor: isDark ? "digiGreen.main" : "seaBlue.main",
-		buttonVariant: isDark ? "menuDark" : "menuLight"
-	}), [isDark]);
+	const themeValues = useMemo(() => ({ activeColor: isDark ? "digiGreen.main" : "seaBlue.main" }), [isDark]);
 	const handleClick = useCallback((event) => {
 		if (!computedStates.isDisabled) {
 			const targetTag = event.target;
@@ -122,12 +119,13 @@ const SidemenuItemV2 = vui((props, ref) => {
 	}, [onClick, computedStates.isDisabled]);
 	const buttonStyles = useMemo(() => ({
 		...styles && "item" in styles && styles.item ? styles.item : {},
+		...styles && "button" in styles && styles.button ? styles.button : {},
 		borderLeftColor: isExactlyActive ? themeValues.activeColor : "transparent",
 		transitionProperty: "background-color, border-color, color, transform, opacity",
 		size: computedStates.buttonSize,
 		h: computedStates.buttonSize === "lg" ? 40 : 36,
 		iconSize: computedStates.iconSize,
-		variant: themeValues.buttonVariant,
+		variant: "tertiaryBrand",
 		onClick: handleClick,
 		disabled: computedStates.isDisabled,
 		role: "button",
@@ -150,7 +148,7 @@ const SidemenuItemV2 = vui((props, ref) => {
 		return {
 			"aria-label": ariaLabel,
 			className: "vui-sidemenu-item-expand",
-			variant: themeValues.buttonVariant,
+			variant: "tertiaryBrand",
 			icon: chevronIcon,
 			size: "sm",
 			pl: "4px",
@@ -162,7 +160,7 @@ const SidemenuItemV2 = vui((props, ref) => {
 			hoverBg: "transparent",
 			activeBg: "transparent"
 		};
-	}, [isSubmenuOpen, themeValues.buttonVariant]);
+	}, [isSubmenuOpen]);
 	const renderPopover = () => /* @__PURE__ */ jsx(SidemenuPopover, {
 		isDark,
 		className,
@@ -236,5 +234,5 @@ SidemenuItemV2.displayName = "SidemenuItemV2";
 
 //#endregion
 export { SidemenuItemV2 as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=sidemenuItemV2.js.map

package/dist/sidemenuV2/sidemenuItemV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItemV2.js","names":["colors"],"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 .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":";;;;;;;;;;;;;;;;;AAgBA,MAAa,iBAAiB,OAAO,GAA2B;;mBAE9C,MAAK,GAAG,MAAM,EAAE,WAAW,CAAC;;;mBAG5B,MAAK,GAAG,MAAM,EAAE,WAAW,CAAC;;;AAK9C,MAAM,mBAAmB,EACvB,QACA,WACA,cACA,iBACA,MACA,OACA,gBACA,eAWA,oBAAC;CAAQ,QAAQ,CAAC,GAAG,iBAAiB,gBAAgB,EAAE;CAAE,WAAU;CAAc,SAAQ;YACtF,EAAE,aACF,qBAAC;EAAe,YAAY,SAASA,eAAO,QAAQ,OAAOA,eAAO,QAAQ;aACxE,oBAAC,QAAQ;GAAQ,IAAI;GAAK,WAAW,GAAG,6BAA6B,UAAU;aAC7E,oBAAC;IACC,GAAI;IACJ,YAAY,aAAa,SAAS,mBAAmB;IACrD,UAAU;IACV,WAAW,GAAG,gBAAgB;cAE9B,oBAAC;KACO;KACN,UAAU,aAAa;KAChB;KACS;MAChB;KACK;IACO,EAClB,oBAAC,QAAQ;GAAQ,WAAU;GAAO,WAAW,GAAG,6BAA6B,UAAU;aACrF,qBAAC;IAAI,eAAc;IAAS,gBAAe;IAAQ,GAAE;eACnD,oBAAC;KACC,GAAI;KACJ,iBAAiB;KACjB,MAAM;KACN,UAAU,UAAU;KACpB,WAAW,GAAG,gBAAgB;eAE9B,oBAAC;MAA2B;MAAO,aAAa;OAAQ;MACjD,EACR;KACG;IACU;GACH;EAEX;;AAIZ,MAAa,iBAAiB,KAAoC,OAAO,QAAQ;CAC/E,MAAM,EACJ,UACA,WACA,WAAW,OACX,MACA,WAAW,OACX,aAAa,MACb,QACA,QAAQ,GACR,WAAW,OACX,SACA,YACA,UACA,OACA,GAAG,SACD,iBAAiB,MAAM;CAG3B,MAAM,iBAAiB,UAAU,mBAAmB,OAAO,MAAM,IAAI,QAAQ,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,OAAO,GAAG,EAAE;CAEpH,MAAM,EAAE,QAAQ,gBAAgB,QAAQ,MAAM,eAAe,kBAAkB,gBAAgB,eAAe;CAG9G,MAAM,kBAAkB;AAExB,iBAAgB;AAGd,MAAI,gBAAgB;AAClB,OAAI,cAAe,aAAY;AAC/B,OAAI,CAAC,cAAe,eAAc;;IAEnC;EAAC;EAAe;EAAU;EAAY;EAAe,CAAC;CAGzD,MAAM,iBAAiB,cAAc;EACnC,MAAM,cAAc,CAAC,CAAC;AAmBtB,SAXe;GACb;GACA,sBATyB,eAAe,CAAC;GAUzC,qBARwB,eAAe,iBAAiB;GASxD,wBAR6B,eAAe;GAS5C,YARiB,QAAQ,IAAK,OAAkB;GAShD,UARe,QAAQ,IAAK,OAAkB;GAS9C,YAAY;GACZ,kBAAkB,CAAC,eAAe;GACnC;IAGA;EAAC;EAAU;EAAe;EAAgB;EAAU;EAAM;EAAM,CAAC;CAGpE,MAAM,cAAc,eACX;EACL,aAAa,SAAS,mBAAmB;EACzC,eAAe,SAAS,aAAa;EACtC,GACD,CAAC,OAAO,CACT;CAGD,MAAM,cAAc,aACjB,UAAsB;AACrB,MAAI,CAAC,eAAe,YAAY;GAC9B,MAAM,YAAY,MAAM;AACxB,QACG,UAAU,UAAU,SAAS,cAAc,IAAI,UAAU,UAAU,SAAS,UAAU,KACvF,OAAO,WAAW,gBACjB,UAAU,eAAe,QAAQ,QAAQ,WAAW,QAAQ,OAC7D;IACA,MAAM,MAAM,KAAK,UAAU,eAAe,QAAQ,QAAQ,WAAW,QAAQ,QAAQ,GAAG;AACxF,WAAO,KAAK,KAAK,UAAU,sBAAsB;UAC5C;AACL,WAAO,mBAAmB;AAC1B,eAAW;;;AAGf,mBAAiB;IAEnB,CAAC,SAAS,eAAe,WAAW,CACrC;CAGD,MAAM,eAAe,eACZ;EAEL,GAAI,UAAU,UAAU,UAAU,OAAO,OAAO,OAAO,OAAO,EAAE;EAGhE,iBAAiB,kBAAkB,YAAY,cAAc;EAG7D,oBAAoB;EAGpB,MAAM,eAAe;EACrB,GAAG,eAAe,eAAe,OAAO,KAAK;EAC7C,UAAU,eAAe;EACzB,SAAS,YAAY;EAGrB,SAAS;EACT,UAAU,eAAe;EAGzB,MAAM;EACN,UAAU,eAAe,aAAa,KAAK;EAC3C,iBAAiB,eAAe;EAChC,gBAAgB;EAGhB,GAAG;EACJ,GACD;EAEE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAGD,MAAM,oBAAoB,cAAc;EACtC,MAAM,aAAa;EACnB,MAAM,cAAc,aAAa,iBAAiB;EAClD,MAAM,YAAY,aAAa,aAAa;AAE5C,SAAO;GACL,cAAc;GACd,WAAW;GACX,SAAS,YAAY;GACrB,MAAM;GACN,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,GAAG;GACH,QAAQ;GACR,IAAI;GACJ,SAAS;GACT,UAAU;GACX;IACA,CAAC,eAAe,YAAY,cAAc,CAAC;CAG9C,MAAM,sBACJ,oBAAC;EACS;EACG;EACG;EACG;EACX;EACC;EACS;YAEf,WAAW,WAAW;GACP;CAIpB,MAAM,qBAAqB;AACzB,MAAI,UAAU,KAAK,CAAC,eAClB,QACE,oBAAC;GAAQ,MAAM;GAAO,WAAU;GAAQ,QAAQ,CAAC,GAAG,KAAK;aACvD,qBAAC;IACC,WAAW,GAAG,mCAAmC,mBAAmB,6BAA6B,UAAU;IAC3G,GAAI;IACJ,UAAU;;KAEV,oBAAC;MAA0B;MAAM,UAAU,aAAa;OAAY;KACnE,kBAAkB,eAAe,0BAA0B,oBAAC,UAAO,GAAI,oBAAqB;KAAE;;KACxF;IACD;AAId,SACE,qBAAC;GACC,WAAW,GAAG,mCAAmC,mBAAmB,6BAA6B,UAAU;GAC3G,GAAI;GACJ,UAAU;GACV,OAAO,CAAC,iBAAiB,QAAQ;;IAEjC,oBAAC;KACO;KACN,UAAU,aAAa;KAChB;KACS;KAChB,OAAO,MAAM;KACb,cAAc,MAAM;MACpB;IACD,kBAAkB,eAAe,0BAA0B,oBAAC,UAAO,GAAI,oBAAqB;IAAE;;IAExF;;CAMb,MAAM,uBACJ,oBAAC;EAAI,eAAc;EAAS,gBAAe;EAAQ,GAAE;EAClD;GACG;CAGR,MAAM,oBAAoB,QAAQ,CAAC,kBAAkB,UAAU,KAAK,CAAC,CAAC,SAAS;CAC/E,MAAM,qBAAqB,eAAe;AAE1C,QACE,qBAAC;EAAI,eAAc;EAAc;EAAK,GAAE;EAAO,IAAI,WAAW,SAAS;EAAG,IAAI;;GAC3E,qBAAqB,eAAe;GACpC,CAAC,qBAAqB,cAAc;GACpC,sBAAsB,gBAAgB;;GACnC;EAER;AAEF,eAAe,cAAc"}
+{"version":3,"file":"sidemenuItemV2.js","names":["colors"],"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 .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    }),\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      // Apply button theme styles from SideMenuV2 theme (replaces removed menuLight/menuDark variants)\n      ...(styles && 'button' in styles && styles.button ? styles.button : {}),\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: 'tertiaryBrand', // Use base variant, theme overrides applied above\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: 'tertiaryBrand', // Use base variant, styling from parent\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])\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.js

@@ -31,5 +31,5 @@ SidemenuTopV2.displayName = "SidemenuTopV2";
 
 //#endregion
 export { SidemenuTopV2 as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=sidemenuTopV2.js.map

package/dist/sidemenuV2/sidemenuV2.js

@@ -232,5 +232,5 @@ SidemenuV2.displayName = "SidemenuV2";
 
 //#endregion
 export { SidemenuV2 as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=sidemenuV2.js.map