@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

package/dist/menu/menuButton.d.ts

@@ -1,6 +1,6 @@
+import { VuiComponent } from "../core/vui.js";
 import { ButtonProps } from "../button/button.types.js";
 import "../button/index.js";
-import { VuiComponent } from "../core/vui.js";
 import "../index.js";
 
 //#region src/menu/menuButton.d.ts
@@ -8,4 +8,5 @@ import "../index.js";
 declare const MenuButton: VuiComponent<"button", ButtonProps>;
 //#endregion
 export { MenuButton };
+
 //# sourceMappingURL=menuButton.d.ts.map

package/dist/menu/menuButton.js

@@ -1,15 +1,19 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import { TextButton } from "../button/buttons.js";
+import "../button/index.js";
+import "../core/index.js";
 import popoverTrigger_default from "../popover/popoverTrigger.js";
+import "../popover/index.js";
 import { useMenuContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/menu/menuButton.tsx
 /** Displays PopoverTrigger as a button. */
 const MenuButton = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Menu", useMenuContext());
 	return /* @__PURE__ */ jsx(popoverTrigger_default, {
 		as: TextButton,
@@ -24,5 +28,5 @@ var menuButton_default = MenuButton;
 
 //#endregion
 export { menuButton_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=menuButton.js.map

package/dist/menu/menuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuButton.js","names":["PopoverTrigger"],"sources":["../../src/menu/menuButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport { TextButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { PopoverTrigger } from '../popover'\nimport { cs } from '../utils'\nimport { useMenuContext } from './context'\n\n/** Displays PopoverTrigger as a button. */\nexport const MenuButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Menu', useMenuContext())\n\n  return (\n    <PopoverTrigger\n      as={TextButton}\n      className={cs('vui-menuButton', className)}\n      ref={ref}\n      {...styles.button}\n      {...rest}\n    />\n  )\n})\n\nMenuButton.displayName = 'MenuButton'\n\nexport default MenuButton\n"],"mappings":";;;;;;;;;;AAQA,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAACA;EACC,IAAI;EACJ,WAAW,GAAG,kBAAkB,UAAU;EACrC;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc;AAEzB,yBAAe"}
+{"version":3,"file":"menuButton.js","names":["PopoverTrigger"],"sources":["../../src/menu/menuButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport { TextButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { PopoverTrigger } from '../popover'\nimport { cs } from '../utils'\nimport { useMenuContext } from './context'\n\n/** Displays PopoverTrigger as a button. */\nexport const MenuButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Menu', useMenuContext())\n\n  return (\n    <PopoverTrigger\n      as={TextButton}\n      className={cs('vui-menuButton', className)}\n      ref={ref}\n      {...styles.button}\n      {...rest}\n    />\n  )\n})\n\nMenuButton.displayName = 'MenuButton'\n\nexport default MenuButton\n"],"mappings":";;;;;;;;;;;;;;AAQA,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAACA;EACC,IAAI;EACJ,WAAW,GAAG,kBAAkB,UAAU;EACrC;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc;AAEzB,yBAAe"}

package/dist/menu/menuItem.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const MenuItem: VuiComponent<"li", ListItemProps>;
 //#endregion
 export { MenuItem };
+
 //# sourceMappingURL=menuItem.d.ts.map

package/dist/menu/menuItem.js

@@ -1,25 +1,29 @@
 import { useCallbackRef } from "../utils/react.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { ListItem } from "../list/listItem.js";
+import "../list/index.js";
 import { usePopoverContext } from "../popover/context.js";
+import "../popover/index.js";
 import { useMenuContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/menu/menuItem.tsx
 /** Displays a list item and by default closes the menu on click. */
 const MenuItem = vui((props, ref) => {
-	const { className, onClick: onClickProp,...rest } = props;
-	const { instance } = usePopoverContext() ?? {};
-	const { closeOnSelect,...menuProps } = useMenuContext() ?? {};
+	const { className, onClick: onClickProp, ...rest } = props;
+	const { close } = usePopoverContext() ?? {};
+	const { closeOnSelect, ...menuProps } = useMenuContext() ?? {};
 	const styles = useStyleConfig("Menu", {
 		...menuProps,
 		...props
 	});
 	const onClick = useCallbackRef((e) => {
 		onClickProp?.(e);
-		closeOnSelect && instance?.hide();
+		closeOnSelect && close?.();
 	});
 	return /* @__PURE__ */ jsx(ListItem, {
 		className: cs("vui-menuItem", className),
@@ -34,5 +38,5 @@ var menuItem_default = MenuItem;
 
 //#endregion
 export { menuItem_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=menuItem.js.map

package/dist/menu/menuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuItem.js","names":[],"sources":["../../src/menu/menuItem.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { ListItemProps } from '../list'\nimport { ListItem } from '../list'\nimport { usePopoverContext } from '../popover'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useMenuContext } from './context'\n\n/** Displays a list item and by default closes the menu on click. */\nexport const MenuItem = vui<'li', ListItemProps>((props, ref) => {\n  const { className, onClick: onClickProp, ...rest } = props\n  const { instance } = usePopoverContext() ?? {}\n  const { closeOnSelect, ...menuProps } = useMenuContext() ?? {}\n  const styles = useStyleConfig('Menu', { ...menuProps, ...props })\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    onClickProp?.(e)\n    closeOnSelect && instance?.hide()\n  })\n\n  return <ListItem className={cs('vui-menuItem', className)} onClick={onClick} ref={ref} {...styles.item} {...rest} />\n})\n\nMenuItem.displayName = 'MenuItem'\nexport default MenuItem\n"],"mappings":";;;;;;;;;;;AASA,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,SAAS,YAAa,GAAG,SAAS;CACrD,MAAM,EAAE,aAAa,mBAAmB,IAAI,EAAE;CAC9C,MAAM,EAAE,cAAe,GAAG,cAAc,gBAAgB,IAAI,EAAE;CAC9D,MAAM,SAAS,eAAe,QAAQ;EAAE,GAAG;EAAW,GAAG;EAAO,CAAC;CAEjE,MAAM,UAAU,gBAAgB,MAAiC;AAC/D,gBAAc,EAAE;AAChB,mBAAiB,UAAU,MAAM;GACjC;AAEF,QAAO,oBAAC;EAAS,WAAW,GAAG,gBAAgB,UAAU;EAAW;EAAc;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EACpH;AAEF,SAAS,cAAc;AACvB,uBAAe"}
+{"version":3,"file":"menuItem.js","names":[],"sources":["../../src/menu/menuItem.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { ListItemProps } from '../list'\nimport { ListItem } from '../list'\nimport { usePopoverContext } from '../popover'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useMenuContext } from './context'\n\n/** Displays a list item and by default closes the menu on click. */\nexport const MenuItem = vui<'li', ListItemProps>((props, ref) => {\n  const { className, onClick: onClickProp, ...rest } = props\n  const { close } = usePopoverContext() ?? {}\n  const { closeOnSelect, ...menuProps } = useMenuContext() ?? {}\n  const styles = useStyleConfig('Menu', { ...menuProps, ...props })\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    onClickProp?.(e)\n    closeOnSelect && close?.()\n  })\n\n  return <ListItem className={cs('vui-menuItem', className)} onClick={onClick} ref={ref} {...styles.item} {...rest} />\n})\n\nMenuItem.displayName = 'MenuItem'\nexport default MenuItem\n"],"mappings":";;;;;;;;;;;;;;;AASA,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,SAAS,aAAa,GAAG,SAAS;CACrD,MAAM,EAAE,UAAU,mBAAmB,IAAI,EAAE;CAC3C,MAAM,EAAE,eAAe,GAAG,cAAc,gBAAgB,IAAI,EAAE;CAC9D,MAAM,SAAS,eAAe,QAAQ;EAAE,GAAG;EAAW,GAAG;EAAO,CAAC;CAEjE,MAAM,UAAU,gBAAgB,MAAiC;AAC/D,gBAAc,EAAE;AAChB,mBAAiB,SAAS;GAC1B;AAEF,QAAO,oBAAC;EAAS,WAAW,GAAG,gBAAgB,UAAU;EAAW;EAAc;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EACpH;AAEF,SAAS,cAAc;AACvB,uBAAe"}

package/dist/menu/menuList.d.ts

@@ -15,4 +15,5 @@ declare const MenuList: VuiComponent<"ul", MenuListProps> & {
 };
 //#endregion
 export { MenuList };
+
 //# sourceMappingURL=menuList.d.ts.map

package/dist/menu/menuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuList.d.ts","names":[],"sources":["../../src/menu/menuList.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAUa,UAuBP,mBAAmB;kBACP,IAAA,CAAK;kBACL,IAAA,CAAK;EAzBV,IAAA,CAAA,CAAA,MAAA,CA0BE,IAAA,CAAK,IAGnB;EANwB,IAAA,CAAA,CAAA,MAAA,CAIV,IAAA,CAAK,IAJK;EAAnB,IAAA,CAAA,CAAA,MAAA,CAKS,IAAA,CAAK,IALd;CACY"}
+{"version":3,"file":"menuList.d.ts","names":[],"sources":["../../src/menu/menuList.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAUa,UAuBP,mBAAmB;kBACP,IAAA,CAAK;kBACL,IAAA,CAAK;EAzBV,IAAA,EAAA,OA0BE,IAAA,CAAK,IAGnB;EANwB,IAAA,EAAA,OAIV,IAAA,CAAK,IAJK;EAAnB,IAAA,EAAA,OAKS,IAAA,CAAK,IALd;CACY"}

package/dist/menu/menuList.js

@@ -1,16 +1,21 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import { Box } from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import list_default from "../list/list.js";
+import "../list/index.js";
 import popoverContent_default from "../popover/popoverContent.js";
+import "../popover/index.js";
 import { useMenuContext } from "./context.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/menu/menuList.tsx
 /** Displays a list of menu items in a popover content element. */
 const MenuList = vui((props, ref) => {
-	const { className, contentProps, contentRef, maxH, slotTop, slotBottom,...rest } = props;
+	const { className, contentProps, contentRef, maxH, slotTop, slotBottom, ...rest } = props;
 	const styles = useStyleConfig("Menu", useMenuContext());
 	return /* @__PURE__ */ jsx(popoverContent_default, {
 		borderRadius: 0,
@@ -45,5 +50,5 @@ var menuList_default = MenuList;
 
 //#endregion
 export { menuList_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=menuList.js.map

package/dist/menu/menuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuList.js","names":["PopoverContent","List"],"sources":["../../src/menu/menuList.tsx"],"sourcesContent":["import { Box } from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { PopoverContent } from '../popover'\nimport { cs } from '../utils'\nimport { useMenuContext } from './context'\nimport type { MenuListProps } from './menu.types'\n\n/** Displays a list of menu items in a popover content element. */\nexport const MenuList = vui<'ul', MenuListProps>((props, ref) => {\n  const { className, contentProps, contentRef, maxH, slotTop, slotBottom, ...rest } = props\n\n  const styles = useStyleConfig('Menu', useMenuContext())\n\n  return (\n    <PopoverContent borderRadius={0} ref={contentRef} {...contentProps}>\n      <Box flexDirection=\"column\">\n        {slotTop}\n        <List\n          className={cs('vui-menuList', className)}\n          isInteractive\n          py={1}\n          ref={ref}\n          w=\"100%\"\n          {...styles.list}\n          {...rest}\n          maxH={maxH}\n        />\n        {slotBottom}\n      </Box>\n    </PopoverContent>\n  )\n}) as VuiComponent<'ul', MenuListProps> & {\n  Divider: typeof List.Divider\n  Heading: typeof List.Heading\n  Icon: typeof List.Icon\n  Item: typeof List.Item\n  Text: typeof List.Text\n}\n\nMenuList.Divider = List.Divider\nMenuList.Heading = List.Heading\nMenuList.Icon = List.Icon\nMenuList.Item = List.Item\nMenuList.Text = List.Text\n\nMenuList.displayName = 'MenuList'\n\nexport default MenuList\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,cAAc,YAAY,MAAM,SAAS,WAAY,GAAG,SAAS;CAEpF,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAACA;EAAe,cAAc;EAAG,KAAK;EAAY,GAAI;YACpD,qBAAC;GAAI,eAAc;;IAChB;IACD,oBAACC;KACC,WAAW,GAAG,gBAAgB,UAAU;KACxC;KACA,IAAI;KACC;KACL,GAAE;KACF,GAAI,OAAO;KACX,GAAI;KACE;MACN;IACD;;IACG;GACS;EAEnB;AAQF,SAAS,UAAUA,aAAK;AACxB,SAAS,UAAUA,aAAK;AACxB,SAAS,OAAOA,aAAK;AACrB,SAAS,OAAOA,aAAK;AACrB,SAAS,OAAOA,aAAK;AAErB,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"menuList.js","names":["PopoverContent","List"],"sources":["../../src/menu/menuList.tsx"],"sourcesContent":["import { Box } from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { PopoverContent } from '../popover'\nimport { cs } from '../utils'\nimport { useMenuContext } from './context'\nimport type { MenuListProps } from './menu.types'\n\n/** Displays a list of menu items in a popover content element. */\nexport const MenuList = vui<'ul', MenuListProps>((props, ref) => {\n  const { className, contentProps, contentRef, maxH, slotTop, slotBottom, ...rest } = props\n\n  const styles = useStyleConfig('Menu', useMenuContext())\n\n  return (\n    <PopoverContent borderRadius={0} ref={contentRef} {...contentProps}>\n      <Box flexDirection=\"column\">\n        {slotTop}\n        <List\n          className={cs('vui-menuList', className)}\n          isInteractive\n          py={1}\n          ref={ref}\n          w=\"100%\"\n          {...styles.list}\n          {...rest}\n          maxH={maxH}\n        />\n        {slotBottom}\n      </Box>\n    </PopoverContent>\n  )\n}) as VuiComponent<'ul', MenuListProps> & {\n  Divider: typeof List.Divider\n  Heading: typeof List.Heading\n  Icon: typeof List.Icon\n  Item: typeof List.Item\n  Text: typeof List.Text\n}\n\nMenuList.Divider = List.Divider\nMenuList.Heading = List.Heading\nMenuList.Icon = List.Icon\nMenuList.Item = List.Item\nMenuList.Text = List.Text\n\nMenuList.displayName = 'MenuList'\n\nexport default MenuList\n"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,cAAc,YAAY,MAAM,SAAS,YAAY,GAAG,SAAS;CAEpF,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAACA;EAAe,cAAc;EAAG,KAAK;EAAY,GAAI;YACpD,qBAAC;GAAI,eAAc;;IAChB;IACD,oBAACC;KACC,WAAW,GAAG,gBAAgB,UAAU;KACxC;KACA,IAAI;KACC;KACL,GAAE;KACF,GAAI,OAAO;KACX,GAAI;KACE;MACN;IACD;;IACG;GACS;EAEnB;AAQF,SAAS,UAAUA,aAAK;AACxB,SAAS,UAAUA,aAAK;AACxB,SAAS,OAAOA,aAAK;AACrB,SAAS,OAAOA,aAAK;AACrB,SAAS,OAAOA,aAAK;AAErB,SAAS,cAAc;AAEvB,uBAAe"}

package/dist/menu/theme.js

@@ -34,5 +34,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/message/consts.js

@@ -23,5 +23,5 @@ const avatarStyles = {
 
 //#endregion
 export { avatarStyles, iconDictionary, messageColors, spacingDictionary };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/message/index.d.ts

@@ -1,2 +1,2 @@
 import { MessageProps } from "./message.types.js";
-import { Message, MessageBase } from "./message.js";
+import { Message, MessageBase } from "./message.js";

package/dist/message/index.js

@@ -0,0 +1,3 @@
+import message_default, { Message, MessageBase } from "./message.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/message/message.d.ts

@@ -2,12 +2,13 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { MessageProps } from "./message.types.js";
 import "../index.js";
-import * as styled_components393 from "styled-components";
+import * as styled_components399 from "styled-components";
 
 //#region src/message/message.d.ts
-declare const MessageBase: styled_components393.StyledComponent<"div", styled_components393.DefaultTheme, SystemProps, never>;
+declare const MessageBase: styled_components399.StyledComponent<"div", styled_components399.DefaultTheme, SystemProps, never>;
 /** Displays a simple message text. */
 declare const Message: VuiComponent<"span", MessageProps>;
 //#endregion
 export { Message, MessageBase };
+
 //# sourceMappingURL=message.d.ts.map

package/dist/message/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQa,aAAW,oBAAA,CAAA,uBAEvB,oBAAA,CAFuB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAKX,SAAO,qBAAA"}
+{"version":3,"file":"message.d.ts","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQa,aAAW,oBAAA,CAAA,uBAEvB,oBAAA,CAFuB,YAAA,EAAA,WAAA;;cAKX,SAAO,qBAAA"}

package/dist/message/message.js

@@ -1,11 +1,16 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { avatarStyles, iconDictionary, spacingDictionary } from "./consts.js";
 import { useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
 import { Box } from "../box/box.js";
+import "../box/index.js";
 import { Icon } from "../icon/icon.js";
+import "../icon/index.js";
+import "../core/index.js";
 import { Avatar } from "../avatar/avatar.js";
+import "../avatar/index.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/message/message.tsx
@@ -14,7 +19,7 @@ const MessageBase = styled.divBox`
 `;
 /** Displays a simple message text. */
 const Message = vui((props, ref) => {
-	const { avatar, children, className, text, size = "md", variant = "info",...rest } = props;
+	const { avatar, children, className, text, size = "md", variant = "info", ...rest } = props;
 	const styles = useStyleConfig("Message", props);
 	return /* @__PURE__ */ jsx(MessageBase, {
 		className: cs("vui-message", className),
@@ -41,5 +46,5 @@ var message_default = Message;
 
 //#endregion
 export { Message, MessageBase, message_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=message.js.map

package/dist/message/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":["import { Avatar } from '../avatar'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { avatarStyles, iconDictionary, spacingDictionary } from './consts'\nimport type { MessageProps } from './message.types'\n\nexport const MessageBase = styled.divBox`\n  transition-duration: fast;\n`\n\n/** Displays a simple message text. */\nexport const Message = vui<'span', MessageProps>((props, ref) => {\n  const { avatar, children, className, text, size = 'md', variant = 'info', ...rest } = props\n  const styles = useStyleConfig('Message', props)\n\n  return (\n    <MessageBase className={cs('vui-message', className)} ref={ref} {...styles} {...rest}>\n      <>\n        {avatar ? (\n          <Avatar mr=\"16px\" {...avatar} />\n        ) : (\n          <Icon mr={`${spacingDictionary[size]}px`} name={iconDictionary[variant]} size={styles.iconSize} />\n        )}\n        <Box size={styles.fontSize} w=\"100%\" {...(avatar ? avatarStyles : undefined)}>\n          {children ?? text}\n        </Box>\n      </>\n    </MessageBase>\n  )\n})\n\nMessage.displayName = 'Message'\n\nexport default Message\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,cAAc,OAAO,MAAM;;;;AAKxC,MAAa,UAAU,KAA2B,OAAO,QAAQ;CAC/D,MAAM,EAAE,QAAQ,UAAU,WAAW,MAAM,OAAO,MAAM,UAAU,OAAQ,GAAG,SAAS;CACtF,MAAM,SAAS,eAAe,WAAW,MAAM;AAE/C,QACE,oBAAC;EAAY,WAAW,GAAG,eAAe,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;YAC9E,4CACG,SACC,oBAAC;GAAO,IAAG;GAAO,GAAI;IAAU,GAEhC,oBAAC;GAAK,IAAI,GAAG,kBAAkB,MAAM;GAAK,MAAM,eAAe;GAAU,MAAM,OAAO;IAAY,EAEpG,oBAAC;GAAI,MAAM,OAAO;GAAU,GAAE;GAAO,GAAK,SAAS,eAAe;aAC/D,YAAY;IACT,IACL;GACS;EAEhB;AAEF,QAAQ,cAAc;AAEtB,sBAAe"}
+{"version":3,"file":"message.js","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":["import { Avatar } from '../avatar'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { avatarStyles, iconDictionary, spacingDictionary } from './consts'\nimport type { MessageProps } from './message.types'\n\nexport const MessageBase = styled.divBox`\n  transition-duration: fast;\n`\n\n/** Displays a simple message text. */\nexport const Message = vui<'span', MessageProps>((props, ref) => {\n  const { avatar, children, className, text, size = 'md', variant = 'info', ...rest } = props\n  const styles = useStyleConfig('Message', props)\n\n  return (\n    <MessageBase className={cs('vui-message', className)} ref={ref} {...styles} {...rest}>\n      <>\n        {avatar ? (\n          <Avatar mr=\"16px\" {...avatar} />\n        ) : (\n          <Icon mr={`${spacingDictionary[size]}px`} name={iconDictionary[variant]} size={styles.iconSize} />\n        )}\n        <Box size={styles.fontSize} w=\"100%\" {...(avatar ? avatarStyles : undefined)}>\n          {children ?? text}\n        </Box>\n      </>\n    </MessageBase>\n  )\n})\n\nMessage.displayName = 'Message'\n\nexport default Message\n"],"mappings":";;;;;;;;;;;;;;;;AAQA,MAAa,cAAc,OAAO,MAAM;;;;AAKxC,MAAa,UAAU,KAA2B,OAAO,QAAQ;CAC/D,MAAM,EAAE,QAAQ,UAAU,WAAW,MAAM,OAAO,MAAM,UAAU,QAAQ,GAAG,SAAS;CACtF,MAAM,SAAS,eAAe,WAAW,MAAM;AAE/C,QACE,oBAAC;EAAY,WAAW,GAAG,eAAe,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;YAC9E,4CACG,SACC,oBAAC;GAAO,IAAG;GAAO,GAAI;IAAU,GAEhC,oBAAC;GAAK,IAAI,GAAG,kBAAkB,MAAM;GAAK,MAAM,eAAe;GAAU,MAAM,OAAO;IAAY,EAEpG,oBAAC;GAAI,MAAM,OAAO;GAAU,GAAE;GAAO,GAAK,SAAS,eAAe;aAC/D,YAAY;IACT,IACL;GACS;EAEhB;AAEF,QAAQ,cAAc;AAEtB,sBAAe"}

package/dist/message/message.types.d.ts

@@ -14,4 +14,5 @@ type MessageProps = SystemProps & ThemingProps<'Message'> & {
 };
 //#endregion
 export { MessageProps };
+
 //# sourceMappingURL=message.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"message.types.d.ts","names":[],"sources":["../../src/message/message.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,YAAA,CAAA,CAAA,CAAe,cACzB;;SAES;;EAHC,MAAA,CAAA,CAAA,CAKC,WALW;CAAG"}
+{"version":3,"file":"message.types.d.ts","names":[],"sources":["../../src/message/message.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,YAAA,GAAe,cACzB;;SAES;;EAHC,MAAA,CAAA,EAKC,WALW;CAAG"}

package/dist/message/theme.js

@@ -35,5 +35,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/modal/context.d.ts

@@ -1,8 +1,9 @@
 import { ModalContext } from "./modal.types.js";
-import * as react940 from "react";
+import * as react360 from "react";
 
 //#region src/modal/context.d.ts
-declare const ModalProvider: react940.Provider<ModalContext>, useModalContext: () => ModalContext;
+declare const ModalProvider: react360.Provider<ModalContext>, useModalContext: () => ModalContext;
 //#endregion
 export { ModalProvider, useModalContext };
+
 //# sourceMappingURL=context.d.ts.map

package/dist/modal/context.js

@@ -1,9 +1,10 @@
 import { createContext } from "../utils/react.js";
+import "../utils/index.js";
 
 //#region src/modal/context.ts
 const [ModalProvider, useModalContext] = createContext({ isOptional: true });
 
 //#endregion
 export { ModalProvider, useModalContext };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/modal/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { ModalContext } from './modal.types'\n\nconst [ModalProvider, useModalContext] = createContext<ModalContext>({ isOptional: true })\n\nexport { ModalProvider, useModalContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,eAAe,mBAAmB,cAA4B,EAAE,YAAY,MAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { ModalContext } from './modal.types'\n\nconst [ModalProvider, useModalContext] = createContext<ModalContext>({ isOptional: true })\n\nexport { ModalProvider, useModalContext }\n"],"mappings":";;;;AAGA,MAAM,CAAC,eAAe,mBAAmB,cAA4B,EAAE,YAAY,MAAM,CAAC"}

package/dist/modal/index.d.ts

@@ -5,4 +5,4 @@ import { FocusLock } from "../focusLock/focusLock.js";
 import { ModalBackdrop, ModalBackdropBase } from "./modalBackdrop.js";
 import { ModalContent, ModalContentBase } from "./modalContent.js";
 import { Modal } from "./modal.js";
-import { manager, useModalManager } from "./modalManager.js";
+import { manager, useModalManager } from "./modalManager.js";

package/dist/modal/index.js

@@ -0,0 +1,8 @@
+import { ModalProvider, useModalContext } from "./context.js";
+import { FocusLock } from "../focusLock/focusLock.js";
+import { ModalBackdrop, ModalBackdropBase } from "./modalBackdrop.js";
+import { ModalContent, ModalContentBase } from "./modalContent.js";
+import { manager, useModalManager } from "./modalManager.js";
+import modal_default from "./modal.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/modal/modal.d.ts

@@ -18,4 +18,5 @@ declare const Modal: VuiComponent<"div", ModalProps> & {
 };
 //#endregion
 export { Modal };
+
 //# sourceMappingURL=modal.d.ts.map

package/dist/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","names":[],"sources":["../../src/modal/modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;AAqBA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,MAAA,CAAA,IAAA,CAAA,EAAA,CAAA,OAAA,CAAA,MAAA,CAAA,aAAA;;;AAgGmB,OAAA,CAAA,KAAA,CAhGN,KAgGM,CAAA,CADb,YACa,CAAA,CAAA,GAAA,CAAA,CAAA,CADO,UACP,CAAA,CAAA,CAAA,CAAA;EACD,QAAA,CAAA,CAAA,MAAA,CADC,aACD;EAAY,OAAA,CAAA,CAAA,MAAA,CAAZ,YAAY"}
+{"version":3,"file":"modal.d.ts","names":[],"sources":["../../src/modal/modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;AAqBA;;;AA+FmB,cA/FN,KA+FM,EADb,YACa,CAAA,KAAA,EADO,UACP,CAAA,GAAA;EACD,QAAA,EAAA,OADC,aACD;EAAY,OAAA,EAAA,OAAZ,YAAY"}

package/dist/modal/modal.js

@@ -1,11 +1,16 @@
 import { callAll } from "../utils/function.js";
 import { mergeRefs } from "../utils/react.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { vui } from "../core/vui.js";
 import portal_default from "../portal/portal.js";
+import "../portal/index.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { ModalProvider } from "./context.js";
 import focusLock_default from "../focusLock/focusLock.js";
+import "../focusLock/index.js";
 import modalBackdrop_default from "./modalBackdrop.js";
 import modalContent_default from "./modalContent.js";
 import { manager, useModalManager } from "./modalManager.js";
@@ -20,14 +25,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role
 */
 const Modal = vui((props, ref) => {
-	const { allowPinchZoom, animation = "fadeDown", children, className, contentProps, disableAutoFocus, disableBackdropClose, disableEscClose, disablePortal, disableReturnFocus, disableScrollLock, disableTrapFocus, finalFocusRef, hideBackdrop, initialFocusRef, isOpen, onBackdropClick: onBackdropClickProp, onClose, onEsc, preserveScrollBar, size, variant,...rest } = props;
+	const { allowPinchZoom, animation = "fadeDown", children, className, contentProps, disableAutoFocus, disableBackdropClose, disableEscClose, disablePortal, disableReturnFocus, disableScrollLock, disableTrapFocus, finalFocusRef, hideBackdrop, initialFocusRef, isOpen, onBackdropClick: onBackdropClickProp, onClose, onEsc, preserveScrollBar, size, variant, ...rest } = props;
 	const modalRef = useRef(null);
-	const mouseDownTarget = useRef(null);
+	const mouseDownTargetRef = useRef(null);
 	useModalManager(modalRef, isOpen, disableScrollLock);
 	if (!isOpen) return null;
 	const onBackdropClick = (e) => {
 		e.stopPropagation();
-		if (mouseDownTarget.current !== e.target) return;
+		if (mouseDownTargetRef.current !== e.target) return;
 		if (!manager.isTopModal(modalRef)) return;
 		if (!disableBackdropClose) {
 			onClose?.();
@@ -41,13 +46,12 @@ const Modal = vui((props, ref) => {
 			onEsc?.();
 		}
 	};
-	const onMouseDown = (e) => mouseDownTarget.current = e.target;
+	const onMouseDown = (e) => mouseDownTargetRef.current = e.target;
 	const childProps = {
 		onClick: (e) => {
-			e.stopPropagation();
-			children?.props?.onClick?.(e);
+			e.stopPropagation()(children?.props)?.onClick?.(e);
 		},
-		tabIndex: children?.props?.tabIndex ?? -1
+		tabIndex: (children?.props)?.tabIndex ?? -1
 	};
 	return /* @__PURE__ */ jsx(ModalProvider, {
 		value: {
@@ -88,5 +92,5 @@ var modal_default = Modal;
 
 //#endregion
 export { modal_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=modal.js.map

package/dist/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":["Portal","Box","ModalBackdrop","FocusLock","ModalContent"],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["import { cloneElement, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { vui } from '../core'\nimport FocusLock from '../focusLock'\nimport Portal from '../portal'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport { callAll, cs, mergeRefs } from '../utils'\nimport { ModalProvider } from './context'\nimport type { ModalProps } from './modal.types'\nimport ModalBackdrop from './modalBackdrop'\nimport ModalContent from './modalContent'\nimport { manager, useModalManager } from './modalManager'\n\n/**\n * Displays provided content on top of a dark backdrop element with fixed position.\n * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.\n * Uses focus and scroll lock to achieve proper accessibility.\n * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role\n */\nexport const Modal = vui<'div', ModalProps>((props, ref) => {\n  const {\n    allowPinchZoom,\n    animation = 'fadeDown',\n    children,\n    className,\n    contentProps,\n    disableAutoFocus,\n    disableBackdropClose,\n    disableEscClose,\n    disablePortal,\n    disableReturnFocus,\n    disableScrollLock,\n    disableTrapFocus,\n    finalFocusRef,\n    hideBackdrop,\n    initialFocusRef,\n    isOpen,\n    onBackdropClick: onBackdropClickProp,\n    onClose,\n    onEsc,\n    preserveScrollBar,\n    size,\n    variant,\n    ...rest\n  } = props\n  const modalRef = useRef<HTMLElement>(null)\n  const mouseDownTarget = useRef<EventTarget | null>(null)\n\n  useModalManager(modalRef, isOpen, disableScrollLock)\n\n  if (!isOpen) return null\n\n  const onBackdropClick = (e: MouseEvent) => {\n    e.stopPropagation()\n\n    // Avoid closing modal when click starts inside the content and is released outside\n    if (mouseDownTarget.current !== e.target) return\n\n    if (!manager.isTopModal(modalRef)) return\n\n    if (!disableBackdropClose) {\n      onClose?.()\n      onBackdropClickProp?.(e)\n    }\n  }\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n\n      !disableEscClose && onClose?.()\n\n      onEsc?.()\n    }\n  }\n\n  const onMouseDown = (e: MouseEvent) => (mouseDownTarget.current = e.target)\n\n  const childProps = {\n    onClick: (e: any) => {\n      e.stopPropagation()\n      children?.props?.onClick?.(e)\n    },\n    tabIndex: children?.props?.tabIndex ?? -1,\n  }\n\n  const context = { isOpen, onBackdropClick, onClose, size, variant }\n\n  return (\n    <ModalProvider value={context}>\n      <Portal disablePortal={disablePortal}>\n        <Box\n          className={cs('vui-modal', className)}\n          ref={mergeRefs(ref, modalRef)}\n          {...rest}\n          onKeyDown={callAll(props.onKeyDown, onKeyDown)}\n          onMouseDown={callAll(props.onMouseDown, onMouseDown)}\n        >\n          {!hideBackdrop && <ModalBackdrop />}\n          <FocusLock\n            autoFocus={!disableAutoFocus}\n            finalFocusRef={finalFocusRef}\n            initialFocusRef={initialFocusRef}\n            isDisabled={disableTrapFocus}\n            returnFocus={!disableReturnFocus}\n          >\n            <ModalContent animation={animation} {...contentProps}>\n              {cloneElement(children, childProps)}\n            </ModalContent>\n          </FocusLock>\n        </Box>\n      </Portal>\n    </ModalProvider>\n  )\n}) as VuiComponent<'div', ModalProps> & {\n  Backdrop: typeof ModalBackdrop\n  Content: typeof ModalContent\n}\n\nModal.Backdrop = ModalBackdrop\nModal.Content = ModalContent\nModal.displayName = 'Modal'\n\nexport default Modal\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,gBACA,YAAY,YACZ,UACA,WACA,cACA,kBACA,sBACA,iBACA,eACA,oBACA,mBACA,kBACA,eACA,cACA,iBACA,QACA,iBAAiB,qBACjB,SACA,OACA,mBACA,MACA,QACA,GAAG,SACD;CACJ,MAAM,WAAW,OAAoB,KAAK;CAC1C,MAAM,kBAAkB,OAA2B,KAAK;AAExD,iBAAgB,UAAU,QAAQ,kBAAkB;AAEpD,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,mBAAmB,MAAkB;AACzC,IAAE,iBAAiB;AAGnB,MAAI,gBAAgB,YAAY,EAAE,OAAQ;AAE1C,MAAI,CAAC,QAAQ,WAAW,SAAS,CAAE;AAEnC,MAAI,CAAC,sBAAsB;AACzB,cAAW;AACX,yBAAsB,EAAE;;;CAI5B,MAAM,aAAa,MAAqC;AACtD,MAAI,EAAE,QAAQ,UAAU;AACtB,KAAE,iBAAiB;AAEnB,IAAC,mBAAmB,WAAW;AAE/B,YAAS;;;CAIb,MAAM,eAAe,MAAmB,gBAAgB,UAAU,EAAE;CAEpE,MAAM,aAAa;EACjB,UAAU,MAAW;AACnB,KAAE,iBAAiB;AACnB,aAAU,OAAO,UAAU,EAAE;;EAE/B,UAAU,UAAU,OAAO,YAAY;EACxC;AAID,QACE,oBAAC;EAAc,OAHD;GAAE;GAAQ;GAAiB;GAAS;GAAM;GAAS;YAI/D,oBAACA;GAAsB;aACrB,qBAACC;IACC,WAAW,GAAG,aAAa,UAAU;IACrC,KAAK,UAAU,KAAK,SAAS;IAC7B,GAAI;IACJ,WAAW,QAAQ,MAAM,WAAW,UAAU;IAC9C,aAAa,QAAQ,MAAM,aAAa,YAAY;eAEnD,CAAC,gBAAgB,oBAACC,0BAAgB,EACnC,oBAACC;KACC,WAAW,CAAC;KACG;KACE;KACjB,YAAY;KACZ,aAAa,CAAC;eAEd,oBAACC;MAAwB;MAAW,GAAI;gBACrC,aAAa,UAAU,WAAW;OACtB;MACL;KACR;IACC;GACK;EAElB;AAKF,MAAM,WAAWF;AACjB,MAAM,UAAUE;AAChB,MAAM,cAAc;AAEpB,oBAAe"}
+{"version":3,"file":"modal.js","names":["Portal","Box","ModalBackdrop","FocusLock","ModalContent"],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["import { cloneElement, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { vui } from '../core'\nimport FocusLock from '../focusLock'\nimport Portal from '../portal'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport { callAll, cs, mergeRefs } from '../utils'\nimport { ModalProvider } from './context'\nimport type { ModalProps } from './modal.types'\nimport ModalBackdrop from './modalBackdrop'\nimport ModalContent from './modalContent'\nimport { manager, useModalManager } from './modalManager'\n\n/**\n * Displays provided content on top of a dark backdrop element with fixed position.\n * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.\n * Uses focus and scroll lock to achieve proper accessibility.\n * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role\n */\nexport const Modal = vui<'div', ModalProps>((props, ref) => {\n  const {\n    allowPinchZoom,\n    animation = 'fadeDown',\n    children,\n    className,\n    contentProps,\n    disableAutoFocus,\n    disableBackdropClose,\n    disableEscClose,\n    disablePortal,\n    disableReturnFocus,\n    disableScrollLock,\n    disableTrapFocus,\n    finalFocusRef,\n    hideBackdrop,\n    initialFocusRef,\n    isOpen,\n    onBackdropClick: onBackdropClickProp,\n    onClose,\n    onEsc,\n    preserveScrollBar,\n    size,\n    variant,\n    ...rest\n  } = props\n  const modalRef = useRef<HTMLElement>(null)\n  const mouseDownTargetRef = useRef<EventTarget | null>(null)\n\n  useModalManager(modalRef, isOpen, disableScrollLock)\n\n  if (!isOpen) return null\n\n  const onBackdropClick = (e: MouseEvent) => {\n    e.stopPropagation()\n\n    // Avoid closing modal when click starts inside the content and is released outside\n    if (mouseDownTargetRef.current !== e.target) return\n\n    if (!manager.isTopModal(modalRef)) return\n\n    if (!disableBackdropClose) {\n      onClose?.()\n      onBackdropClickProp?.(e)\n    }\n  }\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n\n      !disableEscClose && onClose?.()\n\n      onEsc?.()\n    }\n  }\n\n  const onMouseDown = (e: MouseEvent) => (mouseDownTargetRef.current = e.target)\n\n  const childProps = {\n    onClick: (e: any) => {\n      e.stopPropagation()(children?.props as any)?.onClick?.(e)\n    },\n    tabIndex: (children?.props as any)?.tabIndex ?? -1,\n  }\n\n  const context = { isOpen, onBackdropClick, onClose, size, variant }\n\n  return (\n    <ModalProvider value={context}>\n      <Portal disablePortal={disablePortal}>\n        <Box\n          className={cs('vui-modal', className)}\n          ref={mergeRefs(ref, modalRef)}\n          {...rest}\n          onKeyDown={callAll(props.onKeyDown, onKeyDown)}\n          onMouseDown={callAll(props.onMouseDown, onMouseDown)}\n        >\n          {!hideBackdrop && <ModalBackdrop />}\n          <FocusLock\n            autoFocus={!disableAutoFocus}\n            finalFocusRef={finalFocusRef}\n            initialFocusRef={initialFocusRef}\n            isDisabled={disableTrapFocus}\n            returnFocus={!disableReturnFocus}\n          >\n            <ModalContent animation={animation} {...contentProps}>\n              {cloneElement(children, childProps)}\n            </ModalContent>\n          </FocusLock>\n        </Box>\n      </Portal>\n    </ModalProvider>\n  )\n}) as VuiComponent<'div', ModalProps> & {\n  Backdrop: typeof ModalBackdrop\n  Content: typeof ModalContent\n}\n\nModal.Backdrop = ModalBackdrop\nModal.Content = ModalContent\nModal.displayName = 'Modal'\n\nexport default Modal\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,gBACA,YAAY,YACZ,UACA,WACA,cACA,kBACA,sBACA,iBACA,eACA,oBACA,mBACA,kBACA,eACA,cACA,iBACA,QACA,iBAAiB,qBACjB,SACA,OACA,mBACA,MACA,SACA,GAAG,SACD;CACJ,MAAM,WAAW,OAAoB,KAAK;CAC1C,MAAM,qBAAqB,OAA2B,KAAK;AAE3D,iBAAgB,UAAU,QAAQ,kBAAkB;AAEpD,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,mBAAmB,MAAkB;AACzC,IAAE,iBAAiB;AAGnB,MAAI,mBAAmB,YAAY,EAAE,OAAQ;AAE7C,MAAI,CAAC,QAAQ,WAAW,SAAS,CAAE;AAEnC,MAAI,CAAC,sBAAsB;AACzB,cAAW;AACX,yBAAsB,EAAE;;;CAI5B,MAAM,aAAa,MAAqC;AACtD,MAAI,EAAE,QAAQ,UAAU;AACtB,KAAE,iBAAiB;AAEnB,IAAC,mBAAmB,WAAW;AAE/B,YAAS;;;CAIb,MAAM,eAAe,MAAmB,mBAAmB,UAAU,EAAE;CAEvE,MAAM,aAAa;EACjB,UAAU,MAAW;AACnB,KAAE,iBAAiB,CAAC,UAAU,MAAa,EAAE,UAAU,EAAE;;EAE3D,WAAW,UAAU,QAAe,YAAY;EACjD;AAID,QACE,oBAAC;EAAc,OAHD;GAAE;GAAQ;GAAiB;GAAS;GAAM;GAAS;YAI/D,oBAACA;GAAsB;aACrB,qBAACC;IACC,WAAW,GAAG,aAAa,UAAU;IACrC,KAAK,UAAU,KAAK,SAAS;IAC7B,GAAI;IACJ,WAAW,QAAQ,MAAM,WAAW,UAAU;IAC9C,aAAa,QAAQ,MAAM,aAAa,YAAY;eAEnD,CAAC,gBAAgB,oBAACC,0BAAgB,EACnC,oBAACC;KACC,WAAW,CAAC;KACG;KACE;KACjB,YAAY;KACZ,aAAa,CAAC;eAEd,oBAACC;MAAwB;MAAW,GAAI;gBACrC,aAAa,UAAU,WAAW;OACtB;MACL;KACR;IACC;GACK;EAElB;AAKF,MAAM,WAAWF;AACjB,MAAM,UAAUE;AAChB,MAAM,cAAc;AAEpB,oBAAe"}

package/dist/modal/modal.types.d.ts

@@ -53,4 +53,5 @@ type ModalProps = SystemProps & ThemingProps<'Modal'> & {
 };
 //#endregion
 export { ModalBackdropProps, ModalContentProps, ModalContext, ModalProps };
+
 //# sourceMappingURL=modal.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal.types.d.ts","names":[],"sources":["../../src/modal/modal.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,kBAAA,CAAA,CAAA,CAAqB;KAErB,iBAAA,CAAA,CAAA,CAAoB;KAEpB,YAAA,CAAA,CAAA,CAAe,KAAK;KAEpB,UAAA,CAAA,CAAA,CAAa,cACvB;;EAPU,cAAA,CAAA,CAAA,CAAA,OAAkB;EAElB,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA;EAEA,SAAA,CAAA,CAAA,CAOI,aAPQ;EAEZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAa,QAAA,CAAA,CAOX,YAPW;EACvB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,QAAA,CAAA,YAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAIc,YAAA,CAAA,CAAA,CAIG,iBAJH;EAEF,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,GAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,QAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAEK,gBAAA,CAAA,CAAA,CAAA,OAAA;EAgBiB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA;EAAhB,oBAAM,CAAA,CAAA,CAAA,OAAA;EAIY,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA;EAAhB,eAAM,CAAA,CAAA,CAAA,OAAA;EAIF,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,QAAA,CAAA,IAAA,CAAA,EAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAAU,aAAA,CAAA,CAAA,CAAA,OAAA;;;;;;;;kBARhB,KAAA,CAAM,UAAU;;;;oBAId,KAAA,CAAM,UAAU;;;;wBAIZ"}
+{"version":3,"file":"modal.types.d.ts","names":[],"sources":["../../src/modal/modal.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,kBAAA,GAAqB;KAErB,iBAAA,GAAoB;KAEpB,YAAA,GAAe,KAAK;KAEpB,UAAA,GAAa,cACvB;;EAPU,cAAA,CAAA,EAAA,OAAkB;EAElB;EAEA,SAAA,CAAA,EAOI,aAPQ;EAEZ;EAAa,QAAA,EAOX,YAPW;EACvB;EAIc,YAAA,CAAA,EAIG,iBAJH;EAEF;EAEK,gBAAA,CAAA,EAAA,OAAA;EAgBiB;EAAhB,oBAAM,CAAA,EAAA,OAAA;EAIY;EAAhB,eAAM,CAAA,EAAA,OAAA;EAIF;EAAU,aAAA,CAAA,EAAA,OAAA;;;;;;;;kBARhB,KAAA,CAAM,UAAU;;;;oBAId,KAAA,CAAM,UAAU;;;;wBAIZ"}

package/dist/modal/modalBackdrop.d.ts

@@ -1,12 +1,13 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import "../index.js";
-import * as styled_components400 from "styled-components";
+import * as styled_components401 from "styled-components";
 
 //#region src/modal/modalBackdrop.d.ts
-declare const ModalBackdropBase: styled_components400.StyledComponent<"div", styled_components400.DefaultTheme, SystemProps, never>;
+declare const ModalBackdropBase: styled_components401.StyledComponent<"div", styled_components401.DefaultTheme, SystemProps, never>;
 /** Displays a dark overlay underneath modal content, but on top of page content. */
 declare const ModalBackdrop: VuiComponent<"div", SystemProps>;
 //#endregion
 export { ModalBackdrop, ModalBackdropBase };
+
 //# sourceMappingURL=modalBackdrop.d.ts.map

package/dist/modal/modalBackdrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalBackdrop.d.ts","names":[],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":[],"mappings":";;;;;;cASa,mBAAiB,oBAAA,CAAA,uBAK7B,oBAAA,CAL6B,YAAA,CAAA,CAAA,WAAA,CAAA;;cAQjB,eAAa,oBAaxB,WAAA"}
+{"version":3,"file":"modalBackdrop.d.ts","names":[],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":[],"mappings":";;;;;;cASa,mBAAiB,oBAAA,CAAA,uBAK7B,oBAAA,CAL6B,YAAA,EAAA,WAAA;;cAQjB,eAAa,oBAaxB,WAAA"}

package/dist/modal/modalBackdrop.js

@@ -1,8 +1,11 @@
 import colors_default from "../theme/foundations/colors.js";
 import { HSLToRGBA, cs, parseHSL } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../theme/index.js";
+import "../core/index.js";
 import { useModalContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
@@ -17,7 +20,7 @@ const ModalBackdropBase = styled.divBox`
 `;
 /** Displays a dark overlay underneath modal content, but on top of page content. */
 const ModalBackdrop = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Modal", useModalContext());
 	return /* @__PURE__ */ jsx(ModalBackdropBase, {
 		animation: "fadeIn",
@@ -32,5 +35,5 @@ var modalBackdrop_default = ModalBackdrop;
 
 //#endregion
 export { ModalBackdrop, ModalBackdropBase, modalBackdrop_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=modalBackdrop.js.map

package/dist/modal/modalBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalBackdrop.js","names":["colors"],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { colors } from '../theme'\nimport { cs, HSLToRGBA, parseHSL } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalBackdropProps } from './modal.types'\n\nconst { h, s, l } = parseHSL(colors.sandstone[5])\nconst rgba = HSLToRGBA(h, s, l, 0.6)\n\nexport const ModalBackdropBase = styled.divBox`\n  background-color: ${rgba};\n  inset: 0;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Displays a dark overlay underneath modal content, but on top of page content. */\nexport const ModalBackdrop = vui<'div', ModalBackdropProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalBackdropBase\n      animation=\"fadeIn\"\n      className={cs('vui-modalBackdrop', className)}\n      ref={ref}\n      {...styles.backdrop}\n      {...rest}\n    />\n  )\n})\n\nModalBackdrop.displayName = 'ModalBackdrop'\n\nexport default ModalBackdrop\n"],"mappings":";;;;;;;;;AAMA,MAAM,EAAE,GAAG,GAAG,MAAM,SAASA,eAAO,UAAU,GAAG;AACjD,MAAM,OAAO,UAAU,GAAG,GAAG,GAAG,GAAI;AAEpC,MAAa,oBAAoB,OAAO,MAAM;sBACxB,KAAK;;;;;;AAO3B,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;AAEzD,QACE,oBAAC;EACC,WAAU;EACV,WAAW,GAAG,qBAAqB,UAAU;EACxC;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc;AAE5B,4BAAe"}
+{"version":3,"file":"modalBackdrop.js","names":["colors"],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { colors } from '../theme'\nimport { cs, HSLToRGBA, parseHSL } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalBackdropProps } from './modal.types'\n\nconst { h, s, l } = parseHSL(colors.sandstone[5])\nconst rgba = HSLToRGBA(h, s, l, 0.6)\n\nexport const ModalBackdropBase = styled.divBox`\n  background-color: ${rgba};\n  inset: 0;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Displays a dark overlay underneath modal content, but on top of page content. */\nexport const ModalBackdrop = vui<'div', ModalBackdropProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalBackdropBase\n      animation=\"fadeIn\"\n      className={cs('vui-modalBackdrop', className)}\n      ref={ref}\n      {...styles.backdrop}\n      {...rest}\n    />\n  )\n})\n\nModalBackdrop.displayName = 'ModalBackdrop'\n\nexport default ModalBackdrop\n"],"mappings":";;;;;;;;;;;;AAMA,MAAM,EAAE,GAAG,GAAG,MAAM,SAASA,eAAO,UAAU,GAAG;AACjD,MAAM,OAAO,UAAU,GAAG,GAAG,GAAG,GAAI;AAEpC,MAAa,oBAAoB,OAAO,MAAM;sBACxB,KAAK;;;;;;AAO3B,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;AAEzD,QACE,oBAAC;EACC,WAAU;EACV,WAAW,GAAG,qBAAqB,UAAU;EACxC;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc;AAE5B,4BAAe"}

package/dist/modal/modalContent.d.ts

@@ -1,12 +1,13 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import "../index.js";
-import * as styled_components402 from "styled-components";
+import * as styled_components403 from "styled-components";
 
 //#region src/modal/modalContent.d.ts
-declare const ModalContentBase: styled_components402.StyledComponent<"div", styled_components402.DefaultTheme, SystemProps, never>;
+declare const ModalContentBase: styled_components403.StyledComponent<"div", styled_components403.DefaultTheme, SystemProps, never>;
 /** Wraps the content provided to the Modal component. */
 declare const ModalContent: VuiComponent<"div", SystemProps>;
 //#endregion
 export { ModalContent, ModalContentBase };
+
 //# sourceMappingURL=modalContent.d.ts.map

package/dist/modal/modalContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalContent.d.ts","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKa,kBAAgB,oBAAA,CAAA,uBAK5B,oBAAA,CAL4B,YAAA,CAAA,CAAA,WAAA,CAAA;;cAQhB,cAAY,oBAevB,WAAA"}
+{"version":3,"file":"modalContent.d.ts","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKa,kBAAgB,oBAAA,CAAA,uBAK5B,oBAAA,CAL4B,YAAA,EAAA,WAAA;;cAQhB,cAAY,oBAevB,WAAA"}

package/dist/modal/modalContent.js

@@ -1,8 +1,10 @@
 import { callAll } from "../utils/function.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { useModalContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
@@ -15,7 +17,7 @@ const ModalContentBase = styled.divBox`
 `;
 /** Wraps the content provided to the Modal component. */
 const ModalContent = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const { onBackdropClick } = useModalContext() ?? {};
 	const styles = useStyleConfig("Modal", useModalContext());
 	return /* @__PURE__ */ jsx(ModalContentBase, {
@@ -32,5 +34,5 @@ var modalContent_default = ModalContent;
 
 //#endregion
 export { ModalContent, ModalContentBase, modalContent_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=modalContent.js.map

package/dist/modal/modalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalContent.js","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { callAll, cs } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalContentProps } from './modal.types'\n\nexport const ModalContentBase = styled.divBox`\n  display: flex;\n  inset: 0px;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Wraps the content provided to the Modal component. */\nexport const ModalContent = vui<'div', ModalContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onBackdropClick } = useModalContext() ?? {}\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalContentBase\n      className={cs('vui-modalContent', className)}\n      ref={ref}\n      tabIndex={-1}\n      {...styles.content}\n      {...rest}\n      onClick={callAll(props.onClick, onBackdropClick)}\n    />\n  )\n})\n\nModalContent.displayName = 'ModalContent'\n\nexport default ModalContent\n"],"mappings":";;;;;;;;;AAKA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;AAQ7C,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,oBAAoB,iBAAiB,IAAI,EAAE;CACnD,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;AAEzD,QACE,oBAAC;EACC,WAAW,GAAG,oBAAoB,UAAU;EACvC;EACL,UAAU;EACV,GAAI,OAAO;EACX,GAAI;EACJ,SAAS,QAAQ,MAAM,SAAS,gBAAgB;GAChD;EAEJ;AAEF,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"modalContent.js","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { callAll, cs } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalContentProps } from './modal.types'\n\nexport const ModalContentBase = styled.divBox`\n  display: flex;\n  inset: 0px;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Wraps the content provided to the Modal component. */\nexport const ModalContent = vui<'div', ModalContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onBackdropClick } = useModalContext() ?? {}\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalContentBase\n      className={cs('vui-modalContent', className)}\n      ref={ref}\n      tabIndex={-1}\n      {...styles.content}\n      {...rest}\n      onClick={callAll(props.onClick, onBackdropClick)}\n    />\n  )\n})\n\nModalContent.displayName = 'ModalContent'\n\nexport default ModalContent\n"],"mappings":";;;;;;;;;;;AAKA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;AAQ7C,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,oBAAoB,iBAAiB,IAAI,EAAE;CACnD,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;AAEzD,QACE,oBAAC;EACC,WAAW,GAAG,oBAAoB,UAAU;EACvC;EACL,UAAU;EACV,GAAI,OAAO;EACX,GAAI;EACJ,SAAS,QAAQ,MAAM,SAAS,gBAAgB;GAChD;EAEJ;AAEF,aAAa,cAAc;AAE3B,2BAAe"}

package/dist/modal/modalManager.d.ts

@@ -13,4 +13,5 @@ declare const manager: ModalManager;
 declare function useModalManager(ref: Ref<any>, isOpen?: boolean, disableScrollLock?: boolean): void;
 //#endregion
 export { manager, useModalManager };
+
 //# sourceMappingURL=modalManager.d.ts.map

package/dist/modal/modalManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalManager.d.ts","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":[],"mappings":";;;;cAMM,YAAA;EAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA;EAaO,GAAA,CAAA,CAAA,CAAA,KAA4B,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAArB;EAGJ,MAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,GAAe,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA;;;cAHlB,SAAO;;iBAGJ,eAAA,MAAqB"}
+{"version":3,"file":"modalManager.d.ts","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":[],"mappings":";;;;cAMM,YAAA;EAAA,MAAA,EAAA,GAAA,EAAA;EAaO,GAAA,EAAA,CAAA,KAA4B,EAAA,GAAA,EAAA,GAAA,MAArB;EAGJ,MAAA,EAAA,CAAA,KAAA,EAAA,GAAe,EAAA,GAAA,GAAA,EAAA;;;cAHlB,SAAO;;iBAGJ,eAAA,MAAqB"}

package/dist/modal/modalManager.js

@@ -1,4 +1,5 @@
 import { useBodyScrollLock } from "../core/vuiProvider/useBodyScrollLock.js";
+import "../core/index.js";
 import { useEffect } from "react";
 
 //#region src/modal/modalManager.ts
@@ -29,5 +30,5 @@ function useModalManager(ref, isOpen, disableScrollLock) {
 
 //#endregion
 export { manager, useModalManager };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=modalManager.js.map