@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/header/headerNotifications.js

@@ -1,4 +1,13 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import i from"../button/button.js";import{useHeaderContext as a}from"./context.js";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";const l=n.spanBox`
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import button_default from "../button/button.js";
+import { useHeaderContext } from "./context.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/header/headerNotifications.tsx
+const Badge = styled.spanBox`
   align-items: center;
   background-color: energyRed.45;
   border-radius: round;
@@ -12,5 +21,36 @@ import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/
   right: 1px;
   top: 1px;
   min-width: 20px;
-`,u=r((n,r)=>{let{children:u,className:d,count:f=0,url:p,...m}=n,{links:h}=a()??{},g=t(`Header`,a()).notifications;return s(i,{as:`a`,className:e(`vui-headerNotifications`,d),href:p??h.notifications,minW:0,position:`relative`,px:`9px`,ref:r,size:`lg`,title:`Notifications`,variant:`tertiaryDark`,...g.container,...m,children:u??c(o,{children:[s(i.Icon,{name:`uiBell`}),f>0&&s(l,{px:f<9?`0`:`4px`,right:f<9?1:0,children:f<100?f:`99+`})]})})});u.displayName=`HeaderNotifications`;var d=u;export{u as HeaderNotifications,d as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Icon link to Veracity notifications engine with an optional number of new notifications. */
+const HeaderNotifications = vui((props, ref) => {
+	const { children, className, count = 0, url,...rest } = props;
+	const { links } = useHeaderContext() ?? {};
+	const styles = useStyleConfig("Header", useHeaderContext()).notifications;
+	return /* @__PURE__ */ jsx(button_default, {
+		as: "a",
+		className: cs("vui-headerNotifications", className),
+		href: url ?? links.notifications,
+		minW: 0,
+		position: "relative",
+		px: "9px",
+		ref,
+		size: "lg",
+		title: "Notifications",
+		variant: "tertiaryDark",
+		...styles.container,
+		...rest,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(button_default.Icon, { name: "uiBell" }), count > 0 && /* @__PURE__ */ jsx(Badge, {
+			px: count < 9 ? "0" : "4px",
+			right: count < 9 ? 1 : 0,
+			children: count < 100 ? count : "99+"
+		})] })
+	});
+});
+HeaderNotifications.displayName = "HeaderNotifications";
+var headerNotifications_default = HeaderNotifications;
+
+//#endregion
+export { HeaderNotifications, headerNotifications_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=headerNotifications.js.map

package/dist/header/headerNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerNotifications.js","names":["Button"],"sources":["../../src/header/headerNotifications.tsx"],"sourcesContent":["import Button from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderNotificationsProps } from './header.types'\n\nconst Badge = styled.spanBox`\n  align-items: center;\n  background-color: energyRed.45;\n  border-radius: round;\n  color: white;\n  display: flex;\n  font-size: 12px;\n  font-weight: medium;\n  height: 20px;\n  justify-content: center;\n  position: absolute;\n  right: 1px;\n  top: 1px;\n  min-width: 20px;\n`\n\n/** Icon link to Veracity notifications engine with an optional number of new notifications. */\nexport const HeaderNotifications = vui<'a', HeaderNotificationsProps>((props, ref) => {\n  const { children, className, count = 0, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).notifications\n\n  return (\n    <Button\n      as=\"a\"\n      className={cs('vui-headerNotifications', className)}\n      href={url ?? links.notifications}\n      minW={0}\n      position=\"relative\"\n      px=\"9px\"\n      ref={ref}\n      size=\"lg\"\n      title=\"Notifications\"\n      variant=\"tertiaryDark\"\n      {...styles.container}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          <Button.Icon name=\"uiBell\" />\n          {count > 0 && (\n            <Badge px={count < 9 ? '0' : '4px'} right={count < 9 ? 1 : 0}>\n              {count < 100 ? count : '99+'}\n            </Badge>\n          )}\n        </>\n      )}\n    </Button>\n  )\n})\n\nHeaderNotifications.displayName = 'HeaderNotifications'\n\nexport default HeaderNotifications\n"],"mappings":"6TAMA,MAAM,EAAQ,EAAO,OAAO;;;;;;;;;;;;;;EAiBf,EAAsB,GAAoC,EAAO,IAAQ,CACpF,GAAM,CAAE,WAAU,YAAW,QAAQ,EAAG,MAAK,GAAG,GAAS,EACnD,CAAE,SAAU,GAAkB,EAAI,EAAE,CACpC,EAAS,EAAe,SAAU,GAAkB,CAAC,CAAC,cAE5D,OACE,EAACA,EAAAA,CACC,GAAG,IACH,UAAW,EAAG,0BAA2B,EAAU,CACnD,KAAM,GAAO,EAAM,cACnB,KAAM,EACN,SAAS,WACT,GAAG,MACE,MACL,KAAK,KACL,MAAM,gBACN,QAAQ,eACR,GAAI,EAAO,UACX,GAAI,WAEH,GACC,EAAA,EAAA,CAAA,SAAA,CACE,EAACA,EAAO,KAAA,CAAK,KAAK,SAAA,CAAW,CAC5B,EAAQ,GACP,EAAC,EAAA,CAAM,GAAI,EAAQ,EAAI,IAAM,MAAO,MAAO,EAAQ,EAAI,EAAI,WACxD,EAAQ,IAAM,EAAQ,OACjB,CAAA,CAAA,CAET,EAEE,EAEX,CAEF,EAAoB,YAAc,sBAElC,IAAA,EAAe"}
+{"version":3,"file":"headerNotifications.js","names":["Button"],"sources":["../../src/header/headerNotifications.tsx"],"sourcesContent":["import Button from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderNotificationsProps } from './header.types'\n\nconst Badge = styled.spanBox`\n  align-items: center;\n  background-color: energyRed.45;\n  border-radius: round;\n  color: white;\n  display: flex;\n  font-size: 12px;\n  font-weight: medium;\n  height: 20px;\n  justify-content: center;\n  position: absolute;\n  right: 1px;\n  top: 1px;\n  min-width: 20px;\n`\n\n/** Icon link to Veracity notifications engine with an optional number of new notifications. */\nexport const HeaderNotifications = vui<'a', HeaderNotificationsProps>((props, ref) => {\n  const { children, className, count = 0, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext()).notifications\n\n  return (\n    <Button\n      as=\"a\"\n      className={cs('vui-headerNotifications', className)}\n      href={url ?? links.notifications}\n      minW={0}\n      position=\"relative\"\n      px=\"9px\"\n      ref={ref}\n      size=\"lg\"\n      title=\"Notifications\"\n      variant=\"tertiaryDark\"\n      {...styles.container}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          <Button.Icon name=\"uiBell\" />\n          {count > 0 && (\n            <Badge px={count < 9 ? '0' : '4px'} right={count < 9 ? 1 : 0}>\n              {count < 100 ? count : '99+'}\n            </Badge>\n          )}\n        </>\n      )}\n    </Button>\n  )\n})\n\nHeaderNotifications.displayName = 'HeaderNotifications'\n\nexport default HeaderNotifications\n"],"mappings":";;;;;;;;;AAMA,MAAM,QAAQ,OAAO,OAAO;;;;;;;;;;;;;;;;AAiB5B,MAAa,sBAAsB,KAAoC,OAAO,QAAQ;CACpF,MAAM,EAAE,UAAU,WAAW,QAAQ,GAAG,IAAK,GAAG,SAAS;CACzD,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAC1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAE5D,QACE,oBAACA;EACC,IAAG;EACH,WAAW,GAAG,2BAA2B,UAAU;EACnD,MAAM,OAAO,MAAM;EACnB,MAAM;EACN,UAAS;EACT,IAAG;EACE;EACL,MAAK;EACL,OAAM;EACN,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;YAEH,YACC,4CACE,oBAACA,eAAO,QAAK,MAAK,WAAW,EAC5B,QAAQ,KACP,oBAAC;GAAM,IAAI,QAAQ,IAAI,MAAM;GAAO,OAAO,QAAQ,IAAI,IAAI;aACxD,QAAQ,MAAM,QAAQ;IACjB,IAET;GAEE;EAEX;AAEF,oBAAoB,cAAc;AAElC,kCAAe"}

package/dist/header/headerServices.d.ts

@@ -1,9 +1,9 @@
 import { HeaderServicesProps } from "./header.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/header/headerServices.d.ts
 /** Displays a list of services available to the user. */
-declare function HeaderServices(props: HeaderServicesProps): react_jsx_runtime3.JSX.Element;
+declare function HeaderServices(props: HeaderServicesProps): react_jsx_runtime4.JSX.Element;
 declare namespace HeaderServices {
   var displayName: string;
 }

package/dist/header/headerServices.js

@@ -1,2 +1,69 @@
-import{useStyleConfig as e}from"../core/theme.js";import{RenderOnScreen as t}from"../core/media.js";import n from"../list/list.js";import r from"../menu/menu.js";import{useHeaderContext as i}from"./context.js";import a from"./headerServicesMessage.js";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";function l({links:t=[]}){let n=e(`Header`,i()).services;return s(o,{children:t.length>0?t.map(({text:e,url:t},i)=>s(r.Item,{isTruncated:!0,linkProps:{href:t},text:e,title:e,...n.item},i)):s(a,{})})}function u(a){let{buttonProps:u,isApplication:d=!1,links:f=[],showTopBorder:p=!1,...m}=a,h=e(`Header`,i()).services;return c(o,{children:[s(t,{minWidth:`lg`,children:c(r,{isLazy:!1,offset:[d?179:135,17],placement:`bottom-end`,size:`lg`,...m,children:[s(r.Button,{className:`vui-services-trigger`,icon:`uiTh`,ml:1,size:`lg`,title:`My services`,...h.button,...u}),s(r.List,{heading:`My Services`,maxH:295,right:0,w:320,...h.list,children:s(l,{links:f})})]})}),s(t,{maxWidth:`lg`,children:s(n,{heading:`My Services`,...h.list,borderTop:p?1:0,borderTopColor:`sandstone.main`,maxH:295,pt:1,children:s(l,{links:f})})})]})}u.displayName=`HeaderServices`;var d=u;export{u as HeaderServices,d as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useStyleConfig } from "../core/theme.js";
+import { RenderOnScreen } from "../core/media.js";
+import list_default from "../list/list.js";
+import menu_default from "../menu/menu.js";
+import { useHeaderContext } from "./context.js";
+import headerServicesMessage_default from "./headerServicesMessage.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/header/headerServices.tsx
+/** Supporting internal component to avoid code duplication. */
+function ListContent({ links = [] }) {
+	const styles = useStyleConfig("Header", useHeaderContext()).services;
+	return /* @__PURE__ */ jsx(Fragment, { children: links.length > 0 ? links.map(({ text, url }, index) => /* @__PURE__ */ jsx(menu_default.Item, {
+		isTruncated: true,
+		linkProps: { href: url },
+		text,
+		title: text,
+		...styles.item
+	}, index)) : /* @__PURE__ */ jsx(headerServicesMessage_default, {}) });
+}
+/** Displays a list of services available to the user. */
+function HeaderServices(props) {
+	const { buttonProps, isApplication = false, links = [], showTopBorder = false,...rest } = props;
+	const styles = useStyleConfig("Header", useHeaderContext()).services;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RenderOnScreen, {
+		minWidth: "lg",
+		children: /* @__PURE__ */ jsxs(menu_default, {
+			isLazy: false,
+			offset: [isApplication ? 179 : 135, 17],
+			placement: "bottom-end",
+			size: "lg",
+			...rest,
+			children: [/* @__PURE__ */ jsx(menu_default.Button, {
+				className: "vui-services-trigger",
+				icon: "uiTh",
+				ml: 1,
+				size: "lg",
+				title: "My services",
+				...styles.button,
+				...buttonProps
+			}), /* @__PURE__ */ jsx(menu_default.List, {
+				heading: "My Services",
+				maxH: 295,
+				right: 0,
+				w: 320,
+				...styles.list,
+				children: /* @__PURE__ */ jsx(ListContent, { links })
+			})]
+		})
+	}), /* @__PURE__ */ jsx(RenderOnScreen, {
+		maxWidth: "lg",
+		children: /* @__PURE__ */ jsx(list_default, {
+			heading: "My Services",
+			...styles.list,
+			borderTop: showTopBorder ? 1 : 0,
+			borderTopColor: "sandstone.main",
+			maxH: 295,
+			pt: 1,
+			children: /* @__PURE__ */ jsx(ListContent, { links })
+		})
+	})] });
+}
+HeaderServices.displayName = "HeaderServices";
+var headerServices_default = HeaderServices;
+
+//#endregion
+export { HeaderServices, headerServices_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=headerServices.js.map

package/dist/header/headerServices.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerServices.js","names":["Menu","HeaderServicesMessage","List"],"sources":["../../src/header/headerServices.tsx"],"sourcesContent":["import { RenderOnScreen, useStyleConfig } from '../core'\nimport List from '../list'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\nimport type { HeaderServicesProps } from './header.types'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Supporting internal component to avoid code duplication. */\nfunction ListContent({ links = [] }: Pick<HeaderServicesProps, 'links'>) {\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  return (\n    <>\n      {links.length > 0 ? (\n        links.map(({ text, url }, index) => (\n          <Menu.Item isTruncated key={index} linkProps={{ href: url }} text={text} title={text} {...styles.item} />\n        ))\n      ) : (\n        <HeaderServicesMessage />\n      )}\n    </>\n  )\n}\n\n/** Displays a list of services available to the user. */\nexport function HeaderServices(props: HeaderServicesProps) {\n  const { buttonProps, isApplication = false, links = [], showTopBorder = false, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  const offsetX = isApplication ? 179 : 135\n\n  return (\n    <>\n      <RenderOnScreen minWidth=\"lg\">\n        <Menu isLazy={false} offset={[offsetX, 17]} placement=\"bottom-end\" size=\"lg\" {...rest}>\n          <Menu.Button\n            className=\"vui-services-trigger\"\n            icon=\"uiTh\"\n            ml={1}\n            size=\"lg\"\n            title=\"My services\"\n            {...styles.button}\n            {...buttonProps}\n          />\n\n          <Menu.List heading=\"My Services\" maxH={295} right={0} w={320} {...styles.list}>\n            <ListContent links={links} />\n          </Menu.List>\n        </Menu>\n      </RenderOnScreen>\n\n      <RenderOnScreen maxWidth=\"lg\">\n        <List\n          heading=\"My Services\"\n          {...styles.list}\n          borderTop={showTopBorder ? 1 : 0}\n          borderTopColor=\"sandstone.main\"\n          maxH={295}\n          pt={1}\n        >\n          <ListContent links={links} />\n        </List>\n      </RenderOnScreen>\n    </>\n  )\n}\n\nHeaderServices.displayName = 'HeaderServices'\n\nexport default HeaderServices\n"],"mappings":"4TAQA,SAAS,EAAY,CAAE,QAAQ,EAAE,EAAwC,CACvE,IAAM,EAAS,EAAe,SAAU,GAAkB,CAAC,CAAC,SAE5D,OACE,EAAA,EAAA,CAAA,SACG,EAAM,OAAS,EACd,EAAM,KAAK,CAAE,OAAM,OAAO,IACxB,EAACA,EAAK,KAAA,CAAK,YAAA,GAAwB,UAAW,CAAE,KAAM,EAAK,CAAQ,OAAM,MAAO,EAAM,GAAI,EAAO,MAArE,EAA6E,CACzG,CAEF,EAACC,EAAAA,EAAAA,CAAwB,CAAA,CAE1B,CAKP,SAAgB,EAAe,EAA4B,CACzD,GAAM,CAAE,cAAa,gBAAgB,GAAO,QAAQ,EAAE,CAAE,gBAAgB,GAAO,GAAG,GAAS,EACrF,EAAS,EAAe,SAAU,GAAkB,CAAC,CAAC,SAI5D,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAe,SAAS,cACvB,EAACD,EAAAA,CAAK,OAAQ,GAAO,OAAQ,CALnB,EAAgB,IAAM,IAKO,GAAG,CAAE,UAAU,aAAa,KAAK,KAAK,GAAI,YAC/E,EAACA,EAAK,OAAA,CACJ,UAAU,uBACV,KAAK,OACL,GAAI,EACJ,KAAK,KACL,MAAM,cACN,GAAI,EAAO,OACX,GAAI,GACJ,CAEF,EAACA,EAAK,KAAA,CAAK,QAAQ,cAAc,KAAM,IAAK,MAAO,EAAG,EAAG,IAAK,GAAI,EAAO,cACvE,EAAC,EAAA,CAAmB,QAAA,CAAS,EACnB,CAAA,EACP,EACQ,CAEjB,EAAC,EAAA,CAAe,SAAS,cACvB,EAACE,EAAAA,CACC,QAAQ,cACR,GAAI,EAAO,KACX,UAAW,EAAgB,EAAI,EAC/B,eAAe,iBACf,KAAM,IACN,GAAI,WAEJ,EAAC,EAAA,CAAmB,QAAA,CAAS,EACxB,EACQ,CAAA,CAAA,CAChB,CAIP,EAAe,YAAc,iBAE7B,IAAA,EAAe"}
+{"version":3,"file":"headerServices.js","names":["Menu","HeaderServicesMessage","List"],"sources":["../../src/header/headerServices.tsx"],"sourcesContent":["import { RenderOnScreen, useStyleConfig } from '../core'\nimport List from '../list'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\nimport type { HeaderServicesProps } from './header.types'\nimport HeaderServicesMessage from './headerServicesMessage'\n\n/** Supporting internal component to avoid code duplication. */\nfunction ListContent({ links = [] }: Pick<HeaderServicesProps, 'links'>) {\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  return (\n    <>\n      {links.length > 0 ? (\n        links.map(({ text, url }, index) => (\n          <Menu.Item isTruncated key={index} linkProps={{ href: url }} text={text} title={text} {...styles.item} />\n        ))\n      ) : (\n        <HeaderServicesMessage />\n      )}\n    </>\n  )\n}\n\n/** Displays a list of services available to the user. */\nexport function HeaderServices(props: HeaderServicesProps) {\n  const { buttonProps, isApplication = false, links = [], showTopBorder = false, ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  const offsetX = isApplication ? 179 : 135\n\n  return (\n    <>\n      <RenderOnScreen minWidth=\"lg\">\n        <Menu isLazy={false} offset={[offsetX, 17]} placement=\"bottom-end\" size=\"lg\" {...rest}>\n          <Menu.Button\n            className=\"vui-services-trigger\"\n            icon=\"uiTh\"\n            ml={1}\n            size=\"lg\"\n            title=\"My services\"\n            {...styles.button}\n            {...buttonProps}\n          />\n\n          <Menu.List heading=\"My Services\" maxH={295} right={0} w={320} {...styles.list}>\n            <ListContent links={links} />\n          </Menu.List>\n        </Menu>\n      </RenderOnScreen>\n\n      <RenderOnScreen maxWidth=\"lg\">\n        <List\n          heading=\"My Services\"\n          {...styles.list}\n          borderTop={showTopBorder ? 1 : 0}\n          borderTopColor=\"sandstone.main\"\n          maxH={295}\n          pt={1}\n        >\n          <ListContent links={links} />\n        </List>\n      </RenderOnScreen>\n    </>\n  )\n}\n\nHeaderServices.displayName = 'HeaderServices'\n\nexport default HeaderServices\n"],"mappings":";;;;;;;;;;AAQA,SAAS,YAAY,EAAE,QAAQ,EAAE,IAAwC;CACvE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAE5D,QACE,0CACG,MAAM,SAAS,IACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAACA,aAAK;EAAK;EAAwB,WAAW,EAAE,MAAM,KAAK;EAAQ;EAAM,OAAO;EAAM,GAAI,OAAO;IAArE,MAA6E,CACzG,GAEF,oBAACC,kCAAwB,GAE1B;;;AAKP,SAAgB,eAAe,OAA4B;CACzD,MAAM,EAAE,aAAa,gBAAgB,OAAO,QAAQ,EAAE,EAAE,gBAAgB,MAAO,GAAG,SAAS;CAC3F,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAI5D,QACE,4CACE,oBAAC;EAAe,UAAS;YACvB,qBAACD;GAAK,QAAQ;GAAO,QAAQ,CALnB,gBAAgB,MAAM,KAKO,GAAG;GAAE,WAAU;GAAa,MAAK;GAAK,GAAI;cAC/E,oBAACA,aAAK;IACJ,WAAU;IACV,MAAK;IACL,IAAI;IACJ,MAAK;IACL,OAAM;IACN,GAAI,OAAO;IACX,GAAI;KACJ,EAEF,oBAACA,aAAK;IAAK,SAAQ;IAAc,MAAM;IAAK,OAAO;IAAG,GAAG;IAAK,GAAI,OAAO;cACvE,oBAAC,eAAmB,QAAS;KACnB;IACP;GACQ,EAEjB,oBAAC;EAAe,UAAS;YACvB,oBAACE;GACC,SAAQ;GACR,GAAI,OAAO;GACX,WAAW,gBAAgB,IAAI;GAC/B,gBAAe;GACf,MAAM;GACN,IAAI;aAEJ,oBAAC,eAAmB,QAAS;IACxB;GACQ,IAChB;;AAIP,eAAe,cAAc;AAE7B,6BAAe"}

package/dist/header/headerServicesMessage.d.ts

@@ -1,5 +1,7 @@
 import { VuiComponent } from "../core/vui.js";
 import { PProps } from "../p/p.types.js";
+import "../p/index.js";
+import "../index.js";
 
 //#region src/header/headerServicesMessage.d.ts
 /** Displays a message with link to Marketplace if user has no services available. */

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

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

package/dist/header/headerServicesMessage.js

@@ -1,2 +1,42 @@
-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"../link/link.js";import i from"../p/p.js";import{useHeaderContext as a}from"./context.js";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";const l=n((n,l)=>{let{children:u,className:d,...f}=n,{links:p}=a()??{},m=t(`Header`,a());return s(i,{className:e(`vui-headerServicesMessage`,d),mb:2,ml:2,ref:l,...m.servicesMessage,...f,children:u??c(o,{children:[`No services available. `,s(`br`,{}),`Explore more on the`,` `,s(r,{href:p?.marketplace,isUnderlined:!0,children:`marketplace`}),`.`]})})});l.displayName=`HeaderServicesMessage`;var u=l;export{l as HeaderServicesMessage,u 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 link_default from "../link/link.js";
+import p_default from "../p/p.js";
+import { useHeaderContext } from "./context.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/header/headerServicesMessage.tsx
+/** Displays a message with link to Marketplace if user has no services available. */
+const HeaderServicesMessage = vui((props, ref) => {
+	const { children, className,...rest } = props;
+	const { links } = useHeaderContext() ?? {};
+	const styles = useStyleConfig("Header", useHeaderContext());
+	return /* @__PURE__ */ jsx(p_default, {
+		className: cs("vui-headerServicesMessage", className),
+		mb: 2,
+		ml: 2,
+		ref,
+		...styles.servicesMessage,
+		...rest,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+			"No services available. ",
+			/* @__PURE__ */ jsx("br", {}),
+			"Explore more on the",
+			" ",
+			/* @__PURE__ */ jsx(link_default, {
+				href: links?.marketplace,
+				isUnderlined: true,
+				children: "marketplace"
+			}),
+			"."
+		] })
+	});
+});
+HeaderServicesMessage.displayName = "HeaderServicesMessage";
+var headerServicesMessage_default = HeaderServicesMessage;
+
+//#endregion
+export { HeaderServicesMessage, headerServicesMessage_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=headerServicesMessage.js.map

package/dist/header/headerServicesMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerServicesMessage.js","names":["P","Link"],"sources":["../../src/header/headerServicesMessage.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport type { PProps } from '../p'\nimport P from '../p'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Displays a message with link to Marketplace if user has no services available. */\nexport const HeaderServicesMessage = vui<'p', PProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <P\n      className={cs('vui-headerServicesMessage', className)}\n      mb={2}\n      ml={2}\n      ref={ref}\n      {...styles.servicesMessage}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          No services available. <br />\n          Explore more on the{' '}\n          <Link href={links?.marketplace} isUnderlined>\n            marketplace\n          </Link>\n          .\n        </>\n      )}\n    </P>\n  )\n})\n\nHeaderServicesMessage.displayName = 'HeaderServicesMessage'\n\nexport default HeaderServicesMessage\n"],"mappings":"uSAQA,MAAa,EAAwB,GAAkB,EAAO,IAAQ,CACpE,GAAM,CAAE,WAAU,YAAW,GAAG,GAAS,EACnC,CAAE,SAAU,GAAkB,EAAI,EAAE,CACpC,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,4BAA6B,EAAU,CACrD,GAAI,EACJ,GAAI,EACC,MACL,GAAI,EAAO,gBACX,GAAI,WAEH,GACC,EAAA,EAAA,CAAA,SAAA,CAAE,0BACuB,EAAC,KAAA,EAAA,CAAK,uBACT,IACpB,EAACC,EAAAA,CAAK,KAAM,GAAO,YAAa,aAAA,YAAa,eAEtC,OAEN,EAEH,EAEN,CAEF,EAAsB,YAAc,wBAEpC,IAAA,EAAe"}
+{"version":3,"file":"headerServicesMessage.js","names":["P","Link"],"sources":["../../src/header/headerServicesMessage.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport Link from '../link'\nimport type { PProps } from '../p'\nimport P from '../p'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Displays a message with link to Marketplace if user has no services available. */\nexport const HeaderServicesMessage = vui<'p', PProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  return (\n    <P\n      className={cs('vui-headerServicesMessage', className)}\n      mb={2}\n      ml={2}\n      ref={ref}\n      {...styles.servicesMessage}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          No services available. <br />\n          Explore more on the{' '}\n          <Link href={links?.marketplace} isUnderlined>\n            marketplace\n          </Link>\n          .\n        </>\n      )}\n    </P>\n  )\n})\n\nHeaderServicesMessage.displayName = 'HeaderServicesMessage'\n\nexport default HeaderServicesMessage\n"],"mappings":";;;;;;;;;;AAQA,MAAa,wBAAwB,KAAkB,OAAO,QAAQ;CACpE,MAAM,EAAE,UAAU,UAAW,GAAG,SAAS;CACzC,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAC1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,6BAA6B,UAAU;EACrD,IAAI;EACJ,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YACC;GAAE;GACuB,oBAAC,SAAK;;GACT;GACpB,oBAACC;IAAK,MAAM,OAAO;IAAa;cAAa;KAEtC;;MAEN;GAEH;EAEN;AAEF,sBAAsB,cAAc;AAEpC,oCAAe"}

package/dist/header/headerSignIn.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { HeaderSignInProps } from "./header.types.js";
+import "../index.js";
 
 //#region src/header/headerSignIn.d.ts
 /** Sign in button leading to Veracity login page. */

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

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

package/dist/header/headerSignIn.js

@@ -1,2 +1,33 @@
-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"../button/button.js";import{useHeaderContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{children:s,className:c,url:l,...u}=n,{links:d}=i()??{},f=t(`Header`,i()),p=f?.signIn?.button?.variant??`primaryDark`;return a(r,{as:`a`,className:e(`vui-headerSignIn`,c),href:l??d.signIn,ref:o,size:`lg`,variant:p,...f.signIn,...u,children:s??`Sign in`})});o.displayName=`HeaderSignIn`;var s=o;export{o as HeaderSignIn,s 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 button_default from "../button/button.js";
+import { useHeaderContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/header/headerSignIn.tsx
+/** Sign in button leading to Veracity login page. */
+const HeaderSignIn = vui((props, ref) => {
+	const { children, className, url,...rest } = props;
+	const { links } = useHeaderContext() ?? {};
+	const styles = useStyleConfig("Header", useHeaderContext());
+	const buttonVariant = styles?.signIn?.button?.variant ?? "primaryDark";
+	return /* @__PURE__ */ jsx(button_default, {
+		as: "a",
+		className: cs("vui-headerSignIn", className),
+		href: url ?? links.signIn,
+		ref,
+		size: "lg",
+		variant: buttonVariant,
+		...styles.signIn,
+		...rest,
+		children: children ?? "Sign in"
+	});
+});
+HeaderSignIn.displayName = "HeaderSignIn";
+var headerSignIn_default = HeaderSignIn;
+
+//#endregion
+export { HeaderSignIn, headerSignIn_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=headerSignIn.js.map

package/dist/header/headerSignIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerSignIn.js","names":["Button"],"sources":["../../src/header/headerSignIn.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderSignInProps } from './header.types'\n\n/** Sign in button leading to Veracity login page. */\nexport const HeaderSignIn = vui<'button', HeaderSignInProps>((props, ref) => {\n  const { children, className, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const buttonVariant = styles?.signIn?.button?.variant ?? 'primaryDark'\n\n  return (\n    <Button\n      as=\"a\"\n      className={cs('vui-headerSignIn', className)}\n      href={url ?? links.signIn}\n      ref={ref}\n      size=\"lg\"\n      variant={buttonVariant}\n      {...styles.signIn}\n      {...rest}\n    >\n      {children ?? 'Sign in'}\n    </Button>\n  )\n})\n\nHeaderSignIn.displayName = 'HeaderSignIn'\nexport default HeaderSignIn\n"],"mappings":"0PAOA,MAAa,EAAe,GAAkC,EAAO,IAAQ,CAC3E,GAAM,CAAE,WAAU,YAAW,MAAK,GAAG,GAAS,EACxC,CAAE,SAAU,GAAkB,EAAI,EAAE,CACpC,EAAS,EAAe,SAAU,GAAkB,CAAC,CAErD,EAAgB,GAAQ,QAAQ,QAAQ,SAAW,cAEzD,OACE,EAACA,EAAAA,CACC,GAAG,IACH,UAAW,EAAG,mBAAoB,EAAU,CAC5C,KAAM,GAAO,EAAM,OACd,MACL,KAAK,KACL,QAAS,EACT,GAAI,EAAO,OACX,GAAI,WAEH,GAAY,WACN,EAEX,CAEF,EAAa,YAAc,eAC3B,IAAA,EAAe"}
+{"version":3,"file":"headerSignIn.js","names":["Button"],"sources":["../../src/header/headerSignIn.tsx"],"sourcesContent":["import Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useHeaderContext } from './context'\nimport type { HeaderSignInProps } from './header.types'\n\n/** Sign in button leading to Veracity login page. */\nexport const HeaderSignIn = vui<'button', HeaderSignInProps>((props, ref) => {\n  const { children, className, url, ...rest } = props\n  const { links } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const buttonVariant = styles?.signIn?.button?.variant ?? 'primaryDark'\n\n  return (\n    <Button\n      as=\"a\"\n      className={cs('vui-headerSignIn', className)}\n      href={url ?? links.signIn}\n      ref={ref}\n      size=\"lg\"\n      variant={buttonVariant}\n      {...styles.signIn}\n      {...rest}\n    >\n      {children ?? 'Sign in'}\n    </Button>\n  )\n})\n\nHeaderSignIn.displayName = 'HeaderSignIn'\nexport default HeaderSignIn\n"],"mappings":";;;;;;;;;AAOA,MAAa,eAAe,KAAkC,OAAO,QAAQ;CAC3E,MAAM,EAAE,UAAU,WAAW,IAAK,GAAG,SAAS;CAC9C,MAAM,EAAE,UAAU,kBAAkB,IAAI,EAAE;CAC1C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,gBAAgB,QAAQ,QAAQ,QAAQ,WAAW;AAEzD,QACE,oBAACA;EACC,IAAG;EACH,WAAW,GAAG,oBAAoB,UAAU;EAC5C,MAAM,OAAO,MAAM;EACd;EACL,MAAK;EACL,SAAS;EACT,GAAI,OAAO;EACX,GAAI;YAEH,YAAY;GACN;EAEX;AAEF,aAAa,cAAc;AAC3B,2BAAe"}

package/dist/header/headerSupport.js

@@ -1,2 +1,76 @@
-import{useStyleConfig as e}from"../core/theme.js";import{useDown as t}from"../core/media.js";import n from"../menu/menu.js";import{useHeaderContext as r}from"./context.js";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";function s({links:t=[]}){let s=e(`Header`,r()).services;return o(i,{children:[a(n.Item,{isTruncated:!0,linkProps:{href:`https://support.veracity.com/`},text:`Veracity support`,title:`Veracity support`,...s.item},`veracity-support`),a(n.Item,{isTruncated:!0,linkProps:{href:`https://id.veracity.com/terms-of-use`},text:`Veracity terms`,title:`Veracity terms`,...s.item},`veracity-terms`),a(n.Item,{isTruncated:!0,linkProps:{href:`https://services.veracity.com/PrivacyStatement`},text:`Privacy`,title:`Privacy`,...s.item},`privacy`),t.length>0&&t.map(({text:e,url:t},r)=>a(n.Item,{isTruncated:!0,linkProps:{href:t},text:e,title:e,...s.item},r))]})}function c(c){let{links:l=[],...u}=c,d=e(`Header`,r()).services,f=t(`lg`);return a(i,{children:o(n,{isLazy:!1,offset:[f?162:135,16],placement:`bottom-end`,size:`lg`,...u,children:[a(n.Button,{className:`vui-app-info-trigger`,color:d.button.color,icon:`uiQuestionCircle`,ml:1,size:`lg`,title:`Support`,...d.button}),a(n.List,{maxH:295,right:0,w:f?280:320,...d.list,children:a(s,{links:l})})]})})}c.displayName=`HeaderSupport`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useStyleConfig } from "../core/theme.js";
+import { useDown } from "../core/media.js";
+import menu_default from "../menu/menu.js";
+import { useHeaderContext } from "./context.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/header/headerSupport.tsx
+/** Supporting internal component to avoid code duplication. */
+function ListContent({ links = [] }) {
+	const styles = useStyleConfig("Header", useHeaderContext()).services;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(menu_default.Item, {
+			isTruncated: true,
+			linkProps: { href: "https://support.veracity.com/" },
+			text: "Veracity support",
+			title: "Veracity support",
+			...styles.item
+		}, "veracity-support"),
+		/* @__PURE__ */ jsx(menu_default.Item, {
+			isTruncated: true,
+			linkProps: { href: "https://id.veracity.com/terms-of-use" },
+			text: "Veracity terms",
+			title: "Veracity terms",
+			...styles.item
+		}, "veracity-terms"),
+		/* @__PURE__ */ jsx(menu_default.Item, {
+			isTruncated: true,
+			linkProps: { href: "https://services.veracity.com/PrivacyStatement" },
+			text: "Privacy",
+			title: "Privacy",
+			...styles.item
+		}, "privacy"),
+		links.length > 0 && links.map(({ text, url }, index) => /* @__PURE__ */ jsx(menu_default.Item, {
+			isTruncated: true,
+			linkProps: { href: url },
+			text,
+			title: text,
+			...styles.item
+		}, index))
+	] });
+}
+/** Displays a list of services available to the user. */
+function HeaderSupport(props) {
+	const { links = [],...rest } = props;
+	const styles = useStyleConfig("Header", useHeaderContext()).services;
+	const isTablet = useDown("lg");
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(menu_default, {
+		isLazy: false,
+		offset: [isTablet ? 162 : 135, 16],
+		placement: "bottom-end",
+		size: "lg",
+		...rest,
+		children: [/* @__PURE__ */ jsx(menu_default.Button, {
+			className: "vui-app-info-trigger",
+			color: styles.button.color,
+			icon: "uiQuestionCircle",
+			ml: 1,
+			size: "lg",
+			title: "Support",
+			...styles.button
+		}), /* @__PURE__ */ jsx(menu_default.List, {
+			maxH: 295,
+			right: 0,
+			w: isTablet ? 280 : 320,
+			...styles.list,
+			children: /* @__PURE__ */ jsx(ListContent, { links })
+		})]
+	}) });
+}
+HeaderSupport.displayName = "HeaderSupport";
+var headerSupport_default = HeaderSupport;
+
+//#endregion
+export { headerSupport_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=headerSupport.js.map

package/dist/header/headerSupport.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerSupport.js","names":["Menu"],"sources":["../../src/header/headerSupport.tsx"],"sourcesContent":["import { useDown, useStyleConfig } from '../core'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\nimport type { HeaderSupportProps } from './header.types'\n\n/** Supporting internal component to avoid code duplication. */\nfunction ListContent({ links = [] }: Pick<HeaderSupportProps, 'links'>) {\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  return (\n    <>\n      <Menu.Item\n        isTruncated\n        key=\"veracity-support\"\n        linkProps={{ href: 'https://support.veracity.com/' }}\n        text=\"Veracity support\"\n        title=\"Veracity support\"\n        {...styles.item}\n      />\n      <Menu.Item\n        isTruncated\n        key=\"veracity-terms\"\n        linkProps={{ href: 'https://id.veracity.com/terms-of-use' }}\n        text=\"Veracity terms\"\n        title=\"Veracity terms\"\n        {...styles.item}\n      />\n      <Menu.Item\n        isTruncated\n        key=\"privacy\"\n        linkProps={{ href: 'https://services.veracity.com/PrivacyStatement' }}\n        text=\"Privacy\"\n        title=\"Privacy\"\n        {...styles.item}\n      />\n\n      {links.length > 0 &&\n        links.map(({ text, url }, index) => (\n          <Menu.Item isTruncated key={index} linkProps={{ href: url }} text={text} title={text} {...styles.item} />\n        ))}\n    </>\n  )\n}\n\n/** Displays a list of services available to the user. */\nexport function HeaderSupport(props: HeaderSupportProps) {\n  const { links = [], ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  const isTablet = useDown('lg')\n  const offsetX = isTablet ? 162 : 135\n\n  return (\n    <>\n      <Menu isLazy={false} offset={[offsetX, 16]} placement=\"bottom-end\" size=\"lg\" {...rest}>\n        <Menu.Button\n          className=\"vui-app-info-trigger\"\n          color={styles.button.color}\n          icon=\"uiQuestionCircle\"\n          ml={1}\n          size=\"lg\"\n          title=\"Support\"\n          {...styles.button}\n        />\n\n        <Menu.List maxH={295} right={0} w={isTablet ? 280 : 320} {...styles.list}>\n          <ListContent links={links} />\n        </Menu.List>\n      </Menu>\n    </>\n  )\n}\n\nHeaderSupport.displayName = 'HeaderSupport'\n\nexport default HeaderSupport\n"],"mappings":"4OAMA,SAAS,EAAY,CAAE,QAAQ,EAAE,EAAuC,CACtE,IAAM,EAAS,EAAe,SAAU,GAAkB,CAAC,CAAC,SAE5D,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAACA,EAAK,KAAA,CACJ,YAAA,GAEA,UAAW,CAAE,KAAM,gCAAiC,CACpD,KAAK,mBACL,MAAM,mBACN,GAAI,EAAO,MAJP,mBAKJ,CACF,EAACA,EAAK,KAAA,CACJ,YAAA,GAEA,UAAW,CAAE,KAAM,uCAAwC,CAC3D,KAAK,iBACL,MAAM,iBACN,GAAI,EAAO,MAJP,iBAKJ,CACF,EAACA,EAAK,KAAA,CACJ,YAAA,GAEA,UAAW,CAAE,KAAM,iDAAkD,CACrE,KAAK,UACL,MAAM,UACN,GAAI,EAAO,MAJP,UAKJ,CAED,EAAM,OAAS,GACd,EAAM,KAAK,CAAE,OAAM,OAAO,IACxB,EAACA,EAAK,KAAA,CAAK,YAAA,GAAwB,UAAW,CAAE,KAAM,EAAK,CAAQ,OAAM,MAAO,EAAM,GAAI,EAAO,MAArE,EAA6E,CACzG,GACH,CAKP,SAAgB,EAAc,EAA2B,CACvD,GAAM,CAAE,QAAQ,EAAE,CAAE,GAAG,GAAS,EAC1B,EAAS,EAAe,SAAU,GAAkB,CAAC,CAAC,SAEtD,EAAW,EAAQ,KAAK,CAG9B,OACE,EAAA,EAAA,CAAA,SACE,EAACA,EAAAA,CAAK,OAAQ,GAAO,OAAQ,CAJjB,EAAW,IAAM,IAIU,GAAG,CAAE,UAAU,aAAa,KAAK,KAAK,GAAI,YAC/E,EAACA,EAAK,OAAA,CACJ,UAAU,uBACV,MAAO,EAAO,OAAO,MACrB,KAAK,mBACL,GAAI,EACJ,KAAK,KACL,MAAM,UACN,GAAI,EAAO,QACX,CAEF,EAACA,EAAK,KAAA,CAAK,KAAM,IAAK,MAAO,EAAG,EAAG,EAAW,IAAM,IAAK,GAAI,EAAO,cAClE,EAAC,EAAA,CAAmB,QAAA,CAAS,EACnB,CAAA,EACP,CAAA,CACN,CAIP,EAAc,YAAc,gBAE5B,IAAA,EAAe"}
+{"version":3,"file":"headerSupport.js","names":["Menu"],"sources":["../../src/header/headerSupport.tsx"],"sourcesContent":["import { useDown, useStyleConfig } from '../core'\nimport Menu from '../menu'\nimport { useHeaderContext } from './context'\nimport type { HeaderSupportProps } from './header.types'\n\n/** Supporting internal component to avoid code duplication. */\nfunction ListContent({ links = [] }: Pick<HeaderSupportProps, 'links'>) {\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  return (\n    <>\n      <Menu.Item\n        isTruncated\n        key=\"veracity-support\"\n        linkProps={{ href: 'https://support.veracity.com/' }}\n        text=\"Veracity support\"\n        title=\"Veracity support\"\n        {...styles.item}\n      />\n      <Menu.Item\n        isTruncated\n        key=\"veracity-terms\"\n        linkProps={{ href: 'https://id.veracity.com/terms-of-use' }}\n        text=\"Veracity terms\"\n        title=\"Veracity terms\"\n        {...styles.item}\n      />\n      <Menu.Item\n        isTruncated\n        key=\"privacy\"\n        linkProps={{ href: 'https://services.veracity.com/PrivacyStatement' }}\n        text=\"Privacy\"\n        title=\"Privacy\"\n        {...styles.item}\n      />\n\n      {links.length > 0 &&\n        links.map(({ text, url }, index) => (\n          <Menu.Item isTruncated key={index} linkProps={{ href: url }} text={text} title={text} {...styles.item} />\n        ))}\n    </>\n  )\n}\n\n/** Displays a list of services available to the user. */\nexport function HeaderSupport(props: HeaderSupportProps) {\n  const { links = [], ...rest } = props\n  const styles = useStyleConfig('Header', useHeaderContext()).services\n\n  const isTablet = useDown('lg')\n  const offsetX = isTablet ? 162 : 135\n\n  return (\n    <>\n      <Menu isLazy={false} offset={[offsetX, 16]} placement=\"bottom-end\" size=\"lg\" {...rest}>\n        <Menu.Button\n          className=\"vui-app-info-trigger\"\n          color={styles.button.color}\n          icon=\"uiQuestionCircle\"\n          ml={1}\n          size=\"lg\"\n          title=\"Support\"\n          {...styles.button}\n        />\n\n        <Menu.List maxH={295} right={0} w={isTablet ? 280 : 320} {...styles.list}>\n          <ListContent links={links} />\n        </Menu.List>\n      </Menu>\n    </>\n  )\n}\n\nHeaderSupport.displayName = 'HeaderSupport'\n\nexport default HeaderSupport\n"],"mappings":";;;;;;;;AAMA,SAAS,YAAY,EAAE,QAAQ,EAAE,IAAuC;CACtE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;AAE5D,QACE;EACE,oBAACA,aAAK;GACJ;GAEA,WAAW,EAAE,MAAM,iCAAiC;GACpD,MAAK;GACL,OAAM;GACN,GAAI,OAAO;KAJP,mBAKJ;EACF,oBAACA,aAAK;GACJ;GAEA,WAAW,EAAE,MAAM,wCAAwC;GAC3D,MAAK;GACL,OAAM;GACN,GAAI,OAAO;KAJP,iBAKJ;EACF,oBAACA,aAAK;GACJ;GAEA,WAAW,EAAE,MAAM,kDAAkD;GACrE,MAAK;GACL,OAAM;GACN,GAAI,OAAO;KAJP,UAKJ;EAED,MAAM,SAAS,KACd,MAAM,KAAK,EAAE,MAAM,OAAO,UACxB,oBAACA,aAAK;GAAK;GAAwB,WAAW,EAAE,MAAM,KAAK;GAAQ;GAAM,OAAO;GAAM,GAAI,OAAO;KAArE,MAA6E,CACzG;KACH;;;AAKP,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,QAAQ,EAAE,CAAE,GAAG,SAAS;CAChC,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC,CAAC;CAE5D,MAAM,WAAW,QAAQ,KAAK;AAG9B,QACE,0CACE,qBAACA;EAAK,QAAQ;EAAO,QAAQ,CAJjB,WAAW,MAAM,KAIU,GAAG;EAAE,WAAU;EAAa,MAAK;EAAK,GAAI;aAC/E,oBAACA,aAAK;GACJ,WAAU;GACV,OAAO,OAAO,OAAO;GACrB,MAAK;GACL,IAAI;GACJ,MAAK;GACL,OAAM;GACN,GAAI,OAAO;IACX,EAEF,oBAACA,aAAK;GAAK,MAAM;GAAK,OAAO;GAAG,GAAG,WAAW,MAAM;GAAK,GAAI,OAAO;aAClE,oBAAC,eAAmB,QAAS;IACnB;GACP,GACN;;AAIP,cAAc,cAAc;AAE5B,4BAAe"}

package/dist/header/helpers.d.ts

@@ -1,4 +1,5 @@
 import { Environment } from "../utils/types.js";
+import "../utils/index.js";
 import { HeaderAccountSectionData } from "./headerAccount.types.js";
 import { HeaderLinkData } from "./header.types.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","names":[],"sources":["../../src/header/helpers.ts"],"sourcesContent":[],"mappings":";;;;;;iBAcgB,cAAA,MAAoB;EAApB,eAAA,CAAA,yBAAc,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA;EAAA,SAAA,CAAA,eAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA"}
+{"version":3,"file":"helpers.d.ts","names":[],"sources":["../../src/header/helpers.ts"],"sourcesContent":[],"mappings":";;;;;;;iBAcgB,cAAA,MAAoB;;EAApB,SAAA,CAAA,eAAc,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA;CAAM"}

package/dist/header/helpers.js

@@ -1,2 +1,47 @@
-import{cdnUrls as e}from"../core/consts.js";import{isObject as t}from"../utils/assertion.js";import{useLinks as n}from"../core/links.js";import{useEffect as r,useState as i}from"react";function a(a){let[o,s]=i({}),[c]=n();return r(()=>{n();async function n(){try{let n=await fetch(`${e[a]}/common/data/links/header.json`);if(!n.ok)return;let r=await n.json();t(r)&&s({accountSections:r.accountSections,mainLinks:r.mainLinks})}catch{console.error(`Failed to retrieve header data.`)}}},[a]),{accountSections:o.accountSections?.map(e=>({...e,links:e.links?.map(e=>({...e,url:c[e?.id??``]}))})),mainLinks:o.mainLinks?.map(e=>({...e,url:c[e?.id??``]}))}}export{a as useHeaderLinks};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cdnUrls } from "../core/consts.js";
+import { isObject } from "../utils/assertion.js";
+import { useLinks } from "../core/links.js";
+import { useEffect, useState } from "react";
+
+//#region src/header/helpers.ts
+/** Loads templates for Header links and enriches them with urls from LinksContext. */
+function useHeaderLinks(env) {
+	const [templates, setTemplates] = useState({});
+	const [links] = useLinks();
+	useEffect(() => {
+		loadHeaderLinks();
+		async function loadHeaderLinks() {
+			try {
+				const response = await fetch(`${cdnUrls[env]}/common/data/links/header.json`);
+				if (!response.ok) return;
+				const data = await response.json();
+				if (isObject(data)) setTemplates({
+					accountSections: data.accountSections,
+					mainLinks: data.mainLinks
+				});
+			} catch {
+				console.error("Failed to retrieve header data.");
+			}
+		}
+	}, [env]);
+	return {
+		accountSections: templates.accountSections?.map((section) => {
+			return {
+				...section,
+				links: section.links?.map((link) => ({
+					...link,
+					url: links[link?.id ?? ""]
+				}))
+			};
+		}),
+		mainLinks: templates.mainLinks?.map((link) => ({
+			...link,
+			url: links[link?.id ?? ""]
+		}))
+	};
+}
+
+//#endregion
+export { useHeaderLinks };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=helpers.js.map

package/dist/header/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/header/helpers.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { cdnUrls, useLinks } from '../core'\nimport type { Environment } from '../utils'\nimport { isObject } from '../utils'\nimport type { HeaderLinkData } from './header.types'\nimport type { HeaderAccountSectionData } from './headerAccount.types'\n\ntype HeaderLinksTemplates = {\n  accountSections?: HeaderAccountSectionData[]\n  mainLinks?: HeaderLinkData[]\n}\n\n/** Loads templates for Header links and enriches them with urls from LinksContext. */\nexport function useHeaderLinks(env: Environment) {\n  const [templates, setTemplates] = useState<HeaderLinksTemplates>({})\n  const [links] = useLinks()\n\n  useEffect(() => {\n    loadHeaderLinks()\n\n    async function loadHeaderLinks() {\n      try {\n        const response = await fetch(`${cdnUrls[env]}/common/data/links/header.json`)\n        if (!response.ok) return\n\n        const data = await response.json()\n\n        if (isObject(data)) {\n          // const mainLinks = data.mainLinks.filter((link: { id: string }) => link.id !== 'dataFabric')\n          setTemplates({ accountSections: data.accountSections, mainLinks: data.mainLinks })\n        }\n      } catch {\n        console.error('Failed to retrieve header data.')\n      }\n    }\n  }, [env])\n\n  const accountSections: HeaderAccountSectionData[] | undefined = templates.accountSections?.map(section => {\n    return { ...section, links: section.links?.map(link => ({ ...link, url: links[link?.id ?? ''] })) }\n  })\n\n  const mainLinks: HeaderLinkData[] | undefined = templates.mainLinks?.map(link => ({\n    ...link,\n    url: links[link?.id ?? ''],\n  }))\n\n  return { accountSections, mainLinks }\n}\n"],"mappings":"yLAcA,SAAgB,EAAe,EAAkB,CAC/C,GAAM,CAAC,EAAW,GAAgB,EAA+B,EAAE,CAAC,CAC9D,CAAC,GAAS,GAAU,CA+B1B,OA7BA,MAAgB,CACd,GAAiB,CAEjB,eAAe,GAAkB,CAC/B,GAAI,CACF,IAAM,EAAW,MAAM,MAAM,GAAG,EAAQ,GAAK,gCAAgC,CAC7E,GAAI,CAAC,EAAS,GAAI,OAElB,IAAM,EAAO,MAAM,EAAS,MAAM,CAE9B,EAAS,EAAK,EAEhB,EAAa,CAAE,gBAAiB,EAAK,gBAAiB,UAAW,EAAK,UAAW,CAAC,MAE9E,CACN,QAAQ,MAAM,kCAAkC,IAGnD,CAAC,EAAI,CAAC,CAWF,CAAE,gBATuD,EAAU,iBAAiB,IAAI,IACtF,CAAE,GAAG,EAAS,MAAO,EAAQ,OAAO,IAAI,IAAS,CAAE,GAAG,EAAM,IAAK,EAAM,GAAM,IAAM,IAAK,EAAE,CAAE,EACnG,CAOwB,UALsB,EAAU,WAAW,IAAI,IAAS,CAChF,GAAG,EACH,IAAK,EAAM,GAAM,IAAM,IACxB,EAAE,CAEkC"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/header/helpers.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { cdnUrls, useLinks } from '../core'\nimport type { Environment } from '../utils'\nimport { isObject } from '../utils'\nimport type { HeaderLinkData } from './header.types'\nimport type { HeaderAccountSectionData } from './headerAccount.types'\n\ntype HeaderLinksTemplates = {\n  accountSections?: HeaderAccountSectionData[]\n  mainLinks?: HeaderLinkData[]\n}\n\n/** Loads templates for Header links and enriches them with urls from LinksContext. */\nexport function useHeaderLinks(env: Environment) {\n  const [templates, setTemplates] = useState<HeaderLinksTemplates>({})\n  const [links] = useLinks()\n\n  useEffect(() => {\n    loadHeaderLinks()\n\n    async function loadHeaderLinks() {\n      try {\n        const response = await fetch(`${cdnUrls[env]}/common/data/links/header.json`)\n        if (!response.ok) return\n\n        const data = await response.json()\n\n        if (isObject(data)) {\n          // const mainLinks = data.mainLinks.filter((link: { id: string }) => link.id !== 'dataFabric')\n          setTemplates({ accountSections: data.accountSections, mainLinks: data.mainLinks })\n        }\n      } catch {\n        console.error('Failed to retrieve header data.')\n      }\n    }\n  }, [env])\n\n  const accountSections: HeaderAccountSectionData[] | undefined = templates.accountSections?.map(section => {\n    return { ...section, links: section.links?.map(link => ({ ...link, url: links[link?.id ?? ''] })) }\n  })\n\n  const mainLinks: HeaderLinkData[] | undefined = templates.mainLinks?.map(link => ({\n    ...link,\n    url: links[link?.id ?? ''],\n  }))\n\n  return { accountSections, mainLinks }\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,eAAe,KAAkB;CAC/C,MAAM,CAAC,WAAW,gBAAgB,SAA+B,EAAE,CAAC;CACpE,MAAM,CAAC,SAAS,UAAU;AAE1B,iBAAgB;AACd,mBAAiB;EAEjB,eAAe,kBAAkB;AAC/B,OAAI;IACF,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQ,KAAK,gCAAgC;AAC7E,QAAI,CAAC,SAAS,GAAI;IAElB,MAAM,OAAO,MAAM,SAAS,MAAM;AAElC,QAAI,SAAS,KAAK,CAEhB,cAAa;KAAE,iBAAiB,KAAK;KAAiB,WAAW,KAAK;KAAW,CAAC;WAE9E;AACN,YAAQ,MAAM,kCAAkC;;;IAGnD,CAAC,IAAI,CAAC;AAWT,QAAO;EAAE,iBATuD,UAAU,iBAAiB,KAAI,YAAW;AACxG,UAAO;IAAE,GAAG;IAAS,OAAO,QAAQ,OAAO,KAAI,UAAS;KAAE,GAAG;KAAM,KAAK,MAAM,MAAM,MAAM;KAAK,EAAE;IAAE;IACnG;EAOwB,WALsB,UAAU,WAAW,KAAI,UAAS;GAChF,GAAG;GACH,KAAK,MAAM,MAAM,MAAM;GACxB,EAAE;EAEkC"}

package/dist/header/index.d.ts

@@ -0,0 +1,22 @@
+import { HeaderAccountData, HeaderAccountProps, HeaderAccountSectionData, HeaderAccountUserInfoData, HeaderAccountUserInfoProps } from "./headerAccount.types.js";
+import { HeaderButtonData, HeaderContentProps, HeaderContext, HeaderCreateAccountData, HeaderCreateAccountProps, HeaderLinkData, HeaderLinkItemProps, HeaderMainLinksProps, HeaderNotificationsData, HeaderNotificationsProps, HeaderProps, HeaderServicesData, HeaderServicesProps, HeaderSignInProps, HeaderSupportProps, LoggedInHeaderProps, LoggedOutHeaderProps } from "./header.types.js";
+import { HeaderProvider, useHeaderContext } from "./context.js";
+import { HeaderAccount } from "./headerAccount.js";
+import { HeaderAccountUserInfo } from "./headerAccountUserInfo.js";
+import { HeaderApplicationName } from "./headerApplicationName.js";
+import { HeaderContent } from "./headerContent.js";
+import { HeaderCreateAccount } from "./headerCreateAccount.js";
+import { HeaderDivider } from "./headerDivider.js";
+import { HeaderLinkItem } from "./headerLinkItem.js";
+import { HeaderLogo } from "./headerLogo.js";
+import { HeaderMainLinks } from "./headerMainLinks.js";
+import { HeaderMobileContent } from "./headerMobileContent.js";
+import { HeaderMobileToggle } from "./headerMobileToggle.js";
+import { HeaderNotifications } from "./headerNotifications.js";
+import { HeaderServices } from "./headerServices.js";
+import { HeaderServicesMessage } from "./headerServicesMessage.js";
+import { HeaderSignIn } from "./headerSignIn.js";
+import { Header, HeaderBase } from "./header.js";
+import { useHeaderLinks } from "./helpers.js";
+import { LoggedInHeader } from "./loggedInHeader.js";
+import { LoggedOutHeader } from "./loggedOutHeader.js";

package/dist/header/loggedInHeader.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { LoggedInHeaderProps } from "./header.types.js";
+import "../index.js";
 
 //#region src/header/loggedInHeader.d.ts
 /** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */

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

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