@veracity/vui 3.0.0-beta.5 → 3.0.0-beta.7

package/dist/header/headerMobileToggle.js

@@ -0,0 +1,2 @@
+import{mergeRefs as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../icon/icon.js";import{IconButton as a}from"../button/buttons.js";import{useHeaderContext as o}from"./context.js";import{jsx as s}from"react/jsx-runtime";const c=r((r,c)=>{let{className:l,...u}=r,{isMobileOpen:d,mobileToggleRef:f,setIsMobileOpen:p}=o()??{},m=n(`Header`,o()),h=d?`falTimes`:`falBars`;return s(a,{className:t(`vui-headerMobileToggle`,l),icon:s(i,{name:h}),ml:1,onClick:()=>p(e=>!e),p:`3px`,ref:e(c,f),title:`More options`,...m.mobileToggle,...u})});c.displayName=`HeaderMobileToggle`;var l=c;export{c as HeaderMobileToggle,l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=headerMobileToggle.js.map

package/dist/header/headerMobileToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerMobileToggle.js","names":["Icon"],"sources":["../../src/header/headerMobileToggle.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport { IconButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, mergeRefs } from '../utils'\nimport { useHeaderContext } from './context'\n\n/** Button that toggles display of the mobile content. */\nexport const HeaderMobileToggle = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { isMobileOpen, mobileToggleRef, setIsMobileOpen } = useHeaderContext() ?? {}\n  const styles = useStyleConfig('Header', useHeaderContext())\n\n  const iconName = isMobileOpen ? 'falTimes' : 'falBars'\n\n  return (\n    <IconButton\n      className={cs('vui-headerMobileToggle', className)}\n      icon={<Icon name={iconName} />}\n      ml={1}\n      onClick={() => setIsMobileOpen(s => !s)}\n      p=\"3px\"\n      ref={mergeRefs(ref, mobileToggleRef)}\n      title=\"More options\"\n      {...styles.mobileToggle}\n      {...rest}\n    />\n  )\n})\n\nHeaderMobileToggle.displayName = 'HeaderMobileToggle'\n\nexport default HeaderMobileToggle\n"],"mappings":"sVAQA,MAAa,EAAqB,GAA4B,EAAO,IAAQ,CAC3E,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,CAAE,eAAc,kBAAiB,mBAAoB,GAAkB,EAAI,EAAE,CAC7E,EAAS,EAAe,SAAU,GAAkB,CAAC,CAErD,EAAW,EAAe,WAAa,UAE7C,OACE,EAAC,EAAA,CACC,UAAW,EAAG,yBAA0B,EAAU,CAClD,KAAM,EAACA,EAAAA,CAAK,KAAM,EAAA,CAAY,CAC9B,GAAI,EACJ,YAAe,EAAgB,GAAK,CAAC,EAAE,CACvC,EAAE,MACF,IAAK,EAAU,EAAK,EAAgB,CACpC,MAAM,eACN,GAAI,EAAO,aACX,GAAI,GACJ,EAEJ,CAEF,EAAmB,YAAc,qBAEjC,IAAA,EAAe"}

package/dist/header/headerNotifications.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { HeaderNotificationsProps } from "./header.types.js";
+
+//#region src/header/headerNotifications.d.ts
+/** Icon link to Veracity notifications engine with an optional number of new notifications. */
+declare const HeaderNotifications: VuiComponent<"a", HeaderNotificationsProps>;
+//#endregion
+export { HeaderNotifications };
+//# sourceMappingURL=headerNotifications.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"headerNotifications.d.ts","names":[],"sources":["../../src/header/headerNotifications.tsx"],"sourcesContent":[],"mappings":";;;;;cAuBa,uCAAmB"}

package/dist/header/headerNotifications.js

@@ -0,0 +1,16 @@
+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`
+  align-items: center;
+  background-color: energyRed.45;
+  border-radius: round;
+  color: white;
+  display: flex;
+  font-size: 12px;
+  font-weight: medium;
+  height: 20px;
+  justify-content: center;
+  position: absolute;
+  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.7`;
+//# sourceMappingURL=headerNotifications.js.map

package/dist/header/headerNotifications.js.map

@@ -0,0 +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"}

package/dist/header/headerServices.d.ts

@@ -0,0 +1,12 @@
+import { HeaderServicesProps } from "./header.types.js";
+import * as react_jsx_runtime5 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_runtime5.JSX.Element;
+declare namespace HeaderServices {
+  var displayName: string;
+}
+//#endregion
+export { HeaderServices };
+//# sourceMappingURL=headerServices.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"headerServices.d.ts","names":[],"sources":["../../src/header/headerServices.tsx"],"sourcesContent":[],"mappings":";;;;;iBAyBgB,cAAA,QAAsB,sBAAmB,kBAAA,CAAA,GAAA,CAAA;kBAAzC,cAAA;EAAA,IAAA,WAAA,EAAc,MAAA"}

package/dist/header/headerServices.js

@@ -0,0 +1,2 @@
+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.7`;
+//# sourceMappingURL=headerServices.js.map

package/dist/header/headerServices.js.map

@@ -0,0 +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"}

package/dist/header/headerServicesMessage.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { PProps } from "../p/p.types.js";
+
+//#region src/header/headerServicesMessage.d.ts
+/** Displays a message with link to Marketplace if user has no services available. */
+declare const HeaderServicesMessage: VuiComponent<"p", PProps>;
+//#endregion
+export { HeaderServicesMessage };
+//# sourceMappingURL=headerServicesMessage.d.ts.map

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

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

package/dist/header/headerServicesMessage.js

@@ -0,0 +1,2 @@
+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.7`;
+//# sourceMappingURL=headerServicesMessage.js.map

package/dist/header/headerServicesMessage.js.map

@@ -0,0 +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"}

package/dist/header/headerSignIn.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { HeaderSignInProps } from "./header.types.js";
+
+//#region src/header/headerSignIn.d.ts
+/** Sign in button leading to Veracity login page. */
+declare const HeaderSignIn: VuiComponent<"button", HeaderSignInProps>;
+//#endregion
+export { HeaderSignIn };
+//# sourceMappingURL=headerSignIn.d.ts.map

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

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

package/dist/header/headerSignIn.js

@@ -0,0 +1,2 @@
+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.7`;
+//# sourceMappingURL=headerSignIn.js.map

package/dist/header/headerSignIn.js.map

@@ -0,0 +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"}

package/dist/header/headerSupport.d.ts

@@ -0,0 +1,12 @@
+import { HeaderSupportProps } from "./header.types.js";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region src/header/headerSupport.d.ts
+/** Displays a list of services available to the user. */
+declare function HeaderSupport(props: HeaderSupportProps): react_jsx_runtime14.JSX.Element;
+declare namespace HeaderSupport {
+  var displayName: string;
+}
+//#endregion
+export { HeaderSupport };
+//# sourceMappingURL=headerSupport.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"headerSupport.d.ts","names":[],"sources":["../../src/header/headerSupport.tsx"],"sourcesContent":[],"mappings":";;;;;iBA6CgB,aAAA,QAAqB,qBAAkB,mBAAA,CAAA,GAAA,CAAA;kBAAvC,aAAA;EAAA,IAAA,WAAA,EAAa,MAAA"}

package/dist/header/headerSupport.js

@@ -0,0 +1,2 @@
+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.7`;
+//# sourceMappingURL=headerSupport.js.map

package/dist/header/headerSupport.js.map

@@ -0,0 +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"}

package/dist/header/helpers.d.ts

@@ -0,0 +1,13 @@
+import { Environment } from "../utils/types.js";
+import { HeaderAccountSectionData } from "./headerAccount.types.js";
+import { HeaderLinkData } from "./header.types.js";
+
+//#region src/header/helpers.d.ts
+/** Loads templates for Header links and enriches them with urls from LinksContext. */
+declare function useHeaderLinks(env: Environment): {
+  accountSections: HeaderAccountSectionData[] | undefined;
+  mainLinks: HeaderLinkData[] | undefined;
+};
+//#endregion
+export { useHeaderLinks };
+//# sourceMappingURL=helpers.d.ts.map

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

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

package/dist/header/helpers.js

@@ -0,0 +1,2 @@
+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();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]);let l=o.accountSections?.map(e=>({...e,links:e.links?.map(e=>({...e,url:c[e?.id??``]}))})),u=o.mainLinks?.map(e=>({...e,url:c[e?.id??``]}));return{accountSections:l,mainLinks:u}}export{a as useHeaderLinks};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=helpers.js.map

package/dist/header/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["accountSections: HeaderAccountSectionData[] | undefined","mainLinks: HeaderLinkData[] | undefined"],"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,CAE1B,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,CAET,IAAMA,EAA0D,EAAU,iBAAiB,IAAI,IACtF,CAAE,GAAG,EAAS,MAAO,EAAQ,OAAO,IAAI,IAAS,CAAE,GAAG,EAAM,IAAK,EAAM,GAAM,IAAM,IAAK,EAAE,CAAE,EACnG,CAEIC,EAA0C,EAAU,WAAW,IAAI,IAAS,CAChF,GAAG,EACH,IAAK,EAAM,GAAM,IAAM,IACxB,EAAE,CAEH,MAAO,CAAE,kBAAiB,YAAW"}

package/dist/header/loggedInHeader.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { LoggedInHeaderProps } from "./header.types.js";
+
+//#region src/header/loggedInHeader.d.ts
+/** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */
+declare const LoggedInHeader: VuiComponent<"div", LoggedInHeaderProps>;
+//#endregion
+export { LoggedInHeader };
+//# sourceMappingURL=loggedInHeader.d.ts.map

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

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

package/dist/header/loggedInHeader.js

@@ -0,0 +1,2 @@
+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.7`;
+//# sourceMappingURL=loggedInHeader.js.map

package/dist/header/loggedInHeader.js.map

@@ -0,0 +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":"0iBAYA,MAAa,EAAiB,GAAiC,EAAO,IAAQ,CAC5E,GAAM,CACJ,UACA,cACA,eACA,kBACA,iBACA,WACA,YACA,gBAAgB,GAChB,gBAAgB,GAChB,OACA,YACA,WACA,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,gBACA,MACA,GAAG,GACD,EAEA,GAAiB,CAAC,GAAiB,QAAQ,MAAM,gEAAgE,CAErH,IAAM,EAAW,IAA4B,EAAM,EAAQ,CAAG,EAAE,CAAG,GAAS,UAAY,EAAE,EAEpF,EAAgB,EAAQ,KAAK,CAC7B,EAAe,EAAQ,KAAK,CAE5BA,EAAkC,EAAM,EAAS,CAAG,EAAE,CAAG,GAAU,OAAS,EAAE,CAC9E,EAAS,EAAe,SAAU,GAAkB,CAAC,CAErD,EAAiB,GAAM,UAAY,OAAS,QAAU,gBAE5D,OACE,EAACC,EAAAA,CACC,UAAW,EAAG,qBAAsB,EAAgB,wBAA0B,IAAA,GAAW,EAAU,CACnG,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,CAEJ,CAAC,GAAiB,EAAC,EAAA,CAAe,SAAS,KAAM,YAA0B,CAC5E,EAACC,EAAAA,CAAI,GAAG,OAAA,CAAS,CAChB,EACC,EAAA,EAAA,CAAA,SACG,CAAC,CAAC,GACD,EAACA,EAAAA,CAAAA,SACC,EAACC,EAAAA,CAAO,GAAG,IAAI,UAAW,EAAG,oBAAoB,CAAE,KAAM,EAAK,KAAK,KAAK,QAAQ,yBAAgB,YAEvF,CAAA,CACL,CAAA,CAEP,CAEH,EAAA,EAAA,CAAA,SAAA,CACG,GACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAe,SAAS,eACtB,GAAiB,IAAc,IAAA,IAC9B,EAAA,EAAA,CAAA,SAAA,CACG,EAAM,EAAU,CAAG,EAAY,EAACF,EAAO,UAAA,CAAU,MAAO,EAAA,CAAa,CACtE,EAACA,EAAO,QAAA,CAAQ,GAAI,EAAA,CAAK,CAAA,CAAA,CACxB,CAIJ,CAAC,GAAiB,GACjB,EAAA,EAAA,CAAA,SAAA,CACE,EAACA,EAAO,aAAA,CAAa,GAAI,EAAA,CAAK,CAC9B,EAACA,EAAO,cAAA,CAAA,SACN,EAAA,EAAA,CAAA,SAAA,CACG,EAAM,EAAU,CACf,EAEA,EAACC,EAAAA,CAAI,OAAA,GAAO,EAAG,WACb,EAACE,EAAAA,CAAK,GAAI,WACP,GAAW,KAAK,CAAE,OAAM,IAAA,EAAK,GAAGC,GAAQ,IACvC,EAACD,EAAK,KAAA,CAAK,SAAU,EAAkB,UAAW,CAAE,KAAME,EAAK,CAAE,GAAID,GAArC,EAA6C,CAC7E,EACG,EACH,CAGP,CAAC,GAAgB,GAChB,EAACH,EAAAA,CAAI,OAAA,GAAO,EAAG,WACb,EAACE,EAAAA,CACC,UAAU,sCACV,QAAQ,cACR,KAAM,IACN,MAAO,EACP,EAAG,IACH,GAAI,EAAO,SAAS,KACpB,UAAW,EACX,eAAe,iBACf,GAAI,WAEH,EAAc,OAAS,EACtB,GAAe,KAAK,CAAE,IAAA,EAAK,GAAGC,GAAQ,IACpC,EAACD,EAAK,KAAA,CAAiB,UAAW,CAAE,KAAME,EAAK,CAAE,GAAID,GAArC,EAA6C,CAC7D,CAEF,EAACE,EAAAA,EAAAA,CAAwB,EAEtB,EACH,CAAA,CAAA,CAEP,CAAA,CACkB,CAAA,CAAA,CACtB,CAEJ,GAAgB,GACf,EAAA,EAAA,CAAA,SAAG,EAAM,EAAS,CAAG,EAAW,EAACN,EAAO,SAAA,CAAwB,gBAAe,GAAI,GAAY,CAAA,CAAI,GAEtF,CAEjB,EAACA,EAAO,QAAA,CAAQ,GAAI,EAAA,CAAgB,CAAA,CAAA,CACnC,CAEJ,CAAC,GACA,EAAC,EAAA,CAAe,SAAS,eACtB,EAAM,EAAU,CAAG,EAAY,EAACA,EAAO,UAAA,CAAU,MAAO,EAAA,CAAa,CAErE,IAAc,IAAA,IAAa,EAACA,EAAO,QAAA,CAAQ,GAAI,EAAA,CAAK,CAEpD,EAAM,EAAS,CAAG,EAAW,EAACA,EAAO,SAAA,CAAS,GAAI,EAAA,CAAY,GAChD,CAElB,EAAM,EAAc,CAAG,EAAgB,EAACA,EAAO,cAAA,CAAc,GAAI,EAAA,CAAiB,CAClF,GACC,EAAA,EAAA,CAAA,SAAA,CACE,EAACA,EAAO,QAAA,CAAQ,GAAI,EAAA,CAAK,CACzB,EAACO,EAAAA,CAAsB,UAAU,kBAAkB,MAAO,EAAgB,cAAA,GAAc,GAAI,GAAY,CAAA,CAAA,CACvG,CAEJ,EAAM,EAAQ,CAAG,EAAU,EAACP,EAAO,QAAA,CAAQ,GAAI,EAAA,CAAW,CAC3D,EAAC,EAAA,CAAe,SAAS,eACtB,GAAiB,EAACA,EAAO,QAAA,CAAQ,GAAI,EAAA,CAAK,CAC1C,CAAC,IAAkB,IAAY,IAAA,IAAa,IAAkB,IAAA,KAAc,EAACA,EAAO,QAAA,CAAQ,GAAI,EAAA,CAAK,CAEtG,EAACA,EAAO,aAAA,EAAA,CAAe,CAEvB,EAACA,EAAO,cAAA,CAAA,SAAA,CACL,CAAC,GAAiB,EAClB,EAAM,EAAU,CAAG,EAAY,EAACA,EAAO,UAAA,CAAU,MAAO,EAAA,CAAa,CACrE,EAAM,EAAS,CACd,EAEA,EAACA,EAAO,SAAA,CAAS,GAAI,EAAU,cAAe,KAA4B,GAEvD,GACR,GAChB,GAEU,EACV,EAEX,CAEF,EAAe,YAAc"}

package/dist/header/loggedOutHeader.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { LoggedOutHeaderProps } from "./header.types.js";
+
+//#region src/header/loggedOutHeader.d.ts
+/** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */
+declare const LoggedOutHeader: VuiComponent<"div", LoggedOutHeaderProps>;
+//#endregion
+export { LoggedOutHeader };
+//# sourceMappingURL=loggedOutHeader.d.ts.map

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

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

package/dist/header/loggedOutHeader.js

@@ -0,0 +1,2 @@
+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.7`;
+//# sourceMappingURL=loggedOutHeader.js.map

package/dist/header/loggedOutHeader.js.map

@@ -0,0 +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"}

package/dist/header/theme.js

@@ -0,0 +1,2 @@
+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.7`;
+//# sourceMappingURL=theme.js.map

package/dist/header/theme.js.map

@@ -0,0 +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"}

package/dist/heading/heading.d.ts

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

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

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

package/dist/heading/heading.js

@@ -0,0 +1,5 @@
+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`
+  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.7`;
+//# sourceMappingURL=heading.js.map

package/dist/heading/heading.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+import { ThemingProps } from "../theme/types.js";
+import { TypographyProps } from "../system/typography.js";
+import { SystemProps } from "../system/system.js";
+
+//#region src/heading/heading.types.d.ts
+type HeadingProps = SystemProps & ThemingProps<'Heading'> & {
+  /** Alias for textAlign prop. @deprecated */
+  align?: TypographyProps['textAlign'];
+  /** Alias for textTransform prop. @deprecated */
+  casing?: TypographyProps['textTransform'];
+  /** Alias for textDecoration prop. @deprecated */
+  decoration?: TypographyProps['textDecoration'];
+  /** Displays given text if no children are provided. */
+  text?: React.ReactNode;
+  /** Alias for fontWeight prop. @deprecated */
+  weight?: TypographyProps['fontWeight'];
+};
+type HeadingSize = 'title' | 'lead' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+//#endregion
+export { HeadingProps, HeadingSize };
+//# sourceMappingURL=heading.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.types.d.ts","names":[],"sources":["../../src/heading/heading.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,YAAA,GAAe,cACzB;;UAEU;EAHA;EAAY,MAAA,CAAA,EAKX,eALW,CAAA,eAAA,CAAA;;YACtB,CAAA,EAMe,eANf,CAAA,gBAAA,CAAA;;MAIW,CAAA,EAIF,KAAA,CAAM,SAJJ;;QAIF,CAAA,EAEE,eAFI,CAAA,YAAA,CAAA;;AAEW,KAGhB,WAAA,GAHgB,OAAA,GAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA"}

package/dist/heading/headings.d.ts

@@ -0,0 +1,13 @@
+import { VuiComponent } from "../core/vui.js";
+import { HeadingProps } from "./heading.types.js";
+
+//#region src/heading/headings.d.ts
+declare const H1: VuiComponent<"h1", HeadingProps>;
+declare const H2: VuiComponent<"h2", HeadingProps>;
+declare const H3: VuiComponent<"h3", HeadingProps>;
+declare const H4: VuiComponent<"h4", HeadingProps>;
+declare const H5: VuiComponent<"h5", HeadingProps>;
+declare const H6: VuiComponent<"h6", HeadingProps>;
+//#endregion
+export { H1, H2, H3, H4, H5, H6 };
+//# sourceMappingURL=headings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"headings.d.ts","names":[],"sources":["../../src/heading/headings.tsx"],"sourcesContent":[],"mappings":";;;;cAIa,uBAAE;cACF,uBAAE;cACF,uBAAE;AAFF,cAGA,EAHwF,cAAA,CAAA,IAAA,EAGtF,YAHsF,CAAA;AAAA,cAIxF,EAJwF,cAAA,CAAA,IAAA,EAItF,YAJsF,CAAA;AAAtF,cAKF,EALE,cAAA,CAAA,IAAA,EAKA,YALA,CAAA"}

package/dist/heading/headings.js

@@ -0,0 +1,2 @@
+import{vui as e}from"../core/vui.js";import t from"./heading.js";import{jsx as n}from"react/jsx-runtime";const r=e((e,r)=>n(t,{ref:r,size:`h1`,...e})),i=e((e,r)=>n(t,{ref:r,size:`h2`,...e})),a=e((e,r)=>n(t,{ref:r,size:`h3`,...e})),o=e((e,r)=>n(t,{ref:r,size:`h4`,...e})),s=e((e,r)=>n(t,{ref:r,size:`h5`,...e})),c=e((e,r)=>n(t,{ref:r,size:`h6`,...e}));export{r as H1,i as H2,a as H3,o as H4,s as H5,c as H6};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=headings.js.map

package/dist/heading/headings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headings.js","names":["Heading"],"sources":["../../src/heading/headings.tsx"],"sourcesContent":["import { vui } from '../core'\nimport Heading from './heading'\nimport type { HeadingProps } from './heading.types'\n\nexport const H1 = vui<'h1', HeadingProps>((props, ref) => <Heading ref={ref} size=\"h1\" {...props} />)\nexport const H2 = vui<'h2', HeadingProps>((props, ref) => <Heading ref={ref} size=\"h2\" {...props} />)\nexport const H3 = vui<'h3', HeadingProps>((props, ref) => <Heading ref={ref} size=\"h3\" {...props} />)\nexport const H4 = vui<'h4', HeadingProps>((props, ref) => <Heading ref={ref} size=\"h4\" {...props} />)\nexport const H5 = vui<'h5', HeadingProps>((props, ref) => <Heading ref={ref} size=\"h5\" {...props} />)\nexport const H6 = vui<'h6', HeadingProps>((props, ref) => <Heading ref={ref} size=\"h6\" {...props} />)\n"],"mappings":"yGAIA,MAAa,EAAK,GAAyB,EAAO,IAAQ,EAACA,EAAAA,CAAa,MAAK,KAAK,KAAK,GAAI,GAAS,CAAC,CACxF,EAAK,GAAyB,EAAO,IAAQ,EAACA,EAAAA,CAAa,MAAK,KAAK,KAAK,GAAI,GAAS,CAAC,CACxF,EAAK,GAAyB,EAAO,IAAQ,EAACA,EAAAA,CAAa,MAAK,KAAK,KAAK,GAAI,GAAS,CAAC,CACxF,EAAK,GAAyB,EAAO,IAAQ,EAACA,EAAAA,CAAa,MAAK,KAAK,KAAK,GAAI,GAAS,CAAC,CACxF,EAAK,GAAyB,EAAO,IAAQ,EAACA,EAAAA,CAAa,MAAK,KAAK,KAAK,GAAI,GAAS,CAAC,CACxF,EAAK,GAAyB,EAAO,IAAQ,EAACA,EAAAA,CAAa,MAAK,KAAK,KAAK,GAAI,GAAS,CAAC"}

package/dist/heading/theme.js

@@ -0,0 +1,2 @@
+import e from"../theme/foundations/fonts.js";const t={color:`darkBlue.main`},n={size:`h2`},r={title:{as:`h1`,fontFamily:[e.dnvDisplay,e.gantari].join(`, `),fontSize:{desktop:`64px`,mobile:`42px`},fontWeight:`medium`,lineHeight:{desktop:`74px`,mobile:`52px`}},h1:{as:`h1`,fontSize:{desktop:`50px`,mobile:`36px`},fontWeight:`regular`,lineHeight:{desktop:`62px`,mobile:`48px`}},lead:{as:`h2`,color:`seaBlue.main`,fontSize:{desktop:`28px`,mobile:`20px`},fontWeight:`regular`,lineHeight:{desktop:`38px`,mobile:`28px`}},h2:{as:`h2`,fontSize:{desktop:`32px`,mobile:`28px`},fontWeight:`regular`,lineHeight:{desktop:`42px`,mobile:`38px`}},h3:{as:`h3`,fontSize:{desktop:`24px`,mobile:`22px`},fontWeight:`regular`,lineHeight:`32px`},h4:{as:`h4`,fontSize:{desktop:`20px`,mobile:`18px`},fontWeight:`demi`,lineHeight:`24px`},h5:{as:`h5`,fontSize:{desktop:`18px`,mobile:`16px`},fontWeight:`demi`,lineHeight:{desktop:`26px`,mobile:`22px`}},h6:{as:`h6`,fontSize:`16px`,fontWeight:`demi`,lineHeight:`22px`}};var i={baseStyle:t,defaultProps:n,sizes:r,variants:{}};export{i as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=theme.js.map

package/dist/heading/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":["fonts"],"sources":["../../src/heading/theme.ts"],"sourcesContent":["import fonts from '../theme/foundations/fonts'\n\nconst baseStyle = {\n  color: 'darkBlue.main',\n}\n\nconst defaultProps = {\n  size: 'h2',\n}\n\nconst sizes = {\n  title: {\n    as: 'h1',\n    fontFamily: [fonts.dnvDisplay, fonts.gantari].join(', '),\n    fontSize: {\n      desktop: '64px',\n      mobile: '42px',\n    },\n    fontWeight: 'medium',\n    lineHeight: {\n      desktop: '74px',\n      mobile: '52px',\n    },\n  },\n  h1: {\n    as: 'h1',\n    fontSize: {\n      desktop: '50px',\n      mobile: '36px',\n    },\n    fontWeight: 'regular',\n    lineHeight: {\n      desktop: '62px',\n      mobile: '48px',\n    },\n  },\n  lead: {\n    as: 'h2',\n    color: 'seaBlue.main',\n    fontSize: {\n      desktop: '28px',\n      mobile: '20px',\n    },\n    fontWeight: 'regular',\n    lineHeight: {\n      desktop: '38px',\n      mobile: '28px',\n    },\n  },\n  h2: {\n    as: 'h2',\n    fontSize: {\n      desktop: '32px',\n      mobile: '28px',\n    },\n    fontWeight: 'regular',\n    lineHeight: {\n      desktop: '42px',\n      mobile: '38px',\n    },\n  },\n  h3: {\n    as: 'h3',\n    fontSize: {\n      desktop: '24px',\n      mobile: '22px',\n    },\n    fontWeight: 'regular',\n    lineHeight: '32px',\n  },\n  h4: {\n    as: 'h4',\n    fontSize: {\n      desktop: '20px',\n      mobile: '18px',\n    },\n    fontWeight: 'demi',\n    lineHeight: '24px',\n  },\n  h5: {\n    as: 'h5',\n    fontSize: {\n      desktop: '18px',\n      mobile: '16px',\n    },\n    fontWeight: 'demi',\n    lineHeight: {\n      desktop: '26px',\n      mobile: '22px',\n    },\n  },\n  h6: {\n    as: 'h6',\n    fontSize: '16px',\n    fontWeight: 'demi',\n    lineHeight: '22px',\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"6CAEA,MAAM,EAAY,CAChB,MAAO,gBACR,CAEK,EAAe,CACnB,KAAM,KACP,CAEK,EAAQ,CACZ,MAAO,CACL,GAAI,KACJ,WAAY,CAACA,EAAM,WAAYA,EAAM,QAAQ,CAAC,KAAK,KAAK,CACxD,SAAU,CACR,QAAS,OACT,OAAQ,OACT,CACD,WAAY,SACZ,WAAY,CACV,QAAS,OACT,OAAQ,OACT,CACF,CACD,GAAI,CACF,GAAI,KACJ,SAAU,CACR,QAAS,OACT,OAAQ,OACT,CACD,WAAY,UACZ,WAAY,CACV,QAAS,OACT,OAAQ,OACT,CACF,CACD,KAAM,CACJ,GAAI,KACJ,MAAO,eACP,SAAU,CACR,QAAS,OACT,OAAQ,OACT,CACD,WAAY,UACZ,WAAY,CACV,QAAS,OACT,OAAQ,OACT,CACF,CACD,GAAI,CACF,GAAI,KACJ,SAAU,CACR,QAAS,OACT,OAAQ,OACT,CACD,WAAY,UACZ,WAAY,CACV,QAAS,OACT,OAAQ,OACT,CACF,CACD,GAAI,CACF,GAAI,KACJ,SAAU,CACR,QAAS,OACT,OAAQ,OACT,CACD,WAAY,UACZ,WAAY,OACb,CACD,GAAI,CACF,GAAI,KACJ,SAAU,CACR,QAAS,OACT,OAAQ,OACT,CACD,WAAY,OACZ,WAAY,OACb,CACD,GAAI,CACF,GAAI,KACJ,SAAU,CACR,QAAS,OACT,OAAQ,OACT,CACD,WAAY,OACZ,WAAY,CACV,QAAS,OACT,OAAQ,OACT,CACF,CACD,GAAI,CACF,GAAI,KACJ,SAAU,OACV,WAAY,OACZ,WAAY,OACb,CACF,CAID,IAAA,EAAe,CACb,YACA,eACA,QACA,SANe,EAAE,CAOlB"}

package/dist/icon/helpers.js

@@ -0,0 +1,2 @@
+import{cdnUrl as e}from"../core/consts.js";import t from"../icons/cache.js";import{IconReplacements as n}from"../icons/iconReplacements.js";const r={con:`con`,bra:`brand`};function i(e){return r[e]||(e.startsWith(`ui`)?`fa`:e)}function a(r){if(!r)return{};let a=n?.[r]??r;if(!t.has(a)){let t=a.slice(0,3),n=i(t);return{src:`${e}/common/icons/ui/${n}/${a}.svg`}}let{details:o,name:s,pathProps:c=[],svgProps:l={}}=t.get(a),[u,d,,,f]=o,p=`0 0 ${u} ${d}`;return{customIcon:{d:Array.isArray(f)?f:[f],pathProps:Array.isArray(c)?c:[c],svgProps:{"data-name":s,viewBox:p,...l}}}}export{a as getIconDetails};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=helpers.js.map

package/dist/icon/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["PREFIX_MAP: Record<string, string>","iconsCache"],"sources":["../../src/icon/helpers.ts"],"sourcesContent":["import { cdnUrl } from '../core'\nimport type { IconDefinition } from '../icons'\nimport { iconsCache } from '../icons'\nimport { IconReplacements } from '../icons/iconReplacements'\nimport type { GetIconDetailsResult, IconProp } from './icon.types'\n\nconst PREFIX_MAP: Record<string, string> = {\n  con: 'con',\n  bra: 'brand',\n}\n/** Optimized prefix normalization with constant time lookup */\nfunction normalizeIconPrefix(prefix: string) {\n  return PREFIX_MAP[prefix] || (prefix.startsWith('ui') ? 'fa' : prefix)\n}\n\n/**\n * Returns an object with either 'src' or 'customIcon', depending on whether the provided icon is:\n * - not in library:    'src' as CDN url\n * - in library:            'customIcon' as icon definition object\n */\nexport function getIconDetails(iconName?: IconProp): GetIconDetailsResult {\n  if (!iconName) return {}\n\n  const icon = IconReplacements?.[iconName] ?? iconName\n\n  // Compute CDN url if icon is not in library cache\n  if (!iconsCache.has(icon)) {\n    const prefix = icon.slice(0, 3)\n    const normalizedPrefix = normalizeIconPrefix(prefix)\n\n    return {\n      src: `${cdnUrl}/common/icons/ui/${normalizedPrefix}/${icon}.svg`,\n    }\n  }\n\n  // Compute relevant properties based on icon definition from the library\n  const { details, name, pathProps = [], svgProps = {} } = iconsCache.get(icon) as IconDefinition\n  const [width, height, , , d] = details\n  const viewBox = `0 0 ${width} ${height}`\n\n  const customIcon = {\n    d: Array.isArray(d) ? d : [d],\n    pathProps: Array.isArray(pathProps) ? pathProps : [pathProps],\n    svgProps: { 'data-name': name, viewBox, ...svgProps },\n  }\n\n  return {\n    customIcon,\n  }\n}\n"],"mappings":"4IAMA,MAAMA,EAAqC,CACzC,IAAK,MACL,IAAK,QACN,CAED,SAAS,EAAoB,EAAgB,CAC3C,OAAO,EAAW,KAAY,EAAO,WAAW,KAAK,CAAG,KAAO,GAQjE,SAAgB,EAAe,EAA2C,CACxE,GAAI,CAAC,EAAU,MAAO,EAAE,CAExB,IAAM,EAAO,IAAmB,IAAa,EAG7C,GAAI,CAACC,EAAW,IAAI,EAAK,CAAE,CACzB,IAAM,EAAS,EAAK,MAAM,EAAG,EAAE,CACzB,EAAmB,EAAoB,EAAO,CAEpD,MAAO,CACL,IAAK,GAAG,EAAO,mBAAmB,EAAiB,GAAG,EAAK,MAC5D,CAIH,GAAM,CAAE,UAAS,OAAM,YAAY,EAAE,CAAE,WAAW,EAAE,EAAKA,EAAW,IAAI,EAAK,CACvE,CAAC,EAAO,IAAY,GAAK,EACzB,EAAU,OAAO,EAAM,GAAG,IAQhC,MAAO,CACL,WAPiB,CACjB,EAAG,MAAM,QAAQ,EAAE,CAAG,EAAI,CAAC,EAAE,CAC7B,UAAW,MAAM,QAAQ,EAAU,CAAG,EAAY,CAAC,EAAU,CAC7D,SAAU,CAAE,YAAa,EAAM,UAAS,GAAG,EAAU,CACtD,CAIA"}

package/dist/icon/icon.d.ts

@@ -0,0 +1,9 @@
+import { IconProps } from "./icon.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/icon/icon.d.ts
+/** Displays and Svg element with a given icon. Handles icon names or definition objects. */
+declare const Icon: VuiComponent<"svg", IconProps>;
+//#endregion
+export { Icon };
+//# sourceMappingURL=icon.d.ts.map

package/dist/icon/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","names":[],"sources":["../../src/icon/icon.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,0BAAI"}

package/dist/icon/icon.js

@@ -0,0 +1,2 @@
+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{vui as i}from"../core/vui.js";import{Svg as a}from"../svg/svg.js";import{getIconDetails as o}from"./helpers.js";import{jsx as s}from"react/jsx-runtime";const c=i((i,c)=>{let{className:l,name:u,rotate:d,scale:f,...p}=n(i),m=r(`Icon`,i),{customIcon:h,src:g}=o(u),_=f?16*f:void 0,v=e({h:_,transform:d===void 0?void 0:`rotate(${d}deg)`,w:_});return s(a,{className:t(`vui-icon`,l),clipRule:h?.pathProps?.clipRule||i?.pathProps?.clipRule||`evenodd`,display:`inline-flex`,fillRule:h?.pathProps?.fillRule||i?.pathProps?.fillRule||`evenodd`,flexShrink:0,ref:c,src:g,...m,...h?.svgProps,...v,...p,children:h?.d.map((e,t)=>s(`path`,{d:e,fill:`currentColor`,...h.pathProps[t]},t))})});c.displayName=`Icon`;var l=c;export{c as Icon,l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=icon.js.map

package/dist/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","names":[],"sources":["../../src/icon/icon.tsx"],"sourcesContent":["import { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Svg } from '../svg'\nimport { cs, filterUndefined } from '../utils'\nimport { getIconDetails } from './helpers'\nimport type { IconProps } from './icon.types'\n\n/** Displays and Svg element with a given icon. Handles icon names or definition objects. */\nexport const Icon = vui<'svg', IconProps>((props, ref) => {\n  const { className, name, rotate, scale, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Icon', props)\n\n  const { customIcon, src } = getIconDetails(name)\n  const scaledSize = scale ? 16 * scale : undefined\n\n  const aliasedProps = filterUndefined<IconProps>({\n    h: scaledSize,\n    transform: rotate !== undefined ? `rotate(${rotate}deg)` : undefined,\n    w: scaledSize,\n  })\n\n  return (\n    <Svg\n      className={cs('vui-icon', className)}\n      clipRule={(customIcon?.pathProps as any)?.clipRule || props?.pathProps?.clipRule || 'evenodd'}\n      display=\"inline-flex\"\n      fillRule={(customIcon?.pathProps as any)?.fillRule || props?.pathProps?.fillRule || 'evenodd'}\n      flexShrink={0}\n      ref={ref}\n      src={src}\n      {...styles}\n      {...customIcon?.svgProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      {customIcon?.d.map((d, i) => (\n        <path d={d} fill=\"currentColor\" key={i} {...customIcon.pathProps[i]}></path>\n      ))}\n    </Svg>\n  )\n})\n\nIcon.displayName = 'Icon'\nexport default Icon\n"],"mappings":"oUAOA,MAAa,EAAO,GAAuB,EAAO,IAAQ,CACxD,GAAM,CAAE,YAAW,OAAM,SAAQ,QAAO,GAAG,GAAS,EAAiB,EAAM,CACrE,EAAS,EAAe,OAAQ,EAAM,CAEtC,CAAE,aAAY,OAAQ,EAAe,EAAK,CAC1C,EAAa,EAAQ,GAAK,EAAQ,IAAA,GAElC,EAAe,EAA2B,CAC9C,EAAG,EACH,UAAW,IAAW,IAAA,GAAqC,IAAA,GAAzB,UAAU,EAAO,MACnD,EAAG,EACJ,CAAC,CAEF,OACE,EAAC,EAAA,CACC,UAAW,EAAG,WAAY,EAAU,CACpC,SAAW,GAAY,WAAmB,UAAY,GAAO,WAAW,UAAY,UACpF,QAAQ,cACR,SAAW,GAAY,WAAmB,UAAY,GAAO,WAAW,UAAY,UACpF,WAAY,EACP,MACA,MACL,GAAI,EACJ,GAAI,GAAY,SAChB,GAAI,EACJ,GAAI,WAEH,GAAY,EAAE,KAAK,EAAG,IACrB,EAAC,OAAA,CAAQ,IAAG,KAAK,eAAuB,GAAI,EAAW,UAAU,IAA5B,EAAuC,CAC5E,EACE,EAER,CAEF,EAAK,YAAc,OACnB,IAAA,EAAe"}

package/dist/icon/icon.types.d.ts

@@ -0,0 +1,31 @@
+import { AnyString, PropsOf } from "../utils/types.js";
+import { ThemingProps } from "../theme/types.js";
+import { SvgProps } from "../svg/svg.types.js";
+import { Svg } from "../svg/svg.js";
+import { VuiIcon } from "../icons/types.js";
+
+//#region src/icon/icon.types.d.ts
+type GetIconDetailsResult = {
+  customIcon?: {
+    d: string[];
+    pathProps: React.SVGProps<SVGPathElement>[];
+    svgProps: PropsOf<typeof Svg>;
+  };
+  src?: string;
+};
+type IconProp = VuiIcon | AnyString;
+type IconProps = SvgProps & ThemingProps<'Icon'> & {
+  /** @deprecated use 'name' instead */
+  icon?: IconProp;
+  /** Name of the icon stored in Veracity CDN. */
+  name?: IconProp;
+  /** pathProps of the icon. */
+  pathProps?: any;
+  /** Rotates the icon by given amount of degrees clockwise. */
+  rotate?: number;
+  /** Uses a scale of 1-10 and multiply of 16px to define icon size. */
+  scale?: number;
+};
+//#endregion
+export { GetIconDetailsResult, IconProp, IconProps };
+//# sourceMappingURL=icon.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.types.d.ts","names":[],"sources":["../../src/icon/icon.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAMY,oBAAA;;IAAA,CAAA,EAAA,MAAA,EAAA;IAAoB,SAAA,EAGjB,KAAA,CAAM,QAHW,CAGF,cAHE,CAAA,EAAA;IAGF,QAAA,EAChB,OADgB,CAAA,OACD,GADC,CAAA;;KACD,CAAA,EAAA,MAAA;;AAAR,KAKT,QAAA,GAAW,OALF,GAKY,SALZ;AAKT,KAEA,SAAA,GAAY,QAFJ,GAGlB,YAHkB,CAAA,MAAA,CAAA,GAAA;EAAA;MAAG,CAAA,EAKZ,QALY;;EAAmB,IAAA,CAAA,EAO/B,QAP+B;EAE9B;EAAS,SAAA,CAAA,EAAA,GAAA;;QACnB,CAAA,EAAA,MAAA;;OAIS,CAAA,EAAA,MAAA;CAAQ"}

package/dist/icon/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{},defaultProps:{size:`md`},sizes:{xxs:{height:12,width:12},xs:{height:16,width:16},sm:{height:20,width:20},md:{height:24,width:24},lg:{height:28,width:28},xl:{height:32,width:32},xxl:{height:40,width:40}},variants:{static:{},spinning:{animation:`vui-spin 0.6s linear infinite`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=theme.js.map

package/dist/icon/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/icon/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst sizes = {\n  xxs: {\n    height: 12,\n    width: 12,\n  },\n  xs: {\n    height: 16,\n    width: 16,\n  },\n  sm: {\n    height: 20,\n    width: 20,\n  },\n  md: {\n    height: 24,\n    width: 24,\n  },\n  lg: {\n    height: 28,\n    width: 28,\n  },\n  /** the xl size is introduced for the xxl-tabs and xl-avatars; should not be listed. */\n  xl: {\n    height: 32,\n    width: 32,\n  },\n\n  /** the xxl size is introduced for the xxl-avatars; should not be listed. */\n  xxl: {\n    height: 40,\n    width: 40,\n  },\n}\n\nconst variants = {\n  static: {},\n  spinning: {\n    animation: 'vui-spin 0.6s linear infinite',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AA+CA,IAAA,EAAe,CACb,UAhDgB,EAAE,CAiDlB,aA/CmB,CACnB,KAAM,KACP,CA8CC,MA5CY,CACZ,IAAK,CACH,OAAQ,GACR,MAAO,GACR,CACD,GAAI,CACF,OAAQ,GACR,MAAO,GACR,CACD,GAAI,CACF,OAAQ,GACR,MAAO,GACR,CACD,GAAI,CACF,OAAQ,GACR,MAAO,GACR,CACD,GAAI,CACF,OAAQ,GACR,MAAO,GACR,CAED,GAAI,CACF,OAAQ,GACR,MAAO,GACR,CAGD,IAAK,CACH,OAAQ,GACR,MAAO,GACR,CACF,CAaC,SAXe,CACf,OAAQ,EAAE,CACV,SAAU,CACR,UAAW,gCACZ,CACF,CAOA"}

package/dist/icons/baseIcons/brand/brandApplePay.d.ts

@@ -0,0 +1,7 @@
+import { IconDefinition } from "../../types.js";
+
+//#region src/icons/baseIcons/brand/brandApplePay.d.ts
+declare const _default: IconDefinition;
+//#endregion
+export { _default };
+//# sourceMappingURL=brandApplePay.d.ts.map

package/dist/icons/baseIcons/brand/brandApplePay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brandApplePay.d.ts","names":[],"sources":["../../../../src/icons/baseIcons/brand/brandApplePay.ts"],"sourcesContent":[],"mappings":";;;cAAiD,UAM5C"}

package/dist/icons/baseIcons/brand/brandApplePay.js

@@ -0,0 +1,2 @@
+var e={details:[640,512,[],``,`M116.9 158.5c-7.5 8.9-19.5 15.9-31.5 14.9-1.5-12 4.4-24.8 11.3-32.6 7.5-9.1 20.6-15.6 31.3-16.1 1.2 12.4-3.7 24.7-11.1 33.8m10.9 17.2c-17.4-1-32.3 9.9-40.5 9.9-8.4 0-21-9.4-34.8-9.1-17.9.3-34.5 10.4-43.6 26.5-18.8 32.3-4.9 80 13.3 106.3 8.9 13 19.5 27.3 33.5 26.8 13.3-.5 18.5-8.6 34.5-8.6 16.1 0 20.8 8.6 34.8 8.4 14.5-.3 23.6-13 32.5-26 10.1-14.8 14.3-29.1 14.5-29.9-.3-.3-28-10.9-28.3-42.9-.3-26.8 21.9-39.5 22.9-40.3-12.5-18.6-32-20.6-38.8-21.1m100.4-36.2v194.9h30.3v-66.6h41.9c38.3 0 65.1-26.3 65.1-64.3s-26.4-64-64.1-64h-73.2zm30.3 25.5h34.9c26.3 0 41.3 14 41.3 38.6s-15 38.8-41.4 38.8h-34.8V165zm162.2 170.9c19 0 36.6-9.6 44.6-24.9h.6v23.4h28v-97c0-28.1-22.5-46.3-57.1-46.3-32.1 0-55.9 18.4-56.8 43.6h27.3c2.3-12 13.4-19.9 28.6-19.9 18.5 0 28.9 8.6 28.9 24.5v10.8l-37.8 2.3c-35.1 2.1-54.1 16.5-54.1 41.5.1 25.2 19.7 42 47.8 42zm8.2-23.1c-16.1 0-26.4-7.8-26.4-19.6 0-12.3 9.9-19.4 28.8-20.5l33.6-2.1v11c0 18.2-15.5 31.2-36 31.2zm102.5 74.6c29.5 0 43.4-11.3 55.5-45.4L640 193h-30.8l-35.6 115.1h-.6L537.4 193h-31.6L557 334.9l-2.8 8.6c-4.6 14.6-12.1 20.3-25.5 20.3-2.4 0-7-.3-8.9-.5v23.4c1.8.4 9.3.7 11.6.7z`],name:`brandApplePay`,oldName:`fabApplePay`};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=brandApplePay.js.map

package/dist/icons/baseIcons/brand/brandApplePay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brandApplePay.js","names":[],"sources":["../../../../src/icons/baseIcons/brand/brandApplePay.ts"],"sourcesContent":["import type { IconDefinition } from '../../types'\n\nexport default {\n  details: [640, 512, [], '', 'M116.9 158.5c-7.5 8.9-19.5 15.9-31.5 14.9-1.5-12 4.4-24.8 11.3-32.6 7.5-9.1 20.6-15.6 31.3-16.1 1.2 12.4-3.7 24.7-11.1 33.8m10.9 17.2c-17.4-1-32.3 9.9-40.5 9.9-8.4 0-21-9.4-34.8-9.1-17.9.3-34.5 10.4-43.6 26.5-18.8 32.3-4.9 80 13.3 106.3 8.9 13 19.5 27.3 33.5 26.8 13.3-.5 18.5-8.6 34.5-8.6 16.1 0 20.8 8.6 34.8 8.4 14.5-.3 23.6-13 32.5-26 10.1-14.8 14.3-29.1 14.5-29.9-.3-.3-28-10.9-28.3-42.9-.3-26.8 21.9-39.5 22.9-40.3-12.5-18.6-32-20.6-38.8-21.1m100.4-36.2v194.9h30.3v-66.6h41.9c38.3 0 65.1-26.3 65.1-64.3s-26.4-64-64.1-64h-73.2zm30.3 25.5h34.9c26.3 0 41.3 14 41.3 38.6s-15 38.8-41.4 38.8h-34.8V165zm162.2 170.9c19 0 36.6-9.6 44.6-24.9h.6v23.4h28v-97c0-28.1-22.5-46.3-57.1-46.3-32.1 0-55.9 18.4-56.8 43.6h27.3c2.3-12 13.4-19.9 28.6-19.9 18.5 0 28.9 8.6 28.9 24.5v10.8l-37.8 2.3c-35.1 2.1-54.1 16.5-54.1 41.5.1 25.2 19.7 42 47.8 42zm8.2-23.1c-16.1 0-26.4-7.8-26.4-19.6 0-12.3 9.9-19.4 28.8-20.5l33.6-2.1v11c0 18.2-15.5 31.2-36 31.2zm102.5 74.6c29.5 0 43.4-11.3 55.5-45.4L640 193h-30.8l-35.6 115.1h-.6L537.4 193h-31.6L557 334.9l-2.8 8.6c-4.6 14.6-12.1 20.3-25.5 20.3-2.4 0-7-.3-8.9-.5v23.4c1.8.4 9.3.7 11.6.7z'],\n  name: 'brandApplePay',\n  oldName: 'fabApplePay'\n} as IconDefinition\n"],"mappings":"AAEA,IAAA,EAAe,CACb,QAAS,CAAC,IAAK,IAAK,EAAE,CAAE,GAAI,ylCAAylC,CACrnC,KAAM,gBACN,QAAS,cACV"}

package/dist/icons/baseIcons/brand/brandBellship.d.ts

@@ -0,0 +1,7 @@
+import { IconDefinition } from "../../types.js";
+
+//#region src/icons/baseIcons/brand/brandBellship.d.ts
+declare const _default: IconDefinition;
+//#endregion
+export { _default };
+//# sourceMappingURL=brandBellship.d.ts.map

package/dist/icons/baseIcons/brand/brandBellship.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brandBellship.d.ts","names":[],"sources":["../../../../src/icons/baseIcons/brand/brandBellship.ts"],"sourcesContent":[],"mappings":";;;cAAiD,UAM5C"}

package/dist/icons/baseIcons/brand/brandBellship.js

@@ -0,0 +1,2 @@
+var e={details:[32,33,[],``,`M0.0322266 16.2178C0.0322266 7.44344 7.17902 0.282227 16 0.282227C24.821 0.282227 31.9678 7.44344 31.9678 16.2178C31.9678 25.0566 24.821 32.2178 16 32.2178C7.17902 32.2178 0.0322266 25.0566 0.0322266 16.2178ZM15.9994 30.9917C24.1116 30.9917 30.6793 24.3463 30.6793 16.2178C30.6793 8.0893 24.1116 1.50777 15.9994 1.50777C7.88668 1.50777 1.31958 8.08871 1.31958 16.2178C1.31958 24.3469 7.88727 30.9917 15.9994 30.9917ZM13.4247 8.66898C12.6516 8.66898 12.2653 8.41075 12.2653 7.76607C12.2653 6.86316 13.8747 6.60494 15.7423 6.60494C17.3522 6.60494 19.0901 6.86316 19.0901 7.76607H19.8633C19.8633 6.34671 17.8028 5.95907 15.678 5.95907C13.489 5.95907 11.4928 6.34612 11.4928 7.70107C11.4928 8.86279 12.2011 9.31366 13.4247 9.31366H18.0605C18.961 9.31366 19.2193 9.63629 19.2193 10.0883C19.2193 10.9912 18.3176 11.3783 15.8066 11.3783C12.845 11.3783 12.2653 11.0562 12.1368 10.346H11.4285C11.4928 11.8941 13.4247 12.088 15.8715 12.088C19.5413 12.088 19.9281 11.1201 19.9281 10.0877C19.9281 9.18425 19.349 8.66839 18.0611 8.66839H13.4247V8.66898ZM15.8066 13.0565C10.9137 13.0565 9.30377 11.1207 9.30377 8.99161C9.36805 7.37902 10.4632 4.92735 15.678 4.92735C21.0221 4.92735 23.5974 7.89489 23.5974 7.89489L24.6282 6.79816C24.6282 6.79816 21.666 3.50799 15.6138 3.50799C10.5274 3.50799 6.98618 6.08848 6.98618 8.99161C6.98618 13.3141 12.2659 14.3464 15.0989 14.5402V16.1528H12.3951V17.7016H15.0989V24.6046C15.0989 25.0566 14.5198 25.3792 14.133 25.3792C13.6176 25.3792 13.1027 25.121 12.4588 24.7984C11.8791 24.4758 11.3642 23.9599 11.3642 23.9599H12.3945C12.3945 23.9599 11.1708 23.3146 10.5268 22.7343C10.0114 22.3473 9.11094 21.5082 9.11094 21.5082C9.11094 21.5082 9.17521 22.6693 9.30377 23.5078C9.4972 24.2825 9.88346 25.5081 10.2697 26.0239V24.7984C10.2697 24.7984 10.978 26.0239 12.3302 26.863C13.6818 27.7021 13.7467 27.5083 14.3907 27.8309C15.0989 28.1536 15.2275 28.218 15.4852 28.6056C15.678 28.9926 15.7429 29.2509 15.7429 29.2509H16.2577C16.2577 29.2509 16.2577 28.9926 16.5154 28.6056C16.7089 28.2186 16.9017 28.1536 17.5463 27.8309C18.2533 27.5083 18.3182 27.7021 19.6056 26.863C20.9578 26.0245 21.666 24.7984 21.666 24.7984V26.0239C22.1166 25.5075 22.5034 24.2819 22.6969 23.5078C22.8248 22.6693 22.8891 21.5082 22.8891 21.5082C22.8891 21.5082 21.9886 22.3467 21.4726 22.7343C20.7007 23.3146 19.6056 23.9599 19.6056 23.9599H20.6364C20.6364 23.9599 20.1204 24.4763 19.5413 24.7984C18.8973 25.121 18.3825 25.3792 17.8677 25.3792C17.4171 25.3792 16.9017 25.0566 16.9017 24.6046V17.7016H19.6704V16.1528H16.9017V14.5402C19.5413 14.2176 21.6018 13.2497 23.1474 12.2818C24.0491 11.6365 24.5639 11.0562 24.5639 11.0562L23.6622 10.0239C23.6616 10.0239 20.7007 13.1209 15.8066 13.0565Z`],name:`brandBellship`,oldName:`cubBellship`};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=brandBellship.js.map