@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/header/loggedInHeader.js

@@ -1,2 +1,135 @@
-import{isJsx as e}from"../utils/assertion.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{RenderOnScreen as r,useDown as i}from"../core/media.js";import{vui as a}from"../core/vui.js";import o from"../box/box.js";import s from"../button/button.js";import c from"../list/list.js";import{useHeaderContext as l}from"./context.js";import u from"./headerAccountUserInfo.js";import d from"./headerServicesMessage.js";import f from"./header.js";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";const g=a((a,g)=>{let{account:_,altUserInfo:v,supportLinks:y,applicationName:b,applicationUrl:x,children:S,className:C,isApplication:w=!1,isCleanLayout:T=!1,logo:E,mainLinks:D,services:O,showAltUserInfo:k=!1,showMainLinks:A=!w,showServices:j=!0,notifications:M,url:N,...P}=a;w&&!b&&console.error(`Header: isApplication is true but applicationName is not set.`);let F=v||(e(_)?{}:_?.userInfo||{}),I=i(`md`),L=i(`sm`),R=e(O)?[]:O?.links||[],z=n(`Header`,l()),B=P?.variant===`dark`?`white`:`darkBlue.main`;return m(f,{className:t(`vui-loggedInHeader`,w?`vui-loggedInAppHeader`:void 0,C),mb:w&&I?`41px`:`inherited`,ref:g,...P,children:h(f.Content,{children:[(!w||!L)&&h(p,{children:[` `,e(E)?E:m(f.Logo,{...E})]}),w&&h(p,{children:[m(r,{minWidth:`sm`,children:m(f.Divider,{mr:2})}),m(f.ApplicationName,{color:B,title:b,url:x})]}),!w&&m(r,{minWidth:`lg`,children:S}),m(o,{ml:`auto`}),T?m(p,{children:!!N&&m(o,{children:m(s,{as:`a`,className:t(`vui-headerSignOut`),href:N,size:`lg`,variant:`secondaryDark`,children:`Sign out`})})}):h(p,{children:[w&&h(p,{children:[h(r,{minWidth:`lg`,children:[A&&D!==void 0&&h(p,{children:[e(D)?D:m(f.MainLinks,{links:D}),m(f.Divider,{mx:1})]}),!A&&D&&h(p,{children:[m(f.MobileToggle,{ml:0}),m(f.MobileContent,{children:h(p,{children:[e(D)?D:m(o,{column:!0,w:1,children:m(c,{py:1,children:D?.map(({icon:e,url:t,...n},r)=>m(c.Item,{iconLeft:e,linkProps:{href:t},...n},r))})}),!j&&R&&m(o,{column:!0,w:1,children:m(c,{className:`vui-headerHiddenServicesLargeScreen`,heading:`My Services`,maxH:295,right:0,w:320,...z.services.list,borderTop:1,borderTopColor:`sandstone.main`,pt:1,children:R.length>0?R?.map(({url:e,...t},n)=>m(c.Item,{linkProps:{href:e},...t},n)):m(d,{})})})]})})]}),j&&O&&m(p,{children:e(O)?O:m(f.Services,{isApplication:w,...O})})]}),m(f.Support,{...y})]}),!w&&h(r,{minWidth:`lg`,children:[e(D)?D:m(f.MainLinks,{links:D}),D!==void 0&&m(f.Divider,{mx:1}),e(O)?O:m(f.Services,{...O})]}),e(M)?M:m(f.Notifications,{...M}),k&&h(p,{children:[m(f.Divider,{ml:2}),m(u,{className:`vui-altUserInfo`,color:B,isApplication:!0,...F})]}),e(_)?_:m(f.Account,{..._}),h(r,{maxWidth:`lg`,children:[w&&m(f.Divider,{ml:1}),!w&&(_!==void 0||M!==void 0)&&m(f.Divider,{ml:1}),m(f.MobileToggle,{}),h(f.MobileContent,{children:[!w&&S,e(D)?D:m(f.MainLinks,{links:D}),e(O)?O:m(f.Services,{...O,showTopBorder:!!D})]})]})]})]})})});g.displayName=`LoggedInHeader`;export{g as LoggedInHeader};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { isJsx } from "../utils/assertion.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { RenderOnScreen, useDown } from "../core/media.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import button_default from "../button/button.js";
+import list_default from "../list/list.js";
+import { useHeaderContext } from "./context.js";
+import headerAccountUserInfo_default from "./headerAccountUserInfo.js";
+import headerServicesMessage_default from "./headerServicesMessage.js";
+import header_default from "./header.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/header/loggedInHeader.tsx
+/** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */
+const LoggedInHeader = vui((props, ref) => {
+	const { account, altUserInfo, supportLinks, applicationName, applicationUrl, children, className, isApplication = false, isCleanLayout = false, logo, mainLinks, services, showAltUserInfo = false, showMainLinks = isApplication ? false : true, showServices = true, notifications, url,...rest } = props;
+	if (isApplication && !applicationName) console.error("Header: isApplication is true but applicationName is not set.");
+	const userInfo = altUserInfo ? altUserInfo : isJsx(account) ? {} : account?.userInfo || {};
+	const isSmallScreen = useDown("md");
+	const isLessThanMD = useDown("sm");
+	const servicesLinks = isJsx(services) ? [] : services?.links || [];
+	const styles = useStyleConfig("Header", useHeaderContext());
+	const localTextColor = rest?.variant === "dark" ? "white" : "darkBlue.main";
+	return /* @__PURE__ */ jsx(header_default, {
+		className: cs("vui-loggedInHeader", isApplication ? "vui-loggedInAppHeader" : void 0, className),
+		mb: isApplication && isSmallScreen ? "41px" : "inherited",
+		ref,
+		...rest,
+		children: /* @__PURE__ */ jsxs(header_default.Content, { children: [
+			(!isApplication || !isLessThanMD) && /* @__PURE__ */ jsxs(Fragment, { children: [" ", isJsx(logo) ? logo : /* @__PURE__ */ jsx(header_default.Logo, { ...logo })] }),
+			isApplication && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RenderOnScreen, {
+				minWidth: "sm",
+				children: /* @__PURE__ */ jsx(header_default.Divider, { mr: 2 })
+			}), /* @__PURE__ */ jsx(header_default.ApplicationName, {
+				color: localTextColor,
+				title: applicationName,
+				url: applicationUrl
+			})] }),
+			!isApplication && /* @__PURE__ */ jsx(RenderOnScreen, {
+				minWidth: "lg",
+				children
+			}),
+			/* @__PURE__ */ jsx(box_default, { ml: "auto" }),
+			isCleanLayout ? /* @__PURE__ */ jsx(Fragment, { children: !!url && /* @__PURE__ */ jsx(box_default, { children: /* @__PURE__ */ jsx(button_default, {
+				as: "a",
+				className: cs("vui-headerSignOut"),
+				href: url,
+				size: "lg",
+				variant: "secondaryDark",
+				children: "Sign out"
+			}) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				isApplication && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(RenderOnScreen, {
+					minWidth: "lg",
+					children: [
+						showMainLinks && mainLinks !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [isJsx(mainLinks) ? mainLinks : /* @__PURE__ */ jsx(header_default.MainLinks, { links: mainLinks }), /* @__PURE__ */ jsx(header_default.Divider, { mx: 1 })] }),
+						!showMainLinks && mainLinks && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(header_default.MobileToggle, { ml: 0 }), /* @__PURE__ */ jsx(header_default.MobileContent, { children: /* @__PURE__ */ jsxs(Fragment, { children: [isJsx(mainLinks) ? mainLinks : /* @__PURE__ */ jsx(box_default, {
+							column: true,
+							w: 1,
+							children: /* @__PURE__ */ jsx(list_default, {
+								py: 1,
+								children: mainLinks?.map(({ icon, url: url$1,...rest$1 }, index) => /* @__PURE__ */ jsx(list_default.Item, {
+									iconLeft: icon,
+									linkProps: { href: url$1 },
+									...rest$1
+								}, index))
+							})
+						}), !showServices && servicesLinks && /* @__PURE__ */ jsx(box_default, {
+							column: true,
+							w: 1,
+							children: /* @__PURE__ */ jsx(list_default, {
+								className: "vui-headerHiddenServicesLargeScreen",
+								heading: "My Services",
+								maxH: 295,
+								right: 0,
+								w: 320,
+								...styles.services.list,
+								borderTop: 1,
+								borderTopColor: "sandstone.main",
+								pt: 1,
+								children: servicesLinks.length > 0 ? servicesLinks?.map(({ url: url$1,...rest$1 }, index) => /* @__PURE__ */ jsx(list_default.Item, {
+									linkProps: { href: url$1 },
+									...rest$1
+								}, index)) : /* @__PURE__ */ jsx(headerServicesMessage_default, {})
+							})
+						})] }) })] }),
+						showServices && services && /* @__PURE__ */ jsx(Fragment, { children: isJsx(services) ? services : /* @__PURE__ */ jsx(header_default.Services, {
+							isApplication,
+							...services
+						}) })
+					]
+				}), /* @__PURE__ */ jsx(header_default.Support, { ...supportLinks })] }),
+				!isApplication && /* @__PURE__ */ jsxs(RenderOnScreen, {
+					minWidth: "lg",
+					children: [
+						isJsx(mainLinks) ? mainLinks : /* @__PURE__ */ jsx(header_default.MainLinks, { links: mainLinks }),
+						mainLinks !== void 0 && /* @__PURE__ */ jsx(header_default.Divider, { mx: 1 }),
+						isJsx(services) ? services : /* @__PURE__ */ jsx(header_default.Services, { ...services })
+					]
+				}),
+				isJsx(notifications) ? notifications : /* @__PURE__ */ jsx(header_default.Notifications, { ...notifications }),
+				showAltUserInfo && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(header_default.Divider, { ml: 2 }), /* @__PURE__ */ jsx(headerAccountUserInfo_default, {
+					className: "vui-altUserInfo",
+					color: localTextColor,
+					isApplication: true,
+					...userInfo
+				})] }),
+				isJsx(account) ? account : /* @__PURE__ */ jsx(header_default.Account, { ...account }),
+				/* @__PURE__ */ jsxs(RenderOnScreen, {
+					maxWidth: "lg",
+					children: [
+						isApplication && /* @__PURE__ */ jsx(header_default.Divider, { ml: 1 }),
+						!isApplication && (account !== void 0 || notifications !== void 0) && /* @__PURE__ */ jsx(header_default.Divider, { ml: 1 }),
+						/* @__PURE__ */ jsx(header_default.MobileToggle, {}),
+						/* @__PURE__ */ jsxs(header_default.MobileContent, { children: [
+							!isApplication && children,
+							isJsx(mainLinks) ? mainLinks : /* @__PURE__ */ jsx(header_default.MainLinks, { links: mainLinks }),
+							isJsx(services) ? services : /* @__PURE__ */ jsx(header_default.Services, {
+								...services,
+								showTopBorder: mainLinks ? true : false
+							})
+						] })
+					]
+				})
+			] })
+		] })
+	});
+});
+LoggedInHeader.displayName = "LoggedInHeader";
+
+//#endregion
+export { LoggedInHeader };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=loggedInHeader.js.map

package/dist/header/loggedInHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loggedInHeader.js","names":["servicesLinks: HeaderLinkData[]","Header","Box","Button","List","rest","url","HeaderServicesMessage","HeaderAccountUserInfo"],"sources":["../../src/header/loggedInHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport Button from '../button'\nimport { RenderOnScreen, useDown, useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs, isJsx } from '../utils'\nimport { useHeaderContext } from './context'\nimport Header from './header'\nimport type { HeaderLinkData, LoggedInHeaderProps } from './header.types'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */\nexport const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {\n  const {\n    account,\n    altUserInfo,\n    supportLinks,\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    isCleanLayout = false,\n    logo,\n    mainLinks,\n    services,\n    showAltUserInfo = false,\n    showMainLinks = isApplication ? false : true,\n    showServices = true,\n    notifications,\n    url,\n    ...rest\n  } = props\n\n  if (isApplication && !applicationName) console.error('Header: isApplication is true but applicationName is not set.')\n\n  const userInfo = altUserInfo ? altUserInfo : isJsx(account) ? {} : account?.userInfo || {}\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const servicesLinks: HeaderLinkData[] = isJsx(services) ? [] : services?.links || []\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n        {!isApplication && <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>}\n        <Box ml=\"auto\" />\n        {isCleanLayout ? (\n          <>\n            {!!url && (\n              <Box>\n                <Button as=\"a\" className={cs('vui-headerSignOut')} href={url} size=\"lg\" variant=\"secondaryDark\">\n                  Sign out\n                </Button>\n              </Box>\n            )}\n          </>\n        ) : (\n          <>\n            {isApplication && (\n              <>\n                <RenderOnScreen minWidth=\"lg\">\n                  {showMainLinks && mainLinks !== undefined && (\n                    <>\n                      {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                      <Header.Divider mx={1} />\n                    </>\n                  )}\n\n                  {/* the main-links are folded into the hamburger menu by default */}\n                  {!showMainLinks && mainLinks && (\n                    <>\n                      <Header.MobileToggle ml={0} />\n                      <Header.MobileContent>\n                        <>\n                          {isJsx(mainLinks) ? (\n                            mainLinks\n                          ) : (\n                            <Box column w={1}>\n                              <List py={1}>\n                                {mainLinks?.map(({ icon, url, ...rest }, index) => (\n                                  <List.Item iconLeft={icon} key={index} linkProps={{ href: url }} {...rest} />\n                                ))}\n                              </List>\n                            </Box>\n                          )}\n\n                          {!showServices && servicesLinks && (\n                            <Box column w={1}>\n                              <List\n                                className=\"vui-headerHiddenServicesLargeScreen\"\n                                heading=\"My Services\"\n                                maxH={295}\n                                right={0}\n                                w={320}\n                                {...styles.services.list}\n                                borderTop={1}\n                                borderTopColor=\"sandstone.main\"\n                                pt={1}\n                              >\n                                {servicesLinks.length > 0 ? (\n                                  servicesLinks?.map(({ url, ...rest }, index: number) => (\n                                    <List.Item key={index} linkProps={{ href: url }} {...rest} />\n                                  ))\n                                ) : (\n                                  <HeaderServicesMessage />\n                                )}\n                              </List>\n                            </Box>\n                          )}\n                        </>\n                      </Header.MobileContent>\n                    </>\n                  )}\n                  {showServices && services && (\n                    <>{isJsx(services) ? services : <Header.Services isApplication={isApplication} {...services} />}</>\n                  )}\n                </RenderOnScreen>\n\n                <Header.Support {...supportLinks} />\n              </>\n            )}\n            {!isApplication && (\n              <RenderOnScreen minWidth=\"lg\">\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n                {mainLinks !== undefined && <Header.Divider mx={1} />}\n\n                {isJsx(services) ? services : <Header.Services {...services} />}\n              </RenderOnScreen>\n            )}\n            {isJsx(notifications) ? notifications : <Header.Notifications {...notifications} />}\n            {showAltUserInfo && (\n              <>\n                <Header.Divider ml={2} />\n                <HeaderAccountUserInfo className=\"vui-altUserInfo\" color={localTextColor} isApplication {...userInfo} />\n              </>\n            )}\n            {isJsx(account) ? account : <Header.Account {...account} />}\n            <RenderOnScreen maxWidth=\"lg\">\n              {isApplication && <Header.Divider ml={1} />}\n              {!isApplication && (account !== undefined || notifications !== undefined) && <Header.Divider ml={1} />}\n\n              <Header.MobileToggle />\n\n              <Header.MobileContent>\n                {!isApplication && children}\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                {isJsx(services) ? (\n                  services\n                ) : (\n                  <Header.Services {...services} showTopBorder={mainLinks ? true : false} />\n                )}\n              </Header.MobileContent>\n            </RenderOnScreen>\n          </>\n        )}\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedInHeader.displayName = 'LoggedInHeader'\n\nexport default LoggedInHeader\n"],"mappings":"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"}
+{"version":3,"file":"loggedInHeader.js","names":["servicesLinks: HeaderLinkData[]","Header","Box","Button","List","rest","url","HeaderServicesMessage","HeaderAccountUserInfo"],"sources":["../../src/header/loggedInHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport Button from '../button'\nimport { RenderOnScreen, useDown, useStyleConfig, vui } from '../core'\nimport List from '../list'\nimport { cs, isJsx } from '../utils'\nimport { useHeaderContext } from './context'\nimport Header from './header'\nimport type { HeaderLinkData, LoggedInHeaderProps } from './header.types'\nimport HeaderAccountUserInfo from './headerAccountUserInfo'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */\nexport const LoggedInHeader = vui<'div', LoggedInHeaderProps>((props, ref) => {\n  const {\n    account,\n    altUserInfo,\n    supportLinks,\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    isCleanLayout = false,\n    logo,\n    mainLinks,\n    services,\n    showAltUserInfo = false,\n    showMainLinks = isApplication ? false : true,\n    showServices = true,\n    notifications,\n    url,\n    ...rest\n  } = props\n\n  if (isApplication && !applicationName) console.error('Header: isApplication is true but applicationName is not set.')\n\n  const userInfo = altUserInfo ? altUserInfo : isJsx(account) ? {} : account?.userInfo || {}\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const servicesLinks: HeaderLinkData[] = isJsx(services) ? [] : services?.links || []\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedInHeader', isApplication ? 'vui-loggedInAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n        {!isApplication && <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>}\n        <Box ml=\"auto\" />\n        {isCleanLayout ? (\n          <>\n            {!!url && (\n              <Box>\n                <Button as=\"a\" className={cs('vui-headerSignOut')} href={url} size=\"lg\" variant=\"secondaryDark\">\n                  Sign out\n                </Button>\n              </Box>\n            )}\n          </>\n        ) : (\n          <>\n            {isApplication && (\n              <>\n                <RenderOnScreen minWidth=\"lg\">\n                  {showMainLinks && mainLinks !== undefined && (\n                    <>\n                      {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                      <Header.Divider mx={1} />\n                    </>\n                  )}\n\n                  {/* the main-links are folded into the hamburger menu by default */}\n                  {!showMainLinks && mainLinks && (\n                    <>\n                      <Header.MobileToggle ml={0} />\n                      <Header.MobileContent>\n                        <>\n                          {isJsx(mainLinks) ? (\n                            mainLinks\n                          ) : (\n                            <Box column w={1}>\n                              <List py={1}>\n                                {mainLinks?.map(({ icon, url, ...rest }, index) => (\n                                  <List.Item iconLeft={icon} key={index} linkProps={{ href: url }} {...rest} />\n                                ))}\n                              </List>\n                            </Box>\n                          )}\n\n                          {!showServices && servicesLinks && (\n                            <Box column w={1}>\n                              <List\n                                className=\"vui-headerHiddenServicesLargeScreen\"\n                                heading=\"My Services\"\n                                maxH={295}\n                                right={0}\n                                w={320}\n                                {...styles.services.list}\n                                borderTop={1}\n                                borderTopColor=\"sandstone.main\"\n                                pt={1}\n                              >\n                                {servicesLinks.length > 0 ? (\n                                  servicesLinks?.map(({ url, ...rest }, index: number) => (\n                                    <List.Item key={index} linkProps={{ href: url }} {...rest} />\n                                  ))\n                                ) : (\n                                  <HeaderServicesMessage />\n                                )}\n                              </List>\n                            </Box>\n                          )}\n                        </>\n                      </Header.MobileContent>\n                    </>\n                  )}\n                  {showServices && services && (\n                    <>{isJsx(services) ? services : <Header.Services isApplication={isApplication} {...services} />}</>\n                  )}\n                </RenderOnScreen>\n\n                <Header.Support {...supportLinks} />\n              </>\n            )}\n            {!isApplication && (\n              <RenderOnScreen minWidth=\"lg\">\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n                {mainLinks !== undefined && <Header.Divider mx={1} />}\n\n                {isJsx(services) ? services : <Header.Services {...services} />}\n              </RenderOnScreen>\n            )}\n            {isJsx(notifications) ? notifications : <Header.Notifications {...notifications} />}\n            {showAltUserInfo && (\n              <>\n                <Header.Divider ml={2} />\n                <HeaderAccountUserInfo className=\"vui-altUserInfo\" color={localTextColor} isApplication {...userInfo} />\n              </>\n            )}\n            {isJsx(account) ? account : <Header.Account {...account} />}\n            <RenderOnScreen maxWidth=\"lg\">\n              {isApplication && <Header.Divider ml={1} />}\n              {!isApplication && (account !== undefined || notifications !== undefined) && <Header.Divider ml={1} />}\n\n              <Header.MobileToggle />\n\n              <Header.MobileContent>\n                {!isApplication && children}\n                {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n                {isJsx(services) ? (\n                  services\n                ) : (\n                  <Header.Services {...services} showTopBorder={mainLinks ? true : false} />\n                )}\n              </Header.MobileContent>\n            </RenderOnScreen>\n          </>\n        )}\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedInHeader.displayName = 'LoggedInHeader'\n\nexport default LoggedInHeader\n"],"mappings":"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"}

package/dist/header/loggedOutHeader.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { LoggedOutHeaderProps } from "./header.types.js";
+import "../index.js";
 
 //#region src/header/loggedOutHeader.d.ts
 /** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */

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

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

package/dist/header/loggedOutHeader.js

@@ -1,2 +1,72 @@
-import{isJsx as e}from"../utils/assertion.js";import{cs as t}from"../utils/styles.js";import{RenderOnScreen as n,useDown as r}from"../core/media.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import o from"./header.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=i((i,u)=>{let{applicationName:d,applicationUrl:f,children:p,className:m,isApplication:h=!1,createAccount:g,logo:_,mainLinks:v,signIn:y,...b}=i;h&&(d||console.error(`Header: isApplication is true but applicationName is not set.`));let x=r(`md`),S=r(`sm`),C=b?.variant===`dark`?`white`:`darkBlue.main`;return c(o,{className:t(`vui-loggedOutHeader`,h?`vui-loggedOutAppHeader`:void 0,m),mb:h&&x?`41px`:`inherited`,ref:u,...b,children:l(o.Content,{children:[(!h||!S)&&l(s,{children:[` `,e(_)?_:c(o.Logo,{..._})]}),h&&l(s,{children:[c(n,{minWidth:`sm`,children:c(o.Divider,{mr:2})}),c(o.ApplicationName,{color:C,title:d,url:f})]}),c(n,{minWidth:`lg`,children:p}),c(a,{ml:`auto`}),l(n,{minWidth:`lg`,children:[e(v)?v:c(o.MainLinks,{links:v}),v!==void 0&&c(o.Divider,{ml:1,mr:3}),e(y)?y:c(o.SignIn,{...y}),e(g)?g:c(o.CreateAccount,{...g})]}),l(n,{maxWidth:`lg`,children:[e(y)?y:c(o.SignIn,{...y}),c(o.Divider,{ml:2}),c(o.MobileToggle,{}),l(o.MobileContent,{children:[p,e(g)?g:c(o.CreateAccount,{...g}),e(v)?v:c(o.MainLinks,{links:v})]})]})]})})});u.displayName=`LoggedOutHeader`;export{u as LoggedOutHeader};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { isJsx } from "../utils/assertion.js";
+import { cs } from "../utils/styles.js";
+import { RenderOnScreen, useDown } from "../core/media.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import header_default from "./header.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/header/loggedOutHeader.tsx
+/** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */
+const LoggedOutHeader = vui((props, ref) => {
+	const { applicationName, applicationUrl, children, className, isApplication = false, createAccount, logo, mainLinks, signIn,...rest } = props;
+	if (isApplication) {
+		if (!applicationName) console.error("Header: isApplication is true but applicationName is not set.");
+	}
+	const isSmallScreen = useDown("md");
+	const isLessThanMD = useDown("sm");
+	const localTextColor = rest?.variant === "dark" ? "white" : "darkBlue.main";
+	return /* @__PURE__ */ jsx(header_default, {
+		className: cs("vui-loggedOutHeader", isApplication ? "vui-loggedOutAppHeader" : void 0, className),
+		mb: isApplication && isSmallScreen ? "41px" : "inherited",
+		ref,
+		...rest,
+		children: /* @__PURE__ */ jsxs(header_default.Content, { children: [
+			(!isApplication || !isLessThanMD) && /* @__PURE__ */ jsxs(Fragment, { children: [" ", isJsx(logo) ? logo : /* @__PURE__ */ jsx(header_default.Logo, { ...logo })] }),
+			isApplication && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RenderOnScreen, {
+				minWidth: "sm",
+				children: /* @__PURE__ */ jsx(header_default.Divider, { mr: 2 })
+			}), /* @__PURE__ */ jsx(header_default.ApplicationName, {
+				color: localTextColor,
+				title: applicationName,
+				url: applicationUrl
+			})] }),
+			/* @__PURE__ */ jsx(RenderOnScreen, {
+				minWidth: "lg",
+				children
+			}),
+			/* @__PURE__ */ jsx(box_default, { ml: "auto" }),
+			/* @__PURE__ */ jsxs(RenderOnScreen, {
+				minWidth: "lg",
+				children: [
+					isJsx(mainLinks) ? mainLinks : /* @__PURE__ */ jsx(header_default.MainLinks, { links: mainLinks }),
+					mainLinks !== void 0 && /* @__PURE__ */ jsx(header_default.Divider, {
+						ml: 1,
+						mr: 3
+					}),
+					isJsx(signIn) ? signIn : /* @__PURE__ */ jsx(header_default.SignIn, { ...signIn }),
+					isJsx(createAccount) ? createAccount : /* @__PURE__ */ jsx(header_default.CreateAccount, { ...createAccount })
+				]
+			}),
+			/* @__PURE__ */ jsxs(RenderOnScreen, {
+				maxWidth: "lg",
+				children: [
+					isJsx(signIn) ? signIn : /* @__PURE__ */ jsx(header_default.SignIn, { ...signIn }),
+					/* @__PURE__ */ jsx(header_default.Divider, { ml: 2 }),
+					/* @__PURE__ */ jsx(header_default.MobileToggle, {}),
+					/* @__PURE__ */ jsxs(header_default.MobileContent, { children: [
+						children,
+						isJsx(createAccount) ? createAccount : /* @__PURE__ */ jsx(header_default.CreateAccount, { ...createAccount }),
+						isJsx(mainLinks) ? mainLinks : /* @__PURE__ */ jsx(header_default.MainLinks, { links: mainLinks })
+					] })
+				]
+			})
+		] })
+	});
+});
+LoggedOutHeader.displayName = "LoggedOutHeader";
+
+//#endregion
+export { LoggedOutHeader };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=loggedOutHeader.js.map

package/dist/header/loggedOutHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loggedOutHeader.js","names":["Header","Box"],"sources":["../../src/header/loggedOutHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport { RenderOnScreen, useDown, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport Header from './header'\nimport type { LoggedOutHeaderProps } from './header.types'\n\n/** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */\nexport const LoggedOutHeader = vui<'div', LoggedOutHeaderProps>((props, ref) => {\n  const {\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    createAccount,\n    logo,\n    mainLinks,\n    signIn,\n    ...rest\n  } = props\n\n  if (isApplication) {\n    if (!applicationName) {\n      console.error('Header: isApplication is true but applicationName is not set.')\n    }\n  }\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedOutHeader', isApplication ? 'vui-loggedOutAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n\n        <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>\n\n        <Box ml=\"auto\" />\n\n        <RenderOnScreen minWidth=\"lg\">\n          {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n          {mainLinks !== undefined && <Header.Divider ml={1} mr={3} />}\n\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n        </RenderOnScreen>\n\n        <RenderOnScreen maxWidth=\"lg\">\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          <Header.Divider ml={2} />\n\n          <Header.MobileToggle />\n\n          <Header.MobileContent>\n            {children}\n\n            {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n\n            {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n          </Header.MobileContent>\n        </RenderOnScreen>\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedOutHeader.displayName = 'LoggedOutHeader'\n\nexport default LoggedOutHeader\n"],"mappings":"kTAOA,MAAa,EAAkB,GAAkC,EAAO,IAAQ,CAC9E,GAAM,CACJ,kBACA,iBACA,WACA,YACA,gBAAgB,GAChB,gBACA,OACA,YACA,SACA,GAAG,GACD,EAEA,IACG,GACH,QAAQ,MAAM,gEAAgE,EAIlF,IAAM,EAAgB,EAAQ,KAAK,CAC7B,EAAe,EAAQ,KAAK,CAE5B,EAAiB,GAAM,UAAY,OAAS,QAAU,gBAE5D,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,sBAAuB,EAAgB,yBAA2B,IAAA,GAAW,EAAU,CACrG,GAAI,GAAiB,EAAgB,OAAS,YACzC,MACL,GAAI,WAEJ,EAACA,EAAO,QAAA,CAAA,SAAA,EACJ,CAAC,GAAiB,CAAC,IAAiB,EAAA,EAAA,CAAA,SAAA,CAAE,IAAE,EAAM,EAAK,CAAG,EAAO,EAACA,EAAO,KAAA,CAAK,GAAI,EAAA,CAAQ,CAAA,CAAA,CAAI,CAC3F,GACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAe,SAAS,cACvB,EAACA,EAAO,QAAA,CAAQ,GAAI,EAAA,CAAK,EACV,CACjB,EAACA,EAAO,gBAAA,CAAgB,MAAO,EAAgB,MAAO,EAAiB,IAAK,GAAkB,CAAA,CAAA,CAC7F,CAGL,EAAC,EAAA,CAAe,SAAS,KAAM,YAA0B,CAEzD,EAACC,EAAAA,CAAI,GAAG,OAAA,CAAS,CAEjB,EAAC,EAAA,CAAe,SAAS,eACtB,EAAM,EAAU,CAAG,EAAY,EAACD,EAAO,UAAA,CAAU,MAAO,EAAA,CAAa,CAErE,IAAc,IAAA,IAAa,EAACA,EAAO,QAAA,CAAQ,GAAI,EAAG,GAAI,GAAK,CAE3D,EAAM,EAAO,CAAG,EAAS,EAACA,EAAO,OAAA,CAAO,GAAI,EAAA,CAAU,CAEtD,EAAM,EAAc,CAAG,EAAgB,EAACA,EAAO,cAAA,CAAc,GAAI,EAAA,CAAiB,GACpE,CAEjB,EAAC,EAAA,CAAe,SAAS,eACtB,EAAM,EAAO,CAAG,EAAS,EAACA,EAAO,OAAA,CAAO,GAAI,EAAA,CAAU,CAEvD,EAACA,EAAO,QAAA,CAAQ,GAAI,EAAA,CAAK,CAEzB,EAACA,EAAO,aAAA,EAAA,CAAe,CAEvB,EAACA,EAAO,cAAA,CAAA,SAAA,CACL,EAEA,EAAM,EAAc,CAAG,EAAgB,EAACA,EAAO,cAAA,CAAc,GAAI,EAAA,CAAiB,CAElF,EAAM,EAAU,CAAG,EAAY,EAACA,EAAO,UAAA,CAAU,MAAO,EAAA,CAAa,GACjD,GACR,GACF,EACV,EAEX,CAEF,EAAgB,YAAc"}
+{"version":3,"file":"loggedOutHeader.js","names":["Header","Box"],"sources":["../../src/header/loggedOutHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport { RenderOnScreen, useDown, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport Header from './header'\nimport type { LoggedOutHeaderProps } from './header.types'\n\n/** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */\nexport const LoggedOutHeader = vui<'div', LoggedOutHeaderProps>((props, ref) => {\n  const {\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    createAccount,\n    logo,\n    mainLinks,\n    signIn,\n    ...rest\n  } = props\n\n  if (isApplication) {\n    if (!applicationName) {\n      console.error('Header: isApplication is true but applicationName is not set.')\n    }\n  }\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedOutHeader', isApplication ? 'vui-loggedOutAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n\n        <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>\n\n        <Box ml=\"auto\" />\n\n        <RenderOnScreen minWidth=\"lg\">\n          {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n          {mainLinks !== undefined && <Header.Divider ml={1} mr={3} />}\n\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n        </RenderOnScreen>\n\n        <RenderOnScreen maxWidth=\"lg\">\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          <Header.Divider ml={2} />\n\n          <Header.MobileToggle />\n\n          <Header.MobileContent>\n            {children}\n\n            {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n\n            {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n          </Header.MobileContent>\n        </RenderOnScreen>\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedOutHeader.displayName = 'LoggedOutHeader'\n\nexport default LoggedOutHeader\n"],"mappings":";;;;;;;;;;AAOA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EACJ,iBACA,gBACA,UACA,WACA,gBAAgB,OAChB,eACA,MACA,WACA,OACA,GAAG,SACD;AAEJ,KAAI,eACF;MAAI,CAAC,gBACH,SAAQ,MAAM,gEAAgE;;CAIlF,MAAM,gBAAgB,QAAQ,KAAK;CACnC,MAAM,eAAe,QAAQ,KAAK;CAElC,MAAM,iBAAiB,MAAM,YAAY,SAAS,UAAU;AAE5D,QACE,oBAACA;EACC,WAAW,GAAG,uBAAuB,gBAAgB,2BAA2B,QAAW,UAAU;EACrG,IAAI,iBAAiB,gBAAgB,SAAS;EACzC;EACL,GAAI;YAEJ,qBAACA,eAAO;IACJ,CAAC,iBAAiB,CAAC,iBAAiB,4CAAE,KAAE,MAAM,KAAK,GAAG,OAAO,oBAACA,eAAO,QAAK,GAAI,OAAQ,IAAI;GAC3F,iBACC,4CACE,oBAAC;IAAe,UAAS;cACvB,oBAACA,eAAO,WAAQ,IAAI,IAAK;KACV,EACjB,oBAACA,eAAO;IAAgB,OAAO;IAAgB,OAAO;IAAiB,KAAK;KAAkB,IAC7F;GAGL,oBAAC;IAAe,UAAS;IAAM;KAA0B;GAEzD,oBAACC,eAAI,IAAG,SAAS;GAEjB,qBAAC;IAAe,UAAS;;KACtB,MAAM,UAAU,GAAG,YAAY,oBAACD,eAAO,aAAU,OAAO,YAAa;KAErE,cAAc,UAAa,oBAACA,eAAO;MAAQ,IAAI;MAAG,IAAI;OAAK;KAE3D,MAAM,OAAO,GAAG,SAAS,oBAACA,eAAO,UAAO,GAAI,SAAU;KAEtD,MAAM,cAAc,GAAG,gBAAgB,oBAACA,eAAO,iBAAc,GAAI,gBAAiB;;KACpE;GAEjB,qBAAC;IAAe,UAAS;;KACtB,MAAM,OAAO,GAAG,SAAS,oBAACA,eAAO,UAAO,GAAI,SAAU;KAEvD,oBAACA,eAAO,WAAQ,IAAI,IAAK;KAEzB,oBAACA,eAAO,iBAAe;KAEvB,qBAACA,eAAO;MACL;MAEA,MAAM,cAAc,GAAG,gBAAgB,oBAACA,eAAO,iBAAc,GAAI,gBAAiB;MAElF,MAAM,UAAU,GAAG,YAAY,oBAACA,eAAO,aAAU,OAAO,YAAa;SACjD;;KACR;MACF;GACV;EAEX;AAEF,gBAAgB,cAAc"}

package/dist/header/theme.js

@@ -1,2 +1,136 @@
-var e={baseStyle:{},defaultProps:{variant:`default`},parts:[`container`,`account`,`accountUserInfo`,`content`,`createAccount`,`divider`,`linkItem`,`logo`,`mainLinks`,`mobileContent`,`mobileToggle`,`notifications`,`services`,`servicesMessage`,`signIn`],sizes:{},variants:{default:{container:{borderColor:`darkBlue.main`},createAccount:{link:{variant:`dark`}},linkItem:{container:{hoverBg:`skyBlue.90`,activeBg:`transparent`,activeBorderColor:`darkBlue.main`},link:{size:`md`,color:`darkBlue.main`,borderColor:`darkBlue.main`,hoverColor:`darkBlue.main`,activeColor:`darkBlue.main`}},logo:{svg:{pathFill:`#0F204B`}},divider:{color:`darkBlue.main`},mobileToggle:{color:`darkBlue.main`,hoverColor:`darkBlue.main`,activeColor:`darkBlue.main`},notifications:{container:{color:`darkBlue.main`,hoverColor:`darkBlue.main`}},services:{button:{color:`darkBlue.main`,hoverColor:`darkBlue.main`,activeColor:`darkBlue.main`},list:{variant:`blue`}},signIn:{background:`darkBlue.main`}},dark:{container:{bg:`darkBlue.main`,borderBottom:0},createAccount:{link:{variant:`light`},text:{color:`white`}},account:{trigger:{variant:`primaryLight`}},divider:{borderColor:`white`},linkItem:{container:{hoverBg:`seaBlue.25`,activeBg:`transparent`,activeBorderColor:`digiGreen.main`},link:{size:`md`,color:`white`,borderColor:`digiGreen.main`,hoverBg:`seaBlue.25`,hoverColor:`white`,activeBg:`seaBlue.35`,activeColor:`white`}},logo:{svg:{pathFill:`#FFFFFF`}},mainLinks:{color:{md:`white`}},mobileContent:{top:`100%`},mobileToggle:{color:`white`,hoverBg:`seaBlue.25`,hoverColor:`white`,activeBg:`seaBlue.35`,activeColor:`white`},notifications:{container:{variant:`solid`,color:`white`,hoverBg:`seaBlue.25`,hoverColor:`white`,activeBg:`seaBlue.35`,borderColor:`transparent`},icon:{color:`white`}},services:{button:{color:`white`,hoverBg:`seaBlue.25`,hoverColor:`white`,activeBg:`seaBlue.35`,activeColor:`white`},list:{variant:`blue`}},signIn:{button:{variant:`primaryLight`},colorScheme:`pink`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/header/theme.ts
+const baseStyle = {};
+const defaultProps = { variant: "default" };
+const parts = [
+	"container",
+	"account",
+	"accountUserInfo",
+	"content",
+	"createAccount",
+	"divider",
+	"linkItem",
+	"logo",
+	"mainLinks",
+	"mobileContent",
+	"mobileToggle",
+	"notifications",
+	"services",
+	"servicesMessage",
+	"signIn"
+];
+const sizes = {};
+const variants = {
+	default: {
+		container: { borderColor: "darkBlue.main" },
+		createAccount: { link: { variant: "dark" } },
+		linkItem: {
+			container: {
+				hoverBg: "skyBlue.90",
+				activeBg: "transparent",
+				activeBorderColor: "darkBlue.main"
+			},
+			link: {
+				size: "md",
+				color: "darkBlue.main",
+				borderColor: "darkBlue.main",
+				hoverColor: "darkBlue.main",
+				activeColor: "darkBlue.main"
+			}
+		},
+		logo: { svg: { pathFill: "#0F204B" } },
+		divider: { color: "darkBlue.main" },
+		mobileToggle: {
+			color: "darkBlue.main",
+			hoverColor: "darkBlue.main",
+			activeColor: "darkBlue.main"
+		},
+		notifications: { container: {
+			color: "darkBlue.main",
+			hoverColor: "darkBlue.main"
+		} },
+		services: {
+			button: {
+				color: "darkBlue.main",
+				hoverColor: "darkBlue.main",
+				activeColor: "darkBlue.main"
+			},
+			list: { variant: "blue" }
+		},
+		signIn: { background: "darkBlue.main" }
+	},
+	dark: {
+		container: {
+			bg: "darkBlue.main",
+			borderBottom: 0
+		},
+		createAccount: {
+			link: { variant: "light" },
+			text: { color: "white" }
+		},
+		account: { trigger: { variant: "primaryLight" } },
+		divider: { borderColor: "white" },
+		linkItem: {
+			container: {
+				hoverBg: "seaBlue.25",
+				activeBg: "transparent",
+				activeBorderColor: "digiGreen.main"
+			},
+			link: {
+				size: "md",
+				color: "white",
+				borderColor: "digiGreen.main",
+				hoverBg: "seaBlue.25",
+				hoverColor: "white",
+				activeBg: "seaBlue.35",
+				activeColor: "white"
+			}
+		},
+		logo: { svg: { pathFill: "#FFFFFF" } },
+		mainLinks: { color: { md: "white" } },
+		mobileContent: { top: "100%" },
+		mobileToggle: {
+			color: "white",
+			hoverBg: "seaBlue.25",
+			hoverColor: "white",
+			activeBg: "seaBlue.35",
+			activeColor: "white"
+		},
+		notifications: {
+			container: {
+				variant: "solid",
+				color: "white",
+				hoverBg: "seaBlue.25",
+				hoverColor: "white",
+				activeBg: "seaBlue.35",
+				borderColor: "transparent"
+			},
+			icon: { color: "white" }
+		},
+		services: {
+			button: {
+				color: "white",
+				hoverBg: "seaBlue.25",
+				hoverColor: "white",
+				activeBg: "seaBlue.35",
+				activeColor: "white"
+			},
+			list: { variant: "blue" }
+		},
+		signIn: {
+			button: { variant: "primaryLight" },
+			colorScheme: "pink"
+		}
+	}
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/header/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/header/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  variant: 'default',\n}\n\nconst parts = [\n  'container',\n  'account',\n  'accountUserInfo',\n  'content',\n  'createAccount',\n  'divider',\n  'linkItem',\n  'logo',\n  'mainLinks',\n  'mobileContent',\n  'mobileToggle',\n  'notifications',\n  'services',\n  'servicesMessage',\n  'signIn',\n]\n\nconst sizes = {}\n\nconst variants = {\n  default: {\n    container: {\n      borderColor: 'darkBlue.main',\n    },\n    createAccount: {\n      link: {\n        variant: 'dark',\n      },\n    },\n    linkItem: {\n      container: {\n        hoverBg: 'skyBlue.90',\n        activeBg: 'transparent',\n        activeBorderColor: 'darkBlue.main',\n      },\n      link: {\n        size: 'md',\n        color: 'darkBlue.main',\n        borderColor: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        activeColor: 'darkBlue.main',\n      },\n    },\n    logo: {\n      svg: {\n        pathFill: '#0F204B', // darkBlue.main\n      },\n    },\n    divider: {\n      color: 'darkBlue.main',\n    },\n    mobileToggle: {\n      color: 'darkBlue.main',\n      hoverColor: 'darkBlue.main',\n      activeColor: 'darkBlue.main',\n    },\n    notifications: {\n      container: {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n      },\n    },\n    services: {\n      button: {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        activeColor: 'darkBlue.main',\n      },\n      list: {\n        variant: 'blue',\n      },\n    },\n    signIn: {\n      background: 'darkBlue.main',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      borderBottom: 0,\n    },\n    createAccount: {\n      link: {\n        variant: 'light',\n      },\n      text: {\n        color: 'white',\n      },\n    },\n    account: {\n      trigger: {\n        variant: 'primaryLight',\n      },\n    },\n    divider: {\n      borderColor: 'white',\n    },\n    linkItem: {\n      container: {\n        hoverBg: 'seaBlue.25',\n        activeBg: 'transparent',\n        activeBorderColor: 'digiGreen.main',\n      },\n      link: {\n        size: 'md',\n        color: 'white',\n        borderColor: 'digiGreen.main',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        activeColor: 'white',\n      },\n    },\n    logo: {\n      svg: {\n        pathFill: '#FFFFFF',\n      },\n    },\n    mainLinks: {\n      color: { md: 'white' },\n    },\n    mobileContent: {\n      top: '100%',\n    },\n    mobileToggle: {\n      color: 'white',\n      hoverBg: 'seaBlue.25',\n      hoverColor: 'white',\n      activeBg: 'seaBlue.35',\n      activeColor: 'white',\n    },\n    notifications: {\n      container: {\n        variant: 'solid',\n        color: 'white',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        borderColor: 'transparent',\n      },\n      icon: {\n        color: 'white',\n      },\n    },\n    services: {\n      button: {\n        color: 'white',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        activeColor: 'white',\n      },\n      list: {\n        variant: 'blue',\n      },\n    },\n    signIn: {\n      button: {\n        variant: 'primaryLight',\n      },\n      colorScheme: 'pink',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AA4KA,IAAA,EAAe,CACb,UA7KgB,EAAE,CA8KlB,aA5KmB,CACnB,QAAS,UACV,CA2KC,MAzKY,CACZ,YACA,UACA,kBACA,UACA,gBACA,UACA,WACA,OACA,YACA,gBACA,eACA,gBACA,WACA,kBACA,SACD,CA0JC,MAxJY,EAAE,CAyJd,SAvJe,CACf,QAAS,CACP,UAAW,CACT,YAAa,gBACd,CACD,cAAe,CACb,KAAM,CACJ,QAAS,OACV,CACF,CACD,SAAU,CACR,UAAW,CACT,QAAS,aACT,SAAU,cACV,kBAAmB,gBACpB,CACD,KAAM,CACJ,KAAM,KACN,MAAO,gBACP,YAAa,gBACb,WAAY,gBACZ,YAAa,gBACd,CACF,CACD,KAAM,CACJ,IAAK,CACH,SAAU,UACX,CACF,CACD,QAAS,CACP,MAAO,gBACR,CACD,aAAc,CACZ,MAAO,gBACP,WAAY,gBACZ,YAAa,gBACd,CACD,cAAe,CACb,UAAW,CACT,MAAO,gBACP,WAAY,gBACb,CACF,CACD,SAAU,CACR,OAAQ,CACN,MAAO,gBACP,WAAY,gBACZ,YAAa,gBACd,CACD,KAAM,CACJ,QAAS,OACV,CACF,CACD,OAAQ,CACN,WAAY,gBACb,CACF,CACD,KAAM,CACJ,UAAW,CACT,GAAI,gBACJ,aAAc,EACf,CACD,cAAe,CACb,KAAM,CACJ,QAAS,QACV,CACD,KAAM,CACJ,MAAO,QACR,CACF,CACD,QAAS,CACP,QAAS,CACP,QAAS,eACV,CACF,CACD,QAAS,CACP,YAAa,QACd,CACD,SAAU,CACR,UAAW,CACT,QAAS,aACT,SAAU,cACV,kBAAmB,iBACpB,CACD,KAAM,CACJ,KAAM,KACN,MAAO,QACP,YAAa,iBACb,QAAS,aACT,WAAY,QACZ,SAAU,aACV,YAAa,QACd,CACF,CACD,KAAM,CACJ,IAAK,CACH,SAAU,UACX,CACF,CACD,UAAW,CACT,MAAO,CAAE,GAAI,QAAS,CACvB,CACD,cAAe,CACb,IAAK,OACN,CACD,aAAc,CACZ,MAAO,QACP,QAAS,aACT,WAAY,QACZ,SAAU,aACV,YAAa,QACd,CACD,cAAe,CACb,UAAW,CACT,QAAS,QACT,MAAO,QACP,QAAS,aACT,WAAY,QACZ,SAAU,aACV,YAAa,cACd,CACD,KAAM,CACJ,MAAO,QACR,CACF,CACD,SAAU,CACR,OAAQ,CACN,MAAO,QACP,QAAS,aACT,WAAY,QACZ,SAAU,aACV,YAAa,QACd,CACD,KAAM,CACJ,QAAS,OACV,CACF,CACD,OAAQ,CACN,OAAQ,CACN,QAAS,eACV,CACD,YAAa,OACd,CACF,CACF,CAQA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/header/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  variant: 'default',\n}\n\nconst parts = [\n  'container',\n  'account',\n  'accountUserInfo',\n  'content',\n  'createAccount',\n  'divider',\n  'linkItem',\n  'logo',\n  'mainLinks',\n  'mobileContent',\n  'mobileToggle',\n  'notifications',\n  'services',\n  'servicesMessage',\n  'signIn',\n]\n\nconst sizes = {}\n\nconst variants = {\n  default: {\n    container: {\n      borderColor: 'darkBlue.main',\n    },\n    createAccount: {\n      link: {\n        variant: 'dark',\n      },\n    },\n    linkItem: {\n      container: {\n        hoverBg: 'skyBlue.90',\n        activeBg: 'transparent',\n        activeBorderColor: 'darkBlue.main',\n      },\n      link: {\n        size: 'md',\n        color: 'darkBlue.main',\n        borderColor: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        activeColor: 'darkBlue.main',\n      },\n    },\n    logo: {\n      svg: {\n        pathFill: '#0F204B', // darkBlue.main\n      },\n    },\n    divider: {\n      color: 'darkBlue.main',\n    },\n    mobileToggle: {\n      color: 'darkBlue.main',\n      hoverColor: 'darkBlue.main',\n      activeColor: 'darkBlue.main',\n    },\n    notifications: {\n      container: {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n      },\n    },\n    services: {\n      button: {\n        color: 'darkBlue.main',\n        hoverColor: 'darkBlue.main',\n        activeColor: 'darkBlue.main',\n      },\n      list: {\n        variant: 'blue',\n      },\n    },\n    signIn: {\n      background: 'darkBlue.main',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      borderBottom: 0,\n    },\n    createAccount: {\n      link: {\n        variant: 'light',\n      },\n      text: {\n        color: 'white',\n      },\n    },\n    account: {\n      trigger: {\n        variant: 'primaryLight',\n      },\n    },\n    divider: {\n      borderColor: 'white',\n    },\n    linkItem: {\n      container: {\n        hoverBg: 'seaBlue.25',\n        activeBg: 'transparent',\n        activeBorderColor: 'digiGreen.main',\n      },\n      link: {\n        size: 'md',\n        color: 'white',\n        borderColor: 'digiGreen.main',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        activeColor: 'white',\n      },\n    },\n    logo: {\n      svg: {\n        pathFill: '#FFFFFF',\n      },\n    },\n    mainLinks: {\n      color: { md: 'white' },\n    },\n    mobileContent: {\n      top: '100%',\n    },\n    mobileToggle: {\n      color: 'white',\n      hoverBg: 'seaBlue.25',\n      hoverColor: 'white',\n      activeBg: 'seaBlue.35',\n      activeColor: 'white',\n    },\n    notifications: {\n      container: {\n        variant: 'solid',\n        color: 'white',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        borderColor: 'transparent',\n      },\n      icon: {\n        color: 'white',\n      },\n    },\n    services: {\n      button: {\n        color: 'white',\n        hoverBg: 'seaBlue.25',\n        hoverColor: 'white',\n        activeBg: 'seaBlue.35',\n        activeColor: 'white',\n      },\n      list: {\n        variant: 'blue',\n      },\n    },\n    signIn: {\n      button: {\n        variant: 'primaryLight',\n      },\n      colorScheme: 'pink',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,SAAS,WACV;AAED,MAAM,QAAQ;CACZ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW;CACf,SAAS;EACP,WAAW,EACT,aAAa,iBACd;EACD,eAAe,EACb,MAAM,EACJ,SAAS,QACV,EACF;EACD,UAAU;GACR,WAAW;IACT,SAAS;IACT,UAAU;IACV,mBAAmB;IACpB;GACD,MAAM;IACJ,MAAM;IACN,OAAO;IACP,aAAa;IACb,YAAY;IACZ,aAAa;IACd;GACF;EACD,MAAM,EACJ,KAAK,EACH,UAAU,WACX,EACF;EACD,SAAS,EACP,OAAO,iBACR;EACD,cAAc;GACZ,OAAO;GACP,YAAY;GACZ,aAAa;GACd;EACD,eAAe,EACb,WAAW;GACT,OAAO;GACP,YAAY;GACb,EACF;EACD,UAAU;GACR,QAAQ;IACN,OAAO;IACP,YAAY;IACZ,aAAa;IACd;GACD,MAAM,EACJ,SAAS,QACV;GACF;EACD,QAAQ,EACN,YAAY,iBACb;EACF;CACD,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,cAAc;GACf;EACD,eAAe;GACb,MAAM,EACJ,SAAS,SACV;GACD,MAAM,EACJ,OAAO,SACR;GACF;EACD,SAAS,EACP,SAAS,EACP,SAAS,gBACV,EACF;EACD,SAAS,EACP,aAAa,SACd;EACD,UAAU;GACR,WAAW;IACT,SAAS;IACT,UAAU;IACV,mBAAmB;IACpB;GACD,MAAM;IACJ,MAAM;IACN,OAAO;IACP,aAAa;IACb,SAAS;IACT,YAAY;IACZ,UAAU;IACV,aAAa;IACd;GACF;EACD,MAAM,EACJ,KAAK,EACH,UAAU,WACX,EACF;EACD,WAAW,EACT,OAAO,EAAE,IAAI,SAAS,EACvB;EACD,eAAe,EACb,KAAK,QACN;EACD,cAAc;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,UAAU;GACV,aAAa;GACd;EACD,eAAe;GACb,WAAW;IACT,SAAS;IACT,OAAO;IACP,SAAS;IACT,YAAY;IACZ,UAAU;IACV,aAAa;IACd;GACD,MAAM,EACJ,OAAO,SACR;GACF;EACD,UAAU;GACR,QAAQ;IACN,OAAO;IACP,SAAS;IACT,YAAY;IACZ,UAAU;IACV,aAAa;IACd;GACD,MAAM,EACJ,SAAS,QACV;GACF;EACD,QAAQ;GACN,QAAQ,EACN,SAAS,gBACV;GACD,aAAa;GACd;EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/heading/heading.d.ts

@@ -1,10 +1,11 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { HeadingProps } from "./heading.types.js";
-import * as styled_components430 from "styled-components";
+import "../index.js";
+import * as styled_components377 from "styled-components";
 
 //#region src/heading/heading.d.ts
-declare const HeadingBase: styled_components430.StyledComponent<"h2", styled_components430.DefaultTheme, SystemProps, never>;
+declare const HeadingBase: styled_components377.StyledComponent<"h2", styled_components377.DefaultTheme, SystemProps, never>;
 /** Used to define headings and titles for pages, articles, panels, etc. */
 declare const Heading: VuiComponent<"h2", HeadingProps>;
 //#endregion

package/dist/heading/heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","names":[],"sources":["../../src/heading/heading.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIa,aAAW,oBAAA,CAAA,sBAGvB,oBAAA,CAHuB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAMX,SAAO,mBAAA"}
+{"version":3,"file":"heading.d.ts","names":[],"sources":["../../src/heading/heading.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,aAAW,oBAAA,CAAA,sBAGvB,oBAAA,CAHuB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAMX,SAAO,mBAAA"}

package/dist/heading/heading.js

@@ -1,5 +1,47 @@
-import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{omitThemingProps as n,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{jsx as s}from"react/jsx-runtime";const c=a.h2Box`
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { useUp } from "../core/media.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/heading/heading.tsx
+const HeadingBase = styled.h2Box`
   font-weight: demi;
   transition-duration: fast;
-`,l=o((a,o)=>{let{align:l,casing:u,children:d,className:f,decoration:p,text:m,weight:h,...g}=n(a),{fontSize:_,lineHeight:v,...y}=r(`Heading`,a),b=a.size?`vui-${a.size}`:``,x=e({fontWeight:h,textAlign:l,textDecoration:p,textTransform:u}),S=i(993),C=_?.desktop||_,w=_?.mobile||_,T=v?.desktop||v,E=v?.mobile||v;return s(c,{className:t(`vui-heading`,b,f),fontSize:S?C:w,lineHeight:S?T:E,ref:o,...y,...x,...g,children:d??m})});l.displayName=`Heading`;var u=l;export{l as Heading,c as HeadingBase,u as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Used to define headings and titles for pages, articles, panels, etc. */
+const Heading = vui((props, ref) => {
+	const { align, casing, children, className, decoration, text, weight,...rest } = omitThemingProps(props);
+	const { fontSize, lineHeight,...restStyles } = useStyleConfig("Heading", props);
+	const hClassName = props.size ? `vui-${props.size}` : "";
+	const aliasedProps = filterUndefined({
+		fontWeight: weight,
+		textAlign: align,
+		textDecoration: decoration,
+		textTransform: casing
+	});
+	const isDesktop = useUp(993);
+	const fontSizeDesktop = fontSize?.desktop || fontSize;
+	const fontSizeMobile = fontSize?.mobile || fontSize;
+	const lineHeightDesktop = lineHeight?.desktop || lineHeight;
+	const lineHeightMobile = lineHeight?.mobile || lineHeight;
+	return /* @__PURE__ */ jsx(HeadingBase, {
+		className: cs("vui-heading", hClassName, className),
+		fontSize: isDesktop ? fontSizeDesktop : fontSizeMobile,
+		lineHeight: isDesktop ? lineHeightDesktop : lineHeightMobile,
+		ref,
+		...restStyles,
+		...aliasedProps,
+		...rest,
+		children: children ?? text
+	});
+});
+Heading.displayName = "Heading";
+var heading_default = Heading;
+
+//#endregion
+export { Heading, HeadingBase, heading_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=heading.js.map

package/dist/heading/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","names":[],"sources":["../../src/heading/heading.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, useUp, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { HeadingProps } from './heading.types'\n\nexport const HeadingBase = styled.h2Box`\n  font-weight: demi;\n  transition-duration: fast;\n`\n\n/** Used to define headings and titles for pages, articles, panels, etc. */\nexport const Heading = vui<'h2', HeadingProps>((props, ref) => {\n  const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Heading', props)\n\n  const { fontSize, lineHeight, ...restStyles } = styles\n\n  const hClassName = props.size ? `vui-${props.size}` : ''\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  const isDesktop = useUp(993)\n\n  const fontSizeDesktop = fontSize?.desktop || fontSize\n  const fontSizeMobile = fontSize?.mobile || fontSize\n  const lineHeightDesktop = lineHeight?.desktop || lineHeight\n  const lineHeightMobile = lineHeight?.mobile || lineHeight\n\n  return (\n    <HeadingBase\n      className={cs('vui-heading', hClassName, className)}\n      fontSize={isDesktop ? fontSizeDesktop : fontSizeMobile}\n      lineHeight={isDesktop ? lineHeightDesktop : lineHeightMobile}\n      ref={ref}\n      {...restStyles}\n      {...aliasedProps}\n      {...rest}\n    >\n      {children ?? text}\n    </HeadingBase>\n  )\n})\n\nHeading.displayName = 'Heading'\nexport default Heading\n"],"mappings":"sUAIA,MAAa,EAAc,EAAO,KAAK;;;EAM1B,EAAU,GAAyB,EAAO,IAAQ,CAC7D,GAAM,CAAE,QAAO,SAAQ,WAAU,YAAW,aAAY,OAAM,SAAQ,GAAG,GAAS,EAAiB,EAAM,CAGnG,CAAE,WAAU,aAAY,GAAG,GAFlB,EAAe,UAAW,EAAM,CAIzC,EAAa,EAAM,KAAO,OAAO,EAAM,OAAS,GAEhD,EAAe,EAAgB,CACnC,WAAY,EACZ,UAAW,EACX,eAAgB,EAChB,cAAe,EAChB,CAAC,CAEI,EAAY,EAAM,IAAI,CAEtB,EAAkB,GAAU,SAAW,EACvC,EAAiB,GAAU,QAAU,EACrC,EAAoB,GAAY,SAAW,EAC3C,EAAmB,GAAY,QAAU,EAE/C,OACE,EAAC,EAAA,CACC,UAAW,EAAG,cAAe,EAAY,EAAU,CACnD,SAAU,EAAY,EAAkB,EACxC,WAAY,EAAY,EAAoB,EACvC,MACL,GAAI,EACJ,GAAI,EACJ,GAAI,WAEH,GAAY,GACD,EAEhB,CAEF,EAAQ,YAAc,UACtB,IAAA,EAAe"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../src/heading/heading.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, useUp, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { HeadingProps } from './heading.types'\n\nexport const HeadingBase = styled.h2Box`\n  font-weight: demi;\n  transition-duration: fast;\n`\n\n/** Used to define headings and titles for pages, articles, panels, etc. */\nexport const Heading = vui<'h2', HeadingProps>((props, ref) => {\n  const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Heading', props)\n\n  const { fontSize, lineHeight, ...restStyles } = styles\n\n  const hClassName = props.size ? `vui-${props.size}` : ''\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  const isDesktop = useUp(993)\n\n  const fontSizeDesktop = fontSize?.desktop || fontSize\n  const fontSizeMobile = fontSize?.mobile || fontSize\n  const lineHeightDesktop = lineHeight?.desktop || lineHeight\n  const lineHeightMobile = lineHeight?.mobile || lineHeight\n\n  return (\n    <HeadingBase\n      className={cs('vui-heading', hClassName, className)}\n      fontSize={isDesktop ? fontSizeDesktop : fontSizeMobile}\n      lineHeight={isDesktop ? lineHeightDesktop : lineHeightMobile}\n      ref={ref}\n      {...restStyles}\n      {...aliasedProps}\n      {...rest}\n    >\n      {children ?? text}\n    </HeadingBase>\n  )\n})\n\nHeading.displayName = 'Heading'\nexport default Heading\n"],"mappings":";;;;;;;;;AAIA,MAAa,cAAc,OAAO,KAAK;;;;;AAMvC,MAAa,UAAU,KAAyB,OAAO,QAAQ;CAC7D,MAAM,EAAE,OAAO,QAAQ,UAAU,WAAW,YAAY,MAAM,OAAQ,GAAG,SAAS,iBAAiB,MAAM;CAGzG,MAAM,EAAE,UAAU,WAAY,GAAG,eAFlB,eAAe,WAAW,MAAM;CAI/C,MAAM,aAAa,MAAM,OAAO,OAAO,MAAM,SAAS;CAEtD,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;CAEF,MAAM,YAAY,MAAM,IAAI;CAE5B,MAAM,kBAAkB,UAAU,WAAW;CAC7C,MAAM,iBAAiB,UAAU,UAAU;CAC3C,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,mBAAmB,YAAY,UAAU;AAE/C,QACE,oBAAC;EACC,WAAW,GAAG,eAAe,YAAY,UAAU;EACnD,UAAU,YAAY,kBAAkB;EACxC,YAAY,YAAY,oBAAoB;EACvC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,YAAY;GACD;EAEhB;AAEF,QAAQ,cAAc;AACtB,sBAAe"}

package/dist/heading/heading.types.d.ts

@@ -1,6 +1,7 @@
 import { ThemingProps } from "../theme/types.js";
 import { TypographyProps } from "../system/typography.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 
 //#region src/heading/heading.types.d.ts
 type HeadingProps = SystemProps & ThemingProps<'Heading'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"heading.types.d.ts","names":[],"sources":["../../src/heading/heading.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,YAAA,CAAA,CAAA,CAAe,cACzB;;UAEU;EAHA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,aAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAAY,MAAA,CAAA,CAAA,CAKX,eALW,CAAA,CAAA,aAAA,CAAA,CAAA;;YACtB,CAAA,CAAA,CAMe,eANf,CAAA,CAAA,cAAA,CAAA,CAAA;;MAIW,CAAA,CAAA,CAIF,KAAA,CAAM,SAJJ;;QAIF,CAAA,CAAA,CAEE,eAFI,CAAA,CAAA,UAAA,CAAA,CAAA;;AAEW,IAAA,CAGhB,WAAA,CAAA,CAAA,CAHgB,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"heading.types.d.ts","names":[],"sources":["../../src/heading/heading.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAGY,YAAA,CAAA,CAAA,CAAe,cACzB;;UAEU;;EAHA,MAAA,CAAA,CAAA,CAKC,eALW,CAAA,CAAA,aAAA,CAAA,CAAA;EAAG,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EACzB,UAAA,CAAA,CAAA,CAMe,eANf,CAAA,CAAA,cAAA,CAAA,CAAA;EAEU,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEC,IAAA,CAAA,CAAA,CAIF,KAAA,CAAM,SAJJ;EAEI,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,UAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAEN,MAAM,CAAA,CAAA,CAEJ,eAFI,CAAA,CAAA,UAAA,CAAA,CAAA;CAEJ;AAAe,IAAA,CAGhB,WAAA,CAAA,CAAA,CAHgB,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA"}

package/dist/heading/headings.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { HeadingProps } from "./heading.types.js";
+import "../index.js";
 
 //#region src/heading/headings.d.ts
 declare const H1: VuiComponent<"h1", HeadingProps>;

package/dist/heading/headings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headings.d.ts","names":[],"sources":["../../src/heading/headings.tsx"],"sourcesContent":[],"mappings":";;;;cAIa,IAAE,mBAAA;cACF,IAAE,mBAAA;cACF,IAAE,mBAAA;AAFF,OAAA,CAAA,KAAA,CAGA,EAHwF,CAAA,CAGtF,YAHsF,CAAA,CAAA,EAAA,CAAA,CAAA,CAGtF,YAHsF,CAAA;AAAA,OAAA,CAAA,KAAA,CAIxF,EAJwF,CAAA,CAItF,YAJsF,CAAA,CAAA,EAAA,CAAA,CAAA,CAItF,YAJsF,CAAA;AAAtF,OAAA,CAAA,KAAA,CAKF,EALE,CAAA,CAKA,YALA,CAAA,CAAA,EAAA,CAAA,CAAA,CAKA,YALA,CAAA"}
+{"version":3,"file":"headings.d.ts","names":[],"sources":["../../src/heading/headings.tsx"],"sourcesContent":[],"mappings":";;;;;cAIa,IAAE,mBAAA;cACF,IAAE,mBAAA;cACF,IAAE,mBAAA;cACF,IAAE,mBAAA;AAHF,OAAA,CAAA,KAAA,CAIA,EAJE,CAAA,CAIA,YAJA,CAAA,CAAA,EAAA,CAAA,CAAA,CAIA,YAJA,CAAA;AACF,OAAA,CAAA,KAAA,CAIA,EAJE,CAAA,CAIA,YAJA,CAAA,CAAA,EAAA,CAAA,CAAA,CAIA,YAJA,CAAA"}