@veracity/vui 3.0.0-beta.4 → 3.0.0-beta.6

package/dist/focusLock/focusLock.js

@@ -0,0 +1,2 @@
+import{useCallback as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"react-focus-lock";const r=r=>{let{autoFocus:i,children:a,crossFrame:o,finalFocusRef:s,initialFocusRef:c,isDisabled:l,persistentFocus:u,returnFocus:d}=r,f=e(()=>{c?.current?.focus()},[c]),p=e(()=>{s?.current?.focus()},[s]);return t(n,{autoFocus:i,crossFrame:o,disabled:l,onActivation:f,onDeactivation:p,persistentFocus:u,returnFocus:d&&!s,children:a})};r.displayName=`FocusLock`;var i=r;export{r as FocusLock,i as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=focusLock.js.map

package/dist/focusLock/focusLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusLock.js","names":["FocusLock: FC<FocusLockProps & ChildrenProp>"],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useCallback } from 'react'\nimport ReactFocusLock from 'react-focus-lock'\n\nimport type { ChildrenProp } from '../core'\nimport type { FocusLockProps } from './focusLock.types'\n\n/**\n * Traps the focus within the provided content.\n *\n * Tabbing using the keyboard will only cycle through the children and won't leave the boundary of the FocusLock wrapper.\n */\n\nexport const FocusLock: FC<FocusLockProps & ChildrenProp> = props => {\n  const {\n    autoFocus,\n    children,\n    crossFrame,\n    finalFocusRef,\n    initialFocusRef,\n    isDisabled,\n    persistentFocus,\n    returnFocus: returnFocusProp,\n  } = props\n\n  const onActivation = useCallback(() => {\n    initialFocusRef?.current?.focus()\n  }, [initialFocusRef])\n\n  const onDeactivation = useCallback(() => {\n    finalFocusRef?.current?.focus()\n  }, [finalFocusRef])\n\n  const returnFocus = returnFocusProp && !finalFocusRef\n\n  return (\n    <ReactFocusLock\n      autoFocus={autoFocus}\n      crossFrame={crossFrame}\n      disabled={isDisabled}\n      onActivation={onActivation}\n      onDeactivation={onDeactivation}\n      persistentFocus={persistentFocus}\n      returnFocus={returnFocus}\n    >\n      {children}\n    </ReactFocusLock>\n  )\n}\n\nFocusLock.displayName = 'FocusLock'\nexport default FocusLock\n"],"mappings":"4GAaA,MAAaA,EAA+C,GAAS,CACnE,GAAM,CACJ,YACA,WACA,aACA,gBACA,kBACA,aACA,kBACA,YAAa,GACX,EAEE,EAAe,MAAkB,CACrC,GAAiB,SAAS,OAAO,EAChC,CAAC,EAAgB,CAAC,CAEf,EAAiB,MAAkB,CACvC,GAAe,SAAS,OAAO,EAC9B,CAAC,EAAc,CAAC,CAInB,OACE,EAAC,EAAA,CACY,YACC,aACZ,SAAU,EACI,eACE,iBACC,kBACjB,YAVgB,GAAmB,CAAC,EAYnC,YACc,EAIrB,EAAU,YAAc,YACxB,IAAA,EAAe"}

package/dist/focusLock/focusLock.types.d.ts

@@ -0,0 +1,31 @@
+//#region src/focusLock/focusLock.types.d.ts
+type FocusableElement = {
+  focus(options?: FocusOptions): void;
+};
+type FocusLockProps = {
+  /**
+   * The first focuable element within the 'children' will be auto-focused once 'FocusLock' mounts.
+   * @default true
+   */
+  autoFocus?: boolean;
+  /**
+   * Enables aggressive focus capturing within iframes.
+   * - 'true' keeps focus in the lock, no matter where the lock is active.
+   * - 'false' allows focus to move outside of iframe, if enabled inside iframe.
+   * @default true
+   */
+  crossFrame?: boolean;
+  /** 'ref' of the element to return focus to when FocusLock unmounts. */
+  finalFocusRef?: React.RefObject<FocusableElement>;
+  /** 'ref' of the element to receive focus initially when FocusLock mounts. */
+  initialFocusRef?: React.RefObject<FocusableElement>;
+  /** Disables focus trapping. */
+  isDisabled?: boolean;
+  /** Disables text selections inside, and outside focus lock. */
+  persistentFocus?: boolean;
+  /** Focus will be returned to the element that triggered the FocusLock once it unmounts. */
+  returnFocus?: boolean;
+};
+//#endregion
+export { FocusLockProps, FocusableElement };
+//# sourceMappingURL=focusLock.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focusLock.types.d.ts","names":[],"sources":["../../src/focusLock/focusLock.types.ts"],"sourcesContent":[],"mappings":";KAAY,gBAAA;EAAA,KAAA,CAAA,OAAgB,CAAhB,EACM,YADU,CAAA,EACV,IAAA;AAGlB,CAAA;AAA0B,KAAd,cAAA,GAAc;;;;;EAgBS,SAAA,CAAA,EAAA,OAAA;;;;;;;;;kBAFjB,KAAA,CAAM,UAAU;;oBAEd,KAAA,CAAM,UAAU"}

package/dist/footer/applicationFooter.d.ts

@@ -0,0 +1,8 @@
+import { VuiComponent } from "../core/vui.js";
+import { FooterProps } from "./footer.types.js";
+
+//#region src/footer/applicationFooter.d.ts
+declare const ApplicationFooter: VuiComponent<"div", Omit<FooterProps, "isApplication" | "isSlim">>;
+//#endregion
+export { ApplicationFooter };
+//# sourceMappingURL=applicationFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applicationFooter.d.ts","names":[],"sources":["../../src/footer/applicationFooter.tsx"],"sourcesContent":[],"mappings":";;;;cAMa,uCAAiB"}

package/dist/footer/applicationFooter.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{defaultLinkedInUrl as n}from"./footerTrademark.js";import r from"./footer.js";import{jsx as i}from"react/jsx-runtime";const a=t((t,a)=>{let{applicationLinks:o,applicationStaticItems:s=[],className:c,isDNV:l=!1,linkedIn:u,...d}=t,f=[],p=``;return l?(s.splice(0,s.length),f.push({id:`linked-in`,text:`LinkedIn`,url:`https://www.linkedin.com/showcase/dnv-digital/`}),f.push({id:`twitter`,text:`Twitter`,url:`https://twitter.com/DNV_Group`}),f.push({id:`facebook`,text:`FB`,url:`https://www.facebook.com/dnvglsoftware`}),f.push({id:`youtube`,text:`Youtube`,url:`https://www.youtube.com/user/DNVsoftware`}),p=`https://www.linkedin.com/company/4411`):(s.splice(2,s.length-1),f.push({id:`linked-in`,text:`LinkedIn`,url:n}),p=u||n),i(r,{applicationLinks:o,applicationSocialLinks:f,applicationStaticItems:s,className:e(`vui-applicationFooter`,l?`vui-applicationDNVFooter`:`vui-applicationVeracityFooter`,c),isApplication:!0,isDNV:l,isSlim:!0,linkedIn:p,ref:a,variant:`developer`,...d})});a.displayName=`ApplicationFooter`;export{a as ApplicationFooter};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=applicationFooter.js.map

package/dist/footer/applicationFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applicationFooter.js","names":["applicationSocialLinks: { id: string; text: string; url: string }[]","Footer"],"sources":["../../src/footer/applicationFooter.tsx"],"sourcesContent":["import { vui } from '../core'\nimport { cs } from '../utils'\nimport Footer from './footer'\nimport type { ApplicationFooterProps } from './footer.types'\nimport { defaultLinkedInUrl } from './footerTrademark'\n\nexport const ApplicationFooter = vui<'div', ApplicationFooterProps>((props, ref) => {\n  const { applicationLinks, applicationStaticItems = [], className, isDNV = false, linkedIn, ...rest } = props\n\n  const applicationSocialLinks: { id: string; text: string; url: string }[] = []\n  let localLinkedIn = ''\n\n  if (isDNV) {\n    applicationStaticItems.splice(0, applicationStaticItems.length)\n\n    //populate the DNV social links\n    applicationSocialLinks.push({\n      id: 'linked-in',\n      text: 'LinkedIn',\n      url: 'https://www.linkedin.com/showcase/dnv-digital/',\n    })\n    applicationSocialLinks.push({\n      id: 'twitter',\n      text: 'Twitter',\n      url: 'https://twitter.com/DNV_Group',\n    })\n    applicationSocialLinks.push({\n      id: 'facebook',\n      text: 'FB',\n      url: 'https://www.facebook.com/dnvglsoftware',\n    })\n    applicationSocialLinks.push({\n      id: 'youtube',\n      text: 'Youtube',\n      url: 'https://www.youtube.com/user/DNVsoftware',\n    })\n\n    localLinkedIn = 'https://www.linkedin.com/company/4411'\n  } else {\n    // the static links are trimmed to max 2 items\n    applicationStaticItems.splice(2, applicationStaticItems.length - 1)\n\n    applicationSocialLinks.push({\n      id: 'linked-in',\n      text: 'LinkedIn',\n      url: defaultLinkedInUrl,\n    })\n\n    localLinkedIn = linkedIn || defaultLinkedInUrl\n  }\n\n  return (\n    <Footer\n      applicationLinks={applicationLinks}\n      applicationSocialLinks={applicationSocialLinks}\n      applicationStaticItems={applicationStaticItems}\n      className={cs(\n        'vui-applicationFooter',\n        isDNV ? 'vui-applicationDNVFooter' : 'vui-applicationVeracityFooter',\n        className,\n      )}\n      isApplication\n      isDNV={isDNV}\n      isSlim\n      linkedIn={localLinkedIn}\n      ref={ref}\n      variant=\"developer\"\n      {...rest}\n    />\n  )\n})\n\nApplicationFooter.displayName = 'ApplicationFooter'\n\nexport default ApplicationFooter\n"],"mappings":"0MAMA,MAAa,EAAoB,GAAoC,EAAO,IAAQ,CAClF,GAAM,CAAE,mBAAkB,yBAAyB,EAAE,CAAE,YAAW,QAAQ,GAAO,WAAU,GAAG,GAAS,EAEjGA,EAAsE,EAAE,CAC1E,EAAgB,GAyCpB,OAvCI,GACF,EAAuB,OAAO,EAAG,EAAuB,OAAO,CAG/D,EAAuB,KAAK,CAC1B,GAAI,YACJ,KAAM,WACN,IAAK,iDACN,CAAC,CACF,EAAuB,KAAK,CAC1B,GAAI,UACJ,KAAM,UACN,IAAK,gCACN,CAAC,CACF,EAAuB,KAAK,CAC1B,GAAI,WACJ,KAAM,KACN,IAAK,yCACN,CAAC,CACF,EAAuB,KAAK,CAC1B,GAAI,UACJ,KAAM,UACN,IAAK,2CACN,CAAC,CAEF,EAAgB,0CAGhB,EAAuB,OAAO,EAAG,EAAuB,OAAS,EAAE,CAEnE,EAAuB,KAAK,CAC1B,GAAI,YACJ,KAAM,WACN,IAAK,EACN,CAAC,CAEF,EAAgB,GAAY,GAI5B,EAACC,EAAAA,CACmB,mBACM,yBACA,yBACxB,UAAW,EACT,wBACA,EAAQ,2BAA6B,gCACrC,EACD,CACD,cAAA,GACO,QACP,OAAA,GACA,SAAU,EACL,MACL,QAAQ,YACR,GAAI,GACJ,EAEJ,CAEF,EAAkB,YAAc"}

package/dist/footer/context.js

@@ -0,0 +1,2 @@
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as FooterProvider,n as useFooterContext};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=context.js.map

package/dist/footer/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/footer/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { FooterContext } from './footer.types'\n\nconst [FooterProvider, useFooterContext] = createContext<FooterContext>({ isOptional: true })\n\nexport { FooterProvider, useFooterContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAgB,GAAoB,EAA6B,CAAE,WAAY,GAAM,CAAC"}

package/dist/footer/footer.d.ts

@@ -0,0 +1,25 @@
+import { SystemProps } from "../system/system.js";
+import { VuiComponent } from "../core/vui.js";
+import { FooterProps } from "./footer.types.js";
+import { FooterColumn } from "./footerColumn.js";
+import { FooterContent } from "./footerContent.js";
+import { FooterHeading } from "./footerHeading.js";
+import { FooterLink } from "./footerLink.js";
+import { FooterRow } from "./footerRow.js";
+import { FooterSection } from "./footerSection.js";
+import * as styled_components396 from "styled-components";
+
+//#region src/footer/footer.d.ts
+declare const FooterBase: styled_components396.StyledComponent<"div", styled_components396.DefaultTheme, SystemProps, never>;
+/** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */
+declare const Footer: VuiComponent<"div", FooterProps> & {
+  Column: typeof FooterColumn;
+  Content: typeof FooterContent;
+  Heading: typeof FooterHeading;
+  Link: typeof FooterLink;
+  Row: typeof FooterRow;
+  Section: typeof FooterSection;
+};
+//#endregion
+export { Footer, FooterBase };
+//# sourceMappingURL=footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","names":[],"sources":["../../src/footer/footer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;cAoBa,YAAU,oBAAA,CAAA,uBAItB,oBAAA,CAJsB,YAAA;;cASV,QA4MP,oBAAoB;iBACT;EAtNJ,OAAA,EAAA,OAuNK,aAnNjB;EAAA,OAAA,EAAA,OAoNiB,aApNjB;MAAA,EAAA,OAqNc,UArNd;cAsNa;SA1NS,EAAA,OA2NL,aA3NK;CAAA"}

package/dist/footer/footer.js

@@ -0,0 +1,6 @@
+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`
+  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:`lg`,...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:`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.6`;
+//# sourceMappingURL=footer.js.map

package/dist/footer/footer.js.map

@@ -0,0 +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=\"lg\" {...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={<Link.Icon name={`brandCircle${link.text}`} radius=\"50%\" size=\"xs\" />}\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

@@ -0,0 +1,53 @@
+import { ThemingProps } from "../theme/types.js";
+import { BoxProps } from "../box/box.types.js";
+
+//#region src/footer/footer.types.d.ts
+/** Column consists of one ore more sections with a heading and links. */
+type FooterColumnData = FooterSectionData[];
+type FooterColumnProps = BoxProps & {
+  /** Data structure for sections and links */
+  sections?: FooterSectionData[];
+};
+type FooterColumnsProps = BoxProps & {
+  columns?: FooterColumnData[];
+};
+type FooterContentProps = BoxProps;
+type FooterContext = Pick<FooterProps, 'size' | 'variant'>;
+/** Link includes the label text and URL address. */
+type FooterLinkData = {
+  /** Unique name that identifies a link in the links dictionary. */
+  id?: string;
+  text: string;
+  url?: string;
+  items?: FooterLinkData[];
+};
+type FooterProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Footer'> & Pick<FooterTrademarkProps, 'linkedIn'> & {
+  applicationLinks?: FooterLinkData[];
+  applicationSocialLinks?: FooterLinkData[];
+  applicationStaticItems?: string[];
+  /** Data defining content of multiple columns. */
+  columns?: FooterColumnData[];
+  isApplication?: boolean;
+  isSlim?: boolean;
+  isDNV?: boolean;
+};
+type ApplicationFooterProps = Omit<FooterProps, 'isApplication' | 'isSlim'> & {};
+/** Section consists of multiple links with text (label) and url */
+type FooterSectionData = {
+  heading?: string;
+  /** Array of objects defining each link. */
+  links?: FooterLinkData[];
+};
+type FooterSectionProps = BoxProps & {
+  /** Socket for a heading on top of the section. */
+  heading?: FooterSectionData['heading'] | JSX.Element;
+  /** Socket for a list of links below the heading. */
+  links?: FooterSectionData['links'] | JSX.Element;
+};
+type FooterTrademarkProps = BoxProps & {
+  /** Url provided to the LinkedIn icon in the Trademark section. */
+  linkedIn?: string;
+};
+//#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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.types.d.ts","names":[],"sources":["../../src/footer/footer.types.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,gBAAA,GAAmB;AAAnB,KAEA,iBAAA,GAAoB,QAFD,GAAA;EAEnB;EAAiB,QAAA,CAAA,EAEhB,iBAFgB,EAAA;;AAEhB,KAGD,kBAAA,GAAqB,QAHpB,GAAA;EAAiB,OAAA,CAAA,EAIlB,gBAJkB,EAAA;AAG9B,CAAA;AAA8B,KAIlB,kBAAA,GAAqB,QAJH;AAAG,KAMrB,aAAA,GAAgB,IANK,CAMA,WANA,EAAA,MAAA,GAAA,SAAA,CAAA;;AACL,KAQhB,cAAA,GARgB;EAGhB;EAEA,EAAA,CAAA,EAAA,MAAA;EAAa,IAAA,EAAA,MAAA;KAAQ,CAAA,EAAA,MAAA;OAAL,CAAA,EAQlB,cARkB,EAAA;CAAI;AAGpB,KAQA,WAAA,GAAc,IARA,CAQK,QAHrB,EAAA,MAAA,GAAc,SAAA,CAAA,GAItB,YAJsB,CAAA,QAAA,CAAA,GAKtB,IALsB,CAKjB,oBALiB,EAAA,UAAA,CAAA,GAAA;EAGZ,gBAAW,CAAA,EAGA,cAHA,EAAA;EAAA,sBAAA,CAAA,EAIM,cAJN,EAAA;wBAAQ,CAAA,EAAA,MAAA,EAAA;;SAC7B,CAAA,EAMY,gBANZ,EAAA;eACK,CAAA,EAAA,OAAA;QAAL,CAAA,EAAA,OAAA;OACqB,CAAA,EAAA,OAAA;;AAIT,KAMF,sBAAA,GAAyB,IANvB,CAM4B,WAN5B,EAAA,eAAA,GAAA,QAAA,CAAA,GAAA,CAAA,CAAA;;AAMF,KAGA,iBAAA,GAHsB;EAAA,OAAA,CAAA,EAAA,MAAA;;OAAG,CAAA,EAM3B,cAN2B,EAAA;CAAI;AAG7B,KAMA,kBAAA,GAAqB,QAHvB,GAAA;EAGE;EAAkB,OAAA,CAAA,EAElB,iBAFkB,CAAA,SAAA,CAAA,GAEa,GAAA,CAAI,OAFjB;;OAElB,CAAA,EAEF,iBAFE,CAAA,OAAA,CAAA,GAE2B,GAAA,CAAI,OAF/B;;AAEF,KAGE,oBAAA,GAAuB,QAHzB,GAAA;;EAAwC,QAAA,CAAA,EAAA,MAAA;AAGlD,CAAA"}

package/dist/footer/footerColumn.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { FooterColumnProps } from "./footer.types.js";
+
+//#region src/footer/footerColumn.d.ts
+/** Organizes sections with links into a single column. Different width per breakpoint. */
+declare const FooterColumn: VuiComponent<"div", FooterColumnProps>;
+//#endregion
+export { FooterColumn };
+//# sourceMappingURL=footerColumn.d.ts.map

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

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

package/dist/footer/footerColumn.js

@@ -0,0 +1,2 @@
+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.6`;
+//# sourceMappingURL=footerColumn.js.map

package/dist/footer/footerColumn.js.map

@@ -0,0 +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"}

package/dist/footer/footerColumns.js

@@ -0,0 +1,2 @@
+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.6`;
+//# sourceMappingURL=footerColumns.js.map

package/dist/footer/footerColumns.js.map

@@ -0,0 +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"}

package/dist/footer/footerContent.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from "../box/box.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/footer/footerContent.d.ts
+/** Controls max-width of the content and centers itself horizontally. */
+declare const FooterContent: VuiComponent<"div", BoxProps>;
+//#endregion
+export { FooterContent };
+//# sourceMappingURL=footerContent.d.ts.map

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

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

package/dist/footer/footerContent.js

@@ -0,0 +1,2 @@
+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.6`;
+//# sourceMappingURL=footerContent.js.map

package/dist/footer/footerContent.js.map

@@ -0,0 +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"}

package/dist/footer/footerHeading.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { HeadingProps } from "../heading/heading.types.js";
+
+//#region src/footer/footerHeading.d.ts
+/** Heading of a links section. */
+declare const FooterHeading: VuiComponent<"h5", HeadingProps>;
+//#endregion
+export { FooterHeading };
+//# sourceMappingURL=footerHeading.d.ts.map

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

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

package/dist/footer/footerHeading.js

@@ -0,0 +1,2 @@
+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.6`;
+//# sourceMappingURL=footerHeading.js.map

package/dist/footer/footerHeading.js.map

@@ -0,0 +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":"4PAOA,MAAa,EAAgB,GAAyB,EAAO,IAAQ,CACnE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,oBAAqB,EAAU,CAC7C,MAAM,QACN,GAAI,EACC,MACL,KAAK,KACL,GAAI,EAAO,QACX,GAAI,GACJ,EAEJ,CAEF,EAAc,YAAc,gBAC5B,IAAA,EAAe"}

package/dist/footer/footerLink.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { LinkProps } from "../link/link.types.js";
+
+//#region src/footer/footerLink.d.ts
+/** Individual link item of the Footer. */
+declare const FooterLink: VuiComponent<"a", LinkProps>;
+//#endregion
+export { FooterLink };
+//# sourceMappingURL=footerLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footerLink.d.ts","names":[],"sources":["../../src/footer/footerLink.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,8BAAU"}

package/dist/footer/footerLink.js

@@ -0,0 +1,2 @@
+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"../link/link.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-footerLink`,s),display:`inline-block`,py:.5,ref:o,size:{_:`sm`,md:`md`},variant:`white`,...l.link,...c})});o.displayName=`FooterLink`;var s=o;export{o as FooterLink,s as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=footerLink.js.map

package/dist/footer/footerLink.js.map

@@ -0,0 +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":"sPAOA,MAAa,EAAa,GAAqB,EAAO,IAAQ,CAC5D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,iBAAkB,EAAU,CAC1C,QAAS,eACT,GAAI,GACC,MACL,KAAM,CAAE,EAAG,KAAM,GAAI,KAAM,CAC3B,QAAQ,QACR,GAAI,EAAO,KACX,GAAI,GACJ,EAEJ,CAEF,EAAW,YAAc,aACzB,IAAA,EAAe"}

package/dist/footer/footerRow.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from "../box/box.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/footer/footerRow.d.ts
+/** Organizes Footer content into a row of multuple columns. */
+declare const FooterRow: VuiComponent<"div", BoxProps>;
+//#endregion
+export { FooterRow };
+//# sourceMappingURL=footerRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footerRow.d.ts","names":[],"sources":["../../src/footer/footerRow.tsx"],"sourcesContent":[],"mappings":";;;;;cAOM,+BAAS"}

package/dist/footer/footerRow.js

@@ -0,0 +1,2 @@
+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-footerRow`,s),m:-1.5,ref:o,wrap:!0,...l.row,...c})});o.displayName=`FooterRow`;var s=o;export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=footerRow.js.map

package/dist/footer/footerRow.js.map

@@ -0,0 +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":"oPAOA,MAAM,EAAY,GAAsB,EAAO,IAAQ,CACrD,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OAAO,EAACA,EAAAA,CAAI,UAAW,EAAG,gBAAiB,EAAU,CAAE,EAAG,KAAW,MAAK,KAAA,GAAK,GAAI,EAAO,IAAK,GAAI,GAAQ,EAC3G,CAEF,EAAU,YAAc,YACxB,IAAA,EAAe"}

package/dist/footer/footerSection.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { FooterSectionProps } from "./footer.types.js";
+
+//#region src/footer/footerSection.d.ts
+/** Section includes a heading and a set of links. */
+declare const FooterSection: VuiComponent<"div", FooterSectionProps>;
+//#endregion
+export { FooterSection };
+//# sourceMappingURL=footerSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footerSection.d.ts","names":[],"sources":["../../src/footer/footerSection.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,mCAAa"}

package/dist/footer/footerSection.js

@@ -0,0 +1,2 @@
+import{isJsx as e}from"../utils/assertion.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{v as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import{useFooterContext as o}from"./context.js";import s from"./footerHeading.js";import c from"./footerLink.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=i((i,d)=>{let{children:f,className:p,heading:m,links:h,...g}=i,_=n(`Footer`,o());return u(a,{className:t(`vui-footerSection`,p),column:!0,ref:d,..._.section,...g,children:[e(m)?m:l(s,{text:m}),f??(e(h)?h:l(r.ul,{children:h?.map(({text:e,url:t},n)=>l(r.li,{children:l(c,{href:t,text:e})},n))}))]})});d.displayName=`FooterSection`;var f=d;export{d as FooterSection,f as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=footerSection.js.map

package/dist/footer/footerSection.js.map

@@ -0,0 +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":"mZASA,MAAa,EAAgB,GAAgC,EAAO,IAAQ,CAC1E,GAAM,CAAE,WAAU,YAAW,UAAS,QAAO,GAAG,GAAS,EACnD,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAACA,EAAAA,CAAI,UAAW,EAAG,oBAAqB,EAAU,CAAE,OAAA,GAAY,MAAK,GAAI,EAAO,QAAS,GAAI,YAC1F,EAAM,EAAQ,CAAG,EAAU,EAACC,EAAAA,CAAc,KAAM,EAAA,CAAW,CAE3D,IACE,EAAM,EAAM,CACX,EAEA,EAAC,EAAE,GAAA,CAAA,SACA,GAAO,KAAK,CAAE,OAAM,OAAO,IAC1B,EAAC,EAAE,GAAA,CAAA,SACD,EAACC,EAAAA,CAAW,KAAM,EAAW,QAAQ,CAAA,CAD5B,EAEJ,CACP,CAAA,CACG,EAAA,EAEP,EAER,CAEF,EAAc,YAAc,gBAC5B,IAAA,EAAe"}

package/dist/footer/footerSlimColumn.js

@@ -0,0 +1,2 @@
+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{children:s,...c}=n,l=t(`Footer`,i());return a(r,{className:e(`vui-footerSlimColumn`),column:!0,flex:{xs:`0 0 50%`,sm:`0 0 20%`,md:`0 0 20%`},minW:164,p:{xs:1,sm:1,md:1.25,lg:1.5},ref:o,spaceY:4,...l.column,...c,children:s})});o.displayName=`FooterSlimColumn`;var s=o;export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=footerSlimColumn.js.map

package/dist/footer/footerSlimColumn.js.map

@@ -0,0 +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":"oPAOA,MAAM,EAAmB,GAAsB,EAAO,IAAQ,CAC5D,GAAM,CAAE,WAAU,GAAG,GAAS,EACxB,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,uBAAuB,CACrC,OAAA,GACA,KAAM,CAAE,GAAI,UAAW,GAAI,UAAW,GAAI,UAAW,CACrD,KAAM,IACN,EAAG,CAAE,GAAI,EAAG,GAAI,EAAG,GAAI,KAAM,GAAI,IAAK,CACjC,MACL,OAAQ,EACR,GAAI,EAAO,OACX,GAAI,EAEH,YACG,EAER,CAEF,EAAiB,YAAc,mBAE/B,IAAA,EAAe"}

package/dist/footer/footerTrademark.js

@@ -0,0 +1,2 @@
+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 i from"../t/t.js";import a from"../link/link.js";import{useFooterContext as o}from"./context.js";import s from"./footerHeading.js";import c from"./footerColumn.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=`https://www.linkedin.com/showcase/veracity-data-platform`,f=n((n,f)=>{let{className:p,linkedIn:m,...h}=n,g=t(`Footer`,o());return u(r,{className:e(`vui-footerTrademark`,p),ref:f,w:`100%`,wrap:!0,...g.trademark,...h,children:[l(c,{centerV:!0,flex:{xs:`0 0 100%`,md:`0 0 25%`},children:l(a,{fontWeight:`demi`,href:m??d,iconLeft:l(a.Icon,{mr:1,name:`brandCircleLinkedIn`,radius:`50%`,size:`sm`}),isExternal:!0,...g.link,children:l(s,{mb:0,text:`Follow us`})})}),l(c,{centerV:!0,flex:{xs:`0 0 100%`,md:`0 0 75%`},children:u(i,{size:`xs`,children:[l(i,{size:`xs`,weight:`demi`,children:`Veracity by DNV`}),`, DNV AS, NO-1322 Høvik, Norway`]})})]})});f.displayName=`FooterTrademark`;export{f as FooterTrademark,d as defaultLinkedInUrl};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=footerTrademark.js.map

package/dist/footer/footerTrademark.js.map

@@ -0,0 +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":"yXAUA,MAAa,EAAqB,2DAGrB,EAAkB,GAAkC,EAAO,IAAQ,CAC9E,GAAM,CAAE,YAAW,WAAU,GAAG,GAAS,EACnC,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAACA,EAAAA,CAAI,UAAW,EAAG,sBAAuB,EAAU,CAAO,MAAK,EAAE,OAAO,KAAA,GAAK,GAAI,EAAO,UAAW,GAAI,YACtG,EAACC,EAAAA,CAAa,QAAA,GAAQ,KAAM,CAAE,GAAI,WAAY,GAAI,UAAW,UAC3D,EAACC,EAAAA,CACC,WAAW,OACX,KAAM,GAAY,EAClB,SAAU,EAACA,EAAK,KAAA,CAAK,GAAI,EAAG,KAAK,sBAAsB,OAAO,MAAM,KAAK,MAAO,CAChF,WAAA,GACA,GAAI,EAAO,cAEX,EAACC,EAAAA,CAAc,GAAI,EAAG,KAAK,aAAc,EACpC,EACM,CAEf,EAACF,EAAAA,CAAa,QAAA,GAAQ,KAAM,CAAE,GAAI,WAAY,GAAI,UAAW,UAC3D,EAACG,EAAAA,CAAE,KAAK,eACN,EAACA,EAAAA,CAAE,KAAK,KAAK,OAAO,gBAAO,mBAEvB,CAAA,kCAAA,EAEF,EACS,CAAA,EACX,EAER,CAEF,EAAgB,YAAc"}

package/dist/footer/helpers.d.ts

@@ -0,0 +1,12 @@
+import { Environment } from "../utils/types.js";
+import { FooterColumnData } from "./footer.types.js";
+
+//#region src/footer/helpers.d.ts
+/** Loads templates for Footer links and enriches them with urls from LinksContext. */
+declare function useFooterLinks(env: Environment): {
+  columns: FooterColumnData[] | undefined;
+  linkedIn: string | undefined;
+};
+//#endregion
+export { useFooterLinks };
+//# sourceMappingURL=helpers.d.ts.map

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

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

package/dist/footer/helpers.js

@@ -0,0 +1,2 @@
+import{cdnUrls as e}from"../core/consts.js";import{isObject as t}from"../utils/assertion.js";import{useLinks as n}from"../core/links.js";import{useEffect as r,useState as i}from"react";function a(a){let[o,s]=i({}),[c]=n();return r(()=>{n();async function n(){try{let n=await fetch(`${e[a]}/common/data/links/footer.json`);if(!n.ok)return;let r=await n.json();t(r)&&s(r)}catch{console.error(`Failed to retrieve footer data.`)}}},[a]),{columns:o.columns?.map(e=>e.map(e=>({...e,links:e.links?.map(e=>({...e,url:c?.[e?.id??``]}))}))),linkedIn:o.linkedIn}}export{a as useFooterLinks};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=helpers.js.map

package/dist/footer/helpers.js.map

@@ -0,0 +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":"yLAaA,SAAgB,EAAe,EAAkB,CAC/C,GAAM,CAAC,EAAW,GAAgB,EAA+B,EAAE,CAAC,CAC9D,CAAC,GAAS,GAAU,CA0B1B,OAxBA,MAAgB,CACd,GAAiB,CAEjB,eAAe,GAAkB,CAC/B,GAAI,CACF,IAAM,EAAW,MAAM,MAAM,GAAG,EAAQ,GAAK,gCAAgC,CAC7E,GAAI,CAAC,EAAS,GAAI,OAElB,IAAM,EAAO,MAAM,EAAS,MAAM,CAE9B,EAAS,EAAK,EAAE,EAAa,EAAK,MAChC,CACN,QAAQ,MAAM,kCAAkC,IAGnD,CAAC,EAAI,CAAC,CASF,CAAE,QAPuC,EAAU,SAAS,IAAI,GACrE,EAAO,IAAI,IAAY,CACrB,GAAG,EACH,MAAO,EAAQ,OAAO,IAAI,IAAS,CAAE,GAAG,EAAM,IAAK,IAAQ,GAAM,IAAM,IAAK,EAAE,CAC/E,EAAE,CACJ,CAEiB,SAAU,EAAU,SAAU"}

package/dist/footer/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{},defaultProps:{variant:`default`},parts:[`container`,`column`,`content`,`heading`,`link`,`row`,`section`,`trademark`],sizes:{},variants:{default:{container:{bg:`darkBlue.main`,color:`white`},link:{color:`white`}},developer:{container:{bg:`darkBlue.main`,color:`white`},link:{color:`digiGreen.main`}},light:{container:{bg:`white`,color:`darkBlue.main`},row:{color:`black`},link:{color:`seaBlue.main`},heading:{color:`darkBlue.main`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=theme.js.map

package/dist/footer/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/footer/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  variant: 'default',\n}\n\nconst parts = ['container', 'column', 'content', 'heading', 'link', 'row', 'section', 'trademark']\n\nconst sizes = {}\n\nconst variants = {\n  default: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n    },\n    link: {\n      color: 'white',\n    },\n  },\n  developer: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n    },\n\n    link: {\n      color: 'digiGreen.main',\n    },\n  },\n  light: {\n    container: {\n      bg: 'white',\n      color: 'darkBlue.main',\n    },\n    row: {\n      color: 'black',\n    },\n\n    link: {\n      color: 'seaBlue.main',\n    },\n    heading: {\n      color: 'darkBlue.main',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAgDA,IAAA,EAAe,CACb,UAjDgB,EAAE,CAkDlB,aAhDmB,CACnB,QAAS,UACV,CA+CC,MA7CY,CAAC,YAAa,SAAU,UAAW,UAAW,OAAQ,MAAO,UAAW,YAAY,CA8ChG,MA5CY,EAAE,CA6Cd,SA3Ce,CACf,QAAS,CACP,UAAW,CACT,GAAI,gBACJ,MAAO,QACR,CACD,KAAM,CACJ,MAAO,QACR,CACF,CACD,UAAW,CACT,UAAW,CACT,GAAI,gBACJ,MAAO,QACR,CAED,KAAM,CACJ,MAAO,iBACR,CACF,CACD,MAAO,CACL,UAAW,CACT,GAAI,QACJ,MAAO,gBACR,CACD,IAAK,CACH,MAAO,QACR,CAED,KAAM,CACJ,MAAO,eACR,CACD,QAAS,CACP,MAAO,gBACR,CACF,CACF,CAQA"}

package/dist/grid/grid.d.ts

@@ -0,0 +1,12 @@
+import { SystemProps } from "../system/system.js";
+import { VuiComponent } from "../core/vui.js";
+import { GridProps } from "./grid.types.js";
+import * as styled_components402 from "styled-components";
+
+//#region src/grid/grid.d.ts
+declare const GridBase: styled_components402.StyledComponent<"div", styled_components402.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

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

package/dist/grid/grid.js

@@ -0,0 +1,4 @@
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{styled as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import{jsx as a}from"react/jsx-runtime";const o=r.divBox`
+  display: grid;
+`,s=i((r,i)=>{let{className:s,...c}=t(r),l=n(`Grid`,r);return a(o,{className:e(`vui-grid`,s),ref:i,...l,...c})});s.displayName=`Grid`;export{s as Grid,o as GridBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=grid.js.map

package/dist/grid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","names":[],"sources":["../../src/grid/grid.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { GridProps } from './grid.types'\n\nexport const GridBase = styled.divBox`\n  display: grid;\n`\n\n/** Displays a basic grid wrapper. */\nexport const Grid = vui<'span', GridProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Grid', props)\n\n  return <GridBase className={cs('vui-grid', className)} ref={ref} {...styles} {...rest} />\n})\n\nGrid.displayName = 'Grid'\nexport default Grid\n"],"mappings":"wOAIA,MAAa,EAAW,EAAO,MAAM;;EAKxB,EAAO,GAAwB,EAAO,IAAQ,CACzD,GAAM,CAAE,YAAW,GAAG,GAAS,EAAiB,EAAM,CAChD,EAAS,EAAe,OAAQ,EAAM,CAE5C,OAAO,EAAC,EAAA,CAAS,UAAW,EAAG,WAAY,EAAU,CAAO,MAAK,GAAI,EAAQ,GAAI,GAAQ,EACzF,CAEF,EAAK,YAAc"}

package/dist/grid/grid.types.d.ts

@@ -0,0 +1,8 @@
+import { ThemingProps } from "../theme/types.js";
+import { SystemProps } from "../system/system.js";
+
+//#region src/grid/grid.types.d.ts
+type GridProps = SystemProps & ThemingProps<'Grid'>;
+//#endregion
+export { GridProps };
+//# sourceMappingURL=grid.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.types.d.ts","names":[],"sources":["../../src/grid/grid.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,SAAA,GAAY,cAAc"}

package/dist/grid/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{},defaultProps:{},sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=theme.js.map

package/dist/grid/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/grid/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AAQA,IAAA,EAAe,CACb,UATgB,EAAE,CAUlB,aARmB,EAAE,CASrB,MAPY,EAAE,CAQd,SANe,EAAE,CAOlB"}

package/dist/header/context.d.ts

@@ -0,0 +1,8 @@
+import { HeaderContext } from "./header.types.js";
+import * as react940 from "react";
+
+//#region src/header/context.d.ts
+declare const HeaderProvider: react940.Provider<HeaderContext>, useHeaderContext: () => HeaderContext;
+//#endregion
+export { HeaderProvider, useHeaderContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/header/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,gBAAc,QAAA,CAAA,SAAA,gBAAE,wBAAgB"}

package/dist/header/context.js

@@ -0,0 +1,2 @@
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as HeaderProvider,n as useHeaderContext};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+//# sourceMappingURL=context.js.map

package/dist/header/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/header/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { HeaderContext } from './header.types'\n\nconst [HeaderProvider, useHeaderContext] = createContext<HeaderContext>({ isOptional: true })\n\nexport { HeaderProvider, useHeaderContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAgB,GAAoB,EAA6B,CAAE,WAAY,GAAM,CAAC"}