@veracity/vui 3.0.0-beta.8 → 3.0.0-beta.9

package/dist/footer/footerHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerHeading.js","names":["Heading"],"sources":["../../src/footer/footerHeading.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { HeadingProps } from '../heading'\nimport Heading from '../heading'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Heading of a links section. */\nexport const FooterHeading = vui<'h5', HeadingProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Heading\n      className={cs('vui-footerHeading', className)}\n      color=\"white\"\n      mb={1}\n      ref={ref}\n      size=\"h5\"\n      {...styles.heading}\n      {...rest}\n    />\n  )\n})\n\nFooterHeading.displayName = 'FooterHeading'\nexport default FooterHeading\n"],"mappings":"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"}
+{"version":3,"file":"footerHeading.js","names":["Heading"],"sources":["../../src/footer/footerHeading.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { HeadingProps } from '../heading'\nimport Heading from '../heading'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Heading of a links section. */\nexport const FooterHeading = vui<'h5', HeadingProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Heading\n      className={cs('vui-footerHeading', className)}\n      color=\"white\"\n      mb={1}\n      ref={ref}\n      size=\"h5\"\n      {...styles.heading}\n      {...rest}\n    />\n  )\n})\n\nFooterHeading.displayName = 'FooterHeading'\nexport default FooterHeading\n"],"mappings":";;;;;;;;;AAOA,MAAa,gBAAgB,KAAyB,OAAO,QAAQ;CACnE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,qBAAqB,UAAU;EAC7C,OAAM;EACN,IAAI;EACC;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc;AAC5B,4BAAe"}

package/dist/footer/footerLink.js

@@ -1,2 +1,33 @@
-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.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import link_default from "../link/link.js";
+import { useFooterContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/footer/footerLink.tsx
+/** Individual link item of the Footer. */
+const FooterLink = vui((props, ref) => {
+	const { className,...rest } = props;
+	const styles = useStyleConfig("Footer", useFooterContext());
+	return /* @__PURE__ */ jsx(link_default, {
+		className: cs("vui-footerLink", className),
+		display: "inline-block",
+		py: .5,
+		ref,
+		size: {
+			_: "sm",
+			md: "md"
+		},
+		variant: "white",
+		...styles.link,
+		...rest
+	});
+});
+FooterLink.displayName = "FooterLink";
+var footerLink_default = FooterLink;
+
+//#endregion
+export { FooterLink, footerLink_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=footerLink.js.map

package/dist/footer/footerLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerLink.js","names":["Link"],"sources":["../../src/footer/footerLink.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Individual link item of the Footer. */\nexport const FooterLink = vui<'a', LinkProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Link\n      className={cs('vui-footerLink', className)}\n      display={'inline-block'}\n      py={0.5}\n      ref={ref}\n      size={{ _: 'sm', md: 'md' }}\n      variant=\"white\"\n      {...styles.link}\n      {...rest}\n    />\n  )\n})\n\nFooterLink.displayName = 'FooterLink'\nexport default FooterLink\n"],"mappings":"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"}
+{"version":3,"file":"footerLink.js","names":["Link"],"sources":["../../src/footer/footerLink.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Individual link item of the Footer. */\nexport const FooterLink = vui<'a', LinkProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Link\n      className={cs('vui-footerLink', className)}\n      display={'inline-block'}\n      py={0.5}\n      ref={ref}\n      size={{ _: 'sm', md: 'md' }}\n      variant=\"white\"\n      {...styles.link}\n      {...rest}\n    />\n  )\n})\n\nFooterLink.displayName = 'FooterLink'\nexport default FooterLink\n"],"mappings":";;;;;;;;;AAOA,MAAa,aAAa,KAAqB,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,kBAAkB,UAAU;EAC1C,SAAS;EACT,IAAI;EACC;EACL,MAAM;GAAE,GAAG;GAAM,IAAI;GAAM;EAC3B,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc;AACzB,yBAAe"}

package/dist/footer/footerRow.js

@@ -1,2 +1,28 @@
-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.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/footerRow.tsx
+/** Organizes Footer content into a row of multuple columns. */
+const FooterRow = vui((props, ref) => {
+	const { className,...rest } = props;
+	const styles = useStyleConfig("Footer", useFooterContext());
+	return /* @__PURE__ */ jsx(box_default, {
+		className: cs("vui-footerRow", className),
+		m: -1.5,
+		ref,
+		wrap: true,
+		...styles.row,
+		...rest
+	});
+});
+FooterRow.displayName = "FooterRow";
+var footerRow_default = FooterRow;
+
+//#endregion
+export { footerRow_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=footerRow.js.map

package/dist/footer/footerRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerRow.js","names":["Box"],"sources":["../../src/footer/footerRow.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Organizes Footer content into a row of multuple columns. */\nconst FooterRow = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return <Box className={cs('vui-footerRow', className)} m={-1.5} ref={ref} wrap {...styles.row} {...rest} />\n})\n\nFooterRow.displayName = 'FooterRow'\nexport default FooterRow\n"],"mappings":"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"}
+{"version":3,"file":"footerRow.js","names":["Box"],"sources":["../../src/footer/footerRow.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Organizes Footer content into a row of multuple columns. */\nconst FooterRow = vui<'div', BoxProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return <Box className={cs('vui-footerRow', className)} m={-1.5} ref={ref} wrap {...styles.row} {...rest} />\n})\n\nFooterRow.displayName = 'FooterRow'\nexport default FooterRow\n"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,KAAsB,OAAO,QAAQ;CACrD,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QAAO,oBAACA;EAAI,WAAW,GAAG,iBAAiB,UAAU;EAAE,GAAG;EAAW;EAAK;EAAK,GAAI,OAAO;EAAK,GAAI;GAAQ;EAC3G;AAEF,UAAU,cAAc;AACxB,wBAAe"}

package/dist/footer/footerSection.js

@@ -1,2 +1,35 @@
-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.8`;
+import { isJsx } from "../utils/assertion.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { v } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { useFooterContext } from "./context.js";
+import footerHeading_default from "./footerHeading.js";
+import footerLink_default from "./footerLink.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/footer/footerSection.tsx
+/** Section includes a heading and a set of links. */
+const FooterSection = vui((props, ref) => {
+	const { children, className, heading, links,...rest } = props;
+	const styles = useStyleConfig("Footer", useFooterContext());
+	return /* @__PURE__ */ jsxs(box_default, {
+		className: cs("vui-footerSection", className),
+		column: true,
+		ref,
+		...styles.section,
+		...rest,
+		children: [isJsx(heading) ? heading : /* @__PURE__ */ jsx(footerHeading_default, { text: heading }), children ?? (isJsx(links) ? links : /* @__PURE__ */ jsx(v.ul, { children: links?.map(({ text, url }, index) => /* @__PURE__ */ jsx(v.li, { children: /* @__PURE__ */ jsx(footerLink_default, {
+			href: url,
+			text
+		}) }, index)) }))]
+	});
+});
+FooterSection.displayName = "FooterSection";
+var footerSection_default = FooterSection;
+
+//#endregion
+export { FooterSection, footerSection_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=footerSection.js.map

package/dist/footer/footerSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerSection.js","names":["Box","FooterHeading","FooterLink"],"sources":["../../src/footer/footerSection.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, v, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterSectionProps } from './footer.types'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\n\n/** Section includes a heading and a set of links. */\nexport const FooterSection = vui<'div', FooterSectionProps>((props, ref) => {\n  const { children, className, heading, links, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box className={cs('vui-footerSection', className)} column ref={ref} {...styles.section} {...rest}>\n      {isJsx(heading) ? heading : <FooterHeading text={heading} />}\n\n      {children ??\n        (isJsx(links) ? (\n          links\n        ) : (\n          <v.ul>\n            {links?.map(({ text, url }, index) => (\n              <v.li key={index}>\n                <FooterLink href={url} text={text} />\n              </v.li>\n            ))}\n          </v.ul>\n        ))}\n    </Box>\n  )\n})\n\nFooterSection.displayName = 'FooterSection'\nexport default FooterSection\n"],"mappings":"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"}
+{"version":3,"file":"footerSection.js","names":["Box","FooterHeading","FooterLink"],"sources":["../../src/footer/footerSection.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, v, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterSectionProps } from './footer.types'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\n\n/** Section includes a heading and a set of links. */\nexport const FooterSection = vui<'div', FooterSectionProps>((props, ref) => {\n  const { children, className, heading, links, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box className={cs('vui-footerSection', className)} column ref={ref} {...styles.section} {...rest}>\n      {isJsx(heading) ? heading : <FooterHeading text={heading} />}\n\n      {children ??\n        (isJsx(links) ? (\n          links\n        ) : (\n          <v.ul>\n            {links?.map(({ text, url }, index) => (\n              <v.li key={index}>\n                <FooterLink href={url} text={text} />\n              </v.li>\n            ))}\n          </v.ul>\n        ))}\n    </Box>\n  )\n})\n\nFooterSection.displayName = 'FooterSection'\nexport default FooterSection\n"],"mappings":";;;;;;;;;;;;;AASA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,SAAS,MAAO,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAACA;EAAI,WAAW,GAAG,qBAAqB,UAAU;EAAE;EAAY;EAAK,GAAI,OAAO;EAAS,GAAI;aAC1F,MAAM,QAAQ,GAAG,UAAU,oBAACC,yBAAc,MAAM,UAAW,EAE3D,aACE,MAAM,MAAM,GACX,QAEA,oBAAC,EAAE,gBACA,OAAO,KAAK,EAAE,MAAM,OAAO,UAC1B,oBAAC,EAAE,gBACD,oBAACC;GAAW,MAAM;GAAW;IAAQ,IAD5B,MAEJ,CACP,GACG;GAEP;EAER;AAEF,cAAc,cAAc;AAC5B,4BAAe"}

package/dist/footer/footerSlimColumn.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{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.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/footerSlimColumn.tsx
+/** Organizes sections with links into a single column. Different width per breakpoint. */
+const FooterSlimColumn = vui((props, ref) => {
+	const { children,...rest } = props;
+	const styles = useStyleConfig("Footer", useFooterContext());
+	return /* @__PURE__ */ jsx(box_default, {
+		className: cs("vui-footerSlimColumn"),
+		column: true,
+		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,
+		spaceY: 4,
+		...styles.column,
+		...rest,
+		children
+	});
+});
+FooterSlimColumn.displayName = "FooterSlimColumn";
+var footerSlimColumn_default = FooterSlimColumn;
+
+//#endregion
+export { footerSlimColumn_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=footerSlimColumn.js.map

package/dist/footer/footerSlimColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerSlimColumn.js","names":["Box"],"sources":["../../src/footer/footerSlimColumn.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterSlimColumn = vui<'div', BoxProps>((props, ref) => {\n  const { children, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerSlimColumn')}\n      column\n      flex={{ xs: '0 0 50%', sm: '0 0 20%', md: '0 0 20%' }}\n      minW={164}\n      p={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...styles.column}\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nFooterSlimColumn.displayName = 'FooterSlimColumn'\n\nexport default FooterSlimColumn\n"],"mappings":"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"}
+{"version":3,"file":"footerSlimColumn.js","names":["Box"],"sources":["../../src/footer/footerSlimColumn.tsx"],"sourcesContent":["import type { BoxProps } from '../box'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterSlimColumn = vui<'div', BoxProps>((props, ref) => {\n  const { children, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerSlimColumn')}\n      column\n      flex={{ xs: '0 0 50%', sm: '0 0 20%', md: '0 0 20%' }}\n      minW={164}\n      p={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...styles.column}\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nFooterSlimColumn.displayName = 'FooterSlimColumn'\n\nexport default FooterSlimColumn\n"],"mappings":";;;;;;;;;AAOA,MAAM,mBAAmB,KAAsB,OAAO,QAAQ;CAC5D,MAAM,EAAE,SAAU,GAAG,SAAS;CAC9B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,uBAAuB;EACrC;EACA,MAAM;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;GAAW;EACrD,MAAM;EACN,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;GAAK;EACjC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;EAEH;GACG;EAER;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/footer/footerTrademark.js

@@ -1,2 +1,69 @@
-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.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 t_default from "../t/t.js";
+import link_default from "../link/link.js";
+import { useFooterContext } from "./context.js";
+import footerHeading_default from "./footerHeading.js";
+import footerColumn_default from "./footerColumn.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/footer/footerTrademark.tsx
+const defaultLinkedInUrl = "https://www.linkedin.com/showcase/veracity-data-platform";
+/** Section includes a heading and a set of links. */
+const FooterTrademark = vui((props, ref) => {
+	const { className, linkedIn,...rest } = props;
+	const styles = useStyleConfig("Footer", useFooterContext());
+	return /* @__PURE__ */ jsxs(box_default, {
+		className: cs("vui-footerTrademark", className),
+		ref,
+		w: "100%",
+		wrap: true,
+		...styles.trademark,
+		...rest,
+		children: [/* @__PURE__ */ jsx(footerColumn_default, {
+			centerV: true,
+			flex: {
+				xs: "0 0 100%",
+				md: "0 0 25%"
+			},
+			children: /* @__PURE__ */ jsx(link_default, {
+				fontWeight: "demi",
+				href: linkedIn ?? defaultLinkedInUrl,
+				iconLeft: /* @__PURE__ */ jsx(link_default.Icon, {
+					mr: 1,
+					name: "brandCircleLinkedIn",
+					radius: "50%",
+					size: "sm"
+				}),
+				isExternal: true,
+				...styles.link,
+				children: /* @__PURE__ */ jsx(footerHeading_default, {
+					mb: 0,
+					text: "Follow us"
+				})
+			})
+		}), /* @__PURE__ */ jsx(footerColumn_default, {
+			centerV: true,
+			flex: {
+				xs: "0 0 100%",
+				md: "0 0 75%"
+			},
+			children: /* @__PURE__ */ jsxs(t_default, {
+				size: "xs",
+				children: [/* @__PURE__ */ jsx(t_default, {
+					size: "xs",
+					weight: "demi",
+					children: "Veracity by DNV"
+				}), ", DNV AS, NO-1322 Høvik, Norway"]
+			})
+		})]
+	});
+});
+FooterTrademark.displayName = "FooterTrademark";
+
+//#endregion
+export { FooterTrademark, defaultLinkedInUrl };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=footerTrademark.js.map

package/dist/footer/footerTrademark.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerTrademark.js","names":["Box","FooterColumn","Link","FooterHeading","T"],"sources":["../../src/footer/footerTrademark.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterTrademarkProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterHeading from './footerHeading'\n\nexport const defaultLinkedInUrl = 'https://www.linkedin.com/showcase/veracity-data-platform'\n\n/** Section includes a heading and a set of links. */\nexport const FooterTrademark = vui<'div', FooterTrademarkProps>((props, ref) => {\n  const { className, linkedIn, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box className={cs('vui-footerTrademark', className)} ref={ref} w=\"100%\" wrap {...styles.trademark} {...rest}>\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 25%' }}>\n        <Link\n          fontWeight=\"demi\"\n          href={linkedIn ?? defaultLinkedInUrl}\n          iconLeft={<Link.Icon mr={1} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"sm\" />}\n          isExternal\n          {...styles.link}\n        >\n          <FooterHeading mb={0} text=\"Follow us\" />\n        </Link>\n      </FooterColumn>\n\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 75%' }}>\n        <T size=\"xs\">\n          <T size=\"xs\" weight=\"demi\">\n            Veracity by DNV\n          </T>\n          , DNV AS, NO-1322 Høvik, Norway\n        </T>\n      </FooterColumn>\n    </Box>\n  )\n})\n\nFooterTrademark.displayName = 'FooterTrademark'\nexport default FooterTrademark\n"],"mappings":"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"}
+{"version":3,"file":"footerTrademark.js","names":["Box","FooterColumn","Link","FooterHeading","T"],"sources":["../../src/footer/footerTrademark.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterTrademarkProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterHeading from './footerHeading'\n\nexport const defaultLinkedInUrl = 'https://www.linkedin.com/showcase/veracity-data-platform'\n\n/** Section includes a heading and a set of links. */\nexport const FooterTrademark = vui<'div', FooterTrademarkProps>((props, ref) => {\n  const { className, linkedIn, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box className={cs('vui-footerTrademark', className)} ref={ref} w=\"100%\" wrap {...styles.trademark} {...rest}>\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 25%' }}>\n        <Link\n          fontWeight=\"demi\"\n          href={linkedIn ?? defaultLinkedInUrl}\n          iconLeft={<Link.Icon mr={1} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"sm\" />}\n          isExternal\n          {...styles.link}\n        >\n          <FooterHeading mb={0} text=\"Follow us\" />\n        </Link>\n      </FooterColumn>\n\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 75%' }}>\n        <T size=\"xs\">\n          <T size=\"xs\" weight=\"demi\">\n            Veracity by DNV\n          </T>\n          , DNV AS, NO-1322 Høvik, Norway\n        </T>\n      </FooterColumn>\n    </Box>\n  )\n})\n\nFooterTrademark.displayName = 'FooterTrademark'\nexport default FooterTrademark\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,qBAAqB;;AAGlC,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,SAAU,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAACA;EAAI,WAAW,GAAG,uBAAuB,UAAU;EAAO;EAAK,GAAE;EAAO;EAAK,GAAI,OAAO;EAAW,GAAI;aACtG,oBAACC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;aAC3D,oBAACC;IACC,YAAW;IACX,MAAM,YAAY;IAClB,UAAU,oBAACA,aAAK;KAAK,IAAI;KAAG,MAAK;KAAsB,QAAO;KAAM,MAAK;MAAO;IAChF;IACA,GAAI,OAAO;cAEX,oBAACC;KAAc,IAAI;KAAG,MAAK;MAAc;KACpC;IACM,EAEf,oBAACF;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;aAC3D,qBAACG;IAAE,MAAK;eACN,oBAACA;KAAE,MAAK;KAAK,QAAO;eAAO;MAEvB;KAEF;IACS;GACX;EAER;AAEF,gBAAgB,cAAc"}

package/dist/footer/helpers.js

@@ -1,2 +1,39 @@
-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.8`;
+import { cdnUrls } from "../core/consts.js";
+import { isObject } from "../utils/assertion.js";
+import { useLinks } from "../core/links.js";
+import { useEffect, useState } from "react";
+
+//#region src/footer/helpers.ts
+/** Loads templates for Footer links and enriches them with urls from LinksContext. */
+function useFooterLinks(env) {
+	const [templates, setTemplates] = useState({});
+	const [links] = useLinks();
+	useEffect(() => {
+		loadFooterlinks();
+		async function loadFooterlinks() {
+			try {
+				const response = await fetch(`${cdnUrls[env]}/common/data/links/footer.json`);
+				if (!response.ok) return;
+				const data = await response.json();
+				if (isObject(data)) setTemplates(data);
+			} catch {
+				console.error("Failed to retrieve footer data.");
+			}
+		}
+	}, [env]);
+	return {
+		columns: templates.columns?.map((column) => column.map((section) => ({
+			...section,
+			links: section.links?.map((link) => ({
+				...link,
+				url: links?.[link?.id ?? ""]
+			}))
+		}))),
+		linkedIn: templates.linkedIn
+	};
+}
+
+//#endregion
+export { useFooterLinks };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=helpers.js.map

package/dist/footer/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/footer/helpers.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { cdnUrls, useLinks } from '../core'\nimport type { Environment } from '../utils'\nimport { isObject } from '../utils'\nimport type { FooterColumnData } from './footer.types'\n\ntype FooterLinksTemplates = {\n  columns?: FooterColumnData[]\n  linkedIn?: string\n}\n\n/** Loads templates for Footer links and enriches them with urls from LinksContext. */\nexport function useFooterLinks(env: Environment) {\n  const [templates, setTemplates] = useState<FooterLinksTemplates>({})\n  const [links] = useLinks()\n\n  useEffect(() => {\n    loadFooterlinks()\n\n    async function loadFooterlinks() {\n      try {\n        const response = await fetch(`${cdnUrls[env]}/common/data/links/footer.json`)\n        if (!response.ok) return\n\n        const data = await response.json()\n\n        if (isObject(data)) setTemplates(data)\n      } catch {\n        console.error('Failed to retrieve footer data.')\n      }\n    }\n  }, [env])\n\n  const columns: FooterColumnData[] | undefined = templates.columns?.map(column =>\n    column.map(section => ({\n      ...section,\n      links: section.links?.map(link => ({ ...link, url: links?.[link?.id ?? ''] })),\n    })),\n  )\n\n  return { columns, linkedIn: templates.linkedIn }\n}\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/footer/helpers.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { cdnUrls, useLinks } from '../core'\nimport type { Environment } from '../utils'\nimport { isObject } from '../utils'\nimport type { FooterColumnData } from './footer.types'\n\ntype FooterLinksTemplates = {\n  columns?: FooterColumnData[]\n  linkedIn?: string\n}\n\n/** Loads templates for Footer links and enriches them with urls from LinksContext. */\nexport function useFooterLinks(env: Environment) {\n  const [templates, setTemplates] = useState<FooterLinksTemplates>({})\n  const [links] = useLinks()\n\n  useEffect(() => {\n    loadFooterlinks()\n\n    async function loadFooterlinks() {\n      try {\n        const response = await fetch(`${cdnUrls[env]}/common/data/links/footer.json`)\n        if (!response.ok) return\n\n        const data = await response.json()\n\n        if (isObject(data)) setTemplates(data)\n      } catch {\n        console.error('Failed to retrieve footer data.')\n      }\n    }\n  }, [env])\n\n  const columns: FooterColumnData[] | undefined = templates.columns?.map(column =>\n    column.map(section => ({\n      ...section,\n      links: section.links?.map(link => ({ ...link, url: links?.[link?.id ?? ''] })),\n    })),\n  )\n\n  return { columns, linkedIn: templates.linkedIn }\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,eAAe,KAAkB;CAC/C,MAAM,CAAC,WAAW,gBAAgB,SAA+B,EAAE,CAAC;CACpE,MAAM,CAAC,SAAS,UAAU;AAE1B,iBAAgB;AACd,mBAAiB;EAEjB,eAAe,kBAAkB;AAC/B,OAAI;IACF,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,KAAK,gCAAgC;AAC7E,QAAI,CAAC,SAAS,GAAI;IAElB,MAAM,OAAO,MAAM,SAAS,MAAM;AAElC,QAAI,SAAS,KAAK,CAAE,cAAa,KAAK;WAChC;AACN,YAAQ,MAAM,kCAAkC;;;IAGnD,CAAC,IAAI,CAAC;AAST,QAAO;EAAE,SAPuC,UAAU,SAAS,KAAI,WACrE,OAAO,KAAI,aAAY;GACrB,GAAG;GACH,OAAO,QAAQ,OAAO,KAAI,UAAS;IAAE,GAAG;IAAM,KAAK,QAAQ,MAAM,MAAM;IAAK,EAAE;GAC/E,EAAE,CACJ;EAEiB,UAAU,UAAU;EAAU"}

package/dist/footer/theme.js

@@ -1,2 +1,51 @@
-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.8`;
+//#region src/footer/theme.ts
+const baseStyle = {};
+const defaultProps = { variant: "default" };
+const parts = [
+	"container",
+	"column",
+	"content",
+	"heading",
+	"link",
+	"row",
+	"section",
+	"trademark"
+];
+const sizes = {};
+const 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" }
+	}
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=theme.js.map

package/dist/footer/theme.js.map

@@ -1 +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"}
+{"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":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,SAAS,WACV;AAED,MAAM,QAAQ;CAAC;CAAa;CAAU;CAAW;CAAW;CAAQ;CAAO;CAAW;CAAY;AAElG,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW;CACf,SAAS;EACP,WAAW;GACT,IAAI;GACJ,OAAO;GACR;EACD,MAAM,EACJ,OAAO,SACR;EACF;CACD,WAAW;EACT,WAAW;GACT,IAAI;GACJ,OAAO;GACR;EAED,MAAM,EACJ,OAAO,kBACR;EACF;CACD,OAAO;EACL,WAAW;GACT,IAAI;GACJ,OAAO;GACR;EACD,KAAK,EACH,OAAO,SACR;EAED,MAAM,EACJ,OAAO,gBACR;EACD,SAAS,EACP,OAAO,iBACR;EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/grid/grid.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { GridProps } from "./grid.types.js";
-import * as styled_components25 from "styled-components";
+import * as styled_components373 from "styled-components";
 
 //#region src/grid/grid.d.ts
-declare const GridBase: styled_components25.StyledComponent<"div", styled_components25.DefaultTheme, SystemProps, never>;
+declare const GridBase: styled_components373.StyledComponent<"div", styled_components373.DefaultTheme, SystemProps, never>;
 /** Displays a basic grid wrapper. */
 declare const Grid: VuiComponent<"span", GridProps>;
 //#endregion

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

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

package/dist/grid/grid.js

@@ -1,4 +1,27 @@
-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`
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/grid/grid.tsx
+const GridBase = styled.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.8`;
+`;
+/** Displays a basic grid wrapper. */
+const Grid = vui((props, ref) => {
+	const { className,...rest } = omitThemingProps(props);
+	const styles = useStyleConfig("Grid", props);
+	return /* @__PURE__ */ jsx(GridBase, {
+		className: cs("vui-grid", className),
+		ref,
+		...styles,
+		...rest
+	});
+});
+Grid.displayName = "Grid";
+
+//#endregion
+export { Grid, GridBase };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=grid.js.map

package/dist/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":[],"sources":["../../src/grid/grid.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { GridProps } from './grid.types'\n\nexport const GridBase = styled.divBox`\n  display: grid;\n`\n\n/** Displays a basic grid wrapper. */\nexport const Grid = vui<'span', GridProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Grid', props)\n\n  return <GridBase className={cs('vui-grid', className)} ref={ref} {...styles} {...rest} />\n})\n\nGrid.displayName = 'Grid'\nexport default Grid\n"],"mappings":"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"}
+{"version":3,"file":"grid.js","names":[],"sources":["../../src/grid/grid.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { GridProps } from './grid.types'\n\nexport const GridBase = styled.divBox`\n  display: grid;\n`\n\n/** Displays a basic grid wrapper. */\nexport const Grid = vui<'span', GridProps>((props, ref) => {\n  const { className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Grid', props)\n\n  return <GridBase className={cs('vui-grid', className)} ref={ref} {...styles} {...rest} />\n})\n\nGrid.displayName = 'Grid'\nexport default Grid\n"],"mappings":";;;;;;;AAIA,MAAa,WAAW,OAAO,MAAM;;;;AAKrC,MAAa,OAAO,KAAwB,OAAO,QAAQ;CACzD,MAAM,EAAE,UAAW,GAAG,SAAS,iBAAiB,MAAM;CACtD,MAAM,SAAS,eAAe,QAAQ,MAAM;AAE5C,QAAO,oBAAC;EAAS,WAAW,GAAG,YAAY,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;GAAQ;EACzF;AAEF,KAAK,cAAc"}

package/dist/grid/theme.js

@@ -1,2 +1,16 @@
-var e={baseStyle:{},defaultProps:{},sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/grid/theme.ts
+const baseStyle = {};
+const defaultProps = {};
+const sizes = {};
+const variants = {};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=theme.js.map

package/dist/grid/theme.js.map

@@ -1 +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"}
+{"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":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EAAE;AAEvB,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/header/context.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/header/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,gBAAc,MAAA,CAAA,SAAA,gBAAE,wBAAgB"}
+{"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

@@ -1,2 +1,9 @@
-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.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/header/context.ts
+const [HeaderProvider, useHeaderContext] = createContext({ isOptional: true });
+
+//#endregion
+export { HeaderProvider, useHeaderContext };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=context.js.map

package/dist/header/context.js.map

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

package/dist/header/header.d.ts

@@ -17,10 +17,10 @@ import { HeaderServices } from "./headerServices.js";
 import { HeaderServicesMessage } from "./headerServicesMessage.js";
 import { HeaderSignIn } from "./headerSignIn.js";
 import { HeaderSupport } from "./headerSupport.js";
-import * as styled_components27 from "styled-components";
+import * as styled_components377 from "styled-components";
 
 //#region src/header/header.d.ts
-declare const HeaderBase: styled_components27.StyledComponent<"header", styled_components27.DefaultTheme, SystemProps, never>;
+declare const HeaderBase: styled_components377.StyledComponent<"header", styled_components377.DefaultTheme, SystemProps, never>;
 /** Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content. */
 declare const Header: VuiComponent<"header", HeaderProps> & {
   Account: typeof HeaderAccount;

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","names":[],"sources":["../../src/header/header.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAwBa,YAAU,mBAAA,CAAA,0BAMtB,mBAAA,CANsB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASV,QA8CP,uBAAuB;kBACX;EAxDL,eAMZ,CAAA,CAAA,MAAA,CAmDyB,qBAnDzB;EAAA,OAAA,CAAA,CAAA,MAAA,CAoDiB,aApDjB;iBAAA,CAAA,CAAA,MAAA,CAqDyB,qBA3DH;SAAA,CAAA,CAAA,MAAA,CA4DL,aA5DK;eAAA,CAAA,CAAA,MAAA,CA6DC,mBA7DD;EAAA,OAAA,CAAA,CAAA,MAAA,CA8DL,aA9DK;EASV,QAAA,CAAA,CA+DZ,MAAA,CATkB,cASlB;EAAA,IAAA,CAAA,CAAA,MAAA,CARc,UAQd;WAjB4B,CAAA,CAAA,MAAA,CAUT,eAVS;eAAvB,CAAA,CAAA,MAAA,CAWkB,mBAXlB;cACY,CAAA,CAAA,MAAA,CAWK,kBAXL;eACQ,CAAA,CAAA,MAAA,CAWF,mBAXE;UACR,CAAA,CAAA,MAAA,CAWC,cAXD;iBACQ,CAAA,CAAA,MAAA,CAWA,qBAXA;QACR,CAAA,CAAA,MAAA,CAWD,YAXC"}
+{"version":3,"file":"header.d.ts","names":[],"sources":["../../src/header/header.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAwBa,YAAU,oBAAA,CAAA,0BAMtB,oBAAA,CANsB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASV,QA8CP,uBAAuB;kBACX;EAxDL,eAMZ,CAAA,CAAA,MAAA,CAmDyB,qBAnDzB;EAAA,OAAA,CAAA,CAAA,MAAA,CAoDiB,aApDjB;iBAAA,CAAA,CAAA,MAAA,CAqDyB,qBA3DH;SAAA,CAAA,CAAA,MAAA,CA4DL,aA5DK;eAAA,CAAA,CAAA,MAAA,CA6DC,mBA7DD;EAAA,OAAA,CAAA,CAAA,MAAA,CA8DL,aA9DK;EASV,QAAA,CAAA,CA+DZ,MAAA,CATkB,cASlB;EAAA,IAAA,CAAA,CAAA,MAAA,CARc,UAQd;WAjB4B,CAAA,CAAA,MAAA,CAUT,eAVS;eAAvB,CAAA,CAAA,MAAA,CAWkB,mBAXlB;cACY,CAAA,CAAA,MAAA,CAWK,kBAXL;eACQ,CAAA,CAAA,MAAA,CAWF,mBAXE;UACR,CAAA,CAAA,MAAA,CAWC,cAXD;iBACQ,CAAA,CAAA,MAAA,CAWA,qBAXA;QACR,CAAA,CAAA,MAAA,CAWD,YAXC"}