@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

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":";;;;;;;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"}
+{"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

@@ -19,4 +19,4 @@ 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";
+import { LoggedOutHeader } from "./loggedOutHeader.js";

package/dist/header/index.js

@@ -0,0 +1,22 @@
+import { HeaderProvider, useHeaderContext } from "./context.js";
+import { HeaderAccountUserInfo } from "./headerAccountUserInfo.js";
+import { HeaderAccount } from "./headerAccount.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 { HeaderServicesMessage } from "./headerServicesMessage.js";
+import { HeaderServices } from "./headerServices.js";
+import { HeaderSignIn } from "./headerSignIn.js";
+import header_default, { Header, HeaderBase } from "./header.js";
+import { useHeaderLinks } from "./helpers.js";
+import { LoggedInHeader } from "./loggedInHeader.js";
+import { LoggedOutHeader } from "./loggedOutHeader.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/header/loggedInHeader.d.ts

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

package/dist/header/loggedInHeader.js

@@ -1,11 +1,16 @@
 import { isJsx } from "../utils/assertion.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { RenderOnScreen, useDown } from "../core/media.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
 import button_default from "../button/button.js";
+import "../button/index.js";
+import "../core/index.js";
 import list_default from "../list/list.js";
+import "../list/index.js";
 import { useHeaderContext } from "./context.js";
 import headerAccountUserInfo_default from "./headerAccountUserInfo.js";
 import headerServicesMessage_default from "./headerServicesMessage.js";
@@ -15,7 +20,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/header/loggedInHeader.tsx
 /** Displays Header content appropriate for logged-in users, such as services, notifications or account information. */
 const LoggedInHeader = vui((props, ref) => {
-	const { account, altUserInfo, supportLinks, applicationName, applicationUrl, children, className, isApplication = false, isCleanLayout = false, logo, mainLinks, services, showAltUserInfo = false, showMainLinks = isApplication ? false : true, showServices = true, notifications, url,...rest } = props;
+	const { account, altUserInfo, supportLinks, applicationName, applicationUrl, children, className, isApplication = false, isCleanLayout = false, logo, mainLinks, services, showAltUserInfo = false, showMainLinks = isApplication ? false : true, showServices = true, notifications, url, ...rest } = props;
 	if (isApplication && !applicationName) console.error("Header: isApplication is true but applicationName is not set.");
 	const userInfo = altUserInfo ? altUserInfo : isJsx(account) ? {} : account?.userInfo || {};
 	const isSmallScreen = useDown("md");
@@ -60,7 +65,7 @@ const LoggedInHeader = vui((props, ref) => {
 							w: 1,
 							children: /* @__PURE__ */ jsx(list_default, {
 								py: 1,
-								children: mainLinks?.map(({ icon, url: url$1,...rest$1 }, index) => /* @__PURE__ */ jsx(list_default.Item, {
+								children: mainLinks?.map(({ icon, url: url$1, ...rest$1 }, index) => /* @__PURE__ */ jsx(list_default.Item, {
 									iconLeft: icon,
 									linkProps: { href: url$1 },
 									...rest$1
@@ -79,7 +84,7 @@ const LoggedInHeader = vui((props, ref) => {
 								borderTop: 1,
 								borderTopColor: "sandstone.main",
 								pt: 1,
-								children: servicesLinks.length > 0 ? servicesLinks?.map(({ url: url$1,...rest$1 }, index) => /* @__PURE__ */ jsx(list_default.Item, {
+								children: servicesLinks.length > 0 ? servicesLinks?.map(({ url: url$1, ...rest$1 }, index) => /* @__PURE__ */ jsx(list_default.Item, {
 									linkProps: { href: url$1 },
 									...rest$1
 								}, index)) : /* @__PURE__ */ jsx(headerServicesMessage_default, {})
@@ -131,5 +136,5 @@ LoggedInHeader.displayName = "LoggedInHeader";
 
 //#endregion
 export { LoggedInHeader };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=loggedInHeader.js.map

package/dist/header/loggedInHeader.js.map

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

package/dist/header/loggedOutHeader.d.ts

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

package/dist/header/loggedOutHeader.js

@@ -1,15 +1,18 @@
 import { isJsx } from "../utils/assertion.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { RenderOnScreen, useDown } from "../core/media.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import header_default from "./header.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/header/loggedOutHeader.tsx
 /** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */
 const LoggedOutHeader = vui((props, ref) => {
-	const { applicationName, applicationUrl, children, className, isApplication = false, createAccount, logo, mainLinks, signIn,...rest } = props;
+	const { applicationName, applicationUrl, children, className, isApplication = false, createAccount, logo, mainLinks, signIn, ...rest } = props;
 	if (isApplication) {
 		if (!applicationName) console.error("Header: isApplication is true but applicationName is not set.");
 	}
@@ -68,5 +71,5 @@ LoggedOutHeader.displayName = "LoggedOutHeader";
 
 //#endregion
 export { LoggedOutHeader };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=loggedOutHeader.js.map

package/dist/header/loggedOutHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loggedOutHeader.js","names":["Header","Box"],"sources":["../../src/header/loggedOutHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport { RenderOnScreen, useDown, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport Header from './header'\nimport type { LoggedOutHeaderProps } from './header.types'\n\n/** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */\nexport const LoggedOutHeader = vui<'div', LoggedOutHeaderProps>((props, ref) => {\n  const {\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    createAccount,\n    logo,\n    mainLinks,\n    signIn,\n    ...rest\n  } = props\n\n  if (isApplication) {\n    if (!applicationName) {\n      console.error('Header: isApplication is true but applicationName is not set.')\n    }\n  }\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedOutHeader', isApplication ? 'vui-loggedOutAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n\n        <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>\n\n        <Box ml=\"auto\" />\n\n        <RenderOnScreen minWidth=\"lg\">\n          {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n          {mainLinks !== undefined && <Header.Divider ml={1} mr={3} />}\n\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n        </RenderOnScreen>\n\n        <RenderOnScreen maxWidth=\"lg\">\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          <Header.Divider ml={2} />\n\n          <Header.MobileToggle />\n\n          <Header.MobileContent>\n            {children}\n\n            {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n\n            {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n          </Header.MobileContent>\n        </RenderOnScreen>\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedOutHeader.displayName = 'LoggedOutHeader'\n\nexport default LoggedOutHeader\n"],"mappings":";;;;;;;;;;AAOA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EACJ,iBACA,gBACA,UACA,WACA,gBAAgB,OAChB,eACA,MACA,WACA,OACA,GAAG,SACD;AAEJ,KAAI,eACF;MAAI,CAAC,gBACH,SAAQ,MAAM,gEAAgE;;CAIlF,MAAM,gBAAgB,QAAQ,KAAK;CACnC,MAAM,eAAe,QAAQ,KAAK;CAElC,MAAM,iBAAiB,MAAM,YAAY,SAAS,UAAU;AAE5D,QACE,oBAACA;EACC,WAAW,GAAG,uBAAuB,gBAAgB,2BAA2B,QAAW,UAAU;EACrG,IAAI,iBAAiB,gBAAgB,SAAS;EACzC;EACL,GAAI;YAEJ,qBAACA,eAAO;IACJ,CAAC,iBAAiB,CAAC,iBAAiB,4CAAE,KAAE,MAAM,KAAK,GAAG,OAAO,oBAACA,eAAO,QAAK,GAAI,OAAQ,IAAI;GAC3F,iBACC,4CACE,oBAAC;IAAe,UAAS;cACvB,oBAACA,eAAO,WAAQ,IAAI,IAAK;KACV,EACjB,oBAACA,eAAO;IAAgB,OAAO;IAAgB,OAAO;IAAiB,KAAK;KAAkB,IAC7F;GAGL,oBAAC;IAAe,UAAS;IAAM;KAA0B;GAEzD,oBAACC,eAAI,IAAG,SAAS;GAEjB,qBAAC;IAAe,UAAS;;KACtB,MAAM,UAAU,GAAG,YAAY,oBAACD,eAAO,aAAU,OAAO,YAAa;KAErE,cAAc,UAAa,oBAACA,eAAO;MAAQ,IAAI;MAAG,IAAI;OAAK;KAE3D,MAAM,OAAO,GAAG,SAAS,oBAACA,eAAO,UAAO,GAAI,SAAU;KAEtD,MAAM,cAAc,GAAG,gBAAgB,oBAACA,eAAO,iBAAc,GAAI,gBAAiB;;KACpE;GAEjB,qBAAC;IAAe,UAAS;;KACtB,MAAM,OAAO,GAAG,SAAS,oBAACA,eAAO,UAAO,GAAI,SAAU;KAEvD,oBAACA,eAAO,WAAQ,IAAI,IAAK;KAEzB,oBAACA,eAAO,iBAAe;KAEvB,qBAACA,eAAO;MACL;MAEA,MAAM,cAAc,GAAG,gBAAgB,oBAACA,eAAO,iBAAc,GAAI,gBAAiB;MAElF,MAAM,UAAU,GAAG,YAAY,oBAACA,eAAO,aAAU,OAAO,YAAa;SACjD;;KACR;MACF;GACV;EAEX;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"loggedOutHeader.js","names":["Header","Box"],"sources":["../../src/header/loggedOutHeader.tsx"],"sourcesContent":["import Box from '../box'\nimport { RenderOnScreen, useDown, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport Header from './header'\nimport type { LoggedOutHeaderProps } from './header.types'\n\n/** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */\nexport const LoggedOutHeader = vui<'div', LoggedOutHeaderProps>((props, ref) => {\n  const {\n    applicationName,\n    applicationUrl,\n    children,\n    className,\n    isApplication = false,\n    createAccount,\n    logo,\n    mainLinks,\n    signIn,\n    ...rest\n  } = props\n\n  if (isApplication) {\n    if (!applicationName) {\n      console.error('Header: isApplication is true but applicationName is not set.')\n    }\n  }\n\n  const isSmallScreen = useDown('md')\n  const isLessThanMD = useDown('sm')\n\n  const localTextColor = rest?.variant === 'dark' ? 'white' : 'darkBlue.main'\n\n  return (\n    <Header\n      className={cs('vui-loggedOutHeader', isApplication ? 'vui-loggedOutAppHeader' : undefined, className)}\n      mb={isApplication && isSmallScreen ? '41px' : 'inherited'}\n      ref={ref}\n      {...rest}\n    >\n      <Header.Content>\n        {(!isApplication || !isLessThanMD) && <> {isJsx(logo) ? logo : <Header.Logo {...logo} />}</>}\n        {isApplication && (\n          <>\n            <RenderOnScreen minWidth=\"sm\">\n              <Header.Divider mr={2} />\n            </RenderOnScreen>\n            <Header.ApplicationName color={localTextColor} title={applicationName} url={applicationUrl} />\n          </>\n        )}\n\n        <RenderOnScreen minWidth=\"lg\">{children}</RenderOnScreen>\n\n        <Box ml=\"auto\" />\n\n        <RenderOnScreen minWidth=\"lg\">\n          {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n\n          {mainLinks !== undefined && <Header.Divider ml={1} mr={3} />}\n\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n        </RenderOnScreen>\n\n        <RenderOnScreen maxWidth=\"lg\">\n          {isJsx(signIn) ? signIn : <Header.SignIn {...signIn} />}\n\n          <Header.Divider ml={2} />\n\n          <Header.MobileToggle />\n\n          <Header.MobileContent>\n            {children}\n\n            {isJsx(createAccount) ? createAccount : <Header.CreateAccount {...createAccount} />}\n\n            {isJsx(mainLinks) ? mainLinks : <Header.MainLinks links={mainLinks} />}\n          </Header.MobileContent>\n        </RenderOnScreen>\n      </Header.Content>\n    </Header>\n  )\n})\n\nLoggedOutHeader.displayName = 'LoggedOutHeader'\n\nexport default LoggedOutHeader\n"],"mappings":";;;;;;;;;;;;;AAOA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EACJ,iBACA,gBACA,UACA,WACA,gBAAgB,OAChB,eACA,MACA,WACA,QACA,GAAG,SACD;AAEJ,KAAI,eACF;MAAI,CAAC,gBACH,SAAQ,MAAM,gEAAgE;;CAIlF,MAAM,gBAAgB,QAAQ,KAAK;CACnC,MAAM,eAAe,QAAQ,KAAK;CAElC,MAAM,iBAAiB,MAAM,YAAY,SAAS,UAAU;AAE5D,QACE,oBAACA;EACC,WAAW,GAAG,uBAAuB,gBAAgB,2BAA2B,QAAW,UAAU;EACrG,IAAI,iBAAiB,gBAAgB,SAAS;EACzC;EACL,GAAI;YAEJ,qBAACA,eAAO;IACJ,CAAC,iBAAiB,CAAC,iBAAiB,4CAAE,KAAE,MAAM,KAAK,GAAG,OAAO,oBAACA,eAAO,QAAK,GAAI,OAAQ,IAAI;GAC3F,iBACC,4CACE,oBAAC;IAAe,UAAS;cACvB,oBAACA,eAAO,WAAQ,IAAI,IAAK;KACV,EACjB,oBAACA,eAAO;IAAgB,OAAO;IAAgB,OAAO;IAAiB,KAAK;KAAkB,IAC7F;GAGL,oBAAC;IAAe,UAAS;IAAM;KAA0B;GAEzD,oBAACC,eAAI,IAAG,SAAS;GAEjB,qBAAC;IAAe,UAAS;;KACtB,MAAM,UAAU,GAAG,YAAY,oBAACD,eAAO,aAAU,OAAO,YAAa;KAErE,cAAc,UAAa,oBAACA,eAAO;MAAQ,IAAI;MAAG,IAAI;OAAK;KAE3D,MAAM,OAAO,GAAG,SAAS,oBAACA,eAAO,UAAO,GAAI,SAAU;KAEtD,MAAM,cAAc,GAAG,gBAAgB,oBAACA,eAAO,iBAAc,GAAI,gBAAiB;;KACpE;GAEjB,qBAAC;IAAe,UAAS;;KACtB,MAAM,OAAO,GAAG,SAAS,oBAACA,eAAO,UAAO,GAAI,SAAU;KAEvD,oBAACA,eAAO,WAAQ,IAAI,IAAK;KAEzB,oBAACA,eAAO,iBAAe;KAEvB,qBAACA,eAAO;MACL;MAEA,MAAM,cAAc,GAAG,gBAAgB,oBAACA,eAAO,iBAAc,GAAI,gBAAiB;MAElF,MAAM,UAAU,GAAG,YAAY,oBAACA,eAAO,aAAU,OAAO,YAAa;SACjD;;KACR;MACF;GACV;EAEX;AAEF,gBAAgB,cAAc"}

package/dist/header/theme.js

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

package/dist/heading/heading.d.ts

@@ -2,12 +2,13 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { HeadingProps } from "./heading.types.js";
 import "../index.js";
-import * as styled_components375 from "styled-components";
+import * as styled_components415 from "styled-components";
 
 //#region src/heading/heading.d.ts
-declare const HeadingBase: styled_components375.StyledComponent<"h2", styled_components375.DefaultTheme, SystemProps, never>;
+declare const HeadingBase: styled_components415.StyledComponent<"h2", styled_components415.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

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

package/dist/heading/heading.js

@@ -1,9 +1,11 @@
 import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { useUp } from "../core/media.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/heading/heading.tsx
@@ -13,8 +15,8 @@ const HeadingBase = styled.h2Box`
 `;
 /** Used to define headings and titles for pages, articles, panels, etc. */
 const Heading = vui((props, ref) => {
-	const { align, casing, children, className, decoration, text, weight,...rest } = omitThemingProps(props);
-	const { fontSize, lineHeight,...restStyles } = useStyleConfig("Heading", props);
+	const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props);
+	const { fontSize, lineHeight, ...restStyles } = useStyleConfig("Heading", props);
 	const hClassName = props.size ? `vui-${props.size}` : "";
 	const aliasedProps = filterUndefined({
 		fontWeight: weight,
@@ -43,5 +45,5 @@ var heading_default = Heading;
 
 //#endregion
 export { Heading, HeadingBase, heading_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=heading.js.map

package/dist/heading/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","names":[],"sources":["../../src/heading/heading.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, useUp, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { HeadingProps } from './heading.types'\n\nexport const HeadingBase = styled.h2Box`\n  font-weight: demi;\n  transition-duration: fast;\n`\n\n/** Used to define headings and titles for pages, articles, panels, etc. */\nexport const Heading = vui<'h2', HeadingProps>((props, ref) => {\n  const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Heading', props)\n\n  const { fontSize, lineHeight, ...restStyles } = styles\n\n  const hClassName = props.size ? `vui-${props.size}` : ''\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  const isDesktop = useUp(993)\n\n  const fontSizeDesktop = fontSize?.desktop || fontSize\n  const fontSizeMobile = fontSize?.mobile || fontSize\n  const lineHeightDesktop = lineHeight?.desktop || lineHeight\n  const lineHeightMobile = lineHeight?.mobile || lineHeight\n\n  return (\n    <HeadingBase\n      className={cs('vui-heading', hClassName, className)}\n      fontSize={isDesktop ? fontSizeDesktop : fontSizeMobile}\n      lineHeight={isDesktop ? lineHeightDesktop : lineHeightMobile}\n      ref={ref}\n      {...restStyles}\n      {...aliasedProps}\n      {...rest}\n    >\n      {children ?? text}\n    </HeadingBase>\n  )\n})\n\nHeading.displayName = 'Heading'\nexport default Heading\n"],"mappings":";;;;;;;;;AAIA,MAAa,cAAc,OAAO,KAAK;;;;;AAMvC,MAAa,UAAU,KAAyB,OAAO,QAAQ;CAC7D,MAAM,EAAE,OAAO,QAAQ,UAAU,WAAW,YAAY,MAAM,OAAQ,GAAG,SAAS,iBAAiB,MAAM;CAGzG,MAAM,EAAE,UAAU,WAAY,GAAG,eAFlB,eAAe,WAAW,MAAM;CAI/C,MAAM,aAAa,MAAM,OAAO,OAAO,MAAM,SAAS;CAEtD,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;CAEF,MAAM,YAAY,MAAM,IAAI;CAE5B,MAAM,kBAAkB,UAAU,WAAW;CAC7C,MAAM,iBAAiB,UAAU,UAAU;CAC3C,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,mBAAmB,YAAY,UAAU;AAE/C,QACE,oBAAC;EACC,WAAW,GAAG,eAAe,YAAY,UAAU;EACnD,UAAU,YAAY,kBAAkB;EACxC,YAAY,YAAY,oBAAoB;EACvC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,YAAY;GACD;EAEhB;AAEF,QAAQ,cAAc;AACtB,sBAAe"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../src/heading/heading.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, useUp, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { HeadingProps } from './heading.types'\n\nexport const HeadingBase = styled.h2Box`\n  font-weight: demi;\n  transition-duration: fast;\n`\n\n/** Used to define headings and titles for pages, articles, panels, etc. */\nexport const Heading = vui<'h2', HeadingProps>((props, ref) => {\n  const { align, casing, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Heading', props)\n\n  const { fontSize, lineHeight, ...restStyles } = styles\n\n  const hClassName = props.size ? `vui-${props.size}` : ''\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight,\n    textAlign: align,\n    textDecoration: decoration,\n    textTransform: casing,\n  })\n\n  const isDesktop = useUp(993)\n\n  const fontSizeDesktop = fontSize?.desktop || fontSize\n  const fontSizeMobile = fontSize?.mobile || fontSize\n  const lineHeightDesktop = lineHeight?.desktop || lineHeight\n  const lineHeightMobile = lineHeight?.mobile || lineHeight\n\n  return (\n    <HeadingBase\n      className={cs('vui-heading', hClassName, className)}\n      fontSize={isDesktop ? fontSizeDesktop : fontSizeMobile}\n      lineHeight={isDesktop ? lineHeightDesktop : lineHeightMobile}\n      ref={ref}\n      {...restStyles}\n      {...aliasedProps}\n      {...rest}\n    >\n      {children ?? text}\n    </HeadingBase>\n  )\n})\n\nHeading.displayName = 'Heading'\nexport default Heading\n"],"mappings":";;;;;;;;;;;AAIA,MAAa,cAAc,OAAO,KAAK;;;;;AAMvC,MAAa,UAAU,KAAyB,OAAO,QAAQ;CAC7D,MAAM,EAAE,OAAO,QAAQ,UAAU,WAAW,YAAY,MAAM,QAAQ,GAAG,SAAS,iBAAiB,MAAM;CAGzG,MAAM,EAAE,UAAU,YAAY,GAAG,eAFlB,eAAe,WAAW,MAAM;CAI/C,MAAM,aAAa,MAAM,OAAO,OAAO,MAAM,SAAS;CAEtD,MAAM,eAAe,gBAAgB;EACnC,YAAY;EACZ,WAAW;EACX,gBAAgB;EAChB,eAAe;EAChB,CAAC;CAEF,MAAM,YAAY,MAAM,IAAI;CAE5B,MAAM,kBAAkB,UAAU,WAAW;CAC7C,MAAM,iBAAiB,UAAU,UAAU;CAC3C,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,mBAAmB,YAAY,UAAU;AAE/C,QACE,oBAAC;EACC,WAAW,GAAG,eAAe,YAAY,UAAU;EACnD,UAAU,YAAY,kBAAkB;EACxC,YAAY,YAAY,oBAAoB;EACvC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,YAAY;GACD;EAEhB;AAEF,QAAQ,cAAc;AACtB,sBAAe"}

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

@@ -19,4 +19,5 @@ type HeadingProps = SystemProps & ThemingProps<'Heading'> & {
 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

@@ -1 +1 @@
-{"version":3,"file":"heading.types.d.ts","names":[],"sources":["../../src/heading/heading.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAGY,YAAA,CAAA,CAAA,CAAe,cACzB;;UAEU;;EAHA,MAAA,CAAA,CAAA,CAKC,eALW,CAAA,CAAA,aAAA,CAAA,CAAA;EAAG,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EACzB,UAAA,CAAA,CAAA,CAMe,eANf,CAAA,CAAA,cAAA,CAAA,CAAA;EAEU,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEC,IAAA,CAAA,CAAA,CAIF,KAAA,CAAM,SAJJ;EAEI,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,UAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;EAEN,MAAM,CAAA,CAAA,CAEJ,eAFI,CAAA,CAAA,UAAA,CAAA,CAAA;CAEJ;AAAe,IAAA,CAGhB,WAAA,CAAA,CAAA,CAHgB,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"heading.types.d.ts","names":[],"sources":["../../src/heading/heading.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAGY,YAAA,GAAe,cACzB;;UAEU;;EAHA,MAAA,CAAA,EAKC,eALW,CAAA,eAAA,CAAA;EAAG;EACzB,UAAA,CAAA,EAMe,eANf,CAAA,gBAAA,CAAA;EAEU;EAEC,IAAA,CAAA,EAIF,KAAA,CAAM,SAJJ;EAEI;EAEN,MAAM,CAAA,EAEJ,eAFI,CAAA,YAAA,CAAA;CAEJ;AAAe,KAGhB,WAAA,GAHgB,OAAA,GAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA"}

package/dist/heading/headings.d.ts

@@ -11,4 +11,5 @@ 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

@@ -1 +1 @@
-{"version":3,"file":"headings.d.ts","names":[],"sources":["../../src/heading/headings.tsx"],"sourcesContent":[],"mappings":";;;;;cAIa,IAAE,mBAAA;cACF,IAAE,mBAAA;cACF,IAAE,mBAAA;cACF,IAAE,mBAAA;AAHF,OAAA,CAAA,KAAA,CAIA,EAJE,CAAA,CAIA,YAJA,CAAA,CAAA,EAAA,CAAA,CAAA,CAIA,YAJA,CAAA;AACF,OAAA,CAAA,KAAA,CAIA,EAJE,CAAA,CAIA,YAJA,CAAA,CAAA,EAAA,CAAA,CAAA,CAIA,YAJA,CAAA"}
+{"version":3,"file":"headings.d.ts","names":[],"sources":["../../src/heading/headings.tsx"],"sourcesContent":[],"mappings":";;;;;cAIa,IAAE,mBAAA;cACF,IAAE,mBAAA;cACF,IAAE,mBAAA;cACF,IAAE,mBAAA;AAHF,cAIA,EAJE,EAIA,YAJA,CAAA,IAAA,EAIA,YAJA,CAAA;AACF,cAIA,EAJE,EAIA,YAJA,CAAA,IAAA,EAIA,YAJA,CAAA"}

package/dist/heading/headings.js

@@ -1,4 +1,5 @@
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import heading_default from "./heading.js";
 import { jsx } from "react/jsx-runtime";
 
@@ -36,5 +37,5 @@ const H6 = vui((props, ref) => /* @__PURE__ */ jsx(heading_default, {
 
 //#endregion
 export { H1, H2, H3, H4, H5, H6 };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=headings.js.map

package/dist/heading/headings.js.map

@@ -1 +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=\"2xl\" {...props} />)\nexport const H2 = vui<'h2', HeadingProps>((props, ref) => <Heading ref={ref} size=\"xl\" {...props} />)\nexport const H3 = vui<'h3', HeadingProps>((props, ref) => <Heading ref={ref} size=\"lg\" {...props} />)\nexport const H4 = vui<'h4', HeadingProps>((props, ref) => <Heading ref={ref} size=\"md\" {...props} />)\nexport const H5 = vui<'h5', HeadingProps>((props, ref) => <Heading ref={ref} size=\"sm\" {...props} />)\nexport const H6 = vui<'h6', HeadingProps>((props, ref) => <Heading ref={ref} size=\"xs\" {...props} />)\n"],"mappings":";;;;;AAIA,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAM,GAAI;EAAS,CAAC;AACtG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC"}
+{"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=\"2xl\" {...props} />)\nexport const H2 = vui<'h2', HeadingProps>((props, ref) => <Heading ref={ref} size=\"xl\" {...props} />)\nexport const H3 = vui<'h3', HeadingProps>((props, ref) => <Heading ref={ref} size=\"lg\" {...props} />)\nexport const H4 = vui<'h4', HeadingProps>((props, ref) => <Heading ref={ref} size=\"md\" {...props} />)\nexport const H5 = vui<'h5', HeadingProps>((props, ref) => <Heading ref={ref} size=\"sm\" {...props} />)\nexport const H6 = vui<'h6', HeadingProps>((props, ref) => <Heading ref={ref} size=\"xs\" {...props} />)\n"],"mappings":";;;;;;AAIA,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAM,GAAI;EAAS,CAAC;AACtG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC;AACrG,MAAa,KAAK,KAAyB,OAAO,QAAQ,oBAACA;CAAa;CAAK,MAAK;CAAK,GAAI;EAAS,CAAC"}

package/dist/heading/index.d.ts

@@ -1,3 +1,3 @@
 import { HeadingProps, HeadingSize } from "./heading.types.js";
 import { Heading, HeadingBase } from "./heading.js";
-import { H1, H2, H3, H4, H5, H6 } from "./headings.js";
+import { H1, H2, H3, H4, H5, H6 } from "./headings.js";

package/dist/heading/index.js

@@ -0,0 +1,4 @@
+import heading_default, { Heading, HeadingBase } from "./heading.js";
+import { H1, H2, H3, H4, H5, H6 } from "./headings.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/heading/theme.js

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

package/dist/icon/helpers.js

@@ -1,6 +1,8 @@
 import { cdnUrl } from "../core/consts.js";
 import cache_default from "../icons/cache.js";
+import "../icons/index.js";
 import { IconReplacements } from "../icons/iconReplacements.js";
+import "../core/index.js";
 
 //#region src/icon/helpers.ts
 const PREFIX_MAP = {
@@ -36,5 +38,5 @@ function getIconDetails(iconName) {
 
 //#endregion
 export { getIconDetails };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=helpers.js.map

package/dist/icon/helpers.js.map

@@ -1 +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":";;;;;AAMA,MAAMA,aAAqC;CACzC,KAAK;CACL,KAAK;CACN;;AAED,SAAS,oBAAoB,QAAgB;AAC3C,QAAO,WAAW,YAAY,OAAO,WAAW,KAAK,GAAG,OAAO;;;;;;;AAQjE,SAAgB,eAAe,UAA2C;AACxE,KAAI,CAAC,SAAU,QAAO,EAAE;CAExB,MAAM,OAAO,mBAAmB,aAAa;AAG7C,KAAI,CAACC,cAAW,IAAI,KAAK,CAIvB,QAAO,EACL,KAAK,GAAG,OAAO,mBAHQ,oBADV,KAAK,MAAM,GAAG,EAAE,CACqB,CAGC,GAAG,KAAK,OAC5D;CAIH,MAAM,EAAE,SAAS,MAAM,YAAY,EAAE,EAAE,WAAW,EAAE,KAAKA,cAAW,IAAI,KAAK;CAC7E,MAAM,CAAC,OAAO,YAAY,KAAK;CAC/B,MAAM,UAAU,OAAO,MAAM,GAAG;AAQhC,QAAO,EACL,YAPiB;EACjB,GAAG,MAAM,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAE;EAC7B,WAAW,MAAM,QAAQ,UAAU,GAAG,YAAY,CAAC,UAAU;EAC7D,UAAU;GAAE,aAAa;GAAM;GAAS,GAAG;GAAU;EACtD,EAIA"}
+{"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":";;;;;;;AAMA,MAAMA,aAAqC;CACzC,KAAK;CACL,KAAK;CACN;;AAED,SAAS,oBAAoB,QAAgB;AAC3C,QAAO,WAAW,YAAY,OAAO,WAAW,KAAK,GAAG,OAAO;;;;;;;AAQjE,SAAgB,eAAe,UAA2C;AACxE,KAAI,CAAC,SAAU,QAAO,EAAE;CAExB,MAAM,OAAO,mBAAmB,aAAa;AAG7C,KAAI,CAACC,cAAW,IAAI,KAAK,CAIvB,QAAO,EACL,KAAK,GAAG,OAAO,mBAHQ,oBADV,KAAK,MAAM,GAAG,EAAE,CACqB,CAGC,GAAG,KAAK,OAC5D;CAIH,MAAM,EAAE,SAAS,MAAM,YAAY,EAAE,EAAE,WAAW,EAAE,KAAKA,cAAW,IAAI,KAAK;CAC7E,MAAM,CAAC,OAAO,YAAY,KAAK;CAC/B,MAAM,UAAU,OAAO,MAAM,GAAG;AAQhC,QAAO,EACL,YAPiB;EACjB,GAAG,MAAM,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAE;EAC7B,WAAW,MAAM,QAAQ,UAAU,GAAG,YAAY,CAAC,UAAU;EAC7D,UAAU;GAAE,aAAa;GAAM;GAAS,GAAG;GAAU;EACtD,EAIA"}

package/dist/icon/icon.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from "./icon.types.js";
 import { VuiComponent } from "../core/vui.js";
+import { IconProps } from "./icon.types.js";
 import "../index.js";
 
 //#region src/icon/icon.d.ts
@@ -7,4 +7,5 @@ import "../index.js";
 declare const Icon: VuiComponent<"svg", IconProps>;
 //#endregion
 export { Icon };
+
 //# sourceMappingURL=icon.d.ts.map

package/dist/icon/icon.js

@@ -1,15 +1,18 @@
 import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import { Svg } from "../svg/svg.js";
+import "../svg/index.js";
 import { getIconDetails } from "./helpers.js";
+import "../core/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/icon/icon.tsx
 /** Displays and Svg element with a given icon. Handles icon names or definition objects. */
 const Icon = vui((props, ref) => {
-	const { className, name, rotate, scale,...rest } = omitThemingProps(props);
+	const { className, name, rotate, scale, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Icon", props);
 	const { customIcon, src } = getIconDetails(name);
 	const scaledSize = scale ? 16 * scale : void 0;
@@ -42,5 +45,5 @@ var icon_default = Icon;
 
 //#endregion
 export { Icon, icon_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=icon.js.map

package/dist/icon/icon.js.map

@@ -1 +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":";;;;;;;;;;AAOA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,WAAW,MAAM,QAAQ,MAAO,GAAG,SAAS,iBAAiB,MAAM;CAC3E,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,EAAE,YAAY,QAAQ,eAAe,KAAK;CAChD,MAAM,aAAa,QAAQ,KAAK,QAAQ;CAExC,MAAM,eAAe,gBAA2B;EAC9C,GAAG;EACH,WAAW,WAAW,SAAY,UAAU,OAAO,QAAQ;EAC3D,GAAG;EACJ,CAAC;AAEF,QACE,oBAAC;EACC,WAAW,GAAG,YAAY,UAAU;EACpC,WAAW,YAAY,YAAmB,YAAY,OAAO,WAAW,YAAY;EACpF,SAAQ;EACR,WAAW,YAAY,YAAmB,YAAY,OAAO,WAAW,YAAY;EACpF,YAAY;EACP;EACA;EACL,GAAI;EACJ,GAAI,YAAY;EAChB,GAAI;EACJ,GAAI;YAEH,YAAY,EAAE,KAAK,GAAG,MACrB,oBAAC;GAAQ;GAAG,MAAK;GAAuB,GAAI,WAAW,UAAU;KAA5B,EAAuC,CAC5E;GACE;EAER;AAEF,KAAK,cAAc;AACnB,mBAAe"}
+{"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":";;;;;;;;;;;;;AAOA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,WAAW,MAAM,QAAQ,OAAO,GAAG,SAAS,iBAAiB,MAAM;CAC3E,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,EAAE,YAAY,QAAQ,eAAe,KAAK;CAChD,MAAM,aAAa,QAAQ,KAAK,QAAQ;CAExC,MAAM,eAAe,gBAA2B;EAC9C,GAAG;EACH,WAAW,WAAW,SAAY,UAAU,OAAO,QAAQ;EAC3D,GAAG;EACJ,CAAC;AAEF,QACE,oBAAC;EACC,WAAW,GAAG,YAAY,UAAU;EACpC,WAAW,YAAY,YAAmB,YAAY,OAAO,WAAW,YAAY;EACpF,SAAQ;EACR,WAAW,YAAY,YAAmB,YAAY,OAAO,WAAW,YAAY;EACpF,YAAY;EACP;EACA;EACL,GAAI;EACJ,GAAI,YAAY;EAChB,GAAI;EACJ,GAAI;YAEH,YAAY,EAAE,KAAK,GAAG,MACrB,oBAAC;GAAQ;GAAG,MAAK;GAAuB,GAAI,WAAW,UAAU;KAA5B,EAAuC,CAC5E;GACE;EAER;AAEF,KAAK,cAAc;AACnB,mBAAe"}

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

@@ -31,4 +31,5 @@ type IconProps = SvgProps & ThemingProps<'Icon'> & {
 };
 //#endregion
 export { GetIconDetailsResult, IconProp, IconProps };
+
 //# sourceMappingURL=icon.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon.types.d.ts","names":[],"sources":["../../src/icon/icon.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAMY,oBAAA,CAAA,CAAA;;;eAGG,KAAA,CAAM,SAAS;cAChB,eAAe;EAJjB,CAAA;EAGkB,GAAA,CAAA,CAAA,CAAA,MAAA;CAAf;AACc,IAAA,CAKjB,QAAA,CAAA,CAAA,CAAW,OALM,CAAA,CAAA,CAKI,SALJ;AAAf,IAAA,CAOF,SAAA,CAAA,CAAA,CAAY,QAPV,CAAA,CAAA,CAQZ,YARY,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,IAAA,CAAA,CAAA,OAAA,CAAA,CAAA;EAKT,IAAA,CAAA,CAAA,CAKD,QALS;EAER,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAAY,IAAA,CAAA,CAAA,CAKb,QALa;EACtB,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAES,SAAA,CAAA,CAAA,CAAA,GAAA;EAEA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAAQ,MAAA,CAAA,CAAA,CAAA,MAAA"}
+{"version":3,"file":"icon.types.d.ts","names":[],"sources":["../../src/icon/icon.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAMY,oBAAA;;;eAGG,KAAA,CAAM,SAAS;cAChB,eAAe;EAJjB,CAAA;EAGkB,GAAA,CAAA,EAAA,MAAA;CAAf;AACc,KAKjB,QAAA,GAAW,OALM,GAKI,SALJ;AAAf,KAOF,SAAA,GAAY,QAPV,GAQZ,YARY,CAAA,MAAA,CAAA,GAAA;EAAO;EAKT,IAAA,CAAA,EAKD,QALS;EAER;EAAY,IAAA,CAAA,EAKb,QALa;EACtB;EAES,SAAA,CAAA,EAAA,GAAA;EAEA;EAAQ,MAAA,CAAA,EAAA,MAAA"}

package/dist/icon/index.d.ts

@@ -1,2 +1,2 @@
 import { GetIconDetailsResult, IconProp, IconProps } from "./icon.types.js";
-import { Icon } from "./icon.js";
+import { Icon } from "./icon.js";

package/dist/icon/index.js

@@ -0,0 +1,3 @@
+import icon_default, { Icon } from "./icon.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/icon/theme.js

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

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

@@ -4,4 +4,5 @@ import { IconDefinition } from "../../types.js";
 declare const _default: IconDefinition;
 //#endregion
 export { _default };
+
 //# sourceMappingURL=brandApplePay.d.ts.map

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

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

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

@@ -4,4 +4,5 @@ import { IconDefinition } from "../../types.js";
 declare const _default: IconDefinition;
 //#endregion
 export { _default };
+
 //# sourceMappingURL=brandBellship.d.ts.map

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

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

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

@@ -4,4 +4,5 @@ import { IconDefinition } from "../../types.js";
 declare const _default: IconDefinition;
 //#endregion
 export { _default };
+
 //# sourceMappingURL=brandCcAmazonPay.d.ts.map

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

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

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

@@ -4,4 +4,5 @@ import { IconDefinition } from "../../types.js";
 declare const _default: IconDefinition;
 //#endregion
 export { _default };
+
 //# sourceMappingURL=brandCcAmex.d.ts.map

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

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

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

@@ -4,4 +4,5 @@ import { IconDefinition } from "../../types.js";
 declare const _default: IconDefinition;
 //#endregion
 export { _default };
+
 //# sourceMappingURL=brandCcApplePay.d.ts.map

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

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

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

@@ -4,4 +4,5 @@ import { IconDefinition } from "../../types.js";
 declare const _default: IconDefinition;
 //#endregion
 export { _default };
+
 //# sourceMappingURL=brandCcDinersClub.d.ts.map

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

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

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

@@ -4,4 +4,5 @@ import { IconDefinition } from "../../types.js";
 declare const _default: IconDefinition;
 //#endregion
 export { _default };
+
 //# sourceMappingURL=brandCcMastercard.d.ts.map

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

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