@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

package/dist/footer/footerHeading.js

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

package/dist/footer/footerHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerHeading.js","names":[],"sources":["../../src/footer/footerHeading.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { HeadingProps } from '../heading'\nimport Heading from '../heading'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Heading of a links section. */\nexport const FooterHeading = vui<'h5', HeadingProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Heading\n      className={cs('vui-footerHeading', className)}\n      color=\"white\"\n      mb={1}\n      ref={ref}\n      size=\"h5\"\n      {...styles.heading}\n      {...rest}\n    />\n  )\n})\n\nFooterHeading.displayName = 'FooterHeading'\nexport default FooterHeading\n"],"mappings":";;;;;;;;;AAOA,MAAa,gBAAgB,KAAyB,OAAO,QAAQ;CACnE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,SAAD;EACE,WAAW,GAAG,qBAAqB,SAAS;EAC5C,OAAM;EACN,IAAI;EACC;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"footerHeading.js","names":[],"sources":["../../src/footer/footerHeading.tsx"],"sourcesContent":["import type { HeadingProps } from '../heading'\n\nimport { useStyleConfig, vui } from '../core'\nimport Heading from '../heading'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Heading of a links section. */\nexport const FooterHeading = vui<'h5', HeadingProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Heading\n      className={cs('vui-footerHeading', className)}\n      color=\"white\"\n      mb={1}\n      ref={ref}\n      size=\"h5\"\n      {...styles.heading}\n      {...rest}\n    />\n  )\n})\n\nFooterHeading.displayName = 'FooterHeading'\nexport default FooterHeading\n"],"mappings":";;;;;;;;;AAQA,MAAa,gBAAgB,KAAyB,OAAO,QAAQ;CACnE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,SAAD;EACE,WAAW,GAAG,qBAAqB,SAAS;EAC5C,OAAM;EACN,IAAI;EACC;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}

package/dist/footer/footerLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footerLink.d.ts","names":[],"sources":["../../src/footer/footerLink.tsx"],"mappings":";;;;cAOa,UAAA,EAAU,YAAA,MAAA,SAAA"}
+{"version":3,"file":"footerLink.d.ts","names":[],"sources":["../../src/footer/footerLink.tsx"],"mappings":";;;;cAQa,UAAA,EAAU,YAAA,MAAA,SAAA"}

package/dist/footer/footerLink.js

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

package/dist/footer/footerLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerLink.js","names":[],"sources":["../../src/footer/footerLink.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Individual link item of the Footer. */\nexport const FooterLink = vui<'a', LinkProps>((props, ref) => {\n  const { className, py, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Link\n      className={cs('vui-footerLink', className)}\n      display={'inline-block'}\n      py={py ?? { _: 0.5, xs: 0, sm: 0, md: 0.5 }}\n      ref={ref}\n      size={{ _: 'sm', md: 'md' }}\n      variant=\"white\"\n      {...styles.link}\n      {...rest}\n    />\n  )\n})\n\nFooterLink.displayName = 'FooterLink'\nexport default FooterLink\n"],"mappings":";;;;;;;;;AAOA,MAAa,aAAa,KAAqB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,IAAI,GAAG,SAAS;CACnC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,kBAAkB,SAAS;EACzC,SAAS;EACT,IAAI,MAAM;GAAE,GAAG;GAAK,IAAI;GAAG,IAAI;GAAG,IAAI;EAAI;EACrC;EACL,MAAM;GAAE,GAAG;GAAM,IAAI;EAAK;EAC1B,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"footerLink.js","names":[],"sources":["../../src/footer/footerLink.tsx"],"sourcesContent":["import type { LinkProps } from '../link'\n\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Individual link item of the Footer. */\nexport const FooterLink = vui<'a', LinkProps>((props, ref) => {\n  const { className, py, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Link\n      className={cs('vui-footerLink', className)}\n      display={'inline-block'}\n      py={py ?? { _: 0.5, xs: 0, sm: 0, md: 0.5 }}\n      ref={ref}\n      size={{ _: 'sm', md: 'md' }}\n      variant=\"white\"\n      {...styles.link}\n      {...rest}\n    />\n  )\n})\n\nFooterLink.displayName = 'FooterLink'\nexport default FooterLink\n"],"mappings":";;;;;;;;;AAQA,MAAa,aAAa,KAAqB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,IAAI,GAAG,SAAS;CACnC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,kBAAkB,SAAS;EACzC,SAAS;EACT,IAAI,MAAM;GAAE,GAAG;GAAK,IAAI;GAAG,IAAI;GAAG,IAAI;EAAI;EACrC;EACL,MAAM;GAAE,GAAG;GAAM,IAAI;EAAK;EAC1B,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,WAAW,cAAc"}

package/dist/footer/footerRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footerRow.d.ts","names":[],"sources":["../../src/footer/footerRow.tsx"],"mappings":";;;;cAOM,SAAA,EAAS,YAAA,QAAA,QAAA"}
+{"version":3,"file":"footerRow.d.ts","names":[],"sources":["../../src/footer/footerRow.tsx"],"mappings":";;;;cAQM,SAAA,EAAS,YAAA,QAAA,QAAA"}

package/dist/footer/footerRow.js

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

package/dist/footer/footerRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerRow.js","names":[],"sources":["../../src/footer/footerRow.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Organizes Footer content into a row of multuple columns. */\nconst FooterRow = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerRow', className)}\n      ref={ref}\n      wrap\n      {...styles.row}\n      gap={{ xs: 2, sm: 0, md: 0 }}\n      {...rest}\n    />\n  )\n})\n\nFooterRow.displayName = 'FooterRow'\nexport default FooterRow\n"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,KAAsB,OAAO,QAAQ;CACrD,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,iBAAiB,SAAS;EACnC;EACL;EACA,GAAI,OAAO;EACX,KAAK;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;EAAE;EAC3B,GAAI;CACL;AAEL,CAAC;AAED,UAAU,cAAc"}
+{"version":3,"file":"footerRow.js","names":[],"sources":["../../src/footer/footerRow.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Organizes Footer content into a row of multuple columns. */\nconst FooterRow = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerRow', className)}\n      ref={ref}\n      wrap\n      {...styles.row}\n      gap={{ xs: 2, sm: 0, md: 0 }}\n      {...rest}\n    />\n  )\n})\n\nFooterRow.displayName = 'FooterRow'\nexport default FooterRow\n"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,KAAsB,OAAO,QAAQ;CACrD,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,iBAAiB,SAAS;EACnC;EACL;EACA,GAAI,OAAO;EACX,KAAK;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;EAAE;EAC3B,GAAI;CACL;AAEL,CAAC;AAED,UAAU,cAAc"}

package/dist/footer/footerSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footerSection.d.ts","names":[],"sources":["../../src/footer/footerSection.tsx"],"mappings":";;;;cASa,aAAA,EAAa,YAAA,QAAA,kBAAA"}
+{"version":3,"file":"footerSection.d.ts","names":[],"sources":["../../src/footer/footerSection.tsx"],"mappings":";;;;cAUa,aAAA,EAAa,YAAA,QAAA,kBAAA"}

package/dist/footer/footerSection.js

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

package/dist/footer/footerSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerSection.js","names":[],"sources":["../../src/footer/footerSection.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, v, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterSectionProps } from './footer.types'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\n\n/** Section includes a heading and a set of links. */\nexport const FooterSection = vui<'div', FooterSectionProps>((props, ref) => {\n  const { children, className, heading, links, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box className={cs('vui-footerSection', className)} column ref={ref} {...styles.section} {...rest}>\n      {isJsx(heading) ? heading : <FooterHeading text={heading} />}\n\n      {children ??\n        (isJsx(links) ? (\n          links\n        ) : (\n          <v.ul>\n            {links?.map(({ text, url, target }, index) => (\n              <v.li key={index}>\n                <FooterLink href={url} text={text} target={target} />\n              </v.li>\n            ))}\n          </v.ul>\n        ))}\n    </Box>\n  )\n})\n\nFooterSection.displayName = 'FooterSection'\nexport default FooterSection\n"],"mappings":";;;;;;;;;;;;;AASA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,SAAS,OAAO,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,qBAAC,KAAD;EAAK,WAAW,GAAG,qBAAqB,SAAS;EAAG;EAAY;EAAK,GAAI,OAAO;EAAS,GAAI;YAA7F,CACG,MAAM,OAAO,IAAI,UAAU,oBAAC,eAAD,EAAe,MAAM,QAAU,IAE1D,aACE,MAAM,KAAK,IACV,QAEA,oBAAC,EAAE,IAAH,YACG,OAAO,KAAK,EAAE,MAAM,KAAK,UAAU,UAClC,oBAAC,EAAE,IAAH,YACE,oBAAC,YAAD;GAAY,MAAM;GAAW;GAAc;EAAS,GAChD,GAFK,KAEL,CACP,EACG,GAEP;;AAET,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"footerSection.js","names":[],"sources":["../../src/footer/footerSection.tsx"],"sourcesContent":["import type { FooterSectionProps } from './footer.types'\n\nimport Box from '../box'\nimport { useStyleConfig, v, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport { useFooterContext } from './context'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\n\n/** Section includes a heading and a set of links. */\nexport const FooterSection = vui<'div', FooterSectionProps>((props, ref) => {\n  const { children, className, heading, links, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box className={cs('vui-footerSection', className)} column ref={ref} {...styles.section} {...rest}>\n      {isJsx(heading) ? heading : <FooterHeading text={heading} />}\n\n      {children ??\n        (isJsx(links) ? (\n          links\n        ) : (\n          <v.ul>\n            {links?.map(({ text, url, target }, index) => (\n              <v.li key={index}>\n                <FooterLink href={url} text={text} target={target} />\n              </v.li>\n            ))}\n          </v.ul>\n        ))}\n    </Box>\n  )\n})\n\nFooterSection.displayName = 'FooterSection'\nexport default FooterSection\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,SAAS,OAAO,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,qBAAC,KAAD;EAAK,WAAW,GAAG,qBAAqB,SAAS;EAAG;EAAY;EAAK,GAAI,OAAO;EAAS,GAAI;YAA7F,CACG,MAAM,OAAO,IAAI,UAAU,oBAAC,eAAD,EAAe,MAAM,QAAU,IAE1D,aACE,MAAM,KAAK,IACV,QAEA,oBAAC,EAAE,IAAH,YACG,OAAO,KAAK,EAAE,MAAM,KAAK,UAAU,UAClC,oBAAC,EAAE,IAAH,YACE,oBAAC,YAAD;GAAY,MAAM;GAAW;GAAc;EAAS,GAChD,GAFK,KAEL,CACP,EACG,GAEP;;AAET,CAAC;AAED,cAAc,cAAc"}

package/dist/footer/footerSlimColumn.js

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

package/dist/footer/footerSlimColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerSlimColumn.js","names":[],"sources":["../../src/footer/footerSlimColumn.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterSlimColumn = vui<'div', BoxProps>((props, ref) => {\n  const { children, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerSlimColumn')}\n      column\n      flex={{ xs: '0 0 50%', sm: '0 0 20%', md: '0 0 20%' }}\n      minW={164}\n      p={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...styles.column}\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nFooterSlimColumn.displayName = 'FooterSlimColumn'\n\nexport default FooterSlimColumn\n"],"mappings":";;;;;;;;;AAOA,MAAM,mBAAmB,KAAsB,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,sBAAsB;EACpC;EACA,MAAM;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;EAAU;EACpD,MAAM;EACN,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;EAAI;EAChC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,iBAAiB,cAAc"}
+{"version":3,"file":"footerSlimColumn.js","names":[],"sources":["../../src/footer/footerSlimColumn.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterSlimColumn = vui<'div', BoxProps>((props, ref) => {\n  const { children, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerSlimColumn')}\n      column\n      flex={{ xs: '0 0 50%', sm: '0 0 20%', md: '0 0 20%' }}\n      minW={164}\n      p={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...styles.column}\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nFooterSlimColumn.displayName = 'FooterSlimColumn'\n\nexport default FooterSlimColumn\n"],"mappings":";;;;;;;;;AAQA,MAAM,mBAAmB,KAAsB,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,sBAAsB;EACpC;EACA,MAAM;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;EAAU;EACpD,MAAM;EACN,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;EAAI;EAChC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;EAEH;CACE;AAET,CAAC;AAED,iBAAiB,cAAc"}

package/dist/footer/footerTrademark.js

@@ -72,5 +72,5 @@ FooterTrademark.displayName = "FooterTrademark";
 
 //#endregion
 export { FooterTrademark as default, defaultLinkedInUrl };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=footerTrademark.js.map

package/dist/footer/footerTrademark.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerTrademark.js","names":[],"sources":["../../src/footer/footerTrademark.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterTrademarkProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterHeading from './footerHeading'\n\nexport const defaultLinkedInUrl = 'https://www.linkedin.com/showcase/veracity-data-platform'\n\n/** Section includes a heading and a set of links. */\nexport const FooterTrademark = vui<'div', FooterTrademarkProps>((props, ref) => {\n  const { className, linkedIn, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerTrademark', className)}\n      ref={ref}\n      w=\"100%\"\n      gap={{ xs: 1, sm: 0 }}\n      wrap\n      {...styles.trademark}\n      {...rest}\n    >\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 25%' }} maxW=\"auto\">\n        <Link\n          fontWeight=\"demi\"\n          href={linkedIn ?? defaultLinkedInUrl}\n          startIcon={<Link.Icon mr={1} left={0} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"sm\" />}\n          isExternal\n          {...styles.link}\n        >\n          <FooterHeading mb={0} text=\"Follow us\" />\n        </Link>\n      </FooterColumn>\n\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 75%' }} maxW=\"auto\">\n        <T size=\"xs\">\n          <T size=\"xs\" fontWeight=\"demi\">\n            Veracity by DNV\n          </T>\n          , DNV AS, NO-1322 Høvik, Norway\n        </T>\n      </FooterColumn>\n    </Box>\n  )\n})\n\nFooterTrademark.displayName = 'FooterTrademark'\nexport default FooterTrademark\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,qBAAqB;;AAGlC,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,uBAAuB,SAAS;EACzC;EACL,GAAE;EACF,KAAK;GAAE,IAAI;GAAG,IAAI;EAAE;EACpB;EACA,GAAI,OAAO;EACX,GAAI;YAPN,CASE,oBAAC,cAAD;GAAc;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;GAAU;GAAG,MAAK;aAClE,oBAAC,MAAD;IACE,YAAW;IACX,MAAM;IACN,WAAW,oBAAC,KAAK,MAAN;KAAW,IAAI;KAAG,MAAM;KAAG,MAAK;KAAsB,QAAO;KAAM,MAAK;IAAM;IACzF;IACA,GAAI,OAAO;cAEX,oBAAC,eAAD;KAAe,IAAI;KAAG,MAAK;IAAa;GACpC;EACM,IAEd,oBAAC,cAAD;GAAc;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;GAAU;GAAG,MAAK;aAClE,qBAAC,GAAD;IAAG,MAAK;cAAR,CACE,oBAAC,GAAD;KAAG,MAAK;KAAK,YAAW;eAAO;IAE5B,IAAC,iCAEH;;EACS,EACX;;AAET,CAAC;AAED,gBAAgB,cAAc"}
+{"version":3,"file":"footerTrademark.js","names":[],"sources":["../../src/footer/footerTrademark.tsx"],"sourcesContent":["import type { FooterTrademarkProps } from './footer.types'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport FooterColumn from './footerColumn'\nimport FooterHeading from './footerHeading'\n\nexport const defaultLinkedInUrl = 'https://www.linkedin.com/showcase/veracity-data-platform'\n\n/** Section includes a heading and a set of links. */\nexport const FooterTrademark = vui<'div', FooterTrademarkProps>((props, ref) => {\n  const { className, linkedIn, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerTrademark', className)}\n      ref={ref}\n      w=\"100%\"\n      gap={{ xs: 1, sm: 0 }}\n      wrap\n      {...styles.trademark}\n      {...rest}\n    >\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 25%' }} maxW=\"auto\">\n        <Link\n          fontWeight=\"demi\"\n          href={linkedIn ?? defaultLinkedInUrl}\n          startIcon={<Link.Icon mr={1} left={0} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"sm\" />}\n          isExternal\n          {...styles.link}\n        >\n          <FooterHeading mb={0} text=\"Follow us\" />\n        </Link>\n      </FooterColumn>\n\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 75%' }} maxW=\"auto\">\n        <T size=\"xs\">\n          <T size=\"xs\" fontWeight=\"demi\">\n            Veracity by DNV\n          </T>\n          , DNV AS, NO-1322 Høvik, Norway\n        </T>\n      </FooterColumn>\n    </Box>\n  )\n})\n\nFooterTrademark.displayName = 'FooterTrademark'\nexport default FooterTrademark\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,qBAAqB;;AAGlC,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,uBAAuB,SAAS;EACzC;EACL,GAAE;EACF,KAAK;GAAE,IAAI;GAAG,IAAI;EAAE;EACpB;EACA,GAAI,OAAO;EACX,GAAI;YAPN,CASE,oBAAC,cAAD;GAAc;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;GAAU;GAAG,MAAK;aAClE,oBAAC,MAAD;IACE,YAAW;IACX,MAAM;IACN,WAAW,oBAAC,KAAK,MAAN;KAAW,IAAI;KAAG,MAAM;KAAG,MAAK;KAAsB,QAAO;KAAM,MAAK;IAAM;IACzF;IACA,GAAI,OAAO;cAEX,oBAAC,eAAD;KAAe,IAAI;KAAG,MAAK;IAAa;GACpC;EACM,IAEd,oBAAC,cAAD;GAAc;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;GAAU;GAAG,MAAK;aAClE,qBAAC,GAAD;IAAG,MAAK;cAAR,CACE,oBAAC,GAAD;KAAG,MAAK;KAAK,YAAW;eAAO;IAE5B,IAAC,iCAEH;;EACS,EACX;;AAET,CAAC;AAED,gBAAgB,cAAc"}

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

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

package/dist/footer/helpers.js

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

package/dist/footer/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/footer/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 { FooterColumnData } from './footer.types'\n\ntype FooterLinksTemplates = {\n  columns?: FooterColumnData[]\n  linkedIn?: string\n}\n\n/** Loads templates for Footer links and enriches them with urls from LinksContext. */\nexport function useFooterLinks(env: Environment) {\n  const [templates, setTemplates] = useState<FooterLinksTemplates>({})\n  const [links] = useLinks()\n\n  useEffect(() => {\n    loadFooterLinks()\n\n    async function loadFooterLinks() {\n      try {\n        const response = await fetch(`${cdnUrls[env]}/common/data/links/footer.json`)\n        if (!response.ok) return\n\n        const data = await response.json()\n\n        if (isObject(data)) setTemplates(data)\n      } catch {\n        console.error('Failed to retrieve footer data.')\n      }\n    }\n  }, [env])\n\n  const columns: FooterColumnData[] | undefined = templates.columns?.map(column =>\n    column.map(section => ({\n      ...section,\n      links: section.links?.map(link => ({ ...link, url: links?.[link?.id ?? ''] })),\n    })),\n  )\n\n  return { columns, linkedIn: templates.linkedIn }\n}\n"],"mappings":";;;;;;;AAaA,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,GAAG,aAAa,IAAI;GACvC,QAAQ;IACN,QAAQ,MAAM,iCAAiC;GACjD;EACF;CACF,GAAG,CAAC,GAAG,CAAC;CASR,OAAO;EAAE,SAPuC,UAAU,SAAS,KAAI,WACrE,OAAO,KAAI,aAAY;GACrB,GAAG;GACH,OAAO,QAAQ,OAAO,KAAI,UAAS;IAAE,GAAG;IAAM,KAAK,QAAQ,MAAM,MAAM;GAAI,EAAE;EAC/E,EAAE,CACJ;EAEkB,UAAU,UAAU;CAAS;AACjD"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/footer/helpers.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport type { Environment } from '../utils'\nimport type { FooterColumnData } from './footer.types'\n\nimport { cdnUrls, useLinks } from '../core'\nimport { isObject } from '../utils'\n\ntype FooterLinksTemplates = {\n  columns?: FooterColumnData[]\n  linkedIn?: string\n}\n\n/** Loads templates for Footer links and enriches them with urls from LinksContext. */\nexport function useFooterLinks(env: Environment) {\n  const [templates, setTemplates] = useState<FooterLinksTemplates>({})\n  const [links] = useLinks()\n\n  useEffect(() => {\n    loadFooterLinks()\n\n    async function loadFooterLinks() {\n      try {\n        const response = await fetch(`${cdnUrls[env]}/common/data/links/footer.json`)\n        if (!response.ok) return\n\n        const data = await response.json()\n\n        if (isObject(data)) setTemplates(data)\n      } catch {\n        console.error('Failed to retrieve footer data.')\n      }\n    }\n  }, [env])\n\n  const columns: FooterColumnData[] | undefined = templates.columns?.map(column =>\n    column.map(section => ({\n      ...section,\n      links: section.links?.map(link => ({ ...link, url: links?.[link?.id ?? ''] })),\n    })),\n  )\n\n  return { columns, linkedIn: templates.linkedIn }\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,GAAG,aAAa,IAAI;GACvC,QAAQ;IACN,QAAQ,MAAM,iCAAiC;GACjD;EACF;CACF,GAAG,CAAC,GAAG,CAAC;CASR,OAAO;EAAE,SAPuC,UAAU,SAAS,KAAI,WACrE,OAAO,KAAI,aAAY;GACrB,GAAG;GACH,OAAO,QAAQ,OAAO,KAAI,UAAS;IAAE,GAAG;IAAM,KAAK,QAAQ,MAAM,MAAM;GAAI,EAAE;EAC/E,EAAE,CACJ;EAEkB,UAAU,UAAU;CAAS;AACjD"}

package/dist/footer/theme.js

@@ -47,5 +47,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/grid/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","names":[],"sources":["../../src/grid/grid.tsx"],"mappings":";;;;cAIa,QAAA,8BAAQ,eAAA,oCAAA,YAAA,EAEpB,WAFoB;;cAKR,IAAA,EAAI,YAAA,SAAA,SAAA"}
+{"version":3,"file":"grid.d.ts","names":[],"sources":["../../src/grid/grid.tsx"],"mappings":";;;;cAKa,QAAA,8BAAQ,eAAA,oCAAA,YAAA,EAEpB,WAFoB;;cAKR,IAAA,EAAI,YAAA,SAAA,SAAA"}

package/dist/grid/grid.js

@@ -23,5 +23,5 @@ Grid.displayName = "Grid";
 
 //#endregion
 export { GridBase, Grid as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=grid.js.map

package/dist/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":[],"sources":["../../src/grid/grid.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { GridProps } from './grid.types'\n\nexport const GridBase = styled.divBox`\n  display: grid;\n`\n\n/** Displays a basic grid wrapper. */\nexport const Grid = vui<'span', GridProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Grid', props)\n\n  return <GridBase className={cs('vui-grid', className)} ref={ref} {...styles} {...rest} />\n})\n\nGrid.displayName = 'Grid'\nexport default Grid\n"],"mappings":";;;;;;;AAIA,MAAa,WAAW,OAAO,MAAM;;;;AAKrC,MAAa,OAAO,KAAwB,OAAO,QAAQ;CACzD,MAAM,EAAE,WAAW,GAAG,SAAS,iBAAiB,KAAK;CACrD,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,OAAO,oBAAC,UAAD;EAAU,WAAW,GAAG,YAAY,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;CAAO;AAC1F,CAAC;AAED,KAAK,cAAc"}
+{"version":3,"file":"grid.js","names":[],"sources":["../../src/grid/grid.tsx"],"sourcesContent":["import type { GridProps } from './grid.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\n\nexport const GridBase = styled.divBox`\n  display: grid;\n`\n\n/** Displays a basic grid wrapper. */\nexport const Grid = vui<'span', GridProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Grid', props)\n\n  return <GridBase className={cs('vui-grid', className)} ref={ref} {...styles} {...rest} />\n})\n\nGrid.displayName = 'Grid'\nexport default Grid\n"],"mappings":";;;;;;;AAKA,MAAa,WAAW,OAAO,MAAM;;;;AAKrC,MAAa,OAAO,KAAwB,OAAO,QAAQ;CACzD,MAAM,EAAE,WAAW,GAAG,SAAS,iBAAiB,KAAK;CACrD,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,OAAO,oBAAC,UAAD;EAAU,WAAW,GAAG,YAAY,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;CAAO;AAC1F,CAAC;AAED,KAAK,cAAc"}

package/dist/grid/theme.js

@@ -12,5 +12,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/header/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/header/context.ts"],"mappings":";;;cAGO,cAAA,kBAAc,QAAA,CAAA,aAAA,GAAE,gBAAA,QAAgB,aAAsD"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/header/context.ts"],"mappings":";;;cAIO,cAAA,kBAAc,QAAA,CAAA,aAAA,GAAE,gBAAA,QAAgB,aAAsD"}

package/dist/header/context.js

@@ -5,5 +5,5 @@ const [HeaderProvider, useHeaderContext] = createContext({ isOptional: true });
 
 //#endregion
 export { HeaderProvider, useHeaderContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=context.js.map

package/dist/header/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/header/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { HeaderContext } from './header.types'\n\nconst [HeaderProvider, useHeaderContext] = createContext<HeaderContext>({ isOptional: true })\n\nexport { HeaderProvider, useHeaderContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,gBAAgB,oBAAoB,cAA6B,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/header/context.ts"],"sourcesContent":["import type { HeaderContext } from './header.types'\n\nimport { createContext } from '../utils'\n\nconst [HeaderProvider, useHeaderContext] = createContext<HeaderContext>({ isOptional: true })\n\nexport { HeaderProvider, useHeaderContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,gBAAgB,oBAAoB,cAA6B,EAAE,YAAY,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","names":[],"sources":["../../src/header/header.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;cAwBa,UAAA,8BAAU,eAAA,uCAAA,YAAA,EAMtB,WANsB;;cASV,MAAA,EA8CP,YAAA,WAAuB,WAAA;EAC3B,OAAA,SAAgB,aAAA;EAChB,eAAA,SAAwB,qBAAA;EACxB,OAAA,SAAgB,aAAA;EAChB,eAAA,SAAwB,qBAAA;EACxB,OAAA,SAAgB,aAAA;EAChB,aAAA,SAAsB,mBAAA;EACtB,OAAA,SAAgB,aAAA;EAChB,QAAA,SAAiB,cAAA;EACjB,IAAA,SAAa,UAAA;EACb,SAAA,SAAkB,eAAA;EAClB,aAAA,SAAsB,mBAAA;EACtB,YAAA,SAAqB,kBAAA;EACrB,aAAA,SAAsB,mBAAA;EACtB,QAAA,SAAiB,cAAA;EACjB,eAAA,SAAwB,qBAAA;EACxB,MAAA,SAAe,YAAA;AAAA"}
+{"version":3,"file":"header.d.ts","names":[],"sources":["../../src/header/header.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;cAyBa,UAAA,8BAAU,eAAA,uCAAA,YAAA,EAMtB,WANsB;;cASV,MAAA,EA8CP,YAAA,WAAuB,WAAA;EAC3B,OAAA,SAAgB,aAAA;EAChB,eAAA,SAAwB,qBAAA;EACxB,OAAA,SAAgB,aAAA;EAChB,eAAA,SAAwB,qBAAA;EACxB,OAAA,SAAgB,aAAA;EAChB,aAAA,SAAsB,mBAAA;EACtB,OAAA,SAAgB,aAAA;EAChB,QAAA,SAAiB,cAAA;EACjB,IAAA,SAAa,UAAA;EACb,SAAA,SAAkB,eAAA;EAClB,aAAA,SAAsB,mBAAA;EACtB,YAAA,SAAqB,kBAAA;EACrB,aAAA,SAAsB,mBAAA;EACtB,QAAA,SAAiB,cAAA;EACjB,eAAA,SAAwB,qBAAA;EACxB,MAAA,SAAe,YAAA;AAAA"}

package/dist/header/header.js

@@ -95,5 +95,5 @@ Header.displayName = "Header";
 
 //#endregion
 export { HeaderBase, Header as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=header.js.map

package/dist/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":[],"sources":["../../src/header/header.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useLinks, useStyleConfig, useUp, vui } from '../core'\nimport { cs, useClickOutside } from '../utils'\nimport { HeaderProvider } from './context'\nimport type { HeaderProps } from './header.types'\nimport HeaderAccount from './headerAccount'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\nimport HeaderApplicationName from './headerApplicationName'\nimport HeaderContent from './headerContent'\nimport HeaderCreateAccount from './headerCreateAccount'\nimport HeaderDivider from './headerDivider'\nimport HeaderLinkItem from './headerLinkItem'\nimport HeaderLogo from './headerLogo'\nimport HeaderMainLinks from './headerMainLinks'\nimport HeaderMobileContent from './headerMobileContent'\nimport HeaderMobileToggle from './headerMobileToggle'\nimport HeaderNotifications from './headerNotifications'\nimport HeaderServices from './headerServices'\nimport HeaderServicesMessage from './headerServicesMessage'\nimport HeaderSignIn from './headerSignIn'\nimport HeaderSupport from './headerSupport'\n\nexport const HeaderBase = styled.headerBox`\n  align-items: center;\n  background-color: white;\n  border-bottom: 1px solid darkBlue.main;\n  display: flex;\n  position: relative;\n`\n\n/** Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content. */\nexport const Header = vui<'header', HeaderProps>((props, ref) => {\n  const { className, isSticky, size, variant, ...rest } = props\n  const [isMobileOpen, setIsMobileOpen] = useState(false)\n  const mobileContentRef = useRef(null)\n  const mobileToggleRef = useRef(null)\n  const styles = useStyleConfig('Header', props)\n\n  const headerHeight = 72\n\n  const [links] = useLinks()\n\n  useClickOutside([mobileContentRef, mobileToggleRef], () => {\n    setIsMobileOpen(false)\n  })\n\n  const isDesktop = useUp('lg')\n  const isMobile = !isDesktop\n\n  const context = {\n    headerHeight,\n    isDesktop,\n    isMobile,\n    isMobileOpen,\n    links,\n    mobileContentRef,\n    mobileToggleRef,\n    setIsMobileOpen,\n    size,\n    variant,\n  }\n\n  return (\n    <HeaderProvider value={context}>\n      <HeaderBase\n        className={cs('vui-header', className)}\n        h={headerHeight}\n        position={isSticky ? 'sticky' : 'static'}\n        px={{ xs: 2, lg: 5 }}\n        ref={ref}\n        role=\"banner\"\n        top={isSticky ? 0 : 'auto'}\n        {...styles.container}\n        {...rest}\n      />\n    </HeaderProvider>\n  )\n}) as VuiComponent<'header', HeaderProps> & {\n  Account: typeof HeaderAccount\n  AccountUserInfo: typeof HeaderAccountUserInfo\n  Support: typeof HeaderSupport\n  ApplicationName: typeof HeaderApplicationName\n  Content: typeof HeaderContent\n  CreateAccount: typeof HeaderCreateAccount\n  Divider: typeof HeaderDivider\n  LinkItem: typeof HeaderLinkItem\n  Logo: typeof HeaderLogo\n  MainLinks: typeof HeaderMainLinks\n  MobileContent: typeof HeaderMobileContent\n  MobileToggle: typeof HeaderMobileToggle\n  Notifications: typeof HeaderNotifications\n  Services: typeof HeaderServices\n  ServicesMessage: typeof HeaderServicesMessage\n  SignIn: typeof HeaderSignIn\n}\n\nHeader.Account = HeaderAccount\nHeader.AccountUserInfo = HeaderAccountUserInfo\nHeader.Support = HeaderSupport\nHeader.ApplicationName = HeaderApplicationName\nHeader.Content = HeaderContent\nHeader.CreateAccount = HeaderCreateAccount\nHeader.Divider = HeaderDivider\nHeader.LinkItem = HeaderLinkItem\nHeader.Logo = HeaderLogo\nHeader.MainLinks = HeaderMainLinks\nHeader.MobileContent = HeaderMobileContent\nHeader.MobileToggle = HeaderMobileToggle\nHeader.Notifications = HeaderNotifications\nHeader.Services = HeaderServices\nHeader.ServicesMessage = HeaderServicesMessage\nHeader.SignIn = HeaderSignIn\nHeader.displayName = 'Header'\nexport default Header\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,aAAa,OAAO,SAAS;;;;;;;;AAS1C,MAAa,SAAS,KAA4B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,UAAU,MAAM,SAAS,GAAG,SAAS;CACxD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,mBAAmB,OAAO,IAAI;CACpC,MAAM,kBAAkB,OAAO,IAAI;CACnC,MAAM,SAAS,eAAe,UAAU,KAAK;CAE7C,MAAM,eAAe;CAErB,MAAM,CAAC,SAAS,SAAS;CAEzB,gBAAgB,CAAC,kBAAkB,eAAe,SAAS;EACzD,gBAAgB,KAAK;CACvB,CAAC;CAED,MAAM,YAAY,MAAM,IAAI;CAgB5B,OACE,oBAAC,gBAAD;EAAgB,OAAO;GAbvB;GACA;GACA,WALgB;GAMhB;GACA;GACA;GACA;GACA;GACA;GACA;EAI6B;YAC3B,oBAAC,YAAD;GACE,WAAW,GAAG,cAAc,SAAS;GACrC,GAAG;GACH,UAAU,WAAW,WAAW;GAChC,IAAI;IAAE,IAAI;IAAG,IAAI;GAAE;GACd;GACL,MAAK;GACL,KAAK,WAAW,IAAI;GACpB,GAAI,OAAO;GACX,GAAI;EACL;CACa;AAEpB,CAAC;AAmBD,OAAO,UAAU;AACjB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,OAAO,OAAO;AACd,OAAO,YAAY;AACnB,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,OAAO,kBAAkB;AACzB,OAAO,SAAS;AAChB,OAAO,cAAc"}
+{"version":3,"file":"header.js","names":[],"sources":["../../src/header/header.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { HeaderProps } from './header.types'\n\nimport { styled, useLinks, useStyleConfig, useUp, vui } from '../core'\nimport { cs, useClickOutside } from '../utils'\nimport { HeaderProvider } from './context'\nimport HeaderAccount from './headerAccount'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\nimport HeaderApplicationName from './headerApplicationName'\nimport HeaderContent from './headerContent'\nimport HeaderCreateAccount from './headerCreateAccount'\nimport HeaderDivider from './headerDivider'\nimport HeaderLinkItem from './headerLinkItem'\nimport HeaderLogo from './headerLogo'\nimport HeaderMainLinks from './headerMainLinks'\nimport HeaderMobileContent from './headerMobileContent'\nimport HeaderMobileToggle from './headerMobileToggle'\nimport HeaderNotifications from './headerNotifications'\nimport HeaderServices from './headerServices'\nimport HeaderServicesMessage from './headerServicesMessage'\nimport HeaderSignIn from './headerSignIn'\nimport HeaderSupport from './headerSupport'\n\nexport const HeaderBase = styled.headerBox`\n  align-items: center;\n  background-color: white;\n  border-bottom: 1px solid darkBlue.main;\n  display: flex;\n  position: relative;\n`\n\n/** Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content. */\nexport const Header = vui<'header', HeaderProps>((props, ref) => {\n  const { className, isSticky, size, variant, ...rest } = props\n  const [isMobileOpen, setIsMobileOpen] = useState(false)\n  const mobileContentRef = useRef(null)\n  const mobileToggleRef = useRef(null)\n  const styles = useStyleConfig('Header', props)\n\n  const headerHeight = 72\n\n  const [links] = useLinks()\n\n  useClickOutside([mobileContentRef, mobileToggleRef], () => {\n    setIsMobileOpen(false)\n  })\n\n  const isDesktop = useUp('lg')\n  const isMobile = !isDesktop\n\n  const context = {\n    headerHeight,\n    isDesktop,\n    isMobile,\n    isMobileOpen,\n    links,\n    mobileContentRef,\n    mobileToggleRef,\n    setIsMobileOpen,\n    size,\n    variant,\n  }\n\n  return (\n    <HeaderProvider value={context}>\n      <HeaderBase\n        className={cs('vui-header', className)}\n        h={headerHeight}\n        position={isSticky ? 'sticky' : 'static'}\n        px={{ xs: 2, lg: 5 }}\n        ref={ref}\n        role=\"banner\"\n        top={isSticky ? 0 : 'auto'}\n        {...styles.container}\n        {...rest}\n      />\n    </HeaderProvider>\n  )\n}) as VuiComponent<'header', HeaderProps> & {\n  Account: typeof HeaderAccount\n  AccountUserInfo: typeof HeaderAccountUserInfo\n  Support: typeof HeaderSupport\n  ApplicationName: typeof HeaderApplicationName\n  Content: typeof HeaderContent\n  CreateAccount: typeof HeaderCreateAccount\n  Divider: typeof HeaderDivider\n  LinkItem: typeof HeaderLinkItem\n  Logo: typeof HeaderLogo\n  MainLinks: typeof HeaderMainLinks\n  MobileContent: typeof HeaderMobileContent\n  MobileToggle: typeof HeaderMobileToggle\n  Notifications: typeof HeaderNotifications\n  Services: typeof HeaderServices\n  ServicesMessage: typeof HeaderServicesMessage\n  SignIn: typeof HeaderSignIn\n}\n\nHeader.Account = HeaderAccount\nHeader.AccountUserInfo = HeaderAccountUserInfo\nHeader.Support = HeaderSupport\nHeader.ApplicationName = HeaderApplicationName\nHeader.Content = HeaderContent\nHeader.CreateAccount = HeaderCreateAccount\nHeader.Divider = HeaderDivider\nHeader.LinkItem = HeaderLinkItem\nHeader.Logo = HeaderLogo\nHeader.MainLinks = HeaderMainLinks\nHeader.MobileContent = HeaderMobileContent\nHeader.MobileToggle = HeaderMobileToggle\nHeader.Notifications = HeaderNotifications\nHeader.Services = HeaderServices\nHeader.ServicesMessage = HeaderServicesMessage\nHeader.SignIn = HeaderSignIn\nHeader.displayName = 'Header'\nexport default Header\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,aAAa,OAAO,SAAS;;;;;;;;AAS1C,MAAa,SAAS,KAA4B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,UAAU,MAAM,SAAS,GAAG,SAAS;CACxD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,mBAAmB,OAAO,IAAI;CACpC,MAAM,kBAAkB,OAAO,IAAI;CACnC,MAAM,SAAS,eAAe,UAAU,KAAK;CAE7C,MAAM,eAAe;CAErB,MAAM,CAAC,SAAS,SAAS;CAEzB,gBAAgB,CAAC,kBAAkB,eAAe,SAAS;EACzD,gBAAgB,KAAK;CACvB,CAAC;CAED,MAAM,YAAY,MAAM,IAAI;CAgB5B,OACE,oBAAC,gBAAD;EAAgB,OAAO;GAbvB;GACA;GACA,WALgB;GAMhB;GACA;GACA;GACA;GACA;GACA;GACA;EAI6B;YAC3B,oBAAC,YAAD;GACE,WAAW,GAAG,cAAc,SAAS;GACrC,GAAG;GACH,UAAU,WAAW,WAAW;GAChC,IAAI;IAAE,IAAI;IAAG,IAAI;GAAE;GACd;GACL,MAAK;GACL,KAAK,WAAW,IAAI;GACpB,GAAI,OAAO;GACX,GAAI;EACL;CACa;AAEpB,CAAC;AAmBD,OAAO,UAAU;AACjB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,OAAO,OAAO;AACd,OAAO,YAAY;AACnB,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,OAAO,kBAAkB;AACzB,OAAO,SAAS;AAChB,OAAO,cAAc"}

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

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

package/dist/header/headerAccount.js

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

package/dist/header/headerAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerAccount.js","names":[],"sources":["../../src/header/headerAccount.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport Avatar from '../avatar'\nimport { useStyleConfig } from '../core'\nimport List from '../list'\nimport Popover from '../popover'\nimport { isJsx, isObject } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderAccountProps, HeaderAccountUserInfoData } from './headerAccount.types'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\n\n/** Disables popper's dynamic re-positioning */\n\n/** Displays user account information and helpful links, like settings or logout. */\nexport function HeaderAccount(props: HeaderAccountProps) {\n  const { contentProps, sections, triggerProps, userInfo, ...rest } = props\n  const { isMobile } = useHeaderContext()\n  const styles = useStyleConfig('Header', useHeaderContext()).account\n  const name = isObject<HeaderAccountUserInfoData>(userInfo) ? userInfo.displayName : ''\n  const variant = styles?.trigger?.variant ?? 'solidDarkBlue'\n  const offsetX = isMobile ? 64 : 39\n\n  return (\n    <Popover isLazy={false} offset={[offsetX, 16]} placement=\"bottom-end\" {...rest}>\n      <Popover.Trigger\n        as={Avatar}\n        className=\"vui-headerAccountTrigger\"\n        isInteractive\n        ml={1}\n        name={name}\n        role=\"button\"\n        size=\"lg\"\n        title=\"Account\"\n        variant={variant}\n        {...styles.trigger}\n        {...triggerProps}\n      />\n\n      <Popover.Content\n        borderRadius={0}\n        className=\"vui-headerAccountContent\"\n        column\n        {...styles.content}\n        w={isMobile ? 280 : 320}\n        {...contentProps}\n      >\n        {isJsx(userInfo) ? userInfo : userInfo && <HeaderAccountUserInfo {...userInfo} />}\n\n        {isJsx(sections)\n          ? sections\n          : sections && (\n              <List className=\"vui-headerAccountList\" mb={2}>\n                {sections.map(({ heading, links }, index) => (\n                  <Fragment key={index}>\n                    <List.Divider />\n\n                    {heading && <List.Heading text={heading} />}\n\n                    {links?.map(({ icon, url, ...rest }, index) => (\n                      <List.Item startIcon={icon} key={index} linkProps={{ href: url }} {...rest} />\n                    ))}\n                  </Fragment>\n                ))}\n              </List>\n            )}\n      </Popover.Content>\n    </Popover>\n  )\n}\n\nHeaderAccount.displayName = 'HeaderAccount'\n\nexport default HeaderAccount\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,cAAc,UAAU,cAAc,UAAU,GAAG,SAAS;CACpE,MAAM,EAAE,aAAa,iBAAiB;CACtC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAC5D,MAAM,OAAO,SAAoC,QAAQ,IAAI,SAAS,cAAc;CACpF,MAAM,UAAU,QAAQ,SAAS,WAAW;CAG5C,OACE,qBAAC,SAAD;EAAS,QAAQ;EAAO,QAAQ,CAHlB,WAAW,KAAK,IAGY,EAAE;EAAG,WAAU;EAAa,GAAI;YAA1E,CACE,oBAAC,QAAQ,SAAT;GACE,IAAI;GACJ,WAAU;GACV;GACA,IAAI;GACE;GACN,MAAK;GACL,MAAK;GACL,OAAM;GACG;GACT,GAAI,OAAO;GACX,GAAI;EACL,IAED,qBAAC,QAAQ,SAAT;GACE,cAAc;GACd,WAAU;GACV;GACA,GAAI,OAAO;GACX,GAAG,WAAW,MAAM;GACpB,GAAI;aANN,CAQG,MAAM,QAAQ,IAAI,WAAW,YAAY,oBAAC,uBAAD,EAAuB,GAAI,SAAW,IAE/E,MAAM,QAAQ,IACX,WACA,YACE,oBAAC,MAAD;IAAM,WAAU;IAAwB,IAAI;cACzC,SAAS,KAAK,EAAE,SAAS,SAAS,UACjC,qBAAC,UAAD;KACE,oBAAC,KAAK,SAAN,CAAe;KAEd,WAAW,oBAAC,KAAK,SAAN,EAAc,MAAM,QAAU;KAEzC,OAAO,KAAK,EAAE,MAAM,KAAK,GAAG,QAAQ,UACnC,oBAAC,KAAK,MAAN;MAAW,WAAW;MAAkB,WAAW,EAAE,MAAM,IAAI;MAAG,GAAI;KAAO,GAA5C,KAA4C,CAC9E;IACO,KARK,KAQL,CACX;GACG,EAEG;IACV;;AAEb;AAEA,cAAc,cAAc"}
+{"version":3,"file":"headerAccount.js","names":[],"sources":["../../src/header/headerAccount.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport type { HeaderAccountProps, HeaderAccountUserInfoData } from './headerAccount.types'\n\nimport Avatar from '../avatar'\nimport { useStyleConfig } from '../core'\nimport List from '../list'\nimport Popover from '../popover'\nimport { isJsx, isObject } from '../utils'\nimport { useHeaderContext } from './context'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\n\n/** Disables popper's dynamic re-positioning */\n\n/** Displays user account information and helpful links, like settings or logout. */\nexport function HeaderAccount(props: HeaderAccountProps) {\n  const { contentProps, sections, triggerProps, userInfo, ...rest } = props\n  const { isMobile } = useHeaderContext()\n  const styles = useStyleConfig('Header', useHeaderContext()).account\n  const name = isObject<HeaderAccountUserInfoData>(userInfo) ? userInfo.displayName : ''\n  const variant = styles?.trigger?.variant ?? 'solidDarkBlue'\n  const offsetX = isMobile ? 64 : 39\n\n  return (\n    <Popover isLazy={false} offset={[offsetX, 16]} placement=\"bottom-end\" {...rest}>\n      <Popover.Trigger\n        as={Avatar}\n        className=\"vui-headerAccountTrigger\"\n        isInteractive\n        ml={1}\n        name={name}\n        role=\"button\"\n        size=\"lg\"\n        title=\"Account\"\n        variant={variant}\n        {...styles.trigger}\n        {...triggerProps}\n      />\n\n      <Popover.Content\n        borderRadius={0}\n        className=\"vui-headerAccountContent\"\n        column\n        {...styles.content}\n        w={isMobile ? 280 : 320}\n        {...contentProps}\n      >\n        {isJsx(userInfo) ? userInfo : userInfo && <HeaderAccountUserInfo {...userInfo} />}\n\n        {isJsx(sections)\n          ? sections\n          : sections && (\n              <List className=\"vui-headerAccountList\" mb={2}>\n                {sections.map(({ heading, links }, index) => (\n                  <Fragment key={index}>\n                    <List.Divider />\n\n                    {heading && <List.Heading text={heading} />}\n\n                    {links?.map(({ icon, url, ...rest }, index) => (\n                      <List.Item startIcon={icon} key={index} linkProps={{ href: url }} {...rest} />\n                    ))}\n                  </Fragment>\n                ))}\n              </List>\n            )}\n      </Popover.Content>\n    </Popover>\n  )\n}\n\nHeaderAccount.displayName = 'HeaderAccount'\n\nexport default HeaderAccount\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,cAAc,UAAU,cAAc,UAAU,GAAG,SAAS;CACpE,MAAM,EAAE,aAAa,iBAAiB;CACtC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAC5D,MAAM,OAAO,SAAoC,QAAQ,IAAI,SAAS,cAAc;CACpF,MAAM,UAAU,QAAQ,SAAS,WAAW;CAG5C,OACE,qBAAC,SAAD;EAAS,QAAQ;EAAO,QAAQ,CAHlB,WAAW,KAAK,IAGY,EAAE;EAAG,WAAU;EAAa,GAAI;YAA1E,CACE,oBAAC,QAAQ,SAAT;GACE,IAAI;GACJ,WAAU;GACV;GACA,IAAI;GACE;GACN,MAAK;GACL,MAAK;GACL,OAAM;GACG;GACT,GAAI,OAAO;GACX,GAAI;EACL,IAED,qBAAC,QAAQ,SAAT;GACE,cAAc;GACd,WAAU;GACV;GACA,GAAI,OAAO;GACX,GAAG,WAAW,MAAM;GACpB,GAAI;aANN,CAQG,MAAM,QAAQ,IAAI,WAAW,YAAY,oBAAC,uBAAD,EAAuB,GAAI,SAAW,IAE/E,MAAM,QAAQ,IACX,WACA,YACE,oBAAC,MAAD;IAAM,WAAU;IAAwB,IAAI;cACzC,SAAS,KAAK,EAAE,SAAS,SAAS,UACjC,qBAAC,UAAD;KACE,oBAAC,KAAK,SAAN,CAAe;KAEd,WAAW,oBAAC,KAAK,SAAN,EAAc,MAAM,QAAU;KAEzC,OAAO,KAAK,EAAE,MAAM,KAAK,GAAG,QAAQ,UACnC,oBAAC,KAAK,MAAN;MAAW,WAAW;MAAkB,WAAW,EAAE,MAAM,IAAI;MAAG,GAAI;KAAO,GAA5C,KAA4C,CAC9E;IACO,KARK,KAQL,CACX;GACG,EAEG;IACV;;AAEb;AAEA,cAAc,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"headerAccountUserInfo.d.ts","names":[],"sources":["../../src/header/headerAccountUserInfo.tsx"],"mappings":";;;;cASa,qBAAA,EAAqB,YAAA,QAAA,0BAAA"}
+{"version":3,"file":"headerAccountUserInfo.d.ts","names":[],"sources":["../../src/header/headerAccountUserInfo.tsx"],"mappings":";;;;cAUa,qBAAA,EAAqB,YAAA,QAAA,0BAAA"}

package/dist/header/headerAccountUserInfo.js

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

package/dist/header/headerAccountUserInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerAccountUserInfo.js","names":[],"sources":["../../src/header/headerAccountUserInfo.tsx"],"sourcesContent":["import Avatar from '../avatar'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderAccountUserInfoProps } from './headerAccount.types'\n\n/** Displays user information, like username and company name, within HeaderAccount part. */\nexport const HeaderAccountUserInfo = vui<'div', HeaderAccountUserInfoProps>((props, ref) => {\n  const { children, className, color, companyName, displayName, isApplication, role, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n  const localColor = color || styles.accountUserInfo.color || 'darkBlue.main'\n\n  return (\n    <Box\n      className={cs('vui-headerAccountUserInfo', className)}\n      p={2}\n      pb={1}\n      ref={ref}\n      spaceX={2}\n      {...styles.accountUserInfo}\n      {...rest}\n      lineHeight={isApplication ? '18px' : 'inherit'}\n      pr={isApplication ? 0 : 'inherit'}\n      textAlign={isApplication ? 'right' : 'inherit'}\n    >\n      {children ?? (\n        <>\n          {!isApplication && (\n            <Avatar className=\"vui-headerAccountUserInfoAvatar\" name={displayName} size=\"xl\" variant=\"solidDarkBlue\" />\n          )}\n          <Box column rowGap={role ? 0 : 0.5}>\n            {displayName && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                pr={1}\n                title={displayName}\n                weight=\"demi\"\n              >\n                {displayName}\n              </T>\n            )}\n            {companyName && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                pr={1}\n                title={companyName}\n              >\n                {companyName}\n              </T>\n            )}\n            {role && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                opacity={0.65}\n                pr={1}\n                title={role}\n              >\n                {role}\n              </T>\n            )}\n          </Box>\n        </>\n      )}\n    </Box>\n  )\n})\n\nHeaderAccountUserInfo.displayName = 'HeaderAccountUserInfo'\n\nexport default HeaderAccountUserInfo\n"],"mappings":";;;;;;;;;;;AASA,MAAa,wBAAwB,KAAwC,OAAO,QAAQ;CAC1F,MAAM,EAAE,UAAU,WAAW,OAAO,aAAa,aAAa,eAAe,MAAM,GAAG,SAAS;CAC/F,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAC1D,MAAM,aAAa,SAAS,OAAO,gBAAgB,SAAS;CAE5D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,6BAA6B,SAAS;EACpD,GAAG;EACH,IAAI;EACC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,YAAY,gBAAgB,SAAS;EACrC,IAAI,gBAAgB,IAAI;EACxB,WAAW,gBAAgB,UAAU;YAEpC,YACC,4CACG,CAAC,iBACA,oBAAC,QAAD;GAAQ,WAAU;GAAkC,MAAM;GAAa,MAAK;GAAK,SAAQ;EAAiB,IAE5G,qBAAC,KAAD;GAAK;GAAO,QAAQ,OAAO,IAAI;aAA/B;IACG,eACC,oBAAC,GAAD;KACE,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;KACP,QAAO;eAEN;IACA;IAEJ,eACC,oBAAC,GAAD;KACE,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;eAEN;IACA;IAEJ,QACC,oBAAC,GAAD;KACE,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,SAAS;KACT,IAAI;KACJ,OAAO;eAEN;IACA;GAEF;IACL;CAED;AAET,CAAC;AAED,sBAAsB,cAAc"}
+{"version":3,"file":"headerAccountUserInfo.js","names":[],"sources":["../../src/header/headerAccountUserInfo.tsx"],"sourcesContent":["import type { HeaderAccountUserInfoProps } from './headerAccount.types'\n\nimport Avatar from '../avatar'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Displays user information, like username and company name, within HeaderAccount part. */\nexport const HeaderAccountUserInfo = vui<'div', HeaderAccountUserInfoProps>((props, ref) => {\n  const { children, className, color, companyName, displayName, isApplication, role, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n  const localColor = color || styles.accountUserInfo.color || 'darkBlue.main'\n\n  return (\n    <Box\n      className={cs('vui-headerAccountUserInfo', className)}\n      p={2}\n      pb={1}\n      ref={ref}\n      spaceX={2}\n      {...styles.accountUserInfo}\n      {...rest}\n      lineHeight={isApplication ? '18px' : 'inherit'}\n      pr={isApplication ? 0 : 'inherit'}\n      textAlign={isApplication ? 'right' : 'inherit'}\n    >\n      {children ?? (\n        <>\n          {!isApplication && (\n            <Avatar className=\"vui-headerAccountUserInfoAvatar\" name={displayName} size=\"xl\" variant=\"solidDarkBlue\" />\n          )}\n          <Box column rowGap={role ? 0 : 0.5}>\n            {displayName && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                pr={1}\n                title={displayName}\n                weight=\"demi\"\n              >\n                {displayName}\n              </T>\n            )}\n            {companyName && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                pr={1}\n                title={companyName}\n              >\n                {companyName}\n              </T>\n            )}\n            {role && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                opacity={0.65}\n                pr={1}\n                title={role}\n              >\n                {role}\n              </T>\n            )}\n          </Box>\n        </>\n      )}\n    </Box>\n  )\n})\n\nHeaderAccountUserInfo.displayName = 'HeaderAccountUserInfo'\n\nexport default HeaderAccountUserInfo\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,wBAAwB,KAAwC,OAAO,QAAQ;CAC1F,MAAM,EAAE,UAAU,WAAW,OAAO,aAAa,aAAa,eAAe,MAAM,GAAG,SAAS;CAC/F,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAC1D,MAAM,aAAa,SAAS,OAAO,gBAAgB,SAAS;CAE5D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,6BAA6B,SAAS;EACpD,GAAG;EACH,IAAI;EACC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,YAAY,gBAAgB,SAAS;EACrC,IAAI,gBAAgB,IAAI;EACxB,WAAW,gBAAgB,UAAU;YAEpC,YACC,4CACG,CAAC,iBACA,oBAAC,QAAD;GAAQ,WAAU;GAAkC,MAAM;GAAa,MAAK;GAAK,SAAQ;EAAiB,IAE5G,qBAAC,KAAD;GAAK;GAAO,QAAQ,OAAO,IAAI;aAA/B;IACG,eACC,oBAAC,GAAD;KACE,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;KACP,QAAO;eAEN;IACA;IAEJ,eACC,oBAAC,GAAD;KACE,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;eAEN;IACA;IAEJ,QACC,oBAAC,GAAD;KACE,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,SAAS;KACT,IAAI;KACJ,OAAO;eAEN;IACA;GAEF;IACL;CAED;AAET,CAAC;AAED,sBAAsB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"headerApplicationName.d.ts","names":[],"sources":["../../src/header/headerApplicationName.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;cAOa,qBAAA,sBA+BX,cAAA,GA/BgC,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,YAAA;UAAA,eAAA"}
+{"version":3,"file":"headerApplicationName.d.ts","names":[],"sources":["../../src/header/headerApplicationName.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;cAQa,qBAAA,sBA+BX,cAAA,GA/BgC,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,YAAA;UAAA,eAAA"}

package/dist/header/headerApplicationName.js

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

package/dist/header/headerApplicationName.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerApplicationName.js","names":[],"sources":["../../src/header/headerApplicationName.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useUp, vui } from '../core'\nimport { Heading } from '../heading'\nimport type { HeadingProps } from '../heading/heading.types'\nimport { cs } from '../utils'\n\n/** Logo displayed in the left corner of the Header. */\nexport const HeaderApplicationName = vui<'div', HeadingProps & { url?: string }>((props, ref) => {\n  const { color, title, url, ...rest } = props\n\n  const isTablet = useUp('md')\n\n  const additionalClassName = isTablet ? 'vui-headerApplicationNameTablet' : 'vui-headerApplicationNameMobile'\n\n  const mobileProps = {\n    fontSize: 18,\n    lineHeight: '21px',\n    mt: isTablet ? 0 : 'inherit',\n    maxW: isTablet ? 'inherit' : '156px',\n  }\n\n  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {}\n\n  const localColor = color || 'darkBlue.main'\n\n  return (\n    <Box {...linkProps}>\n      <Heading\n        className={cs('vui-headerApplicationName', additionalClassName)}\n        size=\"title\"\n        {...rest}\n        {...(mobileProps as any)}\n        color={localColor}\n      >\n        {title}\n      </Heading>\n    </Box>\n  )\n})\n\nHeaderApplicationName.displayName = 'HeaderApplicationName'\n\nexport default HeaderApplicationName\n"],"mappings":";;;;;;;;;AAOA,MAAa,wBAAwB,KAA6C,OAAO,QAAQ;CAC/F,MAAM,EAAE,OAAO,OAAO,KAAK,GAAG,SAAS;CAEvC,MAAM,WAAW,MAAM,IAAI;CAE3B,MAAM,sBAAsB,WAAW,oCAAoC;CAE3E,MAAM,cAAc;EAClB,UAAU;EACV,YAAY;EACZ,IAAI,WAAW,IAAI;EACnB,MAAM,WAAW,YAAY;CAC/B;CAEA,MAAM,YAAY,MAAM;EAAE,IAAI;EAAK,MAAM;EAAK,SAAS;EAAQ,WAAW;CAAE,IAAI,CAAC;CAEjF,MAAM,aAAa,SAAS;CAE5B,OACE,oBAAC,KAAD;EAAK,GAAI;YACP,oBAAC,SAAD;GACE,WAAW,GAAG,6BAA6B,mBAAmB;GAC9D,MAAK;GACL,GAAI;GACJ,GAAK;GACL,OAAO;aAEN;EACM;CACN;AAET,CAAC;AAED,sBAAsB,cAAc"}
+{"version":3,"file":"headerApplicationName.js","names":[],"sources":["../../src/header/headerApplicationName.tsx"],"sourcesContent":["import type { HeadingProps } from '../heading/heading.types'\n\nimport { Box } from '../box'\nimport { useUp, vui } from '../core'\nimport { Heading } from '../heading'\nimport { cs } from '../utils'\n\n/** Logo displayed in the left corner of the Header. */\nexport const HeaderApplicationName = vui<'div', HeadingProps & { url?: string }>((props, ref) => {\n  const { color, title, url, ...rest } = props\n\n  const isTablet = useUp('md')\n\n  const additionalClassName = isTablet ? 'vui-headerApplicationNameTablet' : 'vui-headerApplicationNameMobile'\n\n  const mobileProps = {\n    fontSize: 18,\n    lineHeight: '21px',\n    mt: isTablet ? 0 : 'inherit',\n    maxW: isTablet ? 'inherit' : '156px',\n  }\n\n  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {}\n\n  const localColor = color || 'darkBlue.main'\n\n  return (\n    <Box {...linkProps}>\n      <Heading\n        className={cs('vui-headerApplicationName', additionalClassName)}\n        size=\"title\"\n        {...rest}\n        {...(mobileProps as any)}\n        color={localColor}\n      >\n        {title}\n      </Heading>\n    </Box>\n  )\n})\n\nHeaderApplicationName.displayName = 'HeaderApplicationName'\n\nexport default HeaderApplicationName\n"],"mappings":";;;;;;;;;AAQA,MAAa,wBAAwB,KAA6C,OAAO,QAAQ;CAC/F,MAAM,EAAE,OAAO,OAAO,KAAK,GAAG,SAAS;CAEvC,MAAM,WAAW,MAAM,IAAI;CAE3B,MAAM,sBAAsB,WAAW,oCAAoC;CAE3E,MAAM,cAAc;EAClB,UAAU;EACV,YAAY;EACZ,IAAI,WAAW,IAAI;EACnB,MAAM,WAAW,YAAY;CAC/B;CAEA,MAAM,YAAY,MAAM;EAAE,IAAI;EAAK,MAAM;EAAK,SAAS;EAAQ,WAAW;CAAE,IAAI,CAAC;CAEjF,MAAM,aAAa,SAAS;CAE5B,OACE,oBAAC,KAAD;EAAK,GAAI;YACP,oBAAC,SAAD;GACE,WAAW,GAAG,6BAA6B,mBAAmB;GAC9D,MAAK;GACL,GAAI;GACJ,GAAK;GACL,OAAO;aAEN;EACM;CACN;AAET,CAAC;AAED,sBAAsB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"headerContent.d.ts","names":[],"sources":["../../src/header/headerContent.tsx"],"mappings":";;;;cAOa,aAAA,EAAa,YAAA,QAiBxB,QAAA"}
+{"version":3,"file":"headerContent.d.ts","names":[],"sources":["../../src/header/headerContent.tsx"],"mappings":";;;;cAQa,aAAA,EAAa,YAAA,QAiBxB,QAAA"}

package/dist/header/headerContent.js

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

package/dist/header/headerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerContent.js","names":[],"sources":["../../src/header/headerContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderContentProps } from './header.types'\n\n/** Controls max-width of the content and centers itself horizontally. */\nexport const HeaderContent = vui<'div', HeaderContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-headerContent', className)}\n      h={1}\n      mx=\"auto\"\n      position=\"relative\"\n      ref={ref}\n      w={1}\n      {...styles.content}\n      {...rest}\n    />\n  )\n})\n\nHeaderContent.displayName = 'HeaderContent'\n\nexport default HeaderContent\n"],"mappings":";;;;;;;;;AAOA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE;EACA,WAAW,GAAG,qBAAqB,SAAS;EAC5C,GAAG;EACH,IAAG;EACH,UAAS;EACJ;EACL,GAAG;EACH,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"headerContent.js","names":[],"sources":["../../src/header/headerContent.tsx"],"sourcesContent":["import type { HeaderContentProps } from './header.types'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Controls max-width of the content and centers itself horizontally. */\nexport const HeaderContent = vui<'div', HeaderContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-headerContent', className)}\n      h={1}\n      mx=\"auto\"\n      position=\"relative\"\n      ref={ref}\n      w={1}\n      {...styles.content}\n      {...rest}\n    />\n  )\n})\n\nHeaderContent.displayName = 'HeaderContent'\n\nexport default HeaderContent\n"],"mappings":";;;;;;;;;AAQA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE;EACA,WAAW,GAAG,qBAAqB,SAAS;EAC5C,GAAG;EACH,IAAG;EACH,UAAS;EACJ;EACL,GAAG;EACH,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}

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

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

package/dist/header/headerCreateAccount.js

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

package/dist/header/headerCreateAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerCreateAccount.js","names":[],"sources":["../../src/header/headerCreateAccount.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderCreateAccountProps } from './header.types'\n\n/** Text inviting to create an account when logged out. */\nexport const HeaderCreateAccount = vui<'div', HeaderCreateAccountProps>((props, ref) => {\n  const { children, className, url, ...rest } = props\n  const { isMobile, links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).createAccount\n\n  const screenProps = isMobile ? { borderBottom: '1px solid sandstone.main', p: 2 } : { ml: 3 }\n\n  const linkVariant = isMobile ? 'dark' : (styles?.link?.variant ?? 'dark')\n\n  return (\n    <Box\n      className={cs('vui-headerCreateAccount', className)}\n      column\n      flexShrink={0}\n      ref={ref}\n      {...styles.container}\n      {...screenProps}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          <T size=\"sm\" {...styles.text} color={isMobile ? 'darkBlue.main' : (styles?.text?.color ?? 'darkBlue.main')}>\n            New to Veracity?\n          </T>\n\n          <Link fontWeight=\"medium\" href={url ?? links.signUp} isUnderlined size=\"sm\" variant={linkVariant}>\n            Create account\n          </Link>\n        </>\n      )}\n    </Box>\n  )\n})\n\nHeaderCreateAccount.displayName = 'HeaderCreateAccount'\n\nexport default HeaderCreateAccount\n"],"mappings":";;;;;;;;;;;AASA,MAAa,sBAAsB,KAAsC,OAAO,QAAQ;CACtF,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,EAAE,UAAU,UAAU,iBAAiB,KAAK,CAAC;CACnD,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,MAAM,cAAc,WAAW;EAAE,cAAc;EAA4B,GAAG;CAAE,IAAI,EAAE,IAAI,EAAE;CAE5F,MAAM,cAAc,WAAW,SAAU,QAAQ,MAAM,WAAW;CAElE,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,2BAA2B,SAAS;EAClD;EACA,YAAY;EACP;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,YACC,4CACE,oBAAC,GAAD;GAAG,MAAK;GAAK,GAAI,OAAO;GAAM,OAAO,WAAW,kBAAmB,QAAQ,MAAM,SAAS;aAAkB;EAEzG,IAEH,oBAAC,MAAD;GAAM,YAAW;GAAS,MAAM,OAAO,MAAM;GAAQ;GAAa,MAAK;GAAK,SAAS;aAAa;EAE5F,EACN;CAED;AAET,CAAC;AAED,oBAAoB,cAAc"}
+{"version":3,"file":"headerCreateAccount.js","names":[],"sources":["../../src/header/headerCreateAccount.tsx"],"sourcesContent":["import type { HeaderCreateAccountProps } from './header.types'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Text inviting to create an account when logged out. */\nexport const HeaderCreateAccount = vui<'div', HeaderCreateAccountProps>((props, ref) => {\n  const { children, className, url, ...rest } = props\n  const { isMobile, links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).createAccount\n\n  const screenProps = isMobile ? { borderBottom: '1px solid sandstone.main', p: 2 } : { ml: 3 }\n\n  const linkVariant = isMobile ? 'dark' : (styles?.link?.variant ?? 'dark')\n\n  return (\n    <Box\n      className={cs('vui-headerCreateAccount', className)}\n      column\n      flexShrink={0}\n      ref={ref}\n      {...styles.container}\n      {...screenProps}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          <T size=\"sm\" {...styles.text} color={isMobile ? 'darkBlue.main' : (styles?.text?.color ?? 'darkBlue.main')}>\n            New to Veracity?\n          </T>\n\n          <Link fontWeight=\"medium\" href={url ?? links.signUp} isUnderlined size=\"sm\" variant={linkVariant}>\n            Create account\n          </Link>\n        </>\n      )}\n    </Box>\n  )\n})\n\nHeaderCreateAccount.displayName = 'HeaderCreateAccount'\n\nexport default HeaderCreateAccount\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,sBAAsB,KAAsC,OAAO,QAAQ;CACtF,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,EAAE,UAAU,UAAU,iBAAiB,KAAK,CAAC;CACnD,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,MAAM,cAAc,WAAW;EAAE,cAAc;EAA4B,GAAG;CAAE,IAAI,EAAE,IAAI,EAAE;CAE5F,MAAM,cAAc,WAAW,SAAU,QAAQ,MAAM,WAAW;CAElE,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,2BAA2B,SAAS;EAClD;EACA,YAAY;EACP;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,YACC,4CACE,oBAAC,GAAD;GAAG,MAAK;GAAK,GAAI,OAAO;GAAM,OAAO,WAAW,kBAAmB,QAAQ,MAAM,SAAS;aAAkB;EAEzG,IAEH,oBAAC,MAAD;GAAM,YAAW;GAAS,MAAM,OAAO,MAAM;GAAQ;GAAa,MAAK;GAAK,SAAS;aAAa;EAE5F,EACN;CAED;AAET,CAAC;AAED,oBAAoB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"headerDivider.d.ts","names":[],"sources":["../../src/header/headerDivider.tsx"],"mappings":";;;;cAOa,aAAA,EAAa,YAAA,OAAA,YAAA"}
+{"version":3,"file":"headerDivider.d.ts","names":[],"sources":["../../src/header/headerDivider.tsx"],"mappings":";;;;cAQa,aAAA,EAAa,YAAA,OAAA,YAAA"}

package/dist/header/headerDivider.js

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

package/dist/header/headerDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerDivider.js","names":[],"sources":["../../src/header/headerDivider.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { DividerProps } from '../divider'\nimport Divider from '../divider'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Vertical line dividing part of the Header content. */\nexport const HeaderDivider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <Divider\n      borderColor=\"darkBlue.main\"\n      className={cs('vui-headerDivider', className)}\n      h={40}\n      isVertical\n      ref={ref}\n      {...styles.divider}\n      {...rest}\n    />\n  )\n})\n\nHeaderDivider.displayName = 'HeaderDivider'\nexport default HeaderDivider\n"],"mappings":";;;;;;;;;AAOA,MAAa,gBAAgB,KAAyB,OAAO,QAAQ;CACnE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,SAAD;EACE,aAAY;EACZ,WAAW,GAAG,qBAAqB,SAAS;EAC5C,GAAG;EACH;EACK;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"headerDivider.js","names":[],"sources":["../../src/header/headerDivider.tsx"],"sourcesContent":["import type { DividerProps } from '../divider'\n\nimport { useStyleConfig, vui } from '../core'\nimport Divider from '../divider'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Vertical line dividing part of the Header content. */\nexport const HeaderDivider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <Divider\n      borderColor=\"darkBlue.main\"\n      className={cs('vui-headerDivider', className)}\n      h={40}\n      isVertical\n      ref={ref}\n      {...styles.divider}\n      {...rest}\n    />\n  )\n})\n\nHeaderDivider.displayName = 'HeaderDivider'\nexport default HeaderDivider\n"],"mappings":";;;;;;;;;AAQA,MAAa,gBAAgB,KAAyB,OAAO,QAAQ;CACnE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,SAAD;EACE,aAAY;EACZ,WAAW,GAAG,qBAAqB,SAAS;EAC5C,GAAG;EACH;EACK;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}

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

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

package/dist/header/headerLinkItem.js

@@ -54,7 +54,7 @@ const HeaderLinkItem = vui((props, ref) => {
 		h: "100%"
 	};
 	return /* @__PURE__ */ jsx(List.Item, {
-		className: cs("vui-headerLinkItem", className, `${isActive && "is-active"}`),
+		className: cs("vui-headerLinkItem", className, isActive && "is-active"),
 		startIcon: icon,
 		linkProps: {
 			href: url,
@@ -85,5 +85,5 @@ HeaderLinkItem.displayName = "HeaderLinkItem";
 
 //#endregion
 export { HeaderLinkItem as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=headerLinkItem.js.map

package/dist/header/headerLinkItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerLinkItem.js","names":[],"sources":["../../src/header/headerLinkItem.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderLinkItemProps } from './header.types'\n\n/** Individual link item of the Header. */\nexport const HeaderLinkItem = vui<'li', HeaderLinkItemProps>((props, ref) => {\n  const { className, icon, isActive, linkProps, onClick: onClickProp, url, ...rest } = props\n  const { isMobile, setIsMobileOpen } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).linkItem\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    setIsMobileOpen(false)\n    onClickProp?.(e)\n  })\n  const linkPropsExtended = { ...linkProps, display: 'inline-flex', alignItems: 'center' }\n  const linkActiveProps = isActive\n    ? isMobile\n      ? {\n          bg: 'skyBlue.95',\n          borderColor: 'seaBlue.main',\n          borderLeftWidth: 3,\n          hoverBg: 'skyBlue.90',\n          pl: '13px',\n          activeBorderBottomWidth: 0,\n          pt: '0px',\n        }\n      : { borderBottomWidth: 4, pt: '4px' }\n    : {}\n\n  const linkMobileProps = isMobile\n    ? {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        hoverBg: 'skyBlue.90',\n        activeColor: 'darkBlue.main',\n        activeBg: 'transparent',\n        activeBorderColor: 'seaBlue.main',\n        activeBorderLeftWidth: 0,\n        pt: '0',\n        activePl: isActive ? '13px' : '16px',\n      }\n    : { activeBorderBottomWidth: 0, pt: '0px', activePt: isActive ? '1px' : '0' }\n\n  const itemScreenProps = isMobile ? {} : { display: 'inline-flex', fontWeight: 'medium', h: '100%' }\n\n  return (\n    <List.Item\n      className={cs('vui-headerLinkItem', className, `${isActive && 'is-active'}`)}\n      startIcon={icon}\n      linkProps={{\n        href: url,\n        ringInset: true,\n        transition: 'all 0.1s, border-width 0s, padding 0s',\n        w: { xs: '100%', lg: 'max-content' },\n        px: { xs: '16px', lg: '10px', xl: '16px' },\n        ...styles.link,\n        ...linkPropsExtended,\n        ...linkMobileProps,\n        ...linkActiveProps,\n      }}\n      onClick={onClick}\n      ref={ref}\n      {...itemScreenProps}\n      {...styles.container}\n      {...rest}\n    />\n  )\n})\n\nHeaderLinkItem.displayName = 'HeaderLinkItem'\nexport default HeaderLinkItem\n"],"mappings":";;;;;;;;;;AAQA,MAAa,iBAAiB,KAAgC,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,MAAM,UAAU,WAAW,SAAS,aAAa,KAAK,GAAG,SAAS;CACrF,MAAM,EAAE,UAAU,oBAAoB,iBAAiB,KAAK,CAAC;CAC7D,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,MAAM,UAAU,gBAAgB,MAAiC;EAC/D,gBAAgB,KAAK;EACrB,cAAc,CAAC;CACjB,CAAC;CACD,MAAM,oBAAoB;EAAE,GAAG;EAAW,SAAS;EAAe,YAAY;CAAS;CACvF,MAAM,kBAAkB,WACpB,WACE;EACE,IAAI;EACJ,aAAa;EACb,iBAAiB;EACjB,SAAS;EACT,IAAI;EACJ,yBAAyB;EACzB,IAAI;CACN,IACA;EAAE,mBAAmB;EAAG,IAAI;CAAM,IACpC,CAAC;CAEL,MAAM,kBAAkB,WACpB;EACE,OAAO;EACP,YAAY;EACZ,SAAS;EACT,aAAa;EACb,UAAU;EACV,mBAAmB;EACnB,uBAAuB;EACvB,IAAI;EACJ,UAAU,WAAW,SAAS;CAChC,IACA;EAAE,yBAAyB;EAAG,IAAI;EAAO,UAAU,WAAW,QAAQ;CAAI;CAE9E,MAAM,kBAAkB,WAAW,CAAC,IAAI;EAAE,SAAS;EAAe,YAAY;EAAU,GAAG;CAAO;CAElG,OACE,oBAAC,KAAK,MAAN;EACE,WAAW,GAAG,sBAAsB,WAAW,GAAG,YAAY,aAAa;EAC3E,WAAW;EACX,WAAW;GACT,MAAM;GACN,WAAW;GACX,YAAY;GACZ,GAAG;IAAE,IAAI;IAAQ,IAAI;GAAc;GACnC,IAAI;IAAE,IAAI;IAAQ,IAAI;IAAQ,IAAI;GAAO;GACzC,GAAG,OAAO;GACV,GAAG;GACH,GAAG;GACH,GAAG;EACL;EACS;EACJ;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,eAAe,cAAc"}
+{"version":3,"file":"headerLinkItem.js","names":[],"sources":["../../src/header/headerLinkItem.tsx"],"sourcesContent":["import type { MouseEvent } from '../utils'\nimport type { HeaderLinkItemProps } from './header.types'\n\nimport { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs, useCallbackRef } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Individual link item of the Header. */\nexport const HeaderLinkItem = vui<'li', HeaderLinkItemProps>((props, ref) => {\n  const { className, icon, isActive, linkProps, onClick: onClickProp, url, ...rest } = props\n  const { isMobile, setIsMobileOpen } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).linkItem\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    setIsMobileOpen(false)\n    onClickProp?.(e)\n  })\n  const linkPropsExtended = { ...linkProps, display: 'inline-flex', alignItems: 'center' }\n  const linkActiveProps = isActive\n    ? isMobile\n      ? {\n          bg: 'skyBlue.95',\n          borderColor: 'seaBlue.main',\n          borderLeftWidth: 3,\n          hoverBg: 'skyBlue.90',\n          pl: '13px',\n          activeBorderBottomWidth: 0,\n          pt: '0px',\n        }\n      : { borderBottomWidth: 4, pt: '4px' }\n    : {}\n\n  const linkMobileProps = isMobile\n    ? {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        hoverBg: 'skyBlue.90',\n        activeColor: 'darkBlue.main',\n        activeBg: 'transparent',\n        activeBorderColor: 'seaBlue.main',\n        activeBorderLeftWidth: 0,\n        pt: '0',\n        activePl: isActive ? '13px' : '16px',\n      }\n    : { activeBorderBottomWidth: 0, pt: '0px', activePt: isActive ? '1px' : '0' }\n\n  const itemScreenProps = isMobile ? {} : { display: 'inline-flex', fontWeight: 'medium', h: '100%' }\n\n  return (\n    <List.Item\n      className={cs('vui-headerLinkItem', className, isActive && 'is-active')}\n      startIcon={icon}\n      linkProps={{\n        href: url,\n        ringInset: true,\n        transition: 'all 0.1s, border-width 0s, padding 0s',\n        w: { xs: '100%', lg: 'max-content' },\n        px: { xs: '16px', lg: '10px', xl: '16px' },\n        ...styles.link,\n        ...linkPropsExtended,\n        ...linkMobileProps,\n        ...linkActiveProps,\n      }}\n      onClick={onClick}\n      ref={ref}\n      {...itemScreenProps}\n      {...styles.container}\n      {...rest}\n    />\n  )\n})\n\nHeaderLinkItem.displayName = 'HeaderLinkItem'\nexport default HeaderLinkItem\n"],"mappings":";;;;;;;;;;AASA,MAAa,iBAAiB,KAAgC,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,MAAM,UAAU,WAAW,SAAS,aAAa,KAAK,GAAG,SAAS;CACrF,MAAM,EAAE,UAAU,oBAAoB,iBAAiB,KAAK,CAAC;CAC7D,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,MAAM,UAAU,gBAAgB,MAAiC;EAC/D,gBAAgB,KAAK;EACrB,cAAc,CAAC;CACjB,CAAC;CACD,MAAM,oBAAoB;EAAE,GAAG;EAAW,SAAS;EAAe,YAAY;CAAS;CACvF,MAAM,kBAAkB,WACpB,WACE;EACE,IAAI;EACJ,aAAa;EACb,iBAAiB;EACjB,SAAS;EACT,IAAI;EACJ,yBAAyB;EACzB,IAAI;CACN,IACA;EAAE,mBAAmB;EAAG,IAAI;CAAM,IACpC,CAAC;CAEL,MAAM,kBAAkB,WACpB;EACE,OAAO;EACP,YAAY;EACZ,SAAS;EACT,aAAa;EACb,UAAU;EACV,mBAAmB;EACnB,uBAAuB;EACvB,IAAI;EACJ,UAAU,WAAW,SAAS;CAChC,IACA;EAAE,yBAAyB;EAAG,IAAI;EAAO,UAAU,WAAW,QAAQ;CAAI;CAE9E,MAAM,kBAAkB,WAAW,CAAC,IAAI;EAAE,SAAS;EAAe,YAAY;EAAU,GAAG;CAAO;CAElG,OACE,oBAAC,KAAK,MAAN;EACE,WAAW,GAAG,sBAAsB,WAAW,YAAY,WAAW;EACtE,WAAW;EACX,WAAW;GACT,MAAM;GACN,WAAW;GACX,YAAY;GACZ,GAAG;IAAE,IAAI;IAAQ,IAAI;GAAc;GACnC,IAAI;IAAE,IAAI;IAAQ,IAAI;IAAQ,IAAI;GAAO;GACzC,GAAG,OAAO;GACV,GAAG;GACH,GAAG;GACH,GAAG;EACL;EACS;EACJ;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,eAAe,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"headerLogo.d.ts","names":[],"sources":["../../src/header/headerLogo.tsx"],"mappings":";;;;cAMa,UAAA,EAAU,YAAA,QAAA,SAAA"}
+{"version":3,"file":"headerLogo.d.ts","names":[],"sources":["../../src/header/headerLogo.tsx"],"mappings":";;;;cAOa,UAAA,EAAU,YAAA,QAAA,SAAA"}

package/dist/header/headerLogo.js

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

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,iBAAiB,KAAK,CAAC;CAEzC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAI5D,OACE,oBAAC,MAAD;EAAa;EAAkB;EAAgB;EAAU;EAAa;EAAQ,KAHhE,OAAO,MAAM;EAGiE,GAAI;EAC7F;CACG;AAEV,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"headerLogo.js","names":[],"sources":["../../src/header/headerLogo.tsx"],"sourcesContent":["import type { LogoProps } from '../logo/logo.types'\n\nimport { useStyleConfig, vui } from '../core'\nimport { Logo } from '../logo'\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":";;;;;;;;AAOA,MAAa,aAAa,KAAuB,OAAO,QAAQ;CAC9D,MAAM,EAAE,OAAO,UAAU,WAAW,KAAK,KAAK,GAAG,SAAS;CAC1D,MAAM,EAAE,UAAU,iBAAiB,KAAK,CAAC;CAEzC,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAI5D,OACE,oBAAC,MAAD;EAAa;EAAkB;EAAgB;EAAU;EAAa;EAAQ,KAHhE,OAAO,MAAM;EAGiE,GAAI;EAC7F;CACG;AAEV,CAAC;AAED,WAAW,cAAc"}

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":";;;;cASa,eAAA,EAAe,YAAA,OAAA,oBAAA"}

package/dist/header/headerMainLinks.js

@@ -30,5 +30,5 @@ HeaderMainLinks.displayName = "HeaderMainLinks";
 
 //#endregion
 export { HeaderMainLinks as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,iBAAiB,KAAK,CAAC;CAC5C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,eAAe,WACjB;EACE,eAAe;EACf,IAAI;CACN,IACA,EAAE,GAAG,OAAO;CAEhB,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,uBAAuB,SAAS;EAC9C,SAAQ;EACH;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,YAAY,OAAO,KAAK,MAAM,UAAU,oBAAC,gBAAD,EAA4B,GAAI,KAAO,GAAlB,KAAkB,CAAC;CAC7E;AAEV,CAAC;AAED,gBAAgB,cAAc"}
+{"version":3,"file":"headerMainLinks.js","names":[],"sources":["../../src/header/headerMainLinks.tsx"],"sourcesContent":["import type { HeaderMainLinksProps } from './header.types'\n\nimport { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\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":";;;;;;;;;;AASA,MAAa,kBAAkB,KAAiC,OAAO,QAAQ;CAC7E,MAAM,EAAE,UAAU,WAAW,OAAO,GAAG,SAAS;CAChD,MAAM,EAAE,aAAa,iBAAiB,KAAK,CAAC;CAC5C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,eAAe,WACjB;EACE,eAAe;EACf,IAAI;CACN,IACA,EAAE,GAAG,OAAO;CAEhB,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,uBAAuB,SAAS;EAC9C,SAAQ;EACH;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,YAAY,OAAO,KAAK,MAAM,UAAU,oBAAC,gBAAD,EAA4B,GAAI,KAAO,GAAlB,KAAkB,CAAC;CAC7E;AAEV,CAAC;AAED,gBAAgB,cAAc"}

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":";;;;cAQa,mBAAA,EAAmB,YAAA,QAAA,QAAA"}

package/dist/header/headerMobileContent.js

@@ -35,5 +35,5 @@ HeaderMobileContent.displayName = "HeaderMobileContent";
 
 //#endregion
 export { HeaderMobileContent as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# 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,iBAAiB,KAAK,CAAC;CAClE,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAC1D,MAAM,qBAAqB,MAAM,IAAI;CAErC,OAAO,eACL,oBAAC,KAAD;EACE,IAAG;EACH,WAAW,GAAG,2BAA2B,SAAS;EAClD;EACA,WAAU;EACV,WAAU;EACV,UAAS;EACT,KAAK,UAAU,KAAK,gBAAgB;EACpC,OAAO,qBAAqB,UAAU;EACtC,WAAU;EACV,KAAI;EACJ,GAAG,qBAAqB,MAAM;EAC9B,QAAO;EACP,GAAI,OAAO;EACX,GAAI;CACL,KACC;AACN,CAAC;AAED,oBAAoB,cAAc"}
+{"version":3,"file":"headerMobileContent.js","names":[],"sources":["../../src/header/headerMobileContent.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\n\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":";;;;;;;;;;;AAQA,MAAa,sBAAsB,KAAsB,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,cAAc,qBAAqB,iBAAiB,KAAK,CAAC;CAClE,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAC1D,MAAM,qBAAqB,MAAM,IAAI;CAErC,OAAO,eACL,oBAAC,KAAD;EACE,IAAG;EACH,WAAW,GAAG,2BAA2B,SAAS;EAClD;EACA,WAAU;EACV,WAAU;EACV,UAAS;EACT,KAAK,UAAU,KAAK,gBAAgB;EACpC,OAAO,qBAAqB,UAAU;EACtC,WAAU;EACV,KAAI;EACJ,GAAG,qBAAqB,MAAM;EAC9B,QAAO;EACP,GAAI,OAAO;EACX,GAAI;CACL,KACC;AACN,CAAC;AAED,oBAAoB,cAAc"}

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":";;;;cASa,kBAAA,EAAkB,YAAA,WAAA,WAAA"}