@veracity/vui 5.1.1 → 5.2.0-alpha.395258.2606090726

package/dist/dragAndDrop/dragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.js","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"sourcesContent":["import type { ChangeEvent, DragEvent } from 'react'\nimport { useRef } from 'react'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport type { IconProp } from '../icon'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\nimport type { DragAndDropProps } from './dragAndDrop.types'\n\nconst defaultIcon: IconProp = 'falCloudUpload'\n\nconst defaultText = 'Click or drag files to this area'\n\nconst inputType = 'file'\n\nconst DragAndDropBase = styled.labelBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n  justify-content: center;\n`\n\n/** Prepares uploading files by selecting or dragging. */\nexport const DragAndDrop = vui<'label', DragAndDropProps>((props, ref) => {\n  const {\n    accept,\n    className,\n    icon = defaultIcon,\n    selectFolderOnClick,\n    selectFolderOnDrop,\n    onFilesAdded,\n    multiple = true,\n    text = defaultText,\n    children,\n    disabled,\n    ...rest\n  } = omitThemingProps(props)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const styles = useStyleConfig('DragAndDrop', props)\n\n  const processFiles = (files: FileList): File[] => Array.from(files).map(file => file)\n\n  const handleFileInput = (e: ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n    const files = processFiles(e?.currentTarget?.files as FileList)\n    if (files?.length) {\n      onFilesAdded?.(files)\n      // Reseting the input type to allow selecting the same file(s)\n      e.currentTarget.type = ''\n      e.currentTarget.type = inputType\n    }\n  }\n\n  const getFilesWebkitDataTransferItems = (dataTransferItems: DataTransferItemList): Promise<File[]> => {\n    const traverseFileTreePromise = (item: FileSystemEntry, path: string = ''): Promise<File[]> =>\n      new Promise(resolve => {\n        if (item.isFile) {\n          const fileEntry = item as FileSystemFileEntry\n          fileEntry.file(file => {\n            ;(file as any).filepath = path + file.name // Save full path with type casting\n            files.push(file)\n            resolve([file])\n          })\n        } else if (item.isDirectory) {\n          const dirEntry = item as FileSystemDirectoryEntry\n          const dirReader = dirEntry.createReader()\n          dirReader.readEntries(entries => {\n            const entriesPromises: Promise<File[]>[] = entries.map(entry =>\n              traverseFileTreePromise(entry, path + dirEntry.name + '/'),\n            )\n            resolve(Promise.all(entriesPromises).then(entries => [].concat(...(entries as any[]))))\n          })\n        }\n      })\n\n    const files: File[] = []\n    return new Promise((resolve, reject) => {\n      const entriesPromises: Promise<File[]>[] = []\n      for (let i = 0; i < dataTransferItems.length; i++) {\n        const item = dataTransferItems[i].webkitGetAsEntry()\n        if (item) entriesPromises.push(traverseFileTreePromise(item))\n      }\n      Promise.all(entriesPromises)\n        .then(() => resolve(files))\n        .catch(reject)\n    })\n  }\n\n  const handleDrop = (e: DragEvent<HTMLElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n\n    if (selectFolderOnDrop) {\n      const items = e.dataTransfer.items\n      getFilesWebkitDataTransferItems(items).then(files => files?.length && onFilesAdded?.(files))\n      return undefined\n    }\n\n    const files = e.dataTransfer?.files ? processFiles(e.dataTransfer.files) : []\n    if (files?.length) onFilesAdded?.(files)\n  }\n\n  return (\n    <DragAndDropBase\n      className={cs('vui-drag-and-drop', className)}\n      cursor={disabled ? 'not-allowed' : 'pointer'}\n      onDragEnter={e => e.preventDefault()}\n      onDragOver={e => e.preventDefault()}\n      onDrop={e => handleDrop(e)}\n      opacity={disabled ? 0.5 : 1}\n      p={5}\n      pointerEvents={disabled ? 'none' : 'auto'}\n      ref={ref}\n      {...styles}\n      {...rest}\n    >\n      {children || (\n        <T display=\"flex\">\n          <Icon mr={1} name={icon} />\n          {text}\n        </T>\n      )}\n      <input\n        accept={accept}\n        className=\"vui-drag-and-drop-hidden-input\"\n        multiple={multiple}\n        onChange={handleFileInput}\n        ref={fileInputRef}\n        style={{ display: 'none' }}\n        type={inputType}\n        {...(selectFolderOnClick && { webkitdirectory: 'true', directory: 'true' })}\n      />\n    </DragAndDropBase>\n  )\n})\n\nDragAndDrop.displayName = 'DragAndDrop'\nexport default DragAndDrop\n"],"mappings":"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"}
+{"version":3,"file":"dragAndDrop.js","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"sourcesContent":["import type { ChangeEvent, DragEvent } from 'react'\nimport { useRef } from 'react'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport type { IconProp } from '../icon'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\nimport type { DragAndDropProps } from './dragAndDrop.types'\n\nconst defaultIcon: IconProp = 'falCloudUpload'\n\nconst defaultText = 'Click or drag files to this area'\n\nconst inputType = 'file'\n\nconst DragAndDropBase = styled.labelBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n  justify-content: center;\n`\n\n/** Prepares uploading files by selecting or dragging. */\nexport const DragAndDrop = vui<'label', DragAndDropProps>((props, ref) => {\n  const {\n    accept,\n    className,\n    icon = defaultIcon,\n    selectFolderOnClick,\n    selectFolderOnDrop,\n    onFilesAdded,\n    multiple = true,\n    text = defaultText,\n    children,\n    disabled,\n    ...rest\n  } = omitThemingProps(props)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const styles = useStyleConfig('DragAndDrop', props)\n\n  const processFiles = (files: FileList): File[] => Array.from(files).map(file => file)\n\n  const handleFileInput = (e: ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n    const files = processFiles(e?.currentTarget?.files as FileList)\n    if (files?.length) {\n      onFilesAdded?.(files)\n      // Reseting the input type to allow selecting the same file(s)\n      e.currentTarget.type = ''\n      e.currentTarget.type = inputType\n    }\n  }\n\n  const getFilesWebkitDataTransferItems = (dataTransferItems: DataTransferItemList): Promise<File[]> => {\n    const traverseFileTreePromise = (item: FileSystemEntry, path: string = ''): Promise<File[]> =>\n      new Promise(resolve => {\n        if (item.isFile) {\n          const fileEntry = item as FileSystemFileEntry\n          fileEntry.file(file => {\n            ;(file as any).filepath = path + file.name // Save full path with type casting\n            files.push(file)\n            resolve([file])\n          })\n        } else if (item.isDirectory) {\n          const dirEntry = item as FileSystemDirectoryEntry\n          const dirReader = dirEntry.createReader()\n          dirReader.readEntries(entries => {\n            const entriesPromises: Promise<File[]>[] = entries.map(entry =>\n              traverseFileTreePromise(entry, path + dirEntry.name + '/'),\n            )\n            resolve(Promise.all(entriesPromises).then(entries => [].concat(...(entries as any[]))))\n          })\n        }\n      })\n\n    const files: File[] = []\n    return new Promise((resolve, reject) => {\n      const entriesPromises: Promise<File[]>[] = []\n      for (let i = 0; i < dataTransferItems.length; i++) {\n        const item = dataTransferItems[i].webkitGetAsEntry()\n        if (item) entriesPromises.push(traverseFileTreePromise(item))\n      }\n      Promise.all(entriesPromises)\n        .then(() => resolve(files))\n        .catch(reject)\n    })\n  }\n\n  const handleDrop = (e: DragEvent<HTMLElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n\n    if (selectFolderOnDrop) {\n      const items = e.dataTransfer.items\n      getFilesWebkitDataTransferItems(items).then(files => files?.length && onFilesAdded?.(files))\n      return undefined\n    }\n\n    const files = e.dataTransfer?.files ? processFiles(e.dataTransfer.files) : []\n    if (files?.length) onFilesAdded?.(files)\n  }\n\n  return (\n    <DragAndDropBase\n      className={cs('vui-drag-and-drop', className)}\n      cursor={disabled ? 'not-allowed' : 'pointer'}\n      onDragEnter={e => e.preventDefault()}\n      onDragOver={e => e.preventDefault()}\n      onDrop={e => handleDrop(e)}\n      opacity={disabled ? 0.5 : 1}\n      p={5}\n      pointerEvents={disabled ? 'none' : 'auto'}\n      ref={ref}\n      {...styles}\n      {...rest}\n    >\n      {children || (\n        <T display=\"flex\">\n          <Icon mr={1} name={icon} />\n          {text}\n        </T>\n      )}\n      <input\n        accept={accept}\n        className=\"vui-drag-and-drop-hidden-input\"\n        multiple={multiple}\n        onChange={handleFileInput}\n        ref={fileInputRef}\n        style={{ display: 'none' }}\n        type={inputType}\n        {...(selectFolderOnClick && { webkitdirectory: 'true', directory: 'true' })}\n      />\n    </DragAndDropBase>\n  )\n})\n\nDragAndDrop.displayName = 'DragAndDrop'\nexport default DragAndDrop\n"],"mappings":"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"}

package/dist/dragAndDrop/theme.js

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

package/dist/drawer/drawer.js

@@ -31,5 +31,5 @@ Drawer.displayName = "Drawer";
 
 //#endregion
 export { Drawer as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=drawer.js.map

package/dist/drawer/theme.js

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

package/dist/focusLock/focusLock.js

@@ -29,5 +29,5 @@ FocusLock.displayName = "FocusLock";
 
 //#endregion
 export { FocusLock as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=focusLock.js.map

package/dist/footer/applicationFooter.js

@@ -59,5 +59,5 @@ ApplicationFooter.displayName = "ApplicationFooter";
 
 //#endregion
 export { ApplicationFooter as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=applicationFooter.js.map

package/dist/footer/context.js

@@ -5,5 +5,5 @@ const [FooterProvider, useFooterContext] = createContext({ isOptional: true });
 
 //#endregion
 export { FooterProvider, useFooterContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/footer/footer.js

@@ -303,5 +303,5 @@ Footer.displayName = "Footer";
 
 //#endregion
 export { FooterBase, Footer as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=footer.js.map

package/dist/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":[],"sources":["../../src/footer/footer.tsx"],"sourcesContent":["import { Box } from '../box'\nimport type { VuiComponent } from '../core'\nimport { styled, useDown, useStyleConfig, vui } from '../core'\nimport { Divider } from '../divider'\nimport { Link } from '../link'\nimport Menu from '../menu'\nimport { T } from '../t'\nimport { cs, getCurrentYear } from '../utils'\nimport { FooterProvider } from './context'\nimport type { FooterLinkData, FooterProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterColumns from './footerColumns'\nimport FooterContent from './footerContent'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\nimport FooterRow from './footerRow'\nimport FooterSection from './footerSection'\nimport FooterSlimColumn from './footerSlimColumn'\nimport { defaultLinkedInUrl, FooterTrademark } from './footerTrademark'\n\nexport const FooterBase = styled.divBox`\n  background-color: darkBlue.main;\n  color: white;\n`\n\nconst currentYear = getCurrentYear()\n\n/** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */\nexport const Footer = vui<'div', FooterProps>((props, ref) => {\n  const {\n    applicationLinks,\n    applicationSocialLinks = [],\n    applicationStaticItems = [],\n    children,\n    className,\n    columns,\n    isApplication = false,\n    isDNV = false,\n    linkedIn,\n    size,\n    variant,\n    isSlim,\n    ...rest\n  } = props\n\n  const context = { size, variant }\n\n  const styles = useStyleConfig('Footer', props)\n\n  if (isApplication && !applicationLinks) console.error('Footer: isApplication is true but applicationLinks  not set.')\n\n  const slimLinks: FooterLinkData[] = [\n    {\n      id: 'home',\n      text: 'veracity.com',\n      url: 'https://www.veracity.com/',\n    },\n  ]\n\n  columns?.map(column => {\n    column.map(section => {\n      section.links?.map(link => {\n        if (!link) return\n        if (['home', 'support', 'status'].includes(link.id || '')) slimLinks.push(link)\n      })\n    })\n  })\n\n  const downMd = useDown('md')\n  const downLg = useDown('lg')\n\n  return (\n    <FooterProvider value={context}>\n      <FooterBase\n        className={cs('vui-footer', isApplication ? 'vui-footer-app' : '', className)}\n        px={isApplication ? '40px' : downMd ? 2 : 3}\n        py={isSlim ? (downMd ? '16px' : '9px') : downMd ? 4 : 5}\n        role=\"contentinfo\"\n        {...styles.container}\n        ref={ref}\n        {...rest}\n      >\n        {isApplication && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW=\"100%\">\n            <FooterRow alignContent=\"space-between\" w={1}>\n              <Box\n                alignItems=\"self-start\"\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pr={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationLinks?.map((link, index) => (\n                  <Box flex={{ xs: '0 0 100%', sm: '0 0 auto' }} key={index}>\n                    {link.items && (\n                      <Menu isLazy={false} offset={[-16, 9]} placement=\"top-start\" size=\"sm\" {...rest}>\n                        <Menu.Button\n                          as={Link}\n                          className=\"vui-footerLink-trigger\"\n                          pt=\"1px\"\n                          role=\"button\"\n                          text={link.text}\n                          title={link.text}\n                          size={{ _: 'sm', md: 'md' }}\n                          {...styles.link}\n                          {...rest}\n                        />\n\n                        <Menu.List maxH={400} right={0} w={320} {...styles.list}>\n                          {link.items.map(({ text, url, target }, index) => (\n                            <Menu.Item\n                              isTruncated\n                              key={index}\n                              linkProps={{ href: url, target }}\n                              text={text}\n                              title={text}\n                              {...styles.item}\n                            />\n                          ))}\n                        </Menu.List>\n                      </Menu>\n                    )}\n\n                    {!link.items && <FooterLink {...link} href={link.url} py=\"1px\" />}\n                  </Box>\n                ))}\n              </Box>\n              {downLg && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n              <Box\n                centerV\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                justifyContent={{ sm: 'center', lg: 'flex-end' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pl={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationStaticItems?.map((text, index) => (\n                  <Box key={index}>\n                    <T size=\"sm\">{text}</T>\n                  </Box>\n                ))}\n\n                {isDNV ? (\n                  <Box>\n                    <T size=\"sm\">&copy; DNV AS {currentYear}</T>\n                  </Box>\n                ) : (\n                  <Box>\n                    <T size=\"sm\">\n                      <T fontWeight=\"600\">Veracity by DNV</T>, DNV AS\n                    </T>\n                  </Box>\n                )}\n                <Box>\n                  {applicationSocialLinks?.map((link, index) => (\n                    <Link\n                      aria-label={link.text}\n                      fontWeight=\"demi\"\n                      href={link.url}\n                      startIcon={\n                        <Link.Icon\n                          name={`${link.text === 'Twitter' ? 'brandX' + link.text + 'Solid' : 'brandCircle' + link.text}`}\n                          radius=\"50%\"\n                          size=\"xs\"\n                        />\n                      }\n                      isExternal\n                      key={index}\n                      mr={1}\n                      size={{ _: 'sm', md: 'md' }}\n                      {...styles.link}\n                    ></Link>\n                  ))}\n                  <Link\n                    fontWeight=\"demi\"\n                    href={linkedIn ?? defaultLinkedInUrl}\n                    isExternal\n                    size={{ _: 'sm', md: 'md' }}\n                    {...styles.link}\n                  >\n                    <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                  </Link>\n                </Box>\n              </Box>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && isSlim && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW={{ xs: 343, sm: 305, md: 720, lg: 975 }}>\n            <FooterRow>\n              {slimLinks.map(({ text, url, target, id }, index) => {\n                /** if the screen is small drop one specific link */\n                if (downLg && id === 'support') return\n\n                return (\n                  <FooterSlimColumn key={index}>\n                    <FooterLink href={url} text={text} target={target} />\n                  </FooterSlimColumn>\n                )\n              })}\n\n              {downMd && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n\n              <FooterSlimColumn centerV>\n                <T size=\"xs\">\n                  <T fontWeight=\"demi\">Veracity by DNV</T>, DNV AS\n                </T>\n              </FooterSlimColumn>\n              <FooterSlimColumn>\n                <Link\n                  fontWeight=\"demi\"\n                  href={linkedIn ?? defaultLinkedInUrl}\n                  startIcon={<Link.Icon mr={1} left={0} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"xs\" />}\n                  isExternal\n                  size={{ _: 'sm', md: 'md' }}\n                  {...styles.link}\n                >\n                  <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                </Link>\n              </FooterSlimColumn>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && !isSlim && (\n          <FooterContent>\n            {columns ? <FooterColumns columns={columns} /> : children}\n\n            {children || columns ? <Divider borderColor=\"sandstone.main\" my={4} /> : null}\n\n            <FooterRow>\n              <FooterTrademark linkedIn={linkedIn} />\n            </FooterRow>\n          </FooterContent>\n        )}\n      </FooterBase>\n    </FooterProvider>\n  )\n}) as VuiComponent<'div', FooterProps> & {\n  Column: typeof FooterColumn\n  Content: typeof FooterContent\n  Heading: typeof FooterHeading\n  Link: typeof FooterLink\n  Row: typeof FooterRow\n  Section: typeof FooterSection\n}\n\nFooter.Column = FooterColumn\nFooter.Content = FooterContent\nFooter.Heading = FooterHeading\nFooter.Link = FooterLink\nFooter.Row = FooterRow\nFooter.Section = FooterSection\nFooter.displayName = 'Footer'\n\nexport default Footer\n"],"mappings":"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"}
+{"version":3,"file":"footer.js","names":[],"sources":["../../src/footer/footer.tsx"],"sourcesContent":["import { Box } from '../box'\nimport type { VuiComponent } from '../core'\nimport { styled, useDown, useStyleConfig, vui } from '../core'\nimport { Divider } from '../divider'\nimport { Link } from '../link'\nimport Menu from '../menu'\nimport { T } from '../t'\nimport { cs, getCurrentYear } from '../utils'\nimport { FooterProvider } from './context'\nimport type { FooterLinkData, FooterProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterColumns from './footerColumns'\nimport FooterContent from './footerContent'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\nimport FooterRow from './footerRow'\nimport FooterSection from './footerSection'\nimport FooterSlimColumn from './footerSlimColumn'\nimport { defaultLinkedInUrl, FooterTrademark } from './footerTrademark'\n\nexport const FooterBase = styled.divBox`\n  background-color: darkBlue.main;\n  color: white;\n`\n\nconst currentYear = getCurrentYear()\n\n/** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */\nexport const Footer = vui<'div', FooterProps>((props, ref) => {\n  const {\n    applicationLinks,\n    applicationSocialLinks = [],\n    applicationStaticItems = [],\n    children,\n    className,\n    columns,\n    isApplication = false,\n    isDNV = false,\n    linkedIn,\n    size,\n    variant,\n    isSlim,\n    ...rest\n  } = props\n\n  const context = { size, variant }\n\n  const styles = useStyleConfig('Footer', props)\n\n  if (isApplication && !applicationLinks) console.error('Footer: isApplication is true but applicationLinks  not set.')\n\n  const slimLinks: FooterLinkData[] = [\n    {\n      id: 'home',\n      text: 'veracity.com',\n      url: 'https://www.veracity.com/',\n    },\n  ]\n\n  columns?.map(column => {\n    column.map(section => {\n      section.links?.map(link => {\n        if (!link) return\n        if (['home', 'support', 'status'].includes(link.id || '')) slimLinks.push(link)\n      })\n    })\n  })\n\n  const downMd = useDown('md')\n  const downLg = useDown('lg')\n\n  return (\n    <FooterProvider value={context}>\n      <FooterBase\n        className={cs('vui-footer', isApplication ? 'vui-footer-app' : '', className)}\n        px={isApplication ? '40px' : downMd ? 2 : 3}\n        py={isSlim ? (downMd ? '16px' : '9px') : downMd ? 4 : 5}\n        role=\"contentinfo\"\n        {...styles.container}\n        ref={ref}\n        {...rest}\n      >\n        {isApplication && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW=\"100%\">\n            <FooterRow alignContent=\"space-between\" w={1}>\n              <Box\n                alignItems=\"self-start\"\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pr={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationLinks?.map((link, index) => (\n                  <Box flex={{ xs: '0 0 100%', sm: '0 0 auto' }} key={index}>\n                    {link.items && (\n                      <Menu isLazy={false} offset={[-16, 9]} placement=\"top-start\" size=\"sm\" {...rest}>\n                        <Menu.Button\n                          as={Link}\n                          className=\"vui-footerLink-trigger\"\n                          pt=\"1px\"\n                          role=\"button\"\n                          text={link.text}\n                          title={link.text}\n                          size={{ _: 'sm', md: 'md' }}\n                          {...styles.link}\n                          {...rest}\n                        />\n\n                        <Menu.List maxH={400} right={0} w={320} {...styles.list}>\n                          {link.items.map(({ text, url, target }, index) => (\n                            <Menu.Item\n                              isTruncated\n                              key={index}\n                              linkProps={{ href: url, target }}\n                              text={text}\n                              title={text}\n                              {...styles.item}\n                            />\n                          ))}\n                        </Menu.List>\n                      </Menu>\n                    )}\n\n                    {!link.items && <FooterLink {...link} href={link.url} py=\"1px\" />}\n                  </Box>\n                ))}\n              </Box>\n              {downLg && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n              <Box\n                centerV\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                justifyContent={{ sm: 'center', lg: 'flex-end' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pl={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationStaticItems?.map((text, index) => (\n                  <Box key={index}>\n                    <T size=\"sm\">{text}</T>\n                  </Box>\n                ))}\n\n                {isDNV ? (\n                  <Box>\n                    <T size=\"sm\">&copy; DNV AS {currentYear}</T>\n                  </Box>\n                ) : (\n                  <Box>\n                    <T size=\"sm\">\n                      <T fontWeight=\"600\">Veracity by DNV</T>, DNV AS\n                    </T>\n                  </Box>\n                )}\n                <Box>\n                  {applicationSocialLinks?.map((link, index) => (\n                    <Link\n                      aria-label={link.text}\n                      fontWeight=\"demi\"\n                      href={link.url}\n                      startIcon={\n                        <Link.Icon\n                          name={`${link.text === 'Twitter' ? 'brandX' + link.text + 'Solid' : 'brandCircle' + link.text}`}\n                          radius=\"50%\"\n                          size=\"xs\"\n                        />\n                      }\n                      isExternal\n                      key={index}\n                      mr={1}\n                      size={{ _: 'sm', md: 'md' }}\n                      {...styles.link}\n                    ></Link>\n                  ))}\n                  <Link\n                    fontWeight=\"demi\"\n                    href={linkedIn ?? defaultLinkedInUrl}\n                    isExternal\n                    size={{ _: 'sm', md: 'md' }}\n                    {...styles.link}\n                  >\n                    <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                  </Link>\n                </Box>\n              </Box>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && isSlim && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW={{ xs: 343, sm: 305, md: 720, lg: 975 }}>\n            <FooterRow>\n              {slimLinks.map(({ text, url, target, id }, index) => {\n                /** if the screen is small drop one specific link */\n                if (downLg && id === 'support') return\n\n                return (\n                  <FooterSlimColumn key={index}>\n                    <FooterLink href={url} text={text} target={target} />\n                  </FooterSlimColumn>\n                )\n              })}\n\n              {downMd && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n\n              <FooterSlimColumn centerV>\n                <T size=\"xs\">\n                  <T fontWeight=\"demi\">Veracity by DNV</T>, DNV AS\n                </T>\n              </FooterSlimColumn>\n              <FooterSlimColumn>\n                <Link\n                  fontWeight=\"demi\"\n                  href={linkedIn ?? defaultLinkedInUrl}\n                  startIcon={<Link.Icon mr={1} left={0} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"xs\" />}\n                  isExternal\n                  size={{ _: 'sm', md: 'md' }}\n                  {...styles.link}\n                >\n                  <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                </Link>\n              </FooterSlimColumn>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && !isSlim && (\n          <FooterContent>\n            {columns ? <FooterColumns columns={columns} /> : children}\n\n            {children || columns ? <Divider borderColor=\"sandstone.main\" my={4} /> : null}\n\n            <FooterRow>\n              <FooterTrademark linkedIn={linkedIn} />\n            </FooterRow>\n          </FooterContent>\n        )}\n      </FooterBase>\n    </FooterProvider>\n  )\n}) as VuiComponent<'div', FooterProps> & {\n  Column: typeof FooterColumn\n  Content: typeof FooterContent\n  Heading: typeof FooterHeading\n  Link: typeof FooterLink\n  Row: typeof FooterRow\n  Section: typeof FooterSection\n}\n\nFooter.Column = FooterColumn\nFooter.Content = FooterContent\nFooter.Heading = FooterHeading\nFooter.Link = FooterLink\nFooter.Row = FooterRow\nFooter.Section = FooterSection\nFooter.displayName = 'Footer'\n\nexport default Footer\n"],"mappings":"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"}

package/dist/footer/footerColumn.js

@@ -44,5 +44,5 @@ FooterColumn.displayName = "FooterColumn";
 
 //#endregion
 export { FooterColumn as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=footerColumn.js.map

package/dist/footer/footerColumns.js

@@ -27,5 +27,5 @@ FooterColumns.displayName = "Footer Mobile Column";
 
 //#endregion
 export { FooterColumns as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=footerColumns.js.map

package/dist/footer/footerColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerColumns.js","names":[],"sources":["../../src/footer/footerColumns.tsx"],"sourcesContent":["import { useDown, vui } from '../core'\nimport type { FooterColumnsProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterRow from './footerRow'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumns = vui<'div', FooterColumnsProps>((props, ref) => {\n  const { columns } = props\n  const downMd = useDown('md')\n\n  if (!columns) return null\n  if (downMd) {\n    const columnsEven = columns.filter((_, index) => index % 2 === 0).flat()\n    const columnsOdd = columns.filter((_, index) => index % 2 === 1).flat()\n    return (\n      <FooterRow ref={ref}>\n        <FooterColumn key={'evenColumns'} sections={columnsEven} />\n        <FooterColumn key={'oddColumns'} sections={columnsOdd} />\n      </FooterRow>\n    )\n  }\n  return (\n    <FooterRow ref={ref}>\n      {columns.map((sections, index) => (\n        <FooterColumn key={index} sections={sections} />\n      ))}\n    </FooterRow>\n  )\n})\n\nFooterColumns.displayName = 'Footer Mobile Column'\nexport default FooterColumns\n"],"mappings":";;;;;;;;AAMA,MAAM,gBAAgB,KAAgC,OAAO,QAAQ;CACnE,MAAM,EAAE,YAAY;CACpB,MAAM,SAAS,QAAQ,IAAI;CAE3B,IAAI,CAAC,SAAS,OAAO;CACrB,IAAI,QAAQ;EACV,MAAM,cAAc,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,CAAC,EAAE,KAAK;EACvE,MAAM,aAAa,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,CAAC,EAAE,KAAK;EACtE,OACE,qBAAC,WAAD;GAAgB;aAAhB,CACE,oBAAC,cAAD,EAAkC,UAAU,YAAc,GAAvC,aAAuC,GAC1D,oBAAC,cAAD,EAAiC,UAAU,WAAa,GAArC,YAAqC,CAC/C;;CAEf;CACA,OACE,oBAAC,WAAD;EAAgB;YACb,QAAQ,KAAK,UAAU,UACtB,oBAAC,cAAD,EAAoC,SAAW,GAA5B,KAA4B,CAChD;CACQ;AAEf,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"footerColumns.js","names":[],"sources":["../../src/footer/footerColumns.tsx"],"sourcesContent":["import { useDown, vui } from '../core'\nimport type { FooterColumnsProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterRow from './footerRow'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumns = vui<'div', FooterColumnsProps>((props, ref) => {\n  const { columns } = props\n  const downMd = useDown('md')\n\n  if (!columns) return null\n  if (downMd) {\n    const columnsEven = columns.filter((_, index) => index % 2 === 0).flat()\n    const columnsOdd = columns.filter((_, index) => index % 2 === 1).flat()\n    return (\n      <FooterRow ref={ref}>\n        <FooterColumn key={'evenColumns'} sections={columnsEven} />\n        <FooterColumn key={'oddColumns'} sections={columnsOdd} />\n      </FooterRow>\n    )\n  }\n  return (\n    <FooterRow ref={ref}>\n      {columns.map((sections, index) => (\n        <FooterColumn key={index} sections={sections} />\n      ))}\n    </FooterRow>\n  )\n})\n\nFooterColumns.displayName = 'Footer Mobile Column'\nexport default FooterColumns\n"],"mappings":";;;;;;;;AAMA,MAAM,gBAAgB,KAAgC,OAAO,QAAQ;CACnE,MAAM,EAAE,YAAY;CACpB,MAAM,SAAS,QAAQ,IAAI;CAE3B,IAAI,CAAC,SAAS,OAAO;CACrB,IAAI,QAAQ;EACV,MAAM,cAAc,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK;EACvE,MAAM,aAAa,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK;EACtE,OACE,qBAAC,WAAD;GAAgB;aAAhB,CACE,oBAAC,cAAD,EAAkC,UAAU,YAAc,GAAvC,aAAuC,GAC1D,oBAAC,cAAD,EAAiC,UAAU,WAAa,GAArC,YAAqC,CAC/C;;CAEf;CACA,OACE,oBAAC,WAAD;EAAgB;YACb,QAAQ,KAAK,UAAU,UACtB,oBAAC,cAAD,EAAoC,SAAW,GAA5B,KAA4B,CAChD;CACQ;AAEf,CAAC;AAED,cAAc,cAAc"}

package/dist/footer/footerContent.js

@@ -36,5 +36,5 @@ FooterContent.displayName = "FooterContent";
 
 //#endregion
 export { FooterContent as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=footerContent.js.map

package/dist/footer/footerHeading.js

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

package/dist/footer/footerLink.js

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

package/dist/footer/footerRow.js

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

package/dist/footer/footerSection.js

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

package/dist/footer/footerSlimColumn.js

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

package/dist/footer/footerTrademark.js

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

package/dist/footer/helpers.js

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

package/dist/footer/theme.js

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

package/dist/grid/grid.js

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

package/dist/grid/theme.js

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

package/dist/header/context.js

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

package/dist/header/header.js

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

package/dist/header/header.types.d.ts

@@ -3,8 +3,8 @@ import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
 import { IconProp } from "../icon/icon.types.js";
 import { ListItemProps, ListProps } from "../list/list.types.js";
-import { ButtonProps } from "../button/button.types.js";
 import { BoxProps } from "../box/box.types.js";
+import { ButtonProps } from "../button/button.types.js";
 import { LogoData } from "../logo/logo.types.js";
 import { MenuProps } from "../menu/menu.types.js";
 import { HeaderAccountData, HeaderAccountUserInfoData } from "./headerAccount.types.js";

package/dist/header/headerAccount.d.ts

@@ -3,7 +3,7 @@ import { HeaderAccountProps } from "./headerAccount.types.js";
 //#region src/header/headerAccount.d.ts
 /** Disables popper's dynamic re-positioning */
 /** Displays user account information and helpful links, like settings or logout. */
-declare function HeaderAccount(props: HeaderAccountProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderAccount(props: HeaderAccountProps): import("react").JSX.Element;
 declare namespace HeaderAccount {
   var displayName: string;
 }

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,+BAAA,GAAA,CAAA,OAAA;AAAA,kBAAvC,aAAA;EAAA,IAAa,WAAA;AAAA"}
+{"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"}

package/dist/header/headerAccount.js

@@ -61,5 +61,5 @@ HeaderAccount.displayName = "HeaderAccount";
 
 //#endregion
 export { HeaderAccount as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.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,EAAE;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 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"}

package/dist/header/headerAccountUserInfo.js

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

package/dist/header/headerApplicationName.js

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

package/dist/header/headerContent.js

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

package/dist/header/headerCreateAccount.js

@@ -45,5 +45,5 @@ HeaderCreateAccount.displayName = "HeaderCreateAccount";
 
 //#endregion
 export { HeaderCreateAccount as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.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,EAAE;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 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"}

package/dist/header/headerDivider.js

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

package/dist/header/headerLinkItem.js

@@ -85,5 +85,5 @@ HeaderLinkItem.displayName = "HeaderLinkItem";
 
 //#endregion
 export { HeaderLinkItem as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.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,EAAE;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 { 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"}

package/dist/header/headerLogo.js

@@ -25,5 +25,5 @@ HeaderLogo.displayName = "HeaderLogo";
 
 //#endregion
 export { HeaderLogo as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.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,EAAE;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 { 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"}

package/dist/header/headerMainLinks.js

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

package/dist/header/headerMobileContent.js

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

package/dist/header/headerMobileToggle.js

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

package/dist/header/headerNotifications.js

@@ -51,5 +51,5 @@ HeaderNotifications.displayName = "HeaderNotifications";
 
 //#endregion
 export { HeaderNotifications as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=headerNotifications.js.map

package/dist/header/headerNotifications.js.map

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

package/dist/header/headerServices.d.ts

@@ -2,7 +2,7 @@ import { HeaderServicesProps } from "./header.types.js";
 
 //#region src/header/headerServices.d.ts
 /** Displays a list of services available to the user. */
-declare function HeaderServices(props: HeaderServicesProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderServices(props: HeaderServicesProps): import("react").JSX.Element;
 declare namespace HeaderServices {
   var displayName: string;
 }

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

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

package/dist/header/headerServices.js

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

package/dist/header/headerServices.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerServices.js","names":[],"sources":["../../src/header/headerServices.tsx"],"sourcesContent":["import { RenderOnScreen, useStyleConfig } from '../core'\nimport List from '../list'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\nimport type { HeaderServicesProps } from './header.types'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Supporting internal component to avoid code duplication. */\nfunction ListContent({ links = [] }: Pick<HeaderServicesProps, 'links'>) {\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  return (\n    <>\n      {links.length > 0 ? (\n        links.map(({ text, url }, index) => (\n          <Menu.Item isTruncated key={index} linkProps={{ href: url }} text={text} title={text} {...styles.item} />\n        ))\n      ) : (\n        <HeaderServicesMessage />\n      )}\n    </>\n  )\n}\n\n/** Displays a list of services available to the user. */\nexport function HeaderServices(props: HeaderServicesProps) {\n  const { buttonProps, isApplication = false, links = [], showTopBorder = false, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  const offsetX = isApplication ? 179 : 135\n\n  return (\n    <>\n      <RenderOnScreen minWidth=\"lg\">\n        <Menu isLazy={false} offset={[offsetX, 17]} placement=\"bottom-end\" size=\"lg\" {...rest}>\n          <Menu.Button\n            className=\"vui-services-trigger\"\n            icon=\"uiTh\"\n            ml={1}\n            size=\"lg\"\n            title=\"My services\"\n            {...styles.button}\n            {...buttonProps}\n          />\n\n          <Menu.List heading=\"My Services\" maxH={295} right={0} w={320} {...styles.list}>\n            <ListContent links={links} />\n          </Menu.List>\n        </Menu>\n      </RenderOnScreen>\n\n      <RenderOnScreen maxWidth=\"lg\">\n        <List\n          heading=\"My Services\"\n          {...styles.list}\n          borderTop={showTopBorder ? 1 : 0}\n          borderTopColor=\"sandstone.main\"\n          maxH={295}\n          pt={1}\n        >\n          <ListContent links={links} />\n        </List>\n      </RenderOnScreen>\n    </>\n  )\n}\n\nHeaderServices.displayName = 'HeaderServices'\n\nexport default HeaderServices\n"],"mappings":";;;;;;;;;;AAQA,SAAS,YAAY,EAAE,QAAQ,CAAC,KAAyC;CACvE,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,EAAE;CAE5D,OACE,0CACG,MAAM,SAAS,IACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAAC,KAAK,MAAN;EAAW;EAAwB,WAAW,EAAE,MAAM,IAAI;EAAS;EAAM,OAAO;EAAM,GAAI,OAAO;CAAO,GAA5E,KAA4E,CACzG,IAED,oBAAC,uBAAD,CAAwB,GAE1B;AAEN;;AAGA,SAAgB,eAAe,OAA4B;CACzD,MAAM,EAAE,aAAa,gBAAgB,OAAO,QAAQ,CAAC,GAAG,gBAAgB,OAAO,GAAG,SAAS;CAC3F,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,EAAE;CAI5D,OACE,4CACE,oBAAC,gBAAD;EAAgB,UAAS;YACvB,qBAAC,MAAD;GAAM,QAAQ;GAAO,QAAQ,CALnB,gBAAgB,MAAM,KAKO,EAAE;GAAG,WAAU;GAAa,MAAK;GAAK,GAAI;aAAjF,CACE,oBAAC,KAAK,QAAN;IACE,WAAU;IACV,MAAK;IACL,IAAI;IACJ,MAAK;IACL,OAAM;IACN,GAAI,OAAO;IACX,GAAI;GACL,IAED,oBAAC,KAAK,MAAN;IAAW,SAAQ;IAAc,MAAM;IAAK,OAAO;IAAG,GAAG;IAAK,GAAI,OAAO;cACvE,oBAAC,aAAD,EAAoB,MAAQ;GACnB,EACP;;CACQ,IAEhB,oBAAC,gBAAD;EAAgB,UAAS;YACvB,oBAAC,MAAD;GACE,SAAQ;GACR,GAAI,OAAO;GACX,WAAW,gBAAgB,IAAI;GAC/B,gBAAe;GACf,MAAM;GACN,IAAI;aAEJ,oBAAC,aAAD,EAAoB,MAAQ;EACxB;CACQ,EAChB;AAEN;AAEA,eAAe,cAAc"}
+{"version":3,"file":"headerServices.js","names":[],"sources":["../../src/header/headerServices.tsx"],"sourcesContent":["import { RenderOnScreen, useStyleConfig } from '../core'\nimport List from '../list'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\nimport type { HeaderServicesProps } from './header.types'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Supporting internal component to avoid code duplication. */\nfunction ListContent({ links = [] }: Pick<HeaderServicesProps, 'links'>) {\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  return (\n    <>\n      {links.length > 0 ? (\n        links.map(({ text, url }, index) => (\n          <Menu.Item isTruncated key={index} linkProps={{ href: url }} text={text} title={text} {...styles.item} />\n        ))\n      ) : (\n        <HeaderServicesMessage />\n      )}\n    </>\n  )\n}\n\n/** Displays a list of services available to the user. */\nexport function HeaderServices(props: HeaderServicesProps) {\n  const { buttonProps, isApplication = false, links = [], showTopBorder = false, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  const offsetX = isApplication ? 179 : 135\n\n  return (\n    <>\n      <RenderOnScreen minWidth=\"lg\">\n        <Menu isLazy={false} offset={[offsetX, 17]} placement=\"bottom-end\" size=\"lg\" {...rest}>\n          <Menu.Button\n            className=\"vui-services-trigger\"\n            icon=\"uiTh\"\n            ml={1}\n            size=\"lg\"\n            title=\"My services\"\n            {...styles.button}\n            {...buttonProps}\n          />\n\n          <Menu.List heading=\"My Services\" maxH={295} right={0} w={320} {...styles.list}>\n            <ListContent links={links} />\n          </Menu.List>\n        </Menu>\n      </RenderOnScreen>\n\n      <RenderOnScreen maxWidth=\"lg\">\n        <List\n          heading=\"My Services\"\n          {...styles.list}\n          borderTop={showTopBorder ? 1 : 0}\n          borderTopColor=\"sandstone.main\"\n          maxH={295}\n          pt={1}\n        >\n          <ListContent links={links} />\n        </List>\n      </RenderOnScreen>\n    </>\n  )\n}\n\nHeaderServices.displayName = 'HeaderServices'\n\nexport default HeaderServices\n"],"mappings":";;;;;;;;;;AAQA,SAAS,YAAY,EAAE,QAAQ,CAAC,KAAyC;CACvE,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAE5D,OACE,0CACG,MAAM,SAAS,IACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAAC,KAAK,MAAN;EAAW;EAAwB,WAAW,EAAE,MAAM,IAAI;EAAS;EAAM,OAAO;EAAM,GAAI,OAAO;CAAO,GAA5E,KAA4E,CACzG,IAED,oBAAC,uBAAD,CAAwB,GAE1B;AAEN;;AAGA,SAAgB,eAAe,OAA4B;CACzD,MAAM,EAAE,aAAa,gBAAgB,OAAO,QAAQ,CAAC,GAAG,gBAAgB,OAAO,GAAG,SAAS;CAC3F,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC,CAAC,CAAC;CAI5D,OACE,4CACE,oBAAC,gBAAD;EAAgB,UAAS;YACvB,qBAAC,MAAD;GAAM,QAAQ;GAAO,QAAQ,CALnB,gBAAgB,MAAM,KAKO,EAAE;GAAG,WAAU;GAAa,MAAK;GAAK,GAAI;aAAjF,CACE,oBAAC,KAAK,QAAN;IACE,WAAU;IACV,MAAK;IACL,IAAI;IACJ,MAAK;IACL,OAAM;IACN,GAAI,OAAO;IACX,GAAI;GACL,IAED,oBAAC,KAAK,MAAN;IAAW,SAAQ;IAAc,MAAM;IAAK,OAAO;IAAG,GAAG;IAAK,GAAI,OAAO;cACvE,oBAAC,aAAD,EAAoB,MAAQ;GACnB,EACP;;CACQ,IAEhB,oBAAC,gBAAD;EAAgB,UAAS;YACvB,oBAAC,MAAD;GACE,SAAQ;GACR,GAAI,OAAO;GACX,WAAW,gBAAgB,IAAI;GAC/B,gBAAe;GACf,MAAM;GACN,IAAI;aAEJ,oBAAC,aAAD,EAAoB,MAAQ;EACxB;CACQ,EAChB;AAEN;AAEA,eAAe,cAAc"}

package/dist/header/headerServicesMessage.js

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

package/dist/header/headerSignIn.js

@@ -30,5 +30,5 @@ HeaderSignIn.displayName = "HeaderSignIn";
 
 //#endregion
 export { HeaderSignIn as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=headerSignIn.js.map

package/dist/header/headerSupport.d.ts

@@ -2,7 +2,7 @@ import { HeaderSupportProps } from "./header.types.js";
 
 //#region src/header/headerSupport.d.ts
 /** Displays a list of services available to the user. */
-declare function HeaderSupport(props: HeaderSupportProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderSupport(props: HeaderSupportProps): import("react").JSX.Element;
 declare namespace HeaderSupport {
   var displayName: string;
 }

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

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