@kaizen/components 1.38.5 → 1.39.0

package/dist/esm/Icon/UserUpdateIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserUpdateIcon.mjs","sources":["../../../src/Icon/UserUpdateIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UserUpdateIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.869 2.869 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62l1.996 1.92Zm-10.019.71C5.275 11.667.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334ZM7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UserUpdateIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAKO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAwb,EAC1b,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"UserUpdateIcon.mjs","sources":["../../../src/Icon/UserUpdateIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const UserUpdateIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.869 2.869 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62zm-10.019.71C5.275 11.667.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334M7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UserUpdateIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAA2a,EAC7a,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Icon/UsersIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UsersIcon.mjs","sources":["../../../src/Icon/UsersIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const UsersIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M13.6 9.6a1.994 1.994 0 0 0 1.991-2c0-1.104-.888-2-1.991-2a2 2 0 0 0 0 4m-6-.8a2.39 2.39 0 0 0 2.392-2.4 2.397 2.397 0 1 0-4.793 0c0 1.328 1.073 2.4 2.401 2.4m6 2.4c-1.464 0-4.4.736-4.4 2.2v1.8H18v-1.8c0-1.464-2.937-2.2-4.4-2.2m-6-.8c-1.865 0-5.6.936-5.6 2.8v2h5.6v-1.8c0-.68.264-1.872 1.896-2.776C8.8 10.48 8.128 10.4 7.6 10.4\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UsersIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAKO,IAAMA,SAAS,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACxC,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAyU,EAC3U,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"UsersIcon.mjs","sources":["../../../src/Icon/UsersIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const UsersIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M13.6 9.6a1.994 1.994 0 0 0 1.991-2c0-1.104-.888-2-1.991-2a2 2 0 0 0 0 4m-6-.8a2.39 2.39 0 0 0 2.392-2.4 2.397 2.397 0 1 0-4.793 0c0 1.328 1.073 2.4 2.401 2.4m6 2.4c-1.464 0-4.4.736-4.4 2.2v1.8H18v-1.8c0-1.464-2.937-2.2-4.4-2.2m-6-.8c-1.865 0-5.6.936-5.6 2.8v2h5.6v-1.8c0-.68.264-1.872 1.896-2.776C8.8 10.48 8.128 10.4 7.6 10.4\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["UsersIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,SAAS,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACxC,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAyU,EAC3U,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Icon/VisibleIcon.mjs

@@ -8,7 +8,7 @@ var VisibleIcon = function (props) {
   var uniqueId = useId();
   var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
     id: uniqueId,
-    d: "M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135 4.09 0 7.583-2.544 8.998-6.135-1.415-3.591-4.908-6.135-8.998-6.135Zm0 10.225a4.091 4.091 0 0 1-4.09-4.09 4.091 4.091 0 0 1 4.09-4.09 4.091 4.091 0 0 1 4.09 4.09 4.091 4.091 0 0 1-4.09 4.09Zm0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454Z"
+    d: "M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135 4.09 0 7.583-2.544 8.998-6.135-1.415-3.591-4.908-6.135-8.998-6.135m0 10.225a4.091 4.091 0 0 1-4.09-4.09 4.091 4.091 0 0 1 4.09-4.09 4.091 4.091 0 0 1 4.09 4.09 4.091 4.091 0 0 1-4.09 4.09m0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454"
   })), /*#__PURE__*/React.createElement("use", {
     fill: "currentColor",
     href: "#".concat(uniqueId),

package/dist/esm/Icon/VisibleIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VisibleIcon.mjs","sources":["../../../src/Icon/VisibleIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const VisibleIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135 4.09 0 7.583-2.544 8.998-6.135-1.415-3.591-4.908-6.135-8.998-6.135Zm0 10.225a4.091 4.091 0 0 1-4.09-4.09 4.091 4.091 0 0 1 4.09-4.09 4.091 4.091 0 0 1 4.09 4.09 4.091 4.091 0 0 1-4.09 4.09Zm0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["VisibleIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAKO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAwY,EAC1Y,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"VisibleIcon.mjs","sources":["../../../src/Icon/VisibleIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const VisibleIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135 4.09 0 7.583-2.544 8.998-6.135-1.415-3.591-4.908-6.135-8.998-6.135m0 10.225a4.091 4.091 0 0 1-4.09-4.09 4.091 4.091 0 0 1 4.09-4.09 4.091 4.091 0 0 1 4.09 4.09 4.091 4.091 0 0 1-4.09 4.09m0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["VisibleIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAqY,EACvY,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Icon/WritingIcon.mjs

@@ -8,7 +8,7 @@ var WritingIcon = function (props) {
   var uniqueId = useId();
   var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
     id: uniqueId,
-    d: "M1 18.55h18.002V15.7H1v2.85ZM16.53 4.333a.689.689 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673 1.466-1.393Zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812l7.501-7.126Z"
+    d: "M1 18.55h18.002V15.7H1zM16.53 4.333a.689.689 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812z"
   })), /*#__PURE__*/React.createElement("use", {
     fill: "currentColor",
     href: "#".concat(uniqueId),

package/dist/esm/Icon/WritingIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"WritingIcon.mjs","sources":["../../../src/Icon/WritingIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const WritingIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M1 18.55h18.002V15.7H1v2.85ZM16.53 4.333a.689.689 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673 1.466-1.393Zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812l7.501-7.126Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["WritingIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAKO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAkM,EACpM,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"WritingIcon.mjs","sources":["../../../src/Icon/WritingIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const WritingIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M1 18.55h18.002V15.7H1zM16.53 4.333a.689.689 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["WritingIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAqK,EACvK,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Icon/ZoomInIcon.mjs

@@ -7,7 +7,7 @@ import { SVG } from './subcomponents/SVG/SVG.mjs';
 var ZoomInIcon = function (props) {
   var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.135-5.146Zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63Zm.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204V5.117Z"
+    d: "M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63m.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204z"
   }));
   return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
 };

package/dist/esm/Icon/ZoomInIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomInIcon.mjs","sources":["../../../src/Icon/ZoomInIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const ZoomInIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.135-5.146Zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63Zm.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204V5.117Z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ZoomInIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAKO,IAAMA,UAAU,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACzC,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAgX,CAClX,CAEL;EACD,oBAAOJ,oBAACK,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"ZoomInIcon.mjs","sources":["../../../src/Icon/ZoomInIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ZoomInIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63m.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ZoomInIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,UAAU,GAAG,SAAAA,CAACC,KAAgB,EAAA;EACzC,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAA4V,CAC9V,CAEL;EACD,oBAAOJ,oBAACK,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Icon/ZoomOutIcon.mjs

@@ -7,7 +7,7 @@ import { SVG } from './subcomponents/SVG/SVG.mjs';
 var ZoomOutIcon = function (props) {
   var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.135-5.146Zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63ZM5.117 7.176h5.145v1.03H5.117v-1.03Z"
+    d: "M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63M5.117 7.176h5.145v1.03H5.117z"
   }));
   return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
 };

package/dist/esm/Icon/ZoomOutIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomOutIcon.mjs","sources":["../../../src/Icon/ZoomOutIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const ZoomOutIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.135-5.146Zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63ZM5.117 7.176h5.145v1.03H5.117v-1.03Z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ZoomOutIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAKO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAkU,CACpU,CAEL;EACD,oBAAOJ,oBAACK,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"ZoomOutIcon.mjs","sources":["../../../src/Icon/ZoomOutIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ZoomOutIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63M5.117 7.176h5.145v1.03H5.117z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ZoomOutIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,WAAW,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC1C,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAA8S,CAChT,CAEL;EACD,oBAAOJ,oBAACK,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Icon/subcomponents/SVG/SVG.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SVG.mjs","sources":["../../../../../src/Icon/subcomponents/SVG/SVG.tsx"],"sourcesContent":["import React, { ReactNode, SVGAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./SVG.module.scss\"\n\ntype BaseSVGProps = {\n  inheritSize?: boolean\n} & OverrideClassName<SVGAttributes<SVGElement>>\n\ntype MeaningfulIcon = {\n  role: \"img\"\n  \"aria-label\": string\n}\n\ntype DecorativeIcon = {\n  role: \"presentation\"\n  \"aria-label\"?: never\n}\n\nexport type IconProps = BaseSVGProps & (MeaningfulIcon | DecorativeIcon)\nexport type SVGProps = IconProps & {\n  children: ReactNode\n}\n\n/**\n * {@link https://cultureamp.design/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}\n */\nexport const SVG = ({\n  inheritSize = false,\n  role,\n  viewBox = \"0 0 20 20\",\n  classNameOverride,\n  children,\n  ...restProps\n}: SVGProps): JSX.Element => {\n  const classes = classnames(\n    styles.icon,\n    classNameOverride,\n    inheritSize && styles.inheritSize\n  )\n\n  if (role === \"presentation\") {\n    return (\n      <svg\n        className={classes}\n        viewBox={viewBox}\n        role={role}\n        aria-hidden={true}\n        {...restProps}\n      >\n        {children}\n      </svg>\n    )\n  }\n\n  return (\n    <svg role={role} className={classes} viewBox={viewBox} {...restProps}>\n      {children}\n    </svg>\n  )\n}\n\nSVG.displayName = \"SVG\"\n"],"names":["SVG","_a","_b","inheritSize","role","_c","viewBox","classNameOverride","children","restProps","__rest","classes","classnames","styles","icon","React","className","createElement","__assign","displayName"],"mappings":";;;;;AAwBA;;AAEG;AAFH,MAGaA,GAAG;EAAA,MAAHA,GAAG,GAAG,SAAAA,CAACC,EAOT,EAAA;IANT,IAAAC,EAAA,GAAAD,EAAA,CAAAE,WAAmB;MAAnBA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACnBE,IAAI,GAAAH,EAAA,CAAAG,IAAA;MACJC,EAAA,GAAAJ,EAAA,CAAAK,OAAqB;MAArBA,OAAO,mBAAG,WAAW,GAAAD,EAAA;MACrBE,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MACjBC,QAAQ,GAAAP,EAAA,CAAAO,QAAA;MACLC,SAAS,GANMC,MAAA,CAAAT,EAAA,EAAA,CAAA,aAAA,EAAA,MAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,UAAA,CAOnB,CADa;IAEZ,IAAMU,OAAO,GAAGC,UAAU,CACxBC,MAAM,CAACC,IAAI,EACXP,iBAAiB,EACjBJ,WAAW,IAAIU,MAAM,CAACV,WAAW,CAClC;IAED,IAAIC,IAAI,KAAK,cAAc,EAAE;MAC3B,oBACEW;QACEC,SAAS,EAAEL,OAAO;QAClBL,OAAO,EAAEA,OAAO;QAChBF,IAAI,EAAEA,IAAI;uBACG;MAAI,CAAA,EACbK,SAAS,CAEZ,EAAAD,QAAQ,CACL;IAET;IAED,oBACEO,KAAK,CAAAE,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAd,IAAI,EAAEA,IAAI;MAAEY,SAAS,EAAEL,OAAO;MAAEL,OAAO,EAAEA;IAAO,CAAM,EAAAG,SAAS,GACjED,QAAQ,CACL;EAEV,CAAC;EAEDR,GAAG,CAACmB,WAAW,GAAG,KAAK;EAAA,OAnCVnB,GAAG;AAAA;"}
+{"version":3,"file":"SVG.mjs","sources":["../../../../../src/Icon/subcomponents/SVG/SVG.tsx"],"sourcesContent":["import React, { ReactNode, SVGAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./SVG.module.scss\"\n\ntype MeaningfulIcon = {\n  role: \"img\"\n  \"aria-label\": string\n}\n\ntype DecorativeIcon = {\n  role: \"presentation\"\n  \"aria-label\"?: never\n}\n\nexport type BaseSVGProps = {\n  inheritSize?: boolean\n} & OverrideClassName<SVGAttributes<SVGElement>> &\n  (MeaningfulIcon | DecorativeIcon)\n\nexport type SVGProps = BaseSVGProps & {\n  children: ReactNode\n}\n\n/**\n * {@link https://cultureamp.design/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}\n */\nexport const SVG = ({\n  inheritSize = false,\n  role,\n  viewBox = \"0 0 20 20\",\n  classNameOverride,\n  children,\n  ...restProps\n}: SVGProps): JSX.Element => {\n  const classes = classnames(\n    styles.icon,\n    classNameOverride,\n    inheritSize && styles.inheritSize\n  )\n\n  if (role === \"presentation\") {\n    return (\n      <svg\n        className={classes}\n        viewBox={viewBox}\n        role={role}\n        aria-hidden={true}\n        {...restProps}\n      >\n        {children}\n      </svg>\n    )\n  }\n\n  return (\n    <svg role={role} className={classes} viewBox={viewBox} {...restProps}>\n      {children}\n    </svg>\n  )\n}\n\nSVG.displayName = \"SVG\"\n"],"names":["SVG","_a","_b","inheritSize","role","_c","viewBox","classNameOverride","children","restProps","__rest","classes","classnames","styles","icon","React","className","createElement","__assign","displayName"],"mappings":";;;;;AAwBA;;AAEG;AAFH,MAGaA,GAAG;EAAA,MAAHA,GAAG,GAAG,SAAAA,CAACC,EAOT,EAAA;IANT,IAAAC,EAAA,GAAAD,EAAA,CAAAE,WAAmB;MAAnBA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACnBE,IAAI,GAAAH,EAAA,CAAAG,IAAA;MACJC,EAAA,GAAAJ,EAAA,CAAAK,OAAqB;MAArBA,OAAO,mBAAG,WAAW,GAAAD,EAAA;MACrBE,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MACjBC,QAAQ,GAAAP,EAAA,CAAAO,QAAA;MACLC,SAAS,GANMC,MAAA,CAAAT,EAAA,EAAA,CAAA,aAAA,EAAA,MAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,UAAA,CAOnB,CADa;IAEZ,IAAMU,OAAO,GAAGC,UAAU,CACxBC,MAAM,CAACC,IAAI,EACXP,iBAAiB,EACjBJ,WAAW,IAAIU,MAAM,CAACV,WAAW,CAClC;IAED,IAAIC,IAAI,KAAK,cAAc,EAAE;MAC3B,oBACEW;QACEC,SAAS,EAAEL,OAAO;QAClBL,OAAO,EAAEA,OAAO;QAChBF,IAAI,EAAEA,IAAI;uBACG;MAAI,CAAA,EACbK,SAAS,CAEZ,EAAAD,QAAQ,CACL;IAET;IAED,oBACEO,KAAK,CAAAE,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAd,IAAI,EAAEA,IAAI;MAAEY,SAAS,EAAEL,OAAO;MAAEL,OAAO,EAAEA;IAAO,CAAM,EAAAG,SAAS,GACjED,QAAQ,CACL;EAEV,CAAC;EAEDR,GAAG,CAACmB,WAAW,GAAG,KAAK;EAAA,OAnCVnB,GAAG;AAAA;"}

package/dist/esm/Menu/subcomponents/MenuItem/MenuItem.mjs

@@ -11,7 +11,8 @@ const MenuItem = /*#__PURE__*/function () {
       href = _a.href,
       target = _a.target,
       isActive = _a.isActive,
-      dataTestId = _a["data-testid"];
+      dataTestId = _a["data-testid"],
+      id = _a.id;
     var wrappedLabel = /*#__PURE__*/React.createElement("span", {
       className: styles.menuItem__Label
     }, label);
@@ -23,6 +24,7 @@ const MenuItem = /*#__PURE__*/function () {
       return /*#__PURE__*/React.createElement("li", {
         className: styles.menuListItem
       }, /*#__PURE__*/React.createElement("button", {
+        id: id,
         type: "button",
         disabled: true,
         className: className,
@@ -33,6 +35,7 @@ const MenuItem = /*#__PURE__*/function () {
       return /*#__PURE__*/React.createElement("li", {
         className: styles.menuListItem
       }, /*#__PURE__*/React.createElement("a", {
+        id: id,
         href: href,
         className: className,
         target: target,
@@ -43,6 +46,7 @@ const MenuItem = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement("li", {
       className: styles.menuListItem
     }, /*#__PURE__*/React.createElement("button", {
+      id: id,
       type: "button",
       onClick: onClick,
       className: className,

package/dist/esm/Menu/subcomponents/MenuItem/MenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.mjs","sources":["../../../../../src/Menu/subcomponents/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport styles from \"./MenuItem.module.scss\"\n\nexport type MenuItemProps = {\n  label: string\n  href?: string\n  // Only applicable if href is supplied above\n  target?: string\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  icon?: JSX.Element\n  destructive?: boolean\n  disabled?: boolean\n  /**\n   * @deprecated use data-testid\n   */\n  automationId?: string\n  /**\n   * Not recommended - this was added for use in exceptional cases like the navigation bar, which needs\n   * to highlight which page the user is currently on. By design, Menus don't have active items,\n   * because they are supposed to be a bunch of links/actions.\n   */\n  isActive?: boolean\n  \"data-testid\"?: string\n}\n\nexport const MenuItem = ({\n  label,\n  icon,\n  destructive,\n  disabled,\n  onClick,\n  href,\n  target,\n  isActive,\n  \"data-testid\": dataTestId,\n}: MenuItemProps): JSX.Element => {\n  const wrappedLabel = <span className={styles.menuItem__Label}>{label}</span>\n  const iconNode = icon && <span className={styles.menuItem__Icon}>{icon}</span>\n\n  const className = classnames(\n    styles.menuItem,\n    destructive && styles[\"menuItem--destructive\"],\n    disabled && styles[\"menuItem--disabled\"],\n    isActive && styles[\"menuItem--active\"]\n  )\n\n  if (disabled) {\n    return (\n      <li className={styles.menuListItem}>\n        <button\n          type=\"button\"\n          disabled={true}\n          className={className}\n          data-testid={dataTestId}\n        >\n          {iconNode}\n          {wrappedLabel}\n        </button>\n      </li>\n    )\n  }\n\n  if (href) {\n    return (\n      <li className={styles.menuListItem}>\n        <a\n          href={href}\n          className={className}\n          target={target}\n          // this tells screenreaders that this link represents the current page\n          // (only intended for use in things like a nav with dropdowns)\n          aria-current={isActive ? \"page\" : undefined}\n          data-testid={dataTestId}\n        >\n          {iconNode}\n          {wrappedLabel}\n        </a>\n      </li>\n    )\n  }\n\n  return (\n    <li className={styles.menuListItem}>\n      <button\n        type=\"button\"\n        onClick={onClick}\n        className={className}\n        data-testid={dataTestId}\n      >\n        {iconNode}\n        {wrappedLabel}\n      </button>\n    </li>\n  )\n}\n\nMenuItem.displayName = \"MenuItem\"\n"],"names":["MenuItem","_a","label","icon","destructive","disabled","onClick","href","target","isActive","dataTestId","wrappedLabel","React","createElement","className","styles","menuItem__Label","iconNode","menuItem__Icon","classnames","menuItem","menuListItem","type","undefined","displayName"],"mappings":";;;MA0BaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAUT,EAAA;QATdC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,IAAI,GAAAF,EAAA,CAAAE,IAAA;MACJC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,OAAO,aAAA;MACPC,IAAI,GAAAN,EAAA,CAAAM,IAAA;MACJC,MAAM,GAAAP,EAAA,CAAAO,MAAA;MACNC,QAAQ,GAAAR,EAAA,CAAAQ,QAAA;MACOC,UAAU,GAAAT,EAAA,CAAA,aAAA,CAAA;IAEzB,IAAMU,YAAY,gBAAGC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEC,MAAM,CAACC;KAAe,EAAGd,KAAK,CAAQ;IAC5E,IAAMe,QAAQ,GAAGd,IAAI,iBAAIS,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACG;IAAiB,CAAA,EAAAf,IAAI,CAAQ;IAE9E,IAAMW,SAAS,GAAGK,UAAU,CAC1BJ,MAAM,CAACK,QAAQ,EACfhB,WAAW,IAAIW,MAAM,CAAC,uBAAuB,CAAC,EAC9CV,QAAQ,IAAIU,MAAM,CAAC,oBAAoB,CAAC,EACxCN,QAAQ,IAAIM,MAAM,CAAC,kBAAkB,CAAC,CACvC;IAED,IAAIV,QAAQ,EAAE;MACZ,oBACEO,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAC,SAAS,EAAEC,MAAM,CAACM;MAAY,CAAA,eAChCT,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;QACES,IAAI,EAAC,QAAQ;QACbjB,QAAQ,EAAE,IAAI;QACdS,SAAS,EAAEA,SAAS;QAAA,aAAA,EACPJ;MAAU,CAAA,EAEtBO,QAAQ,EACRN,YAAY,CACN,CACN;IAER;IAED,IAAIJ,IAAI,EAAE;MACR,oBACEK,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAC,SAAS,EAAEC,MAAM,CAACM;MAAY,CAAA,eAChCT,KACE,CAAAC,aAAA,CAAA,GAAA,EAAA;QAAAN,IAAI,EAAEA,IAAI;QACVO,SAAS,EAAEA,SAAS;QACpBN,MAAM,EAAEA,MAAM;wBAGAC,QAAQ,GAAG,MAAM,GAAGc,SAAS;QAAA,aAAA,EAC9Bb;MAAU,CAAA,EAEtBO,QAAQ,EACRN,YAAY,CACX,CACD;IAER;IAED,oBACEC,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACM;IAAY,CAAA,eAChCT,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACES,IAAI,EAAC,QAAQ;MACbhB,OAAO,EAAEA,OAAO;MAChBQ,SAAS,EAAEA,SAAS;MAAA,aAAA,EACPJ;IAAU,CAAA,EAEtBO,QAAQ,EACRN,YAAY,CACN,CACN;EAET,CAAC;EAEDX,QAAQ,CAACwB,WAAW,GAAG,UAAU;EAAA,OAvEpBxB,QAAQ;AAAA;"}
+{"version":3,"file":"MenuItem.mjs","sources":["../../../../../src/Menu/subcomponents/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport styles from \"./MenuItem.module.scss\"\n\nexport type MenuItemProps = {\n  label: string\n  href?: string\n  // Only applicable if href is supplied above\n  target?: string\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  icon?: JSX.Element\n  destructive?: boolean\n  disabled?: boolean\n  /**\n   * @deprecated use data-testid\n   */\n  automationId?: string\n  /**\n   * Not recommended - this was added for use in exceptional cases like the navigation bar, which needs\n   * to highlight which page the user is currently on. By design, Menus don't have active items,\n   * because they are supposed to be a bunch of links/actions.\n   */\n  isActive?: boolean\n  \"data-testid\"?: string\n  id?: string\n}\n\nexport const MenuItem = ({\n  label,\n  icon,\n  destructive,\n  disabled,\n  onClick,\n  href,\n  target,\n  isActive,\n  \"data-testid\": dataTestId,\n  id,\n}: MenuItemProps): JSX.Element => {\n  const wrappedLabel = <span className={styles.menuItem__Label}>{label}</span>\n  const iconNode = icon && <span className={styles.menuItem__Icon}>{icon}</span>\n\n  const className = classnames(\n    styles.menuItem,\n    destructive && styles[\"menuItem--destructive\"],\n    disabled && styles[\"menuItem--disabled\"],\n    isActive && styles[\"menuItem--active\"]\n  )\n\n  if (disabled) {\n    return (\n      <li className={styles.menuListItem}>\n        <button\n          id={id}\n          type=\"button\"\n          disabled={true}\n          className={className}\n          data-testid={dataTestId}\n        >\n          {iconNode}\n          {wrappedLabel}\n        </button>\n      </li>\n    )\n  }\n\n  if (href) {\n    return (\n      <li className={styles.menuListItem}>\n        <a\n          id={id}\n          href={href}\n          className={className}\n          target={target}\n          // this tells screenreaders that this link represents the current page\n          // (only intended for use in things like a nav with dropdowns)\n          aria-current={isActive ? \"page\" : undefined}\n          data-testid={dataTestId}\n        >\n          {iconNode}\n          {wrappedLabel}\n        </a>\n      </li>\n    )\n  }\n\n  return (\n    <li className={styles.menuListItem}>\n      <button\n        id={id}\n        type=\"button\"\n        onClick={onClick}\n        className={className}\n        data-testid={dataTestId}\n      >\n        {iconNode}\n        {wrappedLabel}\n      </button>\n    </li>\n  )\n}\n\nMenuItem.displayName = \"MenuItem\"\n"],"names":["MenuItem","_a","label","icon","destructive","disabled","onClick","href","target","isActive","dataTestId","id","wrappedLabel","React","createElement","className","styles","menuItem__Label","iconNode","menuItem__Icon","classnames","menuItem","menuListItem","type","undefined","displayName"],"mappings":";;;MA2BaA,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAWT,EAAA;QAVdC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,IAAI,GAAAF,EAAA,CAAAE,IAAA;MACJC,WAAW,GAAAH,EAAA,CAAAG,WAAA;MACXC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,OAAO,GAAAL,EAAA,CAAAK,OAAA;MACPC,IAAI,GAAAN,EAAA,CAAAM,IAAA;MACJC,MAAM,GAAAP,EAAA,CAAAO,MAAA;MACNC,QAAQ,GAAAR,EAAA,CAAAQ,QAAA;MACOC,UAAU,GAAAT,EAAA,CAAA,aAAA,CAAA;MACzBU,EAAE,GAAAV,EAAA,CAAAU,EAAA;IAEF,IAAMC,YAAY,gBAAGC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEC,MAAM,CAACC;KAAe,EAAGf,KAAK,CAAQ;IAC5E,IAAMgB,QAAQ,GAAGf,IAAI,iBAAIU,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACG;IAAiB,CAAA,EAAAhB,IAAI,CAAQ;IAE9E,IAAMY,SAAS,GAAGK,UAAU,CAC1BJ,MAAM,CAACK,QAAQ,EACfjB,WAAW,IAAIY,MAAM,CAAC,uBAAuB,CAAC,EAC9CX,QAAQ,IAAIW,MAAM,CAAC,oBAAoB,CAAC,EACxCP,QAAQ,IAAIO,MAAM,CAAC,kBAAkB,CAAC,CACvC;IAED,IAAIX,QAAQ,EAAE;MACZ,oBACEQ,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAC,SAAS,EAAEC,MAAM,CAACM;MAAY,CAAA,eAChCT,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;QACEH,EAAE,EAAEA,EAAE;QACNY,IAAI,EAAC,QAAQ;QACblB,QAAQ,EAAE,IAAI;QACdU,SAAS,EAAEA,SAAS;uBACPL;MAAU,CAAA,EAEtBQ,QAAQ,EACRN,YAAY,CACN,CACN;IAER;IAED,IAAIL,IAAI,EAAE;MACR,oBACEM,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAC,SAAS,EAAEC,MAAM,CAACM;MAAY,CAAA,eAChCT,KACE,CAAAC,aAAA,CAAA,GAAA,EAAA;QAAAH,EAAE,EAAEA,EAAE;QACNJ,IAAI,EAAEA,IAAI;QACVQ,SAAS,EAAEA,SAAS;QACpBP,MAAM,EAAEA,MAAM;QAAA,cAAA,EAGAC,QAAQ,GAAG,MAAM,GAAGe,SAAS;QAAA,aAAA,EAC9Bd;MAAU,CAAA,EAEtBQ,QAAQ,EACRN,YAAY,CACX,CACD;IAER;IAED,oBACEC,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;MAAAC,SAAS,EAAEC,MAAM,CAACM;IAAY,CAAA,eAChCT,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MACEH,EAAE,EAAEA,EAAE;MACNY,IAAI,EAAC,QAAQ;MACbjB,OAAO,EAAEA,OAAO;MAChBS,SAAS,EAAEA,SAAS;qBACPL;IAAU,CAAA,EAEtBQ,QAAQ,EACRN,YAAY,CACN,CACN;EAET,CAAC;EAEDZ,QAAQ,CAACyB,WAAW,GAAG,UAAU;EAAA,OA3EpBzB,QAAQ;AAAA;"}

package/dist/esm/TitleBlockZen/TitleBlockZen.mjs

@@ -187,6 +187,7 @@ const TitleBlockZen = /*#__PURE__*/function () {
       collapseNavigationAreaWhenPossible = _b === void 0 ? false : _b,
       textDirection = _a.textDirection,
       surveyStatus = _a.surveyStatus,
+      id = _a.id,
       _c = _a.titleAutomationId,
       titleAutomationId = _c === void 0 ? "TitleBlock__Title" : _c,
       _d = _a.avatarAutomationId,
@@ -200,14 +201,17 @@ const TitleBlockZen = /*#__PURE__*/function () {
       _h = _a.breadcrumbAutomationId,
       breadcrumbAutomationId = _h === void 0 ? "TitleBlock__Breadcrumb" : _h,
       _j = _a.breadcrumbTextAutomationId,
-      breadcrumbTextAutomationId = _j === void 0 ? "TitleBlock__BreadcrumbText" : _j;
+      breadcrumbTextAutomationId = _j === void 0 ? "TitleBlock__BreadcrumbText" : _j,
+      _k = _a.autoHideMobileActionsMenu,
+      autoHideMobileActionsMenu = _k === void 0 ? false : _k;
     var hasNavigationTabs = navigationTabs && navigationTabs.length > 0;
     var collapseNavigationArea = collapseNavigationAreaWhenPossible && !hasNavigationTabs && secondaryActions === undefined;
-    var _k = useMediaQueries().queries,
-      isSmall = _k.isSmall,
-      isMedium = _k.isMedium;
+    var _l = useMediaQueries().queries,
+      isSmall = _l.isSmall,
+      isMedium = _l.isMedium;
     var isSmallOrMediumViewport = isMedium || isSmall;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      id: id,
       className: classnames(styles.titleBlock, styles["".concat(variant, "Variant")], Boolean(subtitle) && styles.hasSubtitle, Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect, collapseNavigationArea && !(sectionTitle || sectionTitleDescription || renderSectionTitle) && styles.collapseNavigationArea, title && title.length >= 30 && styles.hasLongTitle, subtitle && typeof subtitle === "string" && subtitle.length >= 18 && styles.hasLongSubtitle, hasNavigationTabs && styles.hasNavigationTabs)
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.titleRow
@@ -286,7 +290,8 @@ const TitleBlockZen = /*#__PURE__*/function () {
       defaultAction: defaultAction,
       secondaryActions: secondaryActions,
       secondaryOverflowMenuItems: secondaryOverflowMenuItems,
-      drawerHandleLabelIconPosition: primaryAction && "iconPosition" in primaryAction ? primaryAction.iconPosition : undefined
+      drawerHandleLabelIconPosition: primaryAction && "iconPosition" in primaryAction ? primaryAction.iconPosition : undefined,
+      autoHide: autoHideMobileActionsMenu
     })));
   };
   TitleBlockZen.displayName = "TitleBlockZen";

package/dist/esm/TitleBlockZen/TitleBlockZen.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBlockZen.mjs","sources":["../../../src/TitleBlockZen/TitleBlockZen.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar } from \"~components/Avatar\"\nimport { IconButton } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport { ArrowLeftIcon, ArrowRightIcon, HamburgerIcon } from \"~components/Icon\"\nimport { Select } from \"~components/Select\"\nimport { Tag } from \"~components/Tag\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport { MainActions } from \"./subcomponents/MainActions\"\nimport { MobileActions } from \"./subcomponents/MobileActions\"\nimport { SecondaryActions } from \"./subcomponents/SecondaryActions\"\nimport {\n  TitleBlockBreadcrumbProps,\n  NavigationTabs,\n  SurveyStatus,\n  TitleBlockAvatarProps,\n  TitleBlockProps,\n  TitleBlockVariant,\n} from \"./types\"\nimport { createTabletOverflowMenuItems, isReversed } from \"./utils\"\nimport styles from \"./TitleBlockZen.module.scss\"\n\nconst renderTag = (surveyStatus: SurveyStatus): JSX.Element | void => {\n  let tagVariant: React.ComponentPropsWithoutRef<typeof Tag>[\"variant\"]\n\n  if (tagVariant === \"profile\") {\n    return\n  }\n\n  if (surveyStatus.status === \"draft\") {\n    tagVariant = \"statusDraft\"\n  }\n\n  /*\n    scheduled is actually a draft survey status that has a launch job scheduled\n    still, we want to differentiate on the UI and render a specific tag\n    the styles must be identical to the draft style\n\n    we have similar behaviour on programs index page's table\n  */\n  if (surveyStatus.status === \"scheduled\") {\n    tagVariant = \"statusClosed\"\n  }\n\n  if (surveyStatus.status === \"live\") {\n    tagVariant = \"statusLive\"\n  }\n\n  if (surveyStatus.status === \"closed\") {\n    tagVariant = \"statusClosed\"\n  }\n\n  if (surveyStatus.status === \"sentimentPositive\") {\n    tagVariant = \"sentimentPositive\"\n  }\n\n  if (surveyStatus.status === \"default\") {\n    tagVariant = \"default\"\n  }\n\n  return (\n    <div\n      data-automation-id=\"survey-status-tag\"\n      data-testid=\"survey-status-tag\"\n      className={styles.tag}\n    >\n      <Tag variant={tagVariant} size=\"small\">\n        {surveyStatus.text}\n      </Tag>\n    </div>\n  )\n}\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | TitleBlockAvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | TitleBlockAvatarProps,\n  avatarAutomationId: string\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <div\n      data-automation-id={avatarAutomationId}\n      data-testid={avatarAutomationId}\n      className={classnames(styles.avatar, styles.withBorder)}\n    >\n      {imageElementOrAvatarProps}\n    </div>\n  ) : (\n    <div\n      data-automation-id={avatarAutomationId}\n      data-testid={avatarAutomationId}\n      className={styles.avatar}\n    >\n      <Avatar {...imageElementOrAvatarProps} size=\"medium\" />\n    </div>\n  )\n\nconst renderSubtitle = (\n  subtitle: React.ReactNode,\n  subtitleAutomationId: string\n): JSX.Element => (\n  <div className={styles.subtitle}>\n    <span\n      data-automation-id={subtitleAutomationId}\n      data-testid={subtitleAutomationId}\n      className={styles.subtitleText}\n    >\n      {subtitle}\n    </span>\n  </div>\n)\n\nconst defaultRenderSectionTitle = (\n  sectionTitle?: string,\n  sectionTitleDescription?: string,\n  variant?: TitleBlockVariant,\n  sectionTitleAutomationId?: string,\n  sectionTitleDescriptionAutomationId?: string\n): JSX.Element => (\n  <>\n    {sectionTitle && (\n      <div className={styles.sectionTitle}>\n        <Heading\n          variant=\"heading-2\"\n          color={isReversed(variant) ? \"white\" : \"dark\"}\n          classNameOverride={styles.sectionTitleOverride}\n          data-automation-id={sectionTitleAutomationId}\n          data-testid={sectionTitleAutomationId}\n        >\n          {sectionTitle}\n        </Heading>\n      </div>\n    )}\n    {sectionTitleDescription && (\n      <div\n        data-automation-id={sectionTitleDescriptionAutomationId}\n        data-testid={sectionTitleDescriptionAutomationId}\n        className={classnames(\n          styles.sectionTitleDescription,\n          !isReversed(variant) && styles.dark\n        )}\n      >\n        {sectionTitleDescription}\n      </div>\n    )}\n  </>\n)\n\nconst Breadcrumb = ({\n  breadcrumb,\n  automationId,\n  textAutomationId,\n  textDirection,\n}: TitleBlockBreadcrumbProps): JSX.Element => {\n  const { path, handleClick, text, render } = breadcrumb\n  const icon =\n    textDirection === \"rtl\" ? (\n      <ArrowRightIcon role=\"presentation\" />\n    ) : (\n      <ArrowLeftIcon role=\"presentation\" />\n    )\n  const InnerContents = (): JSX.Element => (\n    <>\n      <div className={styles.circle}>{icon}</div>\n      <span\n        className={styles.breadcrumbTextLink}\n        data-automation-id={textAutomationId}\n        data-testid={textAutomationId}\n      >\n        <span className={styles.breadcrumbText}>{text}</span>\n      </span>\n    </>\n  )\n\n  if (render) {\n    const CustomRender = render\n    return (\n      <CustomRender\n        breadcrumb={breadcrumb}\n        className={styles.breadcrumb}\n        automationId={automationId}\n        textAutomationId={textAutomationId}\n        textDirection={textDirection}\n      >\n        <InnerContents />\n      </CustomRender>\n    )\n  }\n\n  const TagName = path ? \"a\" : \"button\"\n\n  return (\n    <TagName\n      {...(path && { href: path })}\n      className={styles.breadcrumb}\n      data-automation-id={automationId}\n      data-testid={automationId}\n      onClick={handleClick}\n    >\n      <InnerContents />\n    </TagName>\n  )\n}\n\n// We want to accept undefined here because the NavigationTabs container is\n// important for the flex-based layout (it pushes Secondary Actions over to the right)\nconst renderNavigationTabs = (\n  navigationTabs: NavigationTabs | undefined,\n  collapse: boolean,\n  ariaLabel: string\n): JSX.Element => (\n  <div className={styles.navigationTabScrollerContainer}>\n    <div\n      className={classnames(\n        styles.navigationTabsContainer,\n        collapse && styles.navigationTabsContainerCollapsed\n      )}\n    >\n      {!collapse && navigationTabs !== undefined && (\n        <>\n          <span className={styles.navigationTabEdgeShadowLeft} />\n          <nav className={styles.navigationTabsNav} aria-label={ariaLabel}>\n            <ul className={styles.navigationTabsList}>\n              {navigationTabs.map((navigationTab, index) => (\n                <li key={index}>{navigationTab}</li>\n              ))}\n            </ul>\n          </nav>\n          <span className={styles.navigationTabEdgeShadowRight} />\n        </>\n      )}\n    </div>\n  </div>\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}\n */\nexport const TitleBlockZen = ({\n  title,\n  variant,\n  breadcrumb,\n  avatar,\n  subtitle,\n  sectionTitle,\n  sectionTitleDescription,\n  renderSectionTitle,\n  pageSwitcherSelect,\n  handleHamburgerClick,\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  navigationTabs,\n  collapseNavigationAreaWhenPossible = false,\n  textDirection,\n  surveyStatus,\n  titleAutomationId = \"TitleBlock__Title\",\n  avatarAutomationId = \"TitleBlock__Avatar\",\n  subtitleAutomationId = \"TitleBlock__Subtitle\",\n  sectionTitleAutomationId = \"TitleBlock__SectionTitle\",\n  sectionTitleDescriptionAutomationId = \"TitleBlock__SectionTitleDescription\",\n  breadcrumbAutomationId = \"TitleBlock__Breadcrumb\",\n  breadcrumbTextAutomationId = \"TitleBlock__BreadcrumbText\",\n}: TitleBlockProps): JSX.Element => {\n  const hasNavigationTabs = navigationTabs && navigationTabs.length > 0\n  const collapseNavigationArea =\n    collapseNavigationAreaWhenPossible &&\n    !hasNavigationTabs &&\n    secondaryActions === undefined\n\n  const {\n    queries: { isSmall, isMedium },\n  } = useMediaQueries()\n  const isSmallOrMediumViewport = isMedium || isSmall\n  return (\n    <>\n      <div\n        className={classnames(\n          styles.titleBlock,\n          styles[`${variant}Variant`],\n          Boolean(subtitle) && styles.hasSubtitle,\n          Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect,\n          collapseNavigationArea &&\n            !(sectionTitle || sectionTitleDescription || renderSectionTitle) &&\n            styles.collapseNavigationArea,\n          title && title.length >= 30 && styles.hasLongTitle,\n          subtitle &&\n            typeof subtitle === \"string\" &&\n            subtitle.length >= 18 &&\n            styles.hasLongSubtitle,\n          hasNavigationTabs && styles.hasNavigationTabs\n        )}\n      >\n        <div className={styles.titleRow}>\n          <div className={styles.titleRowInner}>\n            <div className={styles.titleRowInnerContent}>\n              <div className={styles.titleAndAdjacent}>\n                {breadcrumb && (\n                  <Breadcrumb\n                    breadcrumb={breadcrumb}\n                    automationId={breadcrumbAutomationId}\n                    textAutomationId={breadcrumbTextAutomationId}\n                    textDirection={textDirection}\n                  />\n                )}\n                <div className={styles.titleAndAdjacentNotBreadcrumb}>\n                  <>\n                    {handleHamburgerClick && (\n                      <div className={styles.hamburger}>\n                        <IconButton\n                          onClick={handleHamburgerClick}\n                          icon={<HamburgerIcon role=\"presentation\" />}\n                          label=\"Open menu\"\n                          reversed={isReversed(variant)}\n                        />\n                      </div>\n                    )}\n                    {avatar && renderAvatar(avatar, avatarAutomationId)}\n                    <div className={styles.titleAndSubtitle}>\n                      <div className={styles.titleAndSubtitleInner}>\n                        <div className={styles.title}>\n                          <Heading\n                            variant=\"heading-1\"\n                            color={isReversed(variant) ? \"white\" : \"dark\"}\n                            classNameOverride={styles.titleTextOverride}\n                            data-automation-id={titleAutomationId}\n                            data-testid={titleAutomationId}\n                          >\n                            {title}\n                          </Heading>\n                        </div>\n                        {isSmallOrMediumViewport && pageSwitcherSelect && (\n                          <div\n                            className={styles.pageSwitcherSelectUnderneathTitle}\n                          >\n                            <Select\n                              {...pageSwitcherSelect}\n                              variant=\"secondary-small\"\n                              reversed\n                            />\n                          </div>\n                        )}\n                        {subtitle &&\n                          renderSubtitle(subtitle, subtitleAutomationId)}\n                      </div>\n                    </div>\n                    {surveyStatus && renderTag(surveyStatus)}\n                    {!isSmallOrMediumViewport && pageSwitcherSelect && (\n                      <div className={styles.pageSwitcherSelectNextToTitle}>\n                        <Select\n                          {...pageSwitcherSelect}\n                          variant=\"secondary\"\n                          reversed\n                          fullWidth\n                        />\n                      </div>\n                    )}\n                  </>\n                </div>\n              </div>\n              {(primaryAction ||\n                defaultAction ||\n                secondaryActions ||\n                secondaryOverflowMenuItems) && (\n                <MainActions\n                  primaryAction={primaryAction}\n                  defaultAction={defaultAction}\n                  reversed={isReversed(variant)}\n                  overflowMenuItems={createTabletOverflowMenuItems(\n                    secondaryActions,\n                    secondaryOverflowMenuItems\n                  )}\n                  showOverflowMenu={isSmallOrMediumViewport}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n        <div className={styles.rowBelowSeparator}>\n          <div className={styles.rowBelowSeparatorInner}>\n            <div className={styles.rowBelowSeparatorInnerContent}>\n              {(sectionTitle ||\n                sectionTitleDescription ||\n                renderSectionTitle) && (\n                <div className={styles.sectionTitleContainer}>\n                  <div className={styles.sectionTitleInner}>\n                    {!!renderSectionTitle\n                      ? renderSectionTitle({\n                          sectionTitle,\n                          sectionTitleAutomationId,\n                          sectionTitleDescription,\n                          sectionTitleDescriptionAutomationId,\n                        })\n                      : defaultRenderSectionTitle(\n                          sectionTitle,\n                          sectionTitleDescription,\n                          variant,\n                          sectionTitleAutomationId,\n                          sectionTitleDescriptionAutomationId\n                        )}\n                  </div>\n                </div>\n              )}\n              {renderNavigationTabs(\n                navigationTabs,\n                collapseNavigationArea,\n                title\n              )}\n              {(secondaryActions || secondaryOverflowMenuItems) && (\n                <SecondaryActions\n                  secondaryActions={secondaryActions}\n                  secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n                  reversed={isReversed(variant)}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n        <MobileActions\n          primaryAction={primaryAction}\n          defaultAction={defaultAction}\n          secondaryActions={secondaryActions}\n          secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n          drawerHandleLabelIconPosition={\n            primaryAction && \"iconPosition\" in primaryAction\n              ? primaryAction.iconPosition\n              : undefined\n          }\n        />\n      </div>\n    </>\n  )\n}\n\nTitleBlockZen.displayName = \"TitleBlockZen\"\n"],"names":["renderTag","surveyStatus","tagVariant","status","React","createElement","className","styles","tag","Tag","variant","size","text","isJSXElement","imageElementOrAvatarProps","renderAvatar","avatarAutomationId","classnames","avatar","withBorder","Avatar","renderSubtitle","subtitle","subtitleAutomationId","subtitleText","defaultRenderSectionTitle","sectionTitle","sectionTitleDescription","sectionTitleAutomationId","sectionTitleDescriptionAutomationId","Fragment","Heading","color","isReversed","classNameOverride","sectionTitleOverride","dark","Breadcrumb","_a","breadcrumb","automationId","textAutomationId","textDirection","path","handleClick","render","icon","ArrowRightIcon","role","ArrowLeftIcon","InnerContents","circle","breadcrumbTextLink","breadcrumbText","CustomRender","TagName","__assign","href","onClick","renderNavigationTabs","navigationTabs","collapse","ariaLabel","navigationTabScrollerContainer","navigationTabsContainer","navigationTabsContainerCollapsed","undefined","navigationTabEdgeShadowLeft","navigationTabsNav","navigationTabsList","map","navigationTab","index","key","navigationTabEdgeShadowRight","TitleBlockZen","title","renderSectionTitle","pageSwitcherSelect","handleHamburgerClick","primaryAction","defaultAction","secondaryActions","secondaryOverflowMenuItems","_b","collapseNavigationAreaWhenPossible","_c","titleAutomationId","_d","_e","_f","_g","_h","breadcrumbAutomationId","_j","breadcrumbTextAutomationId","hasNavigationTabs","length","collapseNavigationArea","_k","useMediaQueries","queries","isSmall","isMedium","isSmallOrMediumViewport","titleBlock","concat","Boolean","hasSubtitle","hasPageSwitcherSelect","hasLongTitle","hasLongSubtitle","titleRow","titleRowInner","titleRowInnerContent","titleAndAdjacent","titleAndAdjacentNotBreadcrumb","hamburger","IconButton","HamburgerIcon","label","reversed","titleAndSubtitle","titleAndSubtitleInner","titleTextOverride","pageSwitcherSelectUnderneathTitle","Select","pageSwitcherSelectNextToTitle","fullWidth","MainActions","overflowMenuItems","createTabletOverflowMenuItems","showOverflowMenu","rowBelowSeparator","rowBelowSeparatorInner","rowBelowSeparatorInnerContent","sectionTitleContainer","sectionTitleInner","SecondaryActions","MobileActions","drawerHandleLabelIconPosition","iconPosition","displayName"],"mappings":"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"}
+{"version":3,"file":"TitleBlockZen.mjs","sources":["../../../src/TitleBlockZen/TitleBlockZen.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar } from \"~components/Avatar\"\nimport { IconButton } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport { ArrowLeftIcon, ArrowRightIcon, HamburgerIcon } from \"~components/Icon\"\nimport { Select } from \"~components/Select\"\nimport { Tag } from \"~components/Tag\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport { MainActions } from \"./subcomponents/MainActions\"\nimport { MobileActions } from \"./subcomponents/MobileActions\"\nimport { SecondaryActions } from \"./subcomponents/SecondaryActions\"\nimport {\n  TitleBlockBreadcrumbProps,\n  NavigationTabs,\n  SurveyStatus,\n  TitleBlockAvatarProps,\n  TitleBlockProps,\n  TitleBlockVariant,\n} from \"./types\"\nimport { createTabletOverflowMenuItems, isReversed } from \"./utils\"\nimport styles from \"./TitleBlockZen.module.scss\"\n\nconst renderTag = (surveyStatus: SurveyStatus): JSX.Element | void => {\n  let tagVariant: React.ComponentPropsWithoutRef<typeof Tag>[\"variant\"]\n\n  if (tagVariant === \"profile\") {\n    return\n  }\n\n  if (surveyStatus.status === \"draft\") {\n    tagVariant = \"statusDraft\"\n  }\n\n  /*\n    scheduled is actually a draft survey status that has a launch job scheduled\n    still, we want to differentiate on the UI and render a specific tag\n    the styles must be identical to the draft style\n\n    we have similar behaviour on programs index page's table\n  */\n  if (surveyStatus.status === \"scheduled\") {\n    tagVariant = \"statusClosed\"\n  }\n\n  if (surveyStatus.status === \"live\") {\n    tagVariant = \"statusLive\"\n  }\n\n  if (surveyStatus.status === \"closed\") {\n    tagVariant = \"statusClosed\"\n  }\n\n  if (surveyStatus.status === \"sentimentPositive\") {\n    tagVariant = \"sentimentPositive\"\n  }\n\n  if (surveyStatus.status === \"default\") {\n    tagVariant = \"default\"\n  }\n\n  return (\n    <div\n      data-automation-id=\"survey-status-tag\"\n      data-testid=\"survey-status-tag\"\n      className={styles.tag}\n    >\n      <Tag variant={tagVariant} size=\"small\">\n        {surveyStatus.text}\n      </Tag>\n    </div>\n  )\n}\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | TitleBlockAvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | TitleBlockAvatarProps,\n  avatarAutomationId: string\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <div\n      data-automation-id={avatarAutomationId}\n      data-testid={avatarAutomationId}\n      className={classnames(styles.avatar, styles.withBorder)}\n    >\n      {imageElementOrAvatarProps}\n    </div>\n  ) : (\n    <div\n      data-automation-id={avatarAutomationId}\n      data-testid={avatarAutomationId}\n      className={styles.avatar}\n    >\n      <Avatar {...imageElementOrAvatarProps} size=\"medium\" />\n    </div>\n  )\n\nconst renderSubtitle = (\n  subtitle: React.ReactNode,\n  subtitleAutomationId: string\n): JSX.Element => (\n  <div className={styles.subtitle}>\n    <span\n      data-automation-id={subtitleAutomationId}\n      data-testid={subtitleAutomationId}\n      className={styles.subtitleText}\n    >\n      {subtitle}\n    </span>\n  </div>\n)\n\nconst defaultRenderSectionTitle = (\n  sectionTitle?: string,\n  sectionTitleDescription?: string,\n  variant?: TitleBlockVariant,\n  sectionTitleAutomationId?: string,\n  sectionTitleDescriptionAutomationId?: string\n): JSX.Element => (\n  <>\n    {sectionTitle && (\n      <div className={styles.sectionTitle}>\n        <Heading\n          variant=\"heading-2\"\n          color={isReversed(variant) ? \"white\" : \"dark\"}\n          classNameOverride={styles.sectionTitleOverride}\n          data-automation-id={sectionTitleAutomationId}\n          data-testid={sectionTitleAutomationId}\n        >\n          {sectionTitle}\n        </Heading>\n      </div>\n    )}\n    {sectionTitleDescription && (\n      <div\n        data-automation-id={sectionTitleDescriptionAutomationId}\n        data-testid={sectionTitleDescriptionAutomationId}\n        className={classnames(\n          styles.sectionTitleDescription,\n          !isReversed(variant) && styles.dark\n        )}\n      >\n        {sectionTitleDescription}\n      </div>\n    )}\n  </>\n)\n\nconst Breadcrumb = ({\n  breadcrumb,\n  automationId,\n  textAutomationId,\n  textDirection,\n}: TitleBlockBreadcrumbProps): JSX.Element => {\n  const { path, handleClick, text, render } = breadcrumb\n  const icon =\n    textDirection === \"rtl\" ? (\n      <ArrowRightIcon role=\"presentation\" />\n    ) : (\n      <ArrowLeftIcon role=\"presentation\" />\n    )\n  const InnerContents = (): JSX.Element => (\n    <>\n      <div className={styles.circle}>{icon}</div>\n      <span\n        className={styles.breadcrumbTextLink}\n        data-automation-id={textAutomationId}\n        data-testid={textAutomationId}\n      >\n        <span className={styles.breadcrumbText}>{text}</span>\n      </span>\n    </>\n  )\n\n  if (render) {\n    const CustomRender = render\n    return (\n      <CustomRender\n        breadcrumb={breadcrumb}\n        className={styles.breadcrumb}\n        automationId={automationId}\n        textAutomationId={textAutomationId}\n        textDirection={textDirection}\n      >\n        <InnerContents />\n      </CustomRender>\n    )\n  }\n\n  const TagName = path ? \"a\" : \"button\"\n\n  return (\n    <TagName\n      {...(path && { href: path })}\n      className={styles.breadcrumb}\n      data-automation-id={automationId}\n      data-testid={automationId}\n      onClick={handleClick}\n    >\n      <InnerContents />\n    </TagName>\n  )\n}\n\n// We want to accept undefined here because the NavigationTabs container is\n// important for the flex-based layout (it pushes Secondary Actions over to the right)\nconst renderNavigationTabs = (\n  navigationTabs: NavigationTabs | undefined,\n  collapse: boolean,\n  ariaLabel: string\n): JSX.Element => (\n  <div className={styles.navigationTabScrollerContainer}>\n    <div\n      className={classnames(\n        styles.navigationTabsContainer,\n        collapse && styles.navigationTabsContainerCollapsed\n      )}\n    >\n      {!collapse && navigationTabs !== undefined && (\n        <>\n          <span className={styles.navigationTabEdgeShadowLeft} />\n          <nav className={styles.navigationTabsNav} aria-label={ariaLabel}>\n            <ul className={styles.navigationTabsList}>\n              {navigationTabs.map((navigationTab, index) => (\n                <li key={index}>{navigationTab}</li>\n              ))}\n            </ul>\n          </nav>\n          <span className={styles.navigationTabEdgeShadowRight} />\n        </>\n      )}\n    </div>\n  </div>\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}\n */\nexport const TitleBlockZen = ({\n  title,\n  variant,\n  breadcrumb,\n  avatar,\n  subtitle,\n  sectionTitle,\n  sectionTitleDescription,\n  renderSectionTitle,\n  pageSwitcherSelect,\n  handleHamburgerClick,\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  navigationTabs,\n  collapseNavigationAreaWhenPossible = false,\n  textDirection,\n  surveyStatus,\n  id,\n  titleAutomationId = \"TitleBlock__Title\",\n  avatarAutomationId = \"TitleBlock__Avatar\",\n  subtitleAutomationId = \"TitleBlock__Subtitle\",\n  sectionTitleAutomationId = \"TitleBlock__SectionTitle\",\n  sectionTitleDescriptionAutomationId = \"TitleBlock__SectionTitleDescription\",\n  breadcrumbAutomationId = \"TitleBlock__Breadcrumb\",\n  breadcrumbTextAutomationId = \"TitleBlock__BreadcrumbText\",\n  autoHideMobileActionsMenu = false,\n}: TitleBlockProps): JSX.Element => {\n  const hasNavigationTabs = navigationTabs && navigationTabs.length > 0\n  const collapseNavigationArea =\n    collapseNavigationAreaWhenPossible &&\n    !hasNavigationTabs &&\n    secondaryActions === undefined\n\n  const {\n    queries: { isSmall, isMedium },\n  } = useMediaQueries()\n  const isSmallOrMediumViewport = isMedium || isSmall\n  return (\n    <>\n      <div\n        id={id}\n        className={classnames(\n          styles.titleBlock,\n          styles[`${variant}Variant`],\n          Boolean(subtitle) && styles.hasSubtitle,\n          Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect,\n          collapseNavigationArea &&\n            !(sectionTitle || sectionTitleDescription || renderSectionTitle) &&\n            styles.collapseNavigationArea,\n          title && title.length >= 30 && styles.hasLongTitle,\n          subtitle &&\n            typeof subtitle === \"string\" &&\n            subtitle.length >= 18 &&\n            styles.hasLongSubtitle,\n          hasNavigationTabs && styles.hasNavigationTabs\n        )}\n      >\n        <div className={styles.titleRow}>\n          <div className={styles.titleRowInner}>\n            <div className={styles.titleRowInnerContent}>\n              <div className={styles.titleAndAdjacent}>\n                {breadcrumb && (\n                  <Breadcrumb\n                    breadcrumb={breadcrumb}\n                    automationId={breadcrumbAutomationId}\n                    textAutomationId={breadcrumbTextAutomationId}\n                    textDirection={textDirection}\n                  />\n                )}\n                <div className={styles.titleAndAdjacentNotBreadcrumb}>\n                  <>\n                    {handleHamburgerClick && (\n                      <div className={styles.hamburger}>\n                        <IconButton\n                          onClick={handleHamburgerClick}\n                          icon={<HamburgerIcon role=\"presentation\" />}\n                          label=\"Open menu\"\n                          reversed={isReversed(variant)}\n                        />\n                      </div>\n                    )}\n                    {avatar && renderAvatar(avatar, avatarAutomationId)}\n                    <div className={styles.titleAndSubtitle}>\n                      <div className={styles.titleAndSubtitleInner}>\n                        <div className={styles.title}>\n                          <Heading\n                            variant=\"heading-1\"\n                            color={isReversed(variant) ? \"white\" : \"dark\"}\n                            classNameOverride={styles.titleTextOverride}\n                            data-automation-id={titleAutomationId}\n                            data-testid={titleAutomationId}\n                          >\n                            {title}\n                          </Heading>\n                        </div>\n                        {isSmallOrMediumViewport && pageSwitcherSelect && (\n                          <div\n                            className={styles.pageSwitcherSelectUnderneathTitle}\n                          >\n                            <Select\n                              {...pageSwitcherSelect}\n                              variant=\"secondary-small\"\n                              reversed\n                            />\n                          </div>\n                        )}\n                        {subtitle &&\n                          renderSubtitle(subtitle, subtitleAutomationId)}\n                      </div>\n                    </div>\n                    {surveyStatus && renderTag(surveyStatus)}\n                    {!isSmallOrMediumViewport && pageSwitcherSelect && (\n                      <div className={styles.pageSwitcherSelectNextToTitle}>\n                        <Select\n                          {...pageSwitcherSelect}\n                          variant=\"secondary\"\n                          reversed\n                          fullWidth\n                        />\n                      </div>\n                    )}\n                  </>\n                </div>\n              </div>\n              {(primaryAction ||\n                defaultAction ||\n                secondaryActions ||\n                secondaryOverflowMenuItems) && (\n                <MainActions\n                  primaryAction={primaryAction}\n                  defaultAction={defaultAction}\n                  reversed={isReversed(variant)}\n                  overflowMenuItems={createTabletOverflowMenuItems(\n                    secondaryActions,\n                    secondaryOverflowMenuItems\n                  )}\n                  showOverflowMenu={isSmallOrMediumViewport}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n        <div className={styles.rowBelowSeparator}>\n          <div className={styles.rowBelowSeparatorInner}>\n            <div className={styles.rowBelowSeparatorInnerContent}>\n              {(sectionTitle ||\n                sectionTitleDescription ||\n                renderSectionTitle) && (\n                <div className={styles.sectionTitleContainer}>\n                  <div className={styles.sectionTitleInner}>\n                    {!!renderSectionTitle\n                      ? renderSectionTitle({\n                          sectionTitle,\n                          sectionTitleAutomationId,\n                          sectionTitleDescription,\n                          sectionTitleDescriptionAutomationId,\n                        })\n                      : defaultRenderSectionTitle(\n                          sectionTitle,\n                          sectionTitleDescription,\n                          variant,\n                          sectionTitleAutomationId,\n                          sectionTitleDescriptionAutomationId\n                        )}\n                  </div>\n                </div>\n              )}\n              {renderNavigationTabs(\n                navigationTabs,\n                collapseNavigationArea,\n                title\n              )}\n              {(secondaryActions || secondaryOverflowMenuItems) && (\n                <SecondaryActions\n                  secondaryActions={secondaryActions}\n                  secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n                  reversed={isReversed(variant)}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n        <MobileActions\n          primaryAction={primaryAction}\n          defaultAction={defaultAction}\n          secondaryActions={secondaryActions}\n          secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n          drawerHandleLabelIconPosition={\n            primaryAction && \"iconPosition\" in primaryAction\n              ? primaryAction.iconPosition\n              : undefined\n          }\n          autoHide={autoHideMobileActionsMenu}\n        />\n      </div>\n    </>\n  )\n}\n\nTitleBlockZen.displayName = \"TitleBlockZen\"\n"],"names":["renderTag","surveyStatus","tagVariant","status","React","createElement","className","styles","tag","Tag","variant","size","text","isJSXElement","imageElementOrAvatarProps","renderAvatar","avatarAutomationId","classnames","avatar","withBorder","Avatar","renderSubtitle","subtitle","subtitleAutomationId","subtitleText","defaultRenderSectionTitle","sectionTitle","sectionTitleDescription","sectionTitleAutomationId","sectionTitleDescriptionAutomationId","Fragment","Heading","color","isReversed","classNameOverride","sectionTitleOverride","dark","Breadcrumb","_a","breadcrumb","automationId","textAutomationId","textDirection","path","handleClick","render","icon","ArrowRightIcon","role","ArrowLeftIcon","InnerContents","circle","breadcrumbTextLink","breadcrumbText","CustomRender","TagName","__assign","href","onClick","renderNavigationTabs","navigationTabs","collapse","ariaLabel","navigationTabScrollerContainer","navigationTabsContainer","navigationTabsContainerCollapsed","undefined","navigationTabEdgeShadowLeft","navigationTabsNav","navigationTabsList","map","navigationTab","index","key","navigationTabEdgeShadowRight","TitleBlockZen","title","renderSectionTitle","pageSwitcherSelect","handleHamburgerClick","primaryAction","defaultAction","secondaryActions","secondaryOverflowMenuItems","_b","collapseNavigationAreaWhenPossible","id","_c","titleAutomationId","_d","_e","_f","_g","_h","breadcrumbAutomationId","_j","breadcrumbTextAutomationId","_k","autoHideMobileActionsMenu","hasNavigationTabs","length","collapseNavigationArea","_l","useMediaQueries","queries","isSmall","isMedium","isSmallOrMediumViewport","titleBlock","concat","Boolean","hasSubtitle","hasPageSwitcherSelect","hasLongTitle","hasLongSubtitle","titleRow","titleRowInner","titleRowInnerContent","titleAndAdjacent","titleAndAdjacentNotBreadcrumb","hamburger","IconButton","HamburgerIcon","label","reversed","titleAndSubtitle","titleAndSubtitleInner","titleTextOverride","pageSwitcherSelectUnderneathTitle","Select","pageSwitcherSelectNextToTitle","fullWidth","MainActions","overflowMenuItems","createTabletOverflowMenuItems","showOverflowMenu","rowBelowSeparator","rowBelowSeparatorInner","rowBelowSeparatorInnerContent","sectionTitleContainer","sectionTitleInner","SecondaryActions","MobileActions","drawerHandleLabelIconPosition","iconPosition","autoHide","displayName"],"mappings":"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"}

package/dist/esm/TitleBlockZen/constants.mjs

@@ -0,0 +1,4 @@
+var TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = "title-block-secondary-menu";
+var TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = "title-block-other-actions";
+export { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID, TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID };
+//# sourceMappingURL=constants.mjs.map

package/dist/esm/TitleBlockZen/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../src/TitleBlockZen/constants.ts"],"sourcesContent":["export const TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID =\n  \"title-block-secondary-menu\"\nexport const TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = \"title-block-other-actions\"\n"],"names":["TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID","TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID"],"mappings":"AAAO,IAAMA,sCAAsC,GACjD,4BAA4B;AACvB,IAAMC,qCAAqC,GAAG,2BAAA;"}

package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs

@@ -10,6 +10,7 @@ import '../../Menu/subcomponents/MenuHeading/MenuHeading.mjs';
 import '../../Menu/subcomponents/MenuItem/MenuItem.mjs';
 import { MenuList } from '../../Menu/subcomponents/MenuList/MenuList.mjs';
 import '../../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
+import { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from '../constants.mjs';
 import { isMenuGroupNotButton } from '../utils.mjs';
 import { TitleBlockMenuItem } from './TitleBlockMenuItem.mjs';
 import { Toolbar } from './Toolbar.mjs';
@@ -86,6 +87,7 @@ const MainActions = /*#__PURE__*/function () {
         node: ( /*#__PURE__*/React.createElement(Menu, {
           align: "right",
           button: /*#__PURE__*/React.createElement(IconButton, {
+            id: TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,
             label: "Open secondary menu",
             reversed: reversed,
             icon: /*#__PURE__*/React.createElement(MeatballsIcon, {

package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MainActions.mjs","sources":["../../../../src/TitleBlockZen/subcomponents/MainActions.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, IconButton } from \"~components/Button\"\nimport { ChevronDownIcon, MeatballsIcon } from \"~components/Icon\"\nimport { Menu, MenuList } from \"~components/Menu\"\nimport {\n  DefaultActionProps,\n  PrimaryActionProps,\n  TitleBlockMenuItemProps,\n} from \"../types\"\nimport { isMenuGroupNotButton } from \"../utils\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\nimport { Toolbar } from \"./Toolbar\"\nimport styles from \"./MainActions.module.scss\"\n\ntype MainActionsProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  reversed?: boolean\n  overflowMenuItems?: TitleBlockMenuItemProps[]\n  showOverflowMenu?: boolean\n}\n\nexport const MainActions = ({\n  primaryAction,\n  defaultAction,\n  reversed = false,\n  overflowMenuItems,\n  showOverflowMenu = false,\n}: MainActionsProps): JSX.Element => {\n  let items\n  if (primaryAction && isMenuGroupNotButton(primaryAction)) {\n    const menuContent = primaryAction.menuItems.map((item, idx) => (\n      <TitleBlockMenuItem\n        {...item}\n        key={`main-action-primary-menu-item-${idx}`}\n        data-automation-id={`main-action-primary-menu-item-${idx}`}\n        data-testid={`main-action-primary-menu-item-${idx}`}\n      />\n    ))\n\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Menu\n                  align=\"right\"\n                  button={\n                    <Button\n                      label={primaryAction.label}\n                      primary\n                      reversed={reversed}\n                      icon={<ChevronDownIcon role=\"presentation\" />}\n                      iconPosition=\"end\"\n                      data-automation-id=\"title-block-primary-action-button\"\n                      data-testid=\"title-block-primary-action-button\"\n                      badge={\n                        primaryAction.badge\n                          ? {\n                              ...primaryAction.badge,\n                              variant: \"dark\",\n                            }\n                          : undefined\n                      }\n                    />\n                  }\n                >\n                  <MenuList>{menuContent}</MenuList>\n                </Menu>\n              ),\n            },\n          ]\n        : []),\n    ]\n  } else {\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Button\n                  {...{\n                    ...primaryAction,\n                    primary:\n                      primaryAction.primary !== undefined\n                        ? primaryAction.primary\n                        : true,\n                    reversed:\n                      primaryAction.reversed !== undefined\n                        ? primaryAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-primary-action-button\"\n                  data-testid=\"title-block-primary-action-button\"\n                  badge={\n                    primaryAction.badge\n                      ? {\n                          ...primaryAction.badge,\n                          variant: \"dark\",\n                        }\n                      : undefined\n                  }\n                />\n              ),\n            },\n          ]\n        : []),\n    ]\n  }\n\n  if (overflowMenuItems && showOverflowMenu && overflowMenuItems.length > 0) {\n    items = [\n      {\n        key: \"overflowMenu\",\n        node: (\n          <Menu\n            align=\"right\"\n            button={\n              <IconButton\n                label=\"Open secondary menu\"\n                reversed={reversed}\n                icon={<MeatballsIcon role=\"presentation\" />}\n              />\n            }\n          >\n            <MenuList>\n              {overflowMenuItems.map((menuItem, idx) => (\n                <TitleBlockMenuItem\n                  {...menuItem}\n                  key={`main-action-overflow-item-menu-item-${idx}`}\n                />\n              ))}\n            </MenuList>\n          </Menu>\n        ),\n      },\n      ...items,\n    ]\n  }\n\n  return (\n    <div className={styles.mainActionsContainer}>\n      <Toolbar\n        items={items}\n        automationId=\"title-block-main-actions-toolbar\"\n        data-testid=\"title-block-main-actions-toolbar\"\n      />\n    </div>\n  )\n}\n\nMainActions.displayName = \"MainActions\"\n"],"names":["MainActions","_a","primaryAction","defaultAction","_b","reversed","overflowMenuItems","_c","showOverflowMenu","items","isMenuGroupNotButton","menuContent","menuItems","map","item","idx","React","createElement","TitleBlockMenuItem","__assign","key","concat","__spreadArray","node","Button","undefined","Menu","align","button","label","primary","icon","ChevronDownIcon","role","iconPosition","badge","variant","MenuList","length","IconButton","MeatballsIcon","menuItem","className","styles","mainActionsContainer","Toolbar","automationId","displayName"],"mappings":"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"}
+{"version":3,"file":"MainActions.mjs","sources":["../../../../src/TitleBlockZen/subcomponents/MainActions.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, IconButton } from \"~components/Button\"\nimport { ChevronDownIcon, MeatballsIcon } from \"~components/Icon\"\nimport { Menu, MenuList } from \"~components/Menu\"\nimport { TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID } from \"../constants\"\nimport {\n  DefaultActionProps,\n  PrimaryActionProps,\n  TitleBlockMenuItemProps,\n} from \"../types\"\nimport { isMenuGroupNotButton } from \"../utils\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\nimport { Toolbar } from \"./Toolbar\"\nimport styles from \"./MainActions.module.scss\"\n\ntype MainActionsProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  reversed?: boolean\n  overflowMenuItems?: TitleBlockMenuItemProps[]\n  showOverflowMenu?: boolean\n}\n\nexport const MainActions = ({\n  primaryAction,\n  defaultAction,\n  reversed = false,\n  overflowMenuItems,\n  showOverflowMenu = false,\n}: MainActionsProps): JSX.Element => {\n  let items\n  if (primaryAction && isMenuGroupNotButton(primaryAction)) {\n    const menuContent = primaryAction.menuItems.map((item, idx) => (\n      <TitleBlockMenuItem\n        {...item}\n        key={`main-action-primary-menu-item-${idx}`}\n        data-automation-id={`main-action-primary-menu-item-${idx}`}\n        data-testid={`main-action-primary-menu-item-${idx}`}\n      />\n    ))\n\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Menu\n                  align=\"right\"\n                  button={\n                    <Button\n                      label={primaryAction.label}\n                      primary\n                      reversed={reversed}\n                      icon={<ChevronDownIcon role=\"presentation\" />}\n                      iconPosition=\"end\"\n                      data-automation-id=\"title-block-primary-action-button\"\n                      data-testid=\"title-block-primary-action-button\"\n                      badge={\n                        primaryAction.badge\n                          ? {\n                              ...primaryAction.badge,\n                              variant: \"dark\",\n                            }\n                          : undefined\n                      }\n                    />\n                  }\n                >\n                  <MenuList>{menuContent}</MenuList>\n                </Menu>\n              ),\n            },\n          ]\n        : []),\n    ]\n  } else {\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Button\n                  {...{\n                    ...primaryAction,\n                    primary:\n                      primaryAction.primary !== undefined\n                        ? primaryAction.primary\n                        : true,\n                    reversed:\n                      primaryAction.reversed !== undefined\n                        ? primaryAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-primary-action-button\"\n                  data-testid=\"title-block-primary-action-button\"\n                  badge={\n                    primaryAction.badge\n                      ? {\n                          ...primaryAction.badge,\n                          variant: \"dark\",\n                        }\n                      : undefined\n                  }\n                />\n              ),\n            },\n          ]\n        : []),\n    ]\n  }\n\n  if (overflowMenuItems && showOverflowMenu && overflowMenuItems.length > 0) {\n    items = [\n      {\n        key: \"overflowMenu\",\n        node: (\n          <Menu\n            align=\"right\"\n            button={\n              <IconButton\n                id={TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID}\n                label=\"Open secondary menu\"\n                reversed={reversed}\n                icon={<MeatballsIcon role=\"presentation\" />}\n              />\n            }\n          >\n            <MenuList>\n              {overflowMenuItems.map((menuItem, idx) => (\n                <TitleBlockMenuItem\n                  {...menuItem}\n                  key={`main-action-overflow-item-menu-item-${idx}`}\n                />\n              ))}\n            </MenuList>\n          </Menu>\n        ),\n      },\n      ...items,\n    ]\n  }\n\n  return (\n    <div className={styles.mainActionsContainer}>\n      <Toolbar\n        items={items}\n        automationId=\"title-block-main-actions-toolbar\"\n        data-testid=\"title-block-main-actions-toolbar\"\n      />\n    </div>\n  )\n}\n\nMainActions.displayName = \"MainActions\"\n"],"names":["MainActions","_a","primaryAction","defaultAction","_b","reversed","overflowMenuItems","_c","showOverflowMenu","items","isMenuGroupNotButton","menuContent","menuItems","map","item","idx","React","createElement","TitleBlockMenuItem","__assign","key","concat","__spreadArray","node","Button","undefined","Menu","align","button","label","primary","icon","ChevronDownIcon","role","iconPosition","badge","variant","MenuList","length","IconButton","id","TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID","MeatballsIcon","menuItem","className","styles","mainActionsContainer","Toolbar","automationId","displayName"],"mappings":"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"}

package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React, { useState } from 'react';
+import React, { useState, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
 import { FocusOn } from 'react-focus-on';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
@@ -10,6 +10,7 @@ import { MenuHeading } from '../../Menu/subcomponents/MenuHeading/MenuHeading.mj
 import { MenuItem } from '../../Menu/subcomponents/MenuItem/MenuItem.mjs';
 import { MenuList } from '../../Menu/subcomponents/MenuList/MenuList.mjs';
 import '../../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
+import { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID } from '../constants.mjs';
 import { isMenuGroupNotButton, convertSecondaryActionsToMenuItems } from '../utils.mjs';
 import { TitleBlockMenuItem } from './TitleBlockMenuItem.mjs';
 import styles from './MobileActions.module.scss.mjs';
@@ -61,7 +62,8 @@ var renderDefaultLink = function (defaultAction) {
     disabled: defaultAction.disabled,
     key: "title-block-mobile-actions-default-link",
     "data-automation-id": "title-block-mobile-actions-default-link",
-    "data-testid": "title-block-mobile-actions-default-link"
+    "data-testid": "title-block-mobile-actions-default-link",
+    id: defaultAction.id
   });
 };
 var renderDefaultAction = function (defaultAction) {
@@ -210,6 +212,7 @@ var DrawerHandle = function (_a) {
       className: styles.mobileActionsExpandButton,
       onClick: toggleDisplay,
       "aria-expanded": isOpen,
+      id: TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID,
       "aria-label": "Other actions"
     }, isOpen ? ( /*#__PURE__*/React.createElement(ChevronDownIcon, {
       role: "presentation"
@@ -226,7 +229,8 @@ var DrawerHandle = function (_a) {
       type: "button",
       className: classnames(styles.mobileActionsExpandButton, styles.mobileActionsPrimaryLabel),
       onClick: toggleDisplay,
-      "aria-expanded": isOpen
+      "aria-expanded": isOpen,
+      id: TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID
     }, renderDrawerHandleLabel("Other actions"), /*#__PURE__*/React.createElement("span", {
       className: styles.mobileActionsChevronSquare
     }, isOpen ? ( /*#__PURE__*/React.createElement(ChevronDownIcon, {
@@ -243,13 +247,33 @@ const MobileActions = /*#__PURE__*/function () {
       defaultAction = _a.defaultAction,
       secondaryActions = _a.secondaryActions,
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
-      drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition;
-    var _b = useState(false),
-      isOpen = _b[0],
-      setIsOpen = _b[1];
+      drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition,
+      _b = _a.autoHide,
+      autoHide = _b === void 0 ? false : _b;
+    var _c = useState(false),
+      isOpen = _c[0],
+      setIsOpen = _c[1];
+    var menuContent = /*#__PURE__*/React.createRef();
     var toggleDisplay = function () {
       setIsOpen(!isOpen);
     };
+    // This callback handler will not run when autoHide === "off"
+    var handleDocumentClickForAutoHide = useCallback(function (e) {
+      var _a;
+      if (isOpen && e.target instanceof Node && ((_a = menuContent.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+        setIsOpen(false);
+      }
+    }, [menuContent]);
+    useEffect(function () {
+      if (autoHide) {
+        document.addEventListener("click", handleDocumentClickForAutoHide, true);
+      }
+      return function () {
+        if (autoHide) {
+          document.removeEventListener("click", handleDocumentClickForAutoHide, true);
+        }
+      };
+    }, [autoHide, handleDocumentClickForAutoHide]);
     return /*#__PURE__*/React.createElement("div", {
       className: classnames(styles.mobileActionsContainer, isOpen && styles.isOpen)
     }, /*#__PURE__*/React.createElement(FocusOn, {
@@ -264,6 +288,7 @@ const MobileActions = /*#__PURE__*/function () {
       toggleDisplay: toggleDisplay,
       isOpen: isOpen
     }), (defaultAction || secondaryActions || secondaryOverflowMenuItems || primaryAction && isMenuGroupNotButton(primaryAction)) && ( /*#__PURE__*/React.createElement("div", {
+      ref: menuContent,
       className: styles.mobileActionsMenuContainer
     }, /*#__PURE__*/React.createElement(DrawerMenuContent, {
       primaryAction: primaryAction,