@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/header/context.js

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

package/dist/header/context.js.map

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

package/dist/header/header.d.ts

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

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

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

package/dist/header/header.js

@@ -1,8 +1,100 @@
-import{useClickOutside as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useLinks as n}from"../core/links.js";import{useStyleConfig as r}from"../core/theme.js";import{useUp as i}from"../core/media.js";import{styled as a}from"../core/styled.js";import{vui as o}from"../core/vui.js";import{HeaderProvider as s}from"./context.js";import c from"./headerAccountUserInfo.js";import l from"./headerAccount.js";import u from"./headerApplicationName.js";import d from"./headerContent.js";import f from"./headerCreateAccount.js";import p from"./headerDivider.js";import m from"./headerLinkItem.js";import h from"./headerLogo.js";import g from"./headerMainLinks.js";import _ from"./headerMobileContent.js";import v from"./headerMobileToggle.js";import y from"./headerNotifications.js";import b from"./headerServicesMessage.js";import x from"./headerServices.js";import S from"./headerSignIn.js";import C from"./headerSupport.js";import{useRef as w,useState as T}from"react";import{jsx as E}from"react/jsx-runtime";const D=a.headerBox`
+import { useClickOutside } from "../utils/react.js";
+import { cs } from "../utils/styles.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 { HeaderProvider } from "./context.js";
+import headerAccountUserInfo_default from "./headerAccountUserInfo.js";
+import headerAccount_default from "./headerAccount.js";
+import headerApplicationName_default from "./headerApplicationName.js";
+import headerContent_default from "./headerContent.js";
+import headerCreateAccount_default from "./headerCreateAccount.js";
+import headerDivider_default from "./headerDivider.js";
+import headerLinkItem_default from "./headerLinkItem.js";
+import headerLogo_default from "./headerLogo.js";
+import headerMainLinks_default from "./headerMainLinks.js";
+import headerMobileContent_default from "./headerMobileContent.js";
+import headerMobileToggle_default from "./headerMobileToggle.js";
+import headerNotifications_default from "./headerNotifications.js";
+import headerServicesMessage_default from "./headerServicesMessage.js";
+import headerServices_default from "./headerServices.js";
+import headerSignIn_default from "./headerSignIn.js";
+import headerSupport_default from "./headerSupport.js";
+import { useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/header/header.tsx
+const HeaderBase = styled.headerBox`
   align-items: center;
   background-color: white;
   border-bottom: 1px solid darkBlue.main;
   display: flex;
   position: relative;
-`,O=o((a,o)=>{let{className:c,isSticky:l,size:u,variant:d,...f}=a,[p,m]=T(!1),h=w(null),g=w(null),_=r(`Header`,a),[v]=n();e([h,g],()=>{m(!1)});let y=i(`lg`);return E(s,{value:{headerHeight:72,isDesktop:y,isMobile:!y,isMobileOpen:p,links:v,mobileContentRef:h,mobileToggleRef:g,setIsMobileOpen:m,size:u,variant:d},children:E(D,{className:t(`vui-header`,c),h:72,position:l?`sticky`:`static`,px:{xs:2,lg:5},ref:o,role:`banner`,top:l?0:`auto`,..._.container,...f})})});O.Account=l,O.AccountUserInfo=c,O.Support=C,O.ApplicationName=u,O.Content=d,O.CreateAccount=f,O.Divider=p,O.LinkItem=m,O.Logo=h,O.MainLinks=g,O.MobileContent=_,O.MobileToggle=v,O.Notifications=y,O.Services=x,O.ServicesMessage=b,O.SignIn=S,O.displayName=`Header`;var k=O;export{O as Header,D as HeaderBase,k as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** 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 [isMobileOpen, setIsMobileOpen] = useState(false);
+	const mobileContentRef = useRef(null);
+	const mobileToggleRef = useRef(null);
+	const styles = useStyleConfig("Header", props);
+	const headerHeight = 72;
+	const [links] = useLinks();
+	useClickOutside([mobileContentRef, mobileToggleRef], () => {
+		setIsMobileOpen(false);
+	});
+	const isDesktop = useUp("lg");
+	return /* @__PURE__ */ jsx(HeaderProvider, {
+		value: {
+			headerHeight,
+			isDesktop,
+			isMobile: !isDesktop,
+			isMobileOpen,
+			links,
+			mobileContentRef,
+			mobileToggleRef,
+			setIsMobileOpen,
+			size,
+			variant
+		},
+		children: /* @__PURE__ */ jsx(HeaderBase, {
+			className: cs("vui-header", className),
+			h: headerHeight,
+			position: isSticky ? "sticky" : "static",
+			px: {
+				xs: 2,
+				lg: 5
+			},
+			ref,
+			role: "banner",
+			top: isSticky ? 0 : "auto",
+			...styles.container,
+			...rest
+		})
+	});
+});
+Header.Account = headerAccount_default;
+Header.AccountUserInfo = headerAccountUserInfo_default;
+Header.Support = headerSupport_default;
+Header.ApplicationName = headerApplicationName_default;
+Header.Content = headerContent_default;
+Header.CreateAccount = headerCreateAccount_default;
+Header.Divider = headerDivider_default;
+Header.LinkItem = headerLinkItem_default;
+Header.Logo = headerLogo_default;
+Header.MainLinks = headerMainLinks_default;
+Header.MobileContent = headerMobileContent_default;
+Header.MobileToggle = headerMobileToggle_default;
+Header.Notifications = headerNotifications_default;
+Header.Services = headerServices_default;
+Header.ServicesMessage = headerServicesMessage_default;
+Header.SignIn = headerSignIn_default;
+Header.displayName = "Header";
+var header_default = Header;
+
+//#endregion
+export { Header, HeaderBase, header_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"qgCAwBA,MAAa,EAAa,EAAO,SAAS;;;;;;EAS7B,EAAS,GAA4B,EAAO,IAAQ,CAC/D,GAAM,CAAE,YAAW,WAAU,OAAM,UAAS,GAAG,GAAS,EAClD,CAAC,EAAc,GAAmB,EAAS,GAAM,CACjD,EAAmB,EAAO,KAAK,CAC/B,EAAkB,EAAO,KAAK,CAC9B,EAAS,EAAe,SAAU,EAAM,CAIxC,CAAC,GAAS,GAAU,CAE1B,EAAgB,CAAC,EAAkB,EAAgB,KAAQ,CACzD,EAAgB,GAAM,EACtB,CAEF,IAAM,EAAY,EAAM,KAAK,CAgB7B,OACE,EAAC,EAAA,CAAe,MAdF,CACd,gBACA,YACA,SALe,CAAC,EAMhB,eACA,QACA,mBACA,kBACA,kBACA,OACA,UACD,UAIG,EAAC,EAAA,CACC,UAAW,EAAG,aAAc,EAAU,CACtC,EAAG,GACH,SAAU,EAAW,SAAW,SAChC,GAAI,CAAE,GAAI,EAAG,GAAI,EAAG,CACf,MACL,KAAK,SACL,IAAK,EAAW,EAAI,OACpB,GAAI,EAAO,UACX,GAAI,GACJ,EACa,EAEnB,CAmBF,EAAO,QAAUA,EACjB,EAAO,gBAAkBC,EACzB,EAAO,QAAUC,EACjB,EAAO,gBAAkBC,EACzB,EAAO,QAAUC,EACjB,EAAO,cAAgBC,EACvB,EAAO,QAAUC,EACjB,EAAO,SAAWC,EAClB,EAAO,KAAOC,EACd,EAAO,UAAYC,EACnB,EAAO,cAAgBC,EACvB,EAAO,aAAeC,EACtB,EAAO,cAAgBC,EACvB,EAAO,SAAWC,EAClB,EAAO,gBAAkBC,EACzB,EAAO,OAASC,EAChB,EAAO,YAAc,SACrB,IAAA,EAAe"}
+{"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"}

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

@@ -1,12 +1,19 @@
 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 { 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 { 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";
 

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":"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"}

package/dist/header/headerAccount.d.ts

@@ -1,10 +1,10 @@
 import { HeaderAccountProps } from "./headerAccount.types.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime2.JSX.Element;
+declare function HeaderAccount(props: HeaderAccountProps): react_jsx_runtime3.JSX.Element;
 declare namespace HeaderAccount {
   var displayName: string;
 }

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,CAAa;EAAA,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,OAAA,CAAA,SAAA,CAAA,aAAA,CAAqB;EAArB,GAAA,CAAA,WAAA,CAAA,CAAa,MAAA"}

package/dist/header/headerAccount.js

@@ -1,2 +1,66 @@
-import{isJsx as e,isObject as t}from"../utils/assertion.js";import{useStyleConfig as n}from"../core/theme.js";import r from"../list/list.js";import i from"../avatar/avatar.js";import a from"../popover/popover.js";import{useHeaderContext as o}from"./context.js";import s from"./headerAccountUserInfo.js";import{Fragment as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";function d(d){let{contentProps:f,options:p={},sections:m,triggerProps:h,userInfo:g,..._}=d,{isMobile:v}=o(),y=n(`Header`,o()).account,b=t(g)?g.displayName:``,x=y?.trigger?.variant??`solidDarkBlue`;return u(a,{isLazy:!1,offset:[v?64:39,16],placement:`bottom-end`,..._,children:[l(a.Trigger,{as:i,className:`vui-headerAccountTrigger`,isInteractive:!0,ml:1,name:b,role:`button`,size:`lg`,title:`Account`,variant:x,...y.trigger,...h}),u(a.Content,{borderRadius:0,className:`vui-headerAccountContent`,column:!0,...y.content,w:v?280:320,...f,children:[e(g)?g:g&&l(s,{...g}),e(m)?m:m&&l(r,{className:`vui-headerAccountList`,mb:2,children:m.map(({heading:e,links:t},n)=>u(c,{children:[l(r.Divider,{}),e&&l(r.Heading,{text:e}),t?.map(({icon:e,url:t,...n},i)=>l(r.Item,{iconLeft:e,linkProps:{href:t},...n},i))]},n))})]})]})}d.displayName=`HeaderAccount`;var f=d;export{d as HeaderAccount,f as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { isJsx, isObject } from "../utils/assertion.js";
+import { useStyleConfig } from "../core/theme.js";
+import list_default from "../list/list.js";
+import avatar_default from "../avatar/avatar.js";
+import Popover from "../popover/popover.js";
+import { useHeaderContext } from "./context.js";
+import headerAccountUserInfo_default from "./headerAccountUserInfo.js";
+import { Fragment } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/header/headerAccount.tsx
+/** 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 { isMobile } = useHeaderContext();
+	const styles = useStyleConfig("Header", useHeaderContext()).account;
+	const name = isObject(userInfo) ? userInfo.displayName : "";
+	const variant = styles?.trigger?.variant ?? "solidDarkBlue";
+	return /* @__PURE__ */ jsxs(Popover, {
+		isLazy: false,
+		offset: [isMobile ? 64 : 39, 16],
+		placement: "bottom-end",
+		...rest,
+		children: [/* @__PURE__ */ jsx(Popover.Trigger, {
+			as: avatar_default,
+			className: "vui-headerAccountTrigger",
+			isInteractive: true,
+			ml: 1,
+			name,
+			role: "button",
+			size: "lg",
+			title: "Account",
+			variant,
+			...styles.trigger,
+			...triggerProps
+		}), /* @__PURE__ */ jsxs(Popover.Content, {
+			borderRadius: 0,
+			className: "vui-headerAccountContent",
+			column: true,
+			...styles.content,
+			w: isMobile ? 280 : 320,
+			...contentProps,
+			children: [isJsx(userInfo) ? userInfo : userInfo && /* @__PURE__ */ jsx(headerAccountUserInfo_default, { ...userInfo }), isJsx(sections) ? sections : sections && /* @__PURE__ */ jsx(list_default, {
+				className: "vui-headerAccountList",
+				mb: 2,
+				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, {
+						iconLeft: icon,
+						linkProps: { href: url },
+						...rest$1
+					}, index$1))
+				] }, index))
+			})]
+		})]
+	});
+}
+HeaderAccount.displayName = "HeaderAccount";
+var headerAccount_default = HeaderAccount;
+
+//#endregion
+export { HeaderAccount, headerAccount_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"kYAcA,SAAgB,EAAc,EAA2B,CACvD,GAAM,CAAE,eAAc,UAAU,EAAE,CAAE,WAAU,eAAc,WAAU,GAAG,GAAS,EAC5E,CAAE,YAAa,GAAkB,CACjC,EAAS,EAAe,SAAU,GAAkB,CAAC,CAAC,QACtD,EAAO,EAAoC,EAAS,CAAG,EAAS,YAAc,GAC9E,EAAU,GAAQ,SAAS,SAAW,gBAG5C,OACE,EAAC,EAAA,CAAQ,OAAQ,GAAO,OAAQ,CAHlB,EAAW,GAAK,GAGY,GAAG,CAAE,UAAU,aAAa,GAAI,YACxE,EAAC,EAAQ,QAAA,CACP,GAAIA,EACJ,UAAU,2BACV,cAAA,GACA,GAAI,EACE,OACN,KAAK,SACL,KAAK,KACL,MAAM,UACG,UACT,GAAI,EAAO,QACX,GAAI,GACJ,CAEF,EAAC,EAAQ,QAAA,CACP,aAAc,EACd,UAAU,2BACV,OAAA,GACA,GAAI,EAAO,QACX,EAAG,EAAW,IAAM,IACpB,GAAI,YAEH,EAAM,EAAS,CAAG,EAAW,GAAY,EAACC,EAAAA,CAAsB,GAAI,EAAA,CAAY,CAEhF,EAAM,EAAS,CACZ,EACA,GACE,EAACC,EAAAA,CAAK,UAAU,wBAAwB,GAAI,WACzC,EAAS,KAAK,CAAE,UAAS,SAAS,IACjC,EAAC,EAAA,CAAA,SAAA,CACC,EAACA,EAAK,QAAA,EAAA,CAAU,CAEf,GAAW,EAACA,EAAK,QAAA,CAAQ,KAAM,EAAA,CAAW,CAE1C,GAAO,KAAK,CAAE,OAAM,MAAK,GAAGC,GAAQ,IACnC,EAACD,EAAK,KAAA,CAAK,SAAU,EAAkB,UAAW,CAAE,KAAM,EAAK,CAAE,GAAIC,GAArCC,EAA6C,CAC7E,GAPW,EAQJ,CACX,EACG,CAAA,EAEG,CAAA,EACV,CAId,EAAc,YAAc,gBAE5B,IAAA,EAAe"}
+{"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"}

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

@@ -1,7 +1,11 @@
 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 { PopoverContentProps, PopoverProps, PopoverTriggerProps } from "../popover/popover.types.js";
+import "../popover/index.js";
 import { HeaderLinkData } from "./header.types.js";
 
 //#region src/header/headerAccount.types.d.ts

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;EAAA,QAAA,CAAA,CAAA,CACC,wBADgB,CAAA,CAAA;EAAA,QAAA,CAAA,CAAA,CAEhB,yBAFgB;;AAEhB,IAAA,CAGD,kBAAA,CAAA,CAAA,CAAqB,YAHpB,CAAA,CAAA,CAAA;EAAyB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAG1B,QAAA,CAAA,CAAA,CAAA,KAAA;EAAkB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,cAAA,CAAA,SAAA,CAAA,CAAA,CAAA;cAAG,CAAA,CAAA,CAIhB,mBAJgB;;UAMpB,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAgC,GAAA,CAAI,OAApC;;cAEmB,CAAA,CAAA,CAAf,cAAe,CAAA,mBAAA,CAAA,CAAqB,WAArB,CAAA;;UAAf,CAAA,CAAA,CAEJ,iBAFI,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAE4B,GAAA,CAAI,OAFhC;;;AAEuC,IAAA,CAI5C,wBAAA,CAAA,CAAA,CAJ4C;EAI5C,OAAA,CAAA,CAAA,CAAA,MAAA;EAKA,KAAA,CAAA,CAAA,CAHF,cAGE,CAAA,CAAA;AASZ,CAAA;AAAsC,IAAA,CAT1B,yBAAA,CAAA,CAAA,CAS0B;;aAAc,CAAA,CAAA,CAAA,MAAA;EAAyB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;KAAjE,0BAAA,CAAA,CAAA,CAA6B,WAAW"}
+{"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"}

package/dist/header/headerAccountUserInfo.d.ts

@@ -1,5 +1,6 @@
 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. */

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

@@ -1 +1 @@
-{"version":3,"file":"headerAccountUserInfo.d.ts","names":[],"sources":["../../src/header/headerAccountUserInfo.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,uBAAqB,oBAAA"}
+{"version":3,"file":"headerAccountUserInfo.d.ts","names":[],"sources":["../../src/header/headerAccountUserInfo.tsx"],"sourcesContent":[],"mappings":";;;;;;cASa,uBAAqB,oBAAA"}

package/dist/header/headerAccountUserInfo.js

@@ -1,2 +1,72 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import i from"../t/t.js";import a from"../avatar/avatar.js";import{useHeaderContext as o}from"./context.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=n((n,u)=>{let{children:d,className:f,color:p,companyName:m,displayName:h,isApplication:g,role:_,...v}=n,y=t(`Header`,o()),b=p||y.accountUserInfo.color||`darkBlue.main`;return c(r,{className:e(`vui-headerAccountUserInfo`,f),p:2,pb:1,ref:u,spaceX:2,...y.accountUserInfo,...v,lineHeight:g?`18px`:`inherit`,pr:g?0:`inherit`,textAlign:g?`right`:`inherit`,children:d??l(s,{children:[!g&&c(a,{className:`vui-headerAccountUserInfoAvatar`,name:h,size:`xl`,variant:`solidDarkBlue`}),l(r,{column:!0,rowGap:_?0:.5,children:[h&&c(i,{color:b,fontSize:g?`12px`:`inherit`,isTruncated:!0,pr:1,title:h,weight:`demi`,children:h}),m&&c(i,{color:b,fontSize:g?`12px`:`inherit`,isTruncated:!0,pr:1,title:m,children:m}),_&&c(i,{color:b,fontSize:g?`12px`:`inherit`,isTruncated:!0,opacity:.65,pr:1,title:_,children:_})]})]})})});u.displayName=`HeaderAccountUserInfo`;var d=u;export{u as HeaderAccountUserInfo,d as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import t_default from "../t/t.js";
+import avatar_default from "../avatar/avatar.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 styles = useStyleConfig("Header", useHeaderContext());
+	const localColor = color || styles.accountUserInfo.color || "darkBlue.main";
+	return /* @__PURE__ */ jsx(box_default, {
+		className: cs("vui-headerAccountUserInfo", className),
+		p: 2,
+		pb: 1,
+		ref,
+		spaceX: 2,
+		...styles.accountUserInfo,
+		...rest,
+		lineHeight: isApplication ? "18px" : "inherit",
+		pr: isApplication ? 0 : "inherit",
+		textAlign: isApplication ? "right" : "inherit",
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [!isApplication && /* @__PURE__ */ jsx(avatar_default, {
+			className: "vui-headerAccountUserInfoAvatar",
+			name: displayName,
+			size: "xl",
+			variant: "solidDarkBlue"
+		}), /* @__PURE__ */ jsxs(box_default, {
+			column: true,
+			rowGap: role ? 0 : .5,
+			children: [
+				displayName && /* @__PURE__ */ jsx(t_default, {
+					color: localColor,
+					fontSize: isApplication ? "12px" : "inherit",
+					isTruncated: true,
+					pr: 1,
+					title: displayName,
+					weight: "demi",
+					children: displayName
+				}),
+				companyName && /* @__PURE__ */ jsx(t_default, {
+					color: localColor,
+					fontSize: isApplication ? "12px" : "inherit",
+					isTruncated: true,
+					pr: 1,
+					title: companyName,
+					children: companyName
+				}),
+				role && /* @__PURE__ */ jsx(t_default, {
+					color: localColor,
+					fontSize: isApplication ? "12px" : "inherit",
+					isTruncated: true,
+					opacity: .65,
+					pr: 1,
+					title: role,
+					children: role
+				})
+			]
+		})] })
+	});
+});
+HeaderAccountUserInfo.displayName = "HeaderAccountUserInfo";
+var headerAccountUserInfo_default = HeaderAccountUserInfo;
+
+//#endregion
+export { HeaderAccountUserInfo, headerAccountUserInfo_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"wUASA,MAAa,EAAwB,GAAwC,EAAO,IAAQ,CAC1F,GAAM,CAAE,WAAU,YAAW,QAAO,cAAa,cAAa,gBAAe,OAAM,GAAG,GAAS,EACzF,EAAS,EAAe,SAAU,GAAkB,CAAC,CACrD,EAAa,GAAS,EAAO,gBAAgB,OAAS,gBAE5D,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,4BAA6B,EAAU,CACrD,EAAG,EACH,GAAI,EACC,MACL,OAAQ,EACR,GAAI,EAAO,gBACX,GAAI,EACJ,WAAY,EAAgB,OAAS,UACrC,GAAI,EAAgB,EAAI,UACxB,UAAW,EAAgB,QAAU,mBAEpC,GACC,EAAA,EAAA,CAAA,SAAA,CACG,CAAC,GACA,EAACC,EAAAA,CAAO,UAAU,kCAAkC,KAAM,EAAa,KAAK,KAAK,QAAQ,iBAAkB,CAE7G,EAACD,EAAAA,CAAI,OAAA,GAAO,OAAQ,EAAO,EAAI,aAC5B,GACC,EAACE,EAAAA,CACC,MAAO,EACP,SAAU,EAAgB,OAAS,UACnC,YAAA,GACA,GAAI,EACJ,MAAO,EACP,OAAO,gBAEN,GACC,CAEL,GACC,EAACA,EAAAA,CACC,MAAO,EACP,SAAU,EAAgB,OAAS,UACnC,YAAA,GACA,GAAI,EACJ,MAAO,WAEN,GACC,CAEL,GACC,EAACA,EAAAA,CACC,MAAO,EACP,SAAU,EAAgB,OAAS,UACnC,YAAA,GACA,QAAS,IACT,GAAI,EACJ,MAAO,WAEN,GACC,GAEF,CAAA,CAAA,CACL,EAED,EAER,CAEF,EAAsB,YAAc,wBAEpC,IAAA,EAAe"}
+{"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"}

package/dist/header/headerApplicationName.d.ts

@@ -16,6 +16,7 @@ import { RotateProps, ScaleProps, ScaleXProps, ScaleYProps, SkewXProps, SkewYPro
 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. */

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":"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"}

package/dist/header/headerApplicationName.js

@@ -1,2 +1,45 @@
-import{cs as e}from"../utils/styles.js";import{useUp as t}from"../core/media.js";import{vui as n}from"../core/vui.js";import{Box as r}from"../box/box.js";import{Heading as i}from"../heading/heading.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{color:s,title:c,url:l,...u}=n,d=t(`md`),f=d?`vui-headerApplicationNameTablet`:`vui-headerApplicationNameMobile`,p={fontSize:18,lineHeight:`21px`,mt:d?0:`inherit`,maxW:d?`inherit`:`156px`},m=l?{as:`a`,href:l,outline:`none`,focusRing:2}:{},h=s||`darkBlue.main`;return a(r,{...m,children:a(i,{className:e(`vui-headerApplicationName`,f),size:`title`,...u,...p,color:h,children:c})})});o.displayName=`HeaderApplicationName`;var s=o;export{o as HeaderApplicationName,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useUp } from "../core/media.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { Heading } from "../heading/heading.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 isTablet = useUp("md");
+	const additionalClassName = isTablet ? "vui-headerApplicationNameTablet" : "vui-headerApplicationNameMobile";
+	const mobileProps = {
+		fontSize: 18,
+		lineHeight: "21px",
+		mt: isTablet ? 0 : "inherit",
+		maxW: isTablet ? "inherit" : "156px"
+	};
+	const linkProps = url ? {
+		as: "a",
+		href: url,
+		outline: "none",
+		focusRing: 2
+	} : {};
+	const localColor = color || "darkBlue.main";
+	return /* @__PURE__ */ jsx(Box, {
+		...linkProps,
+		children: /* @__PURE__ */ jsx(Heading, {
+			className: cs("vui-headerApplicationName", additionalClassName),
+			size: "title",
+			...rest,
+			...mobileProps,
+			color: localColor,
+			children: title
+		})
+	});
+});
+HeaderApplicationName.displayName = "HeaderApplicationName";
+var headerApplicationName_default = HeaderApplicationName;
+
+//#endregion
+export { HeaderApplicationName, headerApplicationName_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"kPAOA,MAAa,EAAwB,GAA6C,EAAO,IAAQ,CAC/F,GAAM,CAAE,QAAO,QAAO,MAAK,GAAG,GAAS,EAEjC,EAAW,EAAM,KAAK,CAEtB,EAAsB,EAAW,kCAAoC,kCAErE,EAAc,CAClB,SAAU,GACV,WAAY,OACZ,GAAI,EAAW,EAAI,UACnB,KAAM,EAAW,UAAY,QAC9B,CAEK,EAAY,EAAM,CAAE,GAAI,IAAK,KAAM,EAAK,QAAS,OAAQ,UAAW,EAAG,CAAG,EAAE,CAE5E,EAAa,GAAS,gBAE5B,OACE,EAAC,EAAA,CAAI,GAAI,WACP,EAAC,EAAA,CACC,UAAW,EAAG,4BAA6B,EAAoB,CAC/D,KAAK,QACL,GAAI,EACJ,GAAK,EACL,MAAO,WAEN,GACO,EACN,EAER,CAEF,EAAsB,YAAc,wBAEpC,IAAA,EAAe"}
+{"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"}

package/dist/header/headerContent.d.ts

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

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

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