@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

package/dist/header/headerMobileToggle.js

@@ -30,5 +30,5 @@ HeaderMobileToggle.displayName = "HeaderMobileToggle";
 
 //#endregion
 export { HeaderMobileToggle as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,iBAAiB,KAAK,CAAC;CAClF,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,WAAW,eAAe,aAAa;CAE7C,OACE,oBAAC,YAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EACjD,MAAM,oBAAC,MAAD,EAAM,MAAM,SAAW;EAC7B,IAAI;EACJ,eAAe,iBAAgB,MAAK,CAAC,CAAC;EACtC,GAAE;EACF,KAAK,UAAU,KAAK,eAAe;EACnC,OAAM;EACN,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"headerMobileToggle.js","names":[],"sources":["../../src/header/headerMobileToggle.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\n\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":";;;;;;;;;;;AASA,MAAa,qBAAqB,KAA4B,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,iBAAiB,oBAAoB,iBAAiB,KAAK,CAAC;CAClF,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,WAAW,eAAe,aAAa;CAE7C,OACE,oBAAC,YAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EACjD,MAAM,oBAAC,MAAD,EAAM,MAAM,SAAW;EAC7B,IAAI;EACJ,eAAe,iBAAgB,MAAK,CAAC,CAAC;EACtC,GAAE;EACF,KAAK,UAAU,KAAK,eAAe;EACnC,OAAM;EACN,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,mBAAmB,cAAc"}

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

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

package/dist/header/headerNotifications.js

@@ -44,5 +44,5 @@ HeaderNotifications.displayName = "HeaderNotifications";
 
 //#endregion
 export { HeaderNotifications as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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 { Badge } from '../badge'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderNotificationsProps } from './header.types'\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      {...styles.container}\n      {...rest}\n      w=\"40px\"\n      overflow=\"visible\"\n    >\n      {children ?? (\n        <>\n          <Button.Icon name=\"uiBell\" />\n          {count > 0 && (\n            <Badge aria-label={`${count} new notifications`} size=\"xs\" variant=\"solid\" color=\"red\"\n             position=\"absolute\" top={-3} right={-3} maxW=\"20px\">\n              {count < 10 ? count : '9+'}\n            </Badge>\n          )}\n        </>\n      )}\n    </Button>\n  )\n})\n\nHeaderNotifications.displayName = 'HeaderNotifications'\n\nexport default HeaderNotifications\n"],"mappings":";;;;;;;;;;AAQA,MAAa,sBAAsB,KAAoC,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,WAAW,QAAQ,GAAG,KAAK,GAAG,SAAS;CACzD,MAAM,EAAE,UAAU,iBAAiB,KAAK,CAAC;CACzC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,OACE,oBAAC,QAAD;EACE,IAAG;EACH,WAAW,GAAG,2BAA2B,SAAS;EAClD,MAAM,OAAO,MAAM;EACnB,MAAM;EACN,UAAS;EACT,IAAG;EACE;EACL,MAAK;EACL,OAAM;EACN,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAE;EACF,UAAS;YAER,YACC,4CACE,oBAAC,OAAO,MAAR,EAAa,MAAK,SAAU,IAC3B,QAAQ,KACP,oBAAC,OAAD;GAAO,cAAY,GAAG,MAAM;GAAqB,MAAK;GAAK,SAAQ;GAAQ,OAAM;GAChF,UAAS;GAAW,KAAK;GAAI,OAAO;GAAI,MAAK;aAC3C,QAAQ,KAAK,QAAQ;EACjB,EAET;CAEE;AAEZ,CAAC;AAED,oBAAoB,cAAc"}
+{"version":3,"file":"headerNotifications.js","names":[],"sources":["../../src/header/headerNotifications.tsx"],"sourcesContent":["import type { HeaderNotificationsProps } from './header.types'\n\nimport { Badge } from '../badge'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\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      {...styles.container}\n      {...rest}\n      w=\"40px\"\n      overflow=\"visible\"\n    >\n      {children ?? (\n        <>\n          <Button.Icon name=\"uiBell\" />\n          {count > 0 && (\n            <Badge\n              aria-label={`${count} new notifications`}\n              size=\"xs\"\n              variant=\"solid\"\n              color=\"red\"\n              position=\"absolute\"\n              top={-3}\n              right={-3}\n              maxW=\"20px\"\n            >\n              {count < 10 ? count : '9+'}\n            </Badge>\n          )}\n        </>\n      )}\n    </Button>\n  )\n})\n\nHeaderNotifications.displayName = 'HeaderNotifications'\n\nexport default HeaderNotifications\n"],"mappings":";;;;;;;;;;AASA,MAAa,sBAAsB,KAAoC,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,WAAW,QAAQ,GAAG,KAAK,GAAG,SAAS;CACzD,MAAM,EAAE,UAAU,iBAAiB,KAAK,CAAC;CACzC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,OACE,oBAAC,QAAD;EACE,IAAG;EACH,WAAW,GAAG,2BAA2B,SAAS;EAClD,MAAM,OAAO,MAAM;EACnB,MAAM;EACN,UAAS;EACT,IAAG;EACE;EACL,MAAK;EACL,OAAM;EACN,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAE;EACF,UAAS;YAER,YACC,4CACE,oBAAC,OAAO,MAAR,EAAa,MAAK,SAAU,IAC3B,QAAQ,KACP,oBAAC,OAAD;GACE,cAAY,GAAG,MAAM;GACrB,MAAK;GACL,SAAQ;GACR,OAAM;GACN,UAAS;GACT,KAAK;GACL,OAAO;GACP,MAAK;aAEJ,QAAQ,KAAK,QAAQ;EACjB,EAET;CAEE;AAEZ,CAAC;AAED,oBAAoB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"headerServices.d.ts","names":[],"sources":["../../src/header/headerServices.tsx"],"mappings":";;;;iBAyBgB,cAAA,CAAe,KAAA,EAAO,mBAAmB,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAAzC,cAAA;EAAA,IAAc,WAAA;AAAA"}
+{"version":3,"file":"headerServices.d.ts","names":[],"sources":["../../src/header/headerServices.tsx"],"mappings":";;;;iBA0BgB,cAAA,CAAe,KAAA,EAAO,mBAAmB,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAAzC,cAAA;EAAA,IAAc,WAAA;AAAA"}

package/dist/header/headerServices.js

@@ -64,5 +64,5 @@ HeaderServices.displayName = "HeaderServices";
 
 //#endregion
 export { HeaderServices as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,CAAC,KAAyC;CACvE,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,OACE,0CACG,MAAM,SAAS,IACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAAC,KAAK,MAAN;EAAW;EAAwB,WAAW,EAAE,MAAM,IAAI;EAAS;EAAM,OAAO;EAAM,GAAI,OAAO;CAAO,GAA5E,KAA4E,CACzG,IAED,oBAAC,uBAAD,CAAwB,GAE1B;AAEN;;AAGA,SAAgB,eAAe,OAA4B;CACzD,MAAM,EAAE,aAAa,gBAAgB,OAAO,QAAQ,CAAC,GAAG,gBAAgB,OAAO,GAAG,SAAS;CAC3F,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAI5D,OACE,4CACE,oBAAC,gBAAD;EAAgB,UAAS;YACvB,qBAAC,MAAD;GAAM,QAAQ;GAAO,QAAQ,CALnB,gBAAgB,MAAM,KAKO,EAAE;GAAG,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;GACL,IAED,oBAAC,KAAK,MAAN;IAAW,SAAQ;IAAc,MAAM;IAAK,OAAO;IAAG,GAAG;IAAK,GAAI,OAAO;cACvE,oBAAC,aAAD,EAAoB,MAAQ;GACnB,EACP;;CACQ,IAEhB,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,MAAQ;EACxB;CACQ,EAChB;AAEN;AAEA,eAAe,cAAc"}
+{"version":3,"file":"headerServices.js","names":[],"sources":["../../src/header/headerServices.tsx"],"sourcesContent":["import type { HeaderServicesProps } from './header.types'\n\nimport { RenderOnScreen, useStyleConfig } from '../core'\nimport List from '../list'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\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":";;;;;;;;;;AASA,SAAS,YAAY,EAAE,QAAQ,CAAC,KAAyC;CACvE,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,OACE,0CACG,MAAM,SAAS,IACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAAC,KAAK,MAAN;EAAW;EAAwB,WAAW,EAAE,MAAM,IAAI;EAAS;EAAM,OAAO;EAAM,GAAI,OAAO;CAAO,GAA5E,KAA4E,CACzG,IAED,oBAAC,uBAAD,CAAwB,GAE1B;AAEN;;AAGA,SAAgB,eAAe,OAA4B;CACzD,MAAM,EAAE,aAAa,gBAAgB,OAAO,QAAQ,CAAC,GAAG,gBAAgB,OAAO,GAAG,SAAS;CAC3F,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAI5D,OACE,4CACE,oBAAC,gBAAD;EAAgB,UAAS;YACvB,qBAAC,MAAD;GAAM,QAAQ;GAAO,QAAQ,CALnB,gBAAgB,MAAM,KAKO,EAAE;GAAG,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;GACL,IAED,oBAAC,KAAK,MAAN;IAAW,SAAQ;IAAc,MAAM;IAAK,OAAO;IAAG,GAAG;IAAK,GAAI,OAAO;cACvE,oBAAC,aAAD,EAAoB,MAAQ;GACnB,EACP;;CACQ,IAEhB,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,MAAQ;EACxB;CACQ,EAChB;AAEN;AAEA,eAAe,cAAc"}

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":";;;;cASa,qBAAA,EAAqB,YAAA,MAAA,MAAA"}

package/dist/header/headerServicesMessage.js

@@ -37,5 +37,5 @@ HeaderServicesMessage.displayName = "HeaderServicesMessage";
 
 //#endregion
 export { HeaderServicesMessage as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,iBAAiB,KAAK,CAAC;CACzC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,6BAA6B,SAAS;EACpD,IAAI;EACJ,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YACC;GAAE;GACuB,oBAAC,MAAD,CAAK;GAAC;GACT;GACpB,oBAAC,MAAD;IAAM,MAAM,OAAO;IAAa;cAAa;GAEvC;GAAC;EAEP;CAEH;AAEP,CAAC;AAED,sBAAsB,cAAc"}
+{"version":3,"file":"headerServicesMessage.js","names":[],"sources":["../../src/header/headerServicesMessage.tsx"],"sourcesContent":["import type { PProps } from '../p'\n\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\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":";;;;;;;;;;AASA,MAAa,wBAAwB,KAAkB,OAAO,QAAQ;CACpE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CACzC,MAAM,EAAE,UAAU,iBAAiB,KAAK,CAAC;CACzC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,6BAA6B,SAAS;EACpD,IAAI;EACJ,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YACC;GAAE;GACuB,oBAAC,MAAD,CAAK;GAAC;GACT;GACpB,oBAAC,MAAD;IAAM,MAAM,OAAO;IAAa;cAAa;GAEvC;GAAC;EAEP;CAEH;AAEP,CAAC;AAED,sBAAsB,cAAc"}

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":";;;;cAQa,YAAA,EAAY,YAAA,WAAA,iBAAA"}

package/dist/header/headerSignIn.js

@@ -30,5 +30,5 @@ HeaderSignIn.displayName = "HeaderSignIn";
 
 //#endregion
 export { HeaderSignIn as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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 ?? 'primary'\n  const buttonIntent = styles?.signIn?.button?.intent ?? 'brand'\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      intent={buttonIntent}\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,iBAAiB,KAAK,CAAC;CACzC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,gBAAgB,QAAQ,QAAQ,QAAQ,WAAW;CACzD,MAAM,eAAe,QAAQ,QAAQ,QAAQ,UAAU;CAEvD,OACE,oBAAC,QAAD;EACE,IAAG;EACH,WAAW,GAAG,oBAAoB,SAAS;EAC3C,MAAM,OAAO,MAAM;EACd;EACL,MAAK;EACL,SAAS;EACT,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;CACP;AAEZ,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"headerSignIn.js","names":[],"sources":["../../src/header/headerSignIn.tsx"],"sourcesContent":["import type { HeaderSignInProps } from './header.types'\n\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\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 ?? 'primary'\n  const buttonIntent = styles?.signIn?.button?.intent ?? 'brand'\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      intent={buttonIntent}\n      {...styles.signIn}\n      {...rest}\n    >\n      {children ?? 'Sign in'}\n    </Button>\n  )\n})\n\nHeaderSignIn.displayName = 'HeaderSignIn'\nexport default HeaderSignIn\n"],"mappings":";;;;;;;;;AAQA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,EAAE,UAAU,iBAAiB,KAAK,CAAC;CACzC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,gBAAgB,QAAQ,QAAQ,QAAQ,WAAW;CACzD,MAAM,eAAe,QAAQ,QAAQ,QAAQ,UAAU;CAEvD,OACE,oBAAC,QAAD;EACE,IAAG;EACH,WAAW,GAAG,oBAAoB,SAAS;EAC3C,MAAM,OAAO,MAAM;EACd;EACL,MAAK;EACL,SAAS;EACT,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;CACP;AAEZ,CAAC;AAED,aAAa,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"headerSupport.d.ts","names":[],"sources":["../../src/header/headerSupport.tsx"],"mappings":";;;;iBA6CgB,aAAA,CAAc,KAAA,EAAO,kBAAkB,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAAvC,aAAA;EAAA,IAAa,WAAA;AAAA"}
+{"version":3,"file":"headerSupport.d.ts","names":[],"sources":["../../src/header/headerSupport.tsx"],"mappings":";;;;iBA8CgB,aAAA,CAAc,KAAA,EAAO,kBAAkB,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAAvC,aAAA;EAAA,IAAa,WAAA;AAAA"}

package/dist/header/headerSupport.js

@@ -71,5 +71,5 @@ HeaderSupport.displayName = "HeaderSupport";
 
 //#endregion
 export { HeaderSupport as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,CAAC,KAAwC;CACtE,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,OACE;EACE,oBAAC,KAAK,MAAN;GACE;GAEA,WAAW,EAAE,MAAM,gCAAgC;GACnD,MAAK;GACL,OAAM;GACN,GAAI,OAAO;EACZ,GALK,kBAKL;EACD,oBAAC,KAAK,MAAN;GACE;GAEA,WAAW,EAAE,MAAM,uCAAuC;GAC1D,MAAK;GACL,OAAM;GACN,GAAI,OAAO;EACZ,GALK,gBAKL;EACD,oBAAC,KAAK,MAAN;GACE;GAEA,WAAW,EAAE,MAAM,iDAAiD;GACpE,MAAK;GACL,OAAM;GACN,GAAI,OAAO;EACZ,GALK,SAKL;EAEA,MAAM,SAAS,KACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAAC,KAAK,MAAN;GAAW;GAAwB,WAAW,EAAE,MAAM,IAAI;GAAS;GAAM,OAAO;GAAM,GAAI,OAAO;EAAO,GAA5E,KAA4E,CACzG;CACH;AAEN;;AAGA,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,QAAQ,CAAC,GAAG,GAAG,SAAS;CAChC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,MAAM,WAAW,QAAQ,IAAI;CAG7B,OACE,0CACE,qBAAC,MAAD;EAAM,QAAQ;EAAO,QAAQ,CAJjB,WAAW,MAAM,KAIU,EAAE;EAAG,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;EACZ,IAED,oBAAC,KAAK,MAAN;GAAW,MAAM;GAAK,OAAO;GAAG,GAAG,WAAW,MAAM;GAAK,GAAI,OAAO;aAClE,oBAAC,aAAD,EAAoB,MAAQ;EACnB,EACP;IACN;AAEN;AAEA,cAAc,cAAc"}
+{"version":3,"file":"headerSupport.js","names":[],"sources":["../../src/header/headerSupport.tsx"],"sourcesContent":["import type { HeaderSupportProps } from './header.types'\n\nimport { useDown, useStyleConfig } from '../core'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\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":";;;;;;;;AAOA,SAAS,YAAY,EAAE,QAAQ,CAAC,KAAwC;CACtE,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,OACE;EACE,oBAAC,KAAK,MAAN;GACE;GAEA,WAAW,EAAE,MAAM,gCAAgC;GACnD,MAAK;GACL,OAAM;GACN,GAAI,OAAO;EACZ,GALK,kBAKL;EACD,oBAAC,KAAK,MAAN;GACE;GAEA,WAAW,EAAE,MAAM,uCAAuC;GAC1D,MAAK;GACL,OAAM;GACN,GAAI,OAAO;EACZ,GALK,gBAKL;EACD,oBAAC,KAAK,MAAN;GACE;GAEA,WAAW,EAAE,MAAM,iDAAiD;GACpE,MAAK;GACL,OAAM;GACN,GAAI,OAAO;EACZ,GALK,SAKL;EAEA,MAAM,SAAS,KACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAAC,KAAK,MAAN;GAAW;GAAwB,WAAW,EAAE,MAAM,IAAI;GAAS;GAAM,OAAO;GAAM,GAAI,OAAO;EAAO,GAA5E,KAA4E,CACzG;CACH;AAEN;;AAGA,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,QAAQ,CAAC,GAAG,GAAG,SAAS;CAChC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,MAAM,WAAW,QAAQ,IAAI;CAG7B,OACE,0CACE,qBAAC,MAAD;EAAM,QAAQ;EAAO,QAAQ,CAJjB,WAAW,MAAM,KAIU,EAAE;EAAG,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;EACZ,IAED,oBAAC,KAAK,MAAN;GAAW,MAAM;GAAK,OAAO;GAAG,GAAG,WAAW,MAAM;GAAK,GAAI,OAAO;aAClE,oBAAC,aAAD,EAAoB,MAAQ;EACnB,EACP;IACN;AAEN;AAEA,cAAc,cAAc"}

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":";;;;;;iBAegB,cAAA,CAAe,GAAA,EAAK,WAAA"}

package/dist/header/helpers.js

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

package/dist/header/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/header/helpers.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { cdnUrls, useLinks } from '../core'\nimport type { Environment } from '../utils'\nimport { isObject } from '../utils'\nimport type { HeaderLinkData } from './header.types'\nimport type { HeaderAccountSectionData } from './headerAccount.types'\n\ntype HeaderLinksTemplates = {\n  accountSections?: HeaderAccountSectionData[]\n  mainLinks?: HeaderLinkData[]\n}\n\n/** Loads templates for Header links and enriches them with urls from LinksContext. */\nexport function useHeaderLinks(env: Environment) {\n  const [templates, setTemplates] = useState<HeaderLinksTemplates>({})\n  const [links] = useLinks()\n\n  useEffect(() => {\n    loadHeaderLinks()\n\n    async function loadHeaderLinks() {\n      try {\n        const response = await fetch(`${cdnUrls[env]}/common/data/links/header.json`)\n        if (!response.ok) return\n\n        const data = await response.json()\n\n        if (isObject(data)) {\n          // const mainLinks = data.mainLinks.filter((link: { id: string }) => link.id !== 'dataFabric')\n          setTemplates({ accountSections: data.accountSections, mainLinks: data.mainLinks })\n        }\n      } catch {\n        console.error('Failed to retrieve header data.')\n      }\n    }\n  }, [env])\n\n  const accountSections: HeaderAccountSectionData[] | undefined = templates.accountSections?.map(section => {\n    return { ...section, links: section.links?.map(link => ({ ...link, url: links[link?.id ?? ''] })) }\n  })\n\n  const mainLinks: HeaderLinkData[] | undefined = templates.mainLinks?.map(link => ({\n    ...link,\n    url: links[link?.id ?? ''],\n  }))\n\n  return { accountSections, mainLinks }\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,eAAe,KAAkB;CAC/C,MAAM,CAAC,WAAW,gBAAgB,SAA+B,CAAC,CAAC;CACnE,MAAM,CAAC,SAAS,SAAS;CAEzB,gBAAgB;EACd,gBAAgB;EAEhB,eAAe,kBAAkB;GAC/B,IAAI;IACF,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,KAAK,+BAA+B;IAC5E,IAAI,CAAC,SAAS,IAAI;IAElB,MAAM,OAAO,MAAM,SAAS,KAAK;IAEjC,IAAI,SAAS,IAAI,GAEf,aAAa;KAAE,iBAAiB,KAAK;KAAiB,WAAW,KAAK;IAAU,CAAC;GAErF,QAAQ;IACN,QAAQ,MAAM,iCAAiC;GACjD;EACF;CACF,GAAG,CAAC,GAAG,CAAC;CAWR,OAAO;EAAE,iBATuD,UAAU,iBAAiB,KAAI,YAAW;GACxG,OAAO;IAAE,GAAG;IAAS,OAAO,QAAQ,OAAO,KAAI,UAAS;KAAE,GAAG;KAAM,KAAK,MAAM,MAAM,MAAM;IAAI,EAAE;GAAE;EACpG,CAAC;EAOyB,WALsB,UAAU,WAAW,KAAI,UAAS;GAChF,GAAG;GACH,KAAK,MAAM,MAAM,MAAM;EACzB,EAAE;CAEkC;AACtC"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/header/helpers.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { Environment } from '../utils'\nimport type { HeaderLinkData } from './header.types'\nimport type { HeaderAccountSectionData } from './headerAccount.types'\n\nimport { cdnUrls, useLinks } from '../core'\nimport { isObject } from '../utils'\n\ntype HeaderLinksTemplates = {\n  accountSections?: HeaderAccountSectionData[]\n  mainLinks?: HeaderLinkData[]\n}\n\n/** Loads templates for Header links and enriches them with urls from LinksContext. */\nexport function useHeaderLinks(env: Environment) {\n  const [templates, setTemplates] = useState<HeaderLinksTemplates>({})\n  const [links] = useLinks()\n\n  useEffect(() => {\n    loadHeaderLinks()\n\n    async function loadHeaderLinks() {\n      try {\n        const response = await fetch(`${cdnUrls[env]}/common/data/links/header.json`)\n        if (!response.ok) return\n\n        const data = await response.json()\n\n        if (isObject(data)) {\n          // const mainLinks = data.mainLinks.filter((link: { id: string }) => link.id !== 'dataFabric')\n          setTemplates({ accountSections: data.accountSections, mainLinks: data.mainLinks })\n        }\n      } catch {\n        console.error('Failed to retrieve header data.')\n      }\n    }\n  }, [env])\n\n  const accountSections: HeaderAccountSectionData[] | undefined = templates.accountSections?.map(section => {\n    return { ...section, links: section.links?.map(link => ({ ...link, url: links[link?.id ?? ''] })) }\n  })\n\n  const mainLinks: HeaderLinkData[] | undefined = templates.mainLinks?.map(link => ({\n    ...link,\n    url: links[link?.id ?? ''],\n  }))\n\n  return { accountSections, mainLinks }\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,eAAe,KAAkB;CAC/C,MAAM,CAAC,WAAW,gBAAgB,SAA+B,CAAC,CAAC;CACnE,MAAM,CAAC,SAAS,SAAS;CAEzB,gBAAgB;EACd,gBAAgB;EAEhB,eAAe,kBAAkB;GAC/B,IAAI;IACF,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,KAAK,+BAA+B;IAC5E,IAAI,CAAC,SAAS,IAAI;IAElB,MAAM,OAAO,MAAM,SAAS,KAAK;IAEjC,IAAI,SAAS,IAAI,GAEf,aAAa;KAAE,iBAAiB,KAAK;KAAiB,WAAW,KAAK;IAAU,CAAC;GAErF,QAAQ;IACN,QAAQ,MAAM,iCAAiC;GACjD;EACF;CACF,GAAG,CAAC,GAAG,CAAC;CAWR,OAAO;EAAE,iBATuD,UAAU,iBAAiB,KAAI,YAAW;GACxG,OAAO;IAAE,GAAG;IAAS,OAAO,QAAQ,OAAO,KAAI,UAAS;KAAE,GAAG;KAAM,KAAK,MAAM,MAAM,MAAM;IAAI,EAAE;GAAE;EACpG,CAAC;EAOyB,WALsB,UAAU,WAAW,KAAI,UAAS;GAChF,GAAG;GACH,KAAK,MAAM,MAAM,MAAM;EACzB,EAAE;CAEkC;AACtC"}

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":";;;;cAaa,cAAA,EAAc,YAAA,QAAA,mBAAA"}

package/dist/header/loggedInHeader.js

@@ -131,5 +131,5 @@ LoggedInHeader.displayName = "LoggedInHeader";
 
 //#endregion
 export { LoggedInHeader as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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=\"secondary\">\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 startIcon={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 type { HeaderLinkData, LoggedInHeaderProps } from './header.types'\n\nimport 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 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=\"secondary\">\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 startIcon={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.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":";;;;cAQa,eAAA,EAAe,YAAA,QAAA,oBAAA"}

package/dist/header/loggedOutHeader.js

@@ -68,5 +68,5 @@ LoggedOutHeader.displayName = "LoggedOutHeader";
 
 //#endregion
 export { LoggedOutHeader as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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;CAEJ,IAAI,eACF;MAAI,CAAC,iBACH,QAAQ,MAAM,+DAA+D;CAC/E;CAGF,MAAM,gBAAgB,QAAQ,IAAI;CAClC,MAAM,eAAe,QAAQ,IAAI;CAEjC,MAAM,iBAAiB,MAAM,YAAY,SAAS,UAAU;CAE5D,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,uBAAuB,gBAAgB,2BAA2B,QAAW,SAAS;EACpG,IAAI,iBAAiB,gBAAgB,SAAS;EACzC;EACL,GAAI;YAEJ,qBAAC,OAAO,SAAR;IACI,CAAC,iBAAiB,CAAC,iBAAiB,4CAAE,KAAE,MAAM,IAAI,IAAI,OAAO,oBAAC,OAAO,MAAR,EAAa,GAAI,KAAO,EAAI;GAC1F,iBACC,4CACE,oBAAC,gBAAD;IAAgB,UAAS;cACvB,oBAAC,OAAO,SAAR,EAAgB,IAAI,EAAI;GACV,IAChB,oBAAC,OAAO,iBAAR;IAAwB,OAAO;IAAgB,OAAO;IAAiB,KAAK;GAAiB,EAC7F;GAGJ,oBAAC,gBAAD;IAAgB,UAAS;IAAM;GAAyB;GAExD,oBAAC,KAAD,EAAK,IAAG,OAAQ;GAEhB,qBAAC,gBAAD;IAAgB,UAAS;cAAzB;KACG,MAAM,SAAS,IAAI,YAAY,oBAAC,OAAO,WAAR,EAAkB,OAAO,UAAY;KAEpE,cAAc,UAAa,oBAAC,OAAO,SAAR;MAAgB,IAAI;MAAG,IAAI;KAAI;KAE1D,MAAM,MAAM,IAAI,SAAS,oBAAC,OAAO,QAAR,EAAe,GAAI,OAAS;KAErD,MAAM,aAAa,IAAI,gBAAgB,oBAAC,OAAO,eAAR,EAAsB,GAAI,cAAgB;IACpE;;GAEhB,qBAAC,gBAAD;IAAgB,UAAS;cAAzB;KACG,MAAM,MAAM,IAAI,SAAS,oBAAC,OAAO,QAAR,EAAe,GAAI,OAAS;KAEtD,oBAAC,OAAO,SAAR,EAAgB,IAAI,EAAI;KAExB,oBAAC,OAAO,cAAR,CAAsB;KAEtB,qBAAC,OAAO,eAAR;MACG;MAEA,MAAM,aAAa,IAAI,gBAAgB,oBAAC,OAAO,eAAR,EAAsB,GAAI,cAAgB;MAEjF,MAAM,SAAS,IAAI,YAAY,oBAAC,OAAO,WAAR,EAAkB,OAAO,UAAY;KACjD;IACR;;EACF;CACV;AAEZ,CAAC;AAED,gBAAgB,cAAc"}
+{"version":3,"file":"loggedOutHeader.js","names":[],"sources":["../../src/header/loggedOutHeader.tsx"],"sourcesContent":["import type { LoggedOutHeaderProps } from './header.types'\n\nimport Box from '../box'\nimport { RenderOnScreen, useDown, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport Header from './header'\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":";;;;;;;;;;AAQA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EACJ,iBACA,gBACA,UACA,WACA,gBAAgB,OAChB,eACA,MACA,WACA,QACA,GAAG,SACD;CAEJ,IAAI,eACF;MAAI,CAAC,iBACH,QAAQ,MAAM,+DAA+D;CAC/E;CAGF,MAAM,gBAAgB,QAAQ,IAAI;CAClC,MAAM,eAAe,QAAQ,IAAI;CAEjC,MAAM,iBAAiB,MAAM,YAAY,SAAS,UAAU;CAE5D,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,uBAAuB,gBAAgB,2BAA2B,QAAW,SAAS;EACpG,IAAI,iBAAiB,gBAAgB,SAAS;EACzC;EACL,GAAI;YAEJ,qBAAC,OAAO,SAAR;IACI,CAAC,iBAAiB,CAAC,iBAAiB,4CAAE,KAAE,MAAM,IAAI,IAAI,OAAO,oBAAC,OAAO,MAAR,EAAa,GAAI,KAAO,EAAI;GAC1F,iBACC,4CACE,oBAAC,gBAAD;IAAgB,UAAS;cACvB,oBAAC,OAAO,SAAR,EAAgB,IAAI,EAAI;GACV,IAChB,oBAAC,OAAO,iBAAR;IAAwB,OAAO;IAAgB,OAAO;IAAiB,KAAK;GAAiB,EAC7F;GAGJ,oBAAC,gBAAD;IAAgB,UAAS;IAAM;GAAyB;GAExD,oBAAC,KAAD,EAAK,IAAG,OAAQ;GAEhB,qBAAC,gBAAD;IAAgB,UAAS;cAAzB;KACG,MAAM,SAAS,IAAI,YAAY,oBAAC,OAAO,WAAR,EAAkB,OAAO,UAAY;KAEpE,cAAc,UAAa,oBAAC,OAAO,SAAR;MAAgB,IAAI;MAAG,IAAI;KAAI;KAE1D,MAAM,MAAM,IAAI,SAAS,oBAAC,OAAO,QAAR,EAAe,GAAI,OAAS;KAErD,MAAM,aAAa,IAAI,gBAAgB,oBAAC,OAAO,eAAR,EAAsB,GAAI,cAAgB;IACpE;;GAEhB,qBAAC,gBAAD;IAAgB,UAAS;cAAzB;KACG,MAAM,MAAM,IAAI,SAAS,oBAAC,OAAO,QAAR,EAAe,GAAI,OAAS;KAEtD,oBAAC,OAAO,SAAR,EAAgB,IAAI,EAAI;KAExB,oBAAC,OAAO,cAAR,CAAsB;KAEtB,qBAAC,OAAO,eAAR;MACG;MAEA,MAAM,aAAa,IAAI,gBAAgB,oBAAC,OAAO,eAAR,EAAsB,GAAI,cAAgB;MAEjF,MAAM,SAAS,IAAI,YAAY,oBAAC,OAAO,WAAR,EAAkB,OAAO,UAAY;KACjD;IACR;;EACF;CACV;AAEZ,CAAC;AAED,gBAAgB,cAAc"}

package/dist/header/theme.js

@@ -138,5 +138,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","names":[],"sources":["../../src/heading/heading.tsx"],"mappings":";;;;cAIa,WAAA,8BAAW,eAAA,mCAAA,YAAA,EAGvB,WAHuB;;cAMX,OAAA,EAAO,YAAA,OAAA,YAAA"}
+{"version":3,"file":"heading.d.ts","names":[],"sources":["../../src/heading/heading.tsx"],"mappings":";;;;cAKa,WAAA,8BAAW,eAAA,mCAAA,YAAA,EAGvB,WAHuB;;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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,KAAK;CAGxG,MAAM,EAAE,UAAU,YAAY,GAAG,eAFlB,eAAe,WAAW,KAEY;CAErD,MAAM,aAAa,MAAM,OAAO,OAAO,MAAM,SAAS;CAEtD,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;CACjB,CAAC;CAED,MAAM,YAAY,MAAM,GAAG;CAE3B,MAAM,kBAAkB,UAAU,WAAW;CAC7C,MAAM,iBAAiB,UAAU,UAAU;CAC3C,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,mBAAmB,YAAY,UAAU;CAE/C,OACE,oBAAC,aAAD;EACE,WAAW,GAAG,eAAe,YAAY,SAAS;EAClD,UAAU,YAAY,kBAAkB;EACxC,YAAY,YAAY,oBAAoB;EACvC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,YAAY;CACF;AAEjB,CAAC;AAED,QAAQ,cAAc"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../src/heading/heading.tsx"],"sourcesContent":["import type { HeadingProps } from './heading.types'\n\nimport { omitThemingProps, styled, useStyleConfig, useUp, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\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":";;;;;;;;;AAKA,MAAa,cAAc,OAAO,KAAK;;;;;AAMvC,MAAa,UAAU,KAAyB,OAAO,QAAQ;CAC7D,MAAM,EAAE,OAAO,QAAQ,UAAU,WAAW,YAAY,MAAM,QAAQ,GAAG,SAAS,iBAAiB,KAAK;CAGxG,MAAM,EAAE,UAAU,YAAY,GAAG,eAFlB,eAAe,WAAW,KAEY;CAErD,MAAM,aAAa,MAAM,OAAO,OAAO,MAAM,SAAS;CAEtD,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;CACjB,CAAC;CAED,MAAM,YAAY,MAAM,GAAG;CAE3B,MAAM,kBAAkB,UAAU,WAAW;CAC7C,MAAM,iBAAiB,UAAU,UAAU;CAC3C,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,mBAAmB,YAAY,UAAU;CAE/C,OACE,oBAAC,aAAD;EACE,WAAW,GAAG,eAAe,YAAY,SAAS;EAClD,UAAU,YAAY,kBAAkB;EACxC,YAAY,YAAY,oBAAoB;EACvC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,YAAY;CACF;AAEjB,CAAC;AAED,QAAQ,cAAc"}

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":";;;cAKa,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__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,SAAD;CAAc;CAAK,MAAK;CAAM,GAAI;AAAQ,EAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;AAAQ,EAAC;AACpG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;AAAQ,EAAC;AACpG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;AAAQ,EAAC;AACpG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;AAAQ,EAAC;AACpG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;AAAQ,EAAC"}
+{"version":3,"file":"headings.js","names":[],"sources":["../../src/heading/headings.tsx"],"sourcesContent":["import type { HeadingProps } from './heading.types'\n\nimport { vui } from '../core'\nimport Heading from './heading'\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":";;;;;AAKA,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAM,GAAI;AAAQ,EAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;AAAQ,EAAC;AACpG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;AAAQ,EAAC;AACpG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;AAAQ,EAAC;AACpG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;AAAQ,EAAC;AACpG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAAC,SAAD;CAAc;CAAK,MAAK;CAAK,GAAI;AAAQ,EAAC"}

package/dist/heading/theme.js

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

package/dist/icon/helpers.js

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

package/dist/icon/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["iconsCache"],"sources":["../../src/icon/helpers.ts"],"sourcesContent":["import { cdnUrl } from '../core'\nimport type { IconDefinition } from '../icons'\nimport { iconsCache } from '../icons'\nimport { IconReplacements } from '../icons/iconReplacements'\nimport type { GetIconDetailsResult, IconProp } from './icon.types'\n\nconst PREFIX_MAP: Record<string, string> = {\n  con: 'con',\n  bra: 'brand',\n}\n/** Optimized prefix normalization with constant time lookup */\nfunction normalizeIconPrefix(prefix: string) {\n  return PREFIX_MAP[prefix] || (prefix.startsWith('ui') ? 'fa' : prefix)\n}\n\n/**\n * Returns an object with either 'src' or 'customIcon', depending on whether the provided icon is:\n * - not in library:    'src' as CDN url\n * - in library:            'customIcon' as icon definition object\n */\nexport function getIconDetails(iconName?: IconProp): GetIconDetailsResult {\n  if (!iconName) return {}\n\n  const icon = IconReplacements?.[iconName] ?? iconName\n\n  // Compute CDN url if icon is not in library cache\n  if (!iconsCache.has(icon)) {\n    const prefix = icon.slice(0, 3)\n    const normalizedPrefix = normalizeIconPrefix(prefix)\n\n    return {\n      src: `${cdnUrl}/common/icons/ui/${normalizedPrefix}/${icon}.svg`,\n    }\n  }\n\n  // Compute relevant properties based on icon definition from the library\n  const { details, name, pathProps = [], svgProps = {} } = iconsCache.get(icon) as IconDefinition\n  const [width, height, , , d] = details\n  const viewBox = `0 0 ${width} ${height}`\n\n  const customIcon = {\n    d: Array.isArray(d) ? d : [d],\n    pathProps: Array.isArray(pathProps) ? pathProps : [pathProps],\n    svgProps: { 'data-name': name, viewBox, ...svgProps },\n  }\n\n  return {\n    customIcon,\n  }\n}\n"],"mappings":";;;;;AAMA,MAAM,aAAqC;CACzC,KAAK;CACL,KAAK;AACP;;AAEA,SAAS,oBAAoB,QAAgB;CAC3C,OAAO,WAAW,YAAY,OAAO,WAAW,IAAI,IAAI,OAAO;AACjE;;;;;;AAOA,SAAgB,eAAe,UAA2C;CACxE,IAAI,CAAC,UAAU,OAAO,CAAC;CAEvB,MAAM,OAAO,mBAAmB,aAAa;CAG7C,IAAI,CAACA,MAAW,IAAI,IAAI,GAItB,OAAO,EACL,KAAK,GAAG,OAAO,mBAHQ,oBADV,KAAK,MAAM,GAAG,CACqB,CAGC,EAAE,GAAG,KAAK,MAC7D;CAIF,MAAM,EAAE,SAAS,MAAM,YAAY,CAAC,GAAG,WAAW,CAAC,MAAMA,MAAW,IAAI,IAAI;CAC5E,MAAM,CAAC,OAAO,YAAY,KAAK;CAC/B,MAAM,UAAU,OAAO,MAAM,GAAG;CAQhC,OAAO,EACL;EANA,GAAG,MAAM,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC;EAC5B,WAAW,MAAM,QAAQ,SAAS,IAAI,YAAY,CAAC,SAAS;EAC5D,UAAU;GAAE,aAAa;GAAM;GAAS,GAAG;EAAS;CAI3C,EACX;AACF"}
+{"version":3,"file":"helpers.js","names":["iconsCache"],"sources":["../../src/icon/helpers.ts"],"sourcesContent":["import type { IconDefinition } from '../icons'\nimport type { GetIconDetailsResult, IconProp } from './icon.types'\n\nimport { cdnUrl } from '../core'\nimport { iconsCache } from '../icons'\nimport { IconReplacements } from '../icons/iconReplacements'\n\nconst PREFIX_MAP: Record<string, string> = {\n  con: 'con',\n  bra: 'brand',\n}\n/** Optimized prefix normalization with constant time lookup */\nfunction normalizeIconPrefix(prefix: string) {\n  return PREFIX_MAP[prefix] || (prefix.startsWith('ui') ? 'fa' : prefix)\n}\n\n/**\n * Returns an object with either 'src' or 'customIcon', depending on whether the provided icon is:\n * - not in library:    'src' as CDN url\n * - in library:            'customIcon' as icon definition object\n */\nexport function getIconDetails(iconName?: IconProp): GetIconDetailsResult {\n  if (!iconName) return {}\n\n  const icon = IconReplacements?.[iconName] ?? iconName\n\n  // Compute CDN url if icon is not in library cache\n  if (!iconsCache.has(icon)) {\n    const prefix = icon.slice(0, 3)\n    const normalizedPrefix = normalizeIconPrefix(prefix)\n\n    return {\n      src: `${cdnUrl}/common/icons/ui/${normalizedPrefix}/${icon}.svg`,\n    }\n  }\n\n  // Compute relevant properties based on icon definition from the library\n  const { details, name, pathProps = [], svgProps = {} } = iconsCache.get(icon) as IconDefinition\n  const [width, height, , , d] = details\n  const viewBox = `0 0 ${width} ${height}`\n\n  const customIcon = {\n    d: Array.isArray(d) ? d : [d],\n    pathProps: Array.isArray(pathProps) ? pathProps : [pathProps],\n    svgProps: { 'data-name': name, viewBox, ...svgProps },\n  }\n\n  return {\n    customIcon,\n  }\n}\n"],"mappings":";;;;;AAOA,MAAM,aAAqC;CACzC,KAAK;CACL,KAAK;AACP;;AAEA,SAAS,oBAAoB,QAAgB;CAC3C,OAAO,WAAW,YAAY,OAAO,WAAW,IAAI,IAAI,OAAO;AACjE;;;;;;AAOA,SAAgB,eAAe,UAA2C;CACxE,IAAI,CAAC,UAAU,OAAO,CAAC;CAEvB,MAAM,OAAO,mBAAmB,aAAa;CAG7C,IAAI,CAACA,MAAW,IAAI,IAAI,GAItB,OAAO,EACL,KAAK,GAAG,OAAO,mBAHQ,oBADV,KAAK,MAAM,GAAG,CACqB,CAGC,EAAE,GAAG,KAAK,MAC7D;CAIF,MAAM,EAAE,SAAS,MAAM,YAAY,CAAC,GAAG,WAAW,CAAC,MAAMA,MAAW,IAAI,IAAI;CAC5E,MAAM,CAAC,OAAO,YAAY,KAAK;CAC/B,MAAM,UAAU,OAAO,MAAM,GAAG;CAQhC,OAAO,EACL;EANA,GAAG,MAAM,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC;EAC5B,WAAW,MAAM,QAAQ,SAAS,IAAI,YAAY,CAAC,SAAS;EAC5D,UAAU;GAAE,aAAa;GAAM;GAAS,GAAG;EAAS;CAI3C,EACX;AACF"}

package/dist/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","names":[],"sources":["../../src/icon/icon.tsx"],"mappings":";;;;cAOa,IAAA,EAAI,YAAA,QAAA,SAAA"}
+{"version":3,"file":"icon.d.ts","names":[],"sources":["../../src/icon/icon.tsx"],"mappings":";;;;cAQa,IAAA,EAAI,YAAA,QAAA,SAAA"}

package/dist/icon/icon.js

@@ -41,5 +41,5 @@ Icon.displayName = "Icon";
 
 //#endregion
 export { Icon as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=icon.js.map

package/dist/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../../src/icon/icon.tsx"],"sourcesContent":["import { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Svg } from '../svg'\nimport { cs, filterUndefined } from '../utils'\nimport { getIconDetails } from './helpers'\nimport type { IconProps } from './icon.types'\n\n/** Displays and Svg element with a given icon. Handles icon names or definition objects. */\nexport const Icon = vui<'svg', IconProps>((props, ref) => {\n  const { className, name, rotate, scale, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Icon', props)\n\n  const { customIcon, src } = getIconDetails(name)\n  const scaledSize = scale ? 16 * scale : undefined\n\n  const aliasedProps = filterUndefined<IconProps>({\n    h: scaledSize,\n    transform: rotate !== undefined ? `rotate(${rotate}deg)` : undefined,\n    w: scaledSize,\n  })\n  return (\n    <Svg\n      className={cs('vui-icon', className)}\n      clipRule={(customIcon?.pathProps as any)?.clipRule || props?.pathProps?.clipRule || 'evenodd'}\n      display=\"inline-flex\"\n      fillRule={(customIcon?.pathProps as any)?.fillRule || props?.pathProps?.fillRule || 'evenodd'}\n      flexShrink={0}\n      ref={ref}\n      src={src}\n      {...styles}\n      {...customIcon?.svgProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      {customIcon?.d.map((d, i) => (\n        <path d={d} fill=\"currentColor\" key={i} {...customIcon.pathProps[i]}></path>\n      ))}\n    </Svg>\n  )\n})\n\nIcon.displayName = 'Icon'\nexport default Icon\n"],"mappings":";;;;;;;;;;AAOA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,WAAW,MAAM,QAAQ,OAAO,GAAG,SAAS,iBAAiB,KAAK;CAC1E,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,MAAM,EAAE,YAAY,QAAQ,eAAe,IAAI;CAC/C,MAAM,aAAa,QAAQ,KAAK,QAAQ;CAExC,MAAM,eAAe,gBAA2B;EAC9C,GAAG;EACH,WAAW,WAAW,SAAY,UAAU,OAAO,QAAQ;EAC3D,GAAG;CACL,CAAC;CACD,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,YAAY,SAAS;EACnC,WAAW,YAAY,UAAS,EAAU,YAAY,OAAO,WAAW,YAAY;EACpF,SAAQ;EACR,WAAW,YAAY,UAAS,EAAU,YAAY,OAAO,WAAW,YAAY;EACpF,YAAY;EACP;EACA;EACL,GAAI;EACJ,GAAI,YAAY;EAChB,GAAI;EACJ,GAAI;YAEH,YAAY,EAAE,KAAK,GAAG,MACrB,oBAAC,QAAD;GAAS;GAAG,MAAK;GAAuB,GAAI,WAAW,UAAU;EAAU,GAAtC,CAAsC,CAC5E;CACE;AAET,CAAC;AAED,KAAK,cAAc"}
+{"version":3,"file":"icon.js","names":[],"sources":["../../src/icon/icon.tsx"],"sourcesContent":["import type { IconProps } from './icon.types'\n\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Svg } from '../svg'\nimport { cs, filterUndefined } from '../utils'\nimport { getIconDetails } from './helpers'\n\n/** Displays and Svg element with a given icon. Handles icon names or definition objects. */\nexport const Icon = vui<'svg', IconProps>((props, ref) => {\n  const { className, name, rotate, scale, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Icon', props)\n\n  const { customIcon, src } = getIconDetails(name)\n  const scaledSize = scale ? 16 * scale : undefined\n\n  const aliasedProps = filterUndefined<IconProps>({\n    h: scaledSize,\n    transform: rotate !== undefined ? `rotate(${rotate}deg)` : undefined,\n    w: scaledSize,\n  })\n  return (\n    <Svg\n      className={cs('vui-icon', className)}\n      clipRule={(customIcon?.pathProps as any)?.clipRule || props?.pathProps?.clipRule || 'evenodd'}\n      display=\"inline-flex\"\n      fillRule={(customIcon?.pathProps as any)?.fillRule || props?.pathProps?.fillRule || 'evenodd'}\n      flexShrink={0}\n      ref={ref}\n      src={src}\n      {...styles}\n      {...customIcon?.svgProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      {customIcon?.d.map((d, i) => (\n        <path d={d} fill=\"currentColor\" key={i} {...customIcon.pathProps[i]}></path>\n      ))}\n    </Svg>\n  )\n})\n\nIcon.displayName = 'Icon'\nexport default Icon\n"],"mappings":";;;;;;;;;;AAQA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,WAAW,MAAM,QAAQ,OAAO,GAAG,SAAS,iBAAiB,KAAK;CAC1E,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,MAAM,EAAE,YAAY,QAAQ,eAAe,IAAI;CAC/C,MAAM,aAAa,QAAQ,KAAK,QAAQ;CAExC,MAAM,eAAe,gBAA2B;EAC9C,GAAG;EACH,WAAW,WAAW,SAAY,UAAU,OAAO,QAAQ;EAC3D,GAAG;CACL,CAAC;CACD,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,YAAY,SAAS;EACnC,WAAW,YAAY,UAAS,EAAU,YAAY,OAAO,WAAW,YAAY;EACpF,SAAQ;EACR,WAAW,YAAY,UAAS,EAAU,YAAY,OAAO,WAAW,YAAY;EACpF,YAAY;EACP;EACA;EACL,GAAI;EACJ,GAAI,YAAY;EAChB,GAAI;EACJ,GAAI;YAEH,YAAY,EAAE,KAAK,GAAG,MACrB,oBAAC,QAAD;GAAS;GAAG,MAAK;GAAuB,GAAI,WAAW,UAAU;EAAU,GAAtC,CAAsC,CAC5E;CACE;AAET,CAAC;AAED,KAAK,cAAc"}

package/dist/icon/theme.js

@@ -46,5 +46,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/icons/baseIcons/brand/brandApplePay.js

@@ -13,5 +13,5 @@ var brandApplePay_default = {
 
 //#endregion
 export { brandApplePay_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandApplePay.js.map

package/dist/icons/baseIcons/brand/brandBellship.js

@@ -13,5 +13,5 @@ var brandBellship_default = {
 
 //#endregion
 export { brandBellship_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandBellship.js.map

package/dist/icons/baseIcons/brand/brandCcAmazonPay.js

@@ -13,5 +13,5 @@ var brandCcAmazonPay_default = {
 
 //#endregion
 export { brandCcAmazonPay_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandCcAmazonPay.js.map

package/dist/icons/baseIcons/brand/brandCcAmex.js

@@ -13,5 +13,5 @@ var brandCcAmex_default = {
 
 //#endregion
 export { brandCcAmex_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandCcAmex.js.map

package/dist/icons/baseIcons/brand/brandCcApplePay.js

@@ -13,5 +13,5 @@ var brandCcApplePay_default = {
 
 //#endregion
 export { brandCcApplePay_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandCcApplePay.js.map

package/dist/icons/baseIcons/brand/brandCcDinersClub.js

@@ -13,5 +13,5 @@ var brandCcDinersClub_default = {
 
 //#endregion
 export { brandCcDinersClub_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandCcDinersClub.js.map

package/dist/icons/baseIcons/brand/brandCcMastercard.js

@@ -13,5 +13,5 @@ var brandCcMastercard_default = {
 
 //#endregion
 export { brandCcMastercard_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandCcMastercard.js.map

package/dist/icons/baseIcons/brand/brandCcPaypal.js

@@ -13,5 +13,5 @@ var brandCcPaypal_default = {
 
 //#endregion
 export { brandCcPaypal_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandCcPaypal.js.map

package/dist/icons/baseIcons/brand/brandCcVisa.js

@@ -13,5 +13,5 @@ var brandCcVisa_default = {
 
 //#endregion
 export { brandCcVisa_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandCcVisa.js.map

package/dist/icons/baseIcons/brand/brandCircleFB.js

@@ -13,5 +13,5 @@ var brandCircleFB_default = {
 
 //#endregion
 export { brandCircleFB_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandCircleFB.js.map

package/dist/icons/baseIcons/brand/brandCircleLinkedIn.js

@@ -17,5 +17,5 @@ var brandCircleLinkedIn_default = {
 
 //#endregion
 export { brandCircleLinkedIn_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandCircleLinkedIn.js.map

package/dist/icons/baseIcons/brand/brandCircleTwitter.js

@@ -17,5 +17,5 @@ var brandCircleTwitter_default = {
 
 //#endregion
 export { brandCircleTwitter_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandCircleTwitter.js.map

package/dist/icons/baseIcons/brand/brandCircleYoutube.js

@@ -13,5 +13,5 @@ var brandCircleYoutube_default = {
 
 //#endregion
 export { brandCircleYoutube_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandCircleYoutube.js.map

package/dist/icons/baseIcons/brand/brandDNV.js

@@ -13,5 +13,5 @@ var brandDNV_default = {
 
 //#endregion
 export { brandDNV_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandDNV.js.map

package/dist/icons/baseIcons/brand/brandDhl.js

@@ -13,5 +13,5 @@ var brandDhl_default = {
 
 //#endregion
 export { brandDhl_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandDhl.js.map

package/dist/icons/baseIcons/brand/brandEbay.js

@@ -13,5 +13,5 @@ var brandEbay_default = {
 
 //#endregion
 export { brandEbay_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandEbay.js.map

package/dist/icons/baseIcons/brand/brandFacebook.js

@@ -13,5 +13,5 @@ var brandFacebook_default = {
 
 //#endregion
 export { brandFacebook_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=brandFacebook.js.map