@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/footer/footer.js

@@ -1,6 +1,291 @@
-import{getCurrentYear as e}from"../utils/dates.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{useDown as r}from"../core/media.js";import{styled as i}from"../core/styled.js";import{vui as a}from"../core/vui.js";import{Box as o}from"../box/box.js";import{T as s}from"../t/t.js";import{Divider as c}from"../divider/divider.js";import{Link as l}from"../link/link.js";import u from"../menu/menu.js";import{FooterProvider as d}from"./context.js";import f from"./footerHeading.js";import p from"./footerLink.js";import m from"./footerSection.js";import h from"./footerColumn.js";import g from"./footerRow.js";import _ from"./footerColumns.js";import v from"./footerContent.js";import y from"./footerSlimColumn.js";import{FooterTrademark as b,defaultLinkedInUrl as x}from"./footerTrademark.js";import{jsx as S,jsxs as C}from"react/jsx-runtime";const w=i.divBox`
+import { getCurrentYear } from "../utils/dates.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { useDown } from "../core/media.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { T } from "../t/t.js";
+import { Divider } from "../divider/divider.js";
+import { Link } from "../link/link.js";
+import menu_default from "../menu/menu.js";
+import { FooterProvider } from "./context.js";
+import footerHeading_default from "./footerHeading.js";
+import footerLink_default from "./footerLink.js";
+import footerSection_default from "./footerSection.js";
+import footerColumn_default from "./footerColumn.js";
+import footerRow_default from "./footerRow.js";
+import footerColumns_default from "./footerColumns.js";
+import footerContent_default from "./footerContent.js";
+import footerSlimColumn_default from "./footerSlimColumn.js";
+import { FooterTrademark, defaultLinkedInUrl } from "./footerTrademark.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/footer/footer.tsx
+const FooterBase = styled.divBox`
   background-color: darkBlue.main;
   color: white;
   padding: 5 3;
-`,T=e(),E=a((e,i)=>{let{applicationLinks:a,applicationSocialLinks:m=[],applicationStaticItems:h=[],children:E,className:D,columns:O,isApplication:k=!1,isDNV:A=!1,linkedIn:j,size:M,variant:N,isSlim:P,...F}=e,I={size:M,variant:N},L=n(`Footer`,e);k&&!a&&console.error(`Footer: isApplication is true but applicationLinks  not set.`);let R=[{id:`home`,text:`veracity.com`,url:`https://www.veracity.com/`}];O?.map(e=>{e.map(e=>{e.links?.map(e=>{e&&[`home`,`support`,`status`].includes(e.id||``)&&R.push(e)})})});let z=r(`md`),B=r(`lg`);return S(d,{value:I,children:C(w,{className:t(`vui-footer`,k?`vui-footer-app`:``,D),px:k?`40px`:3,py:P?z?`16px`:`9px`:5,role:`contentinfo`,...L.container,ref:i,...F,children:[k&&S(v,{alignContent:`center`,alignItems:`center`,maxW:`100%`,children:C(g,{alignContent:`space-between`,w:1,children:[S(o,{alignItems:`self-start`,columnGap:3,flex:{xs:`0 0 100%`,sm:`0 0 100%`,md:`0 0 100%`,lg:`0 0 50%`},py:{xs:1,sm:1,md:1.25,lg:1.5},wrap:!0,children:a?.map((e,t)=>C(o,{flex:{xs:`0 0 100%`,sm:`0 0 auto`},children:[e.items&&C(u,{isLazy:!1,offset:[-16,9],placement:`top-start`,size:`sm`,...F,children:[S(u.Button,{as:l,className:`vui-footerLink-trigger`,pt:`3px`,role:`button`,text:e.text,title:e.text,...L.link,...F}),S(u.List,{maxH:400,right:0,w:320,...L.list,children:e.items.map(({text:e,url:t},n)=>S(u.Item,{isTruncated:!0,linkProps:{href:t},text:e,title:e,...L.item},n))})]}),!e.items&&S(p,{...e,href:e.url})]},t))}),B&&S(c,{borderColor:`sandstone.main`,mb:.5,mt:1,w:1}),C(o,{centerV:!0,columnGap:3,flex:{xs:`0 0 100%`,sm:`0 0 100%`,md:`0 0 100%`,lg:`0 0 50%`},justifyContent:{sm:`center`,lg:`flex-end`},py:{xs:1,sm:1,md:1.25,lg:1.5},wrap:!0,children:[h?.map((e,t)=>S(o,{children:S(s,{size:`sm`,children:e})},t)),A?S(o,{children:C(s,{size:`sm`,children:[`© DNV AS `,T]})}):S(o,{children:C(s,{size:`sm`,children:[S(s,{fontWeight:`600`,children:`Veracity by DNV`}),`, DNV AS`]})}),C(o,{children:[m?.map((e,t)=>S(l,{"aria-label":e.text,fontWeight:`demi`,href:e.url,iconLeft:S(l.Icon,{name:`${e.text===`Twitter`?`brandX`+e.text+`Solid`:`brandCircle`+e.text}`,radius:`50%`,size:`xs`}),isExternal:!0,mr:1,size:{_:`sm`,md:`md`},...L.link},t)),S(l,{fontWeight:`demi`,href:j??x,isExternal:!0,size:{_:`sm`,md:`md`},...L.link,children:S(f,{fontSize:`16px`,mb:0,text:`Follow us`})})]})]})]})}),!k&&P&&S(v,{alignContent:`center`,alignItems:`center`,maxW:{xs:343,sm:305,md:720,lg:975},children:C(g,{children:[R.map(({text:e,url:t,id:n},r)=>{if(!(B&&n===`support`))return S(y,{children:S(p,{href:t,text:e})},r)}),z&&S(c,{borderColor:`sandstone.main`,mb:.5,mt:1,w:1}),S(y,{centerV:!0,children:C(s,{size:`xs`,children:[S(s,{fontWeight:`demi`,children:`Veracity by DNV`}),`, DNV AS`]})}),S(y,{children:S(l,{fontWeight:`demi`,href:j??x,iconLeft:S(l.Icon,{mr:1,name:`brandCircleLinkedIn`,radius:`50%`,size:`xs`}),isExternal:!0,size:{_:`sm`,md:`md`},...L.link,children:S(f,{fontSize:`16px`,mb:0,text:`Follow us`})})})]})}),!k&&!P&&C(v,{children:[S(_,{columns:O}),E||O?S(c,{borderColor:`sandstone.main`,my:4}):null,S(g,{children:S(b,{linkedIn:j})})]})]})})});E.Column=h,E.Content=v,E.Heading=f,E.Link=p,E.Row=g,E.Section=m,E.displayName=`Footer`;var D=E;export{E as Footer,w as FooterBase,D as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+const currentYear = getCurrentYear();
+/** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */
+const Footer = vui((props, ref) => {
+	const { applicationLinks, applicationSocialLinks = [], applicationStaticItems = [], children, className, columns, isApplication = false, isDNV = false, linkedIn, size, variant, isSlim,...rest } = props;
+	const context = {
+		size,
+		variant
+	};
+	const styles = useStyleConfig("Footer", props);
+	if (isApplication && !applicationLinks) console.error("Footer: isApplication is true but applicationLinks  not set.");
+	const slimLinks = [{
+		id: "home",
+		text: "veracity.com",
+		url: "https://www.veracity.com/"
+	}];
+	columns?.map((column) => {
+		column.map((section) => {
+			section.links?.map((link) => {
+				if (!link) return;
+				if ([
+					"home",
+					"support",
+					"status"
+				].includes(link.id || "")) slimLinks.push(link);
+			});
+		});
+	});
+	const downMd = useDown("md");
+	const downLg = useDown("lg");
+	return /* @__PURE__ */ jsx(FooterProvider, {
+		value: context,
+		children: /* @__PURE__ */ jsxs(FooterBase, {
+			className: cs("vui-footer", isApplication ? "vui-footer-app" : "", className),
+			px: isApplication ? "40px" : 3,
+			py: isSlim ? downMd ? "16px" : "9px" : 5,
+			role: "contentinfo",
+			...styles.container,
+			ref,
+			...rest,
+			children: [
+				isApplication && /* @__PURE__ */ jsx(footerContent_default, {
+					alignContent: "center",
+					alignItems: "center",
+					maxW: "100%",
+					children: /* @__PURE__ */ jsxs(footerRow_default, {
+						alignContent: "space-between",
+						w: 1,
+						children: [
+							/* @__PURE__ */ jsx(Box, {
+								alignItems: "self-start",
+								columnGap: 3,
+								flex: {
+									xs: "0 0 100%",
+									sm: "0 0 100%",
+									md: "0 0 100%",
+									lg: "0 0 50%"
+								},
+								py: {
+									xs: 1,
+									sm: 1,
+									md: 1.25,
+									lg: 1.5
+								},
+								wrap: true,
+								children: applicationLinks?.map((link, index) => /* @__PURE__ */ jsxs(Box, {
+									flex: {
+										xs: "0 0 100%",
+										sm: "0 0 auto"
+									},
+									children: [link.items && /* @__PURE__ */ jsxs(menu_default, {
+										isLazy: false,
+										offset: [-16, 9],
+										placement: "top-start",
+										size: "sm",
+										...rest,
+										children: [/* @__PURE__ */ jsx(menu_default.Button, {
+											as: Link,
+											className: "vui-footerLink-trigger",
+											pt: "3px",
+											role: "button",
+											text: link.text,
+											title: link.text,
+											...styles.link,
+											...rest
+										}), /* @__PURE__ */ jsx(menu_default.List, {
+											maxH: 400,
+											right: 0,
+											w: 320,
+											...styles.list,
+											children: link.items.map(({ text, url }, index$1) => /* @__PURE__ */ jsx(menu_default.Item, {
+												isTruncated: true,
+												linkProps: { href: url },
+												text,
+												title: text,
+												...styles.item
+											}, index$1))
+										})]
+									}), !link.items && /* @__PURE__ */ jsx(footerLink_default, {
+										...link,
+										href: link.url
+									})]
+								}, index))
+							}),
+							downLg && /* @__PURE__ */ jsx(Divider, {
+								borderColor: "sandstone.main",
+								mb: .5,
+								mt: 1,
+								w: 1
+							}),
+							/* @__PURE__ */ jsxs(Box, {
+								centerV: true,
+								columnGap: 3,
+								flex: {
+									xs: "0 0 100%",
+									sm: "0 0 100%",
+									md: "0 0 100%",
+									lg: "0 0 50%"
+								},
+								justifyContent: {
+									sm: "center",
+									lg: "flex-end"
+								},
+								py: {
+									xs: 1,
+									sm: 1,
+									md: 1.25,
+									lg: 1.5
+								},
+								wrap: true,
+								children: [
+									applicationStaticItems?.map((text, index) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(T, {
+										size: "sm",
+										children: text
+									}) }, index)),
+									isDNV ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(T, {
+										size: "sm",
+										children: ["© DNV AS ", currentYear]
+									}) }) : /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(T, {
+										size: "sm",
+										children: [/* @__PURE__ */ jsx(T, {
+											fontWeight: "600",
+											children: "Veracity by DNV"
+										}), ", DNV AS"]
+									}) }),
+									/* @__PURE__ */ jsxs(Box, { children: [applicationSocialLinks?.map((link, index) => /* @__PURE__ */ jsx(Link, {
+										"aria-label": link.text,
+										fontWeight: "demi",
+										href: link.url,
+										iconLeft: /* @__PURE__ */ jsx(Link.Icon, {
+											name: `${link.text === "Twitter" ? "brandX" + link.text + "Solid" : "brandCircle" + link.text}`,
+											radius: "50%",
+											size: "xs"
+										}),
+										isExternal: true,
+										mr: 1,
+										size: {
+											_: "sm",
+											md: "md"
+										},
+										...styles.link
+									}, index)), /* @__PURE__ */ jsx(Link, {
+										fontWeight: "demi",
+										href: linkedIn ?? defaultLinkedInUrl,
+										isExternal: true,
+										size: {
+											_: "sm",
+											md: "md"
+										},
+										...styles.link,
+										children: /* @__PURE__ */ jsx(footerHeading_default, {
+											fontSize: "16px",
+											mb: 0,
+											text: "Follow us"
+										})
+									})] })
+								]
+							})
+						]
+					})
+				}),
+				!isApplication && isSlim && /* @__PURE__ */ jsx(footerContent_default, {
+					alignContent: "center",
+					alignItems: "center",
+					maxW: {
+						xs: 343,
+						sm: 305,
+						md: 720,
+						lg: 975
+					},
+					children: /* @__PURE__ */ jsxs(footerRow_default, { children: [
+						slimLinks.map(({ text, url, id }, index) => {
+							/** if the screen is small drop one specific link */
+							if (downLg && id === "support") return;
+							return /* @__PURE__ */ jsx(footerSlimColumn_default, { children: /* @__PURE__ */ jsx(footerLink_default, {
+								href: url,
+								text
+							}) }, index);
+						}),
+						downMd && /* @__PURE__ */ jsx(Divider, {
+							borderColor: "sandstone.main",
+							mb: .5,
+							mt: 1,
+							w: 1
+						}),
+						/* @__PURE__ */ jsx(footerSlimColumn_default, {
+							centerV: true,
+							children: /* @__PURE__ */ jsxs(T, {
+								size: "xs",
+								children: [/* @__PURE__ */ jsx(T, {
+									fontWeight: "demi",
+									children: "Veracity by DNV"
+								}), ", DNV AS"]
+							})
+						}),
+						/* @__PURE__ */ jsx(footerSlimColumn_default, { children: /* @__PURE__ */ jsx(Link, {
+							fontWeight: "demi",
+							href: linkedIn ?? defaultLinkedInUrl,
+							iconLeft: /* @__PURE__ */ jsx(Link.Icon, {
+								mr: 1,
+								name: "brandCircleLinkedIn",
+								radius: "50%",
+								size: "xs"
+							}),
+							isExternal: true,
+							size: {
+								_: "sm",
+								md: "md"
+							},
+							...styles.link,
+							children: /* @__PURE__ */ jsx(footerHeading_default, {
+								fontSize: "16px",
+								mb: 0,
+								text: "Follow us"
+							})
+						}) })
+					] })
+				}),
+				!isApplication && !isSlim && /* @__PURE__ */ jsxs(footerContent_default, { children: [
+					/* @__PURE__ */ jsx(footerColumns_default, { columns }),
+					children || columns ? /* @__PURE__ */ jsx(Divider, {
+						borderColor: "sandstone.main",
+						my: 4
+					}) : null,
+					/* @__PURE__ */ jsx(footerRow_default, { children: /* @__PURE__ */ jsx(FooterTrademark, { linkedIn }) })
+				] })
+			]
+		})
+	});
+});
+Footer.Column = footerColumn_default;
+Footer.Content = footerContent_default;
+Footer.Heading = footerHeading_default;
+Footer.Link = footerLink_default;
+Footer.Row = footerRow_default;
+Footer.Section = footerSection_default;
+Footer.displayName = "Footer";
+var footer_default = Footer;
+
+//#endregion
+export { Footer, FooterBase, footer_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=footer.js.map

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":"03BAoBA,MAAa,EAAa,EAAO,MAAM;;;;EAMjC,EAAc,GAAgB,CAGvB,EAAS,GAAyB,EAAO,IAAQ,CAC5D,GAAM,CACJ,mBACA,yBAAyB,EAAE,CAC3B,yBAAyB,EAAE,CAC3B,WACA,YACA,UACA,gBAAgB,GAChB,QAAQ,GACR,WACA,OACA,UACA,SACA,GAAG,GACD,EAEE,EAAU,CAAE,OAAM,UAAS,CAE3B,EAAS,EAAe,SAAU,EAAM,CAE1C,GAAiB,CAAC,GAAkB,QAAQ,MAAM,+DAA+D,CAErH,IAAMA,EAA8B,CAClC,CACE,GAAI,OACJ,KAAM,eACN,IAAK,4BACN,CACF,CAED,GAAS,IAAI,GAAU,CACrB,EAAO,IAAI,GAAW,CACpB,EAAQ,OAAO,IAAI,GAAQ,CACpB,GACD,CAAC,OAAQ,UAAW,SAAS,CAAC,SAAS,EAAK,IAAM,GAAG,EAAE,EAAU,KAAK,EAAK,EAC/E,EACF,EACF,CAEF,IAAM,EAAS,EAAQ,KAAK,CACtB,EAAS,EAAQ,KAAK,CAE5B,OACE,EAAC,EAAA,CAAe,MAAO,WACrB,EAAC,EAAA,CACC,UAAW,EAAG,aAAc,EAAgB,iBAAmB,GAAI,EAAU,CAC7E,GAAI,EAAgB,OAAS,EAC7B,GAAI,EAAU,EAAS,OAAS,MAAS,EACzC,KAAK,cACL,GAAI,EAAO,UACN,MACL,GAAI,YAEH,GACC,EAACC,EAAAA,CAAc,aAAa,SAAS,WAAW,SAAS,KAAK,gBAC5D,EAACC,EAAAA,CAAU,aAAa,gBAAgB,EAAG,YACzC,EAAC,EAAA,CACC,WAAW,aACX,UAAW,EACX,KAAM,CAAE,GAAI,WAAY,GAAI,WAAY,GAAI,WAAY,GAAI,UAAW,CACvE,GAAI,CAAE,GAAI,EAAG,GAAI,EAAG,GAAI,KAAM,GAAI,IAAK,CACvC,KAAA,YAEC,GAAkB,KAAK,EAAM,IAC5B,EAAC,EAAA,CAAI,KAAM,CAAE,GAAI,WAAY,GAAI,WAAY,WAC1C,EAAK,OACJ,EAACC,EAAAA,CAAK,OAAQ,GAAO,OAAQ,CAAC,IAAK,EAAE,CAAE,UAAU,YAAY,KAAK,KAAK,GAAI,YACzE,EAACA,EAAK,OAAA,CACJ,GAAI,EACJ,UAAU,yBACV,GAAG,MACH,KAAK,SACL,KAAM,EAAK,KACX,MAAO,EAAK,KACZ,GAAI,EAAO,KACX,GAAI,GACJ,CAEF,EAACA,EAAK,KAAA,CAAK,KAAM,IAAK,MAAO,EAAG,EAAG,IAAK,GAAI,EAAO,cAChD,EAAK,MAAM,KAAK,CAAE,OAAM,OAAO,IAC9B,EAACA,EAAK,KAAA,CACJ,YAAA,GAEA,UAAW,CAAE,KAAM,EAAK,CAClB,OACN,MAAO,EACP,GAAI,EAAO,MAJNC,EAKL,CACF,EACQ,CAAA,EACP,CAGR,CAAC,EAAK,OAAS,EAACC,EAAAA,CAAW,GAAI,EAAM,KAAM,EAAK,KAAO,CAAA,EA7BN,EA8B9C,CACN,EACE,CACL,GAAU,EAAC,EAAA,CAAQ,YAAY,iBAAiB,GAAI,GAAK,GAAI,EAAG,EAAG,GAAK,CACzE,EAAC,EAAA,CACC,QAAA,GACA,UAAW,EACX,KAAM,CAAE,GAAI,WAAY,GAAI,WAAY,GAAI,WAAY,GAAI,UAAW,CACvE,eAAgB,CAAE,GAAI,SAAU,GAAI,WAAY,CAChD,GAAI,CAAE,GAAI,EAAG,GAAI,EAAG,GAAI,KAAM,GAAI,IAAK,CACvC,KAAA,aAEC,GAAwB,KAAK,EAAM,IAClC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAE,KAAK,cAAM,GAAS,CAAA,CADf,EAEJ,CACN,CAED,EACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAE,KAAK,eAAK,YAAe,EAAA,EAAgB,CAAA,CACxC,CAEN,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAE,KAAK,eACN,EAAC,EAAA,CAAE,WAAW,eAAM,mBAAmB,CAAA,WAAA,EACrC,CAAA,CACA,CAER,EAAC,EAAA,CAAA,SAAA,CACE,GAAwB,KAAK,EAAM,IAClC,EAAC,EAAA,CACC,aAAY,EAAK,KACjB,WAAW,OACX,KAAM,EAAK,IACX,SACE,EAAC,EAAK,KAAA,CACJ,KAAM,GAAG,EAAK,OAAS,UAAY,SAAW,EAAK,KAAO,QAAU,cAAgB,EAAK,OACzF,OAAO,MACP,KAAK,MACL,CAEJ,WAAA,GAEA,GAAI,EACJ,KAAM,CAAE,EAAG,KAAM,GAAI,KAAM,CAC3B,GAAI,EAAO,MAHN,EAIC,CACR,CACF,EAAC,EAAA,CACC,WAAW,OACX,KAAM,GAAY,EAClB,WAAA,GACA,KAAM,CAAE,EAAG,KAAM,GAAI,KAAM,CAC3B,GAAI,EAAO,cAEX,EAACC,EAAAA,CAAc,SAAS,OAAO,GAAI,EAAG,KAAK,aAAc,EACpD,CAAA,CAAA,CACH,GACF,GACI,EACE,CAGjB,CAAC,GAAiB,GACjB,EAACL,EAAAA,CAAc,aAAa,SAAS,WAAW,SAAS,KAAM,CAAE,GAAI,IAAK,GAAI,IAAK,GAAI,IAAK,GAAI,IAAK,UACnG,EAACC,EAAAA,CAAAA,SAAAA,CACE,EAAU,KAAK,CAAE,OAAM,MAAK,MAAM,IAAU,CAEvC,QAAU,IAAO,WAErB,OACE,EAACK,EAAAA,CAAAA,SACC,EAACF,EAAAA,CAAW,KAAM,EAAW,QAAQ,CAAA,CADhB,EAEJ,EAErB,CAED,GAAU,EAAC,EAAA,CAAQ,YAAY,iBAAiB,GAAI,GAAK,GAAI,EAAG,EAAG,GAAK,CAEzE,EAACE,EAAAA,CAAiB,QAAA,YAChB,EAAC,EAAA,CAAE,KAAK,eACN,EAAC,EAAA,CAAE,WAAW,gBAAO,mBAAmB,CAAA,WAAA,EACtC,EACa,CACnB,EAACA,EAAAA,CAAAA,SACC,EAAC,EAAA,CACC,WAAW,OACX,KAAM,GAAY,EAClB,SAAU,EAAC,EAAK,KAAA,CAAK,GAAI,EAAG,KAAK,sBAAsB,OAAO,MAAM,KAAK,MAAO,CAChF,WAAA,GACA,KAAM,CAAE,EAAG,KAAM,GAAI,KAAM,CAC3B,GAAI,EAAO,cAEX,EAACD,EAAAA,CAAc,SAAS,OAAO,GAAI,EAAG,KAAK,aAAc,EACpD,CAAA,CACU,GACT,EACE,CAGjB,CAAC,GAAiB,CAAC,GAClB,EAACL,EAAAA,CAAAA,SAAAA,CACC,EAACO,EAAAA,CAAuB,UAAA,CAAW,CAElC,GAAY,EAAU,EAAC,EAAA,CAAQ,YAAY,iBAAiB,GAAI,GAAK,CAAG,KAEzE,EAACN,EAAAA,CAAAA,SACC,EAAC,EAAA,CAA0B,WAAA,CAAY,CAAA,CAC7B,GACE,GAEP,EACE,EAEnB,CASF,EAAO,OAASO,EAChB,EAAO,QAAUR,EACjB,EAAO,QAAUK,EACjB,EAAO,KAAOD,EACd,EAAO,IAAMH,EACb,EAAO,QAAUQ,EACjB,EAAO,YAAc,SAErB,IAAA,EAAe"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,aAAa,OAAO,MAAM;;;;;AAMvC,MAAM,cAAc,gBAAgB;;AAGpC,MAAa,SAAS,KAAyB,OAAO,QAAQ;CAC5D,MAAM,EACJ,kBACA,yBAAyB,EAAE,EAC3B,yBAAyB,EAAE,EAC3B,UACA,WACA,SACA,gBAAgB,OAChB,QAAQ,OACR,UACA,MACA,SACA,OACA,GAAG,SACD;CAEJ,MAAM,UAAU;EAAE;EAAM;EAAS;CAEjC,MAAM,SAAS,eAAe,UAAU,MAAM;AAE9C,KAAI,iBAAiB,CAAC,iBAAkB,SAAQ,MAAM,+DAA+D;CAErH,MAAMA,YAA8B,CAClC;EACE,IAAI;EACJ,MAAM;EACN,KAAK;EACN,CACF;AAED,UAAS,KAAI,WAAU;AACrB,SAAO,KAAI,YAAW;AACpB,WAAQ,OAAO,KAAI,SAAQ;AACzB,QAAI,CAAC,KAAM;AACX,QAAI;KAAC;KAAQ;KAAW;KAAS,CAAC,SAAS,KAAK,MAAM,GAAG,CAAE,WAAU,KAAK,KAAK;KAC/E;IACF;GACF;CAEF,MAAM,SAAS,QAAQ,KAAK;CAC5B,MAAM,SAAS,QAAQ,KAAK;AAE5B,QACE,oBAAC;EAAe,OAAO;YACrB,qBAAC;GACC,WAAW,GAAG,cAAc,gBAAgB,mBAAmB,IAAI,UAAU;GAC7E,IAAI,gBAAgB,SAAS;GAC7B,IAAI,SAAU,SAAS,SAAS,QAAS;GACzC,MAAK;GACL,GAAI,OAAO;GACN;GACL,GAAI;;IAEH,iBACC,oBAACC;KAAc,cAAa;KAAS,YAAW;KAAS,MAAK;eAC5D,qBAACC;MAAU,cAAa;MAAgB,GAAG;;OACzC,oBAAC;QACC,YAAW;QACX,WAAW;QACX,MAAM;SAAE,IAAI;SAAY,IAAI;SAAY,IAAI;SAAY,IAAI;SAAW;QACvE,IAAI;SAAE,IAAI;SAAG,IAAI;SAAG,IAAI;SAAM,IAAI;SAAK;QACvC;kBAEC,kBAAkB,KAAK,MAAM,UAC5B,qBAAC;SAAI,MAAM;UAAE,IAAI;UAAY,IAAI;UAAY;oBAC1C,KAAK,SACJ,qBAACC;UAAK,QAAQ;UAAO,QAAQ,CAAC,KAAK,EAAE;UAAE,WAAU;UAAY,MAAK;UAAK,GAAI;qBACzE,oBAACA,aAAK;WACJ,IAAI;WACJ,WAAU;WACV,IAAG;WACH,MAAK;WACL,MAAM,KAAK;WACX,OAAO,KAAK;WACZ,GAAI,OAAO;WACX,GAAI;YACJ,EAEF,oBAACA,aAAK;WAAK,MAAM;WAAK,OAAO;WAAG,GAAG;WAAK,GAAI,OAAO;qBAChD,KAAK,MAAM,KAAK,EAAE,MAAM,OAAO,YAC9B,oBAACA,aAAK;YACJ;YAEA,WAAW,EAAE,MAAM,KAAK;YAClB;YACN,OAAO;YACP,GAAI,OAAO;cAJNC,QAKL,CACF;YACQ;WACP,EAGR,CAAC,KAAK,SAAS,oBAACC;UAAW,GAAI;UAAM,MAAM,KAAK;WAAO;WA7BN,MA8B9C,CACN;SACE;OACL,UAAU,oBAAC;QAAQ,aAAY;QAAiB,IAAI;QAAK,IAAI;QAAG,GAAG;SAAK;OACzE,qBAAC;QACC;QACA,WAAW;QACX,MAAM;SAAE,IAAI;SAAY,IAAI;SAAY,IAAI;SAAY,IAAI;SAAW;QACvE,gBAAgB;SAAE,IAAI;SAAU,IAAI;SAAY;QAChD,IAAI;SAAE,IAAI;SAAG,IAAI;SAAG,IAAI;SAAM,IAAI;SAAK;QACvC;;SAEC,wBAAwB,KAAK,MAAM,UAClC,oBAAC,iBACC,oBAAC;UAAE,MAAK;oBAAM;WAAS,IADf,MAEJ,CACN;SAED,QACC,oBAAC,iBACC,qBAAC;UAAE,MAAK;qBAAK,aAAe;WAAgB,GACxC,GAEN,oBAAC,iBACC,qBAAC;UAAE,MAAK;qBACN,oBAAC;WAAE,YAAW;qBAAM;YAAmB;WACrC,GACA;SAER,qBAAC,kBACE,wBAAwB,KAAK,MAAM,UAClC,oBAAC;UACC,cAAY,KAAK;UACjB,YAAW;UACX,MAAM,KAAK;UACX,UACE,oBAAC,KAAK;WACJ,MAAM,GAAG,KAAK,SAAS,YAAY,WAAW,KAAK,OAAO,UAAU,gBAAgB,KAAK;WACzF,QAAO;WACP,MAAK;YACL;UAEJ;UAEA,IAAI;UACJ,MAAM;WAAE,GAAG;WAAM,IAAI;WAAM;UAC3B,GAAI,OAAO;YAHN,MAIC,CACR,EACF,oBAAC;UACC,YAAW;UACX,MAAM,YAAY;UAClB;UACA,MAAM;WAAE,GAAG;WAAM,IAAI;WAAM;UAC3B,GAAI,OAAO;oBAEX,oBAACC;WAAc,UAAS;WAAO,IAAI;WAAG,MAAK;YAAc;WACpD,IACH;;SACF;;OACI;MACE;IAGjB,CAAC,iBAAiB,UACjB,oBAACL;KAAc,cAAa;KAAS,YAAW;KAAS,MAAM;MAAE,IAAI;MAAK,IAAI;MAAK,IAAI;MAAK,IAAI;MAAK;eACnG,qBAACC;MACE,UAAU,KAAK,EAAE,MAAM,KAAK,MAAM,UAAU;;AAE3C,WAAI,UAAU,OAAO,UAAW;AAEhC,cACE,oBAACK,sCACC,oBAACF;QAAW,MAAM;QAAW;SAAQ,IADhB,MAEJ;QAErB;MAED,UAAU,oBAAC;OAAQ,aAAY;OAAiB,IAAI;OAAK,IAAI;OAAG,GAAG;QAAK;MAEzE,oBAACE;OAAiB;iBAChB,qBAAC;QAAE,MAAK;mBACN,oBAAC;SAAE,YAAW;mBAAO;UAAmB;SACtC;QACa;MACnB,oBAACA,sCACC,oBAAC;OACC,YAAW;OACX,MAAM,YAAY;OAClB,UAAU,oBAAC,KAAK;QAAK,IAAI;QAAG,MAAK;QAAsB,QAAO;QAAM,MAAK;SAAO;OAChF;OACA,MAAM;QAAE,GAAG;QAAM,IAAI;QAAM;OAC3B,GAAI,OAAO;iBAEX,oBAACD;QAAc,UAAS;QAAO,IAAI;QAAG,MAAK;SAAc;QACpD,GACU;SACT;MACE;IAGjB,CAAC,iBAAiB,CAAC,UAClB,qBAACL;KACC,oBAACO,yBAAuB,UAAW;KAElC,YAAY,UAAU,oBAAC;MAAQ,aAAY;MAAiB,IAAI;OAAK,GAAG;KAEzE,oBAACN,+BACC,oBAAC,mBAA0B,WAAY,GAC7B;QACE;;IAEP;GACE;EAEnB;AASF,OAAO,SAASO;AAChB,OAAO,UAAUR;AACjB,OAAO,UAAUK;AACjB,OAAO,OAAOD;AACd,OAAO,MAAMH;AACb,OAAO,UAAUQ;AACjB,OAAO,cAAc;AAErB,qBAAe"}

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

@@ -1,5 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 
 //#region src/footer/footer.types.d.ts
 /** Column consists of one ore more sections with a heading and links. */

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;AAAnB,IAAA,CAEA,iBAAA,CAAA,CAAA,CAAoB,QAFD,CAAA,CAAA,CAAA;EAEnB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;EAAiB,QAAA,CAAA,CAAA,CAEhB,iBAFgB,CAAA,CAAA;;AAEhB,IAAA,CAGD,kBAAA,CAAA,CAAA,CAAqB,QAHpB,CAAA,CAAA,CAAA;EAAiB,OAAA,CAAA,CAAA,CAIlB,gBAJkB,CAAA,CAAA;AAG9B,CAAA;AAA8B,IAAA,CAIlB,kBAAA,CAAA,CAAA,CAAqB,QAJH;AAAG,IAAA,CAMrB,aAAA,CAAA,CAAA,CAAgB,IANK,CAMA,WANA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;AACL,IAAA,CAQhB,cAAA,CAAA,CAAA,CARgB;EAGhB,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;EAEA,EAAA,CAAA,CAAA,CAAA,MAAA;EAAa,IAAA,CAAA,CAAA,MAAA;KAAQ,CAAA,CAAA,CAAA,MAAA;OAAL,CAAA,CAAA,CAQlB,cARkB,CAAA,CAAA;CAAI;AAGpB,IAAA,CAQA,WAAA,CAAA,CAAA,CAAc,IARA,CAQK,QAHrB,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAc,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAItB,YAJsB,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAKtB,IALsB,CAKjB,oBALiB,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAGZ,gBAAW,CAAA,CAAA,CAGA,cAHA,CAAA,CAAA;EAAA,sBAAA,CAAA,CAAA,CAIM,cAJN,CAAA,CAAA;wBAAQ,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;;SAC7B,CAAA,CAAA,CAMY,gBANZ,CAAA,CAAA;eACK,CAAA,CAAA,CAAA,OAAA;QAAL,CAAA,CAAA,CAAA,OAAA;OACqB,CAAA,CAAA,CAAA,OAAA;;AAIT,IAAA,CAMF,sBAAA,CAAA,CAAA,CAAyB,IANvB,CAM4B,WAN5B,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;AAMF,IAAA,CAGA,iBAAA,CAAA,CAAA,CAHsB;EAAA,OAAA,CAAA,CAAA,CAAA,MAAA;;OAAG,CAAA,CAAA,CAM3B,cAN2B,CAAA,CAAA;CAAI;AAG7B,IAAA,CAMA,kBAAA,CAAA,CAAA,CAAqB,QAHvB,CAAA,CAAA,CAAA;EAGE,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,EAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAkB,OAAA,CAAA,CAAA,CAElB,iBAFkB,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAEa,GAAA,CAAI,OAFjB;;OAElB,CAAA,CAAA,CAEF,iBAFE,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAE2B,GAAA,CAAI,OAF/B;;AAEF,IAAA,CAGE,oBAAA,CAAA,CAAA,CAAuB,QAHzB,CAAA,CAAA,CAAA;;EAAwC,QAAA,CAAA,CAAA,CAAA,MAAA;AAGlD,CAAA"}
+{"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"}

package/dist/footer/footerColumn.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { FooterColumnProps } from "./footer.types.js";
+import "../index.js";
 
 //#region src/footer/footerColumn.d.ts
 /** Organizes sections with links into a single column. Different width per breakpoint. */

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

@@ -1 +1 @@
-{"version":3,"file":"footerColumn.d.ts","names":[],"sources":["../../src/footer/footerColumn.tsx"],"sourcesContent":[],"mappings":";;;;;cAQM,cAAY,oBAAA"}
+{"version":3,"file":"footerColumn.d.ts","names":[],"sources":["../../src/footer/footerColumn.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQM,cAAY,oBAAA"}

package/dist/footer/footerColumn.js

@@ -1,2 +1,42 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import{useFooterContext as i}from"./context.js";import a from"./footerSection.js";import{jsx as o}from"react/jsx-runtime";const s=n((n,s)=>{let{children:c,className:l,sections:u,flex:d,...f}=n,p=t(`Footer`,i());return o(r,{className:e(`vui-footerColumn`,l),column:!0,flex:d??{xs:`0 0 50%`,sm:`0 0 50%`,md:`0 0 25%`},minW:164,p:{xs:1,sm:1,md:1.25,lg:1.5},ref:s,spaceY:4,...p.column,...f,children:c??u?.map((e,t)=>o(a,{...e},t))})});s.displayName=`FooterColumn`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { useFooterContext } from "./context.js";
+import footerSection_default from "./footerSection.js";
+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 styles = useStyleConfig("Footer", useFooterContext());
+	return /* @__PURE__ */ jsx(box_default, {
+		className: cs("vui-footerColumn", className),
+		column: true,
+		flex: flex ?? {
+			xs: "0 0 50%",
+			sm: "0 0 50%",
+			md: "0 0 25%"
+		},
+		minW: 164,
+		p: {
+			xs: 1,
+			sm: 1,
+			md: 1.25,
+			lg: 1.5
+		},
+		ref,
+		spaceY: 4,
+		...styles.column,
+		...rest,
+		children: children ?? sections?.map((section, index) => /* @__PURE__ */ jsx(footerSection_default, { ...section }, index))
+	});
+});
+FooterColumn.displayName = "FooterColumn";
+var footerColumn_default = FooterColumn;
+
+//#endregion
+export { footerColumn_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"sRAQA,MAAM,EAAe,GAA+B,EAAO,IAAQ,CACjE,GAAM,CAAE,WAAU,YAAW,WAAU,OAAM,GAAG,GAAS,EACnD,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,mBAAoB,EAAU,CAC5C,OAAA,GACA,KAAM,GAAQ,CAAE,GAAI,UAAW,GAAI,UAAW,GAAI,UAAW,CAC7D,KAAM,IACN,EAAG,CAAE,GAAI,EAAG,GAAI,EAAG,GAAI,KAAM,GAAI,IAAK,CACjC,MACL,OAAQ,EACR,GAAI,EAAO,OACX,GAAI,WAEH,GAAY,GAAU,KAAK,EAAS,IAAU,EAACC,EAAAA,CAA0B,GAAI,EAAA,CAAX,EAAsB,CAAC,EACtF,EAER,CAEF,EAAa,YAAc,eAC3B,IAAA,EAAe"}
+{"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"}

package/dist/footer/footerColumns.js

@@ -1,2 +1,41 @@
-import{useDown as e}from"../core/media.js";import{vui as t}from"../core/vui.js";import n from"./footerColumn.js";import r from"./footerRow.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=t((t,o)=>{let{columns:s}=t,c=e(460),l=e(`md`);if(!s)return null;if(c)return i(r,{ref:o,children:i(n,{flex:`1 1 auto`,sections:s.flat(),textAlign:`center`},`evenColumns`)});if(l){let e=s.filter((e,t)=>t%2==0).flat(),t=s.filter((e,t)=>t%2==1).flat();return a(r,{ref:o,children:[i(n,{sections:e},`evenColumns`),i(n,{sections:t},`oddColumns`)]})}return i(r,{ref:o,children:s.map((e,t)=>i(n,{sections:e},t))})});o.displayName=`Footer Mobile Column`;var s=o;export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useDown } from "../core/media.js";
+import { vui } from "../core/vui.js";
+import footerColumn_default from "./footerColumn.js";
+import footerRow_default from "./footerRow.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/footer/footerColumns.tsx
+/** Organizes sections with links into a single column. Different width per breakpoint. */
+const FooterColumns = vui((props, ref) => {
+	const { columns } = props;
+	const downXs = useDown(460);
+	const downMd = useDown("md");
+	if (!columns) return null;
+	if (downXs) return /* @__PURE__ */ jsx(footerRow_default, {
+		ref,
+		children: /* @__PURE__ */ jsx(footerColumn_default, {
+			flex: "1 1 auto",
+			sections: columns.flat(),
+			textAlign: "center"
+		}, "evenColumns")
+	});
+	if (downMd) {
+		const columnsEven = columns.filter((_, index) => index % 2 === 0).flat();
+		const columnsOdd = columns.filter((_, index) => index % 2 === 1).flat();
+		return /* @__PURE__ */ jsxs(footerRow_default, {
+			ref,
+			children: [/* @__PURE__ */ jsx(footerColumn_default, { sections: columnsEven }, "evenColumns"), /* @__PURE__ */ jsx(footerColumn_default, { sections: columnsOdd }, "oddColumns")]
+		});
+	}
+	return /* @__PURE__ */ jsx(footerRow_default, {
+		ref,
+		children: columns.map((sections, index) => /* @__PURE__ */ jsx(footerColumn_default, { sections }, index))
+	});
+});
+FooterColumns.displayName = "Footer Mobile Column";
+var footerColumns_default = FooterColumns;
+
+//#endregion
+export { footerColumns_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"iMAMA,MAAM,EAAgB,GAAgC,EAAO,IAAQ,CACnE,GAAM,CAAE,WAAY,EAEd,EAAS,EAAQ,IAAI,CACrB,EAAS,EAAQ,KAAK,CAE5B,GAAI,CAAC,EAAS,OAAO,KACrB,GAAI,EACF,OACE,EAACA,EAAAA,CAAe,eACd,EAACC,EAAAA,CAAa,KAAM,WAAgC,SAAU,EAAQ,MAAM,CAAE,UAAW,UAApD,cAAgE,EAC3F,CAGhB,GAAI,EAAQ,CACV,IAAM,EAAc,EAAQ,QAAQ,EAAG,IAAU,EAAQ,GAAM,EAAE,CAAC,MAAM,CAClE,EAAa,EAAQ,QAAQ,EAAG,IAAU,EAAQ,GAAM,EAAE,CAAC,MAAM,CACvE,OACE,EAACD,EAAAA,CAAe,gBACd,EAACC,EAAAA,CAAiC,SAAU,EAAA,CAAzB,cAAwC,CAC3D,EAACA,EAAAA,CAAgC,SAAU,EAAA,CAAxB,aAAsC,CAAA,EAC/C,CAGhB,OACE,EAACD,EAAAA,CAAe,eACb,EAAQ,KAAK,EAAU,IACtB,EAACC,EAAAA,CAAmC,WAAA,CAAjB,EAA6B,CAChD,EACQ,EAEd,CAEF,EAAc,YAAc,uBAC5B,IAAA,EAAe"}
+{"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,6 @@
 import { BoxProps } from "../box/box.types.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/footer/footerContent.d.ts
 /** Controls max-width of the content and centers itself horizontally. */

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

@@ -1 +1 @@
-{"version":3,"file":"footerContent.d.ts","names":[],"sources":["../../src/footer/footerContent.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,eAAa,oBAiBxB,QAAA"}
+{"version":3,"file":"footerContent.d.ts","names":[],"sources":["../../src/footer/footerContent.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,eAAa,oBAiBxB,QAAA"}

package/dist/footer/footerContent.js

@@ -1,2 +1,41 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import{useFooterContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Footer`,i());return a(r,{className:e(`vui-footerContent`,s),column:!0,fontSize:{xs:12,sm:12,md:14},maxW:{xs:344,sm:412,md:780,lg:782,xl:888},mx:`auto`,ref:o,w:`100%`,...l.content,...c})});o.displayName=`FooterContent`;var s=o;export{o as FooterContent,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.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 styles = useStyleConfig("Footer", useFooterContext());
+	return /* @__PURE__ */ jsx(box_default, {
+		className: cs("vui-footerContent", className),
+		column: true,
+		fontSize: {
+			xs: 12,
+			sm: 12,
+			md: 14
+		},
+		maxW: {
+			xs: 344,
+			sm: 412,
+			md: 780,
+			lg: 782,
+			xl: 888
+		},
+		mx: "auto",
+		ref,
+		w: "100%",
+		...styles.content,
+		...rest
+	});
+});
+FooterContent.displayName = "FooterContent";
+var footerContent_default = FooterContent;
+
+//#endregion
+export { FooterContent, footerContent_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"oPAOA,MAAa,EAAgB,GAAgC,EAAO,IAAQ,CAC1E,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,oBAAqB,EAAU,CAC7C,OAAA,GACA,SAAU,CAAE,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,CACpC,KAAM,CAAE,GAAI,IAAK,GAAI,IAAK,GAAI,IAAK,GAAI,IAAK,GAAI,IAAK,CACrD,GAAG,OACE,MACL,EAAE,OACF,GAAI,EAAO,QACX,GAAI,GACJ,EAEJ,CAEF,EAAc,YAAc,gBAC5B,IAAA,EAAe"}
+{"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"}

package/dist/footer/footerHeading.d.ts

@@ -1,5 +1,7 @@
 import { VuiComponent } from "../core/vui.js";
 import { HeadingProps } from "../heading/heading.types.js";
+import "../heading/index.js";
+import "../index.js";
 
 //#region src/footer/footerHeading.d.ts
 /** Heading of a links section. */

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

@@ -1 +1 @@
-{"version":3,"file":"footerHeading.d.ts","names":[],"sources":["../../src/footer/footerHeading.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,eAAa,mBAAA"}
+{"version":3,"file":"footerHeading.d.ts","names":[],"sources":["../../src/footer/footerHeading.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,eAAa,mBAAA"}

package/dist/footer/footerHeading.js

@@ -1,2 +1,29 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../heading/heading.js";import{useFooterContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Footer`,i());return a(r,{className:e(`vui-footerHeading`,s),color:`white`,mb:1,ref:o,size:`h5`,...l.heading,...c})});o.displayName=`FooterHeading`;var s=o;export{o as FooterHeading,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import heading_default from "../heading/heading.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 styles = useStyleConfig("Footer", useFooterContext());
+	return /* @__PURE__ */ jsx(heading_default, {
+		className: cs("vui-footerHeading", className),
+		color: "white",
+		mb: 1,
+		ref,
+		size: "h5",
+		...styles.heading,
+		...rest
+	});
+});
+FooterHeading.displayName = "FooterHeading";
+var footerHeading_default = FooterHeading;
+
+//#endregion
+export { FooterHeading, footerHeading_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=footerHeading.js.map