@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

package/dist/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":["slimLinks: FooterLinkData[]","FooterContent","FooterRow","Menu","index","FooterLink","FooterHeading","FooterSlimColumn","FooterColumns","FooterColumn","FooterSection"],"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  padding: 5 3;\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' : 3}\n        py={isSlim ? (downMd ? '16px' : '9px') : 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 0 50%' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\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=\"3px\"\n                          role=\"button\"\n                          text={link.text}\n                          title={link.text}\n                          {...styles.link}\n                          {...rest}\n                        />\n\n                        <Menu.List maxH={400} right={0} w={320} {...styles.list}>\n                          {link.items.map(({ text, url }, index) => (\n                            <Menu.Item\n                              isTruncated\n                              key={index}\n                              linkProps={{ href: url }}\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} />}\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 0 50%' }}\n                justifyContent={{ sm: 'center', lg: 'flex-end' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\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                      iconLeft={\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, 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} />\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                  iconLeft={<Link.Icon mr={1} 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            <FooterColumns columns={columns} />\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":["slimLinks: FooterLinkData[]","FooterContent","FooterRow","Menu","index","FooterLink","FooterHeading","FooterSlimColumn","FooterColumns","FooterColumn","FooterSection"],"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  padding: 5 3;\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' : 3}\n        py={isSlim ? (downMd ? '16px' : '9px') : 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 0 50%' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\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=\"3px\"\n                          role=\"button\"\n                          text={link.text}\n                          title={link.text}\n                          {...styles.link}\n                          {...rest}\n                        />\n\n                        <Menu.List maxH={400} right={0} w={320} {...styles.list}>\n                          {link.items.map(({ text, url }, index) => (\n                            <Menu.Item\n                              isTruncated\n                              key={index}\n                              linkProps={{ href: url }}\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} />}\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 0 50%' }}\n                justifyContent={{ sm: 'center', lg: 'flex-end' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\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                      iconLeft={\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, 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} />\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                  iconLeft={<Link.Icon mr={1} 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            <FooterColumns columns={columns} />\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/footer.types.d.ts

@@ -1,6 +1,7 @@
 import { ThemingProps } from "../theme/types.js";
 import { BoxProps } from "../box/box.types.js";
 import "../box/index.js";
+import { JSX } from "react";
 
 //#region src/footer/footer.types.d.ts
 /** Column consists of one ore more sections with a heading and links. */
@@ -51,4 +52,5 @@ type FooterTrademarkProps = BoxProps & {
 };
 //#endregion
 export { ApplicationFooterProps, FooterColumnData, FooterColumnProps, FooterColumnsProps, FooterContentProps, FooterContext, FooterLinkData, FooterProps, FooterSectionData, FooterSectionProps, FooterTrademarkProps };
+
 //# sourceMappingURL=footer.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.types.d.ts","names":[],"sources":["../../src/footer/footer.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAIY,gBAAA,CAAA,CAAA,CAAmB;KAEnB,iBAAA,CAAA,CAAA,CAAoB;EAFpB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;EAEA,QAAA,CAAA,CAAA,CAEC,iBAFgB,CAAA,CAAA;AAK7B,CAAA;AAIY,IAAA,CAJA,kBAAA,CAAA,CAAA,CAAqB,QAIA,CAAA,CAAA,CAAA;EAErB,OAAA,CAAA,CAAA,CALA,gBAKa,CAAA,CAAA;AAGzB,CAAA;AAQY,IAAA,CAbA,kBAAA,CAAA,CAAA,CAAqB,QAaV;AAAQ,IAAA,CAXnB,aAAA,CAAA,CAAA,CAAgB,IAWG,CAXE,WAWF,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;AAC7B,IAAA,CATU,cAAA,CAAA,CAAA,CASV;EACK,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,UAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAAL,EAAA,CAAA,CAAA,CAAA,MAAA;EACqB,IAAA,CAAA,CAAA,MAAA;EACM,GAAA,CAAA,CAAA,CAAA,MAAA;EAGf,KAAA,CAAA,CAAA,CAVJ,cAUI,CAAA,CAAA;CAAgB;AAMlB,IAAA,CAbA,WAAA,CAAA,CAAA,CAAc,IAaQ,CAbH,QAaG,CAAA,CAAA,CAAA,IAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,OAAA,CAAL,CAAI,CAAA,CAAA,CAZvC,YAYuC,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAXvC,IAWuC,CAXlC,oBAWkC,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAG7B,gBAAA,CAAA,CAAA,CAbW,cAgBb,CAAA,CAAA;EAGE,sBAAkB,CAAA,CAAA,CAlBD,cAkBC,CAAA,CAAA;EAAG,sBAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;EAErB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAA+B,OAAI,CAAA,CAAA,CAjBjC,gBAiBiC,CAAA,CAAA;EAErC,aAAA,CAAA,CAAA,CAAA,OAAA;EAA6B,MAAI,CAAA,CAAA,CAAA,OAAA;EAAO,KAAA,CAAA,CAAA,CAAA,OAAA;AAGlD,CAAA;KAhBY,sBAAA,CAAA,CAAA,CAAyB,KAAK;;KAG9B,iBAAA,CAAA,CAAA;;;UAGF;;KAGE,kBAAA,CAAA,CAAA,CAAqB;;YAErB,+BAA+B,GAAA,CAAI;;UAErC,6BAA6B,GAAA,CAAI;;KAG/B,oBAAA,CAAA,CAAA,CAAuB"}
+{"version":3,"file":"footer.types.d.ts","names":[],"sources":["../../src/footer/footer.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAMY,gBAAA,GAAmB;KAEnB,iBAAA,GAAoB;EAFpB;EAEA,QAAA,CAAA,EAEC,iBAFgB,EAAA;AAK7B,CAAA;AAIY,KAJA,kBAAA,GAAqB,QAIA,GAAA;EAErB,OAAA,CAAA,EALA,gBAKa,EAAA;AAGzB,CAAA;AAQY,KAbA,kBAAA,GAAqB,QAaV;AAAQ,KAXnB,aAAA,GAAgB,IAWG,CAXE,WAWF,EAAA,MAAA,GAAA,SAAA,CAAA;;AAC7B,KATU,cAAA,GASV;EACK;EAAL,EAAA,CAAA,EAAA,MAAA;EACqB,IAAA,EAAA,MAAA;EACM,GAAA,CAAA,EAAA,MAAA;EAGf,KAAA,CAAA,EAVJ,cAUI,EAAA;CAAgB;AAMlB,KAbA,WAAA,GAAc,IAaQ,CAbH,QAaG,EAAA,MAAQ,GAAA,SAAL,CAAI,GAZvC,YAYuC,CAAA,QAAA,CAAA,GAXvC,IAWuC,CAXlC,oBAWkC,EAAA,UAAA,CAAA,GAAA;EAG7B,gBAAA,CAAA,EAbW,cAgBb,EAAA;EAGE,sBAAkB,CAAA,EAlBD,cAkBC,EAAA;EAAG,sBAAA,CAAA,EAAA,MAAA,EAAA;EAErB;EAA+B,OAAI,CAAA,EAjBjC,gBAiBiC,EAAA;EAErC,aAAA,CAAA,EAAA,OAAA;EAA6B,MAAI,CAAA,EAAA,OAAA;EAAO,KAAA,CAAA,EAAA,OAAA;AAGlD,CAAA;KAhBY,sBAAA,GAAyB,KAAK;;KAG9B,iBAAA;;;UAGF;;KAGE,kBAAA,GAAqB;;YAErB,+BAA+B,GAAA,CAAI;;UAErC,6BAA6B,GAAA,CAAI;;KAG/B,oBAAA,GAAuB"}

package/dist/footer/footerColumn.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const FooterColumn: VuiComponent<"div", FooterColumnProps>;
 //#endregion
 export { FooterColumn };
+
 //# sourceMappingURL=footerColumn.d.ts.map

package/dist/footer/footerColumn.js

@@ -1,7 +1,10 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { useFooterContext } from "./context.js";
 import footerSection_default from "./footerSection.js";
 import { jsx } from "react/jsx-runtime";
@@ -9,7 +12,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/footer/footerColumn.tsx
 /** Organizes sections with links into a single column. Different width per breakpoint. */
 const FooterColumn = vui((props, ref) => {
-	const { children, className, sections, flex,...rest } = props;
+	const { children, className, sections, flex, ...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsx(box_default, {
 		className: cs("vui-footerColumn", className),
@@ -38,5 +41,5 @@ var footerColumn_default = FooterColumn;
 
 //#endregion
 export { footerColumn_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerColumn.js.map

package/dist/footer/footerColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerColumn.js","names":["Box","FooterSection"],"sources":["../../src/footer/footerColumn.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterColumnProps } from './footer.types'\nimport FooterSection from './footerSection'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumn = vui<'div', FooterColumnProps>((props, ref) => {\n  const { children, className, sections, flex, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerColumn', className)}\n      column\n      flex={flex ?? { xs: '0 0 50%', sm: '0 0 50%', md: '0 0 25%' }}\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 ?? sections?.map((section, index) => <FooterSection key={index} {...section} />)}\n    </Box>\n  )\n})\n\nFooterColumn.displayName = 'FooterColumn'\nexport default FooterColumn\n"],"mappings":";;;;;;;;;;AAQA,MAAM,eAAe,KAA+B,OAAO,QAAQ;CACjE,MAAM,EAAE,UAAU,WAAW,UAAU,KAAM,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,oBAAoB,UAAU;EAC5C;EACA,MAAM,QAAQ;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;GAAW;EAC7D,MAAM;EACN,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;GAAK;EACjC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;YAEH,YAAY,UAAU,KAAK,SAAS,UAAU,oBAACC,yBAA0B,GAAI,WAAX,MAAsB,CAAC;GACtF;EAER;AAEF,aAAa,cAAc;AAC3B,2BAAe"}
+{"version":3,"file":"footerColumn.js","names":["Box","FooterSection"],"sources":["../../src/footer/footerColumn.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterColumnProps } from './footer.types'\nimport FooterSection from './footerSection'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumn = vui<'div', FooterColumnProps>((props, ref) => {\n  const { children, className, sections, flex, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerColumn', className)}\n      column\n      flex={flex ?? { xs: '0 0 50%', sm: '0 0 50%', md: '0 0 25%' }}\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 ?? sections?.map((section, index) => <FooterSection key={index} {...section} />)}\n    </Box>\n  )\n})\n\nFooterColumn.displayName = 'FooterColumn'\nexport default FooterColumn\n"],"mappings":";;;;;;;;;;;;;AAQA,MAAM,eAAe,KAA+B,OAAO,QAAQ;CACjE,MAAM,EAAE,UAAU,WAAW,UAAU,MAAM,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,oBAAoB,UAAU;EAC5C;EACA,MAAM,QAAQ;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;GAAW;EAC7D,MAAM;EACN,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;GAAK;EACjC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;YAEH,YAAY,UAAU,KAAK,SAAS,UAAU,oBAACC,yBAA0B,GAAI,WAAX,MAAsB,CAAC;GACtF;EAER;AAEF,aAAa,cAAc;AAC3B,2BAAe"}

package/dist/footer/footerColumns.js

@@ -1,5 +1,6 @@
 import { useDown } from "../core/media.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import footerColumn_default from "./footerColumn.js";
 import footerRow_default from "./footerRow.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -37,5 +38,5 @@ var footerColumns_default = FooterColumns;
 
 //#endregion
 export { footerColumns_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerColumns.js.map

package/dist/footer/footerColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerColumns.js","names":["FooterRow","FooterColumn"],"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\n  const downXs = useDown(460)\n  const downMd = useDown('md')\n\n  if (!columns) return null\n  if (downXs) {\n    return (\n      <FooterRow ref={ref}>\n        <FooterColumn flex={'1 1 auto'} key={'evenColumns'} sections={columns.flat()} textAlign={'center'} />\n      </FooterRow>\n    )\n  }\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;CAEpB,MAAM,SAAS,QAAQ,IAAI;CAC3B,MAAM,SAAS,QAAQ,KAAK;AAE5B,KAAI,CAAC,QAAS,QAAO;AACrB,KAAI,OACF,QACE,oBAACA;EAAe;YACd,oBAACC;GAAa,MAAM;GAAgC,UAAU,QAAQ,MAAM;GAAE,WAAW;KAApD,cAAgE;GAC3F;AAGhB,KAAI,QAAQ;EACV,MAAM,cAAc,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;EACxE,MAAM,aAAa,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;AACvE,SACE,qBAACD;GAAe;cACd,oBAACC,wBAAiC,UAAU,eAAzB,cAAwC,EAC3D,oBAACA,wBAAgC,UAAU,cAAxB,aAAsC;IAC/C;;AAGhB,QACE,oBAACD;EAAe;YACb,QAAQ,KAAK,UAAU,UACtB,oBAACC,wBAAmC,YAAjB,MAA6B,CAChD;GACQ;EAEd;AAEF,cAAc,cAAc;AAC5B,4BAAe"}
+{"version":3,"file":"footerColumns.js","names":["FooterRow","FooterColumn"],"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\n  const downXs = useDown(460)\n  const downMd = useDown('md')\n\n  if (!columns) return null\n  if (downXs) {\n    return (\n      <FooterRow ref={ref}>\n        <FooterColumn flex={'1 1 auto'} key={'evenColumns'} sections={columns.flat()} textAlign={'center'} />\n      </FooterRow>\n    )\n  }\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;CAEpB,MAAM,SAAS,QAAQ,IAAI;CAC3B,MAAM,SAAS,QAAQ,KAAK;AAE5B,KAAI,CAAC,QAAS,QAAO;AACrB,KAAI,OACF,QACE,oBAACA;EAAe;YACd,oBAACC;GAAa,MAAM;GAAgC,UAAU,QAAQ,MAAM;GAAE,WAAW;KAApD,cAAgE;GAC3F;AAGhB,KAAI,QAAQ;EACV,MAAM,cAAc,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;EACxE,MAAM,aAAa,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;AACvE,SACE,qBAACD;GAAe;cACd,oBAACC,wBAAiC,UAAU,eAAzB,cAAwC,EAC3D,oBAACA,wBAAgC,UAAU,cAAxB,aAAsC;IAC/C;;AAGhB,QACE,oBAACD;EAAe;YACb,QAAQ,KAAK,UAAU,UACtB,oBAACC,wBAAmC,YAAjB,MAA6B,CAChD;GACQ;EAEd;AAEF,cAAc,cAAc;AAC5B,4BAAe"}

package/dist/footer/footerContent.d.ts

@@ -1,5 +1,5 @@
-import { BoxProps } from "../box/box.types.js";
 import { VuiComponent } from "../core/vui.js";
+import { BoxProps } from "../box/box.types.js";
 import "../index.js";
 
 //#region src/footer/footerContent.d.ts
@@ -7,4 +7,5 @@ import "../index.js";
 declare const FooterContent: VuiComponent<"div", BoxProps>;
 //#endregion
 export { FooterContent };
+
 //# sourceMappingURL=footerContent.d.ts.map

package/dist/footer/footerContent.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { useFooterContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/footer/footerContent.tsx
 /** Controls max-width of the content and centers itself horizontally. */
 const FooterContent = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsx(box_default, {
 		className: cs("vui-footerContent", className),
@@ -37,5 +40,5 @@ var footerContent_default = FooterContent;
 
 //#endregion
 export { FooterContent, footerContent_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerContent.js.map

package/dist/footer/footerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerContent.js","names":["Box"],"sources":["../../src/footer/footerContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterContentProps } from './footer.types'\n\n/** Controls max-width of the content and centers itself horizontally. */\nexport const FooterContent = vui<'div', FooterContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerContent', className)}\n      column\n      fontSize={{ xs: 12, sm: 12, md: 14 }}\n      maxW={{ xs: 344, sm: 412, md: 780, lg: 782, xl: 888 }}\n      mx=\"auto\"\n      ref={ref}\n      w=\"100%\"\n      {...styles.content}\n      {...rest}\n    />\n  )\n})\n\nFooterContent.displayName = 'FooterContent'\nexport default FooterContent\n"],"mappings":";;;;;;;;;AAOA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,qBAAqB,UAAU;EAC7C;EACA,UAAU;GAAE,IAAI;GAAI,IAAI;GAAI,IAAI;GAAI;EACpC,MAAM;GAAE,IAAI;GAAK,IAAI;GAAK,IAAI;GAAK,IAAI;GAAK,IAAI;GAAK;EACrD,IAAG;EACE;EACL,GAAE;EACF,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc;AAC5B,4BAAe"}
+{"version":3,"file":"footerContent.js","names":["Box"],"sources":["../../src/footer/footerContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterContentProps } from './footer.types'\n\n/** Controls max-width of the content and centers itself horizontally. */\nexport const FooterContent = vui<'div', FooterContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerContent', className)}\n      column\n      fontSize={{ xs: 12, sm: 12, md: 14 }}\n      maxW={{ xs: 344, sm: 412, md: 780, lg: 782, xl: 888 }}\n      mx=\"auto\"\n      ref={ref}\n      w=\"100%\"\n      {...styles.content}\n      {...rest}\n    />\n  )\n})\n\nFooterContent.displayName = 'FooterContent'\nexport default FooterContent\n"],"mappings":";;;;;;;;;;;;AAOA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,qBAAqB,UAAU;EAC7C;EACA,UAAU;GAAE,IAAI;GAAI,IAAI;GAAI,IAAI;GAAI;EACpC,MAAM;GAAE,IAAI;GAAK,IAAI;GAAK,IAAI;GAAK,IAAI;GAAK,IAAI;GAAK;EACrD,IAAG;EACE;EACL,GAAE;EACF,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc;AAC5B,4BAAe"}

package/dist/footer/footerHeading.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const FooterHeading: VuiComponent<"h5", HeadingProps>;
 //#endregion
 export { FooterHeading };
+
 //# sourceMappingURL=footerHeading.d.ts.map

package/dist/footer/footerHeading.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import heading_default from "../heading/heading.js";
+import "../heading/index.js";
 import { useFooterContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/footer/footerHeading.tsx
 /** Heading of a links section. */
 const FooterHeading = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsx(heading_default, {
 		className: cs("vui-footerHeading", className),
@@ -25,5 +28,5 @@ var footerHeading_default = FooterHeading;
 
 //#endregion
 export { FooterHeading, footerHeading_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerHeading.js.map

package/dist/footer/footerHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerHeading.js","names":["Heading"],"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,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,qBAAqB,UAAU;EAC7C,OAAM;EACN,IAAI;EACC;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc;AAC5B,4BAAe"}
+{"version":3,"file":"footerHeading.js","names":["Heading"],"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,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,qBAAqB,UAAU;EAC7C,OAAM;EACN,IAAI;EACC;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc;AAC5B,4BAAe"}

package/dist/footer/footerLink.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const FooterLink: VuiComponent<"a", LinkProps>;
 //#endregion
 export { FooterLink };
+
 //# sourceMappingURL=footerLink.d.ts.map

package/dist/footer/footerLink.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import link_default from "../link/link.js";
+import "../link/index.js";
 import { useFooterContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/footer/footerLink.tsx
 /** Individual link item of the Footer. */
 const FooterLink = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsx(link_default, {
 		className: cs("vui-footerLink", className),
@@ -29,5 +32,5 @@ var footerLink_default = FooterLink;
 
 //#endregion
 export { FooterLink, footerLink_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerLink.js.map

package/dist/footer/footerLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerLink.js","names":["Link"],"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, ...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={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,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,kBAAkB,UAAU;EAC1C,SAAS;EACT,IAAI;EACC;EACL,MAAM;GAAE,GAAG;GAAM,IAAI;GAAM;EAC3B,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc;AACzB,yBAAe"}
+{"version":3,"file":"footerLink.js","names":["Link"],"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, ...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={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,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,kBAAkB,UAAU;EAC1C,SAAS;EACT,IAAI;EACC;EACL,MAAM;GAAE,GAAG;GAAM,IAAI;GAAM;EAC3B,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc;AACzB,yBAAe"}

package/dist/footer/footerRow.d.ts

@@ -1,6 +1,6 @@
+import { VuiComponent } from "../core/vui.js";
 import { BoxProps } from "../box/box.types.js";
 import "../box/index.js";
-import { VuiComponent } from "../core/vui.js";
 import "../index.js";
 
 //#region src/footer/footerRow.d.ts
@@ -8,4 +8,5 @@ import "../index.js";
 declare const FooterRow: VuiComponent<"div", BoxProps>;
 //#endregion
 export { FooterRow };
+
 //# sourceMappingURL=footerRow.d.ts.map

package/dist/footer/footerRow.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { useFooterContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/footer/footerRow.tsx
 /** Organizes Footer content into a row of multuple columns. */
 const FooterRow = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsx(box_default, {
 		className: cs("vui-footerRow", className),
@@ -24,5 +27,5 @@ var footerRow_default = FooterRow;
 
 //#endregion
 export { footerRow_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerRow.js.map

package/dist/footer/footerRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerRow.js","names":["Box"],"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 <Box className={cs('vui-footerRow', className)} m={-1.5} ref={ref} wrap {...styles.row} {...rest} />\n})\n\nFooterRow.displayName = 'FooterRow'\nexport default FooterRow\n"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,KAAsB,OAAO,QAAQ;CACrD,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QAAO,oBAACA;EAAI,WAAW,GAAG,iBAAiB,UAAU;EAAE,GAAG;EAAW;EAAK;EAAK,GAAI,OAAO;EAAK,GAAI;GAAQ;EAC3G;AAEF,UAAU,cAAc;AACxB,wBAAe"}
+{"version":3,"file":"footerRow.js","names":["Box"],"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 <Box className={cs('vui-footerRow', className)} m={-1.5} ref={ref} wrap {...styles.row} {...rest} />\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,kBAAkB,CAAC;AAE3D,QAAO,oBAACA;EAAI,WAAW,GAAG,iBAAiB,UAAU;EAAE,GAAG;EAAW;EAAK;EAAK,GAAI,OAAO;EAAK,GAAI;GAAQ;EAC3G;AAEF,UAAU,cAAc;AACxB,wBAAe"}

package/dist/footer/footerSection.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const FooterSection: VuiComponent<"div", FooterSectionProps>;
 //#endregion
 export { FooterSection };
+
 //# sourceMappingURL=footerSection.d.ts.map

package/dist/footer/footerSection.js

@@ -1,9 +1,12 @@
 import { isJsx } from "../utils/assertion.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { v } from "../core/styled.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { useFooterContext } from "./context.js";
 import footerHeading_default from "./footerHeading.js";
 import footerLink_default from "./footerLink.js";
@@ -12,7 +15,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/footer/footerSection.tsx
 /** Section includes a heading and a set of links. */
 const FooterSection = vui((props, ref) => {
-	const { children, className, heading, links,...rest } = props;
+	const { children, className, heading, links, ...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsxs(box_default, {
 		className: cs("vui-footerSection", className),
@@ -31,5 +34,5 @@ var footerSection_default = FooterSection;
 
 //#endregion
 export { FooterSection, footerSection_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerSection.js.map

package/dist/footer/footerSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerSection.js","names":["Box","FooterHeading","FooterLink"],"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 }, index) => (\n              <v.li key={index}>\n                <FooterLink href={url} text={text} />\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,MAAO,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAACA;EAAI,WAAW,GAAG,qBAAqB,UAAU;EAAE;EAAY;EAAK,GAAI,OAAO;EAAS,GAAI;aAC1F,MAAM,QAAQ,GAAG,UAAU,oBAACC,yBAAc,MAAM,UAAW,EAE3D,aACE,MAAM,MAAM,GACX,QAEA,oBAAC,EAAE,gBACA,OAAO,KAAK,EAAE,MAAM,OAAO,UAC1B,oBAAC,EAAE,gBACD,oBAACC;GAAW,MAAM;GAAW;IAAQ,IAD5B,MAEJ,CACP,GACG;GAEP;EAER;AAEF,cAAc,cAAc;AAC5B,4BAAe"}
+{"version":3,"file":"footerSection.js","names":["Box","FooterHeading","FooterLink"],"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 }, index) => (\n              <v.li key={index}>\n                <FooterLink href={url} text={text} />\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,kBAAkB,CAAC;AAE3D,QACE,qBAACA;EAAI,WAAW,GAAG,qBAAqB,UAAU;EAAE;EAAY;EAAK,GAAI,OAAO;EAAS,GAAI;aAC1F,MAAM,QAAQ,GAAG,UAAU,oBAACC,yBAAc,MAAM,UAAW,EAE3D,aACE,MAAM,MAAM,GACX,QAEA,oBAAC,EAAE,gBACA,OAAO,KAAK,EAAE,MAAM,OAAO,UAC1B,oBAAC,EAAE,gBACD,oBAACC;GAAW,MAAM;GAAW;IAAQ,IAD5B,MAEJ,CACP,GACG;GAEP;EAER;AAEF,cAAc,cAAc;AAC5B,4BAAe"}

package/dist/footer/footerSlimColumn.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { useFooterContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/footer/footerSlimColumn.tsx
 /** Organizes sections with links into a single column. Different width per breakpoint. */
 const FooterSlimColumn = vui((props, ref) => {
-	const { children,...rest } = props;
+	const { children, ...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsx(box_default, {
 		className: cs("vui-footerSlimColumn"),
@@ -37,5 +40,5 @@ var footerSlimColumn_default = FooterSlimColumn;
 
 //#endregion
 export { footerSlimColumn_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerSlimColumn.js.map

package/dist/footer/footerSlimColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerSlimColumn.js","names":["Box"],"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,SAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,uBAAuB;EACrC;EACA,MAAM;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;GAAW;EACrD,MAAM;EACN,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;GAAK;EACjC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;EAEH;GACG;EAER;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"version":3,"file":"footerSlimColumn.js","names":["Box"],"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,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,uBAAuB;EACrC;EACA,MAAM;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;GAAW;EACrD,MAAM;EACN,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;GAAK;EACjC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;EAEH;GACG;EAER;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/footer/footerTrademark.js

@@ -1,9 +1,14 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
 import t_default from "../t/t.js";
+import "../t/index.js";
+import "../core/index.js";
 import link_default from "../link/link.js";
+import "../link/index.js";
 import { useFooterContext } from "./context.js";
 import footerHeading_default from "./footerHeading.js";
 import footerColumn_default from "./footerColumn.js";
@@ -13,7 +18,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const defaultLinkedInUrl = "https://www.linkedin.com/showcase/veracity-data-platform";
 /** Section includes a heading and a set of links. */
 const FooterTrademark = vui((props, ref) => {
-	const { className, linkedIn,...rest } = props;
+	const { className, linkedIn, ...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsxs(box_default, {
 		className: cs("vui-footerTrademark", className),
@@ -65,5 +70,5 @@ FooterTrademark.displayName = "FooterTrademark";
 
 //#endregion
 export { FooterTrademark, defaultLinkedInUrl };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerTrademark.js.map

package/dist/footer/footerTrademark.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerTrademark.js","names":["Box","FooterColumn","Link","FooterHeading","T"],"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 className={cs('vui-footerTrademark', className)} ref={ref} w=\"100%\" wrap {...styles.trademark} {...rest}>\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 25%' }}>\n        <Link\n          fontWeight=\"demi\"\n          href={linkedIn ?? defaultLinkedInUrl}\n          iconLeft={<Link.Icon mr={1} 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%' }}>\n        <T size=\"xs\">\n          <T size=\"xs\" weight=\"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,SAAU,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAACA;EAAI,WAAW,GAAG,uBAAuB,UAAU;EAAO;EAAK,GAAE;EAAO;EAAK,GAAI,OAAO;EAAW,GAAI;aACtG,oBAACC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;aAC3D,oBAACC;IACC,YAAW;IACX,MAAM,YAAY;IAClB,UAAU,oBAACA,aAAK;KAAK,IAAI;KAAG,MAAK;KAAsB,QAAO;KAAM,MAAK;MAAO;IAChF;IACA,GAAI,OAAO;cAEX,oBAACC;KAAc,IAAI;KAAG,MAAK;MAAc;KACpC;IACM,EAEf,oBAACF;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;aAC3D,qBAACG;IAAE,MAAK;eACN,oBAACA;KAAE,MAAK;KAAK,QAAO;eAAO;MAEvB;KAEF;IACS;GACX;EAER;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"footerTrademark.js","names":["Box","FooterColumn","Link","FooterHeading","T"],"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 className={cs('vui-footerTrademark', className)} ref={ref} w=\"100%\" wrap {...styles.trademark} {...rest}>\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 25%' }}>\n        <Link\n          fontWeight=\"demi\"\n          href={linkedIn ?? defaultLinkedInUrl}\n          iconLeft={<Link.Icon mr={1} 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%' }}>\n        <T size=\"xs\">\n          <T size=\"xs\" weight=\"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,kBAAkB,CAAC;AAE3D,QACE,qBAACA;EAAI,WAAW,GAAG,uBAAuB,UAAU;EAAO;EAAK,GAAE;EAAO;EAAK,GAAI,OAAO;EAAW,GAAI;aACtG,oBAACC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;aAC3D,oBAACC;IACC,YAAW;IACX,MAAM,YAAY;IAClB,UAAU,oBAACA,aAAK;KAAK,IAAI;KAAG,MAAK;KAAsB,QAAO;KAAM,MAAK;MAAO;IAChF;IACA,GAAI,OAAO;cAEX,oBAACC;KAAc,IAAI;KAAG,MAAK;MAAc;KACpC;IACM,EAEf,oBAACF;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;aAC3D,qBAACG;IAAE,MAAK;eACN,oBAACA;KAAE,MAAK;KAAK,QAAO;eAAO;MAEvB;KAEF;IACS;GACX;EAER;AAEF,gBAAgB,cAAc"}

package/dist/footer/helpers.d.ts

@@ -10,4 +10,5 @@ declare function useFooterLinks(env: Environment): {
 };
 //#endregion
 export { useFooterLinks };
+
 //# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","names":[],"sources":["../../src/footer/helpers.ts"],"sourcesContent":[],"mappings":";;;;;;iBAagB,cAAA,MAAoB;WAAA;EAApB,QAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAc,SAAA"}
+{"version":3,"file":"helpers.d.ts","names":[],"sources":["../../src/footer/helpers.ts"],"sourcesContent":[],"mappings":";;;;;;iBAagB,cAAA,MAAoB;WAAA;EAApB,QAAA,EAAA,MAAA,GAAc,SAAA"}

package/dist/footer/helpers.js

@@ -1,6 +1,8 @@
 import { cdnUrls } from "../core/consts.js";
 import { isObject } from "../utils/assertion.js";
+import "../utils/index.js";
 import { useLinks } from "../core/links.js";
+import "../core/index.js";
 import { useEffect, useState } from "react";
 
 //#region src/footer/helpers.ts
@@ -35,5 +37,5 @@ function useFooterLinks(env) {
 
 //#endregion
 export { useFooterLinks };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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,EAAE,CAAC;CACpE,MAAM,CAAC,SAAS,UAAU;AAE1B,iBAAgB;AACd,mBAAiB;EAEjB,eAAe,kBAAkB;AAC/B,OAAI;IACF,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,KAAK,gCAAgC;AAC7E,QAAI,CAAC,SAAS,GAAI;IAElB,MAAM,OAAO,MAAM,SAAS,MAAM;AAElC,QAAI,SAAS,KAAK,CAAE,cAAa,KAAK;WAChC;AACN,YAAQ,MAAM,kCAAkC;;;IAGnD,CAAC,IAAI,CAAC;AAST,QAAO;EAAE,SAPuC,UAAU,SAAS,KAAI,WACrE,OAAO,KAAI,aAAY;GACrB,GAAG;GACH,OAAO,QAAQ,OAAO,KAAI,UAAS;IAAE,GAAG;IAAM,KAAK,QAAQ,MAAM,MAAM;IAAK,EAAE;GAC/E,EAAE,CACJ;EAEiB,UAAU,UAAU;EAAU"}
+{"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,EAAE,CAAC;CACpE,MAAM,CAAC,SAAS,UAAU;AAE1B,iBAAgB;AACd,mBAAiB;EAEjB,eAAe,kBAAkB;AAC/B,OAAI;IACF,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,KAAK,gCAAgC;AAC7E,QAAI,CAAC,SAAS,GAAI;IAElB,MAAM,OAAO,MAAM,SAAS,MAAM;AAElC,QAAI,SAAS,KAAK,CAAE,cAAa,KAAK;WAChC;AACN,YAAQ,MAAM,kCAAkC;;;IAGnD,CAAC,IAAI,CAAC;AAST,QAAO;EAAE,SAPuC,UAAU,SAAS,KAAI,WACrE,OAAO,KAAI,aAAY;GACrB,GAAG;GACH,OAAO,QAAQ,OAAO,KAAI,UAAS;IAAE,GAAG;IAAM,KAAK,QAAQ,MAAM,MAAM;IAAK,EAAE;GAC/E,EAAE,CACJ;EAEiB,UAAU,UAAU;EAAU"}

package/dist/footer/index.d.ts

@@ -7,4 +7,4 @@ import "./footerRow.js";
 import { FooterSection } from "./footerSection.js";
 import { Footer, FooterBase } from "./footer.js";
 import { useFooterLinks } from "./helpers.js";
-import { ApplicationFooter } from "./applicationFooter.js";
+import { ApplicationFooter } from "./applicationFooter.js";

package/dist/footer/index.js

@@ -0,0 +1,11 @@
+import { FooterHeading } from "./footerHeading.js";
+import { FooterLink } from "./footerLink.js";
+import { FooterSection } from "./footerSection.js";
+import "./footerColumn.js";
+import "./footerRow.js";
+import { FooterContent } from "./footerContent.js";
+import footer_default, { Footer, FooterBase } from "./footer.js";
+import { useFooterLinks } from "./helpers.js";
+import { ApplicationFooter } from "./applicationFooter.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/footer/theme.js

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

package/dist/grid/grid.d.ts

@@ -2,12 +2,13 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { GridProps } from "./grid.types.js";
 import "../index.js";
-import * as styled_components379 from "styled-components";
+import * as styled_components417 from "styled-components";
 
 //#region src/grid/grid.d.ts
-declare const GridBase: styled_components379.StyledComponent<"div", styled_components379.DefaultTheme, SystemProps, never>;
+declare const GridBase: styled_components417.StyledComponent<"div", styled_components417.DefaultTheme, SystemProps, never>;
 /** Displays a basic grid wrapper. */
 declare const Grid: VuiComponent<"span", GridProps>;
 //#endregion
 export { Grid, GridBase };
+
 //# sourceMappingURL=grid.d.ts.map

package/dist/grid/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","names":[],"sources":["../../src/grid/grid.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,UAAQ,oBAAA,CAAA,uBAEpB,oBAAA,CAFoB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAKR,MAAI,qBAAA"}
+{"version":3,"file":"grid.d.ts","names":[],"sources":["../../src/grid/grid.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,UAAQ,oBAAA,CAAA,uBAEpB,oBAAA,CAFoB,YAAA,EAAA,WAAA;;cAKR,MAAI,qBAAA"}