@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

package/dist/grid/grid.js

@@ -1,7 +1,9 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/grid/grid.tsx
@@ -10,7 +12,7 @@ const GridBase = styled.divBox`
 `;
 /** Displays a basic grid wrapper. */
 const Grid = vui((props, ref) => {
-	const { className,...rest } = omitThemingProps(props);
+	const { className, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Grid", props);
 	return /* @__PURE__ */ jsx(GridBase, {
 		className: cs("vui-grid", className),
@@ -23,5 +25,5 @@ Grid.displayName = "Grid";
 
 //#endregion
 export { Grid, GridBase };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.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,UAAW,GAAG,SAAS,iBAAiB,MAAM;CACtD,MAAM,SAAS,eAAe,QAAQ,MAAM;AAE5C,QAAO,oBAAC;EAAS,WAAW,GAAG,YAAY,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;GAAQ;EACzF;AAEF,KAAK,cAAc"}
+{"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"}

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

@@ -6,4 +6,5 @@ import "../system/index.js";
 type GridProps = SystemProps & ThemingProps<'Grid'>;
 //#endregion
 export { GridProps };
+
 //# sourceMappingURL=grid.types.d.ts.map

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

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

package/dist/grid/index.d.ts

@@ -1,2 +1,2 @@
 import { GridProps } from "./grid.types.js";
-import { Grid, GridBase } from "./grid.js";
+import { Grid, GridBase } from "./grid.js";

package/dist/grid/index.js

@@ -0,0 +1,3 @@
+import { Grid, GridBase } from "./grid.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/grid/theme.js

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

package/dist/header/context.d.ts

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

package/dist/header/context.js

@@ -1,9 +1,10 @@
 import { createContext } from "../utils/react.js";
+import "../utils/index.js";
 
 //#region src/header/context.ts
 const [HeaderProvider, useHeaderContext] = createContext({ isOptional: true });
 
 //#endregion
 export { HeaderProvider, useHeaderContext };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/header/context.js.map

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

package/dist/header/header.d.ts

@@ -19,10 +19,10 @@ import { HeaderServicesMessage } from "./headerServicesMessage.js";
 import { HeaderSignIn } from "./headerSignIn.js";
 import { HeaderSupport } from "./headerSupport.js";
 import "../index.js";
-import * as styled_components381 from "styled-components";
+import * as styled_components421 from "styled-components";
 
 //#region src/header/header.d.ts
-declare const HeaderBase: styled_components381.StyledComponent<"header", styled_components381.DefaultTheme, SystemProps, never>;
+declare const HeaderBase: styled_components421.StyledComponent<"header", styled_components421.DefaultTheme, SystemProps, never>;
 /** Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content. */
 declare const Header: VuiComponent<"header", HeaderProps> & {
   Account: typeof HeaderAccount;
@@ -44,4 +44,5 @@ declare const Header: VuiComponent<"header", HeaderProps> & {
 };
 //#endregion
 export { Header, HeaderBase };
+
 //# sourceMappingURL=header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","names":[],"sources":["../../src/header/header.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;cAwBa,YAAU,oBAAA,CAAA,0BAMtB,oBAAA,CANsB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASV,QA8CP,uBAAuB;kBACX;0BACQ;kBACR;EA1DL,eAMZ,CAAA,CAAA,MAAA,CAqDyB,qBArDzB;EAAA,OAAA,CAAA,CAAA,MAAA,CAsDiB,aA5DK;EAAA,aAAA,CAAA,CAAA,MAAA,CA6DC,mBA7DD;EAAA,OAAA,CAAA,CAAA,MAAA,CA8DL,aA9DK;EAAA,QAAA,CAAA,CAAA,MAAA,CA+DJ,cA/DI;EASV,IAAA,CAAA,CAAA,MAAA,CAuDE,UAQd;EAjB4B,SAAA,CAAA,CAAA,MAAA,CAUT,eAVS;EAAvB,aAAA,CAAA,CAAA,MAAA,CAWkB,mBAXlB;EACY,YAAA,CAAA,CAAA,MAAA,CAWK,kBAXL;EACQ,aAAA,CAAA,CAAA,MAAA,CAWF,mBAXE;EACR,QAAA,CAAA,CAAA,MAAA,CAWC,cAXD;EACQ,eAAA,CAAA,CAAA,MAAA,CAWA,qBAXA;EACR,MAAA,CAAA,CAAA,MAAA,CAWD,YAXC;CACM"}
+{"version":3,"file":"header.d.ts","names":[],"sources":["../../src/header/header.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;cAwBa,YAAU,oBAAA,CAAA,0BAMtB,oBAAA,CANsB,YAAA,EAAA,WAAA;;cASV,QA8CP,uBAAuB;kBACX;0BACQ;kBACR;EA1DL,eAMZ,EAAA,OAqDyB,qBArDzB;EAAA,OAAA,EAAA,OAsDiB,aA5DK;EAAA,aAAA,EAAA,OA6DC,mBA7DD;EAAA,OAAA,EAAA,OA8DL,aA9DK;EAAA,QAAA,EAAA,OA+DJ,cA/DI;EASV,IAAA,EAAA,OAuDE,UAQd;EAjB4B,SAAA,EAAA,OAUT,eAVS;EAAvB,aAAA,EAAA,OAWkB,mBAXlB;EACY,YAAA,EAAA,OAWK,kBAXL;EACQ,aAAA,EAAA,OAWF,mBAXE;EACR,QAAA,EAAA,OAWC,cAXD;EACQ,eAAA,EAAA,OAWA,qBAXA;EACR,MAAA,EAAA,OAWD,YAXC;CACM"}

package/dist/header/header.js

@@ -1,10 +1,12 @@
 import { useClickOutside } from "../utils/react.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useLinks } from "../core/links.js";
 import { useStyleConfig } from "../core/theme.js";
 import { useUp } from "../core/media.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { HeaderProvider } from "./context.js";
 import headerAccountUserInfo_default from "./headerAccountUserInfo.js";
 import headerAccount_default from "./headerAccount.js";
@@ -35,7 +37,7 @@ const HeaderBase = styled.headerBox`
 `;
 /** Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content. */
 const Header = vui((props, ref) => {
-	const { className, isSticky, size, variant,...rest } = props;
+	const { className, isSticky, size, variant, ...rest } = props;
 	const [isMobileOpen, setIsMobileOpen] = useState(false);
 	const mobileContentRef = useRef(null);
 	const mobileToggleRef = useRef(null);
@@ -96,5 +98,5 @@ var header_default = Header;
 
 //#endregion
 export { Header, HeaderBase, header_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=header.js.map

package/dist/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":["HeaderAccount","HeaderAccountUserInfo","HeaderSupport","HeaderApplicationName","HeaderContent","HeaderCreateAccount","HeaderDivider","HeaderLinkItem","HeaderLogo","HeaderMainLinks","HeaderMobileContent","HeaderMobileToggle","HeaderNotifications","HeaderServices","HeaderServicesMessage","HeaderSignIn"],"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,QAAS,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,UAAUA;AACjB,OAAO,kBAAkBC;AACzB,OAAO,UAAUC;AACjB,OAAO,kBAAkBC;AACzB,OAAO,UAAUC;AACjB,OAAO,gBAAgBC;AACvB,OAAO,UAAUC;AACjB,OAAO,WAAWC;AAClB,OAAO,OAAOC;AACd,OAAO,YAAYC;AACnB,OAAO,gBAAgBC;AACvB,OAAO,eAAeC;AACtB,OAAO,gBAAgBC;AACvB,OAAO,WAAWC;AAClB,OAAO,kBAAkBC;AACzB,OAAO,SAASC;AAChB,OAAO,cAAc;AACrB,qBAAe"}
+{"version":3,"file":"header.js","names":["HeaderAccount","HeaderAccountUserInfo","HeaderSupport","HeaderApplicationName","HeaderContent","HeaderCreateAccount","HeaderDivider","HeaderLinkItem","HeaderLogo","HeaderMainLinks","HeaderMobileContent","HeaderMobileToggle","HeaderNotifications","HeaderServices","HeaderServicesMessage","HeaderSignIn"],"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,UAAUA;AACjB,OAAO,kBAAkBC;AACzB,OAAO,UAAUC;AACjB,OAAO,kBAAkBC;AACzB,OAAO,UAAUC;AACjB,OAAO,gBAAgBC;AACvB,OAAO,UAAUC;AACjB,OAAO,WAAWC;AAClB,OAAO,OAAOC;AACd,OAAO,YAAYC;AACnB,OAAO,gBAAgBC;AACvB,OAAO,eAAeC;AACtB,OAAO,gBAAgBC;AACvB,OAAO,WAAWC;AAClB,OAAO,kBAAkBC;AACzB,OAAO,SAASC;AAChB,OAAO,cAAc;AACrB,qBAAe"}

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

@@ -2,20 +2,20 @@ import { LinksDict } from "../core/links.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
-import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
+import "../core/index.js";
 import { IconProp } from "../icon/icon.types.js";
 import "../icon/index.js";
-import { ButtonProps } from "../button/button.types.js";
-import "../button/index.js";
-import "../core/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, RefObject, SetStateAction } from "react";
+import { Dispatch, JSX, RefObject, SetStateAction } from "react";
 
 //#region src/header/header.types.d.ts
 type HeaderContentProps = BoxProps;
@@ -127,4 +127,5 @@ type LoggedOutHeaderProps = HeaderProps & {
 };
 //#endregion
 export { HeaderButtonData, HeaderContentProps, HeaderContext, HeaderCreateAccountData, HeaderCreateAccountProps, HeaderLinkData, HeaderLinkItemProps, HeaderMainLinksProps, HeaderNotificationsData, HeaderNotificationsProps, HeaderProps, HeaderServicesData, HeaderServicesProps, HeaderSignInProps, HeaderSupportProps, LoggedInHeaderProps, LoggedOutHeaderProps };
+
 //# sourceMappingURL=header.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.types.d.ts","names":[],"sources":["../../src/header/header.types.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"header.types.d.ts","names":[],"sources":["../../src/header/header.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;KAaY,kBAAA,GAAqB;KAErB,aAAA,GAAgB,KAAK;;;;SAIxB;oBACW,UAAU;mBACX,UAAU;mBACV,SAAS;AAT5B,CAAA;AAEY,KAUA,uBAAA,GAVa;EAAQ;EAAL,GAAA,CAAA,EAAA,MAAA;CAInB;AACqB,KAUlB,wBAAA,GAA2B,QAVT,GAUoB,uBAVpB;AAAV,KAYR,cAAA,GAZQ;EACS;EAAV,IAAA,CAAA,EAaV,QAbU;EACS;EAAT,EAAA,CAAA,EAAA,MAAA;EAAQ;EAGf,QAAA,CAAA,EAAA,OAAA;EAKA;EAEA,IAAA,CAAA,EAAA,MAAA;EAaA;EAEA,GAAA,CAAA,EAAA,MAAA;AAKZ,CAAA;AAOY,KAdA,mBAAA,GAAsB,aAcK,GAdW,cAcG;AAEzC,KAdA,oBAAA,GAAuB,SAejC,GAAA;EAMU;EAKA,KAAA,CAAA,EAxBF,cAwBqB,EAAA;CAAG;AAChC,KAtBU,uBAAA,GAsBV;EAEgB;EAKF,KAAA,CAAA,EAAA,MAAA;EAAS;EAKb,GAAA,CAAA,EAAA,MAAA;AAEZ,CAAA;AAKY,KAlCA,wBAAA,GAA2B,WAkCO,GAlCO,uBAkCS;AAElD,KAlCA,WAAA,GAAc,WAkCK,GAjC7B,YAiC6B,CAAA,QAAA,CAAA,GAAA;EAAG;EAChC,YAAA,CAAA,EAAA,MAAA;EAEY,QAAA,CAAA,EAAA,OAAA;CAAoB;AAEhB,KAhCN,kBAAA,GAgCM;EACC;EAQR,KAAA,CAAA,EAvCD,cAuCC,EAAA;CAAW;AAEN,KAtCJ,mBAAA,GAAsB,SAsClB,GArCd,kBAqCc,GAAA;EAAmB;EAEf,WAAA,CAAA,EArCF,WAqCE;EAA0B;EAE/B,QAAA,CAAA,EAAA,KAAA;EAAqB,aAAI,CAAA,EAAA,OAAA;EAAO;EASnC,SAAA,CAAA,EA3CI,SA2CJ;EAAuB;EAMjB,aAAA,CAAA,EAAA,OAAA;CAA0B;AAGnC,KA/CG,kBAAA,GAAqB,SA+CxB,GA/CoC,kBA+CpC,GAAA,CAAA,CAAA;AAAe,KA7CZ,gBAAA,GA6CY;EAEV;EAAmB,GAAI,CAAA,EAAA,MAAA;CAE1B;AAAuB,KA5CtB,iBAAA,GAAoB,WA4CE,GA5CY,gBA4CZ;AAAO,KA1C7B,mBAAA,GAAsB,WA0CO,GAzCvC,gBAyCuC,GAAA;;YAvC3B,oBAAoB,GAAA,CAAI;;gBAEpB;iBACC;;;;;;;;SAQR,WAAW,GAAA,CAAI;;cAEV,mBAAmB,GAAA,CAAI;;kBAEnB,0BAA0B,GAAA,CAAI;;aAEnC,qBAAqB,GAAA,CAAI;;;;;;;;KAS5B,oBAAA,GAAuB;;;;;;kBAMjB,0BAA0B,GAAA,CAAI;;;SAGvC,WAAW,GAAA,CAAI;;cAEV,mBAAmB,GAAA,CAAI;;WAE1B,mBAAmB,GAAA,CAAI"}

package/dist/header/headerAccount.d.ts

@@ -1,13 +1,14 @@
 import { HeaderAccountProps } from "./headerAccount.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/header/headerAccount.d.ts
 /** Disables popper's dynamic re-positioning */
 /** Displays user account information and helpful links, like settings or logout. */
-declare function HeaderAccount(props: HeaderAccountProps): react_jsx_runtime3.JSX.Element;
+declare function HeaderAccount(props: HeaderAccountProps): react_jsx_runtime7.JSX.Element;
 declare namespace HeaderAccount {
   var displayName: string;
 }
 //#endregion
 export { HeaderAccount };
+
 //# sourceMappingURL=headerAccount.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"headerAccount.d.ts","names":[],"sources":["../../src/header/headerAccount.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAcgB,aAAA,QAAqB,qBAAkB,kBAAA,CAAA,GAAA,CAAA;AAAvC,OAAA,CAAA,SAAA,CAAA,aAAA,CAAqB;EAArB,GAAA,CAAA,WAAA,CAAA,CAAa,MAAA"}
+{"version":3,"file":"headerAccount.d.ts","names":[],"sources":["../../src/header/headerAccount.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAcgB,aAAA,QAAqB,qBAAkB,kBAAA,CAAA,GAAA,CAAA;AAAvC,kBAAA,aAAA,CAAqB;EAArB,IAAA,WAAA,EAAa,MAAA"}

package/dist/header/headerAccount.js

@@ -1,8 +1,13 @@
 import { isJsx, isObject } from "../utils/assertion.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
+import "../core/index.js";
 import list_default from "../list/list.js";
+import "../list/index.js";
 import avatar_default from "../avatar/avatar.js";
+import "../avatar/index.js";
 import Popover from "../popover/popover.js";
+import "../popover/index.js";
 import { useHeaderContext } from "./context.js";
 import headerAccountUserInfo_default from "./headerAccountUserInfo.js";
 import { Fragment } from "react";
@@ -12,7 +17,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /** Disables popper's dynamic re-positioning */
 /** Displays user account information and helpful links, like settings or logout. */
 function HeaderAccount(props) {
-	const { contentProps, options = {}, sections, triggerProps, userInfo,...rest } = props;
+	const { contentProps, sections, triggerProps, userInfo, ...rest } = props;
 	const { isMobile } = useHeaderContext();
 	const styles = useStyleConfig("Header", useHeaderContext()).account;
 	const name = isObject(userInfo) ? userInfo.displayName : "";
@@ -47,7 +52,7 @@ function HeaderAccount(props) {
 				children: sections.map(({ heading, links }, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
 					/* @__PURE__ */ jsx(list_default.Divider, {}),
 					heading && /* @__PURE__ */ jsx(list_default.Heading, { text: heading }),
-					links?.map(({ icon, url,...rest$1 }, index$1) => /* @__PURE__ */ jsx(list_default.Item, {
+					links?.map(({ icon, url, ...rest$1 }, index$1) => /* @__PURE__ */ jsx(list_default.Item, {
 						iconLeft: icon,
 						linkProps: { href: url },
 						...rest$1
@@ -62,5 +67,5 @@ var headerAccount_default = HeaderAccount;
 
 //#endregion
 export { HeaderAccount, headerAccount_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=headerAccount.js.map

package/dist/header/headerAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerAccount.js","names":["Avatar","HeaderAccountUserInfo","List","rest","index"],"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, options = {}, 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,EAAE,EAAE,UAAU,cAAc,SAAU,GAAG,SAAS;CAClF,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,IAAIA;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,oBAACC,iCAAsB,GAAI,WAAY,EAEhF,MAAM,SAAS,GACZ,WACA,YACE,oBAACC;IAAK,WAAU;IAAwB,IAAI;cACzC,SAAS,KAAK,EAAE,SAAS,SAAS,UACjC,qBAAC;KACC,oBAACA,aAAK,YAAU;KAEf,WAAW,oBAACA,aAAK,WAAQ,MAAM,UAAW;KAE1C,OAAO,KAAK,EAAE,MAAM,IAAK,GAAGC,UAAQ,YACnC,oBAACD,aAAK;MAAK,UAAU;MAAkB,WAAW,EAAE,MAAM,KAAK;MAAE,GAAIC;QAArCC,QAA6C,CAC7E;SAPW,MAQJ,CACX;KACG;IAEG;GACV;;AAId,cAAc,cAAc;AAE5B,4BAAe"}
+{"version":3,"file":"headerAccount.js","names":["Avatar","HeaderAccountUserInfo","List","rest","index"],"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,IAAIA;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,oBAACC,iCAAsB,GAAI,WAAY,EAEhF,MAAM,SAAS,GACZ,WACA,YACE,oBAACC;IAAK,WAAU;IAAwB,IAAI;cACzC,SAAS,KAAK,EAAE,SAAS,SAAS,UACjC,qBAAC;KACC,oBAACA,aAAK,YAAU;KAEf,WAAW,oBAACA,aAAK,WAAQ,MAAM,UAAW;KAE1C,OAAO,KAAK,EAAE,MAAM,KAAK,GAAGC,UAAQ,YACnC,oBAACD,aAAK;MAAK,UAAU;MAAkB,WAAW,EAAE,MAAM,KAAK;MAAE,GAAIC;QAArCC,QAA6C,CAC7E;SAPW,MAQJ,CACX;KACG;IAEG;GACV;;AAId,cAAc,cAAc;AAE5B,4BAAe"}

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

@@ -1,12 +1,13 @@
 import { RightJoinProps } from "../utils/types.js";
 import "../utils/index.js";
-import { BoxProps } from "../box/box.types.js";
-import "../box/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";
 
 //#region src/header/headerAccount.types.d.ts
 /** Defines account link sections and user information. */
@@ -42,4 +43,5 @@ type HeaderAccountUserInfoData = {
 type HeaderAccountUserInfoProps = BoxProps & HeaderAccountUserInfoData;
 //#endregion
 export { HeaderAccountData, HeaderAccountProps, HeaderAccountSectionData, HeaderAccountUserInfoData, HeaderAccountUserInfoProps };
+
 //# sourceMappingURL=headerAccount.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"headerAccount.types.d.ts","names":[],"sources":["../../src/header/headerAccount.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;KAOY,iBAAA,CAAA,CAAA;aACC;aACA;;KAGD,kBAAA,CAAA,CAAA,CAAqB;EALrB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAKA,QAAA,CAAA,CAAA,CAAA,KAAA;EAAqB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,cAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAIhB,YAAA,CAAA,CAAA,CAAA,mBAAA;EAEJ,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,WAAA,CAAA,CAAA,CAAA;EAAgC,QAAI,CAAA,CAAA,CAApC,iBAAoC,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAJ,GAAA,CAAI,OAAA;EAEjB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,cAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAAqB,YAAA,CAAA,CAAA,CAApC,cAAoC,CAArB,mBAAqB,CAAA,CAAA,WAAA,CAAA;EAApC,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,WAAA,CAAA,EAAA,CAAA,GAAA,CAAA,EAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAEJ,QAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAgC,GAAA,CAAI,OAApC;CAAgC;;AAIjC,IAAA,CAAA,wBAAA,CAAA,CAAA,CAAwB;EAKxB,OAAA,CAAA,CAAA,CAAA,MAAA;EASA,KAAA,CAAA,CAAA,CAZF,cAYE,CAAA,CAAA;;KATA,yBAAA,CAAA,CAAA;;;;;;;;KASA,0BAAA,CAAA,CAAA,CAA6B,WAAW"}
+{"version":3,"file":"headerAccount.types.d.ts","names":[],"sources":["../../src/header/headerAccount.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;KASY,iBAAA;aACC;aACA;;KAGD,kBAAA,GAAqB;EALrB;EAKA,QAAA,CAAA,EAAA,KAAA;EAAqB;EAIhB,YAAA,CAAA,EAAA,mBAAA;EAEJ;EAAgC,QAAI,CAAA,EAApC,iBAAoC,CAAA,UAAA,CAAA,GAAJ,GAAA,CAAI,OAAA;EAEjB;EAAqB,YAAA,CAAA,EAApC,cAAoC,CAArB,mBAAqB,EAAA,WAAA,CAAA;EAApC;EAEJ,QAAA,CAAA,EAAA,iBAAA,CAAA,UAAA,CAAA,GAAgC,GAAA,CAAI,OAApC;CAAgC;;AAIjC,KAAA,wBAAA,GAAwB;EAKxB,OAAA,CAAA,EAAA,MAAA;EASA,KAAA,CAAA,EAZF,cAYE,EAAA;;KATA,yBAAA;;;;;;;;KASA,0BAAA,GAA6B,WAAW"}

package/dist/header/headerAccountUserInfo.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const HeaderAccountUserInfo: VuiComponent<"div", HeaderAccountUserInfoProps>;
 //#endregion
 export { HeaderAccountUserInfo };
+
 //# sourceMappingURL=headerAccountUserInfo.d.ts.map

package/dist/header/headerAccountUserInfo.js

@@ -1,16 +1,21 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
 import t_default from "../t/t.js";
+import "../t/index.js";
+import "../core/index.js";
 import avatar_default from "../avatar/avatar.js";
+import "../avatar/index.js";
 import { useHeaderContext } from "./context.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/header/headerAccountUserInfo.tsx
 /** Displays user information, like username and company name, within HeaderAccount part. */
 const HeaderAccountUserInfo = vui((props, ref) => {
-	const { children, className, color, companyName, displayName, isApplication, role,...rest } = props;
+	const { children, className, color, companyName, displayName, isApplication, role, ...rest } = props;
 	const styles = useStyleConfig("Header", useHeaderContext());
 	const localColor = color || styles.accountUserInfo.color || "darkBlue.main";
 	return /* @__PURE__ */ jsx(box_default, {
@@ -68,5 +73,5 @@ var headerAccountUserInfo_default = HeaderAccountUserInfo;
 
 //#endregion
 export { HeaderAccountUserInfo, headerAccountUserInfo_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=headerAccountUserInfo.js.map

package/dist/header/headerAccountUserInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerAccountUserInfo.js","names":["Box","Avatar","T"],"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,KAAM,GAAG,SAAS;CAC/F,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAC3D,MAAM,aAAa,SAAS,OAAO,gBAAgB,SAAS;AAE5D,QACE,oBAACA;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,oBAACC;GAAO,WAAU;GAAkC,MAAM;GAAa,MAAK;GAAK,SAAQ;IAAkB,EAE7G,qBAACD;GAAI;GAAO,QAAQ,OAAO,IAAI;;IAC5B,eACC,oBAACE;KACC,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;KACP,QAAO;eAEN;MACC;IAEL,eACC,oBAACA;KACC,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;eAEN;MACC;IAEL,QACC,oBAACA;KACC,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,SAAS;KACT,IAAI;KACJ,OAAO;eAEN;MACC;;IAEF,IACL;GAED;EAER;AAEF,sBAAsB,cAAc;AAEpC,oCAAe"}
+{"version":3,"file":"headerAccountUserInfo.js","names":["Box","Avatar","T"],"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,oBAACA;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,oBAACC;GAAO,WAAU;GAAkC,MAAM;GAAa,MAAK;GAAK,SAAQ;IAAkB,EAE7G,qBAACD;GAAI;GAAO,QAAQ,OAAO,IAAI;;IAC5B,eACC,oBAACE;KACC,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;KACP,QAAO;eAEN;MACC;IAEL,eACC,oBAACA;KACC,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,IAAI;KACJ,OAAO;eAEN;MACC;IAEL,QACC,oBAACA;KACC,OAAO;KACP,UAAU,gBAAgB,SAAS;KACnC;KACA,SAAS;KACT,IAAI;KACJ,OAAO;eAEN;MACC;;IAEF,IACL;GAED;EAER;AAEF,sBAAsB,cAAc;AAEpC,oCAAe"}

package/dist/header/headerApplicationName.d.ts

@@ -31,4 +31,5 @@ declare const HeaderApplicationName: VuiComponent<"div", AnimationProps & Backgr
 }>;
 //#endregion
 export { HeaderApplicationName };
+
 //# sourceMappingURL=headerApplicationName.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"headerApplicationName.d.ts","names":[],"sources":["../../src/header/headerApplicationName.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"headerApplicationName.d.ts","names":[],"sources":["../../src/header/headerApplicationName.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAOa,2CA+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;UAAA,eAAA"}

package/dist/header/headerApplicationName.js

@@ -1,14 +1,18 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useUp } from "../core/media.js";
 import { vui } from "../core/vui.js";
 import { Box } from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { Heading } from "../heading/heading.js";
+import "../heading/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/header/headerApplicationName.tsx
 /** Logo displayed in the left corner of the Header. */
 const HeaderApplicationName = vui((props, ref) => {
-	const { color, title, url,...rest } = props;
+	const { color, title, url, ...rest } = props;
 	const isTablet = useUp("md");
 	const additionalClassName = isTablet ? "vui-headerApplicationNameTablet" : "vui-headerApplicationNameMobile";
 	const mobileProps = {
@@ -41,5 +45,5 @@ var headerApplicationName_default = HeaderApplicationName;
 
 //#endregion
 export { HeaderApplicationName, headerApplicationName_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.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,IAAK,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;AAEpC,oCAAe"}
+{"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;AAEpC,oCAAe"}

package/dist/header/headerContent.d.ts

@@ -1,5 +1,5 @@
-import { BoxProps } from "../box/box.types.js";
 import { VuiComponent } from "../core/vui.js";
+import { BoxProps } from "../box/box.types.js";
 import "../index.js";
 
 //#region src/header/headerContent.d.ts
@@ -7,4 +7,5 @@ import "../index.js";
 declare const HeaderContent: VuiComponent<"div", BoxProps>;
 //#endregion
 export { HeaderContent };
+
 //# sourceMappingURL=headerContent.d.ts.map

package/dist/header/headerContent.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { useHeaderContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/header/headerContent.tsx
 /** Controls max-width of the content and centers itself horizontally. */
 const HeaderContent = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Header", useHeaderContext());
 	return /* @__PURE__ */ jsx(box_default, {
 		centerV: true,
@@ -27,5 +30,5 @@ var headerContent_default = HeaderContent;
 
 //#endregion
 export { HeaderContent, headerContent_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=headerContent.js.map

package/dist/header/headerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerContent.js","names":["Box"],"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,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;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;AAE5B,4BAAe"}
+{"version":3,"file":"headerContent.js","names":["Box"],"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,oBAACA;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;AAE5B,4BAAe"}

package/dist/header/headerCreateAccount.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const HeaderCreateAccount: VuiComponent<"div", HeaderCreateAccountProps>;
 //#endregion
 export { HeaderCreateAccount };
+
 //# sourceMappingURL=headerCreateAccount.d.ts.map

package/dist/header/headerCreateAccount.js

@@ -1,16 +1,21 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
 import t_default from "../t/t.js";
+import "../t/index.js";
+import "../core/index.js";
 import link_default from "../link/link.js";
+import "../link/index.js";
 import { useHeaderContext } from "./context.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/header/headerCreateAccount.tsx
 /** Text inviting to create an account when logged out. */
 const HeaderCreateAccount = vui((props, ref) => {
-	const { children, className, url,...rest } = props;
+	const { children, className, url, ...rest } = props;
 	const { isMobile, links } = useHeaderContext() ?? {};
 	const styles = useStyleConfig("Header", useHeaderContext()).createAccount;
 	const screenProps = isMobile ? {
@@ -46,5 +51,5 @@ var headerCreateAccount_default = HeaderCreateAccount;
 
 //#endregion
 export { HeaderCreateAccount, headerCreateAccount_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=headerCreateAccount.js.map

package/dist/header/headerCreateAccount.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerCreateAccount.js","names":["Box","T","Link"],"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,IAAK,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,oBAACA;EACC,WAAW,GAAG,2BAA2B,UAAU;EACnD;EACA,YAAY;EACP;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,YACC,4CACE,oBAACC;GAAE,MAAK;GAAK,GAAI,OAAO;GAAM,OAAO,WAAW,kBAAmB,QAAQ,MAAM,SAAS;aAAkB;IAExG,EAEJ,oBAACC;GAAK,YAAW;GAAS,MAAM,OAAO,MAAM;GAAQ;GAAa,MAAK;GAAK,SAAS;aAAa;IAE3F,IACN;GAED;EAER;AAEF,oBAAoB,cAAc;AAElC,kCAAe"}
+{"version":3,"file":"headerCreateAccount.js","names":["Box","T","Link"],"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,oBAACA;EACC,WAAW,GAAG,2BAA2B,UAAU;EACnD;EACA,YAAY;EACP;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAEH,YACC,4CACE,oBAACC;GAAE,MAAK;GAAK,GAAI,OAAO;GAAM,OAAO,WAAW,kBAAmB,QAAQ,MAAM,SAAS;aAAkB;IAExG,EAEJ,oBAACC;GAAK,YAAW;GAAS,MAAM,OAAO,MAAM;GAAQ;GAAa,MAAK;GAAK,SAAS;aAAa;IAE3F,IACN;GAED;EAER;AAEF,oBAAoB,cAAc;AAElC,kCAAe"}

package/dist/header/headerDivider.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const HeaderDivider: VuiComponent<"hr", DividerProps>;
 //#endregion
 export { HeaderDivider };
+
 //# sourceMappingURL=headerDivider.d.ts.map