@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/footer/footerSlimColumn.js.map

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

package/dist/footer/footerTrademark.js

@@ -35,7 +35,7 @@ const FooterTrademark = vui((props, ref) => {
 			maxW: "auto",
 			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,
@@ -72,5 +72,5 @@ FooterTrademark.displayName = "FooterTrademark";
 
 //#endregion
 export { FooterTrademark as default, defaultLinkedInUrl };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=footerTrademark.js.map

package/dist/footer/footerTrademark.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerTrademark.js","names":[],"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\n      className={cs('vui-footerTrademark', className)}\n      ref={ref}\n      w=\"100%\"\n      gap={{ xs: 1, sm: 0 }}\n      wrap\n      {...styles.trademark}\n      {...rest}\n    >\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 25%' }} maxW=\"auto\">\n        <Link\n          fontWeight=\"demi\"\n          href={linkedIn ?? defaultLinkedInUrl}\n          iconLeft={<Link.Icon mr={1} left={0} 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%' }} maxW=\"auto\">\n        <T size=\"xs\">\n          <T size=\"xs\" fontWeight=\"demi\">\n            Veracity by DNV\n          </T>\n          , DNV AS, NO-1322 Høvik, Norway\n        </T>\n      </FooterColumn>\n    </Box>\n  )\n})\n\nFooterTrademark.displayName = 'FooterTrademark'\nexport default FooterTrademark\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,qBAAqB;;AAGlC,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAAC;EACC,WAAW,GAAG,uBAAuB,UAAU;EAC1C;EACL,GAAE;EACF,KAAK;GAAE,IAAI;GAAG,IAAI;GAAG;EACrB;EACA,GAAI,OAAO;EACX,GAAI;aAEJ,oBAAC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,oBAAC;IACC,YAAW;IACX,MAAM,YAAY;IAClB,UAAU,oBAAC,KAAK;KAAK,IAAI;KAAG,MAAM;KAAG,MAAK;KAAsB,QAAO;KAAM,MAAK;MAAO;IACzF;IACA,GAAI,OAAO;cAEX,oBAAC;KAAc,IAAI;KAAG,MAAK;MAAc;KACpC;IACM,EAEf,oBAAC;GAAa;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,qBAAC;IAAE,MAAK;eACN,oBAAC;KAAE,MAAK;KAAK,YAAW;eAAO;MAE3B;KAEF;IACS;GACX;EAER;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"footerTrademark.js","names":[],"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\n      className={cs('vui-footerTrademark', className)}\n      ref={ref}\n      w=\"100%\"\n      gap={{ xs: 1, sm: 0 }}\n      wrap\n      {...styles.trademark}\n      {...rest}\n    >\n      <FooterColumn centerV flex={{ xs: '0 0 100%', md: '0 0 25%' }} maxW=\"auto\">\n        <Link\n          fontWeight=\"demi\"\n          href={linkedIn ?? defaultLinkedInUrl}\n          iconLeft={<Link.Icon mr={1} left={0} 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%' }} maxW=\"auto\">\n        <T size=\"xs\">\n          <T size=\"xs\" fontWeight=\"demi\">\n            Veracity by DNV\n          </T>\n          , DNV AS, NO-1322 Høvik, Norway\n        </T>\n      </FooterColumn>\n    </Box>\n  )\n})\n\nFooterTrademark.displayName = 'FooterTrademark'\nexport default FooterTrademark\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,qBAAqB;;AAGlC,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;CACzC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,qBAAC,KAAD;EACE,WAAW,GAAG,uBAAuB,UAAU;EAC1C;EACL,GAAE;EACF,KAAK;GAAE,IAAI;GAAG,IAAI;GAAG;EACrB;EACA,GAAI,OAAO;EACX,GAAI;YAPN,CASE,oBAAC,cAAD;GAAc;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,oBAAC,MAAD;IACE,YAAW;IACX,MAAM;IACN,UAAU,oBAAC,KAAK,MAAN;KAAW,IAAI;KAAG,MAAM;KAAG,MAAK;KAAsB,QAAO;KAAM,MAAK;KAAO;IACzF;IACA,GAAI,OAAO;cAEX,oBAAC,eAAD;KAAe,IAAI;KAAG,MAAK;KAAc;IACpC;GACM,GAEf,oBAAC,cAAD;GAAc;GAAQ,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW;GAAE,MAAK;aAClE,qBAAC,GAAD;IAAG,MAAK;cAAR,CACE,oBAAC,GAAD;KAAG,MAAK;KAAK,YAAW;eAAO;KAE3B,qCAEF;;GACS,EACX;;EAER;AAEF,gBAAgB,cAAc"}

package/dist/footer/helpers.d.ts

@@ -1,5 +1,4 @@
 import { Environment } from "../utils/types.js";
-import "../utils/index.js";
 import { FooterColumnData } from "./footer.types.js";
 
 //#region src/footer/helpers.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","names":[],"sources":["../../src/footer/helpers.ts"],"mappings":";;;;;;iBAagB,cAAA,CAAe,GAAA,EAAK,WAAA;WAAA,gBAAA"}
+{"version":3,"file":"helpers.d.ts","names":[],"sources":["../../src/footer/helpers.ts"],"mappings":";;;;;iBAagB,cAAA,CAAe,GAAA,EAAK,WAAA;WAAA,gBAAA"}

package/dist/footer/helpers.js

@@ -35,5 +35,5 @@ function useFooterLinks(env) {
 
 //#endregion
 export { useFooterLinks };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=helpers.js.map

package/dist/footer/index.d.ts

@@ -1,9 +1,7 @@
 import { ApplicationFooterProps, FooterColumnData, FooterColumnProps, FooterColumnsProps, FooterContentProps, FooterContext, FooterLinkData, FooterProps, FooterSectionData, FooterSectionProps, FooterTrademarkProps } from "./footer.types.js";
-import "./footerColumn.js";
 import { FooterContent } from "./footerContent.js";
 import { FooterHeading } from "./footerHeading.js";
 import { FooterLink } from "./footerLink.js";
-import "./footerRow.js";
 import { FooterSection } from "./footerSection.js";
 import { Footer, FooterBase } from "./footer.js";
 import { useFooterLinks } from "./helpers.js";

package/dist/footer/theme.js

@@ -47,5 +47,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/grid/grid.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { GridProps } from "./grid.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/grid/grid.d.ts
-declare const GridBase: styled_components0.StyledComponent<"div", styled_components0.DefaultTheme, SystemProps, never>;
+declare const GridBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** 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"],"mappings":";;;;;;;cAIa,QAAA,EAAQ,kBAAA,CAAA,eAAA,QAEpB,kBAAA,CAFoB,YAAA,EAAA,WAAA;;cAKR,IAAA,EAAI,YAAA,SAAA,SAAA"}
+{"version":3,"file":"grid.d.ts","names":[],"sources":["../../src/grid/grid.tsx"],"mappings":";;;;;;cAIa,QAAA,EAAQ,6BAAA,CAAA,oBAAA,QAEpB,kBAAA,CAFoB,QAAA;;cAKR,IAAA,EAAI,YAAA,SAAA,SAAA"}

package/dist/grid/grid.js

@@ -23,5 +23,5 @@ Grid.displayName = "Grid";
 
 //#endregion
 export { GridBase, Grid as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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":";;;;;;;AAIA,MAAa,WAAW,OAAO,MAAM;;;;AAKrC,MAAa,OAAO,KAAwB,OAAO,QAAQ;CACzD,MAAM,EAAE,WAAW,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"}
+{"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,WAAW,GAAG,SAAS,iBAAiB,MAAM;CACtD,MAAM,SAAS,eAAe,QAAQ,MAAM;AAE5C,QAAO,oBAAC,UAAD;EAAU,WAAW,GAAG,YAAY,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAQ;EACzF;AAEF,KAAK,cAAc"}

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

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

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

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

package/dist/grid/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/header/context.js

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

package/dist/header/header.d.ts

@@ -1,6 +1,4 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import { HeaderProps } from "./header.types.js";
 import { HeaderAccount } from "./headerAccount.js";
 import { HeaderAccountUserInfo } from "./headerAccountUserInfo.js";
@@ -18,11 +16,11 @@ import { HeaderServices } from "./headerServices.js";
 import { HeaderServicesMessage } from "./headerServicesMessage.js";
 import { HeaderSignIn } from "./headerSignIn.js";
 import { HeaderSupport } from "./headerSupport.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/header/header.d.ts
-declare const HeaderBase: styled_components0.StyledComponent<"header", styled_components0.DefaultTheme, SystemProps, never>;
+declare const HeaderBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /** 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;cAwBa,UAAA,EAAU,kBAAA,CAAA,eAAA,WAMtB,kBAAA,CANsB,YAAA,EAAA,WAAA;;cASV,MAAA,EA8CP,YAAA,WAAuB,WAAA;EAC3B,OAAA,SAAgB,aAAA;EAChB,eAAA,SAAwB,qBAAA;EACxB,OAAA,SAAgB,aAAA;EAChB,eAAA,SAAwB,qBAAA;EACxB,OAAA,SAAgB,aAAA;EAChB,aAAA,SAAsB,mBAAA;EACtB,OAAA,SAAgB,aAAA;EAChB,QAAA,SAAiB,cAAA;EACjB,IAAA,SAAa,UAAA;EACb,SAAA,SAAkB,eAAA;EAClB,aAAA,SAAsB,mBAAA;EACtB,YAAA,SAAqB,kBAAA;EACrB,aAAA,SAAsB,mBAAA;EACtB,QAAA,SAAiB,cAAA;EACjB,eAAA,SAAwB,qBAAA;EACxB,MAAA,SAAe,YAAA;AAAA"}
+{"version":3,"file":"header.d.ts","names":[],"sources":["../../src/header/header.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAwBa,UAAA,EAAU,6BAAA,CAAA,oBAAA,QAMtB,kBAAA,CANsB,QAAA;;cASV,MAAA,EA8CP,YAAA,WAAuB,WAAA;EAC3B,OAAA,SAAgB,aAAA;EAChB,eAAA,SAAwB,qBAAA;EACxB,OAAA,SAAgB,aAAA;EAChB,eAAA,SAAwB,qBAAA;EACxB,OAAA,SAAgB,aAAA;EAChB,aAAA,SAAsB,mBAAA;EACtB,OAAA,SAAgB,aAAA;EAChB,QAAA,SAAiB,cAAA;EACjB,IAAA,SAAa,UAAA;EACb,SAAA,SAAkB,eAAA;EAClB,aAAA,SAAsB,mBAAA;EACtB,YAAA,SAAqB,kBAAA;EACrB,aAAA,SAAsB,mBAAA;EACtB,QAAA,SAAiB,cAAA;EACjB,eAAA,SAAwB,qBAAA;EACxB,MAAA,SAAe,YAAA;AAAA"}

package/dist/header/header.js

@@ -95,5 +95,5 @@ Header.displayName = "Header";
 
 //#endregion
 export { HeaderBase, Header as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=header.js.map

package/dist/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":[],"sources":["../../src/header/header.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useLinks, useStyleConfig, useUp, vui } from '../core'\nimport { cs, useClickOutside } from '../utils'\nimport { HeaderProvider } from './context'\nimport type { HeaderProps } from './header.types'\nimport HeaderAccount from './headerAccount'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\nimport HeaderApplicationName from './headerApplicationName'\nimport HeaderContent from './headerContent'\nimport HeaderCreateAccount from './headerCreateAccount'\nimport HeaderDivider from './headerDivider'\nimport HeaderLinkItem from './headerLinkItem'\nimport HeaderLogo from './headerLogo'\nimport HeaderMainLinks from './headerMainLinks'\nimport HeaderMobileContent from './headerMobileContent'\nimport HeaderMobileToggle from './headerMobileToggle'\nimport HeaderNotifications from './headerNotifications'\nimport HeaderServices from './headerServices'\nimport HeaderServicesMessage from './headerServicesMessage'\nimport HeaderSignIn from './headerSignIn'\nimport HeaderSupport from './headerSupport'\n\nexport const HeaderBase = styled.headerBox`\n  align-items: center;\n  background-color: white;\n  border-bottom: 1px solid darkBlue.main;\n  display: flex;\n  position: relative;\n`\n\n/** Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content. */\nexport const Header = vui<'header', HeaderProps>((props, ref) => {\n  const { className, isSticky, size, variant, ...rest } = props\n  const [isMobileOpen, setIsMobileOpen] = useState(false)\n  const mobileContentRef = useRef(null)\n  const mobileToggleRef = useRef(null)\n  const styles = useStyleConfig('Header', props)\n\n  const headerHeight = 72\n\n  const [links] = useLinks()\n\n  useClickOutside([mobileContentRef, mobileToggleRef], () => {\n    setIsMobileOpen(false)\n  })\n\n  const isDesktop = useUp('lg')\n  const isMobile = !isDesktop\n\n  const context = {\n    headerHeight,\n    isDesktop,\n    isMobile,\n    isMobileOpen,\n    links,\n    mobileContentRef,\n    mobileToggleRef,\n    setIsMobileOpen,\n    size,\n    variant,\n  }\n\n  return (\n    <HeaderProvider value={context}>\n      <HeaderBase\n        className={cs('vui-header', className)}\n        h={headerHeight}\n        position={isSticky ? 'sticky' : 'static'}\n        px={{ xs: 2, lg: 5 }}\n        ref={ref}\n        role=\"banner\"\n        top={isSticky ? 0 : 'auto'}\n        {...styles.container}\n        {...rest}\n      />\n    </HeaderProvider>\n  )\n}) as VuiComponent<'header', HeaderProps> & {\n  Account: typeof HeaderAccount\n  AccountUserInfo: typeof HeaderAccountUserInfo\n  Support: typeof HeaderSupport\n  ApplicationName: typeof HeaderApplicationName\n  Content: typeof HeaderContent\n  CreateAccount: typeof HeaderCreateAccount\n  Divider: typeof HeaderDivider\n  LinkItem: typeof HeaderLinkItem\n  Logo: typeof HeaderLogo\n  MainLinks: typeof HeaderMainLinks\n  MobileContent: typeof HeaderMobileContent\n  MobileToggle: typeof HeaderMobileToggle\n  Notifications: typeof HeaderNotifications\n  Services: typeof HeaderServices\n  ServicesMessage: typeof HeaderServicesMessage\n  SignIn: typeof HeaderSignIn\n}\n\nHeader.Account = HeaderAccount\nHeader.AccountUserInfo = HeaderAccountUserInfo\nHeader.Support = HeaderSupport\nHeader.ApplicationName = HeaderApplicationName\nHeader.Content = HeaderContent\nHeader.CreateAccount = HeaderCreateAccount\nHeader.Divider = HeaderDivider\nHeader.LinkItem = HeaderLinkItem\nHeader.Logo = HeaderLogo\nHeader.MainLinks = HeaderMainLinks\nHeader.MobileContent = HeaderMobileContent\nHeader.MobileToggle = HeaderMobileToggle\nHeader.Notifications = HeaderNotifications\nHeader.Services = HeaderServices\nHeader.ServicesMessage = HeaderServicesMessage\nHeader.SignIn = HeaderSignIn\nHeader.displayName = 'Header'\nexport default Header\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,aAAa,OAAO,SAAS;;;;;;;;AAS1C,MAAa,SAAS,KAA4B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,UAAU,MAAM,SAAS,GAAG,SAAS;CACxD,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,mBAAmB,OAAO,KAAK;CACrC,MAAM,kBAAkB,OAAO,KAAK;CACpC,MAAM,SAAS,eAAe,UAAU,MAAM;CAE9C,MAAM,eAAe;CAErB,MAAM,CAAC,SAAS,UAAU;AAE1B,iBAAgB,CAAC,kBAAkB,gBAAgB,QAAQ;AACzD,kBAAgB,MAAM;GACtB;CAEF,MAAM,YAAY,MAAM,KAAK;AAgB7B,QACE,oBAAC;EAAe,OAdF;GACd;GACA;GACA,UALe,CAAC;GAMhB;GACA;GACA;GACA;GACA;GACA;GACA;GACD;YAIG,oBAAC;GACC,WAAW,GAAG,cAAc,UAAU;GACtC,GAAG;GACH,UAAU,WAAW,WAAW;GAChC,IAAI;IAAE,IAAI;IAAG,IAAI;IAAG;GACf;GACL,MAAK;GACL,KAAK,WAAW,IAAI;GACpB,GAAI,OAAO;GACX,GAAI;IACJ;GACa;EAEnB;AAmBF,OAAO,UAAU;AACjB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,OAAO,OAAO;AACd,OAAO,YAAY;AACnB,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,OAAO,kBAAkB;AACzB,OAAO,SAAS;AAChB,OAAO,cAAc"}
+{"version":3,"file":"header.js","names":[],"sources":["../../src/header/header.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useLinks, useStyleConfig, useUp, vui } from '../core'\nimport { cs, useClickOutside } from '../utils'\nimport { HeaderProvider } from './context'\nimport type { HeaderProps } from './header.types'\nimport HeaderAccount from './headerAccount'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\nimport HeaderApplicationName from './headerApplicationName'\nimport HeaderContent from './headerContent'\nimport HeaderCreateAccount from './headerCreateAccount'\nimport HeaderDivider from './headerDivider'\nimport HeaderLinkItem from './headerLinkItem'\nimport HeaderLogo from './headerLogo'\nimport HeaderMainLinks from './headerMainLinks'\nimport HeaderMobileContent from './headerMobileContent'\nimport HeaderMobileToggle from './headerMobileToggle'\nimport HeaderNotifications from './headerNotifications'\nimport HeaderServices from './headerServices'\nimport HeaderServicesMessage from './headerServicesMessage'\nimport HeaderSignIn from './headerSignIn'\nimport HeaderSupport from './headerSupport'\n\nexport const HeaderBase = styled.headerBox`\n  align-items: center;\n  background-color: white;\n  border-bottom: 1px solid darkBlue.main;\n  display: flex;\n  position: relative;\n`\n\n/** Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content. */\nexport const Header = vui<'header', HeaderProps>((props, ref) => {\n  const { className, isSticky, size, variant, ...rest } = props\n  const [isMobileOpen, setIsMobileOpen] = useState(false)\n  const mobileContentRef = useRef(null)\n  const mobileToggleRef = useRef(null)\n  const styles = useStyleConfig('Header', props)\n\n  const headerHeight = 72\n\n  const [links] = useLinks()\n\n  useClickOutside([mobileContentRef, mobileToggleRef], () => {\n    setIsMobileOpen(false)\n  })\n\n  const isDesktop = useUp('lg')\n  const isMobile = !isDesktop\n\n  const context = {\n    headerHeight,\n    isDesktop,\n    isMobile,\n    isMobileOpen,\n    links,\n    mobileContentRef,\n    mobileToggleRef,\n    setIsMobileOpen,\n    size,\n    variant,\n  }\n\n  return (\n    <HeaderProvider value={context}>\n      <HeaderBase\n        className={cs('vui-header', className)}\n        h={headerHeight}\n        position={isSticky ? 'sticky' : 'static'}\n        px={{ xs: 2, lg: 5 }}\n        ref={ref}\n        role=\"banner\"\n        top={isSticky ? 0 : 'auto'}\n        {...styles.container}\n        {...rest}\n      />\n    </HeaderProvider>\n  )\n}) as VuiComponent<'header', HeaderProps> & {\n  Account: typeof HeaderAccount\n  AccountUserInfo: typeof HeaderAccountUserInfo\n  Support: typeof HeaderSupport\n  ApplicationName: typeof HeaderApplicationName\n  Content: typeof HeaderContent\n  CreateAccount: typeof HeaderCreateAccount\n  Divider: typeof HeaderDivider\n  LinkItem: typeof HeaderLinkItem\n  Logo: typeof HeaderLogo\n  MainLinks: typeof HeaderMainLinks\n  MobileContent: typeof HeaderMobileContent\n  MobileToggle: typeof HeaderMobileToggle\n  Notifications: typeof HeaderNotifications\n  Services: typeof HeaderServices\n  ServicesMessage: typeof HeaderServicesMessage\n  SignIn: typeof HeaderSignIn\n}\n\nHeader.Account = HeaderAccount\nHeader.AccountUserInfo = HeaderAccountUserInfo\nHeader.Support = HeaderSupport\nHeader.ApplicationName = HeaderApplicationName\nHeader.Content = HeaderContent\nHeader.CreateAccount = HeaderCreateAccount\nHeader.Divider = HeaderDivider\nHeader.LinkItem = HeaderLinkItem\nHeader.Logo = HeaderLogo\nHeader.MainLinks = HeaderMainLinks\nHeader.MobileContent = HeaderMobileContent\nHeader.MobileToggle = HeaderMobileToggle\nHeader.Notifications = HeaderNotifications\nHeader.Services = HeaderServices\nHeader.ServicesMessage = HeaderServicesMessage\nHeader.SignIn = HeaderSignIn\nHeader.displayName = 'Header'\nexport default Header\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,aAAa,OAAO,SAAS;;;;;;;;AAS1C,MAAa,SAAS,KAA4B,OAAO,QAAQ;CAC/D,MAAM,EAAE,WAAW,UAAU,MAAM,SAAS,GAAG,SAAS;CACxD,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,mBAAmB,OAAO,KAAK;CACrC,MAAM,kBAAkB,OAAO,KAAK;CACpC,MAAM,SAAS,eAAe,UAAU,MAAM;CAE9C,MAAM,eAAe;CAErB,MAAM,CAAC,SAAS,UAAU;AAE1B,iBAAgB,CAAC,kBAAkB,gBAAgB,QAAQ;AACzD,kBAAgB,MAAM;GACtB;CAEF,MAAM,YAAY,MAAM,KAAK;AAgB7B,QACE,oBAAC,gBAAD;EAAgB,OAdF;GACd;GACA;GACA,UALe,CAAC;GAMhB;GACA;GACA;GACA;GACA;GACA;GACA;GACD;YAIG,oBAAC,YAAD;GACE,WAAW,GAAG,cAAc,UAAU;GACtC,GAAG;GACH,UAAU,WAAW,WAAW;GAChC,IAAI;IAAE,IAAI;IAAG,IAAI;IAAG;GACf;GACL,MAAK;GACL,KAAK,WAAW,IAAI;GACpB,GAAI,OAAO;GACX,GAAI;GACJ;EACa;EAEnB;AAmBF,OAAO,UAAU;AACjB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,OAAO,OAAO;AACd,OAAO,YAAY;AACnB,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,OAAO,kBAAkB;AACzB,OAAO,SAAS;AAChB,OAAO,cAAc"}

package/dist/header/header.types.d.ts

@@ -1,19 +1,12 @@
 import { LinksDict } from "../core/links.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-import "../core/index.js";
 import { IconProp } from "../icon/icon.types.js";
-import "../icon/index.js";
 import { ListItemProps, ListProps } from "../list/list.types.js";
-import "../list/index.js";
 import { ButtonProps } from "../button/button.types.js";
-import "../button/index.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
 import { LogoData } from "../logo/logo.types.js";
 import { MenuProps } from "../menu/menu.types.js";
-import "../menu/index.js";
 import { HeaderAccountData, HeaderAccountUserInfoData } from "./headerAccount.types.js";
 import { Dispatch, JSX, RefObject, SetStateAction } from "react";
 

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

@@ -1 +1 @@
-{"version":3,"file":"header.types.d.ts","names":[],"sources":["../../src/header/header.types.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;KAaY,kBAAA,GAAqB,QAAA;AAAA,KAErB,aAAA,GAAgB,IAAA,CAAK,WAAA;EAC/B,SAAA;EACA,QAAA;EACA,YAAA;EACA,KAAA,EAAO,SAAA;EACP,gBAAA,EAAkB,SAAA,CAAU,WAAA;EAC5B,eAAA,EAAiB,SAAA,CAAU,WAAA;EAC3B,eAAA,EAAiB,QAAA,CAAS,cAAA;AAAA;AAAA,KAGhB,uBAAA;6CAEV,GAAA;AAAA;AAAA,KAGU,wBAAA,GAA2B,QAAA,GAAW,uBAAA;AAAA,KAEtC,cAAA;wDAEV,IAAA,GAAO,QAAA,EAnBmB;EAqB1B,EAAA,WAhB4B;EAkB5B,QAAA,YAjB2B;EAmB3B,IAAA,WAlB0B;EAoB1B,GAAA;AAAA;AAAA,KAGU,mBAAA,GAAsB,aAAA,GAAgB,cAAA;AAAA,KAEtC,oBAAA,GAAuB,SAAA;EAhCF,gDAkC/B,KAAA,GAAQ,cAAA;AAAA;AAAA,KAGE,uBAAA;EAjCV,2DAmCA,KAAA,WAlCA;EAoCA,GAAA;AAAA;AAAA,KAGU,wBAAA,GAA2B,WAAA,GAAc,uBAAA;AAAA,KAEzC,WAAA,GAAc,WAAA,GACxB,YAAA;EAzC2B,yIA2CzB,YAAA;EACA,QAAA;AAAA;AAAA,KAGQ,kBAAA;EA9C8B,wDAgDxC,KAAA,GAAQ,cAAA;AAAA;AAAA,KAGE,mBAAA,GAAsB,SAAA,GAChC,kBAAA;EA/CA,uDAiDE,WAAA,GAAc,WAAA,EA9CN;EAgDR,QAAA;EACA,aAAA,YAjDmC;EAmDnC,SAAA,GAAY,SAAA,EAjDJ;EAmDR,aAAA;AAAA;AAAA,KAGQ,kBAAA,GAAqB,SAAA,GAAY,kBAAA;AAAA,KAEjC,gBAAA;EAtDH,wCAwDP,GAAA;AAAA;AAAA,KAGU,iBAAA,GAAoB,WAAA,GAAc,gBAAA;AAAA,KAElC,mBAAA,GAAsB,WAAA,GAChC,gBAAA;EAtDG,yDAwDD,OAAA,GAAU,iBAAA,GAAoB,GAAA,CAAI,OAAA,EArD1B;EAuDR,WAAA,GAAc,yBAAA;EACd,YAAA,GAAe,kBAAA,EAxDe;EA0D9B,eAAA;EACA,cAAA;EACA,aAAA;EACA,aAAA;EACA,QAAA,YA5D+B;EA8D/B,IAAA,GAAO,QAAA,GAAW,GAAA,CAAI,OAAA,EA5DhB;EA8DN,SAAA,GAAY,cAAA,KAAmB,GAAA,CAAI,OAAA,EA9Df;EAgEpB,aAAA,GAAgB,uBAAA,GAA0B,GAAA,CAAI,OAAA,EA7Df;EA+D/B,QAAA,GAAW,kBAAA,GAAqB,GAAA,CAAI,OAAA,EA7DtC;EA+DE,eAAA,YA1DQ;EA4DR,YAAA;EAEA,aAAA;AAAA;AAAA,KAGQ,oBAAA,GAAuB,WAAA;EA/DZ,gDAiErB,eAAA;EACA,cAAA;EACA,aAAA,YAlEA;EAoEA,aAAA,GAAgB,uBAAA,GAA0B,GAAA,CAAI,OAAA;EAC9C,QAAA,YAlEU;EAoEV,IAAA,GAAO,QAAA,GAAW,GAAA,CAAI,OAAA,EAjEZ;EAmEV,SAAA,GAAY,cAAA,KAAmB,GAAA,CAAI,OAAA;EAEnC,MAAA,GAAS,gBAAA,GAAmB,GAAA,CAAI,OAAA;AAAA"}
+{"version":3,"file":"header.types.d.ts","names":[],"sources":["../../src/header/header.types.ts"],"mappings":";;;;;;;;;;;;;KAaY,kBAAA,GAAqB,QAAA;AAAA,KAErB,aAAA,GAAgB,IAAA,CAAK,WAAA;EAC/B,SAAA;EACA,QAAA;EACA,YAAA;EACA,KAAA,EAAO,SAAA;EACP,gBAAA,EAAkB,SAAA,CAAU,WAAA;EAC5B,eAAA,EAAiB,SAAA,CAAU,WAAA;EAC3B,eAAA,EAAiB,QAAA,CAAS,cAAA;AAAA;AAAA,KAGhB,uBAAA;EAZkB,2CAc5B,GAAA;AAAA;AAAA,KAGU,wBAAA,GAA2B,QAAA,GAAW,uBAAA;AAAA,KAEtC,cAAA;EAjBa,sDAmBvB,IAAA,GAAO,QAAA,EAnBwB;EAqB/B,EAAA,WAjBO;EAmBP,QAAA,YAlBkB;EAoBlB,IAAA,WAnBiB;EAqBjB,GAAA;AAAA;AAAA,KAGU,mBAAA,GAAsB,aAAA,GAAgB,cAAA;AAAA,KAEtC,oBAAA,GAAuB,SAAA;EAhCP,gDAkC1B,KAAA,GAAQ,cAAA;AAAA;AAAA,KAGE,uBAAA;EAlCV,2DAoCA,KAAA,WAnCO;EAqCP,GAAA;AAAA;AAAA,KAGU,wBAAA,GAA2B,WAAA,GAAc,uBAAA;AAAA,KAEzC,WAAA,GAAc,WAAA,GACxB,YAAA;EAzCiB,yIA2Cf,YAAA;EACA,QAAA;AAAA;AAAA,KAGQ,kBAAA;EA9C8B,wDAgDxC,KAAA,GAAQ,cAAA;AAAA;AAAA,KAGE,mBAAA,GAAsB,SAAA,GAChC,kBAAA;yDAEE,WAAA,GAAc,WAAA,EAjDb;EAmDD,QAAA;EACA,aAAA;EAEA,SAAA,GAAY,SAAA,EAnDyD;EAqDrE,aAAA;AAAA;AAAA,KAGQ,kBAAA,GAAqB,SAAA,GAAY,kBAAA;AAAA,KAEjC,gBAAA;EAtDV,wCAwDA,GAAA;AAAA;AAAA,KAGU,iBAAA,GAAoB,WAAA,GAAc,gBAAA;AAAA,KAElC,mBAAA,GAAsB,WAAA,GAChC,gBAAA;EAtDA,yDAwDE,OAAA,GAAU,iBAAA,GAAoB,GAAA,CAAI,OAAA,EAxDjC;EA0DD,WAAA,GAAc,yBAAA;EACd,YAAA,GAAe,kBAAA;EAEf,eAAA;EACA,cAAA;EACA,aAAA;EACA,aAAA;EACA,QAAA,YA1DoB;EA4DpB,IAAA,GAAO,QAAA,GAAW,GAAA,CAAI,OAAA,EA5DxB;EA8DE,SAAA,GAAY,cAAA,KAAmB,GAAA,CAAI,OAAA,EA9Df;EAgEpB,aAAA,GAAgB,uBAAA,GAA0B,GAAA,CAAI,OAAA,EA7DtC;EA+DR,QAAA,GAAW,kBAAA,GAAqB,GAAA,CAAI,OAAA;EAEpC,eAAA,YA7DC;EA+DD,YAAA,YA5DgC;EA8DhC,aAAA;AAAA;AAAA,KAGQ,oBAAA,GAAuB,WAAA;EA/DvB,gDAiEV,eAAA;EACA,cAAA;EACA,aAAA,YAnEwB;EAqExB,aAAA,GAAgB,uBAAA,GAA0B,GAAA,CAAI,OAAA;EAC9C,QAAA,YAlEE;EAoEF,IAAA,GAAO,QAAA,GAAW,GAAA,CAAI,OAAA,EApEZ;EAsEV,SAAA,GAAY,cAAA,KAAmB,GAAA,CAAI,OAAA,EAnEP;EAqE5B,MAAA,GAAS,gBAAA,GAAmB,GAAA,CAAI,OAAA;AAAA"}

package/dist/header/headerAccount.js

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

package/dist/header/headerAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerAccount.js","names":[],"sources":["../../src/header/headerAccount.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport Avatar from '../avatar'\nimport { useStyleConfig } from '../core'\nimport List from '../list'\nimport Popover from '../popover'\nimport { isJsx, isObject } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderAccountProps, HeaderAccountUserInfoData } from './headerAccount.types'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\n\n/** Disables popper's dynamic re-positioning */\n\n/** Displays user account information and helpful links, like settings or logout. */\nexport function HeaderAccount(props: HeaderAccountProps) {\n  const { contentProps, sections, triggerProps, userInfo, ...rest } = props\n  const { isMobile } = useHeaderContext()\n  const styles = useStyleConfig('Header', useHeaderContext()).account\n  const name = isObject<HeaderAccountUserInfoData>(userInfo) ? userInfo.displayName : ''\n  const variant = styles?.trigger?.variant ?? 'solidDarkBlue'\n  const offsetX = isMobile ? 64 : 39\n\n  return (\n    <Popover isLazy={false} offset={[offsetX, 16]} placement=\"bottom-end\" {...rest}>\n      <Popover.Trigger\n        as={Avatar}\n        className=\"vui-headerAccountTrigger\"\n        isInteractive\n        ml={1}\n        name={name}\n        role=\"button\"\n        size=\"lg\"\n        title=\"Account\"\n        variant={variant}\n        {...styles.trigger}\n        {...triggerProps}\n      />\n\n      <Popover.Content\n        borderRadius={0}\n        className=\"vui-headerAccountContent\"\n        column\n        {...styles.content}\n        w={isMobile ? 280 : 320}\n        {...contentProps}\n      >\n        {isJsx(userInfo) ? userInfo : userInfo && <HeaderAccountUserInfo {...userInfo} />}\n\n        {isJsx(sections)\n          ? sections\n          : sections && (\n              <List className=\"vui-headerAccountList\" mb={2}>\n                {sections.map(({ heading, links }, index) => (\n                  <Fragment key={index}>\n                    <List.Divider />\n\n                    {heading && <List.Heading text={heading} />}\n\n                    {links?.map(({ icon, url, ...rest }, index) => (\n                      <List.Item iconLeft={icon} key={index} linkProps={{ href: url }} {...rest} />\n                    ))}\n                  </Fragment>\n                ))}\n              </List>\n            )}\n      </Popover.Content>\n    </Popover>\n  )\n}\n\nHeaderAccount.displayName = 'HeaderAccount'\n\nexport default HeaderAccount\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,cAAc,UAAU,cAAc,UAAU,GAAG,SAAS;CACpE,MAAM,EAAE,aAAa,kBAAkB;CACvC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAC5D,MAAM,OAAO,SAAoC,SAAS,GAAG,SAAS,cAAc;CACpF,MAAM,UAAU,QAAQ,SAAS,WAAW;AAG5C,QACE,qBAAC;EAAQ,QAAQ;EAAO,QAAQ,CAHlB,WAAW,KAAK,IAGY,GAAG;EAAE,WAAU;EAAa,GAAI;aACxE,oBAAC,QAAQ;GACP,IAAI;GACJ,WAAU;GACV;GACA,IAAI;GACE;GACN,MAAK;GACL,MAAK;GACL,OAAM;GACG;GACT,GAAI,OAAO;GACX,GAAI;IACJ,EAEF,qBAAC,QAAQ;GACP,cAAc;GACd,WAAU;GACV;GACA,GAAI,OAAO;GACX,GAAG,WAAW,MAAM;GACpB,GAAI;cAEH,MAAM,SAAS,GAAG,WAAW,YAAY,oBAAC,yBAAsB,GAAI,WAAY,EAEhF,MAAM,SAAS,GACZ,WACA,YACE,oBAAC;IAAK,WAAU;IAAwB,IAAI;cACzC,SAAS,KAAK,EAAE,SAAS,SAAS,UACjC,qBAAC;KACC,oBAAC,KAAK,YAAU;KAEf,WAAW,oBAAC,KAAK,WAAQ,MAAM,UAAW;KAE1C,OAAO,KAAK,EAAE,MAAM,KAAK,GAAG,QAAQ,UACnC,oBAAC,KAAK;MAAK,UAAU;MAAkB,WAAW,EAAE,MAAM,KAAK;MAAE,GAAI;QAArC,MAA6C,CAC7E;SAPW,MAQJ,CACX;KACG;IAEG;GACV;;AAId,cAAc,cAAc"}
+{"version":3,"file":"headerAccount.js","names":[],"sources":["../../src/header/headerAccount.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport Avatar from '../avatar'\nimport { useStyleConfig } from '../core'\nimport List from '../list'\nimport Popover from '../popover'\nimport { isJsx, isObject } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderAccountProps, HeaderAccountUserInfoData } from './headerAccount.types'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\n\n/** Disables popper's dynamic re-positioning */\n\n/** Displays user account information and helpful links, like settings or logout. */\nexport function HeaderAccount(props: HeaderAccountProps) {\n  const { contentProps, sections, triggerProps, userInfo, ...rest } = props\n  const { isMobile } = useHeaderContext()\n  const styles = useStyleConfig('Header', useHeaderContext()).account\n  const name = isObject<HeaderAccountUserInfoData>(userInfo) ? userInfo.displayName : ''\n  const variant = styles?.trigger?.variant ?? 'solidDarkBlue'\n  const offsetX = isMobile ? 64 : 39\n\n  return (\n    <Popover isLazy={false} offset={[offsetX, 16]} placement=\"bottom-end\" {...rest}>\n      <Popover.Trigger\n        as={Avatar}\n        className=\"vui-headerAccountTrigger\"\n        isInteractive\n        ml={1}\n        name={name}\n        role=\"button\"\n        size=\"lg\"\n        title=\"Account\"\n        variant={variant}\n        {...styles.trigger}\n        {...triggerProps}\n      />\n\n      <Popover.Content\n        borderRadius={0}\n        className=\"vui-headerAccountContent\"\n        column\n        {...styles.content}\n        w={isMobile ? 280 : 320}\n        {...contentProps}\n      >\n        {isJsx(userInfo) ? userInfo : userInfo && <HeaderAccountUserInfo {...userInfo} />}\n\n        {isJsx(sections)\n          ? sections\n          : sections && (\n              <List className=\"vui-headerAccountList\" mb={2}>\n                {sections.map(({ heading, links }, index) => (\n                  <Fragment key={index}>\n                    <List.Divider />\n\n                    {heading && <List.Heading text={heading} />}\n\n                    {links?.map(({ icon, url, ...rest }, index) => (\n                      <List.Item iconLeft={icon} key={index} linkProps={{ href: url }} {...rest} />\n                    ))}\n                  </Fragment>\n                ))}\n              </List>\n            )}\n      </Popover.Content>\n    </Popover>\n  )\n}\n\nHeaderAccount.displayName = 'HeaderAccount'\n\nexport default HeaderAccount\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,cAAc,UAAU,cAAc,UAAU,GAAG,SAAS;CACpE,MAAM,EAAE,aAAa,kBAAkB;CACvC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAC5D,MAAM,OAAO,SAAoC,SAAS,GAAG,SAAS,cAAc;CACpF,MAAM,UAAU,QAAQ,SAAS,WAAW;AAG5C,QACE,qBAAC,SAAD;EAAS,QAAQ;EAAO,QAAQ,CAHlB,WAAW,KAAK,IAGY,GAAG;EAAE,WAAU;EAAa,GAAI;YAA1E,CACE,oBAAC,QAAQ,SAAT;GACE,IAAI;GACJ,WAAU;GACV;GACA,IAAI;GACE;GACN,MAAK;GACL,MAAK;GACL,OAAM;GACG;GACT,GAAI,OAAO;GACX,GAAI;GACJ,GAEF,qBAAC,QAAQ,SAAT;GACE,cAAc;GACd,WAAU;GACV;GACA,GAAI,OAAO;GACX,GAAG,WAAW,MAAM;GACpB,GAAI;aANN,CAQG,MAAM,SAAS,GAAG,WAAW,YAAY,oBAAC,uBAAD,EAAuB,GAAI,UAAY,GAEhF,MAAM,SAAS,GACZ,WACA,YACE,oBAAC,MAAD;IAAM,WAAU;IAAwB,IAAI;cACzC,SAAS,KAAK,EAAE,SAAS,SAAS,UACjC,qBAAC,UAAD;KACE,oBAAC,KAAK,SAAN,EAAgB;KAEf,WAAW,oBAAC,KAAK,SAAN,EAAc,MAAM,SAAW;KAE1C,OAAO,KAAK,EAAE,MAAM,KAAK,GAAG,QAAQ,UACnC,oBAAC,KAAK,MAAN;MAAW,UAAU;MAAkB,WAAW,EAAE,MAAM,KAAK;MAAE,GAAI;MAAQ,EAA7C,MAA6C,CAC7E;KACO,IARI,MAQJ,CACX;IACG,EAEG;KACV;;;AAId,cAAc,cAAc"}

package/dist/header/headerAccount.types.d.ts

@@ -1,11 +1,7 @@
 import { RightJoinProps } from "../utils/types.js";
-import "../utils/index.js";
 import { AvatarProps } from "../avatar/avatar.types.js";
-import "../avatar/index.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
 import { PopoverContentProps, PopoverProps, PopoverTriggerProps } from "../popover/popover.types.js";
-import "../popover/index.js";
 import { HeaderLinkData } from "./header.types.js";
 import { JSX } from "react";
 

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

@@ -1 +1 @@
-{"version":3,"file":"headerAccount.types.d.ts","names":[],"sources":["../../src/header/headerAccount.types.ts"],"mappings":";;;;;;;;;;;;;KASY,iBAAA;EACV,QAAA,GAAW,wBAAA;EACX,QAAA,GAAW,yBAAA;AAAA;AAAA,KAGD,kBAAA,GAAqB,YAAA;EALrB,gDAOV,QAAA;EAEA,YAAA,GAAe,mBAAA,EARf;EAUA,QAAA,GAAW,iBAAA,eAAgC,GAAA,CAAI,OAAA,EAT/C;EAWA,YAAA,GAAe,cAAA,CAAe,mBAAA,EAAqB,WAAA,GAXf;EAapC,QAAA,GAAW,iBAAA,eAAgC,GAAA,CAAI,OAAA;AAAA;;KAIrC,wBAAA;EACV,OAAA;EACA,KAAA,GAAQ,cAAA;AAAA;AAAA,KAGE,yBAAA;EAXoB,0DAa9B,WAAA,WAbe;EAef,WAAA;EACA,aAAA;EACA,IAAA;AAAA;AAAA,KAGU,0BAAA,GAA6B,QAAA,GAAW,yBAAA"}
+{"version":3,"file":"headerAccount.types.d.ts","names":[],"sources":["../../src/header/headerAccount.types.ts"],"mappings":";;;;;;;;;KASY,iBAAA;EACV,QAAA,GAAW,wBAAA;EACX,QAAA,GAAW,yBAAA;AAAA;AAAA,KAGD,kBAAA,GAAqB,YAAA;EALrB,gDAOV,QAAA;EAEA,YAAA,GAAe,mBAAA,EARf;EAUA,QAAA,GAAW,iBAAA,eAAgC,GAAA,CAAI,OAAA,EAT/C;EAWA,YAAA,GAAe,cAAA,CAAe,mBAAA,EAAqB,WAAA,GAXf;EAapC,QAAA,GAAW,iBAAA,eAAgC,GAAA,CAAI,OAAA;AAAA;;KAIrC,wBAAA;EACV,OAAA;EACA,KAAA,GAAQ,cAAA;AAAA;AAAA,KAGE,yBAAA;EAXoB,0DAa9B,WAAA,WAbe;EAef,WAAA;EACA,aAAA;EACA,IAAA;AAAA;AAAA,KAGU,0BAAA,GAA6B,QAAA,GAAW,yBAAA"}

package/dist/header/headerAccountUserInfo.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { HeaderAccountUserInfoProps } from "./headerAccount.types.js";
-import "../index.js";
-
 //#region src/header/headerAccountUserInfo.d.ts
 /** Displays user information, like username and company name, within HeaderAccount part. */
 declare const HeaderAccountUserInfo: VuiComponent<"div", HeaderAccountUserInfoProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"headerAccountUserInfo.d.ts","names":[],"sources":["../../src/header/headerAccountUserInfo.tsx"],"mappings":";;;;;;cASa,qBAAA,EAAqB,YAAA,QAAA,0BAAA"}
+{"version":3,"file":"headerAccountUserInfo.d.ts","names":[],"sources":["../../src/header/headerAccountUserInfo.tsx"],"mappings":";;;;cASa,qBAAA,EAAqB,YAAA,QAAA,0BAAA"}

package/dist/header/headerAccountUserInfo.js

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

package/dist/header/headerAccountUserInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerAccountUserInfo.js","names":[],"sources":["../../src/header/headerAccountUserInfo.tsx"],"sourcesContent":["import Avatar from '../avatar'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderAccountUserInfoProps } from './headerAccount.types'\n\n/** Displays user information, like username and company name, within HeaderAccount part. */\nexport const HeaderAccountUserInfo = vui<'div', HeaderAccountUserInfoProps>((props, ref) => {\n  const { children, className, color, companyName, displayName, isApplication, role, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n  const localColor = color || styles.accountUserInfo.color || 'darkBlue.main'\n\n  return (\n    <Box\n      className={cs('vui-headerAccountUserInfo', className)}\n      p={2}\n      pb={1}\n      ref={ref}\n      spaceX={2}\n      {...styles.accountUserInfo}\n      {...rest}\n      lineHeight={isApplication ? '18px' : 'inherit'}\n      pr={isApplication ? 0 : 'inherit'}\n      textAlign={isApplication ? 'right' : 'inherit'}\n    >\n      {children ?? (\n        <>\n          {!isApplication && (\n            <Avatar className=\"vui-headerAccountUserInfoAvatar\" name={displayName} size=\"xl\" variant=\"solidDarkBlue\" />\n          )}\n          <Box column rowGap={role ? 0 : 0.5}>\n            {displayName && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                pr={1}\n                title={displayName}\n                weight=\"demi\"\n              >\n                {displayName}\n              </T>\n            )}\n            {companyName && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                pr={1}\n                title={companyName}\n              >\n                {companyName}\n              </T>\n            )}\n            {role && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                opacity={0.65}\n                pr={1}\n                title={role}\n              >\n                {role}\n              </T>\n            )}\n          </Box>\n        </>\n      )}\n    </Box>\n  )\n})\n\nHeaderAccountUserInfo.displayName = 'HeaderAccountUserInfo'\n\nexport default HeaderAccountUserInfo\n"],"mappings":";;;;;;;;;;;AASA,MAAa,wBAAwB,KAAwC,OAAO,QAAQ;CAC1F,MAAM,EAAE,UAAU,WAAW,OAAO,aAAa,aAAa,eAAe,MAAM,GAAG,SAAS;CAC/F,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAC3D,MAAM,aAAa,SAAS,OAAO,gBAAgB,SAAS;AAE5D,QACE,oBAAC;EACC,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAG;EACH,IAAI;EACC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,YAAY,gBAAgB,SAAS;EACrC,IAAI,gBAAgB,IAAI;EACxB,WAAW,gBAAgB,UAAU;YAEpC,YACC,4CACG,CAAC,iBACA,oBAAC;GAAO,WAAU;GAAkC,MAAM;GAAa,MAAK;GAAK,SAAQ;IAAkB,EAE7G,qBAAC;GAAI;GAAO,QAAQ,OAAO,IAAI;;IAC5B,eACC,oBAAC;KACC,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;KACP,QAAO;eAEN;MACC;IAEL,eACC,oBAAC;KACC,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;eAEN;MACC;IAEL,QACC,oBAAC;KACC,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,SAAS;KACT,IAAI;KACJ,OAAO;eAEN;MACC;;IAEF,IACL;GAED;EAER;AAEF,sBAAsB,cAAc"}
+{"version":3,"file":"headerAccountUserInfo.js","names":[],"sources":["../../src/header/headerAccountUserInfo.tsx"],"sourcesContent":["import Avatar from '../avatar'\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderAccountUserInfoProps } from './headerAccount.types'\n\n/** Displays user information, like username and company name, within HeaderAccount part. */\nexport const HeaderAccountUserInfo = vui<'div', HeaderAccountUserInfoProps>((props, ref) => {\n  const { children, className, color, companyName, displayName, isApplication, role, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n  const localColor = color || styles.accountUserInfo.color || 'darkBlue.main'\n\n  return (\n    <Box\n      className={cs('vui-headerAccountUserInfo', className)}\n      p={2}\n      pb={1}\n      ref={ref}\n      spaceX={2}\n      {...styles.accountUserInfo}\n      {...rest}\n      lineHeight={isApplication ? '18px' : 'inherit'}\n      pr={isApplication ? 0 : 'inherit'}\n      textAlign={isApplication ? 'right' : 'inherit'}\n    >\n      {children ?? (\n        <>\n          {!isApplication && (\n            <Avatar className=\"vui-headerAccountUserInfoAvatar\" name={displayName} size=\"xl\" variant=\"solidDarkBlue\" />\n          )}\n          <Box column rowGap={role ? 0 : 0.5}>\n            {displayName && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                pr={1}\n                title={displayName}\n                weight=\"demi\"\n              >\n                {displayName}\n              </T>\n            )}\n            {companyName && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                pr={1}\n                title={companyName}\n              >\n                {companyName}\n              </T>\n            )}\n            {role && (\n              <T\n                color={localColor}\n                fontSize={isApplication ? '12px' : 'inherit'}\n                isTruncated\n                opacity={0.65}\n                pr={1}\n                title={role}\n              >\n                {role}\n              </T>\n            )}\n          </Box>\n        </>\n      )}\n    </Box>\n  )\n})\n\nHeaderAccountUserInfo.displayName = 'HeaderAccountUserInfo'\n\nexport default HeaderAccountUserInfo\n"],"mappings":";;;;;;;;;;;AASA,MAAa,wBAAwB,KAAwC,OAAO,QAAQ;CAC1F,MAAM,EAAE,UAAU,WAAW,OAAO,aAAa,aAAa,eAAe,MAAM,GAAG,SAAS;CAC/F,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAC3D,MAAM,aAAa,SAAS,OAAO,gBAAgB,SAAS;AAE5D,QACE,oBAAC,KAAD;EACE,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAG;EACH,IAAI;EACC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,YAAY,gBAAgB,SAAS;EACrC,IAAI,gBAAgB,IAAI;EACxB,WAAW,gBAAgB,UAAU;YAEpC,YACC,4CACG,CAAC,iBACA,oBAAC,QAAD;GAAQ,WAAU;GAAkC,MAAM;GAAa,MAAK;GAAK,SAAQ;GAAkB,GAE7G,qBAAC,KAAD;GAAK;GAAO,QAAQ,OAAO,IAAI;aAA/B;IACG,eACC,oBAAC,GAAD;KACE,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;KACP,QAAO;eAEN;KACC;IAEL,eACC,oBAAC,GAAD;KACE,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;eAEN;KACC;IAEL,QACC,oBAAC,GAAD;KACE,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,SAAS;KACT,IAAI;KACJ,OAAO;eAEN;KACC;IAEF;KACL;EAED;EAER;AAEF,sBAAsB,cAAc"}

package/dist/header/headerApplicationName.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import { VuiComponent } from "../core/vui.js";
 import { AnimationProps } from "../system/animations.js";
 import { BackgroundColorProps } from "../system/backgrounds.js";
 import { BorderBottomColorProps, BorderBottomProps, BorderBottomWidthProps, BorderColorProps, BorderLeftColorProps, BorderLeftProps, BorderLeftWidthProps, BorderProps, BorderRadiusProps, BorderRightColorProps, BorderRightProps, BorderRightWidthProps, BorderStyleProps, BorderTopColorProps, BorderTopProps, BorderTopWidthProps, BorderWidthProps, DivideColorProps, DivideStyleProps, DivideXProps, DivideXReverseProps, DivideYProps, DivideYReverseProps, OutlineColorProps, OutlineProps, OutlineStyleProps, OutlineWidthProps, RingColorProps, RingProps } from "../system/borders.js";
@@ -15,9 +16,6 @@ import { BorderCollapseProps, TableLayoutProps } from "../system/tables.js";
 import { RotateProps, ScaleProps, ScaleXProps, ScaleYProps, SkewXProps, SkewYProps, TransformOriginProps, TransformProps, TranslateXProps, TranslateYProps } from "../system/transforms.js";
 import { TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps, TransitionProps, TransitionTimingFunctionProps } from "../system/transitions.js";
 import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, LetterSpacingProps, LineHeightProps, ListStylePositionProps, ListStyleTypeProps, TextAlignProps, TextDecorationProps, TextOverflowProps, TextTransformProps, TypographyProps, VerticalAlignProps, WhiteSpaceProps } from "../system/typography.js";
-import { VuiComponent } from "../core/vui.js";
-import "../index.js";
-
 //#region src/header/headerApplicationName.d.ts
 /** Logo displayed in the left corner of the Header. */
 declare const HeaderApplicationName: VuiComponent<"div", AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & ThemingProps<"Heading"> & {

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

@@ -1 +1 @@
-{"version":3,"file":"headerApplicationName.d.ts","names":[],"sources":["../../src/header/headerApplicationName.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAOa,qBAAA,sBA+BX,cAAA,GA/BgC,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,YAAA;UAAA,eAAA"}
+{"version":3,"file":"headerApplicationName.d.ts","names":[],"sources":["../../src/header/headerApplicationName.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;cAOa,qBAAA,sBA+BX,cAAA,GA/BgC,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,YAAA;UAAA,eAAA"}

package/dist/header/headerApplicationName.js

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

package/dist/header/headerApplicationName.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerApplicationName.js","names":[],"sources":["../../src/header/headerApplicationName.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useUp, vui } from '../core'\nimport { Heading } from '../heading'\nimport type { HeadingProps } from '../heading/heading.types'\nimport { cs } from '../utils'\n\n/** Logo displayed in the left corner of the Header. */\nexport const HeaderApplicationName = vui<'div', HeadingProps & { url?: string }>((props, ref) => {\n  const { color, title, url, ...rest } = props\n\n  const isTablet = useUp('md')\n\n  const additionalClassName = isTablet ? 'vui-headerApplicationNameTablet' : 'vui-headerApplicationNameMobile'\n\n  const mobileProps = {\n    fontSize: 18,\n    lineHeight: '21px',\n    mt: isTablet ? 0 : 'inherit',\n    maxW: isTablet ? 'inherit' : '156px',\n  }\n\n  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {}\n\n  const localColor = color || 'darkBlue.main'\n\n  return (\n    <Box {...linkProps}>\n      <Heading\n        className={cs('vui-headerApplicationName', additionalClassName)}\n        size=\"title\"\n        {...rest}\n        {...(mobileProps as any)}\n        color={localColor}\n      >\n        {title}\n      </Heading>\n    </Box>\n  )\n})\n\nHeaderApplicationName.displayName = 'HeaderApplicationName'\n\nexport default HeaderApplicationName\n"],"mappings":";;;;;;;;;AAOA,MAAa,wBAAwB,KAA6C,OAAO,QAAQ;CAC/F,MAAM,EAAE,OAAO,OAAO,KAAK,GAAG,SAAS;CAEvC,MAAM,WAAW,MAAM,KAAK;CAE5B,MAAM,sBAAsB,WAAW,oCAAoC;CAE3E,MAAM,cAAc;EAClB,UAAU;EACV,YAAY;EACZ,IAAI,WAAW,IAAI;EACnB,MAAM,WAAW,YAAY;EAC9B;CAED,MAAM,YAAY,MAAM;EAAE,IAAI;EAAK,MAAM;EAAK,SAAS;EAAQ,WAAW;EAAG,GAAG,EAAE;CAElF,MAAM,aAAa,SAAS;AAE5B,QACE,oBAAC;EAAI,GAAI;YACP,oBAAC;GACC,WAAW,GAAG,6BAA6B,oBAAoB;GAC/D,MAAK;GACL,GAAI;GACJ,GAAK;GACL,OAAO;aAEN;IACO;GACN;EAER;AAEF,sBAAsB,cAAc"}
+{"version":3,"file":"headerApplicationName.js","names":[],"sources":["../../src/header/headerApplicationName.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useUp, vui } from '../core'\nimport { Heading } from '../heading'\nimport type { HeadingProps } from '../heading/heading.types'\nimport { cs } from '../utils'\n\n/** Logo displayed in the left corner of the Header. */\nexport const HeaderApplicationName = vui<'div', HeadingProps & { url?: string }>((props, ref) => {\n  const { color, title, url, ...rest } = props\n\n  const isTablet = useUp('md')\n\n  const additionalClassName = isTablet ? 'vui-headerApplicationNameTablet' : 'vui-headerApplicationNameMobile'\n\n  const mobileProps = {\n    fontSize: 18,\n    lineHeight: '21px',\n    mt: isTablet ? 0 : 'inherit',\n    maxW: isTablet ? 'inherit' : '156px',\n  }\n\n  const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {}\n\n  const localColor = color || 'darkBlue.main'\n\n  return (\n    <Box {...linkProps}>\n      <Heading\n        className={cs('vui-headerApplicationName', additionalClassName)}\n        size=\"title\"\n        {...rest}\n        {...(mobileProps as any)}\n        color={localColor}\n      >\n        {title}\n      </Heading>\n    </Box>\n  )\n})\n\nHeaderApplicationName.displayName = 'HeaderApplicationName'\n\nexport default HeaderApplicationName\n"],"mappings":";;;;;;;;;AAOA,MAAa,wBAAwB,KAA6C,OAAO,QAAQ;CAC/F,MAAM,EAAE,OAAO,OAAO,KAAK,GAAG,SAAS;CAEvC,MAAM,WAAW,MAAM,KAAK;CAE5B,MAAM,sBAAsB,WAAW,oCAAoC;CAE3E,MAAM,cAAc;EAClB,UAAU;EACV,YAAY;EACZ,IAAI,WAAW,IAAI;EACnB,MAAM,WAAW,YAAY;EAC9B;CAED,MAAM,YAAY,MAAM;EAAE,IAAI;EAAK,MAAM;EAAK,SAAS;EAAQ,WAAW;EAAG,GAAG,EAAE;CAElF,MAAM,aAAa,SAAS;AAE5B,QACE,oBAAC,KAAD;EAAK,GAAI;YACP,oBAAC,SAAD;GACE,WAAW,GAAG,6BAA6B,oBAAoB;GAC/D,MAAK;GACL,GAAI;GACJ,GAAK;GACL,OAAO;aAEN;GACO;EACN;EAER;AAEF,sBAAsB,cAAc"}

package/dist/header/headerContent.d.ts

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

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

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

package/dist/header/headerContent.js

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

package/dist/header/headerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerContent.js","names":[],"sources":["../../src/header/headerContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderContentProps } from './header.types'\n\n/** Controls max-width of the content and centers itself horizontally. */\nexport const HeaderContent = vui<'div', HeaderContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-headerContent', className)}\n      h={1}\n      mx=\"auto\"\n      position=\"relative\"\n      ref={ref}\n      w={1}\n      {...styles.content}\n      {...rest}\n    />\n  )\n})\n\nHeaderContent.displayName = 'HeaderContent'\n\nexport default HeaderContent\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;EACA,WAAW,GAAG,qBAAqB,UAAU;EAC7C,GAAG;EACH,IAAG;EACH,UAAS;EACJ;EACL,GAAG;EACH,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc"}
+{"version":3,"file":"headerContent.js","names":[],"sources":["../../src/header/headerContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderContentProps } from './header.types'\n\n/** Controls max-width of the content and centers itself horizontally. */\nexport const HeaderContent = vui<'div', HeaderContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <Box\n      centerV\n      className={cs('vui-headerContent', className)}\n      h={1}\n      mx=\"auto\"\n      position=\"relative\"\n      ref={ref}\n      w={1}\n      {...styles.content}\n      {...rest}\n    />\n  )\n})\n\nHeaderContent.displayName = 'HeaderContent'\n\nexport default HeaderContent\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;EACA,WAAW,GAAG,qBAAqB,UAAU;EAC7C,GAAG;EACH,IAAG;EACH,UAAS;EACJ;EACL,GAAG;EACH,GAAI,OAAO;EACX,GAAI;EACJ;EAEJ;AAEF,cAAc,cAAc"}

package/dist/header/headerCreateAccount.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { HeaderCreateAccountProps } from "./header.types.js";
-import "../index.js";
-
 //#region src/header/headerCreateAccount.d.ts
 /** Text inviting to create an account when logged out. */
 declare const HeaderCreateAccount: VuiComponent<"div", HeaderCreateAccountProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"headerCreateAccount.d.ts","names":[],"sources":["../../src/header/headerCreateAccount.tsx"],"mappings":";;;;;;cASa,mBAAA,EAAmB,YAAA,QAAA,wBAAA"}
+{"version":3,"file":"headerCreateAccount.d.ts","names":[],"sources":["../../src/header/headerCreateAccount.tsx"],"mappings":";;;;cASa,mBAAA,EAAmB,YAAA,QAAA,wBAAA"}

package/dist/header/headerCreateAccount.js

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

package/dist/header/headerCreateAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerCreateAccount.js","names":[],"sources":["../../src/header/headerCreateAccount.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderCreateAccountProps } from './header.types'\n\n/** Text inviting to create an account when logged out. */\nexport const HeaderCreateAccount = vui<'div', HeaderCreateAccountProps>((props, ref) => {\n  const { children, className, url, ...rest } = props\n  const { isMobile, links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).createAccount\n\n  const screenProps = isMobile ? { borderBottom: '1px solid sandstone.main', p: 2 } : { ml: 3 }\n\n  const linkVariant = isMobile ? 'dark' : (styles?.link?.variant ?? 'dark')\n\n  return (\n    <Box\n      className={cs('vui-headerCreateAccount', className)}\n      column\n      flexShrink={0}\n      ref={ref}\n      {...styles.container}\n      {...screenProps}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          <T size=\"sm\" {...styles.text} color={isMobile ? 'darkBlue.main' : (styles?.text?.color ?? 'darkBlue.main')}>\n            New to Veracity?\n          </T>\n\n          <Link fontWeight=\"medium\" href={url ?? links.signUp} isUnderlined size=\"sm\" variant={linkVariant}>\n            Create account\n          </Link>\n        </>\n      )}\n    </Box>\n  )\n})\n\nHeaderCreateAccount.displayName = 'HeaderCreateAccount'\n\nexport default HeaderCreateAccount\n"],"mappings":";;;;;;;;;;;AASA,MAAa,sBAAsB,KAAsC,OAAO,QAAQ;CACtF,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,EAAE,UAAU,UAAU,kBAAkB,IAAI,EAAE;CACpD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAE5D,MAAM,cAAc,WAAW;EAAE,cAAc;EAA4B,GAAG;EAAG,GAAG,EAAE,IAAI,GAAG;CAE7F,MAAM,cAAc,WAAW,SAAU,QAAQ,MAAM,WAAW;AAElE,QACE,oBAAC;EACC,WAAW,GAAG,2BAA2B,UAAU;EACnD;EACA,YAAY;EACP;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,YACC,4CACE,oBAAC;GAAE,MAAK;GAAK,GAAI,OAAO;GAAM,OAAO,WAAW,kBAAmB,QAAQ,MAAM,SAAS;aAAkB;IAExG,EAEJ,oBAAC;GAAK,YAAW;GAAS,MAAM,OAAO,MAAM;GAAQ;GAAa,MAAK;GAAK,SAAS;aAAa;IAE3F,IACN;GAED;EAER;AAEF,oBAAoB,cAAc"}
+{"version":3,"file":"headerCreateAccount.js","names":[],"sources":["../../src/header/headerCreateAccount.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderCreateAccountProps } from './header.types'\n\n/** Text inviting to create an account when logged out. */\nexport const HeaderCreateAccount = vui<'div', HeaderCreateAccountProps>((props, ref) => {\n  const { children, className, url, ...rest } = props\n  const { isMobile, links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).createAccount\n\n  const screenProps = isMobile ? { borderBottom: '1px solid sandstone.main', p: 2 } : { ml: 3 }\n\n  const linkVariant = isMobile ? 'dark' : (styles?.link?.variant ?? 'dark')\n\n  return (\n    <Box\n      className={cs('vui-headerCreateAccount', className)}\n      column\n      flexShrink={0}\n      ref={ref}\n      {...styles.container}\n      {...screenProps}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          <T size=\"sm\" {...styles.text} color={isMobile ? 'darkBlue.main' : (styles?.text?.color ?? 'darkBlue.main')}>\n            New to Veracity?\n          </T>\n\n          <Link fontWeight=\"medium\" href={url ?? links.signUp} isUnderlined size=\"sm\" variant={linkVariant}>\n            Create account\n          </Link>\n        </>\n      )}\n    </Box>\n  )\n})\n\nHeaderCreateAccount.displayName = 'HeaderCreateAccount'\n\nexport default HeaderCreateAccount\n"],"mappings":";;;;;;;;;;;AASA,MAAa,sBAAsB,KAAsC,OAAO,QAAQ;CACtF,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAC9C,MAAM,EAAE,UAAU,UAAU,kBAAkB,IAAI,EAAE;CACpD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAE5D,MAAM,cAAc,WAAW;EAAE,cAAc;EAA4B,GAAG;EAAG,GAAG,EAAE,IAAI,GAAG;CAE7F,MAAM,cAAc,WAAW,SAAU,QAAQ,MAAM,WAAW;AAElE,QACE,oBAAC,KAAD;EACE,WAAW,GAAG,2BAA2B,UAAU;EACnD;EACA,YAAY;EACP;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,YACC,4CACE,oBAAC,GAAD;GAAG,MAAK;GAAK,GAAI,OAAO;GAAM,OAAO,WAAW,kBAAmB,QAAQ,MAAM,SAAS;aAAkB;GAExG,GAEJ,oBAAC,MAAD;GAAM,YAAW;GAAS,MAAM,OAAO,MAAM;GAAQ;GAAa,MAAK;GAAK,SAAS;aAAa;GAE3F,EACN;EAED;EAER;AAEF,oBAAoB,cAAc"}

package/dist/header/headerDivider.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { DividerProps } from "../divider/divider.types.js";
-import "../divider/index.js";
-import "../index.js";
-
 //#region src/header/headerDivider.d.ts
 /** Vertical line dividing part of the Header content. */
 declare const HeaderDivider: VuiComponent<"hr", DividerProps>;

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

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

package/dist/header/headerDivider.js

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

package/dist/header/headerDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerDivider.js","names":[],"sources":["../../src/header/headerDivider.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { DividerProps } from '../divider'\nimport Divider from '../divider'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Vertical line dividing part of the Header content. */\nexport const HeaderDivider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <Divider\n      borderColor=\"darkBlue.main\"\n      className={cs('vui-headerDivider', className)}\n      h={40}\n      isVertical\n      ref={ref}\n      {...styles.divider}\n      {...rest}\n    />\n  )\n})\n\nHeaderDivider.displayName = 'HeaderDivider'\nexport default HeaderDivider\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,aAAY;EACZ,WAAW,GAAG,qBAAqB,UAAU;EAC7C,GAAG;EACH;EACK;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc"}
+{"version":3,"file":"headerDivider.js","names":[],"sources":["../../src/header/headerDivider.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { DividerProps } from '../divider'\nimport Divider from '../divider'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Vertical line dividing part of the Header content. */\nexport const HeaderDivider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <Divider\n      borderColor=\"darkBlue.main\"\n      className={cs('vui-headerDivider', className)}\n      h={40}\n      isVertical\n      ref={ref}\n      {...styles.divider}\n      {...rest}\n    />\n  )\n})\n\nHeaderDivider.displayName = 'HeaderDivider'\nexport default HeaderDivider\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,aAAY;EACZ,WAAW,GAAG,qBAAqB,UAAU;EAC7C,GAAG;EACH;EACK;EACL,GAAI,OAAO;EACX,GAAI;EACJ;EAEJ;AAEF,cAAc,cAAc"}

package/dist/header/headerLinkItem.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { HeaderLinkItemProps } from "./header.types.js";
-import "../index.js";
-
 //#region src/header/headerLinkItem.d.ts
 /** Individual link item of the Header. */
 declare const HeaderLinkItem: VuiComponent<"li", HeaderLinkItemProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"headerLinkItem.d.ts","names":[],"sources":["../../src/header/headerLinkItem.tsx"],"mappings":";;;;;;cAQa,cAAA,EAAc,YAAA,OAAA,mBAAA"}
+{"version":3,"file":"headerLinkItem.d.ts","names":[],"sources":["../../src/header/headerLinkItem.tsx"],"mappings":";;;;cAQa,cAAA,EAAc,YAAA,OAAA,mBAAA"}

package/dist/header/headerLinkItem.js

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

package/dist/header/headerLinkItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerLinkItem.js","names":[],"sources":["../../src/header/headerLinkItem.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderLinkItemProps } from './header.types'\n\n/** Individual link item of the Header. */\nexport const HeaderLinkItem = vui<'li', HeaderLinkItemProps>((props, ref) => {\n  const { className, icon, isActive, linkProps, onClick: onClickProp, url, ...rest } = props\n  const { isMobile, setIsMobileOpen } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).linkItem\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    setIsMobileOpen(false)\n    onClickProp?.(e)\n  })\n  const linkPropsExtended = { ...linkProps, display: 'inline-flex', alignItems: 'center' }\n  const linkActiveProps = isActive\n    ? isMobile\n      ? {\n          bg: 'skyBlue.95',\n          borderColor: 'seaBlue.main',\n          borderLeftWidth: 3,\n          hoverBg: 'skyBlue.90',\n          pl: '13px',\n          activeBorderBottomWidth: 0,\n          pt: '0px',\n        }\n      : { borderBottomWidth: 4, pt: '4px' }\n    : {}\n\n  const linkMobileProps = isMobile\n    ? {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        hoverBg: 'skyBlue.90',\n        activeColor: 'darkBlue.main',\n        activeBg: 'transparent',\n        activeBorderColor: 'seaBlue.main',\n        activeBorderLeftWidth: 0,\n        pt: '0',\n        activePl: isActive ? '13px' : '16px',\n      }\n    : { activeBorderBottomWidth: 0, pt: '0px', activePt: isActive ? '1px' : '0' }\n\n  const itemScreenProps = isMobile ? {} : { display: 'inline-flex', fontWeight: 'medium', h: '100%' }\n\n  return (\n    <List.Item\n      className={cs('vui-headerLinkItem', className, `${isActive && 'is-active'}`)}\n      iconLeft={icon}\n      linkProps={{\n        href: url,\n        ringInset: true,\n        transition: 'all 0.1s, border-width 0s, padding 0s',\n        w: { xs: '100%', lg: 'max-content' },\n        px: { xs: '16px', lg: '10px', xl: '16px' },\n        ...styles.link,\n        ...linkPropsExtended,\n        ...linkMobileProps,\n        ...linkActiveProps,\n      }}\n      onClick={onClick}\n      ref={ref}\n      {...itemScreenProps}\n      {...styles.container}\n      {...rest}\n    />\n  )\n})\n\nHeaderLinkItem.displayName = 'HeaderLinkItem'\nexport default HeaderLinkItem\n"],"mappings":";;;;;;;;;;AAQA,MAAa,iBAAiB,KAAgC,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,MAAM,UAAU,WAAW,SAAS,aAAa,KAAK,GAAG,SAAS;CACrF,MAAM,EAAE,UAAU,oBAAoB,kBAAkB,IAAI,EAAE;CAC9D,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAE5D,MAAM,UAAU,gBAAgB,MAAiC;AAC/D,kBAAgB,MAAM;AACtB,gBAAc,EAAE;GAChB;CACF,MAAM,oBAAoB;EAAE,GAAG;EAAW,SAAS;EAAe,YAAY;EAAU;CACxF,MAAM,kBAAkB,WACpB,WACE;EACE,IAAI;EACJ,aAAa;EACb,iBAAiB;EACjB,SAAS;EACT,IAAI;EACJ,yBAAyB;EACzB,IAAI;EACL,GACD;EAAE,mBAAmB;EAAG,IAAI;EAAO,GACrC,EAAE;CAEN,MAAM,kBAAkB,WACpB;EACE,OAAO;EACP,YAAY;EACZ,SAAS;EACT,aAAa;EACb,UAAU;EACV,mBAAmB;EACnB,uBAAuB;EACvB,IAAI;EACJ,UAAU,WAAW,SAAS;EAC/B,GACD;EAAE,yBAAyB;EAAG,IAAI;EAAO,UAAU,WAAW,QAAQ;EAAK;CAE/E,MAAM,kBAAkB,WAAW,EAAE,GAAG;EAAE,SAAS;EAAe,YAAY;EAAU,GAAG;EAAQ;AAEnG,QACE,oBAAC,KAAK;EACJ,WAAW,GAAG,sBAAsB,WAAW,GAAG,YAAY,cAAc;EAC5E,UAAU;EACV,WAAW;GACT,MAAM;GACN,WAAW;GACX,YAAY;GACZ,GAAG;IAAE,IAAI;IAAQ,IAAI;IAAe;GACpC,IAAI;IAAE,IAAI;IAAQ,IAAI;IAAQ,IAAI;IAAQ;GAC1C,GAAG,OAAO;GACV,GAAG;GACH,GAAG;GACH,GAAG;GACJ;EACQ;EACJ;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,eAAe,cAAc"}
+{"version":3,"file":"headerLinkItem.js","names":[],"sources":["../../src/header/headerLinkItem.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderLinkItemProps } from './header.types'\n\n/** Individual link item of the Header. */\nexport const HeaderLinkItem = vui<'li', HeaderLinkItemProps>((props, ref) => {\n  const { className, icon, isActive, linkProps, onClick: onClickProp, url, ...rest } = props\n  const { isMobile, setIsMobileOpen } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).linkItem\n\n  const onClick = useCallbackRef((e: MouseEvent<HTMLLIElement>) => {\n    setIsMobileOpen(false)\n    onClickProp?.(e)\n  })\n  const linkPropsExtended = { ...linkProps, display: 'inline-flex', alignItems: 'center' }\n  const linkActiveProps = isActive\n    ? isMobile\n      ? {\n          bg: 'skyBlue.95',\n          borderColor: 'seaBlue.main',\n          borderLeftWidth: 3,\n          hoverBg: 'skyBlue.90',\n          pl: '13px',\n          activeBorderBottomWidth: 0,\n          pt: '0px',\n        }\n      : { borderBottomWidth: 4, pt: '4px' }\n    : {}\n\n  const linkMobileProps = isMobile\n    ? {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        hoverBg: 'skyBlue.90',\n        activeColor: 'darkBlue.main',\n        activeBg: 'transparent',\n        activeBorderColor: 'seaBlue.main',\n        activeBorderLeftWidth: 0,\n        pt: '0',\n        activePl: isActive ? '13px' : '16px',\n      }\n    : { activeBorderBottomWidth: 0, pt: '0px', activePt: isActive ? '1px' : '0' }\n\n  const itemScreenProps = isMobile ? {} : { display: 'inline-flex', fontWeight: 'medium', h: '100%' }\n\n  return (\n    <List.Item\n      className={cs('vui-headerLinkItem', className, `${isActive && 'is-active'}`)}\n      iconLeft={icon}\n      linkProps={{\n        href: url,\n        ringInset: true,\n        transition: 'all 0.1s, border-width 0s, padding 0s',\n        w: { xs: '100%', lg: 'max-content' },\n        px: { xs: '16px', lg: '10px', xl: '16px' },\n        ...styles.link,\n        ...linkPropsExtended,\n        ...linkMobileProps,\n        ...linkActiveProps,\n      }}\n      onClick={onClick}\n      ref={ref}\n      {...itemScreenProps}\n      {...styles.container}\n      {...rest}\n    />\n  )\n})\n\nHeaderLinkItem.displayName = 'HeaderLinkItem'\nexport default HeaderLinkItem\n"],"mappings":";;;;;;;;;;AAQA,MAAa,iBAAiB,KAAgC,OAAO,QAAQ;CAC3E,MAAM,EAAE,WAAW,MAAM,UAAU,WAAW,SAAS,aAAa,KAAK,GAAG,SAAS;CACrF,MAAM,EAAE,UAAU,oBAAoB,kBAAkB,IAAI,EAAE;CAC9D,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAE5D,MAAM,UAAU,gBAAgB,MAAiC;AAC/D,kBAAgB,MAAM;AACtB,gBAAc,EAAE;GAChB;CACF,MAAM,oBAAoB;EAAE,GAAG;EAAW,SAAS;EAAe,YAAY;EAAU;CACxF,MAAM,kBAAkB,WACpB,WACE;EACE,IAAI;EACJ,aAAa;EACb,iBAAiB;EACjB,SAAS;EACT,IAAI;EACJ,yBAAyB;EACzB,IAAI;EACL,GACD;EAAE,mBAAmB;EAAG,IAAI;EAAO,GACrC,EAAE;CAEN,MAAM,kBAAkB,WACpB;EACE,OAAO;EACP,YAAY;EACZ,SAAS;EACT,aAAa;EACb,UAAU;EACV,mBAAmB;EACnB,uBAAuB;EACvB,IAAI;EACJ,UAAU,WAAW,SAAS;EAC/B,GACD;EAAE,yBAAyB;EAAG,IAAI;EAAO,UAAU,WAAW,QAAQ;EAAK;CAE/E,MAAM,kBAAkB,WAAW,EAAE,GAAG;EAAE,SAAS;EAAe,YAAY;EAAU,GAAG;EAAQ;AAEnG,QACE,oBAAC,KAAK,MAAN;EACE,WAAW,GAAG,sBAAsB,WAAW,GAAG,YAAY,cAAc;EAC5E,UAAU;EACV,WAAW;GACT,MAAM;GACN,WAAW;GACX,YAAY;GACZ,GAAG;IAAE,IAAI;IAAQ,IAAI;IAAe;GACpC,IAAI;IAAE,IAAI;IAAQ,IAAI;IAAQ,IAAI;IAAQ;GAC1C,GAAG,OAAO;GACV,GAAG;GACH,GAAG;GACH,GAAG;GACJ;EACQ;EACJ;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;EACJ;EAEJ;AAEF,eAAe,cAAc"}

package/dist/header/headerLogo.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { LogoProps } from "../logo/logo.types.js";
-import "../index.js";
-
 //#region src/header/headerLogo.d.ts
 /** Logo displayed in the left corner of the Header. */
 declare const HeaderLogo: VuiComponent<"div", LogoProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"headerLogo.d.ts","names":[],"sources":["../../src/header/headerLogo.tsx"],"mappings":";;;;;;cAMa,UAAA,EAAU,YAAA,QAAA,SAAA"}
+{"version":3,"file":"headerLogo.d.ts","names":[],"sources":["../../src/header/headerLogo.tsx"],"mappings":";;;;cAMa,UAAA,EAAU,YAAA,QAAA,SAAA"}

package/dist/header/headerLogo.js

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