@veracity/vui 3.2.0 → 4.0.0-floatinguitake3.2154362

package/dist/select/selectGroup.d.ts

@@ -13,4 +13,5 @@ declare const SelectGroup: VuiComponent<"ul", SelectGroupProps> & {
 };
 //#endregion
 export { SelectGroup };
+
 //# sourceMappingURL=selectGroup.d.ts.map

package/dist/select/selectGroup.js

@@ -10,7 +10,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/select/selectGroup.tsx
 /** Displays a list of options with optional heading to describe an individual group. */
 const SelectGroup = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Select", useSelectContext());
 	return /* @__PURE__ */ jsx(List, {
 		className: cs("vui-selectGroup", "vui-allowScroll", className),
@@ -26,5 +26,5 @@ var selectGroup_default = SelectGroup;
 
 //#endregion
 export { SelectGroup, selectGroup_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=selectGroup.js.map

package/dist/select/selectGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectGroup.js","names":[],"sources":["../../src/select/selectGroup.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { List, ListDivider, ListHeading } from '../list'\nimport { cs } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectGroupProps } from './select.types'\n\n/** Displays a list of options with optional heading to describe an individual group. */\nexport const SelectGroup = vui<'ul', SelectGroupProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  return <List className={cs('vui-selectGroup', 'vui-allowScroll', className)} ref={ref} {...styles.group} {...rest} />\n}) as VuiComponent<'ul', SelectGroupProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n}\n\nSelectGroup.Divider = ListDivider\nSelectGroup.Heading = ListHeading\n\nSelectGroup.displayName = 'SelectGroup'\n\nexport default SelectGroup\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,cAAc,KAA6B,OAAO,QAAQ;CACrE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QAAO,oBAAC;EAAK,WAAW,GAAG,mBAAmB,mBAAmB,UAAU;EAAO;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EACrH;AAKF,YAAY,UAAU;AACtB,YAAY,UAAU;AAEtB,YAAY,cAAc;AAE1B,0BAAe"}
+{"version":3,"file":"selectGroup.js","names":[],"sources":["../../src/select/selectGroup.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { List, ListDivider, ListHeading } from '../list'\nimport { cs } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectGroupProps } from './select.types'\n\n/** Displays a list of options with optional heading to describe an individual group. */\nexport const SelectGroup = vui<'ul', SelectGroupProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  return <List className={cs('vui-selectGroup', 'vui-allowScroll', className)} ref={ref} {...styles.group} {...rest} />\n}) as VuiComponent<'ul', SelectGroupProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n}\n\nSelectGroup.Divider = ListDivider\nSelectGroup.Heading = ListHeading\n\nSelectGroup.displayName = 'SelectGroup'\n\nexport default SelectGroup\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,cAAc,KAA6B,OAAO,QAAQ;CACrE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QAAO,oBAAC;EAAK,WAAW,GAAG,mBAAmB,mBAAmB,UAAU;EAAO;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EACrH;AAKF,YAAY,UAAU;AACtB,YAAY,UAAU;AAEtB,YAAY,cAAc;AAE1B,0BAAe"}

package/dist/select/selectLabel.js

@@ -23,5 +23,5 @@ var selectLabel_default = SelectLabel;
 
 //#endregion
 export { selectLabel_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=selectLabel.js.map

package/dist/select/selectOption.d.ts

@@ -12,4 +12,5 @@ import "../index.js";
 declare const SelectOption: VuiComponent<"li", SelectOptionProps>;
 //#endregion
 export { SelectOption };
+
 //# sourceMappingURL=selectOption.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"selectOption.d.ts","names":[],"sources":["../../src/select/selectOption.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAgBA,CAAA,CAAA;cAAa,cAAY,mBAAA"}
+{"version":3,"file":"selectOption.d.ts","names":[],"sources":["../../src/select/selectOption.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAgBA;cAAa,cAAY,mBAAA"}

package/dist/select/selectOption.js

@@ -17,12 +17,12 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 * 'onChange' is triggered with a modified click event, which adds 'value' and 'name' properties.
 */
 const SelectOption = vui((props, ref) => {
-	const { children, closeOnScroll, className, disabled, title, onClick: onClickProp, value: valueProp,...rest } = props;
-	const { instance } = usePopoverContext() ?? {};
+	const { children, closeOnScroll, className, disabled, title, onClick: onClickProp, value: valueProp, ...rest } = props;
+	const { close } = usePopoverContext() ?? {};
 	const { isMultiple, name, onChange, value } = useSelectContext() ?? {};
 	const styles = useStyleConfig("Select", useSelectContext());
 	const isSelected = Array.isArray(value) && valueProp ? value.includes(valueProp) : value === valueProp;
-	const hide = () => instance?.hide();
+	const hide = () => close?.();
 	const onClick = useCallbackRef((e) => {
 		const nativeEvent = e.nativeEvent || e;
 		const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
@@ -75,5 +75,5 @@ var selectOption_default = SelectOption;
 
 //#endregion
 export { SelectOption, selectOption_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=selectOption.js.map

package/dist/select/selectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectOption.js","names":[],"sources":["../../src/select/selectOption.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { Checkbox } from '../checkbox'\nimport { useStyleConfig, vui } from '../core'\nimport { List, ListItem } from '../list'\nimport { usePopoverContext } from '../popover'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport { cs, ellipsisOverflow, useCallbackRef } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectOptionProps } from './select.types'\n\n/**\n * Displays a select option as a list item. By default, closes popover when option is selected.\n * In multi-select mode, displays a checkbox and doesn't close popover.\n * 'onChange' is triggered with a modified click event, which adds 'value' and 'name' properties.\n */\nexport const SelectOption = vui<'li', SelectOptionProps>((props, ref) => {\n  const { children, closeOnScroll, className, disabled, title, onClick: onClickProp, value: valueProp, ...rest } = props\n  const { instance } = usePopoverContext() ?? {}\n  const { isMultiple, name, onChange, value } = useSelectContext() ?? {}\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  const isSelected = Array.isArray(value) && valueProp ? value.includes(valueProp) : value === valueProp\n\n  const hide = () => instance?.hide()\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>) => {\n    const nativeEvent = e.nativeEvent || e\n    const clonedEvent = new (nativeEvent.constructor as any)(nativeEvent.type, nativeEvent)\n\n    Object.defineProperty(clonedEvent, 'target', {\n      writable: true,\n      value: { value: valueProp, name },\n    })\n\n    onClickProp?.(e as MouseEvent<HTMLLIElement>)\n    onChange?.(clonedEvent)\n    !isMultiple && hide()\n  })\n\n  const onKeyDown = useCallbackRef((e: KeyboardEvent<HTMLLIElement>) => e.key === 'Enter' && onClick(e))\n\n  const onScroll = (e: Event) => !(e.target as HTMLElement)?.className?.includes('vui-allowScroll') && hide()\n\n  // Hiding the popover on scroll\n  useEffect(() => {\n    if (closeOnScroll) document.addEventListener('scroll', onScroll, true)\n\n    return () => {\n      if (closeOnScroll) document.removeEventListener('scroll', onScroll, true)\n    }\n  }, [closeOnScroll])\n\n  return (\n    <ListItem\n      activeBg=\"skyBlue.active\"\n      className={cs('vui-selectOption', className)}\n      disabled={disabled}\n      hoverBg=\"skyBlue.hover\"\n      isInteractive\n      isSelected={isSelected}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref}\n      selectedBg=\"skyBlue.selected\"\n      tabIndex={0}\n      title={title}\n      value={valueProp}\n      {...styles.option}\n      {...rest}\n      {...ellipsisOverflow}\n    >\n      {children ??\n        (isMultiple && (\n          <>\n            <Checkbox checked={isSelected} disabled={disabled} mr={1} {...styles.option} />\n            <List.Text>{props.text}</List.Text>\n          </>\n        ))}\n    </ListItem>\n  )\n})\n\nSelectOption.displayName = 'SelectOption'\n\nexport default SelectOption\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,KAA8B,OAAO,QAAQ;CACvE,MAAM,EAAE,UAAU,eAAe,WAAW,UAAU,OAAO,SAAS,aAAa,OAAO,UAAW,GAAG,SAAS;CACjH,MAAM,EAAE,aAAa,mBAAmB,IAAI,EAAE;CAC9C,MAAM,EAAE,YAAY,MAAM,UAAU,UAAU,kBAAkB,IAAI,EAAE;CACtE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,aAAa,MAAM,QAAQ,MAAM,IAAI,YAAY,MAAM,SAAS,UAAU,GAAG,UAAU;CAE7F,MAAM,aAAa,UAAU,MAAM;CAEnC,MAAM,UAAU,gBAAgB,MAAgE;EAC9F,MAAM,cAAc,EAAE,eAAe;EACrC,MAAM,cAAc,IAAK,YAAY,YAAoB,YAAY,MAAM,YAAY;AAEvF,SAAO,eAAe,aAAa,UAAU;GAC3C,UAAU;GACV,OAAO;IAAE,OAAO;IAAW;IAAM;GAClC,CAAC;AAEF,gBAAc,EAA+B;AAC7C,aAAW,YAAY;AACvB,GAAC,cAAc,MAAM;GACrB;CAEF,MAAM,YAAY,gBAAgB,MAAoC,EAAE,QAAQ,WAAW,QAAQ,EAAE,CAAC;CAEtG,MAAM,YAAY,MAAa,CAAE,EAAE,QAAwB,WAAW,SAAS,kBAAkB,IAAI,MAAM;AAG3G,iBAAgB;AACd,MAAI,cAAe,UAAS,iBAAiB,UAAU,UAAU,KAAK;AAEtE,eAAa;AACX,OAAI,cAAe,UAAS,oBAAoB,UAAU,UAAU,KAAK;;IAE1E,CAAC,cAAc,CAAC;AAEnB,QACE,oBAAC;EACC,UAAS;EACT,WAAW,GAAG,oBAAoB,UAAU;EAClC;EACV,SAAQ;EACR;EACY;EACH;EACE;EACN;EACL,YAAW;EACX,UAAU;EACH;EACP,OAAO;EACP,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,aACE,cACC,8CACE,oBAAC;GAAS,SAAS;GAAsB;GAAU,IAAI;GAAG,GAAI,OAAO;IAAU,EAC/E,oBAAC,KAAK,kBAAM,MAAM,OAAiB,IAClC;GAEE;EAEb;AAEF,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"selectOption.js","names":[],"sources":["../../src/select/selectOption.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { Checkbox } from '../checkbox'\nimport { useStyleConfig, vui } from '../core'\nimport { List, ListItem } from '../list'\nimport { usePopoverContext } from '../popover'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport { cs, ellipsisOverflow, useCallbackRef } from '../utils'\nimport { useSelectContext } from './context'\nimport type { SelectOptionProps } from './select.types'\n\n/**\n * Displays a select option as a list item. By default, closes popover when option is selected.\n * In multi-select mode, displays a checkbox and doesn't close popover.\n * 'onChange' is triggered with a modified click event, which adds 'value' and 'name' properties.\n */\nexport const SelectOption = vui<'li', SelectOptionProps>((props, ref) => {\n  const { children, closeOnScroll, className, disabled, title, onClick: onClickProp, value: valueProp, ...rest } = props\n  const { close } = usePopoverContext() ?? {}\n  const { isMultiple, name, onChange, value } = useSelectContext() ?? {}\n  const styles = useStyleConfig('Select', useSelectContext())\n\n  const isSelected = Array.isArray(value) && valueProp ? value.includes(valueProp) : value === valueProp\n\n  const hide = () => close?.()\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>) => {\n    const nativeEvent = e.nativeEvent || e\n    const clonedEvent = new (nativeEvent.constructor as any)(nativeEvent.type, nativeEvent)\n\n    Object.defineProperty(clonedEvent, 'target', {\n      writable: true,\n      value: { value: valueProp, name },\n    })\n\n    onClickProp?.(e as MouseEvent<HTMLLIElement>)\n    onChange?.(clonedEvent)\n    !isMultiple && hide()\n  })\n\n  const onKeyDown = useCallbackRef((e: KeyboardEvent<HTMLLIElement>) => e.key === 'Enter' && onClick(e))\n\n  const onScroll = (e: Event) => !(e.target as HTMLElement)?.className?.includes('vui-allowScroll') && hide()\n\n  // Hiding the popover on scroll\n  useEffect(() => {\n    if (closeOnScroll) document.addEventListener('scroll', onScroll, true)\n\n    return () => {\n      if (closeOnScroll) document.removeEventListener('scroll', onScroll, true)\n    }\n  }, [closeOnScroll])\n\n  return (\n    <ListItem\n      activeBg=\"skyBlue.active\"\n      className={cs('vui-selectOption', className)}\n      disabled={disabled}\n      hoverBg=\"skyBlue.hover\"\n      isInteractive\n      isSelected={isSelected}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref}\n      selectedBg=\"skyBlue.selected\"\n      tabIndex={0}\n      title={title}\n      value={valueProp}\n      {...styles.option}\n      {...rest}\n      {...ellipsisOverflow}\n    >\n      {children ??\n        (isMultiple && (\n          <>\n            <Checkbox checked={isSelected} disabled={disabled} mr={1} {...styles.option} />\n            <List.Text>{props.text}</List.Text>\n          </>\n        ))}\n    </ListItem>\n  )\n})\n\nSelectOption.displayName = 'SelectOption'\n\nexport default SelectOption\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,KAA8B,OAAO,QAAQ;CACvE,MAAM,EAAE,UAAU,eAAe,WAAW,UAAU,OAAO,SAAS,aAAa,OAAO,WAAW,GAAG,SAAS;CACjH,MAAM,EAAE,UAAU,mBAAmB,IAAI,EAAE;CAC3C,MAAM,EAAE,YAAY,MAAM,UAAU,UAAU,kBAAkB,IAAI,EAAE;CACtE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,aAAa,MAAM,QAAQ,MAAM,IAAI,YAAY,MAAM,SAAS,UAAU,GAAG,UAAU;CAE7F,MAAM,aAAa,SAAS;CAE5B,MAAM,UAAU,gBAAgB,MAAgE;EAC9F,MAAM,cAAc,EAAE,eAAe;EACrC,MAAM,cAAc,IAAK,YAAY,YAAoB,YAAY,MAAM,YAAY;AAEvF,SAAO,eAAe,aAAa,UAAU;GAC3C,UAAU;GACV,OAAO;IAAE,OAAO;IAAW;IAAM;GAClC,CAAC;AAEF,gBAAc,EAA+B;AAC7C,aAAW,YAAY;AACvB,GAAC,cAAc,MAAM;GACrB;CAEF,MAAM,YAAY,gBAAgB,MAAoC,EAAE,QAAQ,WAAW,QAAQ,EAAE,CAAC;CAEtG,MAAM,YAAY,MAAa,CAAE,EAAE,QAAwB,WAAW,SAAS,kBAAkB,IAAI,MAAM;AAG3G,iBAAgB;AACd,MAAI,cAAe,UAAS,iBAAiB,UAAU,UAAU,KAAK;AAEtE,eAAa;AACX,OAAI,cAAe,UAAS,oBAAoB,UAAU,UAAU,KAAK;;IAE1E,CAAC,cAAc,CAAC;AAEnB,QACE,oBAAC;EACC,UAAS;EACT,WAAW,GAAG,oBAAoB,UAAU;EAClC;EACV,SAAQ;EACR;EACY;EACH;EACE;EACN;EACL,YAAW;EACX,UAAU;EACH;EACP,OAAO;EACP,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,aACE,cACC,8CACE,oBAAC;GAAS,SAAS;GAAsB;GAAU,IAAI;GAAG,GAAI,OAAO;IAAU,EAC/E,oBAAC,KAAK,kBAAM,MAAM,OAAiB,IAClC;GAEE;EAEb;AAEF,aAAa,cAAc;AAE3B,2BAAe"}

package/dist/select/theme.js

@@ -62,5 +62,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/select/useSelect.d.ts

@@ -14,4 +14,5 @@ declare function useSelect(props: UseSelectProps): {
 type UseSelectReturnType = ReturnType<typeof useSelect>;
 //#endregion
 export { UseSelectReturnType, getOptionText };
+
 //# sourceMappingURL=useSelect.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSelect.d.ts","names":[],"sources":["../../src/select/useSelect.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,uBAAwB,sBAAsB,uBAAkB;;iBAOrD,SAAA,QAAiB;EAP5B,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAgCyB,WA5BrC,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAJoC,KAAA,CAAA,YAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA;EAAsB,SAAA,CAAA,YAAA,CAAA,CAAA,CAAA,SAAA;CAAkB;AAI5E,IAAA,CAiDW,mBAAA,CAAA,CAAA,CAAsB,UAjDjC,CAAA,MAAA,CAiDmD,SAjDnD,CAAA"}
+{"version":3,"file":"useSelect.d.ts","names":[],"sources":["../../src/select/useSelect.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,uBAAwB,sBAAsB,uBAAkB;;iBAOrD,SAAA,QAAiB;EAP5B,QAAA,EAAA,CAAA,CAAA,EAgCyB,WA5BrC,EAAA,GAAA,IAAA;EAJoC,KAAA,aAAA,cAAA,EAAA,GAAA,SAAA;EAAsB,SAAA,aAAA,GAAA,SAAA;CAAkB;AAI5E,KAiDW,mBAAA,GAAsB,UAjDjC,CAAA,OAiDmD,SAjDnD,CAAA"}

package/dist/select/useSelect.js

@@ -30,5 +30,5 @@ function useSelect(props) {
 
 //#endregion
 export { useSelect as default, getOptionText };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=useSelect.js.map

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

@@ -31,4 +31,5 @@ type UseSelectProps = {
 };
 //#endregion
 export { UseSelectProps };
+
 //# sourceMappingURL=useSelect.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSelect.types.d.ts","names":[],"sources":["../../src/select/useSelect.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,cAAA,CAAA,CAAA;;UAEF,cAAc;;EAFZ,YAAA,CAAA,CAAA,CAIK,WAJS,CAAA,CAAA,CAIK,WAJL,CAAA,CAAA;EAEhB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,QAAA,CAAA,QAAA,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,aAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAAc,UAAA,CAAA,CAAA,CAAA,OAAA;EAEP,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,SAAA,CAAA,OAAA,CAAA,CAAA;EAAc,OAAA,CAAA,CAAA,CAInB,gBAJmB,CAAA,CAAA;EAInB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA;EAEC,QAAA,CAAA,CAAA,CAAA,SAAA;EAES,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA;EASL,iBAAA,CAAA,CAAA,CATK,WASL;EAAW,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,IAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,CAAA;;;;;;;;iBAAX"}
+{"version":3,"file":"useSelect.types.d.ts","names":[],"sources":["../../src/select/useSelect.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,cAAA;;UAEF,cAAc;;EAFZ,YAAA,CAAA,EAIK,WAJS,GAIK,WAJL,EAAA;EAEhB;EAAc,UAAA,CAAA,EAAA,OAAA;EAEP;EAAc,OAAA,CAAA,EAInB,gBAJmB,EAAA;EAInB;EAEC,QAAA,CAAA,EAAA,SAAA;EAES;EASL,iBAAA,CAAA,EATK,WASL;EAAW;;;;;;;;iBAAX"}

package/dist/sidemenu/consts.js

@@ -4,5 +4,5 @@ const expandedWidth = 240;
 
 //#endregion
 export { collapsedWidth, expandedWidth };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/sidemenu/index.d.ts

@@ -1,4 +1,4 @@
 import { SidemenuItemProps, SidemenuOrientation, SidemenuProps, SidemenuTopProps } from "./sidemenu.types.js";
 import { SidemenuItem } from "./sidemenuItem.js";
 import { SidemenuTop } from "./sidemenuTop.js";
-import { Sidemenu } from "./sidemenu.js";
+import { Sidemenu } from "./sidemenu.js";

package/dist/sidemenu/sidemenu.d.ts

@@ -12,4 +12,5 @@ declare const Sidemenu: VuiComponent<"div", SidemenuProps> & {
 };
 //#endregion
 export { Sidemenu };
+
 //# sourceMappingURL=sidemenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidemenu.d.ts","names":[],"sources":["../../src/sidemenu/sidemenu.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAea,UA6FP,oBAAoB;cACZ;EA9FD,IAAA,CAAA,CAAA,MAAA,CA+FE,YACd;CAHyB"}
+{"version":3,"file":"sidemenu.d.ts","names":[],"sources":["../../src/sidemenu/sidemenu.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAea,UA6FP,oBAAoB;cACZ;EA9FD,IAAA,EAAA,OA+FE,YACd;CAHyB"}

package/dist/sidemenu/sidemenu.js

@@ -16,7 +16,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/sidemenu/sidemenu.tsx
 /** A collapsible side menu for navigation. */
 const Sidemenu = vui((props, ref) => {
-	const { children, className, items, isExpanded = false, isSticky = false, size, variant, width = expandedWidth, onNavigate,...rest } = props;
+	const { children, className, items, isExpanded = false, isSticky = false, size, variant, width = expandedWidth, onNavigate, ...rest } = props;
 	const [isExpandedHorizontally, setIsExpandedHorizontally] = useState(isExpanded);
 	const context = useMemo(() => filterUndefined({
 		size,
@@ -94,5 +94,5 @@ Sidemenu.displayName = "Sidemenu";
 
 //#endregion
 export { Sidemenu };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=sidemenu.js.map

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":";;;;;;;;;;;;;;;;;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"}
+{"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,YACA,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

@@ -54,4 +54,5 @@ type SidemenuTopProps = BoxProps & {
 };
 //#endregion
 export { SidemenuItemProps, SidemenuOrientation, SidemenuProps, SidemenuTopProps };
+
 //# sourceMappingURL=sidemenu.types.d.ts.map

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;;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"}
+{"version":3,"file":"sidemenu.types.d.ts","names":[],"sources":["../../src/sidemenu/sidemenu.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,mBAAA;KAEA,aAAA,GAAgB,cAC1B;;UAEU;;EALA,UAAA,CAAA,EAAA,OAAA;EAEA,QAAA,CAAA,EAAA,OAAa;EAAG;EAC1B,UAAA,CAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAEU;EAAiB,KAAA,CAAA,EAAA,MAAA;AAU7B,CAAA;AAAgC,KAApB,iBAAA,GAAoB,QAAA,GAAA;EAInB;EAEJ,SAAA,CAAA,EAAA,MAAA;EAAQ;EAmBL,QAAA,CAAA,EArBC,SAqBe;EAAG;EAIlB,IAAA,CAAA,EAvBJ,QAuBI;EAEC;EAAS,QAAA,CAAA,EAAA,IAAA,GAAA,IAAA;;;;;;;;;;;;;;;;KANX,gBAAA,GAAmB;;;;aAIlB;;cAEC"}

package/dist/sidemenu/sidemenuItem.d.ts

@@ -7,4 +7,5 @@ import { SidemenuItemProps } from "./sidemenu.types.js";
 declare const SidemenuItem: VuiComponent<"div", SidemenuItemProps>;
 //#endregion
 export { SidemenuItem };
+
 //# sourceMappingURL=sidemenuItem.d.ts.map

package/dist/sidemenu/sidemenuItem.js

@@ -14,7 +14,7 @@ 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 { 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?.();
@@ -112,5 +112,5 @@ var sidemenuItem_default = SidemenuItem;
 
 //#endregion
 export { SidemenuItem, sidemenuItem_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;;;;;;;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"}
+{"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,OACA,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,12 +1,13 @@
 import { SidemenuTopProps } from "./sidemenu.types.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/sidemenu/sidemenuTop.d.ts
 /** Top container. */
 declare const SidemenuTop: {
-  (props: SidemenuTopProps): react_jsx_runtime7.JSX.Element | null;
+  (props: SidemenuTopProps): react_jsx_runtime5.JSX.Element | null;
   displayName: string;
 };
 //#endregion
 export { SidemenuTop };
+
 //# sourceMappingURL=sidemenuTop.d.ts.map

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"}
+{"version":3,"file":"sidemenuTop.d.ts","names":[],"sources":["../../src/sidemenu/sidemenuTop.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa;UAAsB,mBAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;EAAtC,WAAA,EAAA,MAgBZ"}

package/dist/sidemenu/sidemenuTop.js

@@ -7,7 +7,7 @@ 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 { className, leftSlot, rightSlot, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Sidemenu", props);
 	if (!leftSlot && !rightSlot) return null;
 	return /* @__PURE__ */ jsxs(Box, {
@@ -32,5 +32,5 @@ var sidemenuTop_default = SidemenuTop;
 
 //#endregion
 export { SidemenuTop, sidemenuTop_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;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"}
+{"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,WAAW,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

@@ -41,5 +41,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/sidemenu/useSidemenuItem.js

@@ -23,5 +23,5 @@ var useSidemenuItem_default = useSidemenuItem;
 
 //#endregion
 export { useSidemenuItem_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=useSidemenuItem.js.map

package/dist/sidemenuV2/SidemenuItemContent.js

@@ -62,5 +62,5 @@ var SidemenuItemContent_default = SidemenuItemContent;
 
 //#endregion
 export { SidemenuItemContent_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=SidemenuItemContent.js.map

package/dist/sidemenuV2/consts.js

@@ -4,5 +4,5 @@ const expandedWidth = 240;
 
 //#endregion
 export { collapsedWidth, expandedWidth };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/sidemenuV2/context.d.ts

@@ -1,6 +1,6 @@
 import { Dict } from "../utils/types.js";
 import "../utils/index.js";
-import * as react960 from "react";
+import * as react956 from "react";
 import { ReactNode } from "react";
 import * as react_jsx_runtime15 from "react/jsx-runtime";
 
@@ -26,7 +26,7 @@ interface SidemenuStateProviderProps {
   size?: string;
   isDark?: boolean;
 }
-declare const SidemenuProvider: react960.Provider<SidemenuContextValue>, useSidemenuContext: () => SidemenuContextValue;
+declare const SidemenuProvider: react956.Provider<SidemenuContextValue>, useSidemenuContext: () => SidemenuContextValue;
 declare const SidemenuStateProvider: ({
   children,
   isExpandedInitial,
@@ -37,4 +37,5 @@ declare const SidemenuStateProvider: ({
 }: 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;;;;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"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/sidemenuV2/context.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAMiB,oBAAA,SAA6B;;;;kBAO5B;EAPD,eAAA,CAAA,EAAA,CAAA,MAAqB,EAAA,MAAA,EAAA,MAOpB,EAAA,OAPgC,EAAA,GAAA,IAAA;EA4DxC,aAAA,CAAA,EAAA,CAAA,MAAA,EAAA,MAA0B,EAAA,GAAA,IAAA;EAS7B,aAAA,CAAA,EAAA,CAAA,UAAgB,EAAA,OAAA,EAAA,GAAA,IAAA;EAAA,gBAAA,CAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAA,cAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAoB,kBAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAlB,gBAAA,CAAA,EAAA,GAAA,GAAA,IAAA;AAGzB;UAZU,0BAAA,CAY4B;EAAA,QAAA,EAX1B,SAW0B;EAAA,iBAAA,CAAA,EAAA,OAAA;EAAA,gBAAA,CAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,MAAA;EAAA,IAAA,CAAA,EAAA,MAAA;EAOnC,MAAA,CAAA,EAAA,OAAA;;cAVI,gBAkGN,EAlGsB,QAAA,CAAA,QAkGtB,CAlGsB,oBAkGtB,CAAA,EAlGwB,kBAkGxB,EAAA,GAAA,GAlG0C,oBAkG1C;cA/FY;;;;;;;GAOV,+BAA0B,mBAAA,CAAA,GAAA,CAAA"}

package/dist/sidemenuV2/context.js

@@ -1,5 +1,5 @@
 import { createContext as createContext$1 } from "../utils/react.js";
-import { useCallback, useMemo, useReducer, useState } from "react";
+import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/sidemenuV2/context.tsx
@@ -34,6 +34,11 @@ const submenuReducer = (state, action) => {
 const [SidemenuProvider, useSidemenuContext] = createContext$1({ isOptional: true });
 const SidemenuStateProvider = ({ children, isExpandedInitial = true, onExpandedChange, variant, size, isDark }) => {
 	const [isExpanded, setIsExpanded] = useState(isExpandedInitial);
+	const isInternalChange = useRef(false);
+	useEffect(() => {
+		if (!isInternalChange.current) setIsExpanded(isExpandedInitial);
+		isInternalChange.current = false;
+	}, [isExpandedInitial]);
 	const [submenuStates, dispatchSubmenu] = useReducer(submenuReducer, {});
 	const setSubmenuState = useCallback((itemId, isOpen) => {
 		dispatchSubmenu({
@@ -49,6 +54,7 @@ const SidemenuStateProvider = ({ children, isExpandedInitial = true, onExpandedC
 		});
 	}, []);
 	const handleSetIsExpanded = useCallback((newIsExpanded) => {
+		isInternalChange.current = true;
 		setIsExpanded(newIsExpanded);
 		onExpandedChange?.(newIsExpanded);
 	}, [onExpandedChange]);
@@ -100,5 +106,5 @@ const SidemenuStateProvider = ({ children, isExpandedInitial = true, onExpandedC
 
 //#endregion
 export { SidemenuStateProvider, useSidemenuContext };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/sidemenuV2/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["newState: Record<string, boolean>","createContext"],"sources":["../../src/sidemenuV2/context.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useMemo, useState, useCallback, useReducer } from 'react'\n\nimport type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nexport interface SidemenuContextValue extends Dict {\n  // Existing properties\n  variant?: string\n  size?: string\n  isMenuExpanded?: boolean\n\n  // Submenu state management\n  submenuStates?: Record<string, boolean>\n  setSubmenuState?: (itemId: string, isOpen: boolean) => void\n  toggleSubmenu?: (itemId: string) => void\n\n  // Expansion state management\n  setIsExpanded?: (isExpanded: boolean) => void\n  onExpandedChange?: (isExpanded: boolean) => void\n\n  // Memoized reset functions\n  resetAllStates?: () => void\n  resetExpansionOnly?: () => void\n  resetSubmenuOnly?: () => void\n}\n\n// Submenu state reducer for more stable state management\ntype SubmenuAction =\n  | { type: 'SET_SUBMENU'; itemId: string; isOpen: boolean }\n  | { type: 'TOGGLE_SUBMENU'; itemId: string }\n  | { type: 'RESET_ALL' }\n  | { type: 'RESTORE_STATE'; state: Record<string, boolean> }\n\nconst submenuReducer = (state: Record<string, boolean>, action: SubmenuAction): Record<string, boolean> => {\n  let newState: Record<string, boolean>\n\n  switch (action.type) {\n    case 'SET_SUBMENU': {\n      if (state[action.itemId] === action.isOpen) {\n        return state // Return same reference if no change\n      }\n      newState = { ...state, [action.itemId]: action.isOpen }\n      break\n    }\n    case 'TOGGLE_SUBMENU': {\n      const currentValue = state[action.itemId] || false\n      newState = { ...state, [action.itemId]: !currentValue }\n      break\n    }\n    case 'RESTORE_STATE': {\n      newState = action.state\n      break\n    }\n    case 'RESET_ALL': {\n      newState = {}\n      break\n    }\n    default:\n      return state\n  }\n\n  // Submenu states are now persisted in context only\n  return newState\n}\n\ninterface SidemenuStateProviderProps {\n  children: ReactNode\n  isExpandedInitial?: boolean\n  onExpandedChange?: (isExpanded: boolean) => void\n  variant?: string\n  size?: string\n  isDark?: boolean\n}\n\nconst [SidemenuProvider, useSidemenuContext] = createContext<SidemenuContextValue>({ isOptional: true })\n\n// Enhanced provider that manages state\nexport const SidemenuStateProvider = ({\n  children,\n  isExpandedInitial = true,\n  onExpandedChange,\n  variant,\n  size,\n  isDark,\n}: SidemenuStateProviderProps) => {\n  // Pure uncontrolled state without persistence - context only\n  const [isExpanded, setIsExpanded] = useState(isExpandedInitial)\n\n  // Initialize submenu states as empty - persisted in context only\n  const [submenuStates, dispatchSubmenu] = useReducer(submenuReducer, {})\n\n  // Submenu state management functions using reducer dispatch - memoized\n  const setSubmenuState = useCallback((itemId: string, isOpen: boolean) => {\n    dispatchSubmenu({ type: 'SET_SUBMENU', itemId, isOpen })\n  }, [])\n\n  const toggleSubmenu = useCallback((itemId: string) => {\n    dispatchSubmenu({ type: 'TOGGLE_SUBMENU', itemId })\n  }, [])\n\n  // Enhanced setIsExpanded that handles callbacks - memoized\n  const handleSetIsExpanded = useCallback(\n    (newIsExpanded: boolean) => {\n      setIsExpanded(newIsExpanded)\n      onExpandedChange?.(newIsExpanded)\n    },\n    [onExpandedChange],\n  )\n\n  // Memoized reset functions for external use\n  const resetAllStates = useCallback(() => {\n    dispatchSubmenu({ type: 'RESET_ALL' })\n    const defaultExpanded = isExpandedInitial\n    setIsExpanded(defaultExpanded)\n    onExpandedChange?.(defaultExpanded)\n  }, [isExpandedInitial, onExpandedChange])\n\n  const resetExpansionOnly = useCallback(() => {\n    const defaultExpanded = isExpandedInitial\n    setIsExpanded(defaultExpanded)\n    onExpandedChange?.(defaultExpanded)\n  }, [isExpandedInitial, onExpandedChange])\n\n  const resetSubmenuOnly = useCallback(() => {\n    dispatchSubmenu({ type: 'RESET_ALL' })\n  }, [])\n\n  // Memoized context value with all state management functions\n  const contextValue = useMemo(\n    () => ({\n      size,\n      variant,\n      isDark,\n      isMenuExpanded: isExpanded,\n      submenuStates,\n      setSubmenuState,\n      toggleSubmenu,\n      setIsExpanded: handleSetIsExpanded,\n      onExpandedChange,\n      resetAllStates,\n      resetExpansionOnly,\n      resetSubmenuOnly,\n    }),\n    [\n      size,\n      variant,\n      isDark,\n      isExpanded,\n      submenuStates,\n      setSubmenuState,\n      toggleSubmenu,\n      handleSetIsExpanded,\n      onExpandedChange,\n      resetAllStates,\n      resetExpansionOnly,\n      resetSubmenuOnly,\n    ],\n  )\n\n  return <SidemenuProvider value={contextValue}>{children}</SidemenuProvider>\n}\n\nexport { SidemenuProvider, useSidemenuContext }\n"],"mappings":";;;;;AAkCA,MAAM,kBAAkB,OAAgC,WAAmD;CACzG,IAAIA;AAEJ,SAAQ,OAAO,MAAf;EACE,KAAK;AACH,OAAI,MAAM,OAAO,YAAY,OAAO,OAClC,QAAO;AAET,cAAW;IAAE,GAAG;KAAQ,OAAO,SAAS,OAAO;IAAQ;AACvD;EAEF,KAAK,kBAAkB;GACrB,MAAM,eAAe,MAAM,OAAO,WAAW;AAC7C,cAAW;IAAE,GAAG;KAAQ,OAAO,SAAS,CAAC;IAAc;AACvD;;EAEF,KAAK;AACH,cAAW,OAAO;AAClB;EAEF,KAAK;AACH,cAAW,EAAE;AACb;EAEF,QACE,QAAO;;AAIX,QAAO;;AAYT,MAAM,CAAC,kBAAkB,sBAAsBC,gBAAoC,EAAE,YAAY,MAAM,CAAC;AAGxG,MAAa,yBAAyB,EACpC,UACA,oBAAoB,MACpB,kBACA,SACA,MACA,aACgC;CAEhC,MAAM,CAAC,YAAY,iBAAiB,SAAS,kBAAkB;CAG/D,MAAM,CAAC,eAAe,mBAAmB,WAAW,gBAAgB,EAAE,CAAC;CAGvE,MAAM,kBAAkB,aAAa,QAAgB,WAAoB;AACvE,kBAAgB;GAAE,MAAM;GAAe;GAAQ;GAAQ,CAAC;IACvD,EAAE,CAAC;CAEN,MAAM,gBAAgB,aAAa,WAAmB;AACpD,kBAAgB;GAAE,MAAM;GAAkB;GAAQ,CAAC;IAClD,EAAE,CAAC;CAGN,MAAM,sBAAsB,aACzB,kBAA2B;AAC1B,gBAAc,cAAc;AAC5B,qBAAmB,cAAc;IAEnC,CAAC,iBAAiB,CACnB;CAGD,MAAM,iBAAiB,kBAAkB;AACvC,kBAAgB,EAAE,MAAM,aAAa,CAAC;EACtC,MAAM,kBAAkB;AACxB,gBAAc,gBAAgB;AAC9B,qBAAmB,gBAAgB;IAClC,CAAC,mBAAmB,iBAAiB,CAAC;CAEzC,MAAM,qBAAqB,kBAAkB;EAC3C,MAAM,kBAAkB;AACxB,gBAAc,gBAAgB;AAC9B,qBAAmB,gBAAgB;IAClC,CAAC,mBAAmB,iBAAiB,CAAC;CAEzC,MAAM,mBAAmB,kBAAkB;AACzC,kBAAgB,EAAE,MAAM,aAAa,CAAC;IACrC,EAAE,CAAC;AAkCN,QAAO,oBAAC;EAAiB,OA/BJ,eACZ;GACL;GACA;GACA;GACA,gBAAgB;GAChB;GACA;GACA;GACA,eAAe;GACf;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAE8C;GAA4B"}
+{"version":3,"file":"context.js","names":["newState: Record<string, boolean>","createContext"],"sources":["../../src/sidemenuV2/context.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useEffect, useMemo, useState, useCallback, useReducer, useRef } from 'react'\n\nimport type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nexport interface SidemenuContextValue extends Dict {\n  // Existing properties\n  variant?: string\n  size?: string\n  isMenuExpanded?: boolean\n\n  // Submenu state management\n  submenuStates?: Record<string, boolean>\n  setSubmenuState?: (itemId: string, isOpen: boolean) => void\n  toggleSubmenu?: (itemId: string) => void\n\n  // Expansion state management\n  setIsExpanded?: (isExpanded: boolean) => void\n  onExpandedChange?: (isExpanded: boolean) => void\n\n  // Memoized reset functions\n  resetAllStates?: () => void\n  resetExpansionOnly?: () => void\n  resetSubmenuOnly?: () => void\n}\n\n// Submenu state reducer for more stable state management\ntype SubmenuAction =\n  | { type: 'SET_SUBMENU'; itemId: string; isOpen: boolean }\n  | { type: 'TOGGLE_SUBMENU'; itemId: string }\n  | { type: 'RESET_ALL' }\n  | { type: 'RESTORE_STATE'; state: Record<string, boolean> }\n\nconst submenuReducer = (state: Record<string, boolean>, action: SubmenuAction): Record<string, boolean> => {\n  let newState: Record<string, boolean>\n\n  switch (action.type) {\n    case 'SET_SUBMENU': {\n      if (state[action.itemId] === action.isOpen) {\n        return state // Return same reference if no change\n      }\n      newState = { ...state, [action.itemId]: action.isOpen }\n      break\n    }\n    case 'TOGGLE_SUBMENU': {\n      const currentValue = state[action.itemId] || false\n      newState = { ...state, [action.itemId]: !currentValue }\n      break\n    }\n    case 'RESTORE_STATE': {\n      newState = action.state\n      break\n    }\n    case 'RESET_ALL': {\n      newState = {}\n      break\n    }\n    default:\n      return state\n  }\n\n  // Submenu states are now persisted in context only\n  return newState\n}\n\ninterface SidemenuStateProviderProps {\n  children: ReactNode\n  isExpandedInitial?: boolean\n  onExpandedChange?: (isExpanded: boolean) => void\n  variant?: string\n  size?: string\n  isDark?: boolean\n}\n\nconst [SidemenuProvider, useSidemenuContext] = createContext<SidemenuContextValue>({ isOptional: true })\n\n// Enhanced provider that manages state\nexport const SidemenuStateProvider = ({\n  children,\n  isExpandedInitial = true,\n  onExpandedChange,\n  variant,\n  size,\n  isDark,\n}: SidemenuStateProviderProps) => {\n  // Internal state with initial value from prop\n  const [isExpanded, setIsExpanded] = useState(isExpandedInitial)\n\n  // Track if this is an external change (not from internal toggle)\n  const isInternalChange = useRef(false)\n\n  // Sync internal state when isExpandedInitial changes externally\n  useEffect(() => {\n    if (!isInternalChange.current) {\n      setIsExpanded(isExpandedInitial)\n    }\n    isInternalChange.current = false\n  }, [isExpandedInitial])\n\n  // Initialize submenu states as empty - persisted in context only\n  const [submenuStates, dispatchSubmenu] = useReducer(submenuReducer, {})\n\n  // Submenu state management functions using reducer dispatch - memoized\n  const setSubmenuState = useCallback((itemId: string, isOpen: boolean) => {\n    dispatchSubmenu({ type: 'SET_SUBMENU', itemId, isOpen })\n  }, [])\n\n  const toggleSubmenu = useCallback((itemId: string) => {\n    dispatchSubmenu({ type: 'TOGGLE_SUBMENU', itemId })\n  }, [])\n\n  // Enhanced setIsExpanded that handles callbacks - memoized\n  const handleSetIsExpanded = useCallback(\n    (newIsExpanded: boolean) => {\n      isInternalChange.current = true // Mark as internal change to prevent sync loop\n      setIsExpanded(newIsExpanded)\n      onExpandedChange?.(newIsExpanded)\n    },\n    [onExpandedChange],\n  )\n\n  // Memoized reset functions for external use\n  const resetAllStates = useCallback(() => {\n    dispatchSubmenu({ type: 'RESET_ALL' })\n    const defaultExpanded = isExpandedInitial\n    setIsExpanded(defaultExpanded)\n    onExpandedChange?.(defaultExpanded)\n  }, [isExpandedInitial, onExpandedChange])\n\n  const resetExpansionOnly = useCallback(() => {\n    const defaultExpanded = isExpandedInitial\n    setIsExpanded(defaultExpanded)\n    onExpandedChange?.(defaultExpanded)\n  }, [isExpandedInitial, onExpandedChange])\n\n  const resetSubmenuOnly = useCallback(() => {\n    dispatchSubmenu({ type: 'RESET_ALL' })\n  }, [])\n\n  // Memoized context value with all state management functions\n  const contextValue = useMemo(\n    () => ({\n      size,\n      variant,\n      isDark,\n      isMenuExpanded: isExpanded,\n      submenuStates,\n      setSubmenuState,\n      toggleSubmenu,\n      setIsExpanded: handleSetIsExpanded,\n      onExpandedChange,\n      resetAllStates,\n      resetExpansionOnly,\n      resetSubmenuOnly,\n    }),\n    [\n      size,\n      variant,\n      isDark,\n      isExpanded,\n      submenuStates,\n      setSubmenuState,\n      toggleSubmenu,\n      handleSetIsExpanded,\n      onExpandedChange,\n      resetAllStates,\n      resetExpansionOnly,\n      resetSubmenuOnly,\n    ],\n  )\n\n  return <SidemenuProvider value={contextValue}>{children}</SidemenuProvider>\n}\n\nexport { SidemenuProvider, useSidemenuContext }\n"],"mappings":";;;;;AAkCA,MAAM,kBAAkB,OAAgC,WAAmD;CACzG,IAAIA;AAEJ,SAAQ,OAAO,MAAf;EACE,KAAK;AACH,OAAI,MAAM,OAAO,YAAY,OAAO,OAClC,QAAO;AAET,cAAW;IAAE,GAAG;KAAQ,OAAO,SAAS,OAAO;IAAQ;AACvD;EAEF,KAAK,kBAAkB;GACrB,MAAM,eAAe,MAAM,OAAO,WAAW;AAC7C,cAAW;IAAE,GAAG;KAAQ,OAAO,SAAS,CAAC;IAAc;AACvD;;EAEF,KAAK;AACH,cAAW,OAAO;AAClB;EAEF,KAAK;AACH,cAAW,EAAE;AACb;EAEF,QACE,QAAO;;AAIX,QAAO;;AAYT,MAAM,CAAC,kBAAkB,sBAAsBC,gBAAoC,EAAE,YAAY,MAAM,CAAC;AAGxG,MAAa,yBAAyB,EACpC,UACA,oBAAoB,MACpB,kBACA,SACA,MACA,aACgC;CAEhC,MAAM,CAAC,YAAY,iBAAiB,SAAS,kBAAkB;CAG/D,MAAM,mBAAmB,OAAO,MAAM;AAGtC,iBAAgB;AACd,MAAI,CAAC,iBAAiB,QACpB,eAAc,kBAAkB;AAElC,mBAAiB,UAAU;IAC1B,CAAC,kBAAkB,CAAC;CAGvB,MAAM,CAAC,eAAe,mBAAmB,WAAW,gBAAgB,EAAE,CAAC;CAGvE,MAAM,kBAAkB,aAAa,QAAgB,WAAoB;AACvE,kBAAgB;GAAE,MAAM;GAAe;GAAQ;GAAQ,CAAC;IACvD,EAAE,CAAC;CAEN,MAAM,gBAAgB,aAAa,WAAmB;AACpD,kBAAgB;GAAE,MAAM;GAAkB;GAAQ,CAAC;IAClD,EAAE,CAAC;CAGN,MAAM,sBAAsB,aACzB,kBAA2B;AAC1B,mBAAiB,UAAU;AAC3B,gBAAc,cAAc;AAC5B,qBAAmB,cAAc;IAEnC,CAAC,iBAAiB,CACnB;CAGD,MAAM,iBAAiB,kBAAkB;AACvC,kBAAgB,EAAE,MAAM,aAAa,CAAC;EACtC,MAAM,kBAAkB;AACxB,gBAAc,gBAAgB;AAC9B,qBAAmB,gBAAgB;IAClC,CAAC,mBAAmB,iBAAiB,CAAC;CAEzC,MAAM,qBAAqB,kBAAkB;EAC3C,MAAM,kBAAkB;AACxB,gBAAc,gBAAgB;AAC9B,qBAAmB,gBAAgB;IAClC,CAAC,mBAAmB,iBAAiB,CAAC;CAEzC,MAAM,mBAAmB,kBAAkB;AACzC,kBAAgB,EAAE,MAAM,aAAa,CAAC;IACrC,EAAE,CAAC;AAkCN,QAAO,oBAAC;EAAiB,OA/BJ,eACZ;GACL;GACA;GACA;GACA,gBAAgB;GAChB;GACA;GACA;GACA,eAAe;GACf;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAE8C;GAA4B"}

package/dist/sidemenuV2/index.d.ts

@@ -1,3 +1,3 @@
 import { SidemenuStateProvider, useSidemenuContext } from "./context.js";
 import { SidemenuCollapseModeV2, SidemenuComponentV2Props, SidemenuContextV2Value, SidemenuExpandEventV2, SidemenuFlatItemV2, SidemenuGroupV2Props, SidemenuItemBadgeV2Props, SidemenuItemClickEventV2, SidemenuItemComponentV2Props, SidemenuItemV2Props, SidemenuItemWithChildrenV2, SidemenuOrientationV2, SidemenuSizeV2, SidemenuTopComponentV2Props, SidemenuTopPropsV2, SidemenuTopV2Props, SidemenuV2Props, SidemenuVariantV2, UseSidemenuItemV2Return, UseSidemenuV2Return } from "./sidemenuV2.types.js";
-import { SidemenuV2 } from "./sidemenuV2.js";
+import { SidemenuV2 } from "./sidemenuV2.js";

package/dist/sidemenuV2/sidemenuItemV2.d.ts

@@ -8,4 +8,5 @@ import "styled-components";
 declare const SidemenuItemV2: VuiComponent<"div", SidemenuItemV2Props>;
 //#endregion
 export { SidemenuItemV2 };
+
 //# sourceMappingURL=sidemenuItemV2.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItemV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAmFa,OAAA,CAAA,KAAA,CAAA,cAkOa,CAAA,CAApB,YAAoB,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,mBAAR,CAAA"}
+{"version":3,"file":"sidemenuItemV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAmFa,cAAA,cAkOa,EAApB,YAAoB,CAAA,KAApB,EAAoB,mBAAR,CAAA"}

package/dist/sidemenuV2/sidemenuItemV2.js

@@ -19,7 +19,7 @@ const PopoverHovered = styled.div`
   &:hover .vui-sidemenu-item-popover .vui-button.vui-button {
     background: ${(p) => th.color(p.hoverColor)};
   }
-  &:hover div:last-child .tippy-content .vui-sidemenu-item-content > .vui-box > .vui-button.vui-button {
+  &:hover div:last-child .vui-sidemenu-item-content > .vui-box > .vui-button.vui-button {
     background: ${(p) => th.color(p.hoverColor)};
   }
 `;
@@ -68,7 +68,7 @@ const SidemenuPopover = ({ isDark, className, buttonStyles, isExactlyActive, ico
 });
 /** A menu item. */
 const SidemenuItemV2 = vui((props, ref) => {
-	const { children, className, disabled = false, icon, isActive = false, isExpanded = true, itemId, level = 0, onBottom = false, onClick, onCollapse, onExpand, title,...rest } = omitThemingProps(props);
+	const { children, className, disabled = false, icon, isActive = false, isExpanded = true, itemId, level = 0, onBottom = false, onClick, onCollapse, onExpand, title, ...rest } = omitThemingProps(props);
 	const computedItemId = itemId || generateMenuItemId(title, level) || `item-${Math.random().toString(36).substr(2, 9)}`;
 	const { isDark, isMenuExpanded, styles, size, isSubmenuOpen, toggleSubmenu } = useSidemenuItem_default(computedItemId);
 	const isExactlyActive = isActive;
@@ -237,5 +237,5 @@ var sidemenuItemV2_default = SidemenuItemV2;
 
 //#endregion
 export { sidemenuItemV2_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=sidemenuItemV2.js.map