@veracity/vui 3.0.0-beta.7 → 3.0.0-beta.9

package/dist/menu/menu.js

@@ -1,2 +1,36 @@
-import{filterUndefined as e}from"../utils/object.js";import t from"../popover/popover.js";import{MenuProvider as n}from"./context.js";import r from"./menuButton.js";import i from"./menuItem.js";import a from"./menuList.js";import{useMemo as o}from"react";import{jsx as s}from"react/jsx-runtime";function c(r){let{closeOnSelect:i=!0,size:a,variant:c,...l}=r,u=o(()=>e({closeOnSelect:i,size:a,variant:c}),[i,a,c]);return s(n,{value:u,children:s(t,{...l})})}c.Button=r,c.Item=i,c.List=a,c.displayName=`Menu`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { filterUndefined } from "../utils/object.js";
+import Popover from "../popover/popover.js";
+import { MenuProvider } from "./context.js";
+import menuButton_default from "./menuButton.js";
+import menuItem_default from "./menuItem.js";
+import menuList_default from "./menuList.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/menu/menu.tsx
+/** Wraps Popover component and exposes some props to the children via context. */
+function Menu(props) {
+	const { closeOnSelect = true, size, variant,...rest } = props;
+	return /* @__PURE__ */ jsx(MenuProvider, {
+		value: useMemo(() => filterUndefined({
+			closeOnSelect,
+			size,
+			variant
+		}), [
+			closeOnSelect,
+			size,
+			variant
+		]),
+		children: /* @__PURE__ */ jsx(Popover, { ...rest })
+	});
+}
+Menu.Button = menuButton_default;
+Menu.Item = menuItem_default;
+Menu.List = menuList_default;
+Menu.displayName = "Menu";
+var menu_default = Menu;
+
+//#endregion
+export { menu_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=menu.js.map

package/dist/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":["MenuButton","MenuItem","MenuList"],"sources":["../../src/menu/menu.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { Popover } from '../popover'\nimport { filterUndefined } from '../utils'\nimport { MenuProvider } from './context'\nimport type { MenuProps } from './menu.types'\nimport MenuButton from './menuButton'\nimport MenuItem from './menuItem'\nimport MenuList from './menuList'\n\n/** Wraps Popover component and exposes some props to the children via context. */\nexport function Menu(props: MenuProps) {\n  const { closeOnSelect = true, size, variant, ...rest } = props\n\n  const context = useMemo(() => filterUndefined({ closeOnSelect, size, variant }), [closeOnSelect, size, variant])\n\n  return (\n    <MenuProvider value={context}>\n      <Popover {...rest} />\n    </MenuProvider>\n  )\n}\n\nMenu.Button = MenuButton\nMenu.Item = MenuItem\nMenu.List = MenuList\nMenu.displayName = 'Menu'\n\nexport default Menu\n"],"mappings":"uSAWA,SAAgB,EAAK,EAAkB,CACrC,GAAM,CAAE,gBAAgB,GAAM,OAAM,UAAS,GAAG,GAAS,EAEnD,EAAU,MAAc,EAAgB,CAAE,gBAAe,OAAM,UAAS,CAAC,CAAE,CAAC,EAAe,EAAM,EAAQ,CAAC,CAEhH,OACE,EAAC,EAAA,CAAa,MAAO,WACnB,EAAC,EAAA,CAAQ,GAAI,EAAA,CAAQ,EACR,CAInB,EAAK,OAASA,EACd,EAAK,KAAOC,EACZ,EAAK,KAAOC,EACZ,EAAK,YAAc,OAEnB,IAAA,EAAe"}
+{"version":3,"file":"menu.js","names":["MenuButton","MenuItem","MenuList"],"sources":["../../src/menu/menu.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { Popover } from '../popover'\nimport { filterUndefined } from '../utils'\nimport { MenuProvider } from './context'\nimport type { MenuProps } from './menu.types'\nimport MenuButton from './menuButton'\nimport MenuItem from './menuItem'\nimport MenuList from './menuList'\n\n/** Wraps Popover component and exposes some props to the children via context. */\nexport function Menu(props: MenuProps) {\n  const { closeOnSelect = true, size, variant, ...rest } = props\n\n  const context = useMemo(() => filterUndefined({ closeOnSelect, size, variant }), [closeOnSelect, size, variant])\n\n  return (\n    <MenuProvider value={context}>\n      <Popover {...rest} />\n    </MenuProvider>\n  )\n}\n\nMenu.Button = MenuButton\nMenu.Item = MenuItem\nMenu.List = MenuList\nMenu.displayName = 'Menu'\n\nexport default Menu\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,KAAK,OAAkB;CACrC,MAAM,EAAE,gBAAgB,MAAM,MAAM,QAAS,GAAG,SAAS;AAIzD,QACE,oBAAC;EAAa,OAHA,cAAc,gBAAgB;GAAE;GAAe;GAAM;GAAS,CAAC,EAAE;GAAC;GAAe;GAAM;GAAQ,CAAC;YAI5G,oBAAC,WAAQ,GAAI,OAAQ;GACR;;AAInB,KAAK,SAASA;AACd,KAAK,OAAOC;AACZ,KAAK,OAAOC;AACZ,KAAK,cAAc;AAEnB,mBAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"menu.types.d.ts","names":[],"sources":["../../src/menu/menu.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAMY,aAAA,GAAgB;;EAAhB,YAAA,CAAA,EAEK,mBAFQ;EAAA;YAAG,CAAA,EAIb,SAJa,CAIH,cAJG,CAAA;;MAIH,CAAA,EAAA,MAAA;;YAIV,CAAA,EAAA,SAAA;;EAEM,OAAA,CAAA,EAAT,SAAS;AAGrB,CAAA;AAAqB,KAAT,SAAA,GAAY,YAAH,CAAA,MAAA,CAAA,GACnB,YADmB,GAAA;;eACnB,CAAA,EAAA,OAAA;CAAY"}
+{"version":3,"file":"menu.types.d.ts","names":[],"sources":["../../src/menu/menu.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAMY,aAAA,CAAA,CAAA,CAAgB;;EAAhB,YAAA,CAAA,CAAA,CAEK,mBAFQ;EAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,cAAA,CAAA,CAAA,CAAA;YAAG,CAAA,CAAA,CAIb,SAJa,CAIH,cAJG,CAAA;;MAIH,CAAA,CAAA,CAAA,MAAA;;YAIV,CAAA,CAAA,CAAA,SAAA;;EAEM,OAAA,CAAA,CAAA,CAAT,SAAS;AAGrB,CAAA;AAAqB,IAAA,CAAT,SAAA,CAAA,CAAA,CAAY,YAAH,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CACnB,YADmB,CAAA,CAAA,CAAA;;eACnB,CAAA,CAAA,CAAA,OAAA;CAAY"}

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

@@ -1 +1 @@
-{"version":3,"file":"menuButton.d.ts","names":[],"sources":["../../src/menu/menuButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,mCAAU"}
+{"version":3,"file":"menuButton.d.ts","names":[],"sources":["../../src/menu/menuButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,YAAU,uBAAA"}

package/dist/menu/menuButton.js

@@ -1,2 +1,28 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{TextButton as r}from"../button/buttons.js";import i from"../popover/popoverTrigger.js";import{useMenuContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=n((n,s)=>{let{className:c,...l}=n,u=t(`Menu`,a());return o(i,{as:r,className:e(`vui-menuButton`,c),ref:s,...u.button,...l})});s.displayName=`MenuButton`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { TextButton } from "../button/buttons.js";
+import popoverTrigger_default from "../popover/popoverTrigger.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 styles = useStyleConfig("Menu", useMenuContext());
+	return /* @__PURE__ */ jsx(popoverTrigger_default, {
+		as: TextButton,
+		className: cs("vui-menuButton", className),
+		ref,
+		...styles.button,
+		...rest
+	});
+});
+MenuButton.displayName = "MenuButton";
+var menuButton_default = MenuButton;
+
+//#endregion
+export { menuButton_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# 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":"mTAQA,MAAa,EAAa,GAA4B,EAAO,IAAQ,CACnE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,OAAQ,GAAgB,CAAC,CAEvD,OACE,EAACA,EAAAA,CACC,GAAI,EACJ,UAAW,EAAG,iBAAkB,EAAU,CACrC,MACL,GAAI,EAAO,OACX,GAAI,GACJ,EAEJ,CAEF,EAAW,YAAc,aAEzB,IAAA,EAAe"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"menuItem.d.ts","names":[],"sources":["../../src/menu/menuItem.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,6BAAQ"}
+{"version":3,"file":"menuItem.d.ts","names":[],"sources":["../../src/menu/menuItem.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,UAAQ,mBAAA"}

package/dist/menu/menuItem.js

@@ -1,2 +1,38 @@
-import{useCallbackRef as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{ListItem as i}from"../list/listItem.js";import{usePopoverContext as a}from"../popover/context.js";import{useMenuContext as o}from"./context.js";import{jsx as s}from"react/jsx-runtime";const c=r((r,c)=>{let{className:l,onClick:u,...d}=r,{instance:f}=a()??{},{closeOnSelect:p,...m}=o()??{},h=n(`Menu`,{...m,...r}),g=e(e=>{u?.(e),p&&f?.hide()});return s(i,{className:t(`vui-menuItem`,l),onClick:g,ref:c,...h.item,...d})});c.displayName=`MenuItem`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { useCallbackRef } from "../utils/react.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { ListItem } from "../list/listItem.js";
+import { usePopoverContext } from "../popover/context.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 styles = useStyleConfig("Menu", {
+		...menuProps,
+		...props
+	});
+	const onClick = useCallbackRef((e) => {
+		onClickProp?.(e);
+		closeOnSelect && instance?.hide();
+	});
+	return /* @__PURE__ */ jsx(ListItem, {
+		className: cs("vui-menuItem", className),
+		onClick,
+		ref,
+		...styles.item,
+		...rest
+	});
+});
+MenuItem.displayName = "MenuItem";
+var menuItem_default = MenuItem;
+
+//#endregion
+export { menuItem_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# 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":"iXASA,MAAa,EAAW,GAA0B,EAAO,IAAQ,CAC/D,GAAM,CAAE,YAAW,QAAS,EAAa,GAAG,GAAS,EAC/C,CAAE,YAAa,GAAmB,EAAI,EAAE,CACxC,CAAE,gBAAe,GAAG,GAAc,GAAgB,EAAI,EAAE,CACxD,EAAS,EAAe,OAAQ,CAAE,GAAG,EAAW,GAAG,EAAO,CAAC,CAE3D,EAAU,EAAgB,GAAiC,CAC/D,IAAc,EAAE,CAChB,GAAiB,GAAU,MAAM,EACjC,CAEF,OAAO,EAAC,EAAA,CAAS,UAAW,EAAG,eAAgB,EAAU,CAAW,UAAc,MAAK,GAAI,EAAO,KAAM,GAAI,GAAQ,EACpH,CAEF,EAAS,YAAc,WACvB,IAAA,EAAe"}
+{"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"}

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;EAvBZ,OAAA,EAAA,OAwBK,IAAA,CAAK,OAKtB;EAAA,OAAA,EAAA,OAJiB,IAAA,CAAK,OAItB;MANwB,EAAA,OAGV,IAAA,CAAK,IAHK;MAAnB,EAAA,OAIS,IAAA,CAAK,IAJd;MACY,EAAA,OAIH,IAAA,CAAK,IAJG"}
+{"version":3,"file":"menuList.d.ts","names":[],"sources":["../../src/menu/menuList.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUa,UAuBP,mBAAmB;EAvBZ,OAAA,CAAA,CAAA,MAAA,CAwBK,IAAA,CAAK,OAKtB;EAAA,OAAA,CAAA,CAAA,MAAA,CAJiB,IAAA,CAAK,OAItB;MANwB,CAAA,CAAA,MAAA,CAGV,IAAA,CAAK,IAHK;MAAnB,CAAA,CAAA,MAAA,CAIS,IAAA,CAAK,IAJd;MACY,CAAA,CAAA,MAAA,CAIH,IAAA,CAAK,IAJG"}

package/dist/menu/menuList.js

@@ -1,2 +1,49 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{Box as r}from"../box/box.js";import i from"../list/list.js";import a from"../popover/popoverContent.js";import{useMenuContext as o}from"./context.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=n((n,l)=>{let{className:u,contentProps:d,contentRef:f,maxH:p,slotTop:m,slotBottom:h,...g}=n,_=t(`Menu`,o());return s(a,{borderRadius:0,ref:f,...d,children:c(r,{flexDirection:`column`,children:[m,s(i,{className:e(`vui-menuList`,u),isInteractive:!0,py:1,ref:l,w:`100%`,..._.list,...g,maxH:p}),h]})})});l.Divider=i.Divider,l.Heading=i.Heading,l.Icon=i.Icon,l.Item=i.Item,l.Text=i.Text,l.displayName=`MenuList`;var u=l;export{u as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import list_default from "../list/list.js";
+import popoverContent_default from "../popover/popoverContent.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 styles = useStyleConfig("Menu", useMenuContext());
+	return /* @__PURE__ */ jsx(popoverContent_default, {
+		borderRadius: 0,
+		ref: contentRef,
+		...contentProps,
+		children: /* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			children: [
+				slotTop,
+				/* @__PURE__ */ jsx(list_default, {
+					className: cs("vui-menuList", className),
+					isInteractive: true,
+					py: 1,
+					ref,
+					w: "100%",
+					...styles.list,
+					...rest,
+					maxH
+				}),
+				slotBottom
+			]
+		})
+	});
+});
+MenuList.Divider = list_default.Divider;
+MenuList.Heading = list_default.Heading;
+MenuList.Icon = list_default.Icon;
+MenuList.Item = list_default.Item;
+MenuList.Text = list_default.Text;
+MenuList.displayName = "MenuList";
+var menuList_default = MenuList;
+
+//#endregion
+export { menuList_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# 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":"8UAUA,MAAa,EAAW,GAA0B,EAAO,IAAQ,CAC/D,GAAM,CAAE,YAAW,eAAc,aAAY,OAAM,UAAS,aAAY,GAAG,GAAS,EAE9E,EAAS,EAAe,OAAQ,GAAgB,CAAC,CAEvD,OACE,EAACA,EAAAA,CAAe,aAAc,EAAG,IAAK,EAAY,GAAI,WACpD,EAAC,EAAA,CAAI,cAAc,mBAChB,EACD,EAACC,EAAAA,CACC,UAAW,EAAG,eAAgB,EAAU,CACxC,cAAA,GACA,GAAI,EACC,MACL,EAAE,OACF,GAAI,EAAO,KACX,GAAI,EACE,QACN,CACD,IACG,EACS,EAEnB,CAQF,EAAS,QAAUA,EAAK,QACxB,EAAS,QAAUA,EAAK,QACxB,EAAS,KAAOA,EAAK,KACrB,EAAS,KAAOA,EAAK,KACrB,EAAS,KAAOA,EAAK,KAErB,EAAS,YAAc,WAEvB,IAAA,EAAe"}
+{"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"}

package/dist/menu/theme.js

@@ -1,2 +1,35 @@
-var e={baseStyle:{},defaultProps:{size:`md`},parts:[`button`,`item`,`list`],sizes:{sm:{button:{size:`sm`},list:{size:`sm`}},md:{button:{size:`md`},list:{size:`md`}},lg:{button:{size:`lg`},list:{size:`lg`}}},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//#region src/menu/theme.ts
+const baseStyle = {};
+const defaultProps = { size: "md" };
+const parts = [
+	"button",
+	"item",
+	"list"
+];
+const sizes = {
+	sm: {
+		button: { size: "sm" },
+		list: { size: "sm" }
+	},
+	md: {
+		button: { size: "md" },
+		list: { size: "md" }
+	},
+	lg: {
+		button: { size: "lg" },
+		list: { size: "lg" }
+	}
+};
+const variants = {};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=theme.js.map

package/dist/menu/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/menu/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['button', 'item', 'list']\n\nconst sizes = {\n  sm: {\n    button: {\n      size: 'sm',\n    },\n    list: {\n      size: 'sm',\n    },\n  },\n  md: {\n    button: {\n      size: 'md',\n    },\n    list: {\n      size: 'md',\n    },\n  },\n  lg: {\n    button: {\n      size: 'lg',\n    },\n    list: {\n      size: 'lg',\n    },\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAqCA,IAAA,EAAe,CACb,UAtCgB,EAAE,CAuClB,aArCmB,CACnB,KAAM,KACP,CAoCC,MAlCY,CAAC,SAAU,OAAQ,OAAO,CAmCtC,MAjCY,CACZ,GAAI,CACF,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,KAAM,KACP,CACF,CACD,GAAI,CACF,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,KAAM,KACP,CACF,CACD,GAAI,CACF,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,KAAM,KACP,CACF,CACF,CASC,SAPe,EAAE,CAQlB"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/menu/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['button', 'item', 'list']\n\nconst sizes = {\n  sm: {\n    button: {\n      size: 'sm',\n    },\n    list: {\n      size: 'sm',\n    },\n  },\n  md: {\n    button: {\n      size: 'md',\n    },\n    list: {\n      size: 'md',\n    },\n  },\n  lg: {\n    button: {\n      size: 'lg',\n    },\n    list: {\n      size: 'lg',\n    },\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,MAAM,MACP;AAED,MAAM,QAAQ;CAAC;CAAU;CAAQ;CAAO;AAExC,MAAM,QAAQ;CACZ,IAAI;EACF,QAAQ,EACN,MAAM,MACP;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACD,IAAI;EACF,QAAQ,EACN,MAAM,MACP;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACD,IAAI;EACF,QAAQ,EACN,MAAM,MACP;EACD,MAAM,EACJ,MAAM,MACP;EACF;CACF;AAED,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/message/consts.js

@@ -1,2 +1,27 @@
-const e={info:`falInfoCircle`,warning:`falExclamationTriangle`,error:`falExclamationTriangle`,success:`falCheckCircle`},t={sm:6,md:8,lg:10},n={info:`seaBlue.main`,warning:`terracotta.30`,error:`energyRed.45`,success:`landGreen.35`},r={mt:`4px`,color:`black`};export{r as avatarStyles,e as iconDictionary,n as messageColors,t as spacingDictionary};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//#region src/message/consts.ts
+const iconDictionary = {
+	info: "falInfoCircle",
+	warning: "falExclamationTriangle",
+	error: "falExclamationTriangle",
+	success: "falCheckCircle"
+};
+const spacingDictionary = {
+	sm: 6,
+	md: 8,
+	lg: 10
+};
+const messageColors = {
+	info: "seaBlue.main",
+	warning: "terracotta.30",
+	error: "energyRed.45",
+	success: "landGreen.35"
+};
+const avatarStyles = {
+	mt: "4px",
+	color: "black"
+};
+
+//#endregion
+export { avatarStyles, iconDictionary, messageColors, spacingDictionary };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=consts.js.map

package/dist/message/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/message/consts.ts"],"sourcesContent":["export const iconDictionary = {\n  info: 'falInfoCircle',\n  warning: 'falExclamationTriangle',\n  error: 'falExclamationTriangle',\n  success: 'falCheckCircle',\n}\n\nexport const spacingDictionary = {\n  sm: 6,\n  md: 8,\n  lg: 10,\n}\n\nexport const messageColors = {\n  info: 'seaBlue.main',\n  warning: 'terracotta.30',\n  error: 'energyRed.45',\n  success: 'landGreen.35',\n}\n\nexport const avatarStyles = {\n  mt: '4px',\n  color: 'black',\n}\n"],"mappings":"AAAA,MAAa,EAAiB,CAC5B,KAAM,gBACN,QAAS,yBACT,MAAO,yBACP,QAAS,iBACV,CAEY,EAAoB,CAC/B,GAAI,EACJ,GAAI,EACJ,GAAI,GACL,CAEY,EAAgB,CAC3B,KAAM,eACN,QAAS,gBACT,MAAO,eACP,QAAS,eACV,CAEY,EAAe,CAC1B,GAAI,MACJ,MAAO,QACR"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/message/consts.ts"],"sourcesContent":["export const iconDictionary = {\n  info: 'falInfoCircle',\n  warning: 'falExclamationTriangle',\n  error: 'falExclamationTriangle',\n  success: 'falCheckCircle',\n}\n\nexport const spacingDictionary = {\n  sm: 6,\n  md: 8,\n  lg: 10,\n}\n\nexport const messageColors = {\n  info: 'seaBlue.main',\n  warning: 'terracotta.30',\n  error: 'energyRed.45',\n  success: 'landGreen.35',\n}\n\nexport const avatarStyles = {\n  mt: '4px',\n  color: 'black',\n}\n"],"mappings":";AAAA,MAAa,iBAAiB;CAC5B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,oBAAoB;CAC/B,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,gBAAgB;CAC3B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,eAAe;CAC1B,IAAI;CACJ,OAAO;CACR"}

package/dist/message/message.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { MessageProps } from "./message.types.js";
-import * as styled_components20 from "styled-components";
+import * as styled_components398 from "styled-components";
 
 //#region src/message/message.d.ts
-declare const MessageBase: styled_components20.StyledComponent<"div", styled_components20.DefaultTheme, SystemProps, never>;
+declare const MessageBase: styled_components398.StyledComponent<"div", styled_components398.DefaultTheme, SystemProps, never>;
 /** Displays a simple message text. */
 declare const Message: VuiComponent<"span", MessageProps>;
 //#endregion

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,mBAAA,CAAA,uBAEvB,mBAAA,CAFuB,YAAA;;cAKX,8BAAO"}
+{"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"}

package/dist/message/message.js

@@ -1,4 +1,45 @@
-import{cs as e}from"../utils/styles.js";import{avatarStyles as t,iconDictionary as n,spacingDictionary as r}from"./consts.js";import{useStyleConfig as i}from"../core/theme.js";import{styled as a}from"../core/styled.js";import{vui as o}from"../core/vui.js";import{Box as s}from"../box/box.js";import{Icon as c}from"../icon/icon.js";import{Avatar as l}from"../avatar/avatar.js";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";const p=a.divBox`
+import { cs } from "../utils/styles.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 { Icon } from "../icon/icon.js";
+import { Avatar } from "../avatar/avatar.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/message/message.tsx
+const MessageBase = styled.divBox`
   transition-duration: fast;
-`,m=o((a,o)=>{let{avatar:m,children:h,className:g,text:_,size:v=`md`,variant:y=`info`,...b}=a,x=i(`Message`,a);return d(p,{className:e(`vui-message`,g),ref:o,...x,...b,children:f(u,{children:[m?d(l,{mr:`16px`,...m}):d(c,{mr:`${r[v]}px`,name:n[y],size:x.iconSize}),d(s,{size:x.fontSize,w:`100%`,...m?t:void 0,children:h??_})]})})});m.displayName=`Message`;var h=m;export{m as Message,p as MessageBase,h as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+`;
+/** Displays a simple message text. */
+const Message = vui((props, ref) => {
+	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),
+		ref,
+		...styles,
+		...rest,
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [avatar ? /* @__PURE__ */ jsx(Avatar, {
+			mr: "16px",
+			...avatar
+		}) : /* @__PURE__ */ jsx(Icon, {
+			mr: `${spacingDictionary[size]}px`,
+			name: iconDictionary[variant],
+			size: styles.iconSize
+		}), /* @__PURE__ */ jsx(Box, {
+			size: styles.fontSize,
+			w: "100%",
+			...avatar ? avatarStyles : void 0,
+			children: children ?? text
+		})] })
+	});
+});
+Message.displayName = "Message";
+var message_default = Message;
+
+//#endregion
+export { Message, MessageBase, message_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# 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":"wbAQA,MAAa,EAAc,EAAO,MAAM;;EAK3B,EAAU,GAA2B,EAAO,IAAQ,CAC/D,GAAM,CAAE,SAAQ,WAAU,YAAW,OAAM,OAAO,KAAM,UAAU,OAAQ,GAAG,GAAS,EAChF,EAAS,EAAe,UAAW,EAAM,CAE/C,OACE,EAAC,EAAA,CAAY,UAAW,EAAG,cAAe,EAAU,CAAO,MAAK,GAAI,EAAQ,GAAI,WAC9E,EAAA,EAAA,CAAA,SAAA,CACG,EACC,EAAC,EAAA,CAAO,GAAG,OAAO,GAAI,GAAU,CAEhC,EAAC,EAAA,CAAK,GAAI,GAAG,EAAkB,GAAM,IAAK,KAAM,EAAe,GAAU,KAAM,EAAO,UAAY,CAEpG,EAAC,EAAA,CAAI,KAAM,EAAO,SAAU,EAAE,OAAO,GAAK,EAAS,EAAe,IAAA,YAC/D,GAAY,GACT,CAAA,CAAA,CACL,EACS,EAEhB,CAEF,EAAQ,YAAc,UAEtB,IAAA,EAAe"}
+{"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"}

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,GAAe,cACzB;;EADU,IAAA,CAAA,EAGD,SAHa;EAAA;QAAG,CAAA,EAKd,WALc"}
+{"version":3,"file":"message.types.d.ts","names":[],"sources":["../../src/message/message.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAMY,YAAA,CAAA,CAAA,CAAe,cACzB;;EADU,IAAA,CAAA,CAAA,CAGD,SAHa;EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,GAAA,CAAA,MAAA,CAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;QAAG,CAAA,CAAA,CAKd,WALc"}

package/dist/message/theme.js

@@ -1,2 +1,39 @@
-import{messageColors as e}from"./consts.js";const t={display:`flex`},n={variant:`info`,size:`md`},r={sm:{iconSize:`sm`,fontSize:`sm`},md:{iconSize:`md`,fontSize:`md`},lg:{iconSize:`lg`,fontSize:`lg`}},i={info:{color:e.info},warning:{color:e.warning},error:{color:e.error},success:{color:e.success}};var a={baseStyle:t,defaultProps:n,sizes:r,variants:i};export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { messageColors } from "./consts.js";
+
+//#region src/message/theme.ts
+const baseStyle = { display: "flex" };
+const defaultProps = {
+	variant: "info",
+	size: "md"
+};
+const sizes = {
+	sm: {
+		iconSize: "sm",
+		fontSize: "sm"
+	},
+	md: {
+		iconSize: "md",
+		fontSize: "md"
+	},
+	lg: {
+		iconSize: "lg",
+		fontSize: "lg"
+	}
+};
+const variants = {
+	info: { color: messageColors.info },
+	warning: { color: messageColors.warning },
+	error: { color: messageColors.error },
+	success: { color: messageColors.success }
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=theme.js.map

package/dist/message/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/message/theme.ts"],"sourcesContent":["import { messageColors } from './consts'\n\nconst baseStyle = {\n  display: 'flex',\n}\n\nconst defaultProps = {\n  variant: 'info',\n  size: 'md',\n}\n\nconst sizes = {\n  sm: {\n    iconSize: 'sm',\n    fontSize: 'sm',\n  },\n  md: {\n    iconSize: 'md',\n    fontSize: 'md',\n  },\n  lg: {\n    iconSize: 'lg',\n    fontSize: 'lg',\n  },\n}\n\nconst variants = {\n  info: {\n    color: messageColors.info,\n  },\n  warning: {\n    color: messageColors.warning,\n  },\n  error: {\n    color: messageColors.error,\n  },\n  success: {\n    color: messageColors.success,\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"4CAEA,MAAM,EAAY,CAChB,QAAS,OACV,CAEK,EAAe,CACnB,QAAS,OACT,KAAM,KACP,CAEK,EAAQ,CACZ,GAAI,CACF,SAAU,KACV,SAAU,KACX,CACD,GAAI,CACF,SAAU,KACV,SAAU,KACX,CACD,GAAI,CACF,SAAU,KACV,SAAU,KACX,CACF,CAEK,EAAW,CACf,KAAM,CACJ,MAAO,EAAc,KACtB,CACD,QAAS,CACP,MAAO,EAAc,QACtB,CACD,MAAO,CACL,MAAO,EAAc,MACtB,CACD,QAAS,CACP,MAAO,EAAc,QACtB,CACF,CAED,IAAA,EAAe,CACb,YACA,eACA,QACA,WACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/message/theme.ts"],"sourcesContent":["import { messageColors } from './consts'\n\nconst baseStyle = {\n  display: 'flex',\n}\n\nconst defaultProps = {\n  variant: 'info',\n  size: 'md',\n}\n\nconst sizes = {\n  sm: {\n    iconSize: 'sm',\n    fontSize: 'sm',\n  },\n  md: {\n    iconSize: 'md',\n    fontSize: 'md',\n  },\n  lg: {\n    iconSize: 'lg',\n    fontSize: 'lg',\n  },\n}\n\nconst variants = {\n  info: {\n    color: messageColors.info,\n  },\n  warning: {\n    color: messageColors.warning,\n  },\n  error: {\n    color: messageColors.error,\n  },\n  success: {\n    color: messageColors.success,\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";;;AAEA,MAAM,YAAY,EAChB,SAAS,QACV;AAED,MAAM,eAAe;CACnB,SAAS;CACT,MAAM;CACP;AAED,MAAM,QAAQ;CACZ,IAAI;EACF,UAAU;EACV,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAM,WAAW;CACf,MAAM,EACJ,OAAO,cAAc,MACtB;CACD,SAAS,EACP,OAAO,cAAc,SACtB;CACD,OAAO,EACL,OAAO,cAAc,OACtB;CACD,SAAS,EACP,OAAO,cAAc,SACtB;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/modal/context.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,eAAa,OAAA,CAAA,SAAA,eAAE,uBAAe"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,eAAa,QAAA,CAAA,SAAA,eAAE,uBAAe"}

package/dist/modal/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as ModalProvider,n as useModalContext};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { createContext } from "../utils/react.js";
+
+//#region src/modal/context.ts
+const [ModalProvider, useModalContext] = createContext({ isOptional: true });
+
+//#endregion
+export { ModalProvider, useModalContext };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# 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":"kDAGA,KAAM,CAAC,EAAe,GAAmB,EAA4B,CAAE,WAAY,GAAM,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/modal.d.ts.map

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

package/dist/modal/modal.js

@@ -1,2 +1,92 @@
-import{callAll as e}from"../utils/function.js";import{mergeRefs as t}from"../utils/react.js";import{cs as n}from"../utils/styles.js";import{vui as r}from"../core/vui.js";import i from"../portal/portal.js";import a from"../box/box.js";import{ModalProvider as o}from"./context.js";import s from"../focusLock/focusLock.js";import c from"./modalBackdrop.js";import l from"./modalContent.js";import{manager as u,useModalManager as d}from"./modalManager.js";import{cloneElement as f,useRef as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g=r((r,g)=>{let{allowPinchZoom:_,animation:v=`fadeDown`,children:y,className:b,contentProps:x,disableAutoFocus:S,disableBackdropClose:C,disableEscClose:w,disablePortal:T,disableReturnFocus:E,disableScrollLock:D,disableTrapFocus:O,finalFocusRef:k,hideBackdrop:A,initialFocusRef:j,isOpen:M,onBackdropClick:N,onClose:P,onEsc:F,preserveScrollBar:I,size:L,variant:R,...z}=r,B=p(null),V=p(null);if(d(B,M,D),!M)return null;let H=e=>{e.stopPropagation(),V.current===e.target&&u.isTopModal(B)&&(C||(P?.(),N?.(e)))},U=e=>{e.key===`Escape`&&(e.stopPropagation(),!w&&P?.(),F?.())},W=e=>V.current=e.target,G={onClick:e=>{e.stopPropagation(),y?.props?.onClick?.(e)},tabIndex:y?.props?.tabIndex??-1};return m(o,{value:{isOpen:M,onBackdropClick:H,onClose:P,size:L,variant:R},children:m(i,{disablePortal:T,children:h(a,{className:n(`vui-modal`,b),ref:t(g,B),...z,onKeyDown:e(r.onKeyDown,U),onMouseDown:e(r.onMouseDown,W),children:[!A&&m(c,{}),m(s,{autoFocus:!S,finalFocusRef:k,initialFocusRef:j,isDisabled:O,returnFocus:!E,children:m(l,{animation:v,...x,children:f(y,G)})})]})})})});g.Backdrop=c,g.Content=l,g.displayName=`Modal`;var _=g;export{_ as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { callAll } from "../utils/function.js";
+import { mergeRefs } from "../utils/react.js";
+import { cs } from "../utils/styles.js";
+import { vui } from "../core/vui.js";
+import portal_default from "../portal/portal.js";
+import box_default from "../box/box.js";
+import { ModalProvider } from "./context.js";
+import focusLock_default from "../focusLock/focusLock.js";
+import modalBackdrop_default from "./modalBackdrop.js";
+import modalContent_default from "./modalContent.js";
+import { manager, useModalManager } from "./modalManager.js";
+import { cloneElement, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modal/modal.tsx
+/**
+* Displays provided content on top of a dark backdrop element with fixed position.
+* By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.
+* Uses focus and scroll lock to achieve proper accessibility.
+* 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 modalRef = useRef(null);
+	const mouseDownTarget = useRef(null);
+	useModalManager(modalRef, isOpen, disableScrollLock);
+	if (!isOpen) return null;
+	const onBackdropClick = (e) => {
+		e.stopPropagation();
+		if (mouseDownTarget.current !== e.target) return;
+		if (!manager.isTopModal(modalRef)) return;
+		if (!disableBackdropClose) {
+			onClose?.();
+			onBackdropClickProp?.(e);
+		}
+	};
+	const onKeyDown = (e) => {
+		if (e.key === "Escape") {
+			e.stopPropagation();
+			!disableEscClose && onClose?.();
+			onEsc?.();
+		}
+	};
+	const onMouseDown = (e) => mouseDownTarget.current = e.target;
+	const childProps = {
+		onClick: (e) => {
+			e.stopPropagation();
+			children?.props?.onClick?.(e);
+		},
+		tabIndex: children?.props?.tabIndex ?? -1
+	};
+	return /* @__PURE__ */ jsx(ModalProvider, {
+		value: {
+			isOpen,
+			onBackdropClick,
+			onClose,
+			size,
+			variant
+		},
+		children: /* @__PURE__ */ jsx(portal_default, {
+			disablePortal,
+			children: /* @__PURE__ */ jsxs(box_default, {
+				className: cs("vui-modal", className),
+				ref: mergeRefs(ref, modalRef),
+				...rest,
+				onKeyDown: callAll(props.onKeyDown, onKeyDown),
+				onMouseDown: callAll(props.onMouseDown, onMouseDown),
+				children: [!hideBackdrop && /* @__PURE__ */ jsx(modalBackdrop_default, {}), /* @__PURE__ */ jsx(focusLock_default, {
+					autoFocus: !disableAutoFocus,
+					finalFocusRef,
+					initialFocusRef,
+					isDisabled: disableTrapFocus,
+					returnFocus: !disableReturnFocus,
+					children: /* @__PURE__ */ jsx(modalContent_default, {
+						animation,
+						...contentProps,
+						children: cloneElement(children, childProps)
+					})
+				})]
+			})
+		})
+	});
+});
+Modal.Backdrop = modalBackdrop_default;
+Modal.Content = modalContent_default;
+Modal.displayName = "Modal";
+var modal_default = Modal;
+
+//#endregion
+export { modal_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=modal.js.map