@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/header/headerLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerLogo.js","names":[],"sources":["../../src/header/headerLogo.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport { Logo } from '../logo'\nimport type { LogoProps } from '../logo/logo.types'\nimport { useHeaderContext } from './context'\n\n/** Logo displayed in the left corner of the Header. */\nexport const HeaderLogo = vui<'div', LogoProps>((props, ref) => {\n  const { brand, children, className, src, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n\n  const styles = useStyleConfig('Header', useHeaderContext()).logo\n\n  const logoUrl = url ?? links.home\n\n  return (\n    <Logo brand={brand} className={className} ref={ref} src={src} styles={styles} url={logoUrl} {...rest}>\n      {children}\n    </Logo>\n  )\n})\n\nHeaderLogo.displayName = 'HeaderLogo'\n\nexport default HeaderLogo\n"],"mappings":";;;;;;;;AAMA,MAAa,aAAa,KAAuB,OAAO,QAAQ;CAC9D,MAAM,EAAE,OAAO,UAAU,WAAW,KAAK,KAAK,GAAG,SAAS;CAC1D,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAE1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAI5D,QACE,oBAAC;EAAY;EAAkB;EAAgB;EAAU;EAAa;EAAQ,KAHhE,OAAO,MAAM;EAGiE,GAAI;EAC7F;GACI;EAET;AAEF,WAAW,cAAc"}
+{"version":3,"file":"headerLogo.js","names":[],"sources":["../../src/header/headerLogo.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport { Logo } from '../logo'\nimport type { LogoProps } from '../logo/logo.types'\nimport { useHeaderContext } from './context'\n\n/** Logo displayed in the left corner of the Header. */\nexport const HeaderLogo = vui<'div', LogoProps>((props, ref) => {\n  const { brand, children, className, src, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n\n  const styles = useStyleConfig('Header', useHeaderContext()).logo\n\n  const logoUrl = url ?? links.home\n\n  return (\n    <Logo brand={brand} className={className} ref={ref} src={src} styles={styles} url={logoUrl} {...rest}>\n      {children}\n    </Logo>\n  )\n})\n\nHeaderLogo.displayName = 'HeaderLogo'\n\nexport default HeaderLogo\n"],"mappings":";;;;;;;;AAMA,MAAa,aAAa,KAAuB,OAAO,QAAQ;CAC9D,MAAM,EAAE,OAAO,UAAU,WAAW,KAAK,KAAK,GAAG,SAAS;CAC1D,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAE1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAI5D,QACE,oBAAC,MAAD;EAAa;EAAkB;EAAgB;EAAU;EAAa;EAAQ,KAHhE,OAAO,MAAM;EAGiE,GAAI;EAC7F;EACI;EAET;AAEF,WAAW,cAAc"}

package/dist/header/headerMainLinks.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { HeaderMainLinksProps } from "./header.types.js";
-import "../index.js";
-
 //#region src/header/headerMainLinks.d.ts
 /** List of Header Links. */
 declare const HeaderMainLinks: VuiComponent<"ul", HeaderMainLinksProps>;

package/dist/header/headerMainLinks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerMainLinks.d.ts","names":[],"sources":["../../src/header/headerMainLinks.tsx"],"mappings":";;;;;;cAQa,eAAA,EAAe,YAAA,OAAA,oBAAA"}
+{"version":3,"file":"headerMainLinks.d.ts","names":[],"sources":["../../src/header/headerMainLinks.tsx"],"mappings":";;;;cAQa,eAAA,EAAe,YAAA,OAAA,oBAAA"}

package/dist/header/headerMainLinks.js

@@ -30,5 +30,5 @@ HeaderMainLinks.displayName = "HeaderMainLinks";
 
 //#endregion
 export { HeaderMainLinks as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=headerMainLinks.js.map

package/dist/header/headerMainLinks.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerMainLinks.js","names":[],"sources":["../../src/header/headerMainLinks.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderMainLinksProps } from './header.types'\nimport HeaderLinkItem from './headerLinkItem'\n\n/** List of Header Links. */\nexport const HeaderMainLinks = vui<'ul', HeaderMainLinksProps>((props, ref) => {\n  const { children, className, links, ...rest } = props\n  const { isMobile } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const screenStyles = isMobile\n    ? {\n        flexDirection: 'column',\n        mb: 1,\n      }\n    : { h: '100%' }\n\n  return (\n    <List\n      className={cs('vui-headerMainLinks', className)}\n      display=\"flex\"\n      ref={ref}\n      {...styles.mainLinks}\n      {...screenStyles}\n      {...rest}\n    >\n      {children ?? links?.map((link, index) => <HeaderLinkItem key={index} {...link} />)}\n    </List>\n  )\n})\n\nHeaderMainLinks.displayName = 'HeaderMainLinks'\n\nexport default HeaderMainLinks\n"],"mappings":";;;;;;;;;;AAQA,MAAa,kBAAkB,KAAiC,OAAO,QAAQ;CAC7E,MAAM,EAAE,UAAU,WAAW,OAAO,GAAG,SAAS;CAChD,MAAM,EAAE,aAAa,kBAAkB,IAAI,EAAE;CAC7C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,eAAe,WACjB;EACE,eAAe;EACf,IAAI;EACL,GACD,EAAE,GAAG,QAAQ;AAEjB,QACE,oBAAC;EACC,WAAW,GAAG,uBAAuB,UAAU;EAC/C,SAAQ;EACH;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,YAAY,OAAO,KAAK,MAAM,UAAU,oBAAC,kBAA2B,GAAI,QAAX,MAAmB,CAAC;GAC7E;EAET;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"headerMainLinks.js","names":[],"sources":["../../src/header/headerMainLinks.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderMainLinksProps } from './header.types'\nimport HeaderLinkItem from './headerLinkItem'\n\n/** List of Header Links. */\nexport const HeaderMainLinks = vui<'ul', HeaderMainLinksProps>((props, ref) => {\n  const { children, className, links, ...rest } = props\n  const { isMobile } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const screenStyles = isMobile\n    ? {\n        flexDirection: 'column',\n        mb: 1,\n      }\n    : { h: '100%' }\n\n  return (\n    <List\n      className={cs('vui-headerMainLinks', className)}\n      display=\"flex\"\n      ref={ref}\n      {...styles.mainLinks}\n      {...screenStyles}\n      {...rest}\n    >\n      {children ?? links?.map((link, index) => <HeaderLinkItem key={index} {...link} />)}\n    </List>\n  )\n})\n\nHeaderMainLinks.displayName = 'HeaderMainLinks'\n\nexport default HeaderMainLinks\n"],"mappings":";;;;;;;;;;AAQA,MAAa,kBAAkB,KAAiC,OAAO,QAAQ;CAC7E,MAAM,EAAE,UAAU,WAAW,OAAO,GAAG,SAAS;CAChD,MAAM,EAAE,aAAa,kBAAkB,IAAI,EAAE;CAC7C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,eAAe,WACjB;EACE,eAAe;EACf,IAAI;EACL,GACD,EAAE,GAAG,QAAQ;AAEjB,QACE,oBAAC,MAAD;EACE,WAAW,GAAG,uBAAuB,UAAU;EAC/C,SAAQ;EACH;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,YAAY,OAAO,KAAK,MAAM,UAAU,oBAAC,gBAAD,EAA4B,GAAI,MAAQ,EAAnB,MAAmB,CAAC;EAC7E;EAET;AAEF,gBAAgB,cAAc"}

package/dist/header/headerMobileContent.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
-import "../index.js";
-
 //#region src/header/headerMobileContent.d.ts
 /** Displays part of the Header content when on a mobile screen. */
 declare const HeaderMobileContent: VuiComponent<"div", BoxProps>;

package/dist/header/headerMobileContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerMobileContent.d.ts","names":[],"sources":["../../src/header/headerMobileContent.tsx"],"mappings":";;;;;;;cAOa,mBAAA,EAAmB,YAAA,QAAA,QAAA"}
+{"version":3,"file":"headerMobileContent.d.ts","names":[],"sources":["../../src/header/headerMobileContent.tsx"],"mappings":";;;;cAOa,mBAAA,EAAmB,YAAA,QAAA,QAAA"}

package/dist/header/headerMobileContent.js

@@ -35,5 +35,5 @@ HeaderMobileContent.displayName = "HeaderMobileContent";
 
 //#endregion
 export { HeaderMobileContent as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=headerMobileContent.js.map

package/dist/header/headerMobileContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerMobileContent.js","names":[],"sources":["../../src/header/headerMobileContent.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, useUp, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Displays part of the Header content when on a mobile screen. */\nexport const HeaderMobileContent = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { isMobileOpen, mobileContentRef } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n  const isLargerThanTablet = useUp('lg')\n\n  return isMobileOpen ? (\n    <Box\n      bg=\"white\"\n      className={cs('vui-headerMobileContent', className)}\n      column\n      overflowX=\"hidden\"\n      overflowY=\"auto\"\n      position=\"absolute\"\n      ref={mergeRefs(ref, mobileContentRef)}\n      right={isLargerThanTablet ? '-40px' : '-16px'}\n      boxShadow=\"sm\"\n      top=\"calc(100% + 1px)\"\n      w={isLargerThanTablet ? 320 : 280}\n      zIndex=\"100\"\n      {...styles.mobileContent}\n      {...rest}\n    />\n  ) : null\n})\n\nHeaderMobileContent.displayName = 'HeaderMobileContent'\nexport default HeaderMobileContent\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,sBAAsB,KAAsB,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,qBAAqB,kBAAkB,IAAI,EAAE;CACnE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAC3D,MAAM,qBAAqB,MAAM,KAAK;AAEtC,QAAO,eACL,oBAAC;EACC,IAAG;EACH,WAAW,GAAG,2BAA2B,UAAU;EACnD;EACA,WAAU;EACV,WAAU;EACV,UAAS;EACT,KAAK,UAAU,KAAK,iBAAiB;EACrC,OAAO,qBAAqB,UAAU;EACtC,WAAU;EACV,KAAI;EACJ,GAAG,qBAAqB,MAAM;EAC9B,QAAO;EACP,GAAI,OAAO;EACX,GAAI;GACJ,GACA;EACJ;AAEF,oBAAoB,cAAc"}
+{"version":3,"file":"headerMobileContent.js","names":[],"sources":["../../src/header/headerMobileContent.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, useUp, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Displays part of the Header content when on a mobile screen. */\nexport const HeaderMobileContent = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { isMobileOpen, mobileContentRef } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n  const isLargerThanTablet = useUp('lg')\n\n  return isMobileOpen ? (\n    <Box\n      bg=\"white\"\n      className={cs('vui-headerMobileContent', className)}\n      column\n      overflowX=\"hidden\"\n      overflowY=\"auto\"\n      position=\"absolute\"\n      ref={mergeRefs(ref, mobileContentRef)}\n      right={isLargerThanTablet ? '-40px' : '-16px'}\n      boxShadow=\"sm\"\n      top=\"calc(100% + 1px)\"\n      w={isLargerThanTablet ? 320 : 280}\n      zIndex=\"100\"\n      {...styles.mobileContent}\n      {...rest}\n    />\n  ) : null\n})\n\nHeaderMobileContent.displayName = 'HeaderMobileContent'\nexport default HeaderMobileContent\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,sBAAsB,KAAsB,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,qBAAqB,kBAAkB,IAAI,EAAE;CACnE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAC3D,MAAM,qBAAqB,MAAM,KAAK;AAEtC,QAAO,eACL,oBAAC,KAAD;EACE,IAAG;EACH,WAAW,GAAG,2BAA2B,UAAU;EACnD;EACA,WAAU;EACV,WAAU;EACV,UAAS;EACT,KAAK,UAAU,KAAK,iBAAiB;EACrC,OAAO,qBAAqB,UAAU;EACtC,WAAU;EACV,KAAI;EACJ,GAAG,qBAAqB,MAAM;EAC9B,QAAO;EACP,GAAI,OAAO;EACX,GAAI;EACJ,IACA;EACJ;AAEF,oBAAoB,cAAc"}

package/dist/header/headerMobileToggle.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { ButtonProps } from "../button/button.types.js";
-import "../button/index.js";
-import "../index.js";
-
 //#region src/header/headerMobileToggle.d.ts
 /** Button that toggles display of the mobile content. */
 declare const HeaderMobileToggle: VuiComponent<"button", ButtonProps>;

package/dist/header/headerMobileToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerMobileToggle.d.ts","names":[],"sources":["../../src/header/headerMobileToggle.tsx"],"mappings":";;;;;;;cAQa,kBAAA,EAAkB,YAAA,WAAA,WAAA"}
+{"version":3,"file":"headerMobileToggle.d.ts","names":[],"sources":["../../src/header/headerMobileToggle.tsx"],"mappings":";;;;cAQa,kBAAA,EAAkB,YAAA,WAAA,WAAA"}

package/dist/header/headerMobileToggle.js

@@ -30,5 +30,5 @@ HeaderMobileToggle.displayName = "HeaderMobileToggle";
 
 //#endregion
 export { HeaderMobileToggle as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=headerMobileToggle.js.map

package/dist/header/headerMobileToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerMobileToggle.js","names":[],"sources":["../../src/header/headerMobileToggle.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport { IconButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, mergeRefs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Button that toggles display of the mobile content. */\nexport const HeaderMobileToggle = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { isMobileOpen, mobileToggleRef, setIsMobileOpen } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const iconName = isMobileOpen ? 'falTimes' : 'falBars'\n\n  return (\n    <IconButton\n      className={cs('vui-headerMobileToggle', className)}\n      icon={<Icon name={iconName} />}\n      ml={1}\n      onClick={() => setIsMobileOpen(s => !s)}\n      p=\"3px\"\n      ref={mergeRefs(ref, mobileToggleRef)}\n      title=\"More options\"\n      {...styles.mobileToggle}\n      {...rest}\n    />\n  )\n})\n\nHeaderMobileToggle.displayName = 'HeaderMobileToggle'\n\nexport default HeaderMobileToggle\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,qBAAqB,KAA4B,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,iBAAiB,oBAAoB,kBAAkB,IAAI,EAAE;CACnF,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,WAAW,eAAe,aAAa;AAE7C,QACE,oBAAC;EACC,WAAW,GAAG,0BAA0B,UAAU;EAClD,MAAM,oBAAC,QAAK,MAAM,WAAY;EAC9B,IAAI;EACJ,eAAe,iBAAgB,MAAK,CAAC,EAAE;EACvC,GAAE;EACF,KAAK,UAAU,KAAK,gBAAgB;EACpC,OAAM;EACN,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,mBAAmB,cAAc"}
+{"version":3,"file":"headerMobileToggle.js","names":[],"sources":["../../src/header/headerMobileToggle.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport { IconButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, mergeRefs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Button that toggles display of the mobile content. */\nexport const HeaderMobileToggle = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { isMobileOpen, mobileToggleRef, setIsMobileOpen } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const iconName = isMobileOpen ? 'falTimes' : 'falBars'\n\n  return (\n    <IconButton\n      className={cs('vui-headerMobileToggle', className)}\n      icon={<Icon name={iconName} />}\n      ml={1}\n      onClick={() => setIsMobileOpen(s => !s)}\n      p=\"3px\"\n      ref={mergeRefs(ref, mobileToggleRef)}\n      title=\"More options\"\n      {...styles.mobileToggle}\n      {...rest}\n    />\n  )\n})\n\nHeaderMobileToggle.displayName = 'HeaderMobileToggle'\n\nexport default HeaderMobileToggle\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,qBAAqB,KAA4B,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,iBAAiB,oBAAoB,kBAAkB,IAAI,EAAE;CACnF,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,WAAW,eAAe,aAAa;AAE7C,QACE,oBAAC,YAAD;EACE,WAAW,GAAG,0BAA0B,UAAU;EAClD,MAAM,oBAAC,MAAD,EAAM,MAAM,UAAY;EAC9B,IAAI;EACJ,eAAe,iBAAgB,MAAK,CAAC,EAAE;EACvC,GAAE;EACF,KAAK,UAAU,KAAK,gBAAgB;EACpC,OAAM;EACN,GAAI,OAAO;EACX,GAAI;EACJ;EAEJ;AAEF,mBAAmB,cAAc"}

package/dist/header/headerNotifications.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { HeaderNotificationsProps } from "./header.types.js";
-import "../index.js";
-
 //#region src/header/headerNotifications.d.ts
 /** Icon link to Veracity notifications engine with an optional number of new notifications. */
 declare const HeaderNotifications: VuiComponent<"a", HeaderNotificationsProps>;

package/dist/header/headerNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerNotifications.d.ts","names":[],"sources":["../../src/header/headerNotifications.tsx"],"mappings":";;;;;;cAuBa,mBAAA,EAAmB,YAAA,MAAA,wBAAA"}
+{"version":3,"file":"headerNotifications.d.ts","names":[],"sources":["../../src/header/headerNotifications.tsx"],"mappings":";;;;cAuBa,mBAAA,EAAmB,YAAA,MAAA,wBAAA"}

package/dist/header/headerNotifications.js

@@ -37,7 +37,8 @@ const HeaderNotifications = vui((props, ref) => {
 		ref,
 		size: "lg",
 		title: "Notifications",
-		variant: "tertiaryDark",
+		variant: "tertiary",
+		intent: "brand",
 		...styles.container,
 		...rest,
 		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button.Icon, { name: "uiBell" }), count > 0 && /* @__PURE__ */ jsx(Badge, {
@@ -51,5 +52,5 @@ HeaderNotifications.displayName = "HeaderNotifications";
 
 //#endregion
 export { HeaderNotifications as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=headerNotifications.js.map

package/dist/header/headerNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerNotifications.js","names":[],"sources":["../../src/header/headerNotifications.tsx"],"sourcesContent":["import Button from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderNotificationsProps } from './header.types'\n\nconst Badge = styled.spanBox`\n  align-items: center;\n  background-color: energyRed.45;\n  border-radius: round;\n  color: white;\n  display: flex;\n  font-size: 12px;\n  font-weight: medium;\n  height: 20px;\n  justify-content: center;\n  position: absolute;\n  right: 1px;\n  top: 1px;\n  min-width: 20px;\n`\n\n/** Icon link to Veracity notifications engine with an optional number of new notifications. */\nexport const HeaderNotifications = vui<'a', HeaderNotificationsProps>((props, ref) => {\n  const { children, className, count = 0, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).notifications\n\n  return (\n    <Button\n      as=\"a\"\n      className={cs('vui-headerNotifications', className)}\n      href={url ?? links.notifications}\n      minW={0}\n      position=\"relative\"\n      px=\"9px\"\n      ref={ref}\n      size=\"lg\"\n      title=\"Notifications\"\n      variant=\"tertiaryDark\"\n      {...styles.container}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          <Button.Icon name=\"uiBell\" />\n          {count > 0 && (\n            <Badge px={count < 9 ? '0' : '4px'} right={count < 9 ? 1 : 0}>\n              {count < 100 ? count : '99+'}\n            </Badge>\n          )}\n        </>\n      )}\n    </Button>\n  )\n})\n\nHeaderNotifications.displayName = 'HeaderNotifications'\n\nexport default HeaderNotifications\n"],"mappings":";;;;;;;;;AAMA,MAAM,QAAQ,OAAO,OAAO;;;;;;;;;;;;;;;;AAiB5B,MAAa,sBAAsB,KAAoC,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,WAAW,QAAQ,GAAG,KAAK,GAAG,SAAS;CACzD,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAC1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAE5D,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GAAG,2BAA2B,UAAU;EACnD,MAAM,OAAO,MAAM;EACnB,MAAM;EACN,UAAS;EACT,IAAG;EACE;EACL,MAAK;EACL,OAAM;EACN,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;YAEH,YACC,4CACE,oBAAC,OAAO,QAAK,MAAK,WAAW,EAC5B,QAAQ,KACP,oBAAC;GAAM,IAAI,QAAQ,IAAI,MAAM;GAAO,OAAO,QAAQ,IAAI,IAAI;aACxD,QAAQ,MAAM,QAAQ;IACjB,IAET;GAEE;EAEX;AAEF,oBAAoB,cAAc"}
+{"version":3,"file":"headerNotifications.js","names":[],"sources":["../../src/header/headerNotifications.tsx"],"sourcesContent":["import Button from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderNotificationsProps } from './header.types'\n\nconst Badge = styled.spanBox`\n  align-items: center;\n  background-color: energyRed.45;\n  border-radius: round;\n  color: white;\n  display: flex;\n  font-size: 12px;\n  font-weight: medium;\n  height: 20px;\n  justify-content: center;\n  position: absolute;\n  right: 1px;\n  top: 1px;\n  min-width: 20px;\n`\n\n/** Icon link to Veracity notifications engine with an optional number of new notifications. */\nexport const HeaderNotifications = vui<'a', HeaderNotificationsProps>((props, ref) => {\n  const { children, className, count = 0, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).notifications\n\n  return (\n    <Button\n      as=\"a\"\n      className={cs('vui-headerNotifications', className)}\n      href={url ?? links.notifications}\n      minW={0}\n      position=\"relative\"\n      px=\"9px\"\n      ref={ref}\n      size=\"lg\"\n      title=\"Notifications\"\n      variant=\"tertiary\"\n      intent=\"brand\"\n      {...styles.container}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          <Button.Icon name=\"uiBell\" />\n          {count > 0 && (\n            <Badge px={count < 9 ? '0' : '4px'} right={count < 9 ? 1 : 0}>\n              {count < 100 ? count : '99+'}\n            </Badge>\n          )}\n        </>\n      )}\n    </Button>\n  )\n})\n\nHeaderNotifications.displayName = 'HeaderNotifications'\n\nexport default HeaderNotifications\n"],"mappings":";;;;;;;;;AAMA,MAAM,QAAQ,OAAO,OAAO;;;;;;;;;;;;;;;;AAiB5B,MAAa,sBAAsB,KAAoC,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,WAAW,QAAQ,GAAG,KAAK,GAAG,SAAS;CACzD,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAC1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAE5D,QACE,oBAAC,QAAD;EACE,IAAG;EACH,WAAW,GAAG,2BAA2B,UAAU;EACnD,MAAM,OAAO,MAAM;EACnB,MAAM;EACN,UAAS;EACT,IAAG;EACE;EACL,MAAK;EACL,OAAM;EACN,SAAQ;EACR,QAAO;EACP,GAAI,OAAO;EACX,GAAI;YAEH,YACC,4CACE,oBAAC,OAAO,MAAR,EAAa,MAAK,UAAW,GAC5B,QAAQ,KACP,oBAAC,OAAD;GAAO,IAAI,QAAQ,IAAI,MAAM;GAAO,OAAO,QAAQ,IAAI,IAAI;aACxD,QAAQ,MAAM,QAAQ;GACjB,EAET;EAEE;EAEX;AAEF,oBAAoB,cAAc"}

package/dist/header/headerServices.js

@@ -64,5 +64,5 @@ HeaderServices.displayName = "HeaderServices";
 
 //#endregion
 export { HeaderServices as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=headerServices.js.map

package/dist/header/headerServices.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerServices.js","names":[],"sources":["../../src/header/headerServices.tsx"],"sourcesContent":["import { RenderOnScreen, useStyleConfig } from '../core'\nimport List from '../list'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\nimport type { HeaderServicesProps } from './header.types'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Supporting internal component to avoid code duplication. */\nfunction ListContent({ links = [] }: Pick<HeaderServicesProps, 'links'>) {\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  return (\n    <>\n      {links.length > 0 ? (\n        links.map(({ text, url }, index) => (\n          <Menu.Item isTruncated key={index} linkProps={{ href: url }} text={text} title={text} {...styles.item} />\n        ))\n      ) : (\n        <HeaderServicesMessage />\n      )}\n    </>\n  )\n}\n\n/** Displays a list of services available to the user. */\nexport function HeaderServices(props: HeaderServicesProps) {\n  const { buttonProps, isApplication = false, links = [], showTopBorder = false, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  const offsetX = isApplication ? 179 : 135\n\n  return (\n    <>\n      <RenderOnScreen minWidth=\"lg\">\n        <Menu isLazy={false} offset={[offsetX, 17]} placement=\"bottom-end\" size=\"lg\" {...rest}>\n          <Menu.Button\n            className=\"vui-services-trigger\"\n            icon=\"uiTh\"\n            ml={1}\n            size=\"lg\"\n            title=\"My services\"\n            {...styles.button}\n            {...buttonProps}\n          />\n\n          <Menu.List heading=\"My Services\" maxH={295} right={0} w={320} {...styles.list}>\n            <ListContent links={links} />\n          </Menu.List>\n        </Menu>\n      </RenderOnScreen>\n\n      <RenderOnScreen maxWidth=\"lg\">\n        <List\n          heading=\"My Services\"\n          {...styles.list}\n          borderTop={showTopBorder ? 1 : 0}\n          borderTopColor=\"sandstone.main\"\n          maxH={295}\n          pt={1}\n        >\n          <ListContent links={links} />\n        </List>\n      </RenderOnScreen>\n    </>\n  )\n}\n\nHeaderServices.displayName = 'HeaderServices'\n\nexport default HeaderServices\n"],"mappings":";;;;;;;;;;AAQA,SAAS,YAAY,EAAE,QAAQ,EAAE,IAAwC;CACvE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAE5D,QACE,0CACG,MAAM,SAAS,IACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAAC,KAAK;EAAK;EAAwB,WAAW,EAAE,MAAM,KAAK;EAAQ;EAAM,OAAO;EAAM,GAAI,OAAO;IAArE,MAA6E,CACzG,GAEF,oBAAC,0BAAwB,GAE1B;;;AAKP,SAAgB,eAAe,OAA4B;CACzD,MAAM,EAAE,aAAa,gBAAgB,OAAO,QAAQ,EAAE,EAAE,gBAAgB,OAAO,GAAG,SAAS;CAC3F,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAI5D,QACE,4CACE,oBAAC;EAAe,UAAS;YACvB,qBAAC;GAAK,QAAQ;GAAO,QAAQ,CALnB,gBAAgB,MAAM,KAKO,GAAG;GAAE,WAAU;GAAa,MAAK;GAAK,GAAI;cAC/E,oBAAC,KAAK;IACJ,WAAU;IACV,MAAK;IACL,IAAI;IACJ,MAAK;IACL,OAAM;IACN,GAAI,OAAO;IACX,GAAI;KACJ,EAEF,oBAAC,KAAK;IAAK,SAAQ;IAAc,MAAM;IAAK,OAAO;IAAG,GAAG;IAAK,GAAI,OAAO;cACvE,oBAAC,eAAmB,QAAS;KACnB;IACP;GACQ,EAEjB,oBAAC;EAAe,UAAS;YACvB,oBAAC;GACC,SAAQ;GACR,GAAI,OAAO;GACX,WAAW,gBAAgB,IAAI;GAC/B,gBAAe;GACf,MAAM;GACN,IAAI;aAEJ,oBAAC,eAAmB,QAAS;IACxB;GACQ,IAChB;;AAIP,eAAe,cAAc"}
+{"version":3,"file":"headerServices.js","names":[],"sources":["../../src/header/headerServices.tsx"],"sourcesContent":["import { RenderOnScreen, useStyleConfig } from '../core'\nimport List from '../list'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\nimport type { HeaderServicesProps } from './header.types'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Supporting internal component to avoid code duplication. */\nfunction ListContent({ links = [] }: Pick<HeaderServicesProps, 'links'>) {\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  return (\n    <>\n      {links.length > 0 ? (\n        links.map(({ text, url }, index) => (\n          <Menu.Item isTruncated key={index} linkProps={{ href: url }} text={text} title={text} {...styles.item} />\n        ))\n      ) : (\n        <HeaderServicesMessage />\n      )}\n    </>\n  )\n}\n\n/** Displays a list of services available to the user. */\nexport function HeaderServices(props: HeaderServicesProps) {\n  const { buttonProps, isApplication = false, links = [], showTopBorder = false, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  const offsetX = isApplication ? 179 : 135\n\n  return (\n    <>\n      <RenderOnScreen minWidth=\"lg\">\n        <Menu isLazy={false} offset={[offsetX, 17]} placement=\"bottom-end\" size=\"lg\" {...rest}>\n          <Menu.Button\n            className=\"vui-services-trigger\"\n            icon=\"uiTh\"\n            ml={1}\n            size=\"lg\"\n            title=\"My services\"\n            {...styles.button}\n            {...buttonProps}\n          />\n\n          <Menu.List heading=\"My Services\" maxH={295} right={0} w={320} {...styles.list}>\n            <ListContent links={links} />\n          </Menu.List>\n        </Menu>\n      </RenderOnScreen>\n\n      <RenderOnScreen maxWidth=\"lg\">\n        <List\n          heading=\"My Services\"\n          {...styles.list}\n          borderTop={showTopBorder ? 1 : 0}\n          borderTopColor=\"sandstone.main\"\n          maxH={295}\n          pt={1}\n        >\n          <ListContent links={links} />\n        </List>\n      </RenderOnScreen>\n    </>\n  )\n}\n\nHeaderServices.displayName = 'HeaderServices'\n\nexport default HeaderServices\n"],"mappings":";;;;;;;;;;AAQA,SAAS,YAAY,EAAE,QAAQ,EAAE,IAAwC;CACvE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAE5D,QACE,0CACG,MAAM,SAAS,IACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAAC,KAAK,MAAN;EAAW;EAAwB,WAAW,EAAE,MAAM,KAAK;EAAQ;EAAM,OAAO;EAAM,GAAI,OAAO;EAAQ,EAA7E,MAA6E,CACzG,GAEF,oBAAC,uBAAD,EAAyB,GAE1B;;;AAKP,SAAgB,eAAe,OAA4B;CACzD,MAAM,EAAE,aAAa,gBAAgB,OAAO,QAAQ,EAAE,EAAE,gBAAgB,OAAO,GAAG,SAAS;CAC3F,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAI5D,QACE,4CACE,oBAAC,gBAAD;EAAgB,UAAS;YACvB,qBAAC,MAAD;GAAM,QAAQ;GAAO,QAAQ,CALnB,gBAAgB,MAAM,KAKO,GAAG;GAAE,WAAU;GAAa,MAAK;GAAK,GAAI;aAAjF,CACE,oBAAC,KAAK,QAAN;IACE,WAAU;IACV,MAAK;IACL,IAAI;IACJ,MAAK;IACL,OAAM;IACN,GAAI,OAAO;IACX,GAAI;IACJ,GAEF,oBAAC,KAAK,MAAN;IAAW,SAAQ;IAAc,MAAM;IAAK,OAAO;IAAG,GAAG;IAAK,GAAI,OAAO;cACvE,oBAAC,aAAD,EAAoB,OAAS;IACnB,EACP;;EACQ,GAEjB,oBAAC,gBAAD;EAAgB,UAAS;YACvB,oBAAC,MAAD;GACE,SAAQ;GACR,GAAI,OAAO;GACX,WAAW,gBAAgB,IAAI;GAC/B,gBAAe;GACf,MAAM;GACN,IAAI;aAEJ,oBAAC,aAAD,EAAoB,OAAS;GACxB;EACQ,EAChB;;AAIP,eAAe,cAAc"}

package/dist/header/headerServicesMessage.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { PProps } from "../p/p.types.js";
-import "../p/index.js";
-import "../index.js";
-
 //#region src/header/headerServicesMessage.d.ts
 /** Displays a message with link to Marketplace if user has no services available. */
 declare const HeaderServicesMessage: VuiComponent<"p", PProps>;

package/dist/header/headerServicesMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerServicesMessage.d.ts","names":[],"sources":["../../src/header/headerServicesMessage.tsx"],"mappings":";;;;;;;cAQa,qBAAA,EAAqB,YAAA,MAAA,MAAA"}
+{"version":3,"file":"headerServicesMessage.d.ts","names":[],"sources":["../../src/header/headerServicesMessage.tsx"],"mappings":";;;;cAQa,qBAAA,EAAqB,YAAA,MAAA,MAAA"}

package/dist/header/headerServicesMessage.js

@@ -37,5 +37,5 @@ HeaderServicesMessage.displayName = "HeaderServicesMessage";
 
 //#endregion
 export { HeaderServicesMessage as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=headerServicesMessage.js.map

package/dist/header/headerServicesMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerServicesMessage.js","names":[],"sources":["../../src/header/headerServicesMessage.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport type { PProps } from '../p'\nimport P from '../p'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Displays a message with link to Marketplace if user has no services available. */\nexport const HeaderServicesMessage = vui<'p', PProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <P\n      className={cs('vui-headerServicesMessage', className)}\n      mb={2}\n      ml={2}\n      ref={ref}\n      {...styles.servicesMessage}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          No services available. <br />\n          Explore more on the{' '}\n          <Link href={links?.marketplace} isUnderlined>\n            marketplace\n          </Link>\n          .\n        </>\n      )}\n    </P>\n  )\n})\n\nHeaderServicesMessage.displayName = 'HeaderServicesMessage'\n\nexport default HeaderServicesMessage\n"],"mappings":";;;;;;;;;;AAQA,MAAa,wBAAwB,KAAkB,OAAO,QAAQ;CACpE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAC1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC;EACC,WAAW,GAAG,6BAA6B,UAAU;EACrD,IAAI;EACJ,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YACC;GAAE;GACuB,oBAAC,SAAK;;GACT;GACpB,oBAAC;IAAK,MAAM,OAAO;IAAa;cAAa;KAEtC;;MAEN;GAEH;EAEN;AAEF,sBAAsB,cAAc"}
+{"version":3,"file":"headerServicesMessage.js","names":[],"sources":["../../src/header/headerServicesMessage.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport type { PProps } from '../p'\nimport P from '../p'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Displays a message with link to Marketplace if user has no services available. */\nexport const HeaderServicesMessage = vui<'p', PProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <P\n      className={cs('vui-headerServicesMessage', className)}\n      mb={2}\n      ml={2}\n      ref={ref}\n      {...styles.servicesMessage}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          No services available. <br />\n          Explore more on the{' '}\n          <Link href={links?.marketplace} isUnderlined>\n            marketplace\n          </Link>\n          .\n        </>\n      )}\n    </P>\n  )\n})\n\nHeaderServicesMessage.displayName = 'HeaderServicesMessage'\n\nexport default HeaderServicesMessage\n"],"mappings":";;;;;;;;;;AAQA,MAAa,wBAAwB,KAAkB,OAAO,QAAQ;CACpE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAC1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC,GAAD;EACE,WAAW,GAAG,6BAA6B,UAAU;EACrD,IAAI;EACJ,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YACC;GAAE;GACuB,oBAAC,MAAD,EAAM;;GACT;GACpB,oBAAC,MAAD;IAAM,MAAM,OAAO;IAAa;cAAa;IAEtC;;GAEN;EAEH;EAEN;AAEF,sBAAsB,cAAc"}

package/dist/header/headerSignIn.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { HeaderSignInProps } from "./header.types.js";
-import "../index.js";
-
 //#region src/header/headerSignIn.d.ts
 /** Sign in button leading to Veracity login page. */
 declare const HeaderSignIn: VuiComponent<"button", HeaderSignInProps>;

package/dist/header/headerSignIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerSignIn.d.ts","names":[],"sources":["../../src/header/headerSignIn.tsx"],"mappings":";;;;;;cAOa,YAAA,EAAY,YAAA,WAAA,iBAAA"}
+{"version":3,"file":"headerSignIn.d.ts","names":[],"sources":["../../src/header/headerSignIn.tsx"],"mappings":";;;;cAOa,YAAA,EAAY,YAAA,WAAA,iBAAA"}

package/dist/header/headerSignIn.js

@@ -28,5 +28,5 @@ HeaderSignIn.displayName = "HeaderSignIn";
 
 //#endregion
 export { HeaderSignIn as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=headerSignIn.js.map

package/dist/header/headerSignIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerSignIn.js","names":[],"sources":["../../src/header/headerSignIn.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderSignInProps } from './header.types'\n\n/** Sign in button leading to Veracity login page. */\nexport const HeaderSignIn = vui<'button', HeaderSignInProps>((props, ref) => {\n  const { children, className, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const buttonVariant = styles?.signIn?.button?.variant ?? 'primaryDark'\n\n  return (\n    <Button\n      as=\"a\"\n      className={cs('vui-headerSignIn', className)}\n      href={url ?? links.signIn}\n      ref={ref}\n      size=\"lg\"\n      variant={buttonVariant}\n      {...styles.signIn}\n      {...rest}\n    >\n      {children ?? 'Sign in'}\n    </Button>\n  )\n})\n\nHeaderSignIn.displayName = 'HeaderSignIn'\nexport default HeaderSignIn\n"],"mappings":";;;;;;;;;AAOA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAC1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,gBAAgB,QAAQ,QAAQ,QAAQ,WAAW;AAEzD,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GAAG,oBAAoB,UAAU;EAC5C,MAAM,OAAO,MAAM;EACd;EACL,MAAK;EACL,SAAS;EACT,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;GACN;EAEX;AAEF,aAAa,cAAc"}
+{"version":3,"file":"headerSignIn.js","names":[],"sources":["../../src/header/headerSignIn.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderSignInProps } from './header.types'\n\n/** Sign in button leading to Veracity login page. */\nexport const HeaderSignIn = vui<'button', HeaderSignInProps>((props, ref) => {\n  const { children, className, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const buttonVariant = styles?.signIn?.button?.variant ?? 'primaryDark'\n\n  return (\n    <Button\n      as=\"a\"\n      className={cs('vui-headerSignIn', className)}\n      href={url ?? links.signIn}\n      ref={ref}\n      size=\"lg\"\n      variant={buttonVariant}\n      {...styles.signIn}\n      {...rest}\n    >\n      {children ?? 'Sign in'}\n    </Button>\n  )\n})\n\nHeaderSignIn.displayName = 'HeaderSignIn'\nexport default HeaderSignIn\n"],"mappings":";;;;;;;;;AAOA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAC1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,gBAAgB,QAAQ,QAAQ,QAAQ,WAAW;AAEzD,QACE,oBAAC,QAAD;EACE,IAAG;EACH,WAAW,GAAG,oBAAoB,UAAU;EAC5C,MAAM,OAAO,MAAM;EACd;EACL,MAAK;EACL,SAAS;EACT,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;EACN;EAEX;AAEF,aAAa,cAAc"}

package/dist/header/headerSupport.js

@@ -71,5 +71,5 @@ HeaderSupport.displayName = "HeaderSupport";
 
 //#endregion
 export { HeaderSupport as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=headerSupport.js.map

package/dist/header/headerSupport.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerSupport.js","names":[],"sources":["../../src/header/headerSupport.tsx"],"sourcesContent":["import { useDown, useStyleConfig } from '../core'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\nimport type { HeaderSupportProps } from './header.types'\n\n/** Supporting internal component to avoid code duplication. */\nfunction ListContent({ links = [] }: Pick<HeaderSupportProps, 'links'>) {\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  return (\n    <>\n      <Menu.Item\n        isTruncated\n        key=\"veracity-support\"\n        linkProps={{ href: 'https://support.veracity.com/' }}\n        text=\"Veracity support\"\n        title=\"Veracity support\"\n        {...styles.item}\n      />\n      <Menu.Item\n        isTruncated\n        key=\"veracity-terms\"\n        linkProps={{ href: 'https://id.veracity.com/terms-of-use' }}\n        text=\"Veracity terms\"\n        title=\"Veracity terms\"\n        {...styles.item}\n      />\n      <Menu.Item\n        isTruncated\n        key=\"privacy\"\n        linkProps={{ href: 'https://services.veracity.com/PrivacyStatement' }}\n        text=\"Privacy\"\n        title=\"Privacy\"\n        {...styles.item}\n      />\n\n      {links.length > 0 &&\n        links.map(({ text, url }, index) => (\n          <Menu.Item isTruncated key={index} linkProps={{ href: url }} text={text} title={text} {...styles.item} />\n        ))}\n    </>\n  )\n}\n\n/** Displays a list of services available to the user. */\nexport function HeaderSupport(props: HeaderSupportProps) {\n  const { links = [], ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  const isTablet = useDown('lg')\n  const offsetX = isTablet ? 162 : 135\n\n  return (\n    <>\n      <Menu isLazy={false} offset={[offsetX, 16]} placement=\"bottom-end\" size=\"lg\" {...rest}>\n        <Menu.Button\n          className=\"vui-app-info-trigger\"\n          color={styles.button.color}\n          icon=\"uiQuestionCircle\"\n          ml={1}\n          size=\"lg\"\n          title=\"Support\"\n          {...styles.button}\n        />\n\n        <Menu.List maxH={295} right={0} w={isTablet ? 280 : 320} {...styles.list}>\n          <ListContent links={links} />\n        </Menu.List>\n      </Menu>\n    </>\n  )\n}\n\nHeaderSupport.displayName = 'HeaderSupport'\n\nexport default HeaderSupport\n"],"mappings":";;;;;;;;AAMA,SAAS,YAAY,EAAE,QAAQ,EAAE,IAAuC;CACtE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAE5D,QACE;EACE,oBAAC,KAAK;GACJ;GAEA,WAAW,EAAE,MAAM,iCAAiC;GACpD,MAAK;GACL,OAAM;GACN,GAAI,OAAO;KAJP,mBAKJ;EACF,oBAAC,KAAK;GACJ;GAEA,WAAW,EAAE,MAAM,wCAAwC;GAC3D,MAAK;GACL,OAAM;GACN,GAAI,OAAO;KAJP,iBAKJ;EACF,oBAAC,KAAK;GACJ;GAEA,WAAW,EAAE,MAAM,kDAAkD;GACrE,MAAK;GACL,OAAM;GACN,GAAI,OAAO;KAJP,UAKJ;EAED,MAAM,SAAS,KACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAAC,KAAK;GAAK;GAAwB,WAAW,EAAE,MAAM,KAAK;GAAQ;GAAM,OAAO;GAAM,GAAI,OAAO;KAArE,MAA6E,CACzG;KACH;;;AAKP,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAG,SAAS;CAChC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAE5D,MAAM,WAAW,QAAQ,KAAK;AAG9B,QACE,0CACE,qBAAC;EAAK,QAAQ;EAAO,QAAQ,CAJjB,WAAW,MAAM,KAIU,GAAG;EAAE,WAAU;EAAa,MAAK;EAAK,GAAI;aAC/E,oBAAC,KAAK;GACJ,WAAU;GACV,OAAO,OAAO,OAAO;GACrB,MAAK;GACL,IAAI;GACJ,MAAK;GACL,OAAM;GACN,GAAI,OAAO;IACX,EAEF,oBAAC,KAAK;GAAK,MAAM;GAAK,OAAO;GAAG,GAAG,WAAW,MAAM;GAAK,GAAI,OAAO;aAClE,oBAAC,eAAmB,QAAS;IACnB;GACP,GACN;;AAIP,cAAc,cAAc"}
+{"version":3,"file":"headerSupport.js","names":[],"sources":["../../src/header/headerSupport.tsx"],"sourcesContent":["import { useDown, useStyleConfig } from '../core'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\nimport type { HeaderSupportProps } from './header.types'\n\n/** Supporting internal component to avoid code duplication. */\nfunction ListContent({ links = [] }: Pick<HeaderSupportProps, 'links'>) {\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  return (\n    <>\n      <Menu.Item\n        isTruncated\n        key=\"veracity-support\"\n        linkProps={{ href: 'https://support.veracity.com/' }}\n        text=\"Veracity support\"\n        title=\"Veracity support\"\n        {...styles.item}\n      />\n      <Menu.Item\n        isTruncated\n        key=\"veracity-terms\"\n        linkProps={{ href: 'https://id.veracity.com/terms-of-use' }}\n        text=\"Veracity terms\"\n        title=\"Veracity terms\"\n        {...styles.item}\n      />\n      <Menu.Item\n        isTruncated\n        key=\"privacy\"\n        linkProps={{ href: 'https://services.veracity.com/PrivacyStatement' }}\n        text=\"Privacy\"\n        title=\"Privacy\"\n        {...styles.item}\n      />\n\n      {links.length > 0 &&\n        links.map(({ text, url }, index) => (\n          <Menu.Item isTruncated key={index} linkProps={{ href: url }} text={text} title={text} {...styles.item} />\n        ))}\n    </>\n  )\n}\n\n/** Displays a list of services available to the user. */\nexport function HeaderSupport(props: HeaderSupportProps) {\n  const { links = [], ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  const isTablet = useDown('lg')\n  const offsetX = isTablet ? 162 : 135\n\n  return (\n    <>\n      <Menu isLazy={false} offset={[offsetX, 16]} placement=\"bottom-end\" size=\"lg\" {...rest}>\n        <Menu.Button\n          className=\"vui-app-info-trigger\"\n          color={styles.button.color}\n          icon=\"uiQuestionCircle\"\n          ml={1}\n          size=\"lg\"\n          title=\"Support\"\n          {...styles.button}\n        />\n\n        <Menu.List maxH={295} right={0} w={isTablet ? 280 : 320} {...styles.list}>\n          <ListContent links={links} />\n        </Menu.List>\n      </Menu>\n    </>\n  )\n}\n\nHeaderSupport.displayName = 'HeaderSupport'\n\nexport default HeaderSupport\n"],"mappings":";;;;;;;;AAMA,SAAS,YAAY,EAAE,QAAQ,EAAE,IAAuC;CACtE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAE5D,QACE;EACE,oBAAC,KAAK,MAAN;GACE;GAEA,WAAW,EAAE,MAAM,iCAAiC;GACpD,MAAK;GACL,OAAM;GACN,GAAI,OAAO;GACX,EALI,mBAKJ;EACF,oBAAC,KAAK,MAAN;GACE;GAEA,WAAW,EAAE,MAAM,wCAAwC;GAC3D,MAAK;GACL,OAAM;GACN,GAAI,OAAO;GACX,EALI,iBAKJ;EACF,oBAAC,KAAK,MAAN;GACE;GAEA,WAAW,EAAE,MAAM,kDAAkD;GACrE,MAAK;GACL,OAAM;GACN,GAAI,OAAO;GACX,EALI,UAKJ;EAED,MAAM,SAAS,KACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAAC,KAAK,MAAN;GAAW;GAAwB,WAAW,EAAE,MAAM,KAAK;GAAQ;GAAM,OAAO;GAAM,GAAI,OAAO;GAAQ,EAA7E,MAA6E,CACzG;EACH;;;AAKP,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAG,SAAS;CAChC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAE5D,MAAM,WAAW,QAAQ,KAAK;AAG9B,QACE,0CACE,qBAAC,MAAD;EAAM,QAAQ;EAAO,QAAQ,CAJjB,WAAW,MAAM,KAIU,GAAG;EAAE,WAAU;EAAa,MAAK;EAAK,GAAI;YAAjF,CACE,oBAAC,KAAK,QAAN;GACE,WAAU;GACV,OAAO,OAAO,OAAO;GACrB,MAAK;GACL,IAAI;GACJ,MAAK;GACL,OAAM;GACN,GAAI,OAAO;GACX,GAEF,oBAAC,KAAK,MAAN;GAAW,MAAM;GAAK,OAAO;GAAG,GAAG,WAAW,MAAM;GAAK,GAAI,OAAO;aAClE,oBAAC,aAAD,EAAoB,OAAS;GACnB,EACP;KACN;;AAIP,cAAc,cAAc"}

package/dist/header/helpers.d.ts

@@ -1,5 +1,4 @@
 import { Environment } from "../utils/types.js";
-import "../utils/index.js";
 import { HeaderAccountSectionData } from "./headerAccount.types.js";
 import { HeaderLinkData } from "./header.types.js";
 

package/dist/header/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","names":[],"sources":["../../src/header/helpers.ts"],"mappings":";;;;;;;iBAcgB,cAAA,CAAe,GAAA,EAAK,WAAA"}
+{"version":3,"file":"helpers.d.ts","names":[],"sources":["../../src/header/helpers.ts"],"mappings":";;;;;;iBAcgB,cAAA,CAAe,GAAA,EAAK,WAAA"}

package/dist/header/helpers.js

@@ -43,5 +43,5 @@ function useHeaderLinks(env) {
 
 //#endregion
 export { useHeaderLinks };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=helpers.js.map

package/dist/header/loggedInHeader.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { LoggedInHeaderProps } from "./header.types.js";
-import "../index.js";
-
 //#region src/header/loggedInHeader.d.ts
 /** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */
 declare const LoggedInHeader: VuiComponent<"div", LoggedInHeaderProps>;

package/dist/header/loggedInHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loggedInHeader.d.ts","names":[],"sources":["../../src/header/loggedInHeader.tsx"],"mappings":";;;;;;cAYa,cAAA,EAAc,YAAA,QAAA,mBAAA"}
+{"version":3,"file":"loggedInHeader.d.ts","names":[],"sources":["../../src/header/loggedInHeader.tsx"],"mappings":";;;;cAYa,cAAA,EAAc,YAAA,QAAA,mBAAA"}

package/dist/header/loggedInHeader.js

@@ -48,7 +48,8 @@ const LoggedInHeader = vui((props, ref) => {
 				className: cs("vui-headerSignOut"),
 				href: url,
 				size: "lg",
-				variant: "secondaryDark",
+				variant: "secondary",
+				intent: "brand",
 				children: "Sign out"
 			}) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
 				isApplication && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(RenderOnScreen, {
@@ -131,5 +132,5 @@ LoggedInHeader.displayName = "LoggedInHeader";
 
 //#endregion
 export { LoggedInHeader as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=loggedInHeader.js.map

package/dist/header/loggedInHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loggedInHeader.js","names":[],"sources":["../../src/header/loggedInHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport Button from '../button'\nimport { RenderOnScreen, useDown, useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs, isJsx } from '../utils'\nimport { useHeaderContext } from './context'\nimport Header from './header'\nimport type { HeaderLinkData, LoggedInHeaderProps } from './header.types'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */\nexport const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {\n  const {\n    account,\n    altUserInfo,\n    supportLinks,\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    isCleanLayout = false,\n    logo,\n    mainLinks,\n    services,\n    showAltUserInfo = false,\n    showMainLinks = isApplication ? false : true,\n    showServices = true,\n    notifications,\n    url,\n    ...rest\n  } = props\n\n  if (isApplication && !applicationName) console.error('Header: isApplication is true but applicationName is not set.')\n\n  const userInfo = altUserInfo ? altUserInfo : isJsx(account) ? {} : account?.userInfo || {}\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const servicesLinks: HeaderLinkData[] = isJsx(services) ? [] : services?.links || []\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n        {!isApplication && <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>}\n        <Box ml=\"auto\" />\n        {isCleanLayout ? (\n          <>\n            {!!url && (\n              <Box>\n                <Button as=\"a\" className={cs('vui-headerSignOut')} href={url} size=\"lg\" variant=\"secondaryDark\">\n                  Sign out\n                </Button>\n              </Box>\n            )}\n          </>\n        ) : (\n          <>\n            {isApplication && (\n              <>\n                <RenderOnScreen minWidth=\"lg\">\n                  {showMainLinks && mainLinks !== undefined && (\n                    <>\n                      {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                      <Header.Divider mx={1} />\n                    </>\n                  )}\n\n                  {/* the main-links are folded into the hamburger menu by default */}\n                  {!showMainLinks && mainLinks && (\n                    <>\n                      <Header.MobileToggle ml={0} />\n                      <Header.MobileContent>\n                        <>\n                          {isJsx(mainLinks) ? (\n                            mainLinks\n                          ) : (\n                            <Box column w={1}>\n                              <List py={1}>\n                                {mainLinks?.map(({ icon, url, ...rest }, index) => (\n                                  <List.Item iconLeft={icon} key={index} linkProps={{ href: url }} {...rest} />\n                                ))}\n                              </List>\n                            </Box>\n                          )}\n\n                          {!showServices && servicesLinks && (\n                            <Box column w={1}>\n                              <List\n                                className=\"vui-headerHiddenServicesLargeScreen\"\n                                heading=\"My Services\"\n                                maxH={295}\n                                right={0}\n                                w={320}\n                                {...styles.services.list}\n                                borderTop={1}\n                                borderTopColor=\"sandstone.main\"\n                                pt={1}\n                              >\n                                {servicesLinks.length > 0 ? (\n                                  servicesLinks?.map(({ url, ...rest }, index: number) => (\n                                    <List.Item key={index} linkProps={{ href: url }} {...rest} />\n                                  ))\n                                ) : (\n                                  <HeaderServicesMessage />\n                                )}\n                              </List>\n                            </Box>\n                          )}\n                        </>\n                      </Header.MobileContent>\n                    </>\n                  )}\n                  {showServices && services && (\n                    <>{isJsx(services) ? services : <Header.Services isApplication={isApplication} {...services} />}</>\n                  )}\n                </RenderOnScreen>\n\n                <Header.Support {...supportLinks} />\n              </>\n            )}\n            {!isApplication && (\n              <RenderOnScreen minWidth=\"lg\">\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n                {mainLinks !== undefined && <Header.Divider mx={1} />}\n\n                {isJsx(services) ? services : <Header.Services {...services} />}\n              </RenderOnScreen>\n            )}\n            {isJsx(notifications) ? notifications : <Header.Notifications {...notifications} />}\n            {showAltUserInfo && (\n              <>\n                <Header.Divider ml={2} />\n                <HeaderAccountUserInfo className=\"vui-altUserInfo\" color={localTextColor} isApplication {...userInfo} />\n              </>\n            )}\n            {isJsx(account) ? account : <Header.Account {...account} />}\n            <RenderOnScreen maxWidth=\"lg\">\n              {isApplication && <Header.Divider ml={1} />}\n              {!isApplication && (account !== undefined || notifications !== undefined) && <Header.Divider ml={1} />}\n\n              <Header.MobileToggle />\n\n              <Header.MobileContent>\n                {!isApplication && children}\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                {isJsx(services) ? (\n                  services\n                ) : (\n                  <Header.Services {...services} showTopBorder={mainLinks ? true : false} />\n                )}\n              </Header.MobileContent>\n            </RenderOnScreen>\n          </>\n        )}\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedInHeader.displayName = 'LoggedInHeader'\n\nexport default LoggedInHeader\n"],"mappings":"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"}
+{"version":3,"file":"loggedInHeader.js","names":[],"sources":["../../src/header/loggedInHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport Button from '../button'\nimport { RenderOnScreen, useDown, useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs, isJsx } from '../utils'\nimport { useHeaderContext } from './context'\nimport Header from './header'\nimport type { HeaderLinkData, LoggedInHeaderProps } from './header.types'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */\nexport const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {\n  const {\n    account,\n    altUserInfo,\n    supportLinks,\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    isCleanLayout = false,\n    logo,\n    mainLinks,\n    services,\n    showAltUserInfo = false,\n    showMainLinks = isApplication ? false : true,\n    showServices = true,\n    notifications,\n    url,\n    ...rest\n  } = props\n\n  if (isApplication && !applicationName) console.error('Header: isApplication is true but applicationName is not set.')\n\n  const userInfo = altUserInfo ? altUserInfo : isJsx(account) ? {} : account?.userInfo || {}\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const servicesLinks: HeaderLinkData[] = isJsx(services) ? [] : services?.links || []\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n        {!isApplication && <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>}\n        <Box ml=\"auto\" />\n        {isCleanLayout ? (\n          <>\n            {!!url && (\n              <Box>\n                <Button\n                  as=\"a\"\n                  className={cs('vui-headerSignOut')}\n                  href={url}\n                  size=\"lg\"\n                  variant=\"secondary\"\n                  intent=\"brand\"\n                >\n                  Sign out\n                </Button>\n              </Box>\n            )}\n          </>\n        ) : (\n          <>\n            {isApplication && (\n              <>\n                <RenderOnScreen minWidth=\"lg\">\n                  {showMainLinks && mainLinks !== undefined && (\n                    <>\n                      {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                      <Header.Divider mx={1} />\n                    </>\n                  )}\n\n                  {/* the main-links are folded into the hamburger menu by default */}\n                  {!showMainLinks && mainLinks && (\n                    <>\n                      <Header.MobileToggle ml={0} />\n                      <Header.MobileContent>\n                        <>\n                          {isJsx(mainLinks) ? (\n                            mainLinks\n                          ) : (\n                            <Box column w={1}>\n                              <List py={1}>\n                                {mainLinks?.map(({ icon, url, ...rest }, index) => (\n                                  <List.Item iconLeft={icon} key={index} linkProps={{ href: url }} {...rest} />\n                                ))}\n                              </List>\n                            </Box>\n                          )}\n\n                          {!showServices && servicesLinks && (\n                            <Box column w={1}>\n                              <List\n                                className=\"vui-headerHiddenServicesLargeScreen\"\n                                heading=\"My Services\"\n                                maxH={295}\n                                right={0}\n                                w={320}\n                                {...styles.services.list}\n                                borderTop={1}\n                                borderTopColor=\"sandstone.main\"\n                                pt={1}\n                              >\n                                {servicesLinks.length > 0 ? (\n                                  servicesLinks?.map(({ url, ...rest }, index: number) => (\n                                    <List.Item key={index} linkProps={{ href: url }} {...rest} />\n                                  ))\n                                ) : (\n                                  <HeaderServicesMessage />\n                                )}\n                              </List>\n                            </Box>\n                          )}\n                        </>\n                      </Header.MobileContent>\n                    </>\n                  )}\n                  {showServices && services && (\n                    <>{isJsx(services) ? services : <Header.Services isApplication={isApplication} {...services} />}</>\n                  )}\n                </RenderOnScreen>\n\n                <Header.Support {...supportLinks} />\n              </>\n            )}\n            {!isApplication && (\n              <RenderOnScreen minWidth=\"lg\">\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n                {mainLinks !== undefined && <Header.Divider mx={1} />}\n\n                {isJsx(services) ? services : <Header.Services {...services} />}\n              </RenderOnScreen>\n            )}\n            {isJsx(notifications) ? notifications : <Header.Notifications {...notifications} />}\n            {showAltUserInfo && (\n              <>\n                <Header.Divider ml={2} />\n                <HeaderAccountUserInfo className=\"vui-altUserInfo\" color={localTextColor} isApplication {...userInfo} />\n              </>\n            )}\n            {isJsx(account) ? account : <Header.Account {...account} />}\n            <RenderOnScreen maxWidth=\"lg\">\n              {isApplication && <Header.Divider ml={1} />}\n              {!isApplication && (account !== undefined || notifications !== undefined) && <Header.Divider ml={1} />}\n\n              <Header.MobileToggle />\n\n              <Header.MobileContent>\n                {!isApplication && children}\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                {isJsx(services) ? (\n                  services\n                ) : (\n                  <Header.Services {...services} showTopBorder={mainLinks ? true : false} />\n                )}\n              </Header.MobileContent>\n            </RenderOnScreen>\n          </>\n        )}\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedInHeader.displayName = 'LoggedInHeader'\n\nexport default LoggedInHeader\n"],"mappings":"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"}

package/dist/header/loggedOutHeader.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { LoggedOutHeaderProps } from "./header.types.js";
-import "../index.js";
-
 //#region src/header/loggedOutHeader.d.ts
 /** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */
 declare const LoggedOutHeader: VuiComponent<"div", LoggedOutHeaderProps>;

package/dist/header/loggedOutHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loggedOutHeader.d.ts","names":[],"sources":["../../src/header/loggedOutHeader.tsx"],"mappings":";;;;;;cAOa,eAAA,EAAe,YAAA,QAAA,oBAAA"}
+{"version":3,"file":"loggedOutHeader.d.ts","names":[],"sources":["../../src/header/loggedOutHeader.tsx"],"mappings":";;;;cAOa,eAAA,EAAe,YAAA,QAAA,oBAAA"}

package/dist/header/loggedOutHeader.js

@@ -68,5 +68,5 @@ LoggedOutHeader.displayName = "LoggedOutHeader";
 
 //#endregion
 export { LoggedOutHeader as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=loggedOutHeader.js.map

package/dist/header/loggedOutHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loggedOutHeader.js","names":[],"sources":["../../src/header/loggedOutHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport { RenderOnScreen, useDown, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport Header from './header'\nimport type { LoggedOutHeaderProps } from './header.types'\n\n/** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */\nexport const LoggedOutHeader = vui<'div', LoggedOutHeaderProps>((props, ref) => {\n  const {\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    createAccount,\n    logo,\n    mainLinks,\n    signIn,\n    ...rest\n  } = props\n\n  if (isApplication) {\n    if (!applicationName) {\n      console.error('Header: isApplication is true but applicationName is not set.')\n    }\n  }\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedOutHeader', isApplication ? 'vui-loggedOutAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n\n        <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>\n\n        <Box ml=\"auto\" />\n\n        <RenderOnScreen minWidth=\"lg\">\n          {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n          {mainLinks !== undefined && <Header.Divider ml={1} mr={3} />}\n\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n        </RenderOnScreen>\n\n        <RenderOnScreen maxWidth=\"lg\">\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          <Header.Divider ml={2} />\n\n          <Header.MobileToggle />\n\n          <Header.MobileContent>\n            {children}\n\n            {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n\n            {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n          </Header.MobileContent>\n        </RenderOnScreen>\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedOutHeader.displayName = 'LoggedOutHeader'\n\nexport default LoggedOutHeader\n"],"mappings":";;;;;;;;;;AAOA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EACJ,iBACA,gBACA,UACA,WACA,gBAAgB,OAChB,eACA,MACA,WACA,QACA,GAAG,SACD;AAEJ,KAAI,eACF;MAAI,CAAC,gBACH,SAAQ,MAAM,gEAAgE;;CAIlF,MAAM,gBAAgB,QAAQ,KAAK;CACnC,MAAM,eAAe,QAAQ,KAAK;CAElC,MAAM,iBAAiB,MAAM,YAAY,SAAS,UAAU;AAE5D,QACE,oBAAC;EACC,WAAW,GAAG,uBAAuB,gBAAgB,2BAA2B,QAAW,UAAU;EACrG,IAAI,iBAAiB,gBAAgB,SAAS;EACzC;EACL,GAAI;YAEJ,qBAAC,OAAO;IACJ,CAAC,iBAAiB,CAAC,iBAAiB,4CAAE,KAAE,MAAM,KAAK,GAAG,OAAO,oBAAC,OAAO,QAAK,GAAI,OAAQ,IAAI;GAC3F,iBACC,4CACE,oBAAC;IAAe,UAAS;cACvB,oBAAC,OAAO,WAAQ,IAAI,IAAK;KACV,EACjB,oBAAC,OAAO;IAAgB,OAAO;IAAgB,OAAO;IAAiB,KAAK;KAAkB,IAC7F;GAGL,oBAAC;IAAe,UAAS;IAAM;KAA0B;GAEzD,oBAAC,OAAI,IAAG,SAAS;GAEjB,qBAAC;IAAe,UAAS;;KACtB,MAAM,UAAU,GAAG,YAAY,oBAAC,OAAO,aAAU,OAAO,YAAa;KAErE,cAAc,UAAa,oBAAC,OAAO;MAAQ,IAAI;MAAG,IAAI;OAAK;KAE3D,MAAM,OAAO,GAAG,SAAS,oBAAC,OAAO,UAAO,GAAI,SAAU;KAEtD,MAAM,cAAc,GAAG,gBAAgB,oBAAC,OAAO,iBAAc,GAAI,gBAAiB;;KACpE;GAEjB,qBAAC;IAAe,UAAS;;KACtB,MAAM,OAAO,GAAG,SAAS,oBAAC,OAAO,UAAO,GAAI,SAAU;KAEvD,oBAAC,OAAO,WAAQ,IAAI,IAAK;KAEzB,oBAAC,OAAO,iBAAe;KAEvB,qBAAC,OAAO;MACL;MAEA,MAAM,cAAc,GAAG,gBAAgB,oBAAC,OAAO,iBAAc,GAAI,gBAAiB;MAElF,MAAM,UAAU,GAAG,YAAY,oBAAC,OAAO,aAAU,OAAO,YAAa;SACjD;;KACR;MACF;GACV;EAEX;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"loggedOutHeader.js","names":[],"sources":["../../src/header/loggedOutHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport { RenderOnScreen, useDown, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport Header from './header'\nimport type { LoggedOutHeaderProps } from './header.types'\n\n/** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */\nexport const LoggedOutHeader = vui<'div', LoggedOutHeaderProps>((props, ref) => {\n  const {\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    createAccount,\n    logo,\n    mainLinks,\n    signIn,\n    ...rest\n  } = props\n\n  if (isApplication) {\n    if (!applicationName) {\n      console.error('Header: isApplication is true but applicationName is not set.')\n    }\n  }\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedOutHeader', isApplication ? 'vui-loggedOutAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n\n        <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>\n\n        <Box ml=\"auto\" />\n\n        <RenderOnScreen minWidth=\"lg\">\n          {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n          {mainLinks !== undefined && <Header.Divider ml={1} mr={3} />}\n\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n        </RenderOnScreen>\n\n        <RenderOnScreen maxWidth=\"lg\">\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          <Header.Divider ml={2} />\n\n          <Header.MobileToggle />\n\n          <Header.MobileContent>\n            {children}\n\n            {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n\n            {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n          </Header.MobileContent>\n        </RenderOnScreen>\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedOutHeader.displayName = 'LoggedOutHeader'\n\nexport default LoggedOutHeader\n"],"mappings":";;;;;;;;;;AAOA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EACJ,iBACA,gBACA,UACA,WACA,gBAAgB,OAChB,eACA,MACA,WACA,QACA,GAAG,SACD;AAEJ,KAAI,eACF;MAAI,CAAC,gBACH,SAAQ,MAAM,gEAAgE;;CAIlF,MAAM,gBAAgB,QAAQ,KAAK;CACnC,MAAM,eAAe,QAAQ,KAAK;CAElC,MAAM,iBAAiB,MAAM,YAAY,SAAS,UAAU;AAE5D,QACE,oBAAC,QAAD;EACE,WAAW,GAAG,uBAAuB,gBAAgB,2BAA2B,QAAW,UAAU;EACrG,IAAI,iBAAiB,gBAAgB,SAAS;EACzC;EACL,GAAI;YAEJ,qBAAC,OAAO,SAAR;IACI,CAAC,iBAAiB,CAAC,iBAAiB,4CAAE,KAAE,MAAM,KAAK,GAAG,OAAO,oBAAC,OAAO,MAAR,EAAa,GAAI,MAAQ,EAAI;GAC3F,iBACC,4CACE,oBAAC,gBAAD;IAAgB,UAAS;cACvB,oBAAC,OAAO,SAAR,EAAgB,IAAI,GAAK;IACV,GACjB,oBAAC,OAAO,iBAAR;IAAwB,OAAO;IAAgB,OAAO;IAAiB,KAAK;IAAkB,EAC7F;GAGL,oBAAC,gBAAD;IAAgB,UAAS;IAAM;IAA0B;GAEzD,oBAAC,KAAD,EAAK,IAAG,QAAS;GAEjB,qBAAC,gBAAD;IAAgB,UAAS;cAAzB;KACG,MAAM,UAAU,GAAG,YAAY,oBAAC,OAAO,WAAR,EAAkB,OAAO,WAAa;KAErE,cAAc,UAAa,oBAAC,OAAO,SAAR;MAAgB,IAAI;MAAG,IAAI;MAAK;KAE3D,MAAM,OAAO,GAAG,SAAS,oBAAC,OAAO,QAAR,EAAe,GAAI,QAAU;KAEtD,MAAM,cAAc,GAAG,gBAAgB,oBAAC,OAAO,eAAR,EAAsB,GAAI,eAAiB;KACpE;;GAEjB,qBAAC,gBAAD;IAAgB,UAAS;cAAzB;KACG,MAAM,OAAO,GAAG,SAAS,oBAAC,OAAO,QAAR,EAAe,GAAI,QAAU;KAEvD,oBAAC,OAAO,SAAR,EAAgB,IAAI,GAAK;KAEzB,oBAAC,OAAO,cAAR,EAAuB;KAEvB,qBAAC,OAAO,eAAR;MACG;MAEA,MAAM,cAAc,GAAG,gBAAgB,oBAAC,OAAO,eAAR,EAAsB,GAAI,eAAiB;MAElF,MAAM,UAAU,GAAG,YAAY,oBAAC,OAAO,WAAR,EAAkB,OAAO,WAAa;MACjD;KACR;;GACF;EACV;EAEX;AAEF,gBAAgB,cAAc"}

package/dist/header/theme.js

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

package/dist/heading/heading.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { HeadingProps } from "./heading.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/heading/heading.d.ts
-declare const HeadingBase: styled_components0.StyledComponent<"h2", styled_components0.DefaultTheme, SystemProps, never>;
+declare const HeadingBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Used to define headings and titles for pages, articles, panels, etc. */
 declare const Heading: VuiComponent<"h2", HeadingProps>;
 //#endregion

package/dist/heading/heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","names":[],"sources":["../../src/heading/heading.tsx"],"mappings":";;;;;;;cAIa,WAAA,EAAW,kBAAA,CAAA,eAAA,OAGvB,kBAAA,CAHuB,YAAA,EAAA,WAAA;;cAMX,OAAA,EAAO,YAAA,OAAA,YAAA"}
+{"version":3,"file":"heading.d.ts","names":[],"sources":["../../src/heading/heading.tsx"],"mappings":";;;;;;cAIa,WAAA,EAAW,6BAAA,CAAA,oBAAA,QAGvB,kBAAA,CAHuB,QAAA;;cAMX,OAAA,EAAO,YAAA,OAAA,YAAA"}

package/dist/heading/heading.js

@@ -42,5 +42,5 @@ Heading.displayName = "Heading";
 
 //#endregion
 export { HeadingBase, Heading as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=heading.js.map

package/dist/heading/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","names":[],"sources":["../../src/heading/heading.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, useUp, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { HeadingProps } from './heading.types'\n\nexport const HeadingBase = styled.h2Box`\n  font-weight: demi;\n  transition-duration: fast;\n`\n\n/** Used to define headings and titles for pages, articles, panels, etc. */\nexport const Heading = vui<'h2', HeadingProps>((props, ref) => {\n  const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Heading', props)\n\n  const { fontSize, lineHeight, ...restStyles } = styles\n\n  const hClassName = props.size ? `vui-${props.size}` : ''\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  const isDesktop = useUp(993)\n\n  const fontSizeDesktop = fontSize?.desktop || fontSize\n  const fontSizeMobile = fontSize?.mobile || fontSize\n  const lineHeightDesktop = lineHeight?.desktop || lineHeight\n  const lineHeightMobile = lineHeight?.mobile || lineHeight\n\n  return (\n    <HeadingBase\n      className={cs('vui-heading', hClassName, className)}\n      fontSize={isDesktop ? fontSizeDesktop : fontSizeMobile}\n      lineHeight={isDesktop ? lineHeightDesktop : lineHeightMobile}\n      ref={ref}\n      {...restStyles}\n      {...aliasedProps}\n      {...rest}\n    >\n      {children ?? text}\n    </HeadingBase>\n  )\n})\n\nHeading.displayName = 'Heading'\nexport default Heading\n"],"mappings":";;;;;;;;;AAIA,MAAa,cAAc,OAAO,KAAK;;;;;AAMvC,MAAa,UAAU,KAAyB,OAAO,QAAQ;CAC7D,MAAM,EAAE,OAAO,QAAQ,UAAU,WAAW,YAAY,MAAM,QAAQ,GAAG,SAAS,iBAAiB,MAAM;CAGzG,MAAM,EAAE,UAAU,YAAY,GAAG,eAFlB,eAAe,WAAW,MAAM;CAI/C,MAAM,aAAa,MAAM,OAAO,OAAO,MAAM,SAAS;CAEtD,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;CAEF,MAAM,YAAY,MAAM,IAAI;CAE5B,MAAM,kBAAkB,UAAU,WAAW;CAC7C,MAAM,iBAAiB,UAAU,UAAU;CAC3C,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,mBAAmB,YAAY,UAAU;AAE/C,QACE,oBAAC;EACC,WAAW,GAAG,eAAe,YAAY,UAAU;EACnD,UAAU,YAAY,kBAAkB;EACxC,YAAY,YAAY,oBAAoB;EACvC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,YAAY;GACD;EAEhB;AAEF,QAAQ,cAAc"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../src/heading/heading.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, useUp, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { HeadingProps } from './heading.types'\n\nexport const HeadingBase = styled.h2Box`\n  font-weight: demi;\n  transition-duration: fast;\n`\n\n/** Used to define headings and titles for pages, articles, panels, etc. */\nexport const Heading = vui<'h2', HeadingProps>((props, ref) => {\n  const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Heading', props)\n\n  const { fontSize, lineHeight, ...restStyles } = styles\n\n  const hClassName = props.size ? `vui-${props.size}` : ''\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  const isDesktop = useUp(993)\n\n  const fontSizeDesktop = fontSize?.desktop || fontSize\n  const fontSizeMobile = fontSize?.mobile || fontSize\n  const lineHeightDesktop = lineHeight?.desktop || lineHeight\n  const lineHeightMobile = lineHeight?.mobile || lineHeight\n\n  return (\n    <HeadingBase\n      className={cs('vui-heading', hClassName, className)}\n      fontSize={isDesktop ? fontSizeDesktop : fontSizeMobile}\n      lineHeight={isDesktop ? lineHeightDesktop : lineHeightMobile}\n      ref={ref}\n      {...restStyles}\n      {...aliasedProps}\n      {...rest}\n    >\n      {children ?? text}\n    </HeadingBase>\n  )\n})\n\nHeading.displayName = 'Heading'\nexport default Heading\n"],"mappings":";;;;;;;;;AAIA,MAAa,cAAc,OAAO,KAAK;;;;;AAMvC,MAAa,UAAU,KAAyB,OAAO,QAAQ;CAC7D,MAAM,EAAE,OAAO,QAAQ,UAAU,WAAW,YAAY,MAAM,QAAQ,GAAG,SAAS,iBAAiB,MAAM;CAGzG,MAAM,EAAE,UAAU,YAAY,GAAG,eAFlB,eAAe,WAAW,MAAM;CAI/C,MAAM,aAAa,MAAM,OAAO,OAAO,MAAM,SAAS;CAEtD,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;CAEF,MAAM,YAAY,MAAM,IAAI;CAE5B,MAAM,kBAAkB,UAAU,WAAW;CAC7C,MAAM,iBAAiB,UAAU,UAAU;CAC3C,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,mBAAmB,YAAY,UAAU;AAE/C,QACE,oBAAC,aAAD;EACE,WAAW,GAAG,eAAe,YAAY,UAAU;EACnD,UAAU,YAAY,kBAAkB;EACxC,YAAY,YAAY,oBAAoB;EACvC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,YAAY;EACD;EAEhB;AAEF,QAAQ,cAAc"}

package/dist/heading/heading.types.d.ts

@@ -1,8 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { TypographyProps } from "../system/typography.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-
 //#region src/heading/heading.types.d.ts
 type HeadingProps = SystemProps & ThemingProps<'Heading'> & {
   /** Alias for textAlign prop. @deprecated */align?: TypographyProps['textAlign']; /** Alias for textTransform prop. @deprecated */

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

@@ -1 +1 @@
-{"version":3,"file":"heading.types.d.ts","names":[],"sources":["../../src/heading/heading.types.ts"],"mappings":";;;;;;KAGY,YAAA,GAAe,WAAA,GACzB,YAAA;8CAEE,KAAA,GAAQ,eAAA;EAER,MAAA,GAAS,eAAA,mBALW;EAOpB,UAAA,GAAa,eAAA,oBAPU;EASvB,IAAA,GAAO,KAAA,CAAM,SAAA,EANL;EAQR,MAAA,GAAS,eAAA;AAAA;AAAA,KAGD,WAAA"}
+{"version":3,"file":"heading.types.d.ts","names":[],"sources":["../../src/heading/heading.types.ts"],"mappings":";;;;KAGY,YAAA,GAAe,WAAA,GACzB,YAAA;8CAEE,KAAA,GAAQ,eAAA;EAER,MAAA,GAAS,eAAA,mBALD;EAOR,UAAA,GAAa,eAAA;EAEb,IAAA,GAAO,KAAA,CAAM,SAAA,EARf;EAUE,MAAA,GAAS,eAAA;AAAA;AAAA,KAGD,WAAA"}

package/dist/heading/headings.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { HeadingProps } from "./heading.types.js";
-import "../index.js";
-
 //#region src/heading/headings.d.ts
 declare const H1: VuiComponent<"h1", HeadingProps>;
 declare const H2: VuiComponent<"h2", HeadingProps>;

package/dist/heading/headings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headings.d.ts","names":[],"sources":["../../src/heading/headings.tsx"],"mappings":";;;;;cAIa,EAAA,EAAE,YAAA,OAAA,YAAA;AAAA,cACF,EAAA,EAAE,YAAA,OAAA,YAAA;AAAA,cACF,EAAA,EAAE,YAAA,OAAA,YAAA;AAAA,cACF,EAAA,EAAE,YAAA,OAAA,YAAA;AAAA,cACF,EAAA,EAAE,YAAA,OAAA,YAAA;AAAA,cACF,EAAA,EAAE,YAAA,OAAA,YAAA"}
+{"version":3,"file":"headings.d.ts","names":[],"sources":["../../src/heading/headings.tsx"],"mappings":";;;cAIa,EAAA,EAAE,YAAA,OAAA,YAAA;AAAA,cACF,EAAA,EAAE,YAAA,OAAA,YAAA;AAAA,cACF,EAAA,EAAE,YAAA,OAAA,YAAA;AAAA,cACF,EAAA,EAAE,YAAA,OAAA,YAAA;AAAA,cACF,EAAA,EAAE,YAAA,OAAA,YAAA;AAAA,cACF,EAAA,EAAE,YAAA,OAAA,YAAA"}

package/dist/heading/headings.js

@@ -36,5 +36,5 @@ const H6 = vui((props, ref) => /* @__PURE__ */ jsx(Heading, {
 
 //#endregion
 export { H1, H2, H3, H4, H5, H6 };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=headings.js.map

package/dist/heading/headings.js.map

@@ -1 +1 @@
-{"version":3,"file":"headings.js","names":[],"sources":["../../src/heading/headings.tsx"],"sourcesContent":["import { vui } from '../core'\nimport Heading from './heading'\nimport type { HeadingProps } from './heading.types'\n\nexport const H1 = vui<'h1', HeadingProps>((props, ref) => <Heading ref={ref} size=\"2xl\" {...props} />)\nexport const H2 = vui<'h2', HeadingProps>((props, ref) => <Heading ref={ref} size=\"xl\" {...props} />)\nexport const H3 = vui<'h3', HeadingProps>((props, ref) => <Heading ref={ref} size=\"lg\" {...props} />)\nexport const H4 = vui<'h4', HeadingProps>((props, ref) => <Heading ref={ref} size=\"md\" {...props} />)\nexport const H5 = vui<'h5', HeadingProps>((props, ref) => <Heading ref={ref} size=\"sm\" {...props} />)\nexport const H6 = vui<'h6', HeadingProps>((props, ref) => <Heading ref={ref} size=\"xs\" {...props} />)\n"],"mappings":";;;;;AAIA,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC;CAAa;CAAK,MAAK;CAAM,GAAI;EAAS,CAAC;AACtG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC"}
+{"version":3,"file":"headings.js","names":[],"sources":["../../src/heading/headings.tsx"],"sourcesContent":["import { vui } from '../core'\nimport Heading from './heading'\nimport type { HeadingProps } from './heading.types'\n\nexport const H1 = vui<'h1', HeadingProps>((props, ref) => <Heading ref={ref} size=\"2xl\" {...props} />)\nexport const H2 = vui<'h2', HeadingProps>((props, ref) => <Heading ref={ref} size=\"xl\" {...props} />)\nexport const H3 = vui<'h3', HeadingProps>((props, ref) => <Heading ref={ref} size=\"lg\" {...props} />)\nexport const H4 = vui<'h4', HeadingProps>((props, ref) => <Heading ref={ref} size=\"md\" {...props} />)\nexport const H5 = vui<'h5', HeadingProps>((props, ref) => <Heading ref={ref} size=\"sm\" {...props} />)\nexport const H6 = vui<'h6', HeadingProps>((props, ref) => <Heading ref={ref} size=\"xs\" {...props} />)\n"],"mappings":";;;;;AAIA,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAM,GAAI;CAAS,EAAC;AACtG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;CAAS,EAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;CAAS,EAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;CAAS,EAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;CAAS,EAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;CAAS,EAAC"}

package/dist/heading/theme.js

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

package/dist/icon/helpers.js

@@ -36,5 +36,5 @@ function getIconDetails(iconName) {
 
 //#endregion
 export { getIconDetails };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=helpers.js.map

package/dist/icon/icon.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { IconProps } from "./icon.types.js";
-import "../index.js";
-
 //#region src/icon/icon.d.ts
 /** Displays and Svg element with a given icon. Handles icon names or definition objects. */
 declare const Icon: VuiComponent<"svg", IconProps>;