@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/list/theme.js

@@ -1,2 +1,104 @@
-var e={baseStyle:{item:{color:`sandstone.10`,activeBg:`skyBlue.95`,hoverBg:`skyBlue.90`,selectedBg:`skyBlue.95`,px:2},heading:{color:`sandstone.45`}},defaultProps:{size:`lg`,button:{size:`sm`},variant:`default`},parts:[`container`,`divider`,`heading`,`icon`,`item`,`text`,`button`],sizes:{sm:{icon:{size:`xs`},button:{size:`sm`},item:{fontSize:12,h:24},heading:{fontSize:12}},md:{icon:{size:`xs`},button:{size:`sm`},item:{fontSize:14,h:32},heading:{fontSize:14}},lg:{icon:{size:`sm`},button:{size:`sm`},item:{fontSize:16,h:40},heading:{fontSize:16}},xl:{icon:{size:`md`},button:{size:`md`},item:{fontSize:18,h:48},heading:{fontSize:18}},xxl:{icon:{size:`md`},button:{size:`md`},item:{fontSize:18,h:56},heading:{fontSize:18}}},variants:{default:{},ordered:{container:{as:`ol`,listStyleType:`decimal`,pl:3},item:{display:`list-item`}},unordered:{container:{as:`ul`,listStyleType:`disc`,pl:3},item:{display:`list-item`}},blue:{heading:{color:`darkBlue.main`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/list/theme.ts
+const baseStyle = {
+	item: {
+		color: "sandstone.10",
+		activeBg: "skyBlue.95",
+		hoverBg: "skyBlue.90",
+		selectedBg: "skyBlue.95",
+		px: 2
+	},
+	heading: { color: "sandstone.45" }
+};
+const defaultProps = {
+	size: "lg",
+	button: { size: "sm" },
+	variant: "default"
+};
+const parts = [
+	"container",
+	"divider",
+	"heading",
+	"icon",
+	"item",
+	"text",
+	"button"
+];
+const sizes = {
+	sm: {
+		icon: { size: "xs" },
+		button: { size: "sm" },
+		item: {
+			fontSize: 12,
+			h: 24
+		},
+		heading: { fontSize: 12 }
+	},
+	md: {
+		icon: { size: "xs" },
+		button: { size: "sm" },
+		item: {
+			fontSize: 14,
+			h: 32
+		},
+		heading: { fontSize: 14 }
+	},
+	lg: {
+		icon: { size: "sm" },
+		button: { size: "sm" },
+		item: {
+			fontSize: 16,
+			h: 40
+		},
+		heading: { fontSize: 16 }
+	},
+	xl: {
+		icon: { size: "md" },
+		button: { size: "md" },
+		item: {
+			fontSize: 18,
+			h: 48
+		},
+		heading: { fontSize: 18 }
+	},
+	xxl: {
+		icon: { size: "md" },
+		button: { size: "md" },
+		item: {
+			fontSize: 18,
+			h: 56
+		},
+		heading: { fontSize: 18 }
+	}
+};
+const variants = {
+	default: {},
+	ordered: {
+		container: {
+			as: "ol",
+			listStyleType: "decimal",
+			pl: 3
+		},
+		item: { display: "list-item" }
+	},
+	unordered: {
+		container: {
+			as: "ul",
+			listStyleType: "disc",
+			pl: 3
+		},
+		item: { display: "list-item" }
+	},
+	blue: { heading: { color: "darkBlue.main" } }
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/list/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/list/theme.ts"],"sourcesContent":["const baseStyle = {\n  item: {\n    color: 'sandstone.10',\n    activeBg: 'skyBlue.95',\n    hoverBg: 'skyBlue.90',\n    selectedBg: 'skyBlue.95',\n    px: 2,\n  },\n  heading: {\n    color: 'sandstone.45',\n  },\n}\n\nconst defaultProps = {\n  size: 'lg',\n  button: {\n    size: 'sm',\n  },\n  variant: 'default',\n}\n\nconst parts = ['container', 'divider', 'heading', 'icon', 'item', 'text', 'button']\n\nconst sizes = {\n  sm: {\n    icon: {\n      size: 'xs',\n    },\n    button: {\n      size: 'sm',\n    },\n    item: {\n      fontSize: 12,\n      h: 24,\n    },\n    heading: {\n      fontSize: 12,\n    },\n  },\n  md: {\n    icon: {\n      size: 'xs',\n    },\n    button: {\n      size: 'sm',\n    },\n    item: {\n      fontSize: 14,\n      h: 32,\n    },\n    heading: {\n      fontSize: 14,\n    },\n  },\n  lg: {\n    icon: {\n      size: 'sm',\n    },\n    button: {\n      size: 'sm',\n    },\n    item: {\n      fontSize: 16,\n      h: 40,\n    },\n    heading: {\n      fontSize: 16,\n    },\n  },\n  xl: {\n    icon: {\n      size: 'md',\n    },\n    button: {\n      size: 'md',\n    },\n    item: {\n      fontSize: 18,\n      h: 48,\n    },\n    heading: {\n      fontSize: 18,\n    },\n  },\n  xxl: {\n    icon: {\n      size: 'md',\n    },\n    button: {\n      size: 'md',\n    },\n    item: {\n      fontSize: 18,\n      h: 56,\n    },\n    heading: {\n      fontSize: 18,\n    },\n  },\n}\n\nconst variants = {\n  default: {},\n  ordered: {\n    container: {\n      as: 'ol',\n      listStyleType: 'decimal',\n      pl: 3,\n    },\n    item: {\n      display: 'list-item',\n    },\n  },\n  unordered: {\n    container: {\n      as: 'ul',\n      listStyleType: 'disc',\n      pl: 3,\n    },\n    item: {\n      display: 'list-item',\n    },\n  },\n  // internal; variant *blue* was introduced for the *header* component\n  blue: {\n    heading: {\n      color: 'darkBlue.main',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAmIA,IAAA,EAAe,CACb,UApIgB,CAChB,KAAM,CACJ,MAAO,eACP,SAAU,aACV,QAAS,aACT,WAAY,aACZ,GAAI,EACL,CACD,QAAS,CACP,MAAO,eACR,CACF,CA0HC,aAxHmB,CACnB,KAAM,KACN,OAAQ,CACN,KAAM,KACP,CACD,QAAS,UACV,CAmHC,MAjHY,CAAC,YAAa,UAAW,UAAW,OAAQ,OAAQ,OAAQ,SAAS,CAkHjF,MAhHY,CACZ,GAAI,CACF,KAAM,CACJ,KAAM,KACP,CACD,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,SAAU,GACV,EAAG,GACJ,CACD,QAAS,CACP,SAAU,GACX,CACF,CACD,GAAI,CACF,KAAM,CACJ,KAAM,KACP,CACD,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,SAAU,GACV,EAAG,GACJ,CACD,QAAS,CACP,SAAU,GACX,CACF,CACD,GAAI,CACF,KAAM,CACJ,KAAM,KACP,CACD,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,SAAU,GACV,EAAG,GACJ,CACD,QAAS,CACP,SAAU,GACX,CACF,CACD,GAAI,CACF,KAAM,CACJ,KAAM,KACP,CACD,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,SAAU,GACV,EAAG,GACJ,CACD,QAAS,CACP,SAAU,GACX,CACF,CACD,IAAK,CACH,KAAM,CACJ,KAAM,KACP,CACD,OAAQ,CACN,KAAM,KACP,CACD,KAAM,CACJ,SAAU,GACV,EAAG,GACJ,CACD,QAAS,CACP,SAAU,GACX,CACF,CACF,CAqCC,SAnCe,CACf,QAAS,EAAE,CACX,QAAS,CACP,UAAW,CACT,GAAI,KACJ,cAAe,UACf,GAAI,EACL,CACD,KAAM,CACJ,QAAS,YACV,CACF,CACD,UAAW,CACT,UAAW,CACT,GAAI,KACJ,cAAe,OACf,GAAI,EACL,CACD,KAAM,CACJ,QAAS,YACV,CACF,CAED,KAAM,CACJ,QAAS,CACP,MAAO,gBACR,CACF,CACF,CAQA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/list/theme.ts"],"sourcesContent":["const baseStyle = {\n  item: {\n    color: 'sandstone.10',\n    activeBg: 'skyBlue.95',\n    hoverBg: 'skyBlue.90',\n    selectedBg: 'skyBlue.95',\n    px: 2,\n  },\n  heading: {\n    color: 'sandstone.45',\n  },\n}\n\nconst defaultProps = {\n  size: 'lg',\n  button: {\n    size: 'sm',\n  },\n  variant: 'default',\n}\n\nconst parts = ['container', 'divider', 'heading', 'icon', 'item', 'text', 'button']\n\nconst sizes = {\n  sm: {\n    icon: {\n      size: 'xs',\n    },\n    button: {\n      size: 'sm',\n    },\n    item: {\n      fontSize: 12,\n      h: 24,\n    },\n    heading: {\n      fontSize: 12,\n    },\n  },\n  md: {\n    icon: {\n      size: 'xs',\n    },\n    button: {\n      size: 'sm',\n    },\n    item: {\n      fontSize: 14,\n      h: 32,\n    },\n    heading: {\n      fontSize: 14,\n    },\n  },\n  lg: {\n    icon: {\n      size: 'sm',\n    },\n    button: {\n      size: 'sm',\n    },\n    item: {\n      fontSize: 16,\n      h: 40,\n    },\n    heading: {\n      fontSize: 16,\n    },\n  },\n  xl: {\n    icon: {\n      size: 'md',\n    },\n    button: {\n      size: 'md',\n    },\n    item: {\n      fontSize: 18,\n      h: 48,\n    },\n    heading: {\n      fontSize: 18,\n    },\n  },\n  xxl: {\n    icon: {\n      size: 'md',\n    },\n    button: {\n      size: 'md',\n    },\n    item: {\n      fontSize: 18,\n      h: 56,\n    },\n    heading: {\n      fontSize: 18,\n    },\n  },\n}\n\nconst variants = {\n  default: {},\n  ordered: {\n    container: {\n      as: 'ol',\n      listStyleType: 'decimal',\n      pl: 3,\n    },\n    item: {\n      display: 'list-item',\n    },\n  },\n  unordered: {\n    container: {\n      as: 'ul',\n      listStyleType: 'disc',\n      pl: 3,\n    },\n    item: {\n      display: 'list-item',\n    },\n  },\n  // internal; variant *blue* was introduced for the *header* component\n  blue: {\n    heading: {\n      color: 'darkBlue.main',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY;CAChB,MAAM;EACJ,OAAO;EACP,UAAU;EACV,SAAS;EACT,YAAY;EACZ,IAAI;EACL;CACD,SAAS,EACP,OAAO,gBACR;CACF;AAED,MAAM,eAAe;CACnB,MAAM;CACN,QAAQ,EACN,MAAM,MACP;CACD,SAAS;CACV;AAED,MAAM,QAAQ;CAAC;CAAa;CAAW;CAAW;CAAQ;CAAQ;CAAQ;CAAS;AAEnF,MAAM,QAAQ;CACZ,IAAI;EACF,MAAM,EACJ,MAAM,MACP;EACD,QAAQ,EACN,MAAM,MACP;EACD,MAAM;GACJ,UAAU;GACV,GAAG;GACJ;EACD,SAAS,EACP,UAAU,IACX;EACF;CACD,IAAI;EACF,MAAM,EACJ,MAAM,MACP;EACD,QAAQ,EACN,MAAM,MACP;EACD,MAAM;GACJ,UAAU;GACV,GAAG;GACJ;EACD,SAAS,EACP,UAAU,IACX;EACF;CACD,IAAI;EACF,MAAM,EACJ,MAAM,MACP;EACD,QAAQ,EACN,MAAM,MACP;EACD,MAAM;GACJ,UAAU;GACV,GAAG;GACJ;EACD,SAAS,EACP,UAAU,IACX;EACF;CACD,IAAI;EACF,MAAM,EACJ,MAAM,MACP;EACD,QAAQ,EACN,MAAM,MACP;EACD,MAAM;GACJ,UAAU;GACV,GAAG;GACJ;EACD,SAAS,EACP,UAAU,IACX;EACF;CACD,KAAK;EACH,MAAM,EACJ,MAAM,MACP;EACD,QAAQ,EACN,MAAM,MACP;EACD,MAAM;GACJ,UAAU;GACV,GAAG;GACJ;EACD,SAAS,EACP,UAAU,IACX;EACF;CACF;AAED,MAAM,WAAW;CACf,SAAS,EAAE;CACX,SAAS;EACP,WAAW;GACT,IAAI;GACJ,eAAe;GACf,IAAI;GACL;EACD,MAAM,EACJ,SAAS,aACV;EACF;CACD,WAAW;EACT,WAAW;GACT,IAAI;GACJ,eAAe;GACf,IAAI;GACL;EACD,MAAM,EACJ,SAAS,aACV;EACF;CAED,MAAM,EACJ,SAAS,EACP,OAAO,iBACR,EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/logo/Logo.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { LogoProps } from "./logo.types.js";
+import "../index.js";
 
 //#region src/logo/Logo.d.ts
 /** Brand logo. */

package/dist/logo/Logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","names":[],"sources":["../../src/logo/Logo.tsx"],"sourcesContent":[],"mappings":";;;;;cAaa,MAAI,oBAAA"}
+{"version":3,"file":"Logo.d.ts","names":[],"sources":["../../src/logo/Logo.tsx"],"sourcesContent":[],"mappings":";;;;;;cAaa,MAAI,oBAAA"}

package/dist/logo/Logo.js

@@ -1,2 +1,52 @@
-import{cdnUrl as e}from"../core/consts.js";import{cs as t}from"../utils/styles.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import i from"../svg/svg.js";import{jsx as a}from"react/jsx-runtime";const o=`${e}/common/icons/logos/veracity-logo.svg`,s=`${e}/common/icons/logos/dnv-logo.svg`,c=n((e,n)=>{let{brand:c,children:l,className:u,src:d,styles:f,url:p,w:m,...h}=e,g=d,_=m;g||(g=c===`dnv`?s:o,_=c===`dnv`?93.66:115);let v=p?{as:`a`,href:p,outline:`none`,focusRing:2}:{};return a(r,{centerV:!0,className:t(`vui-logo`,u),flexShrink:0,h:40,mr:2,ref:n,w:_,...f?.container,...v,...h,children:l??a(i,{"aria-label":`logo`,h:`100%`,src:g,...f?.svg})})});c.displayName=`Logo`;export{c as Logo};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cdnUrl } from "../core/consts.js";
+import { cs } from "../utils/styles.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import svg_default from "../svg/svg.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/logo/Logo.tsx
+const veracityLogo = `${cdnUrl}/common/icons/logos/veracity-logo.svg`;
+const dnvLogo = `${cdnUrl}/common/icons/logos/dnv-logo.svg`;
+const veracityLogoWidth = 115;
+const dnvLogoWidth = 93.66;
+/** Brand logo. */
+const Logo = vui((props, ref) => {
+	const { brand, children, className, src, styles, url, w,...rest } = props;
+	let svgSrc = src;
+	let width = w;
+	if (!svgSrc) {
+		svgSrc = brand === "dnv" ? dnvLogo : veracityLogo;
+		width = brand === "dnv" ? dnvLogoWidth : veracityLogoWidth;
+	}
+	const linkProps = url ? {
+		as: "a",
+		href: url,
+		outline: "none",
+		focusRing: 2
+	} : {};
+	return /* @__PURE__ */ jsx(box_default, {
+		centerV: true,
+		className: cs("vui-logo", className),
+		flexShrink: 0,
+		h: 40,
+		mr: 2,
+		ref,
+		w: width,
+		...styles?.container,
+		...linkProps,
+		...rest,
+		children: children ?? /* @__PURE__ */ jsx(svg_default, {
+			"aria-label": "logo",
+			h: "100%",
+			src: svgSrc,
+			...styles?.svg
+		})
+	});
+});
+Logo.displayName = "Logo";
+
+//#endregion
+export { Logo };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=Logo.js.map

package/dist/logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","names":["Box","Svg"],"sources":["../../src/logo/Logo.tsx"],"sourcesContent":["import Box from '../box'\nimport { cdnUrl, vui } from '../core'\nimport type { SvgProps } from '../svg'\nimport Svg from '../svg'\nimport { cs } from '../utils'\nimport type { LogoProps } from './logo.types'\n\nconst veracityLogo = `${cdnUrl}/common/icons/logos/veracity-logo.svg`\nconst dnvLogo = `${cdnUrl}/common/icons/logos/dnv-logo.svg`\nconst veracityLogoWidth = 115\nconst dnvLogoWidth = 93.66\n\n/** Brand logo. */\nexport const Logo = vui<'div', LogoProps>((props, ref) => {\n  const { brand, children, className, src, styles, url, w, ...rest } = props\n\n  let svgSrc = src\n  let width = w\n\n  if (!svgSrc) {\n    svgSrc = brand === 'dnv' ? dnvLogo : veracityLogo\n    width = brand === 'dnv' ? dnvLogoWidth : veracityLogoWidth\n  }\n\n  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {}\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-logo', className)}\n      flexShrink={0}\n      h={40}\n      mr={2}\n      ref={ref}\n      w={width}\n      {...styles?.container}\n      {...linkProps}\n      {...rest}\n    >\n      {children ?? <Svg aria-label=\"logo\" h=\"100%\" src={svgSrc} {...(styles?.svg as unknown as SvgProps)} />}\n    </Box>\n  )\n})\n\nLogo.displayName = 'Logo'\n\nexport default Logo\n"],"mappings":"0NAOA,MAAM,EAAe,GAAG,EAAO,uCACzB,EAAU,GAAG,EAAO,kCAKb,EAAO,GAAuB,EAAO,IAAQ,CACxD,GAAM,CAAE,QAAO,WAAU,YAAW,MAAK,SAAQ,MAAK,IAAG,GAAG,GAAS,EAEjE,EAAS,EACT,EAAQ,EAEP,IACH,EAAS,IAAU,MAAQ,EAAU,EACrC,EAAQ,IAAU,MAAQ,MAAe,KAG3C,IAAM,EAAY,EAAM,CAAE,GAAI,IAAK,KAAM,EAAK,QAAS,OAAQ,UAAW,EAAG,CAAG,EAAE,CAElF,OACE,EAACA,EAAAA,CACC,QAAA,GACA,UAAW,EAAG,WAAY,EAAU,CACpC,WAAY,EACZ,EAAG,GACH,GAAI,EACC,MACL,EAAG,EACH,GAAI,GAAQ,UACZ,GAAI,EACJ,GAAI,WAEH,GAAY,EAACC,EAAAA,CAAI,aAAW,OAAO,EAAE,OAAO,IAAK,EAAQ,GAAK,GAAQ,KAA+B,EAClG,EAER,CAEF,EAAK,YAAc"}
+{"version":3,"file":"Logo.js","names":["Box","Svg"],"sources":["../../src/logo/Logo.tsx"],"sourcesContent":["import Box from '../box'\nimport { cdnUrl, vui } from '../core'\nimport type { SvgProps } from '../svg'\nimport Svg from '../svg'\nimport { cs } from '../utils'\nimport type { LogoProps } from './logo.types'\n\nconst veracityLogo = `${cdnUrl}/common/icons/logos/veracity-logo.svg`\nconst dnvLogo = `${cdnUrl}/common/icons/logos/dnv-logo.svg`\nconst veracityLogoWidth = 115\nconst dnvLogoWidth = 93.66\n\n/** Brand logo. */\nexport const Logo = vui<'div', LogoProps>((props, ref) => {\n  const { brand, children, className, src, styles, url, w, ...rest } = props\n\n  let svgSrc = src\n  let width = w\n\n  if (!svgSrc) {\n    svgSrc = brand === 'dnv' ? dnvLogo : veracityLogo\n    width = brand === 'dnv' ? dnvLogoWidth : veracityLogoWidth\n  }\n\n  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {}\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-logo', className)}\n      flexShrink={0}\n      h={40}\n      mr={2}\n      ref={ref}\n      w={width}\n      {...styles?.container}\n      {...linkProps}\n      {...rest}\n    >\n      {children ?? <Svg aria-label=\"logo\" h=\"100%\" src={svgSrc} {...(styles?.svg as unknown as SvgProps)} />}\n    </Box>\n  )\n})\n\nLogo.displayName = 'Logo'\n\nexport default Logo\n"],"mappings":";;;;;;;;AAOA,MAAM,eAAe,GAAG,OAAO;AAC/B,MAAM,UAAU,GAAG,OAAO;AAC1B,MAAM,oBAAoB;AAC1B,MAAM,eAAe;;AAGrB,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,OAAO,UAAU,WAAW,KAAK,QAAQ,KAAK,EAAG,GAAG,SAAS;CAErE,IAAI,SAAS;CACb,IAAI,QAAQ;AAEZ,KAAI,CAAC,QAAQ;AACX,WAAS,UAAU,QAAQ,UAAU;AACrC,UAAQ,UAAU,QAAQ,eAAe;;CAG3C,MAAM,YAAY,MAAM;EAAE,IAAI;EAAK,MAAM;EAAK,SAAS;EAAQ,WAAW;EAAG,GAAG,EAAE;AAElF,QACE,oBAACA;EACC;EACA,WAAW,GAAG,YAAY,UAAU;EACpC,YAAY;EACZ,GAAG;EACH,IAAI;EACC;EACL,GAAG;EACH,GAAI,QAAQ;EACZ,GAAI;EACJ,GAAI;YAEH,YAAY,oBAACC;GAAI,cAAW;GAAO,GAAE;GAAO,KAAK;GAAQ,GAAK,QAAQ;IAA+B;GAClG;EAER;AAEF,KAAK,cAAc"}

package/dist/logo/index.d.ts

@@ -0,0 +1 @@
+import { Logo } from "./Logo.js";

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

@@ -1 +1 @@
-{"version":3,"file":"logo.types.d.ts","names":[],"sources":["../../src/logo/logo.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,QAAA,CAAA,CAAA;;EAAA,KAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA;EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA;KAOK,CAAA,CAAA,CAAA,MAAA;;EAAwB,GAAA,CAAA,CAAA,CAAA,MAAA;EAGrC,MAAA,CAAA,CAAA,CAAA;IAAS,SAAA,CAAA,CAAA,CAHI,QAGJ;IAAG,GAAA,CAAA,CAAA,CAHiB,QAGjB;;CAAmB;KAA/B,SAAA,CAAA,CAAA,CAAY,WAAW"}
+{"version":3,"file":"logo.types.d.ts","names":[],"sources":["../../src/logo/logo.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,QAAA,CAAA,CAAA;;EAAA,KAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,GAAA,CAOK;EAGb,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA;;;;;gBAHa;UAAgB;;;KAG7B,SAAA,CAAA,CAAA,CAAY,WAAW"}

package/dist/menu/context.d.ts

@@ -1,8 +1,9 @@
 import { Dict } from "../utils/types.js";
-import * as react955 from "react";
+import "../utils/index.js";
+import * as react948 from "react";
 
 //#region src/menu/context.d.ts
-declare const MenuProvider: react955.Provider<Dict>, useMenuContext: () => Dict;
+declare const MenuProvider: react948.Provider<Dict>, useMenuContext: () => Dict;
 //#endregion
 export { MenuProvider, useMenuContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/menu/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,cAAY,QAAA,CAAA,SAAA,OAAE,sBAAc"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/menu/context.ts"],"sourcesContent":[],"mappings":";;;;;cAGO,cAAY,QAAA,CAAA,SAAA,OAAE,sBAAc"}

package/dist/menu/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as MenuProvider,n as useMenuContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/menu/context.ts
+const [MenuProvider, useMenuContext] = createContext({ isOptional: true });
+
+//#endregion
+export { MenuProvider, useMenuContext };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=context.js.map

package/dist/menu/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/menu/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [MenuProvider, useMenuContext] = createContext<Dict>({ isOptional: true })\n\nexport { MenuProvider, useMenuContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAc,GAAkB,EAAoB,CAAE,WAAY,GAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/menu/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [MenuProvider, useMenuContext] = createContext<Dict>({ isOptional: true })\n\nexport { MenuProvider, useMenuContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,cAAc,kBAAkB,cAAoB,EAAE,YAAY,MAAM,CAAC"}

package/dist/menu/index.d.ts

@@ -0,0 +1,6 @@
+import { MenuProvider, useMenuContext } from "./context.js";
+import { MenuListProps, MenuProps } from "./menu.types.js";
+import { Menu } from "./menu.js";
+import { MenuButton } from "./menuButton.js";
+import { MenuItem } from "./menuItem.js";
+import { MenuList } from "./menuList.js";

package/dist/menu/menu.d.ts

@@ -5,11 +5,12 @@ import { VuiComponent } from "../core/vui.js";
 import { ListItemProps } from "../list/list.types.js";
 import { DividerProps } from "../divider/divider.types.js";
 import { MenuListProps, MenuProps } from "./menu.types.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import "../index.js";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/menu/menu.d.ts
 /** Wraps Popover component and exposes some props to the children via context. */
-declare function Menu(props: MenuProps): react_jsx_runtime13.JSX.Element;
+declare function Menu(props: MenuProps): react_jsx_runtime6.JSX.Element;
 declare namespace Menu {
   var Button: VuiComponent<"button", ButtonProps>;
   var Item: VuiComponent<"li", ListItemProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","names":[],"sources":["../../src/menu/menu.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;iBAWgB,IAAA,QAAY,YAAS,mBAAA,CAAA,GAAA,CAAA;kBAArB,IAAA;qCAAI,WAAA;;;;;;IAAJ,IAAI,CAAA,aAAA,CAAA,CAAA,EAAA,CAAA,CAAA,eAAA;IAAA,IAAA,CAAA,aAAA,CAAA,CAAA,IAAA,CAAA,CAAA,QAAA;;MAAiB,WAAA,CAAA,CAAA,MAAA"}
+{"version":3,"file":"menu.d.ts","names":[],"sources":["../../src/menu/menu.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;iBAWgB,IAAA,QAAY,YAAS,kBAAA,CAAA,GAAA,CAAA;kBAArB,IAAA;qCAAI,WAAA;;;;;;;IAAJ,IAAI,CAAA,aAAiB,CAAA,CAAA,IAAA,CAAA,CAAA,QAAA;EAArB,CAAA;EAAI,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA"}

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;return s(n,{value:o(()=>e({closeOnSelect:i,size:a,variant:c}),[i,a,c]),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.8`;
+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"
 //# 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,EAIzD,OACE,EAAC,EAAA,CAAa,MAHA,MAAc,EAAgB,CAAE,gBAAe,OAAM,UAAS,CAAC,CAAE,CAAC,EAAe,EAAM,EAAQ,CAAC,UAI5G,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

@@ -1,6 +1,8 @@
 import { ThemingProps } from "../theme/types.js";
 import { ListProps } from "../list/list.types.js";
+import "../list/index.js";
 import { PopoverContentProps, PopoverProps } from "../popover/popover.types.js";
+import "../popover/index.js";
 import { ReactNode, RefObject } from "react";
 
 //#region src/menu/menu.types.d.ts

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,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"}
+{"version":3,"file":"menu.types.d.ts","names":[],"sources":["../../src/menu/menu.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,aAAA,CAAA,CAAA,CAAgB;;iBAEX;;EAFL,UAAA,CAAA,CAAA,CAIG,SAJU,CAIA,cAJA,CAAA;EAAG,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAEX,IAAA,CAAA,CAAA,CAAA,MAAA;EAEQ,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;EAAV,UAAA,CAAA,CAAA,CAIA,SAJA;EAIA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;EAEH,OAAA,CAAA,CAAA,CAAA,SAAA;CAAS;AAGT,IAAA,CAAA,SAAA,CAAA,CAAA,CAAY,YAAA,CAAA,CAAA,IAAA,CACtB,CAAA,CAAA,CAAA,CAAA,YAAY,CAAA,CAAA,CAAA"}

package/dist/menu/menuButton.d.ts

@@ -1,5 +1,7 @@
 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
 /** Displays PopoverTrigger as a button. */

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

@@ -1 +1 @@
-{"version":3,"file":"menuButton.d.ts","names":[],"sources":["../../src/menu/menuButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,YAAU,uBAAA"}
+{"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.8`;
+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"
 //# 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

@@ -1,5 +1,7 @@
 import { VuiComponent } from "../core/vui.js";
 import { ListItemProps } from "../list/list.types.js";
+import "../list/index.js";
+import "../index.js";
 
 //#region src/menu/menuItem.d.ts
 /** Displays a list item and by default closes the menu on click. */

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

@@ -1 +1 @@
-{"version":3,"file":"menuItem.d.ts","names":[],"sources":["../../src/menu/menuItem.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,UAAQ,mBAAA"}
+{"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.8`;
+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"
 //# 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

@@ -1,5 +1,7 @@
 import { VuiComponent } from "../core/vui.js";
+import "../core/index.js";
 import { List } from "../list/list.js";
+import "../list/index.js";
 import { MenuListProps } from "./menu.types.js";
 
 //#region src/menu/menuList.d.ts

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

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.8`;
+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"
 //# 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.8`;
+//#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"
 //# 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"}