@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

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

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.types.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.types.ts"],"mappings":";;;;;;;KAIY,gBAAA,GAAmB,IAAA,CAAK,QAAA,eAClC,YAAA;uOAEE,MAAA;EAEA,QAAA,YALwB;EAOxB,IAAA,GAAO,QAAA,EAPyB;EAShC,mBAAA,YARF;EAUE,kBAAA,YAMuB;EAJvB,QAAA,YAI2B;EAF3B,IAAA,WAfgC;EAiBhC,YAAA,IAAgB,KAAA,EAAO,IAAA;AAAA"}
+{"version":3,"file":"dragAndDrop.types.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.types.ts"],"mappings":";;;;KAIY,gBAAA,GAAmB,IAAA,CAAK,QAAA,eAClC,YAAA;uOAEE,MAAA;EAEA,QAAA,YALQ;EAOR,IAAA,GAAO,QAAA;EAEP,mBAAA,YAT2B;EAW3B,kBAAA,YAJO;EAMP,QAAA,YAI2B;EAF3B,IAAA,WAf2B;EAiB3B,YAAA,IAAgB,KAAA,EAAO,IAAA;AAAA"}

package/dist/dragAndDrop/theme.js

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

package/dist/drawer/drawer.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { DrawerProps } from "./drawer.types.js";
-import "../index.js";
-
 //#region src/drawer/drawer.d.ts
 /** Drawer component based on Dialog. */
 declare const Drawer: VuiComponent<"div", DrawerProps>;

package/dist/drawer/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../src/drawer/drawer.tsx"],"mappings":";;;;;;cAOa,MAAA,EAAM,YAAA,QAAA,WAAA"}
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../src/drawer/drawer.tsx"],"mappings":";;;;cAOa,MAAA,EAAM,YAAA,QAAA,WAAA"}

package/dist/drawer/drawer.js

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

package/dist/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":[],"sources":["../../src/drawer/drawer.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Dialog } from '../dialog'\nimport { cs } from '../utils'\nimport type { DrawerProps } from './drawer.types'\n\n/** Drawer component based on Dialog. */\nexport const Drawer = vui<'div', DrawerProps>((props, ref) => {\n  const { children, className, dialogProps, isLeft, isOpen, onClose } = omitThemingProps(props)\n  const styles = useStyleConfig('Drawer', props)\n\n  const placement = isLeft ? 'left' : 'right'\n\n  return (\n    <Dialog isOpen={isOpen} onClose={onClose} placement={placement} ref={ref} {...dialogProps}>\n      <Box className={cs('vui-drawer', className)} column p={3} {...styles} h=\"100vh\" overflow=\"hidden\">\n        {children}\n      </Box>\n    </Dialog>\n  )\n})\n\nDrawer.displayName = 'Drawer'\nexport default Drawer\n"],"mappings":";;;;;;;;;AAOA,MAAa,SAAS,KAAyB,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,aAAa,QAAQ,QAAQ,YAAY,iBAAiB,MAAM;CAC7F,MAAM,SAAS,eAAe,UAAU,MAAM;AAI9C,QACE,oBAAC;EAAe;EAAiB;EAAS,WAH1B,SAAS,SAAS;EAGmC;EAAK,GAAI;YAC5E,oBAAC;GAAI,WAAW,GAAG,cAAc,UAAU;GAAE;GAAO,GAAG;GAAG,GAAI;GAAQ,GAAE;GAAQ,UAAS;GACtF;IACG;GACC;EAEX;AAEF,OAAO,cAAc"}
+{"version":3,"file":"drawer.js","names":[],"sources":["../../src/drawer/drawer.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Dialog } from '../dialog'\nimport { cs } from '../utils'\nimport type { DrawerProps } from './drawer.types'\n\n/** Drawer component based on Dialog. */\nexport const Drawer = vui<'div', DrawerProps>((props, ref) => {\n  const { children, className, dialogProps, isLeft, isOpen, onClose } = omitThemingProps(props)\n  const styles = useStyleConfig('Drawer', props)\n\n  const placement = isLeft ? 'left' : 'right'\n\n  return (\n    <Dialog isOpen={isOpen} onClose={onClose} placement={placement} ref={ref} {...dialogProps}>\n      <Box className={cs('vui-drawer', className)} column p={3} {...styles} h=\"100vh\" overflow=\"hidden\">\n        {children}\n      </Box>\n    </Dialog>\n  )\n})\n\nDrawer.displayName = 'Drawer'\nexport default Drawer\n"],"mappings":";;;;;;;;;AAOA,MAAa,SAAS,KAAyB,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,aAAa,QAAQ,QAAQ,YAAY,iBAAiB,MAAM;CAC7F,MAAM,SAAS,eAAe,UAAU,MAAM;AAI9C,QACE,oBAAC,QAAD;EAAgB;EAAiB;EAAS,WAH1B,SAAS,SAAS;EAGmC;EAAK,GAAI;YAC5E,oBAAC,KAAD;GAAK,WAAW,GAAG,cAAc,UAAU;GAAE;GAAO,GAAG;GAAG,GAAI;GAAQ,GAAE;GAAQ,UAAS;GACtF;GACG;EACC;EAEX;AAEF,OAAO,cAAc"}

package/dist/drawer/drawer.types.d.ts

@@ -1,9 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
 import { DialogProps } from "../dialog/dialog.types.js";
-import "../dialog/index.js";
-
 //#region src/drawer/drawer.types.d.ts
 type DrawerProps = SystemProps & ThemingProps<'Drawer'> & {
   /** The props being passed into the internal Dialog component. */dialogProps?: DialogProps; /** Determines if the drawer is on the left side of the screen. @default false */

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.types.d.ts","names":[],"sources":["../../src/drawer/drawer.types.ts"],"mappings":";;;;;;;KAIY,WAAA,GAAc,WAAA,GACxB,YAAA;mEAEE,WAAA,GAAc,WAAA;EAEd,MAAA,YALmB;EAOnB,MAAA,YAPsB;EAStB,OAAA;AAAA"}
+{"version":3,"file":"drawer.types.d.ts","names":[],"sources":["../../src/drawer/drawer.types.ts"],"mappings":";;;;KAIY,WAAA,GAAc,WAAA,GACxB,YAAA;mEAEE,WAAA,GAAc,WAAA;EAEd,MAAA,YALQ;EAOR,MAAA;EAEA,OAAA;AAAA"}

package/dist/drawer/theme.js

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

package/dist/focusLock/focusLock.d.ts

@@ -1,5 +1,4 @@
 import { ChildrenProp } from "../core/types.js";
-import "../core/index.js";
 import { FocusLockProps } from "./focusLock.types.js";
 import { FC } from "react";
 

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

@@ -1 +1 @@
-{"version":3,"file":"focusLock.d.ts","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"mappings":";;;;;;;;;AAaA;;cAAa,SAAA,EAAW,EAAA,CAAG,cAAA,GAAiB,YAAA"}
+{"version":3,"file":"focusLock.d.ts","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"mappings":";;;;;;;;AAaA;;cAAa,SAAA,EAAW,EAAA,CAAG,cAAA,GAAiB,YAAA"}

package/dist/focusLock/focusLock.js

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

package/dist/focusLock/focusLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusLock.js","names":[],"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":";;;;;;;;;;AAaA,MAAa,aAA+C,UAAS;CACnE,MAAM,EACJ,WACA,UACA,YACA,eACA,iBACA,YACA,iBACA,aAAa,oBACX;AAYJ,QACE,oBAAC;EACY;EACC;EACZ,UAAU;EACV,cAfiB,kBAAkB;AACrC,oBAAiB,SAAS,OAAO;KAChC,CAAC,gBAAgB,CAAC;EAcjB,gBAZmB,kBAAkB;AACvC,kBAAe,SAAS,OAAO;KAC9B,CAAC,cAAc,CAAC;EAWE;EACjB,aAVgB,mBAAmB,CAAC;EAYnC;GACc;;AAIrB,UAAU,cAAc"}
+{"version":3,"file":"focusLock.js","names":[],"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":";;;;;;;;;;AAaA,MAAa,aAA+C,UAAS;CACnE,MAAM,EACJ,WACA,UACA,YACA,eACA,iBACA,YACA,iBACA,aAAa,oBACX;AAYJ,QACE,oBAAC,gBAAD;EACa;EACC;EACZ,UAAU;EACV,cAfiB,kBAAkB;AACrC,oBAAiB,SAAS,OAAO;KAChC,CAAC,gBAAgB,CAAC;EAcjB,gBAZmB,kBAAkB;AACvC,kBAAe,SAAS,OAAO;KAC9B,CAAC,cAAc,CAAC;EAWE;EACjB,aAVgB,mBAAmB,CAAC;EAYnC;EACc;;AAIrB,UAAU,cAAc"}

package/dist/footer/applicationFooter.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"applicationFooter.d.ts","names":[],"sources":["../../src/footer/applicationFooter.tsx"],"mappings":";;;;;cAMa,iBAAA,EAAiB,YAAA,QAAA,IAAA,CAgE5B,WAAA"}
+{"version":3,"file":"applicationFooter.d.ts","names":[],"sources":["../../src/footer/applicationFooter.tsx"],"mappings":";;;cAMa,iBAAA,EAAiB,YAAA,QAAA,IAAA,CAgE5B,WAAA"}

package/dist/footer/applicationFooter.js

@@ -39,7 +39,7 @@ const ApplicationFooter = vui((props, ref) => {
 			text: "LinkedIn",
 			url: defaultLinkedInUrl
 		});
-		localLinkedIn = linkedIn || defaultLinkedInUrl;
+		localLinkedIn = linkedIn || "https://www.linkedin.com/showcase/veracity-data-platform";
 	}
 	return /* @__PURE__ */ jsx(Footer, {
 		applicationLinks,
@@ -59,5 +59,5 @@ ApplicationFooter.displayName = "ApplicationFooter";
 
 //#endregion
 export { ApplicationFooter as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=applicationFooter.js.map

package/dist/footer/applicationFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"applicationFooter.js","names":[],"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":";;;;;;;AAMA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,kBAAkB,yBAAyB,EAAE,EAAE,WAAW,QAAQ,OAAO,UAAU,GAAG,SAAS;CAEvG,MAAM,yBAAsE,EAAE;CAC9E,IAAI,gBAAgB;AAEpB,KAAI,OAAO;AACT,yBAAuB,OAAO,GAAG,uBAAuB,OAAO;AAG/D,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AAEF,kBAAgB;QACX;AAEL,yBAAuB,OAAO,GAAG,uBAAuB,SAAS,EAAE;AAEnE,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AAEF,kBAAgB,YAAY;;AAG9B,QACE,oBAAC;EACmB;EACM;EACA;EACxB,WAAW,GACT,yBACA,QAAQ,6BAA6B,iCACrC,UACD;EACD;EACO;EACP;EACA,UAAU;EACL;EACL,SAAQ;EACR,GAAI;GACJ;EAEJ;AAEF,kBAAkB,cAAc"}
+{"version":3,"file":"applicationFooter.js","names":[],"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":";;;;;;;AAMA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,kBAAkB,yBAAyB,EAAE,EAAE,WAAW,QAAQ,OAAO,UAAU,GAAG,SAAS;CAEvG,MAAM,yBAAsE,EAAE;CAC9E,IAAI,gBAAgB;AAEpB,KAAI,OAAO;AACT,yBAAuB,OAAO,GAAG,uBAAuB,OAAO;AAG/D,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AAEF,kBAAgB;QACX;AAEL,yBAAuB,OAAO,GAAG,uBAAuB,SAAS,EAAE;AAEnE,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AAEF,kBAAgB;;AAGlB,QACE,oBAAC,QAAD;EACoB;EACM;EACA;EACxB,WAAW,GACT,yBACA,QAAQ,6BAA6B,iCACrC,UACD;EACD;EACO;EACP;EACA,UAAU;EACL;EACL,SAAQ;EACR,GAAI;EACJ;EAEJ;AAEF,kBAAkB,cAAc"}

package/dist/footer/context.js

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

package/dist/footer/footer.d.ts

@@ -1,6 +1,4 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import { FooterProps } from "./footer.types.js";
 import { FooterColumn } from "./footerColumn.js";
 import { FooterContent } from "./footerContent.js";
@@ -8,11 +6,11 @@ import { FooterHeading } from "./footerHeading.js";
 import { FooterLink } from "./footerLink.js";
 import { FooterRow } from "./footerRow.js";
 import { FooterSection } from "./footerSection.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/footer/footer.d.ts
-declare const FooterBase: styled_components0.StyledComponent<"div", styled_components0.DefaultTheme, SystemProps, never>;
+declare const FooterBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */
 declare const Footer: VuiComponent<"div", FooterProps> & {
   Column: typeof FooterColumn;

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

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","names":[],"sources":["../../src/footer/footer.tsx"],"mappings":";;;;;;;;;;;;;;cAoBa,UAAA,EAAU,kBAAA,CAAA,eAAA,QAGtB,kBAAA,CAHsB,YAAA,EAAA,WAAA;;cAQV,MAAA,EAqNP,YAAA,QAAoB,WAAA;EACxB,MAAA,SAAe,YAAA;EACf,OAAA,SAAgB,aAAA;EAChB,OAAA,SAAgB,aAAA;EAChB,IAAA,SAAa,UAAA;EACb,GAAA,SAAY,SAAA;EACZ,OAAA,SAAgB,aAAA;AAAA"}
+{"version":3,"file":"footer.d.ts","names":[],"sources":["../../src/footer/footer.tsx"],"mappings":";;;;;;;;;;;;cAoBa,UAAA,EAAU,6BAAA,CAAA,oBAAA,QAGtB,kBAAA,CAHsB,QAAA;;cAQV,MAAA,EAqNP,YAAA,QAAoB,WAAA;EACxB,MAAA,SAAe,YAAA;EACf,OAAA,SAAgB,aAAA;EAChB,OAAA,SAAgB,aAAA;EAChB,IAAA,SAAa,UAAA;EACb,GAAA,SAAY,SAAA;EACZ,OAAA,SAAgB,aAAA;AAAA"}

package/dist/footer/footer.js

@@ -90,7 +90,7 @@ const Footer = vui((props, ref) => {
 									lg: 1.5
 								},
 								pr: {
-									_: 0,
+									xs: 0,
 									lg: 1
 								},
 								wrap: true,
@@ -113,7 +113,7 @@ const Footer = vui((props, ref) => {
 											text: link.text,
 											title: link.text,
 											size: {
-												_: "sm",
+												xs: "sm",
 												md: "md"
 											},
 											...styles.link,
@@ -167,7 +167,7 @@ const Footer = vui((props, ref) => {
 									lg: 1.5
 								},
 								pl: {
-									_: 0,
+									xs: 0,
 									lg: 1
 								},
 								wrap: true,
@@ -198,16 +198,16 @@ const Footer = vui((props, ref) => {
 										isExternal: true,
 										mr: 1,
 										size: {
-											_: "sm",
+											xs: "sm",
 											md: "md"
 										},
 										...styles.link
 									}, index)), /* @__PURE__ */ jsx(Link, {
 										fontWeight: "demi",
-										href: linkedIn ?? defaultLinkedInUrl,
+										href: linkedIn ?? "https://www.linkedin.com/showcase/veracity-data-platform",
 										isExternal: true,
 										size: {
-											_: "sm",
+											xs: "sm",
 											md: "md"
 										},
 										...styles.link,
@@ -259,7 +259,7 @@ const Footer = vui((props, ref) => {
 						}),
 						/* @__PURE__ */ jsx(FooterSlimColumn, { children: /* @__PURE__ */ jsx(Link, {
 							fontWeight: "demi",
-							href: linkedIn ?? defaultLinkedInUrl,
+							href: linkedIn ?? "https://www.linkedin.com/showcase/veracity-data-platform",
 							iconLeft: /* @__PURE__ */ jsx(Link.Icon, {
 								mr: 1,
 								left: 0,
@@ -269,7 +269,7 @@ const Footer = vui((props, ref) => {
 							}),
 							isExternal: true,
 							size: {
-								_: "sm",
+								xs: "sm",
 								md: "md"
 							},
 							...styles.link,
@@ -303,5 +303,5 @@ Footer.displayName = "Footer";
 
 //#endregion
 export { FooterBase, Footer as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=footer.js.map

package/dist/footer/footer.js.map

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

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

@@ -1,6 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
 import { JSX } from "react";
 
 //#region src/footer/footer.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"footer.types.d.ts","names":[],"sources":["../../src/footer/footer.types.ts"],"mappings":";;;;;;;KAMY,gBAAA,GAAmB,iBAAA;AAAA,KAEnB,iBAAA,GAAoB,QAAA;EAFpB,4CAIV,QAAA,GAAW,iBAAA;AAAA;AAAA,KAGD,kBAAA,GAAqB,QAAA;EAC/B,OAAA,GAAU,gBAAA;AAAA;AAAA,KAGA,kBAAA,GAAqB,QAAA;AAAA,KAErB,aAAA,GAAgB,IAAA,CAAK,WAAA;;KAGrB,cAAA;EAZV,kEAcA,EAAA;EACA,IAAA;EACA,GAAA;EACA,MAAA;EACA,KAAA,GAAQ,cAAA;AAAA;AAAA,KAGE,WAAA,GAAc,IAAA,CAAK,QAAA,wBAC7B,YAAA,aACA,IAAA,CAAK,oBAAA;EACH,gBAAA,GAAmB,cAAA;EACnB,sBAAA,GAAyB,cAAA;EACzB,sBAAA,aAtBwB;EAwBxB,OAAA,GAAU,gBAAA;EACV,aAAA;EACA,MAAA;EACA,KAAA;AAAA;AAAA,KAGQ,sBAAA,GAAyB,IAAA,CAAK,WAAA;AAzB1C;AAAA,KA4BY,iBAAA;EACV,OAAA,WA7B0B;EA+B1B,KAAA,GAAQ,cAAA;AAAA;AAAA,KAGE,kBAAA,GAAqB,QAAA;oDAE/B,OAAA,GAAU,iBAAA,cAA+B,GAAA,CAAI,OAAA,EA/B7C;EAiCA,KAAA,GAAQ,iBAAA,YAA6B,GAAA,CAAI,OAAA;AAAA;AAAA,KAG/B,oBAAA,GAAuB,QAAA;EAhCjC,kEAkCA,QAAA;AAAA"}
+{"version":3,"file":"footer.types.d.ts","names":[],"sources":["../../src/footer/footer.types.ts"],"mappings":";;;;;;KAMY,gBAAA,GAAmB,iBAAA;AAAA,KAEnB,iBAAA,GAAoB,QAAA;8CAE9B,QAAA,GAAW,iBAAA;AAAA;AAAA,KAGD,kBAAA,GAAqB,QAAA;EAC/B,OAAA,GAAU,gBAAA;AAAA;AAAA,KAGA,kBAAA,GAAqB,QAAA;AAAA,KAErB,aAAA,GAAgB,IAAA,CAAK,WAAA;;KAGrB,cAAA;EAdoB,kEAgB9B,EAAA;EACA,IAAA;EACA,GAAA;EACA,MAAA;EACA,KAAA,GAAQ,cAAA;AAAA;AAAA,KAGE,WAAA,GAAc,IAAA,CAAK,QAAA,wBAC7B,YAAA,aACA,IAAA,CAAK,oBAAA;EACH,gBAAA,GAAmB,cAAA;EACnB,sBAAA,GAAyB,cAAA;EACzB,sBAAA,aAtBQ;EAwBR,OAAA,GAAU,gBAAA;EACV,aAAA;EACA,MAAA;EACA,KAAA;AAAA;AAAA,KAGQ,sBAAA,GAAyB,IAAA,CAAK,WAAA;;KAG9B,iBAAA;EACV,OAAA;EAEA,KAAA,GAAQ,cAAA;AAAA;AAAA,KAGE,kBAAA,GAAqB,QAAA;EA/BP,kDAiCxB,OAAA,GAAU,iBAAA,cAA+B,GAAA,CAAI,OAAA,EA3BvB;EA6BtB,KAAA,GAAQ,iBAAA,YAA6B,GAAA,CAAI,OAAA;AAAA;AAAA,KAG/B,oBAAA,GAAuB,QAAA;EAjCjC,kEAmCA,QAAA;AAAA"}

package/dist/footer/footerColumn.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"footerColumn.d.ts","names":[],"sources":["../../src/footer/footerColumn.tsx"],"mappings":";;;;;;cAQM,YAAA,EAAY,YAAA,QAAA,iBAAA"}
+{"version":3,"file":"footerColumn.d.ts","names":[],"sources":["../../src/footer/footerColumn.tsx"],"mappings":";;;;cAQM,YAAA,EAAY,YAAA,QAAA,iBAAA"}

package/dist/footer/footerColumn.js

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

package/dist/footer/footerColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerColumn.js","names":[],"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, maxW, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerColumn', className)}\n      column\n      {...styles.column}\n      flex={flex ?? { xs: '0 0 50%', sm: '0 0 50%', md: '0 0 25%' }}\n      minW={{ xs: 'auto', sm: '165px' }}\n      maxW={maxW ?? { xs: 'calc(50% - 8px)', sm: 'auto' }}\n      p={{ xs: 0, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...rest}\n    >\n      {children ?? sections?.map((section, index) => <FooterSection key={index} {...section} />)}\n    </Box>\n  )\n})\n\nFooterColumn.displayName = 'FooterColumn'\nexport default FooterColumn\n"],"mappings":";;;;;;;;;;AAQA,MAAM,eAAe,KAA+B,OAAO,QAAQ;CACjE,MAAM,EAAE,UAAU,WAAW,UAAU,MAAM,MAAM,GAAG,SAAS;CAC/D,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC;EACC,WAAW,GAAG,oBAAoB,UAAU;EAC5C;EACA,GAAI,OAAO;EACX,MAAM,QAAQ;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;GAAW;EAC7D,MAAM;GAAE,IAAI;GAAQ,IAAI;GAAS;EACjC,MAAM,QAAQ;GAAE,IAAI;GAAmB,IAAI;GAAQ;EACnD,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;GAAK;EACjC;EACL,QAAQ;EACR,GAAI;YAEH,YAAY,UAAU,KAAK,SAAS,UAAU,oBAAC,iBAA0B,GAAI,WAAX,MAAsB,CAAC;GACtF;EAER;AAEF,aAAa,cAAc"}
+{"version":3,"file":"footerColumn.js","names":[],"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, maxW, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerColumn', className)}\n      column\n      {...styles.column}\n      flex={flex ?? { xs: '0 0 50%', sm: '0 0 50%', md: '0 0 25%' }}\n      minW={{ xs: 'auto', sm: '165px' }}\n      maxW={maxW ?? { xs: 'calc(50% - 8px)', sm: 'auto' }}\n      p={{ xs: 0, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...rest}\n    >\n      {children ?? sections?.map((section, index) => <FooterSection key={index} {...section} />)}\n    </Box>\n  )\n})\n\nFooterColumn.displayName = 'FooterColumn'\nexport default FooterColumn\n"],"mappings":";;;;;;;;;;AAQA,MAAM,eAAe,KAA+B,OAAO,QAAQ;CACjE,MAAM,EAAE,UAAU,WAAW,UAAU,MAAM,MAAM,GAAG,SAAS;CAC/D,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC,KAAD;EACE,WAAW,GAAG,oBAAoB,UAAU;EAC5C;EACA,GAAI,OAAO;EACX,MAAM,QAAQ;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;GAAW;EAC7D,MAAM;GAAE,IAAI;GAAQ,IAAI;GAAS;EACjC,MAAM,QAAQ;GAAE,IAAI;GAAmB,IAAI;GAAQ;EACnD,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;GAAK;EACjC;EACL,QAAQ;EACR,GAAI;YAEH,YAAY,UAAU,KAAK,SAAS,UAAU,oBAAC,eAAD,EAA2B,GAAI,SAAW,EAAtB,MAAsB,CAAC;EACtF;EAER;AAEF,aAAa,cAAc"}

package/dist/footer/footerColumns.js

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

package/dist/footer/footerColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerColumns.js","names":[],"sources":["../../src/footer/footerColumns.tsx"],"sourcesContent":["import { useDown, vui } from '../core'\nimport type { FooterColumnsProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterRow from './footerRow'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumns = vui<'div', FooterColumnsProps>((props, ref) => {\n  const { columns } = props\n  const downMd = useDown('md')\n\n  if (!columns) return null\n  if (downMd) {\n    const columnsEven = columns.filter((_, index) => index % 2 === 0).flat()\n    const columnsOdd = columns.filter((_, index) => index % 2 === 1).flat()\n    return (\n      <FooterRow ref={ref}>\n        <FooterColumn key={'evenColumns'} sections={columnsEven} />\n        <FooterColumn key={'oddColumns'} sections={columnsOdd} />\n      </FooterRow>\n    )\n  }\n  return (\n    <FooterRow ref={ref}>\n      {columns.map((sections, index) => (\n        <FooterColumn key={index} sections={sections} />\n      ))}\n    </FooterRow>\n  )\n})\n\nFooterColumns.displayName = 'Footer Mobile Column'\nexport default FooterColumns\n"],"mappings":";;;;;;;;AAMA,MAAM,gBAAgB,KAAgC,OAAO,QAAQ;CACnE,MAAM,EAAE,YAAY;CACpB,MAAM,SAAS,QAAQ,KAAK;AAE5B,KAAI,CAAC,QAAS,QAAO;AACrB,KAAI,QAAQ;EACV,MAAM,cAAc,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;EACxE,MAAM,aAAa,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;AACvE,SACE,qBAAC;GAAe;cACd,oBAAC,gBAAiC,UAAU,eAAzB,cAAwC,EAC3D,oBAAC,gBAAgC,UAAU,cAAxB,aAAsC;IAC/C;;AAGhB,QACE,oBAAC;EAAe;YACb,QAAQ,KAAK,UAAU,UACtB,oBAAC,gBAAmC,YAAjB,MAA6B,CAChD;GACQ;EAEd;AAEF,cAAc,cAAc"}
+{"version":3,"file":"footerColumns.js","names":[],"sources":["../../src/footer/footerColumns.tsx"],"sourcesContent":["import { useDown, vui } from '../core'\nimport type { FooterColumnsProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterRow from './footerRow'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumns = vui<'div', FooterColumnsProps>((props, ref) => {\n  const { columns } = props\n  const downMd = useDown('md')\n\n  if (!columns) return null\n  if (downMd) {\n    const columnsEven = columns.filter((_, index) => index % 2 === 0).flat()\n    const columnsOdd = columns.filter((_, index) => index % 2 === 1).flat()\n    return (\n      <FooterRow ref={ref}>\n        <FooterColumn key={'evenColumns'} sections={columnsEven} />\n        <FooterColumn key={'oddColumns'} sections={columnsOdd} />\n      </FooterRow>\n    )\n  }\n  return (\n    <FooterRow ref={ref}>\n      {columns.map((sections, index) => (\n        <FooterColumn key={index} sections={sections} />\n      ))}\n    </FooterRow>\n  )\n})\n\nFooterColumns.displayName = 'Footer Mobile Column'\nexport default FooterColumns\n"],"mappings":";;;;;;;;AAMA,MAAM,gBAAgB,KAAgC,OAAO,QAAQ;CACnE,MAAM,EAAE,YAAY;CACpB,MAAM,SAAS,QAAQ,KAAK;AAE5B,KAAI,CAAC,QAAS,QAAO;AACrB,KAAI,QAAQ;EACV,MAAM,cAAc,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;EACxE,MAAM,aAAa,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,EAAE,CAAC,MAAM;AACvE,SACE,qBAAC,WAAD;GAAgB;aAAhB,CACE,oBAAC,cAAD,EAAkC,UAAU,aAAe,EAAxC,cAAwC,EAC3D,oBAAC,cAAD,EAAiC,UAAU,YAAc,EAAtC,aAAsC,CAC/C;;;AAGhB,QACE,oBAAC,WAAD;EAAgB;YACb,QAAQ,KAAK,UAAU,UACtB,oBAAC,cAAD,EAAoC,UAAY,EAA7B,MAA6B,CAChD;EACQ;EAEd;AAEF,cAAc,cAAc"}

package/dist/footer/footerContent.d.ts

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

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

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

package/dist/footer/footerContent.js

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

package/dist/footer/footerContent.js.map

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

package/dist/footer/footerHeading.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"footerHeading.d.ts","names":[],"sources":["../../src/footer/footerHeading.tsx"],"mappings":";;;;;;;cAOa,aAAA,EAAa,YAAA,OAAA,YAAA"}
+{"version":3,"file":"footerHeading.d.ts","names":[],"sources":["../../src/footer/footerHeading.tsx"],"mappings":";;;;cAOa,aAAA,EAAa,YAAA,OAAA,YAAA"}

package/dist/footer/footerHeading.js

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

package/dist/footer/footerHeading.js.map

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

package/dist/footer/footerLink.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"footerLink.d.ts","names":[],"sources":["../../src/footer/footerLink.tsx"],"mappings":";;;;;;;cAOa,UAAA,EAAU,YAAA,MAAA,SAAA"}
+{"version":3,"file":"footerLink.d.ts","names":[],"sources":["../../src/footer/footerLink.tsx"],"mappings":";;;;cAOa,UAAA,EAAU,YAAA,MAAA,SAAA"}

package/dist/footer/footerLink.js

@@ -14,14 +14,13 @@ const FooterLink = vui((props, ref) => {
 		className: cs("vui-footerLink", className),
 		display: "inline-block",
 		py: py ?? {
-			_: .5,
 			xs: 0,
 			sm: 0,
 			md: .5
 		},
 		ref,
 		size: {
-			_: "sm",
+			xs: "sm",
 			md: "md"
 		},
 		variant: "white",
@@ -33,5 +32,5 @@ FooterLink.displayName = "FooterLink";
 
 //#endregion
 export { FooterLink as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=footerLink.js.map

package/dist/footer/footerLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerLink.js","names":[],"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, py, ...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={py ?? { _: 0.5, xs: 0, sm: 0, md: 0.5 }}\n      ref={ref}\n      size={{ _: 'sm', md: 'md' }}\n      variant=\"white\"\n      {...styles.link}\n      {...rest}\n    />\n  )\n})\n\nFooterLink.displayName = 'FooterLink'\nexport default FooterLink\n"],"mappings":";;;;;;;;;AAOA,MAAa,aAAa,KAAqB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,IAAI,GAAG,SAAS;CACnC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC;EACC,WAAW,GAAG,kBAAkB,UAAU;EAC1C,SAAS;EACT,IAAI,MAAM;GAAE,GAAG;GAAK,IAAI;GAAG,IAAI;GAAG,IAAI;GAAK;EACtC;EACL,MAAM;GAAE,GAAG;GAAM,IAAI;GAAM;EAC3B,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc"}
+{"version":3,"file":"footerLink.js","names":[],"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, py, ...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={py ?? { xs: 0, sm: 0, md: 0.5 }}\n      ref={ref}\n      size={{ xs: 'sm', md: 'md' }}\n      variant=\"white\"\n      {...styles.link}\n      {...rest}\n    />\n  )\n})\n\nFooterLink.displayName = 'FooterLink'\nexport default FooterLink\n"],"mappings":";;;;;;;;;AAOA,MAAa,aAAa,KAAqB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,IAAI,GAAG,SAAS;CACnC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC,MAAD;EACE,WAAW,GAAG,kBAAkB,UAAU;EAC1C,SAAS;EACT,IAAI,MAAM;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAK;EAC9B;EACL,MAAM;GAAE,IAAI;GAAM,IAAI;GAAM;EAC5B,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ;EAEJ;AAEF,WAAW,cAAc"}

package/dist/footer/footerRow.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"footerRow.d.ts","names":[],"sources":["../../src/footer/footerRow.tsx"],"mappings":";;;;;;;cAOM,SAAA,EAAS,YAAA,QAAA,QAAA"}
+{"version":3,"file":"footerRow.d.ts","names":[],"sources":["../../src/footer/footerRow.tsx"],"mappings":";;;;cAOM,SAAA,EAAS,YAAA,QAAA,QAAA"}

package/dist/footer/footerRow.js

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

package/dist/footer/footerRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerRow.js","names":[],"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 (\n    <Box\n      className={cs('vui-footerRow', className)}\n      ref={ref}\n      wrap\n      {...styles.row}\n      gap={{ xs: 2, sm: 0, md: 0 }}\n      {...rest}\n    />\n  )\n})\n\nFooterRow.displayName = 'FooterRow'\nexport default FooterRow\n"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,KAAsB,OAAO,QAAQ;CACrD,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC;EACC,WAAW,GAAG,iBAAiB,UAAU;EACpC;EACL;EACA,GAAI,OAAO;EACX,KAAK;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG;EAC5B,GAAI;GACJ;EAEJ;AAEF,UAAU,cAAc"}
+{"version":3,"file":"footerRow.js","names":[],"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 (\n    <Box\n      className={cs('vui-footerRow', className)}\n      ref={ref}\n      wrap\n      {...styles.row}\n      gap={{ xs: 2, sm: 0, md: 0 }}\n      {...rest}\n    />\n  )\n})\n\nFooterRow.displayName = 'FooterRow'\nexport default FooterRow\n"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,KAAsB,OAAO,QAAQ;CACrD,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC,KAAD;EACE,WAAW,GAAG,iBAAiB,UAAU;EACpC;EACL;EACA,GAAI,OAAO;EACX,KAAK;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG;EAC5B,GAAI;EACJ;EAEJ;AAEF,UAAU,cAAc"}

package/dist/footer/footerSection.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"footerSection.d.ts","names":[],"sources":["../../src/footer/footerSection.tsx"],"mappings":";;;;;;cASa,aAAA,EAAa,YAAA,QAAA,kBAAA"}
+{"version":3,"file":"footerSection.d.ts","names":[],"sources":["../../src/footer/footerSection.tsx"],"mappings":";;;;cASa,aAAA,EAAa,YAAA,QAAA,kBAAA"}

package/dist/footer/footerSection.js

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

package/dist/footer/footerSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerSection.js","names":[],"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, target }, index) => (\n              <v.li key={index}>\n                <FooterLink href={url} text={text} target={target} />\n              </v.li>\n            ))}\n          </v.ul>\n        ))}\n    </Box>\n  )\n})\n\nFooterSection.displayName = 'FooterSection'\nexport default FooterSection\n"],"mappings":";;;;;;;;;;;;;AASA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,SAAS,OAAO,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAAC;EAAI,WAAW,GAAG,qBAAqB,UAAU;EAAE;EAAY;EAAK,GAAI,OAAO;EAAS,GAAI;aAC1F,MAAM,QAAQ,GAAG,UAAU,oBAAC,iBAAc,MAAM,UAAW,EAE3D,aACE,MAAM,MAAM,GACX,QAEA,oBAAC,EAAE,gBACA,OAAO,KAAK,EAAE,MAAM,KAAK,UAAU,UAClC,oBAAC,EAAE,gBACD,oBAAC;GAAW,MAAM;GAAW;GAAc;IAAU,IAD5C,MAEJ,CACP,GACG;GAEP;EAER;AAEF,cAAc,cAAc"}
+{"version":3,"file":"footerSection.js","names":[],"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, target }, index) => (\n              <v.li key={index}>\n                <FooterLink href={url} text={text} target={target} />\n              </v.li>\n            ))}\n          </v.ul>\n        ))}\n    </Box>\n  )\n})\n\nFooterSection.displayName = 'FooterSection'\nexport default FooterSection\n"],"mappings":";;;;;;;;;;;;;AASA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,SAAS,OAAO,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAAC,KAAD;EAAK,WAAW,GAAG,qBAAqB,UAAU;EAAE;EAAY;EAAK,GAAI,OAAO;EAAS,GAAI;YAA7F,CACG,MAAM,QAAQ,GAAG,UAAU,oBAAC,eAAD,EAAe,MAAM,SAAW,GAE3D,aACE,MAAM,MAAM,GACX,QAEA,oBAAC,EAAE,IAAH,YACG,OAAO,KAAK,EAAE,MAAM,KAAK,UAAU,UAClC,oBAAC,EAAE,IAAH,YACE,oBAAC,YAAD;GAAY,MAAM;GAAW;GAAc;GAAU,GAChD,EAFI,MAEJ,CACP,EACG,GAEP;;EAER;AAEF,cAAc,cAAc"}

package/dist/footer/footerSlimColumn.js

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