@elliemae/ds-global-header 3.4.2 → 3.4.3

package/dist/esm/parts/Breadcrumb/GlobalHeaderBreadcrumb.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { getGlobalAttributes } from "@elliemae/ds-utilities";
 import { StyledBreadcrumbContainer, StyledPipe, StyledBreadcrumbList } from "./styles";
 import { useGlobalHeaderBreadcrumb } from "./useGlobalHeaderBreadcrumb";
@@ -7,37 +7,42 @@ import { PureBreadcrumb } from "./PureBreadcrumb";
 import { DSGlobalHeaderDatatestid } from "../../exported-related";
 const GlobalHeaderBreadcrumb = () => {
   const { breadcrumb, showIconOnly, flexRegionRef, handleOnKeyDown, instanceUID } = useGlobalHeaderBreadcrumb();
-  return /* @__PURE__ */ React2.createElement(StyledBreadcrumbContainer, {
+  return /* @__PURE__ */ jsxs(StyledBreadcrumbContainer, {
     height: "100%",
     alignItems: "center",
     justifyContent: "flex-start",
     "aria-label": "breadcrumb",
     cols: ["auto", "auto", "1fr"],
     forwardedAs: "nav",
-    "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.CONTAINER
-  }, /* @__PURE__ */ React2.createElement(StyledPipe, {
-    showIconOnly,
-    "aria-hidden": true,
-    "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.PIPE
-  }), /* @__PURE__ */ React2.createElement(StyledBreadcrumbList, {
-    "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.LIST
-  }, breadcrumb?.map((item) => {
-    const { onClick, isSelected, label, hasNext, id, ...rest } = item;
-    return /* @__PURE__ */ React2.createElement(PureBreadcrumb, {
-      label,
-      hasNext,
-      isSelected,
-      key: `${instanceUID}-breadcrumb-item-${label}`,
-      onKeyDown: onClick && handleOnKeyDown(onClick),
-      ...getGlobalAttributes(rest),
-      onClick,
-      length: breadcrumb.length
-    });
-  })), /* @__PURE__ */ React2.createElement("div", {
-    id: "global-header-flex-region",
-    ref: flexRegionRef,
-    "aria-hidden": true
-  }));
+    "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.CONTAINER,
+    children: [
+      /* @__PURE__ */ jsx(StyledPipe, {
+        showIconOnly,
+        "aria-hidden": true,
+        "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.PIPE
+      }),
+      /* @__PURE__ */ jsx(StyledBreadcrumbList, {
+        "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.LIST,
+        children: breadcrumb?.map((item) => {
+          const { onClick, isSelected, label, hasNext, id, ...rest } = item;
+          return /* @__PURE__ */ jsx(PureBreadcrumb, {
+            label,
+            hasNext,
+            isSelected,
+            onKeyDown: onClick && handleOnKeyDown(onClick),
+            ...getGlobalAttributes(rest),
+            onClick,
+            length: breadcrumb.length
+          }, `${instanceUID}-breadcrumb-item-${label}`);
+        })
+      }),
+      /* @__PURE__ */ jsx("div", {
+        id: "global-header-flex-region",
+        ref: flexRegionRef,
+        "aria-hidden": true
+      })
+    ]
+  });
 };
 export {
   GlobalHeaderBreadcrumb

package/dist/esm/parts/Breadcrumb/GlobalHeaderBreadcrumb.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Breadcrumb/GlobalHeaderBreadcrumb.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { getGlobalAttributes } from '@elliemae/ds-utilities';\nimport { StyledBreadcrumbContainer, StyledPipe, StyledBreadcrumbList } from './styles';\nimport { useGlobalHeaderBreadcrumb } from './useGlobalHeaderBreadcrumb';\nimport { PureBreadcrumb } from './PureBreadcrumb';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\n\nexport const GlobalHeaderBreadcrumb = (): JSX.Element => {\n  const { breadcrumb, showIconOnly, flexRegionRef, handleOnKeyDown, instanceUID } = useGlobalHeaderBreadcrumb();\n\n  return (\n    <StyledBreadcrumbContainer\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"flex-start\"\n      aria-label=\"breadcrumb\"\n      cols={['auto', 'auto', '1fr']}\n      forwardedAs=\"nav\"\n      data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.CONTAINER}\n    >\n      <StyledPipe showIconOnly={showIconOnly} aria-hidden data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.PIPE} />\n      <StyledBreadcrumbList data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.LIST}>\n        {breadcrumb?.map((item) => {\n          const { onClick, isSelected, label, hasNext, id, ...rest } = item;\n          return (\n            <PureBreadcrumb\n              label={label}\n              hasNext={hasNext}\n              isSelected={isSelected}\n              key={`${instanceUID}-breadcrumb-item-${label}`}\n              onKeyDown={onClick && handleOnKeyDown(onClick)}\n              {...getGlobalAttributes(rest)}\n              onClick={onClick}\n              length={breadcrumb.length}\n            />\n          );\n        })}\n      </StyledBreadcrumbList>\n      <div id=\"global-header-flex-region\" ref={flexRegionRef} aria-hidden />\n    </StyledBreadcrumbContainer>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,yBAAyB,MAAmB;AACvD,QAAM,EAAE,YAAY,cAAc,eAAe,iBAAiB,gBAAgB,0BAA0B;AAE5G,SACE,qCAAC;AAAA,IACC,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,cAAW;AAAA,IACX,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,IAC5B,aAAY;AAAA,IACZ,eAAa,yBAAyB,WAAW;AAAA,KAEjD,qCAAC;AAAA,IAAW;AAAA,IAA4B,eAAW;AAAA,IAAC,eAAa,yBAAyB,WAAW;AAAA,GAAM,GAC3G,qCAAC;AAAA,IAAqB,eAAa,yBAAyB,WAAW;AAAA,KACpE,YAAY,IAAI,CAAC,SAAS;AACzB,UAAM,EAAE,SAAS,YAAY,OAAO,SAAS,OAAO,SAAS;AAC7D,WACE,qCAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK,GAAG,+BAA+B;AAAA,MACvC,WAAW,WAAW,gBAAgB,OAAO;AAAA,MAC5C,GAAG,oBAAoB,IAAI;AAAA,MAC5B;AAAA,MACA,QAAQ,WAAW;AAAA,KACrB;AAAA,EAEJ,CAAC,CACH,GACA,qCAAC;AAAA,IAAI,IAAG;AAAA,IAA4B,KAAK;AAAA,IAAe,eAAW;AAAA,GAAC,CACtE;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,2BAA2B;AACpC,SAAS,2BAA2B,YAAY,4BAA4B;AAC5E,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AAElC,MAAM,yBAAyB,MAAmB;AACvD,QAAM,EAAE,YAAY,cAAc,eAAe,iBAAiB,YAAY,IAAI,0BAA0B;AAE5G,SACE,qBAAC;AAAA,IACC,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,cAAW;AAAA,IACX,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,IAC5B,aAAY;AAAA,IACZ,eAAa,yBAAyB,WAAW;AAAA,IAEjD;AAAA,0BAAC;AAAA,QAAW;AAAA,QAA4B,eAAW;AAAA,QAAC,eAAa,yBAAyB,WAAW;AAAA,OAAM;AAAA,MAC3G,oBAAC;AAAA,QAAqB,eAAa,yBAAyB,WAAW;AAAA,QACpE,sBAAY,IAAI,CAAC,SAAS;AACzB,gBAAM,EAAE,SAAS,YAAY,OAAO,SAAS,OAAO,KAAK,IAAI;AAC7D,iBACE,oBAAC;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YAEA,WAAW,WAAW,gBAAgB,OAAO;AAAA,YAC5C,GAAG,oBAAoB,IAAI;AAAA,YAC5B;AAAA,YACA,QAAQ,WAAW;AAAA,aAJd,GAAG,+BAA+B,OAKzC;AAAA,QAEJ,CAAC;AAAA,OACH;AAAA,MACA,oBAAC;AAAA,QAAI,IAAG;AAAA,QAA4B,KAAK;AAAA,QAAe,eAAW;AAAA,OAAC;AAAA;AAAA,GACtE;AAEJ;",
   "names": []
 }

package/dist/esm/parts/Breadcrumb/PureBreadcrumb.js

@@ -1,34 +1,43 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { StyledBreadcrumbItem, StyledLink, StyledLabel, StyledChevron } from "./styles";
 import { DSGlobalHeaderDatatestid } from "../../exported-related";
-const PureBreadcrumb = React2.memo(({
-  onClick,
-  onKeyDown,
-  isSelected,
-  length,
-  label,
-  hasNext,
-  id,
-  ...rest
-}) => /* @__PURE__ */ React2.createElement(StyledBreadcrumbItem, {
-  "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM
-}, /* @__PURE__ */ React2.createElement(StyledLink, {
-  onClick,
-  onKeyDown,
-  "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK,
-  "aria-current": isSelected,
-  id,
-  tabIndex: "0",
-  ...rest
-}, /* @__PURE__ */ React2.createElement(StyledLabel, {
-  isSelected: !!isSelected,
-  isOnlyItem: length === 1,
-  "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL
-}, label)), hasNext && /* @__PURE__ */ React2.createElement(StyledChevron, {
-  size: "m",
-  "aria-hidden": true
-})));
+const PureBreadcrumb = React2.memo(
+  ({
+    onClick,
+    onKeyDown,
+    isSelected,
+    length,
+    label,
+    hasNext,
+    id,
+    ...rest
+  }) => /* @__PURE__ */ jsxs(StyledBreadcrumbItem, {
+    "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM,
+    children: [
+      /* @__PURE__ */ jsx(StyledLink, {
+        onClick,
+        onKeyDown,
+        "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK,
+        "aria-current": isSelected,
+        id,
+        tabIndex: "0",
+        ...rest,
+        children: /* @__PURE__ */ jsx(StyledLabel, {
+          isSelected: !!isSelected,
+          isOnlyItem: length === 1,
+          "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL,
+          children: label
+        })
+      }),
+      hasNext && /* @__PURE__ */ jsx(StyledChevron, {
+        size: "m",
+        "aria-hidden": true
+      })
+    ]
+  })
+);
 export {
   PureBreadcrumb
 };

package/dist/esm/parts/Breadcrumb/PureBreadcrumb.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Breadcrumb/PureBreadcrumb.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledBreadcrumbItem, StyledLink, StyledLabel, StyledChevron } from './styles';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\nimport type { DSGlobalHeaderInternalsT } from '../../sharedTypes';\n\nexport const PureBreadcrumb = React.memo(\n  ({\n    onClick,\n    onKeyDown,\n    isSelected,\n    length,\n    label,\n    hasNext,\n    id,\n    ...rest\n  }: DSGlobalHeaderInternalsT.BreadcrumbItem) => (\n    <StyledBreadcrumbItem data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM}>\n      <StyledLink\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK}\n        aria-current={isSelected}\n        id={id}\n        tabIndex=\"0\"\n        {...rest}\n      >\n        <StyledLabel\n          isSelected={!!isSelected}\n          isOnlyItem={length === 1}\n          data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL}\n        >\n          {label}\n        </StyledLabel>\n      </StyledLink>\n      {hasNext && <StyledChevron size=\"m\" aria-hidden />}\n    </StyledBreadcrumbItem>\n  ),\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,iBAAiB,OAAM,KAClC,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAEH,qCAAC;AAAA,EAAqB,eAAa,yBAAyB,WAAW;AAAA,GACrE,qCAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA,eAAa,yBAAyB,WAAW;AAAA,EACjD,gBAAc;AAAA,EACd;AAAA,EACA,UAAS;AAAA,EACR,GAAG;AAAA,GAEJ,qCAAC;AAAA,EACC,YAAY,CAAC,CAAC;AAAA,EACd,YAAY,WAAW;AAAA,EACvB,eAAa,yBAAyB,WAAW;AAAA,GAEhD,KACH,CACF,GACC,WAAW,qCAAC;AAAA,EAAc,MAAK;AAAA,EAAI,eAAW;AAAA,CAAC,CAClD,CAEJ;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,sBAAsB,YAAY,aAAa,qBAAqB;AAC7E,SAAS,gCAAgC;AAGlC,MAAM,iBAAiBA,OAAM;AAAA,EAClC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,MACE,qBAAC;AAAA,IAAqB,eAAa,yBAAyB,WAAW;AAAA,IACrE;AAAA,0BAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAa,yBAAyB,WAAW;AAAA,QACjD,gBAAc;AAAA,QACd;AAAA,QACA,UAAS;AAAA,QACR,GAAG;AAAA,QAEJ,8BAAC;AAAA,UACC,YAAY,CAAC,CAAC;AAAA,UACd,YAAY,WAAW;AAAA,UACvB,eAAa,yBAAyB,WAAW;AAAA,UAEhD;AAAA,SACH;AAAA,OACF;AAAA,MACC,WAAW,oBAAC;AAAA,QAAc,MAAK;AAAA,QAAI,eAAW;AAAA,OAAC;AAAA;AAAA,GAClD;AAEJ;",
+  "names": ["React"]
 }

package/dist/esm/parts/Breadcrumb/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Breadcrumb/styles.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\nimport { DSGlobalHeaderName, DSGlobalHeaderSlots } from '../../exported-related/theming';\n\ninterface PipeT {\n  showIconOnly: boolean;\n}\n\ninterface ChevronT {\n  size: string;\n}\n\ninterface LabelT {\n  isSelected: boolean;\n  isOnlyItem: boolean;\n}\n\nexport const StyledBreadcrumbContainer = styled(Grid, {\n  name: DSGlobalHeaderName,\n  slot: DSGlobalHeaderSlots.BREADCRUMB.CONTAINER,\n})``;\n\nexport const StyledBreadcrumbList = styled('ul', {\n  name: DSGlobalHeaderName,\n  slot: DSGlobalHeaderSlots.BREADCRUMB.LIST,\n})`\n  display: grid;\n  grid-auto-flow: column;\n  min-width: fit-content;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  height: 100%;\n`;\n\nexport const StyledPipe = styled('span', {\n  name: DSGlobalHeaderName,\n  slot: DSGlobalHeaderSlots.BREADCRUMB.PIPE,\n})<PipeT>`\n  margin: 0 7px 0 0;\n  border-left: ${({ theme, showIconOnly }) => (showIconOnly ? 'none' : `1px solid ${theme.colors.neutral['000']}`)};\n  height: 20px;\n`;\n\nexport const StyledChevron = styled(ChevronSmallRight, {\n  name: DSGlobalHeaderName,\n  slot: DSGlobalHeaderSlots.BREADCRUMB.CHEVRON,\n})<ChevronT>`\n  fill: ${({ theme }) => theme.colors.neutral['000']};\n`;\n\nexport const StyledBreadcrumbItem = styled('li', {\n  name: DSGlobalHeaderName,\n  slot: DSGlobalHeaderSlots.BREADCRUMB.ITEM,\n})`\n  display: flex;\n  align-items: center;\n  height: 40px;\n`;\n\nexport const StyledLink = styled('a', { name: DSGlobalHeaderName, slot: DSGlobalHeaderSlots.BREADCRUMB.ITEM_LINK })`\n  width: fit-content;\n  height: 40px;\n  display: grid;\n  place-items: center;\n  margin: 0;\n  padding: 0;\n  border: 1px solid transparent;\n  background-color: transparent;\n  outline: none;\n  cursor: pointer;\n  position: relative;\n  &:focus {\n    :before {\n      content: '';\n      position: absolute;\n      z-index: 2;\n      top: 2px;\n      left: -5px;\n      width: calc(100% + 10px);\n      height: calc(100% - 4px);\n      border: 2px solid ${({ theme }) => theme.colors.neutral['000']};\n      border-radius: 4px;\n    }\n  }\n`;\n\nexport const StyledLabel = styled('span', {\n  name: DSGlobalHeaderName,\n  slot: DSGlobalHeaderSlots.BREADCRUMB.ITEM_LINK_LABEL,\n})<LabelT>`\n  color: ${({ theme }) => theme.colors.neutral['000']};\n  ${({ theme, isSelected }) =>\n    `-webkit-text-stroke: 0.4px  ${isSelected ? theme.colors.neutral['000'] : 'transparent'}`};\n  font-size: 16px;\n  line-height: 1;\n  text-transform: uppercase;\n  border-bottom: ${({ theme, isSelected, isOnlyItem }) =>\n    `2px solid ${isSelected && !isOnlyItem ? theme.colors.neutral['000'] : 'transparent'}`};\n  margin: 3px 5px 0 5px;\n  :hover {\n    ${({ theme }) => `-webkit-text-stroke: 0.4px ${theme.colors.neutral['000']}`};\n  }\n`;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAeO,MAAM,4BAA4B,OAAO,MAAM;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAEM,MAAM,uBAAuB,OAAO,MAAM;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUM,MAAM,aAAa,OAAO,QAAQ;AAAA,EACvC,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAAA;AAAA,iBAEgB,CAAC,EAAE,OAAO,mBAAoB,eAAe,SAAS,aAAa,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIlG,MAAM,gBAAgB,OAAO,mBAAmB;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAAA,UACS,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGvC,MAAM,uBAAuB,OAAO,MAAM;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAAA;AAAA;AAAA;AAAA;AAMM,MAAM,aAAa,OAAO,KAAK,EAAE,MAAM,oBAAoB,MAAM,oBAAoB,WAAW,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAqBxF,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,cAAc,OAAO,QAAQ;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAAA,WACU,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,IAC3C,CAAC,EAAE,OAAO,iBACV,+BAA+B,aAAa,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAAA,mBAI3D,CAAC,EAAE,OAAO,YAAY,iBACrC,aAAa,cAAc,CAAC,aAAa,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,MAGrE,CAAC,EAAE,YAAY,8BAA8B,MAAM,OAAO,QAAQ;AAAA;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,oBAAoB,2BAA2B;AAejD,MAAM,4BAA4B,OAAO,MAAM;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAEM,MAAM,uBAAuB,OAAO,MAAM;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUM,MAAM,aAAa,OAAO,QAAQ;AAAA,EACvC,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAAA;AAAA,iBAEgB,CAAC,EAAE,OAAO,aAAa,MAAO,eAAe,SAAS,aAAa,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIlG,MAAM,gBAAgB,OAAO,mBAAmB;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAAA,UACS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGvC,MAAM,uBAAuB,OAAO,MAAM;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAAA;AAAA;AAAA;AAAA;AAMM,MAAM,aAAa,OAAO,KAAK,EAAE,MAAM,oBAAoB,MAAM,oBAAoB,WAAW,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAqBxF,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,cAAc,OAAO,QAAQ;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,oBAAoB,WAAW;AACvC,CAAC;AAAA,WACU,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC3C,CAAC,EAAE,OAAO,WAAW,MACrB,+BAA+B,aAAa,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAAA,mBAI3D,CAAC,EAAE,OAAO,YAAY,WAAW,MAChD,aAAa,cAAc,CAAC,aAAa,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,MAGrE,CAAC,EAAE,MAAM,MAAM,8BAA8B,MAAM,OAAO,QAAQ;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/parts/Breadcrumb/useGlobalHeaderBreadcrumb.js

@@ -24,11 +24,14 @@ const useGlobalHeaderBreadcrumb = () => {
     window.addEventListener("resize", evaluateShowIconOnly);
     return () => window.removeEventListener("resize", evaluateShowIconOnly);
   }, [breakpointRef, flexRegionRef, setShowIconOnly]);
-  const handleOnKeyDown = useCallback((onClick) => (e) => {
-    if (e.key === " " || e.key === "Enter") {
-      onClick();
-    }
-  }, []);
+  const handleOnKeyDown = useCallback(
+    (onClick) => (e) => {
+      if (e.key === " " || e.key === "Enter") {
+        onClick();
+      }
+    },
+    []
+  );
   return {
     breadcrumb,
     showIconOnly,

package/dist/esm/parts/Breadcrumb/useGlobalHeaderBreadcrumb.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Breadcrumb/useGlobalHeaderBreadcrumb.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useRef, useContext, useCallback } from 'react';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext';\nimport type { DSGlobalHeaderInternalsT } from '../../sharedTypes';\n\ninterface UseGlobalHeaderBreadcrumbReturnT {\n  breadcrumb: DSGlobalHeaderInternalsT.BreadcrumbItem[];\n  showIconOnly: boolean;\n  flexRegionRef: React.MutableRefObject<HTMLDivElement | null>;\n  handleOnKeyDown: (onClick: (event?: React.MouseEvent) => void) => (event: React.KeyboardEvent) => void;\n  instanceUID: string;\n}\n\nexport const useGlobalHeaderBreadcrumb = (): UseGlobalHeaderBreadcrumbReturnT => {\n  const {\n    props: { breadcrumb },\n    instanceUID,\n    showIconOnly,\n    setShowIconOnly,\n  } = useContext(DSGlobalHeaderContext);\n\n  const breakpointRef = useRef<number | null>(null);\n  const flexRegionRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const evaluateShowIconOnly = () => {\n      if (flexRegionRef.current && flexRegionRef.current.offsetWidth <= 0 && !breakpointRef.current) {\n        setShowIconOnly(true);\n        breakpointRef.current = window.innerWidth;\n      } else if (breakpointRef.current && window.innerWidth >= breakpointRef.current) {\n        setShowIconOnly(false);\n        breakpointRef.current = null;\n      }\n    };\n\n    evaluateShowIconOnly();\n\n    window.addEventListener('resize', evaluateShowIconOnly);\n    return () => window.removeEventListener('resize', evaluateShowIconOnly);\n  }, [breakpointRef, flexRegionRef, setShowIconOnly]);\n\n  const handleOnKeyDown = useCallback(\n    (onClick: (event?: React.MouseEvent) => void) => (e: React.KeyboardEvent) => {\n      if (e.key === ' ' || e.key === 'Enter') {\n        onClick();\n      }\n    },\n    [],\n  );\n\n  return {\n    breadcrumb,\n    showIconOnly,\n    flexRegionRef,\n    handleOnKeyDown,\n    instanceUID,\n  };\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAWO,MAAM,4BAA4B,MAAwC;AAC/E,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW,qBAAqB;AAEpC,QAAM,gBAAgB,OAAsB,IAAI;AAChD,QAAM,gBAAgB,OAAuB,IAAI;AAEjD,YAAU,MAAM;AACd,UAAM,uBAAuB,MAAM;AACjC,UAAI,cAAc,WAAW,cAAc,QAAQ,eAAe,KAAK,CAAC,cAAc,SAAS;AAC7F,wBAAgB,IAAI;AACpB,sBAAc,UAAU,OAAO;AAAA,MACjC,WAAW,cAAc,WAAW,OAAO,cAAc,cAAc,SAAS;AAC9E,wBAAgB,KAAK;AACrB,sBAAc,UAAU;AAAA,MAC1B;AAAA,IACF;AAEA,yBAAqB;AAErB,WAAO,iBAAiB,UAAU,oBAAoB;AACtD,WAAO,MAAM,OAAO,oBAAoB,UAAU,oBAAoB;AAAA,EACxE,GAAG,CAAC,eAAe,eAAe,eAAe,CAAC;AAElD,QAAM,kBAAkB,YACtB,CAAC,YAAgD,CAAC,MAA2B;AAC3E,QAAI,EAAE,QAAQ,OAAO,EAAE,QAAQ,SAAS;AACtC,cAAQ;AAAA,IACV;AAAA,EACF,GACA,CAAC,CACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAgB,WAAW,QAAQ,YAAY,mBAAmB;AAClE,SAAS,6BAA6B;AAW/B,MAAM,4BAA4B,MAAwC;AAC/E,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,qBAAqB;AAEpC,QAAM,gBAAgB,OAAsB,IAAI;AAChD,QAAM,gBAAgB,OAAuB,IAAI;AAEjD,YAAU,MAAM;AACd,UAAM,uBAAuB,MAAM;AACjC,UAAI,cAAc,WAAW,cAAc,QAAQ,eAAe,KAAK,CAAC,cAAc,SAAS;AAC7F,wBAAgB,IAAI;AACpB,sBAAc,UAAU,OAAO;AAAA,MACjC,WAAW,cAAc,WAAW,OAAO,cAAc,cAAc,SAAS;AAC9E,wBAAgB,KAAK;AACrB,sBAAc,UAAU;AAAA,MAC1B;AAAA,IACF;AAEA,yBAAqB;AAErB,WAAO,iBAAiB,UAAU,oBAAoB;AACtD,WAAO,MAAM,OAAO,oBAAoB,UAAU,oBAAoB;AAAA,EACxE,GAAG,CAAC,eAAe,eAAe,eAAe,CAAC;AAElD,QAAM,kBAAkB;AAAA,IACtB,CAAC,YAAgD,CAAC,MAA2B;AAC3E,UAAI,EAAE,QAAQ,OAAO,EAAE,QAAQ,SAAS;AACtC,gBAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/parts/GlobalHeaderContainer.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { Container } from "./styles";
 const GlobalHeaderContainer = ({
   xstyledAttrs,
@@ -7,15 +7,16 @@ const GlobalHeaderContainer = ({
   bg,
   backgroundColor,
   children
-}) => /* @__PURE__ */ React2.createElement(Container, {
+}) => /* @__PURE__ */ jsx(Container, {
   forwardedAs: "header",
   "data-testid": "ds-global-header",
   cols: ["auto", "1fr", "auto"],
   bg,
   backgroundColor,
   ...globalAttrs,
-  ...xstyledAttrs
-}, children);
+  ...xstyledAttrs,
+  children
+});
 export {
   GlobalHeaderContainer
 };

package/dist/esm/parts/GlobalHeaderContainer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/GlobalHeaderContainer.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Container } from './styles';\n\ninterface GlobalHeaderContainerT {\n  xstyledAttrs: Record<string, unknown>;\n  globalAttrs: Record<string, unknown>;\n  backgroundColor?: string;\n  bg?: string;\n  children: React.ReactNode;\n}\n\nexport const GlobalHeaderContainer = ({\n  xstyledAttrs,\n  globalAttrs,\n  bg,\n  backgroundColor,\n  children,\n}: GlobalHeaderContainerT): JSX.Element => (\n  <Container\n    forwardedAs=\"header\"\n    data-testid=\"ds-global-header\"\n    cols={['auto', '1fr', 'auto']}\n    bg={bg}\n    backgroundColor={backgroundColor}\n    {...globalAttrs}\n    {...xstyledAttrs}\n  >\n    {children}\n  </Container>\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AAUO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC;AAAA,EACC,aAAY;AAAA,EACZ,eAAY;AAAA,EACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,EACC,GAAG;AAAA,EACH,GAAG;AAAA,GAEH,QACH;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,iBAAiB;AAUnB,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC;AAAA,EACC,aAAY;AAAA,EACZ,eAAY;AAAA,EACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,EACC,GAAG;AAAA,EACH,GAAG;AAAA,EAEH;AAAA,CACH;",
   "names": []
 }

package/dist/esm/parts/Logo/GlobalHeaderLogo.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
 import { DSGlobalHeaderContext } from "../../DSGlobalHeaderContext";
 import { StyledLogoContainer } from "./styles";
 import { DSGlobalHeaderDatatestid } from "../../exported-related";
@@ -8,12 +9,16 @@ const GlobalHeaderLogo = () => {
     props: { Logo, LogoWithBrand },
     showIconOnly
   } = useContext(DSGlobalHeaderContext);
-  return /* @__PURE__ */ React2.createElement(StyledLogoContainer, {
+  return /* @__PURE__ */ jsxs(StyledLogoContainer, {
     "data-testid": DSGlobalHeaderDatatestid.LOGO.CONTAINER,
     alignItems: "center",
     pr: showIconOnly ? "0px" : "36px",
-    cols: showIconOnly ? ["auto"] : ["auto", "1fr"]
-  }, Logo && showIconOnly && /* @__PURE__ */ React2.createElement(Logo, null), LogoWithBrand && !showIconOnly && /* @__PURE__ */ React2.createElement(LogoWithBrand, null));
+    cols: showIconOnly ? ["auto"] : ["auto", "1fr"],
+    children: [
+      Logo && showIconOnly && /* @__PURE__ */ jsx(Logo, {}),
+      LogoWithBrand && !showIconOnly && /* @__PURE__ */ jsx(LogoWithBrand, {})
+    ]
+  });
 };
 export {
   GlobalHeaderLogo

package/dist/esm/parts/Logo/GlobalHeaderLogo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Logo/GlobalHeaderLogo.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext';\nimport { StyledLogoContainer } from './styles';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\n\nexport const GlobalHeaderLogo = (): JSX.Element => {\n  const {\n    props: { Logo, LogoWithBrand },\n    showIconOnly,\n  } = useContext(DSGlobalHeaderContext);\n\n  return (\n    <StyledLogoContainer\n      data-testid={DSGlobalHeaderDatatestid.LOGO.CONTAINER}\n      alignItems=\"center\"\n      pr={showIconOnly ? '0px' : '36px'}\n      cols={showIconOnly ? ['auto'] : ['auto', '1fr']}\n    >\n      {Logo && showIconOnly && <Logo />}\n      {LogoWithBrand && !showIconOnly && <LogoWithBrand />}\n    </StyledLogoContainer>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM;AAAA,IACf;AAAA,MACE,WAAW,qBAAqB;AAEpC,SACE,qCAAC;AAAA,IACC,eAAa,yBAAyB,KAAK;AAAA,IAC3C,YAAW;AAAA,IACX,IAAI,eAAe,QAAQ;AAAA,IAC3B,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,QAAQ,KAAK;AAAA,KAE7C,QAAQ,gBAAgB,qCAAC,UAAK,GAC9B,iBAAiB,CAAC,gBAAgB,qCAAC,mBAAc,CACpD;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AACpC,SAAS,gCAAgC;AAElC,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM,cAAc;AAAA,IAC7B;AAAA,EACF,IAAI,WAAW,qBAAqB;AAEpC,SACE,qBAAC;AAAA,IACC,eAAa,yBAAyB,KAAK;AAAA,IAC3C,YAAW;AAAA,IACX,IAAI,eAAe,QAAQ;AAAA,IAC3B,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,QAAQ,KAAK;AAAA,IAE7C;AAAA,cAAQ,gBAAgB,oBAAC,QAAK;AAAA,MAC9B,iBAAiB,CAAC,gBAAgB,oBAAC,iBAAc;AAAA;AAAA,GACpD;AAEJ;",
   "names": []
 }

package/dist/esm/parts/Logo/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Logo/styles.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSGlobalHeaderName, DSGlobalHeaderSlots } from '../../exported-related/theming';\n\nexport const StyledLogoContainer = styled(Grid, {\n  name: DSGlobalHeaderName,\n  slot: DSGlobalHeaderSlots.LOGO.CONTAINER,\n})``;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,sBAAsB,OAAO,MAAM;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,oBAAoB,KAAK;AACjC,CAAC;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,oBAAoB,2BAA2B;AAEjD,MAAM,sBAAsB,OAAO,MAAM;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,oBAAoB,KAAK;AACjC,CAAC;",
   "names": []
 }

package/dist/esm/parts/Toolbar/GlobalHeaderToolbar.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { getGlobalAttributes } from "@elliemae/ds-utilities";
 import { StyledList, StyledMenubarContainer, StyledToolbarItem } from "./styles";
 import { AppPicker, PopupMenu, SearchToggle } from "./outOfTheBox";
@@ -14,92 +15,95 @@ const GlobalHeaderToolbar = () => {
     globalHeaderToolbarGrid
   } = useContext(DSGlobalHeaderContext);
   const { listRef, setRef, keyboardNavigation } = useGlobalHeaderToolbar();
-  return /* @__PURE__ */ React2.createElement(StyledMenubarContainer, {
-    "data-testid": DSGlobalHeaderDatatestid.MENUBAR.CONTAINER
-  }, /* @__PURE__ */ React2.createElement(StyledList, {
-    height: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-    gutter: "xxs",
-    cols: globalHeaderToolbarGrid,
-    role: "menubar",
-    onKeyDown: keyboardNavigation,
-    ref: listRef,
-    "data-testid": DSGlobalHeaderDatatestid.MENUBAR.LIST
-  }, toolbar.map((item, index) => {
-    const {
-      Icon,
-      type,
-      onClick,
-      onKeyPress,
-      CustomComponent,
-      label,
-      id = "",
-      componentProps = {},
-      ...otherProps
-    } = item;
-    switch (type) {
-      case "ds-popup-menu":
-        return /* @__PURE__ */ React2.createElement(StyledToolbarItem, {
-          key: `${instanceUID}-ds-toolbar-item-${label}`,
-          "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM
-        }, /* @__PURE__ */ React2.createElement(PopupMenu, {
-          title: label,
+  return /* @__PURE__ */ jsx(StyledMenubarContainer, {
+    "data-testid": DSGlobalHeaderDatatestid.MENUBAR.CONTAINER,
+    children: /* @__PURE__ */ jsx(StyledList, {
+      height: "100%",
+      alignItems: "center",
+      justifyContent: "center",
+      gutter: "xxs",
+      cols: globalHeaderToolbarGrid,
+      role: "menubar",
+      onKeyDown: keyboardNavigation,
+      ref: listRef,
+      "data-testid": DSGlobalHeaderDatatestid.MENUBAR.LIST,
+      children: toolbar.map((item, index) => {
+        const {
           Icon,
+          type,
           onClick,
           onKeyPress,
-          setRef: setRef(index),
-          id,
-          componentProps,
-          ...otherProps
-        }));
-      case "ds-app-picker":
-        return /* @__PURE__ */ React2.createElement(StyledToolbarItem, {
-          key: `${instanceUID}-ds-toolbar-item-${label}`,
-          "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM
-        }, /* @__PURE__ */ React2.createElement(AppPicker, {
+          CustomComponent,
           label,
-          id,
-          setRef: setRef(index),
-          componentProps,
-          ...otherProps
-        }));
-      case "ds-search-toggle":
-        return /* @__PURE__ */ React2.createElement(StyledToolbarItem, {
-          key: `${instanceUID}-ds-toolbar-item-${label}`,
-          "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM
-        }, /* @__PURE__ */ React2.createElement(SearchToggle, {
-          id,
-          setRef: setRef(index),
-          componentProps,
+          id = "",
+          componentProps = {},
           ...otherProps
-        }));
-      case "custom":
-        return /* @__PURE__ */ React2.createElement(StyledToolbarItem, {
-          key: `${instanceUID}-ds-toolbar-item-${label}`,
-          "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM
-        }, CustomComponent && /* @__PURE__ */ React2.createElement(CustomComponent, {
-          item,
-          role: "menuitem",
-          setRef: setRef(index)
-        }));
-      default:
-        return /* @__PURE__ */ React2.createElement(StyledToolbarItem, {
-          key: `${instanceUID}-ds-toolbar-item-${label}`,
-          "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM
-        }, /* @__PURE__ */ React2.createElement(StyledButton, {
-          onClick,
-          title: label,
-          "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
-          id,
-          role: "menuitem",
-          ref: setRef(index),
-          ...getGlobalAttributes(otherProps)
-        }, Icon && /* @__PURE__ */ React2.createElement(Icon, {
-          size: "m"
-        })));
-    }
-  })));
+        } = item;
+        switch (type) {
+          case "ds-popup-menu":
+            return /* @__PURE__ */ jsx(StyledToolbarItem, {
+              "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
+              children: /* @__PURE__ */ jsx(PopupMenu, {
+                title: label,
+                Icon,
+                onClick,
+                onKeyPress,
+                setRef: setRef(index),
+                id,
+                componentProps,
+                ...otherProps
+              })
+            }, `${instanceUID}-ds-toolbar-item-${label}`);
+          case "ds-app-picker":
+            return /* @__PURE__ */ jsx(StyledToolbarItem, {
+              "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
+              children: /* @__PURE__ */ jsx(AppPicker, {
+                label,
+                id,
+                setRef: setRef(index),
+                componentProps,
+                ...otherProps
+              })
+            }, `${instanceUID}-ds-toolbar-item-${label}`);
+          case "ds-search-toggle":
+            return /* @__PURE__ */ jsx(StyledToolbarItem, {
+              "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
+              children: /* @__PURE__ */ jsx(SearchToggle, {
+                id,
+                setRef: setRef(index),
+                componentProps,
+                ...otherProps
+              })
+            }, `${instanceUID}-ds-toolbar-item-${label}`);
+          case "custom":
+            return /* @__PURE__ */ jsx(StyledToolbarItem, {
+              "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
+              children: CustomComponent && /* @__PURE__ */ jsx(CustomComponent, {
+                item,
+                role: "menuitem",
+                setRef: setRef(index)
+              })
+            }, `${instanceUID}-ds-toolbar-item-${label}`);
+          default:
+            return /* @__PURE__ */ jsx(StyledToolbarItem, {
+              "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
+              children: /* @__PURE__ */ jsx(StyledButton, {
+                onClick,
+                title: label,
+                "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
+                id,
+                role: "menuitem",
+                ref: setRef(index),
+                ...getGlobalAttributes(otherProps),
+                children: Icon && /* @__PURE__ */ jsx(Icon, {
+                  size: "m"
+                })
+              })
+            }, `${instanceUID}-ds-toolbar-item-${label}`);
+        }
+      })
+    })
+  });
 };
 export {
   GlobalHeaderToolbar

package/dist/esm/parts/Toolbar/GlobalHeaderToolbar.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Toolbar/GlobalHeaderToolbar.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { getGlobalAttributes } from '@elliemae/ds-utilities';\nimport { StyledList, StyledMenubarContainer, StyledToolbarItem } from './styles';\nimport { AppPicker, PopupMenu, SearchToggle } from './outOfTheBox';\nimport { StyledButton } from '../styles';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\nimport { useGlobalHeaderToolbar } from './useGlobalHeaderToolbar';\nimport type { DSGlobalHeaderInternalsT } from '../../sharedTypes';\n\nexport const GlobalHeaderToolbar = (): JSX.Element => {\n  const {\n    props: { toolbar },\n    instanceUID,\n    globalHeaderToolbarGrid,\n  } = useContext(DSGlobalHeaderContext);\n\n  const { listRef, setRef, keyboardNavigation } = useGlobalHeaderToolbar();\n\n  return (\n    <StyledMenubarContainer data-testid={DSGlobalHeaderDatatestid.MENUBAR.CONTAINER}>\n      <StyledList\n        height=\"100%\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        gutter=\"xxs\"\n        cols={globalHeaderToolbarGrid}\n        role=\"menubar\"\n        onKeyDown={keyboardNavigation}\n        ref={listRef}\n        data-testid={DSGlobalHeaderDatatestid.MENUBAR.LIST}\n      >\n        {toolbar.map((item, index) => {\n          const {\n            Icon,\n            type,\n            onClick,\n            onKeyPress,\n            CustomComponent,\n            label,\n            id = '',\n            componentProps = {},\n            ...otherProps\n          } = item;\n\n          switch (type) {\n            case 'ds-popup-menu':\n              return (\n                <StyledToolbarItem\n                  key={`${instanceUID}-ds-toolbar-item-${label}`}\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n                >\n                  <PopupMenu\n                    title={label}\n                    Icon={Icon}\n                    onClick={onClick}\n                    onKeyPress={onKeyPress}\n                    setRef={setRef(index)}\n                    id={id}\n                    componentProps={componentProps as DSGlobalHeaderInternalsT.PopupMenuComponentProps}\n                    {...otherProps}\n                  />\n                </StyledToolbarItem>\n              );\n            case 'ds-app-picker':\n              return (\n                <StyledToolbarItem\n                  key={`${instanceUID}-ds-toolbar-item-${label}`}\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n                >\n                  <AppPicker\n                    label={label}\n                    id={id}\n                    setRef={setRef(index)}\n                    componentProps={componentProps as DSGlobalHeaderInternalsT.AppPickerComponentProps}\n                    {...otherProps}\n                  />\n                </StyledToolbarItem>\n              );\n            case 'ds-search-toggle':\n              return (\n                <StyledToolbarItem\n                  key={`${instanceUID}-ds-toolbar-item-${label}`}\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n                >\n                  <SearchToggle\n                    id={id}\n                    setRef={setRef(index)}\n                    componentProps={componentProps as DSGlobalHeaderInternalsT.ToggleSearchComponentProps}\n                    {...otherProps}\n                  />\n                </StyledToolbarItem>\n              );\n            case 'custom':\n              return (\n                <StyledToolbarItem\n                  key={`${instanceUID}-ds-toolbar-item-${label}`}\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n                >\n                  {CustomComponent && <CustomComponent item={item} role=\"menuitem\" setRef={setRef(index)} />}\n                </StyledToolbarItem>\n              );\n\n            default:\n              return (\n                <StyledToolbarItem\n                  key={`${instanceUID}-ds-toolbar-item-${label}`}\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n                >\n                  <StyledButton\n                    onClick={onClick}\n                    title={label}\n                    data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON}\n                    id={id}\n                    role=\"menuitem\"\n                    ref={setRef(index)}\n                    {...getGlobalAttributes(otherProps)}\n                  >\n                    {Icon && <Icon size=\"m\" />}\n                  </StyledButton>\n                </StyledToolbarItem>\n              );\n          }\n        })}\n      </StyledList>\n    </StyledMenubarContainer>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGO,MAAM,sBAAsB,MAAmB;AACpD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,MACE,WAAW,qBAAqB;AAEpC,QAAM,EAAE,SAAS,QAAQ,uBAAuB,uBAAuB;AAEvE,SACE,qCAAC;AAAA,IAAuB,eAAa,yBAAyB,QAAQ;AAAA,KACpE,qCAAC;AAAA,IACC,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,QAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAK;AAAA,IACL,WAAW;AAAA,IACX,KAAK;AAAA,IACL,eAAa,yBAAyB,QAAQ;AAAA,KAE7C,QAAQ,IAAI,CAAC,MAAM,UAAU;AAC5B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,iBAAiB,CAAC;AAAA,SACf;AAAA,QACD;AAEJ,YAAQ;AAAA,WACD;AACH,eACE,qCAAC;AAAA,UACC,KAAK,GAAG,+BAA+B;AAAA,UACvC,eAAa,yBAAyB,QAAQ;AAAA,WAE9C,qCAAC;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ,OAAO,KAAK;AAAA,UACpB;AAAA,UACA;AAAA,UACC,GAAG;AAAA,SACN,CACF;AAAA,WAEC;AACH,eACE,qCAAC;AAAA,UACC,KAAK,GAAG,+BAA+B;AAAA,UACvC,eAAa,yBAAyB,QAAQ;AAAA,WAE9C,qCAAC;AAAA,UACC;AAAA,UACA;AAAA,UACA,QAAQ,OAAO,KAAK;AAAA,UACpB;AAAA,UACC,GAAG;AAAA,SACN,CACF;AAAA,WAEC;AACH,eACE,qCAAC;AAAA,UACC,KAAK,GAAG,+BAA+B;AAAA,UACvC,eAAa,yBAAyB,QAAQ;AAAA,WAE9C,qCAAC;AAAA,UACC;AAAA,UACA,QAAQ,OAAO,KAAK;AAAA,UACpB;AAAA,UACC,GAAG;AAAA,SACN,CACF;AAAA,WAEC;AACH,eACE,qCAAC;AAAA,UACC,KAAK,GAAG,+BAA+B;AAAA,UACvC,eAAa,yBAAyB,QAAQ;AAAA,WAE7C,mBAAmB,qCAAC;AAAA,UAAgB;AAAA,UAAY,MAAK;AAAA,UAAW,QAAQ,OAAO,KAAK;AAAA,SAAG,CAC1F;AAAA;AAIF,eACE,qCAAC;AAAA,UACC,KAAK,GAAG,+BAA+B;AAAA,UACvC,eAAa,yBAAyB,QAAQ;AAAA,WAE9C,qCAAC;AAAA,UACC;AAAA,UACA,OAAO;AAAA,UACP,eAAa,yBAAyB,QAAQ;AAAA,UAC9C;AAAA,UACA,MAAK;AAAA,UACL,KAAK,OAAO,KAAK;AAAA,UAChB,GAAG,oBAAoB,UAAU;AAAA,WAEjC,QAAQ,qCAAC;AAAA,UAAK,MAAK;AAAA,SAAI,CAC1B,CACF;AAAA;AAAA,EAGR,CAAC,CACH,CACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,2BAA2B;AACpC,SAAS,YAAY,wBAAwB,yBAAyB;AACtE,SAAS,WAAW,WAAW,oBAAoB;AACnD,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,8BAA8B;AAGhC,MAAM,sBAAsB,MAAmB;AACpD,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,EACF,IAAI,WAAW,qBAAqB;AAEpC,QAAM,EAAE,SAAS,QAAQ,mBAAmB,IAAI,uBAAuB;AAEvE,SACE,oBAAC;AAAA,IAAuB,eAAa,yBAAyB,QAAQ;AAAA,IACpE,8BAAC;AAAA,MACC,QAAO;AAAA,MACP,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,QAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAK;AAAA,MACL,WAAW;AAAA,MACX,KAAK;AAAA,MACL,eAAa,yBAAyB,QAAQ;AAAA,MAE7C,kBAAQ,IAAI,CAAC,MAAM,UAAU;AAC5B,cAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAK;AAAA,UACL,iBAAiB,CAAC;AAAA,aACf;AAAA,QACL,IAAI;AAEJ,gBAAQ;AAAA,eACD;AACH,mBACE,oBAAC;AAAA,cAEC,eAAa,yBAAyB,QAAQ;AAAA,cAE9C,8BAAC;AAAA,gBACC,OAAO;AAAA,gBACP;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,QAAQ,OAAO,KAAK;AAAA,gBACpB;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA,eACN;AAAA,eAZK,GAAG,+BAA+B,OAazC;AAAA,eAEC;AACH,mBACE,oBAAC;AAAA,cAEC,eAAa,yBAAyB,QAAQ;AAAA,cAE9C,8BAAC;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,QAAQ,OAAO,KAAK;AAAA,gBACpB;AAAA,gBACC,GAAG;AAAA,eACN;AAAA,eATK,GAAG,+BAA+B,OAUzC;AAAA,eAEC;AACH,mBACE,oBAAC;AAAA,cAEC,eAAa,yBAAyB,QAAQ;AAAA,cAE9C,8BAAC;AAAA,gBACC;AAAA,gBACA,QAAQ,OAAO,KAAK;AAAA,gBACpB;AAAA,gBACC,GAAG;AAAA,eACN;AAAA,eARK,GAAG,+BAA+B,OASzC;AAAA,eAEC;AACH,mBACE,oBAAC;AAAA,cAEC,eAAa,yBAAyB,QAAQ;AAAA,cAE7C,6BAAmB,oBAAC;AAAA,gBAAgB;AAAA,gBAAY,MAAK;AAAA,gBAAW,QAAQ,OAAO,KAAK;AAAA,eAAG;AAAA,eAHnF,GAAG,+BAA+B,OAIzC;AAAA;AAIF,mBACE,oBAAC;AAAA,cAEC,eAAa,yBAAyB,QAAQ;AAAA,cAE9C,8BAAC;AAAA,gBACC;AAAA,gBACA,OAAO;AAAA,gBACP,eAAa,yBAAyB,QAAQ;AAAA,gBAC9C;AAAA,gBACA,MAAK;AAAA,gBACL,KAAK,OAAO,KAAK;AAAA,gBAChB,GAAG,oBAAoB,UAAU;AAAA,gBAEjC,kBAAQ,oBAAC;AAAA,kBAAK,MAAK;AAAA,iBAAI;AAAA,eAC1B;AAAA,eAbK,GAAG,+BAA+B,OAczC;AAAA;AAAA,MAGR,CAAC;AAAA,KACH;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState, useRef, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useCallback } from "react";
 import { DSAppPicker } from "@elliemae/ds-app-picker";
 import { mergeRefs, getGlobalAttributes, useCallbackAfterRender } from "@elliemae/ds-utilities";
 import { MenuPicker } from "@elliemae/ds-icons";
@@ -48,7 +49,7 @@ const AppPicker = ({
   const handleOnClick = useCallback(() => {
     setIsOpen(true);
   }, []);
-  return /* @__PURE__ */ React2.createElement(DSAppPicker, {
+  return /* @__PURE__ */ jsx(DSAppPicker, {
     apps,
     customApps,
     sectionTitle,
@@ -57,7 +58,7 @@ const AppPicker = ({
     onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
     actionRef,
     onClickOutside: userOnClickOutside ?? handleOnClickOutside,
-    renderTrigger: userRenderTrigger || (({ ref }) => /* @__PURE__ */ React2.createElement(StyledButton, {
+    renderTrigger: userRenderTrigger || (({ ref }) => /* @__PURE__ */ jsx(StyledButton, {
       onClick: triggerOnClick ?? handleOnClick,
       onKeyDown: handleTriggerKeyDown,
       ref: (buttonRef) => {
@@ -70,11 +71,12 @@ const AppPicker = ({
       "aria-haspopup": true,
       "aria-expanded": userIsOpen ?? isOpen,
       id,
-      ...getGlobalAttributes(otherProps)
-    }, /* @__PURE__ */ React2.createElement(MenuPicker, {
-      width: 20.73,
-      height: 20.73
-    }))),
+      ...getGlobalAttributes(otherProps),
+      children: /* @__PURE__ */ jsx(MenuPicker, {
+        width: 20.73,
+        height: 20.73
+      })
+    })),
     isOpen: userIsOpen ?? isOpen,
     onClose,
     triggerRef

package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useRef, useCallback } from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\nimport { mergeRefs, getGlobalAttributes, useCallbackAfterRender } from '@elliemae/ds-utilities';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport { StyledButton } from '../../../styles';\nimport { DSGlobalHeaderDatatestid } from '../../../../exported-related';\nimport type { DSGlobalHeaderInternalsT } from '../../../../sharedTypes';\n\nexport const AppPicker = ({\n  label,\n  id,\n  setRef,\n  componentProps,\n  ...otherProps\n}: DSGlobalHeaderInternalsT.AppPickerProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const internalTriggerRef = useRef<HTMLButtonElement>(null);\n\n  const {\n    apps,\n    icon,\n    customApps,\n    sectionTitle,\n    customSectionTitle,\n    actionRef,\n    isOpen: userIsOpen,\n    onKeyDown: userOnKeyDown,\n    onClickOutside: userOnClickOutside,\n    renderTrigger: userRenderTrigger,\n    onClose,\n    triggerRef,\n    triggerOnClick,\n  } = componentProps;\n\n  const schedule = useCallbackAfterRender();\n\n  const focusTrigger = useCallback(() => internalTriggerRef.current?.focus(), []);\n\n  const handleTriggerKeyDown: React.KeyboardEventHandler = useCallback((e) => {\n    if (e.code === 'Enter' || e.code === 'Space' || e.code === 'ArrowDown') {\n      setIsOpen(true);\n    }\n  }, []);\n\n  const handleAppPickerOnKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      setIsOpen(false);\n      schedule(focusTrigger);\n    }\n  }, []);\n\n  const handleOnClickOutside = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const handleOnClick: React.MouseEventHandler = useCallback(() => {\n    setIsOpen(true);\n  }, []);\n\n  return (\n    <DSAppPicker\n      apps={apps}\n      customApps={customApps}\n      sectionTitle={sectionTitle}\n      customSectionTitle={customSectionTitle}\n      icon={icon}\n      onKeyDown={userOnKeyDown ?? handleAppPickerOnKeyDown}\n      actionRef={actionRef}\n      onClickOutside={userOnClickOutside ?? handleOnClickOutside}\n      renderTrigger={\n        userRenderTrigger ||\n        (({ ref }: { ref: React.MutableRefObject<HTMLButtonElement> }) => (\n          <StyledButton\n            onClick={triggerOnClick ?? handleOnClick}\n            onKeyDown={handleTriggerKeyDown}\n            ref={(buttonRef: HTMLButtonElement) => {\n              setRef(buttonRef);\n              mergeRefs(internalTriggerRef, triggerRef, ref)(buttonRef);\n            }}\n            aria-label={label}\n            data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON}\n            role=\"menuitem\"\n            aria-haspopup\n            aria-expanded={userIsOpen ?? isOpen}\n            id={id}\n            {...getGlobalAttributes(otherProps)}\n          >\n            <MenuPicker width={20.73} height={20.73} />\n          </StyledButton>\n        ))\n      }\n      isOpen={userIsOpen ?? isOpen}\n      onClose={onClose}\n      triggerRef={triggerRef}\n    />\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAGO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACuD;AAC1D,QAAM,CAAC,QAAQ,aAAa,SAAkB,KAAK;AACnD,QAAM,qBAAqB,OAA0B,IAAI;AAEzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,WAAW,uBAAuB;AAExC,QAAM,eAAe,YAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,uBAAmD,YAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,WAAW,EAAE,SAAS,aAAa;AACtE,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,2BAA2B,YAAY,CAAC,MAA2B;AACvE,QAAI,EAAE,QAAQ,UAAU;AACtB,gBAAU,KAAK;AACf,eAAS,YAAY;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAuB,YAAY,MAAM;AAC7C,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC,YAAY,MAAM;AAC/D,cAAU,IAAI;AAAA,EAChB,GAAG,CAAC,CAAC;AAEL,SACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,iBAAiB;AAAA,IAC5B;AAAA,IACA,gBAAgB,sBAAsB;AAAA,IACtC,eACE,qBACC,EAAC,EAAE,UACF,qCAAC;AAAA,MACC,SAAS,kBAAkB;AAAA,MAC3B,WAAW;AAAA,MACX,KAAK,CAAC,cAAiC;AACrC,eAAO,SAAS;AAChB,kBAAU,oBAAoB,YAAY,GAAG,EAAE,SAAS;AAAA,MAC1D;AAAA,MACA,cAAY;AAAA,MACZ,eAAa,yBAAyB,QAAQ;AAAA,MAC9C,MAAK;AAAA,MACL,iBAAa;AAAA,MACb,iBAAe,cAAc;AAAA,MAC7B;AAAA,MACC,GAAG,oBAAoB,UAAU;AAAA,OAElC,qCAAC;AAAA,MAAW,OAAO;AAAA,MAAO,QAAQ;AAAA,KAAO,CAC3C;AAAA,IAGJ,QAAQ,cAAc;AAAA,IACtB;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,UAAU,QAAQ,mBAAmB;AACrD,SAAS,mBAAmB;AAC5B,SAAS,WAAW,qBAAqB,8BAA8B;AACvE,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AAGlC,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAA4D;AAC1D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,KAAK;AACnD,QAAM,qBAAqB,OAA0B,IAAI;AAEzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,WAAW,uBAAuB;AAExC,QAAM,eAAe,YAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,uBAAmD,YAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,WAAW,EAAE,SAAS,aAAa;AACtE,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,2BAA2B,YAAY,CAAC,MAA2B;AACvE,QAAI,EAAE,QAAQ,UAAU;AACtB,gBAAU,KAAK;AACf,eAAS,YAAY;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAuB,YAAY,MAAM;AAC7C,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC,YAAY,MAAM;AAC/D,cAAU,IAAI;AAAA,EAChB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,iBAAiB;AAAA,IAC5B;AAAA,IACA,gBAAgB,sBAAsB;AAAA,IACtC,eACE,sBACC,CAAC,EAAE,IAAI,MACN,oBAAC;AAAA,MACC,SAAS,kBAAkB;AAAA,MAC3B,WAAW;AAAA,MACX,KAAK,CAAC,cAAiC;AACrC,eAAO,SAAS;AAChB,kBAAU,oBAAoB,YAAY,GAAG,EAAE,SAAS;AAAA,MAC1D;AAAA,MACA,cAAY;AAAA,MACZ,eAAa,yBAAyB,QAAQ;AAAA,MAC9C,MAAK;AAAA,MACL,iBAAa;AAAA,MACb,iBAAe,cAAc;AAAA,MAC7B;AAAA,MACC,GAAG,oBAAoB,UAAU;AAAA,MAElC,8BAAC;AAAA,QAAW,OAAO;AAAA,QAAO,QAAQ;AAAA,OAAO;AAAA,KAC3C;AAAA,IAGJ,QAAQ,cAAc;AAAA,IACtB;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }