se-design 1.0.64 → 1.0.66-dev

package/dist/index26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index26.js","sources":["../src/components/TableContentLoader/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport './style.scss';\n\nexport interface TableContentLoaderProps {\n  noOfRows?: number;\n  noOfColumns?: number;\n  colSpan?: number[];\n}\n\nexport const TableContentLoader: FC<TableContentLoaderProps> = (props) => {\n  const { noOfRows = 2, noOfColumns = 4, colSpan = [2, 0, 0] } = props;\n\n  return [...Array(noOfRows)].map((_, index) => (\n    <tr key={`tr-${index}`} className=\"se-design-table-content-loader\">\n      {[...Array(noOfColumns)].map((_, idx) => (\n        <td colSpan={colSpan[idx]} key={`td-${idx}`}>\n          <div className=\"loading-animation\"></div>\n        </td>\n      ))}\n    </tr>\n  ));\n};\n"],"names":["React__default","TableContentLoader","props","noOfRows","noOfColumns","colSpan","Array","map","_","index","React","createElement","key","className","idx"],"mappings":"AASO,OAAAA,OAAA;AAAA,OAAA;AAAA,MAAMC,IAAmDC,CAAAA,MAAU;AACxE,QAAM;AAAA,IAAEC,UAAAA,IAAW;AAAA,IAAGC,aAAAA,IAAc;AAAA,IAAGC,SAAAA,IAAU,CAAC,GAAG,GAAG,CAAC;AAAA,EAAA,IAAMH;AAE/D,SAAO,CAAC,GAAGI,MAAMH,CAAQ,CAAC,EAAEI,IAAI,CAACC,GAAGC,MAClCC,gBAAAA,EAAAC,cAAA,MAAA;AAAA,IAAIC,KAAK,MAAMH,CAAK;AAAA,IAAII,WAAU;AAAA,EAAA,GAC/B,CAAC,GAAGP,MAAMF,CAAW,CAAC,EAAEG,IAAI,CAACC,GAAGM,MAC/BJ,gBAAAA,EAAAC,cAAA,MAAA;AAAA,IAAIN,SAASA,EAAQS,CAAG;AAAA,IAAGF,KAAK,MAAME,CAAG;AAAA,EAAA,GACvCJ,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKE,WAAU;AAAA,EAAA,CAAyB,CACtC,CACL,CACC,CACL;AACH;"}
+{"version":3,"file":"index26.js","sources":["../src/components/TableContentLoader/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ShimmerLoader } from 'components/ShimmerLoader';\nimport './style.scss';\n\nexport interface TableContentLoaderProps {\n  noOfRows?: number;\n  noOfColumns?: number;\n  colSpan?: number[];\n}\n\nexport const TableContentLoader: FC<TableContentLoaderProps> = (props) => {\n  const { noOfRows = 2, noOfColumns = 4, colSpan = [2, 0, 0] } = props;\n\n  return [...Array(noOfRows)].map((_, index) => (\n    <tr key={`tr-${index}`} className=\"se-design-table-content-loader\">\n      {[...Array(noOfColumns)].map((_, idx) => (\n        <td colSpan={colSpan[idx]} key={`td-${idx}`}>\n          <ShimmerLoader\n            structure={[{ type: 'text', width: '80%', height: 20 }]}\n          />\n        </td>\n      ))}\n    </tr>\n  ));\n};\n"],"names":["React__default","ShimmerLoader","TableContentLoader","props","noOfRows","noOfColumns","colSpan","Array","map","_","index","React","createElement","key","className","idx","structure","type","width","height"],"mappings":"AAUO,OAAAA,OAAA;AAAA,SAAA,iBAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAmDC,CAAAA,MAAU;AACxE,QAAM;AAAA,IAAEC,UAAAA,IAAW;AAAA,IAAGC,aAAAA,IAAc;AAAA,IAAGC,SAAAA,IAAU,CAAC,GAAG,GAAG,CAAC;AAAA,EAAA,IAAMH;AAE/D,SAAO,CAAC,GAAGI,MAAMH,CAAQ,CAAC,EAAEI,IAAI,CAACC,GAAGC,MAClCC,gBAAAA,EAAAC,cAAA,MAAA;AAAA,IAAIC,KAAK,MAAMH,CAAK;AAAA,IAAII,WAAU;AAAA,EAAA,GAC/B,CAAC,GAAGP,MAAMF,CAAW,CAAC,EAAEG,IAAI,CAACC,GAAGM,MAC/BJ,gBAAAA,EAAAC,cAAA,MAAA;AAAA,IAAIN,SAASA,EAAQS,CAAG;AAAA,IAAGF,KAAK,MAAME,CAAG;AAAA,EAAA,GACvCJ,gBAAAA,EAAAC,cAACX,GAAa;AAAA,IACZe,WAAW,CAAC;AAAA,MAAEC,MAAM;AAAA,MAAQC,OAAO;AAAA,MAAOC,QAAQ;AAAA,IAAA,CAAI;AAAA,EAAA,CACvD,CACC,CACL,CACC,CACL;AACH;"}

package/dist/index31.js

@@ -1,7 +1,7 @@
 import e from "react";
 import { Button as N } from "./index3.js";
 import { Badge as I } from "./index9.js";
-import { Icon as d } from "./index5.js";
+import { Icon as g } from "./index5.js";
 /* empty css         */
 const t = {
   widgetCtn: "flex flex-col gap-[2px] align-center border border-[var(--color-gray-200)] rounded-[12px] w-[385px]",
@@ -21,16 +21,16 @@ const t = {
   requestFeatureImageCtn: "w-[48px] h-[48px] border border-[var(--color-gray-200)] rounded-[50%] flex items-center flex-shrink-0 bg-[var(--color-red-50)]",
   requestFeatureDescriptionCtn: "flex flex-col"
 }, B = ({
-  widgetClassName: g = "",
+  widgetClassName: d = "",
   widgetType: a = "general",
   widgetTitle: r = "",
   widgetDescription: l = "",
   widgetImage: p,
-  hasImage: f = !1,
+  hasImage: x = !1,
   hasButtonCta: n = !1,
   hasLinkCta: i = !1,
   ctaText: o = "",
-  hasBadge: x = !1,
+  hasBadge: f = !1,
   badgeText: w = "",
   buttonBgColor: u = "secondary",
   onCtaClick: b,
@@ -38,7 +38,7 @@ const t = {
   webinarDateInfo: c,
   webinarSpeaker: s
 }) => {
-  const E = x && /* @__PURE__ */ e.createElement(I, {
+  const E = f && /* @__PURE__ */ e.createElement(I, {
     label: w,
     className: t.widgetBadge,
     bgColor: "var(--color-yellow-50)",
@@ -52,14 +52,14 @@ const t = {
     label: o,
     className: `${t.widgetButtonCta} mt-[4px]`,
     onClick: b
-  })), C = f && /* @__PURE__ */ e.createElement("div", {
+  })), C = x && /* @__PURE__ */ e.createElement("div", {
     className: `${t.widgetImageCtn} widget-image-ctn`
   }, /* @__PURE__ */ e.createElement("img", {
     src: p,
     alt: "widget-image"
   }));
   return /* @__PURE__ */ e.createElement("div", {
-    className: `${t.widgetCtn} ${g} widget-ctn`,
+    className: `${t.widgetCtn} ${d} widget-ctn`,
     onClick: v
   }, a !== "general" && C, /* @__PURE__ */ e.createElement("div", {
     className: t.descriptionCtn
@@ -71,14 +71,14 @@ const t = {
     className: t.webinarInfoCtn
   }, s && /* @__PURE__ */ e.createElement("div", {
     className: `${t.webinarDescriptionInfo} align-baseline`
-  }, /* @__PURE__ */ e.createElement(d, {
+  }, /* @__PURE__ */ e.createElement(g, {
     name: "people",
     className: "relative top-[2px]"
   }), /* @__PURE__ */ e.createElement("span", {
     className: t.webinarSpeaker
   }, s)), c && /* @__PURE__ */ e.createElement("div", {
     className: `${t.webinarTimeInfo} align-baseline mb-[4px]`
-  }, /* @__PURE__ */ e.createElement(d, {
+  }, /* @__PURE__ */ e.createElement(g, {
     name: "clock",
     className: "relative top-[2px]"
   }), /* @__PURE__ */ e.createElement("span", {
@@ -96,7 +96,6 @@ const t = {
   }, l), m)) : m));
 };
 export {
-  B as Widget,
-  B as default
+  B as Widget
 };
 //# sourceMappingURL=index31.js.map

package/dist/index32.js

@@ -1,22 +1,22 @@
-import a, { useRef as b } from "react";
+import a, { useRef as h } from "react";
 function w(e) {
   const {
-    label: d,
+    label: c,
     value: o,
     checked: r,
     disabled: t,
-    name: c,
+    name: d,
     onChange: l,
     width: s,
     radioLabelClassName: m = "",
     radioContainerClassName: u = "",
     automationId: x = "",
     bgColor: f = "var(--color-white)",
-    withBorder: h = !0,
+    withBorder: b = !0,
     content: i
-  } = e, n = b(null);
+  } = e, n = h(null);
   return /* @__PURE__ */ a.createElement("div", {
-    className: `se-design-radio-container flex flex-col justify-center items-start gap-2 ${t ? "cursor-not-allowed" : "cursor-pointer"} ${h ? `border ${r ? "border-[#1088E7]" : "border-[#C9D4E3]"} p-4` : ""} rounded-[6px] transition-colors duration-300 ${t ? "opacity-50" : ""} ${u}`,
+    className: `se-design-radio-container flex flex-col justify-center items-start gap-2 ${t ? "cursor-not-allowed" : "cursor-pointer"} ${b ? `border ${r ? "border-[var(--color-blue-500)]" : "border-[var(--color-gray-400)]"} p-4` : ""} rounded-[6px] transition-colors duration-300 ${t ? "opacity-50" : ""} ${u}`,
     onClick: () => n.current?.click(),
     style: {
       width: s || "auto",
@@ -30,11 +30,11 @@ function w(e) {
     ref: n,
     type: "radio",
     id: o,
-    name: c,
+    name: d,
     value: o,
     checked: r,
     disabled: t,
-    className: "radio-field-input cursor-pointer accent-[#1088E7] disabled:cursor-not-allowed disabled:opacity-50 text-[var(--color-blue-500)] w-[14px] h-[14px] p-[3px]",
+    className: "radio-field-input cursor-pointer accent-[var(--color-blue-500)] disabled:cursor-not-allowed disabled:opacity-50 text-[var(--color-blue-500)] w-[14px] h-[14px] p-[3px]",
     onChange: () => {
       l && l({
         ...e,
@@ -51,7 +51,7 @@ function w(e) {
       fontSize: "16px",
       fontWeight: "400"
     }
-  }, d))), r && i && /* @__PURE__ */ a.createElement("div", {
+  }, c))), r && i && /* @__PURE__ */ a.createElement("div", {
     className: "radio-child-content pl-[1.5rem] w-full"
   }, i()), e.helperLabel && /* @__PURE__ */ a.createElement("span", {
     className: `text-sm font-normal text-[var(--color-gray-600)] ${e.maxWidth ? `max-w-[${e.maxWidth}]` : "max-w-full"} break-words whitespace-normal`,

package/dist/index32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index32.js","sources":["../src/components/Radio/index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nexport interface RadioProps {\n  label: string;\n  value: string;\n  checked: boolean;\n  disabled: boolean;\n  name: string;\n  onChange?: (props: RadioProps) => void;\n  helperLabel?: string;\n  maxWidth?: string;\n  width?: string;\n  radioLabelClassName?: string;\n  radioContainerClassName?: string;\n  automationId?: string;\n  withBorder?: boolean;\n  bgColor?: string;\n  content?: () => React.ReactNode;\n}\n\nexport function Radio(props: RadioProps) {\n  const {\n    label,\n    value,\n    checked,\n    disabled,\n    name,\n    onChange,\n    width,\n    radioLabelClassName = '',\n    radioContainerClassName = '',\n    automationId = '',\n    bgColor = 'var(--color-white)',\n    withBorder = true,\n    content\n  } = props;\n  const radioRef = useRef<HTMLInputElement>(null);\n\n  return (\n    <div\n      className={`se-design-radio-container flex flex-col justify-center items-start gap-2 ${\n        disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n      } ${\n        withBorder ? `border ${checked ? 'border-[#1088E7]' : 'border-[#C9D4E3]'} p-4` : ''\n      } rounded-[6px] transition-colors duration-300 ${disabled ? 'opacity-50' : ''} ${radioContainerClassName}`}\n      onClick={() => radioRef.current?.click()}\n      style={{ width: width || 'auto', backgroundColor: bgColor }}\n      data-automation-id={automationId}\n    >\n      <div className=\"flex items-center gap-[0.625rem]\" data-automation-id=\"radio-field-content\">\n        <input\n          ref={radioRef}\n          type=\"radio\"\n          id={value}\n          name={name}\n          value={value}\n          checked={checked}\n          disabled={disabled}\n          className=\"radio-field-input cursor-pointer accent-[#1088E7] disabled:cursor-not-allowed disabled:opacity-50 text-[var(--color-blue-500)] w-[14px] h-[14px] p-[3px]\"\n          onChange={() => {\n            onChange && onChange({ ...props, checked: true });\n          }}\n        />\n        <label\n          htmlFor={value}\n          className={`${props.helperLabel ? 'flex flex-col gap-[6px]' : ''} ${\n            disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n          }`}\n          data-automation-id=\"radio-field-label\"\n        >\n          <span\n            className={`text-sm text-[var(--color-gray-800)] ${radioLabelClassName} `}\n            style={{ fontSize: '16px', fontWeight: '400' }}\n          >\n            {label}\n          </span>\n        </label>\n      </div>\n      {checked && content && <div className=\"radio-child-content pl-[1.5rem] w-full\">{content()}</div>}\n      {props.helperLabel && (\n        <span\n          className={`text-sm font-normal text-[var(--color-gray-600)] ${\n            props.maxWidth ? `max-w-[${props.maxWidth}]` : 'max-w-full'\n          } break-words whitespace-normal`}\n          data-automation-id=\"radio-field-helper-text\"\n        >\n          {props.helperLabel}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Radio","props","label","value","checked","disabled","name","onChange","width","radioLabelClassName","radioContainerClassName","automationId","bgColor","withBorder","content","radioRef","useRef","React","createElement","className","onClick","current","click","style","backgroundColor","ref","type","id","htmlFor","helperLabel","fontSize","fontWeight","maxWidth"],"mappings":";AAoBO,SAASA,EAAMC,GAAmB;AACvC,QAAM;AAAA,IACJC,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,qBAAAA,IAAsB;AAAA,IACtBC,yBAAAA,IAA0B;AAAA,IAC1BC,cAAAA,IAAe;AAAA,IACfC,SAAAA,IAAU;AAAA,IACVC,YAAAA,IAAa;AAAA,IACbC,SAAAA;AAAAA,EAAAA,IACEb,GACEc,IAAWC,EAAyB,IAAI;AAE9C,SACEC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,4EACTd,IAAW,uBAAuB,gBAAgB,IAElDQ,IAAa,UAAUT,IAAU,qBAAqB,kBAAkB,SAAS,EAAE,iDACpCC,IAAW,eAAe,EAAE,IAAIK,CAAuB;AAAA,IACxGU,SAASA,MAAML,EAASM,SAASC,MAAAA;AAAAA,IACjCC,OAAO;AAAA,MAAEf,OAAOA,KAAS;AAAA,MAAQgB,iBAAiBZ;AAAAA,IAAAA;AAAAA,IAClD,sBAAoBD;AAAAA,EAAAA,GAEpBM,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAmC,sBAAmB;AAAA,EAAA,GACnEF,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEO,KAAKV;AAAAA,IACLW,MAAK;AAAA,IACLC,IAAIxB;AAAAA,IACJG,MAAAA;AAAAA,IACAH,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAc,WAAU;AAAA,IACVZ,UAAUA,MAAM;AACdA,MAAAA,KAAYA,EAAS;AAAA,QAAE,GAAGN;AAAAA,QAAOG,SAAS;AAAA,MAAA,CAAM;AAAA,IAClD;AAAA,EAAA,CACD,GACDa,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEU,SAASzB;AAAAA,IACTgB,WAAW,GAAGlB,EAAM4B,cAAc,4BAA4B,EAAE,IAC9DxB,IAAW,uBAAuB,gBAAgB;AAAA,IAEpD,sBAAmB;AAAA,EAAA,GAEnBY,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IACEC,WAAW,wCAAwCV,CAAmB;AAAA,IACtEc,OAAO;AAAA,MAAEO,UAAU;AAAA,MAAQC,YAAY;AAAA,IAAA;AAAA,EAAM,GAE5C7B,CACG,CACD,CACJ,GACJE,KAAWU,KAAWG,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GAA0CL,GAAe,GAC9Fb,EAAM4B,eACLZ,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IACEC,WAAW,oDACTlB,EAAM+B,WAAW,UAAU/B,EAAM+B,QAAQ,MAAM,YAAY;AAAA,IAE7D,sBAAmB;AAAA,EAAA,GAElB/B,EAAM4B,WACH,CAEL;AAET;"}
+{"version":3,"file":"index32.js","sources":["../src/components/Radio/index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nexport interface RadioProps {\n  label: string;\n  value: string;\n  checked: boolean;\n  disabled: boolean;\n  name: string;\n  onChange?: (props: RadioProps) => void;\n  helperLabel?: string;\n  maxWidth?: string;\n  width?: string;\n  radioLabelClassName?: string;\n  radioContainerClassName?: string;\n  automationId?: string;\n  withBorder?: boolean;\n  bgColor?: string;\n  content?: () => React.ReactNode;\n}\n\nexport function Radio(props: RadioProps) {\n  const {\n    label,\n    value,\n    checked,\n    disabled,\n    name,\n    onChange,\n    width,\n    radioLabelClassName = '',\n    radioContainerClassName = '',\n    automationId = '',\n    bgColor = 'var(--color-white)',\n    withBorder = true,\n    content\n  } = props;\n  const radioRef = useRef<HTMLInputElement>(null);\n\n  return (\n    <div\n      className={`se-design-radio-container flex flex-col justify-center items-start gap-2 ${\n        disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n      } ${\n        withBorder ? `border ${checked ? 'border-[var(--color-blue-500)]' : 'border-[var(--color-gray-400)]'} p-4` : ''\n      } rounded-[6px] transition-colors duration-300 ${disabled ? 'opacity-50' : ''} ${radioContainerClassName}`}\n      onClick={() => radioRef.current?.click()}\n      style={{ width: width || 'auto', backgroundColor: bgColor }}\n      data-automation-id={automationId}\n    >\n      <div className=\"flex items-center gap-[0.625rem]\" data-automation-id=\"radio-field-content\">\n        <input\n          ref={radioRef}\n          type=\"radio\"\n          id={value}\n          name={name}\n          value={value}\n          checked={checked}\n          disabled={disabled}\n          className=\"radio-field-input cursor-pointer accent-[var(--color-blue-500)] disabled:cursor-not-allowed disabled:opacity-50 text-[var(--color-blue-500)] w-[14px] h-[14px] p-[3px]\"\n          onChange={() => {\n            onChange && onChange({ ...props, checked: true });\n          }}\n        />\n        <label\n          htmlFor={value}\n          className={`${props.helperLabel ? 'flex flex-col gap-[6px]' : ''} ${\n            disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n          }`}\n          data-automation-id=\"radio-field-label\"\n        >\n          <span\n            className={`text-sm text-[var(--color-gray-800)] ${radioLabelClassName} `}\n            style={{ fontSize: '16px', fontWeight: '400' }}\n          >\n            {label}\n          </span>\n        </label>\n      </div>\n      {checked && content && <div className=\"radio-child-content pl-[1.5rem] w-full\">{content()}</div>}\n      {props.helperLabel && (\n        <span\n          className={`text-sm font-normal text-[var(--color-gray-600)] ${\n            props.maxWidth ? `max-w-[${props.maxWidth}]` : 'max-w-full'\n          } break-words whitespace-normal`}\n          data-automation-id=\"radio-field-helper-text\"\n        >\n          {props.helperLabel}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Radio","props","label","value","checked","disabled","name","onChange","width","radioLabelClassName","radioContainerClassName","automationId","bgColor","withBorder","content","radioRef","useRef","React","createElement","className","onClick","current","click","style","backgroundColor","ref","type","id","htmlFor","helperLabel","fontSize","fontWeight","maxWidth"],"mappings":";AAoBO,SAASA,EAAMC,GAAmB;AACvC,QAAM;AAAA,IACJC,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,qBAAAA,IAAsB;AAAA,IACtBC,yBAAAA,IAA0B;AAAA,IAC1BC,cAAAA,IAAe;AAAA,IACfC,SAAAA,IAAU;AAAA,IACVC,YAAAA,IAAa;AAAA,IACbC,SAAAA;AAAAA,EAAAA,IACEb,GACEc,IAAWC,EAAyB,IAAI;AAE9C,SACEC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,4EACTd,IAAW,uBAAuB,gBAAgB,IAElDQ,IAAa,UAAUT,IAAU,mCAAmC,gCAAgC,SAAS,EAAE,iDAChEC,IAAW,eAAe,EAAE,IAAIK,CAAuB;AAAA,IACxGU,SAASA,MAAML,EAASM,SAASC,MAAAA;AAAAA,IACjCC,OAAO;AAAA,MAAEf,OAAOA,KAAS;AAAA,MAAQgB,iBAAiBZ;AAAAA,IAAAA;AAAAA,IAClD,sBAAoBD;AAAAA,EAAAA,GAEpBM,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAmC,sBAAmB;AAAA,EAAA,GACnEF,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEO,KAAKV;AAAAA,IACLW,MAAK;AAAA,IACLC,IAAIxB;AAAAA,IACJG,MAAAA;AAAAA,IACAH,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAc,WAAU;AAAA,IACVZ,UAAUA,MAAM;AACdA,MAAAA,KAAYA,EAAS;AAAA,QAAE,GAAGN;AAAAA,QAAOG,SAAS;AAAA,MAAA,CAAM;AAAA,IAClD;AAAA,EAAA,CACD,GACDa,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEU,SAASzB;AAAAA,IACTgB,WAAW,GAAGlB,EAAM4B,cAAc,4BAA4B,EAAE,IAC9DxB,IAAW,uBAAuB,gBAAgB;AAAA,IAEpD,sBAAmB;AAAA,EAAA,GAEnBY,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IACEC,WAAW,wCAAwCV,CAAmB;AAAA,IACtEc,OAAO;AAAA,MAAEO,UAAU;AAAA,MAAQC,YAAY;AAAA,IAAA;AAAA,EAAM,GAE5C7B,CACG,CACD,CACJ,GACJE,KAAWU,KAAWG,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GAA0CL,GAAe,GAC9Fb,EAAM4B,eACLZ,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IACEC,WAAW,oDACTlB,EAAM+B,WAAW,UAAU/B,EAAM+B,QAAQ,MAAM,YAAY;AAAA,IAE7D,sBAAmB;AAAA,EAAA,GAElB/B,EAAM4B,WACH,CAEL;AAET;"}

package/dist/index35.js

@@ -1,49 +1,85 @@
-import e, { useState as u, useEffect as v } from "react";
-import { Icon as s } from "./index5.js";
-const p = ({
-  renderAccordionContents: i,
-  renderAccordionSrcElement: m,
-  defaultOpen: a,
-  className: l = "",
-  arrowPosition: r = "left",
-  contentClassName: d = "",
-  disabled: n = !1,
-  automationId: f = ""
+import e, { useState as I, useEffect as h } from "react";
+import { Icon as d } from "./index5.js";
+import { useStableId as y } from "./index188.js";
+import { getA11yNameAttributes as _ } from "./index70.js";
+import { getRegionAttributes as O } from "./index65.js";
+import { useAccessiblePress as C } from "./index66.js";
+function a() {
+  return a = Object.assign ? Object.assign.bind() : function(r) {
+    for (var s = 1; s < arguments.length; s++) {
+      var n = arguments[s];
+      for (var o in n) ({}).hasOwnProperty.call(n, o) && (r[o] = n[o]);
+    }
+    return r;
+  }, a.apply(null, arguments);
+}
+const P = ({
+  renderAccordionContents: r,
+  renderAccordionSrcElement: s,
+  defaultOpen: n,
+  className: o = "",
+  arrowPosition: c = "left",
+  contentClassName: g = "",
+  disabled: i = !1,
+  automationId: p = "",
+  id: v,
+  ariaLabel: b
 }) => {
-  const [t, c] = u(!1);
-  v(() => {
-    c(a || !1);
-  }, [a]);
-  const o = () => n ? "" : r === "left" ? t ? "rotate-90" : "" : t ? "rotate-180" : "";
+  const [t, m] = I(!1);
+  h(() => {
+    m(n || !1);
+  }, [n]);
+  const l = y(v, "custom-accordion"), f = `${l}-content`, {
+    pressProps: E,
+    role: x,
+    tabIndex: N
+  } = C({
+    onClick: () => m(!t),
+    isNative: !1,
+    disabled: i
+  }), $ = O({
+    titleId: l,
+    isFocusable: !1
+  }), A = "group-focus-visible:[outline:var(--focus-width)_solid_var(--focus-color)] group-focus-visible:[outline-offset:var(--focus-offset)] group-focus-visible:p-[2px]", u = () => i ? "" : c === "left" ? t ? "rotate-90" : "" : t ? "rotate-180" : "";
   return /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-accordion ${l}`,
-    "data-automation-id": f
+    className: `se-design-accordion ${o}`,
+    "data-automation-id": p
   }, /* @__PURE__ */ e.createElement("div", {
     className: "flex flex-col"
-  }, /* @__PURE__ */ e.createElement("div", {
-    className: "se-design-accordion-src flex items-center cursor-pointer",
-    onClick: () => !n && c(!t)
-  }, r === "left" && /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-accordion-icon transform transition-transform duration-300 ${o()} ${n ? "opacity-30 pointer-events-none" : ""}`
-  }, /* @__PURE__ */ e.createElement(s, {
+  }, /* @__PURE__ */ e.createElement("div", a({}, E, _({
+    ariaLabel: b
+  }), {
+    role: x,
+    tabIndex: N,
+    "aria-expanded": t,
+    "aria-controls": f,
+    className: "se-design-accordion-src flex items-center cursor-pointer group focus-visible:outline-none"
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: `flex items-center flex-1 rounded ${A}`
+  }, c === "left" && /* @__PURE__ */ e.createElement("div", {
+    className: `se-design-accordion-icon transform transition-transform duration-300 ${u()} ${i ? "opacity-30 pointer-events-none" : ""}`
+  }, /* @__PURE__ */ e.createElement(d, {
     name: "rightSide"
   })), /* @__PURE__ */ e.createElement("div", {
     className: "se-design-accordion-elements flex-1"
   }, /* @__PURE__ */ e.createElement("div", {
+    id: l,
     className: "se-design-accordion-src-element title"
-  }, m({
+  }, s({
     isOpen: t
-  }))), r === "right" && /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-accordion-icon transform transition-transform duration-300 ${o()} ${n ? "opacity-30 pointer-events-none" : ""}`
-  }, /* @__PURE__ */ e.createElement(s, {
+  }))), c === "right" && /* @__PURE__ */ e.createElement("div", {
+    className: `se-design-accordion-icon transform transition-transform duration-300 ${u()} ${i ? "opacity-30 pointer-events-none" : ""}`
+  }, /* @__PURE__ */ e.createElement(d, {
     name: "chevron"
-  }))), t && /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-accordion-content transition-all duration-300 mt-1 ${d}`
-  }, i({
+  })))), t && /* @__PURE__ */ e.createElement("div", a({
+    id: f
+  }, $, {
+    className: `se-design-accordion-content transition-all duration-300 mt-1 ${g}`
+  }), r({
     isOpen: t
   }))));
 };
 export {
-  p as CustomAccordion
+  P as CustomAccordion
 };
 //# sourceMappingURL=index35.js.map

package/dist/index35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index35.js","sources":["../src/components/CustomAccordion/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from 'react';\nimport { Icon } from '../Icon';\n\nexport interface CustomAccordionProps {\n  renderAccordionContents: (props: { isOpen: boolean }) => React.ReactNode;\n  renderAccordionSrcElement: (props: { isOpen: boolean }) => React.ReactNode;\n  defaultOpen?: boolean;\n  className?: string;\n  arrowPosition?: 'left' | 'right';\n  contentClassName?: string;\n  disabled?: boolean;\n  automationId?: string;\n}\n\nexport const CustomAccordion: FC<CustomAccordionProps> = ({\n  renderAccordionContents,\n  renderAccordionSrcElement,\n  defaultOpen,\n  className = '',\n  arrowPosition = 'left',\n  contentClassName = '',\n  disabled = false,\n  automationId = ''\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  useEffect(() => {\n    setIsOpen(defaultOpen || false);\n  }, [defaultOpen]);\n\n  const getArrowRotation = () => {\n    if (disabled) {\n      return '';\n    }\n    if (arrowPosition === 'left') {\n      return isOpen ? 'rotate-90' : '';\n    }\n    return isOpen ? 'rotate-180' : '';\n  };\n\n  return (\n    <div className={`se-design-accordion ${className}`} data-automation-id={automationId}>\n      <div className=\"flex flex-col\">\n        <div\n          className=\"se-design-accordion-src flex items-center cursor-pointer\"\n          onClick={() => !disabled && setIsOpen(!isOpen)}\n        >\n          {arrowPosition === 'left' && (\n            <div\n              className={`se-design-accordion-icon transform transition-transform duration-300 ${getArrowRotation()} ${\n                disabled ? 'opacity-30 pointer-events-none' : ''\n              }`}\n            >\n              <Icon name=\"rightSide\" />\n            </div>\n          )}\n          <div className=\"se-design-accordion-elements flex-1\">\n            <div className=\"se-design-accordion-src-element title\">{renderAccordionSrcElement({ isOpen })}</div>\n          </div>\n          {arrowPosition === 'right' && (\n            <div\n              className={`se-design-accordion-icon transform transition-transform duration-300 ${getArrowRotation()} ${\n                disabled ? 'opacity-30 pointer-events-none' : ''\n              }`}\n            >\n              <Icon name=\"chevron\" />\n            </div>\n          )}\n        </div>\n        {isOpen && (\n          <div className={`se-design-accordion-content transition-all duration-300 mt-1 ${contentClassName}`}>\n            {renderAccordionContents({ isOpen })}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["CustomAccordion","renderAccordionContents","renderAccordionSrcElement","defaultOpen","className","arrowPosition","contentClassName","disabled","automationId","isOpen","setIsOpen","useState","useEffect","getArrowRotation","React","createElement","onClick","Icon","name"],"mappings":";;AAcO,MAAMA,IAA4CA,CAAC;AAAA,EACxDC,yBAAAA;AAAAA,EACAC,2BAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,eAAAA,IAAgB;AAAA,EAChBC,kBAAAA,IAAmB;AAAA,EACnBC,UAAAA,IAAW;AAAA,EACXC,cAAAA,IAAe;AACjB,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAC1CC,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAUP,KAAe,EAAK;AAAA,EAChC,GAAG,CAACA,CAAW,CAAC;AAEhB,QAAMU,IAAmBA,MACnBN,IACK,KAELF,MAAkB,SACbI,IAAS,cAAc,KAEzBA,IAAS,eAAe;AAGjC,SACEK,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKX,WAAW,uBAAuBA,CAAS;AAAA,IAAI,sBAAoBI;AAAAA,EAAAA,GACtEM,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKX,WAAU;AAAA,EAAA,GACbU,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEX,WAAU;AAAA,IACVY,SAASA,MAAM,CAACT,KAAYG,EAAU,CAACD,CAAM;AAAA,EAAA,GAE5CJ,MAAkB,UACjBS,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEX,WAAW,wEAAwES,EAAAA,CAAkB,IACnGN,IAAW,mCAAmC,EAAE;AAAA,EAAA,GAGlDO,gBAAAA,EAAAC,cAACE,GAAI;AAAA,IAACC,MAAK;AAAA,EAAA,CAAa,CACrB,GAEPJ,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKX,WAAU;AAAA,EAAA,GACbU,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKX,WAAU;AAAA,EAAA,GAAyCF,EAA0B;AAAA,IAAEO,QAAAA;AAAAA,EAAAA,CAAQ,CAAO,CAChG,GACJJ,MAAkB,WACjBS,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEX,WAAW,wEAAwES,EAAAA,CAAkB,IACnGN,IAAW,mCAAmC,EAAE;AAAA,EAAA,GAGlDO,gBAAAA,EAAAC,cAACE,GAAI;AAAA,IAACC,MAAK;AAAA,EAAA,CAAW,CACnB,CAEJ,GACJT,KACCK,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKX,WAAW,gEAAgEE,CAAgB;AAAA,EAAA,GAC7FL,EAAwB;AAAA,IAAEQ,QAAAA;AAAAA,EAAAA,CAAQ,CAChC,CAEJ,CACF;AAET;"}
+{"version":3,"file":"index35.js","sources":["../src/components/CustomAccordion/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from 'react';\nimport { Icon } from '../Icon';\nimport { useStableId } from '../../utils/useStableId';\nimport { useAccessiblePress, getA11yNameAttributes } from '../../utils/a11y';\nimport { getRegionAttributes } from '../../utils/a11y/regionAttributes';\n\nexport interface CustomAccordionProps {\n  renderAccordionContents: (props: { isOpen: boolean }) => React.ReactNode;\n  renderAccordionSrcElement: (props: { isOpen: boolean }) => React.ReactNode;\n  defaultOpen?: boolean;\n  className?: string;\n  arrowPosition?: 'left' | 'right';\n  contentClassName?: string;\n  disabled?: boolean;\n  automationId?: string;\n  id?: string;\n  ariaLabel?: string;\n}\n\nexport const CustomAccordion: FC<CustomAccordionProps> = ({\n  renderAccordionContents,\n  renderAccordionSrcElement,\n  defaultOpen,\n  className = '',\n  arrowPosition = 'left',\n  contentClassName = '',\n  disabled = false,\n  automationId = '',\n  id,\n  ariaLabel\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  useEffect(() => {\n    setIsOpen(defaultOpen || false);\n  }, [defaultOpen]);\n\n  // Generate stable IDs for ARIA relationships\n  const triggerId = useStableId(id, 'custom-accordion');\n  const contentId = `${triggerId}-content`;\n\n  // Use accessible press hook for keyboard + mouse handling\n  const { pressProps, role, tabIndex } = useAccessiblePress({\n    onClick: () => setIsOpen(!isOpen),\n    isNative: false,\n    disabled\n  });\n\n  // Get region attributes for content panel\n  const regionAttributes = getRegionAttributes({\n    titleId: triggerId,\n    isFocusable: false\n  });\n\n  const focusVisibleClasses = 'group-focus-visible:[outline:var(--focus-width)_solid_var(--focus-color)] group-focus-visible:[outline-offset:var(--focus-offset)] group-focus-visible:p-[2px]';\n\n  const getArrowRotation = () => {\n    if (disabled) {\n      return '';\n    }\n    if (arrowPosition === 'left') {\n      return isOpen ? 'rotate-90' : '';\n    }\n    return isOpen ? 'rotate-180' : '';\n  };\n\n  return (\n    <div className={`se-design-accordion ${className}`} data-automation-id={automationId}>\n      <div className=\"flex flex-col\">\n        <div\n          {...pressProps}\n          {...getA11yNameAttributes({ ariaLabel })}\n          role={role}\n          tabIndex={tabIndex}\n          aria-expanded={isOpen}\n          aria-controls={contentId}\n          className=\"se-design-accordion-src flex items-center cursor-pointer group focus-visible:outline-none\"\n        >\n          <div className={`flex items-center flex-1 rounded ${focusVisibleClasses}`}>\n            {arrowPosition === 'left' && (\n              <div\n                className={`se-design-accordion-icon transform transition-transform duration-300 ${getArrowRotation()} ${\n                  disabled ? 'opacity-30 pointer-events-none' : ''\n                }`}\n              >\n                <Icon name=\"rightSide\" />\n              </div>\n            )}\n            <div className=\"se-design-accordion-elements flex-1\">\n              <div id={triggerId} className=\"se-design-accordion-src-element title\">{renderAccordionSrcElement({ isOpen })}</div>\n            </div>\n            {arrowPosition === 'right' && (\n              <div\n                className={`se-design-accordion-icon transform transition-transform duration-300 ${getArrowRotation()} ${\n                  disabled ? 'opacity-30 pointer-events-none' : ''\n                }`}\n              >\n                <Icon name=\"chevron\" />\n              </div>\n            )}\n          </div>\n        </div>\n        {isOpen && (\n          <div id={contentId} {...regionAttributes} className={`se-design-accordion-content transition-all duration-300 mt-1 ${contentClassName}`}>\n            {renderAccordionContents({ isOpen })}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["CustomAccordion","renderAccordionContents","renderAccordionSrcElement","defaultOpen","className","arrowPosition","contentClassName","disabled","automationId","id","ariaLabel","isOpen","setIsOpen","useState","useEffect","triggerId","useStableId","contentId","pressProps","role","tabIndex","useAccessiblePress","onClick","isNative","regionAttributes","getRegionAttributes","titleId","isFocusable","focusVisibleClasses","getArrowRotation","React","createElement","_extends","getA11yNameAttributes","Icon","name"],"mappings":";;;;;;;;;;;;;;;AAmBO,MAAMA,IAA4CA,CAAC;AAAA,EACxDC,yBAAAA;AAAAA,EACAC,2BAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,eAAAA,IAAgB;AAAA,EAChBC,kBAAAA,IAAmB;AAAA,EACnBC,UAAAA,IAAW;AAAA,EACXC,cAAAA,IAAe;AAAA,EACfC,IAAAA;AAAAA,EACAC,WAAAA;AACF,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAC1CC,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAUT,KAAe,EAAK;AAAA,EAChC,GAAG,CAACA,CAAW,CAAC;AAGhB,QAAMY,IAAYC,EAAYP,GAAI,kBAAkB,GAC9CQ,IAAY,GAAGF,CAAS,YAGxB;AAAA,IAAEG,YAAAA;AAAAA,IAAYC,MAAAA;AAAAA,IAAMC,UAAAA;AAAAA,EAAAA,IAAaC,EAAmB;AAAA,IACxDC,SAASA,MAAMV,EAAU,CAACD,CAAM;AAAA,IAChCY,UAAU;AAAA,IACVhB,UAAAA;AAAAA,EAAAA,CACD,GAGKiB,IAAmBC,EAAoB;AAAA,IAC3CC,SAASX;AAAAA,IACTY,aAAa;AAAA,EAAA,CACd,GAEKC,IAAsB,kKAEtBC,IAAmBA,MACnBtB,IACK,KAELF,MAAkB,SACbM,IAAS,cAAc,KAEzBA,IAAS,eAAe;AAGjC,SACEmB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAK3B,WAAW,uBAAuBA,CAAS;AAAA,IAAI,sBAAoBI;AAAAA,EAAAA,GACtEsB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAK3B,WAAU;AAAA,EAAA,qBACb2B,cAAA,OAAAC,EAAA,CAAA,GACMd,GACAe,EAAsB;AAAA,IAAEvB,WAAAA;AAAAA,EAAAA,CAAW,GAAC;AAAA,IACxCS,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACA,iBAAeT;AAAAA,IACf,iBAAeM;AAAAA,IACfb,WAAU;AAAA,EAAA,CAA2F,GAErG0B,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAK3B,WAAW,oCAAoCwB,CAAmB;AAAA,EAAA,GACpEvB,MAAkB,UACjByB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACE3B,WAAW,wEAAwEyB,EAAAA,CAAkB,IACnGtB,IAAW,mCAAmC,EAAE;AAAA,EAAA,GAGlDuB,gBAAAA,EAAAC,cAACG,GAAI;AAAA,IAACC,MAAK;AAAA,EAAA,CAAa,CACrB,GAEPL,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAK3B,WAAU;AAAA,EAAA,GACb0B,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKtB,IAAIM;AAAAA,IAAWX,WAAU;AAAA,EAAA,GAAyCF,EAA0B;AAAA,IAAES,QAAAA;AAAAA,EAAAA,CAAQ,CAAO,CAC/G,GACJN,MAAkB,WACjByB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACE3B,WAAW,wEAAwEyB,EAAAA,CAAkB,IACnGtB,IAAW,mCAAmC,EAAE;AAAA,EAAA,GAGlDuB,gBAAAA,EAAAC,cAACG,GAAI;AAAA,IAACC,MAAK;AAAA,EAAA,CAAW,CACnB,CAEJ,CACF,GACJxB,KACCmB,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IAAKvB,IAAIQ;AAAAA,EAAAA,GAAeO,GAAgB;AAAA,IAAEpB,WAAW,gEAAgEE,CAAgB;AAAA,EAAA,CAAG,GACrIL,EAAwB;AAAA,IAAEU,QAAAA;AAAAA,EAAAA,CAAQ,CAChC,CAEJ,CACF;AAET;"}

package/dist/index41.js

@@ -1,6 +1,6 @@
 import e, { useState as g, useRef as p } from "react";
 import { Icon as c } from "./index5.js";
-import { ProgressBar as f } from "./index40.js";
+import { ProgressBar as x } from "./index40.js";
 /* empty css         */
 const r = {
   gettingStartedWidgetCtn: "border border-[var(--color-gray-200)] rounded-[12px] w-[385px] p-4",
@@ -14,7 +14,7 @@ const r = {
 }) => {
   const [n, l] = g(!1), o = p(null), i = () => {
     l(!n);
-  }, d = (t) => t ? "var(--color-green-500)" : "var(--color-gray-200)";
+  }, m = (t) => t ? "var(--color-green-500)" : "var(--color-gray-200)";
   return /* @__PURE__ */ e.createElement("div", {
     className: `${r.gettingStartedWidgetCtn} ${s} getting-started-widget-ctn`
   }, /* @__PURE__ */ e.createElement("div", {
@@ -27,7 +27,7 @@ const r = {
     onClick: i
   })), /* @__PURE__ */ e.createElement("div", {
     className: "mt-[12px]"
-  }, /* @__PURE__ */ e.createElement(f, {
+  }, /* @__PURE__ */ e.createElement(x, {
     totalTasks: a.length,
     completedTasks: a.filter((t) => t.isComplete).length,
     progressBarCtnClassName: "get-started-progress-bar-ctn"
@@ -37,19 +37,18 @@ const r = {
     style: {
       maxHeight: n ? `${o.current?.scrollHeight}px` : "0px"
     }
-  }, a.map((t, m) => /* @__PURE__ */ e.createElement("div", {
-    key: m,
+  }, a.map((t, d) => /* @__PURE__ */ e.createElement("div", {
+    key: d,
     className: r.actionItemCtn
   }, /* @__PURE__ */ e.createElement(c, {
     name: "checked-circle",
-    stroke: d(t.isComplete)
+    stroke: m(t.isComplete)
   }), /* @__PURE__ */ e.createElement("span", {
     className: t.isComplete ? "text-[var(--color-gray-500)]" : "text-[var(--color-gray-900)] cursor-pointer",
     onClick: t?.handleActionItemClick
   }, t.label)))));
 };
 export {
-  E as GetStartedWidget,
-  E as default
+  E as GetStartedWidget
 };
 //# sourceMappingURL=index41.js.map

package/dist/index42.js

@@ -1,5 +1,5 @@
 import e, { useState as p } from "react";
-import { Icon as a } from "./index5.js";
+import { Icon as l } from "./index5.js";
 import { Button as w } from "./index3.js";
 /* empty css         */
 const r = {
@@ -15,7 +15,7 @@ const r = {
   customAlertClassBtn: "bg-[var(--color-red-500)] text-[var(--color-white)] hover:bg-[var(--color-red-500)] border border-[var(--color-white)] hover:border-[var(--color-white)]",
   customNudgeClassBtn: "bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-500)] border border-[var(--color-white)] hover:border-[var(--color-white)]"
 }, B = ({
-  messageBarCtnClassName: l = "",
+  messageBarCtnClassName: a = "",
   messageBarType: o = "info",
   message: s = "",
   hasCloseIcon: c = !1,
@@ -46,7 +46,7 @@ const r = {
     }
   }, [o]);
   return /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-message-bar ${l} ${r.messageBarCtn} ${r[o]} ${v ? "show" : "hide"}`,
+    className: `se-design-message-bar ${a} ${r.messageBarCtn} ${r[o]} ${v ? "show" : "hide"}`,
     "data-automation-id": u
   }, /* @__PURE__ */ e.createElement("div", {
     className: r.messageCtn
@@ -54,7 +54,7 @@ const r = {
     className: "inline-flex items-center"
   }, /* @__PURE__ */ e.createElement("span", {
     className: f
-  }, /* @__PURE__ */ e.createElement(a, {
+  }, /* @__PURE__ */ e.createElement(l, {
     name: "info",
     className: "inline-block h-fit relative top-[3px] mr-1"
   }), s, n && /* @__PURE__ */ e.createElement(w, {
@@ -64,14 +64,13 @@ const r = {
     onClick: m,
     className: `${g} ml-2 alert-btn`,
     automationId: "message-bar-cta"
-  })))), c && /* @__PURE__ */ e.createElement(a, {
+  })))), c && /* @__PURE__ */ e.createElement(l, {
     name: "close",
     className: r.closeIconCtn,
     onClick: d
   }));
 };
 export {
-  B as MessageBar,
-  B as default
+  B as MessageBar
 };
 //# sourceMappingURL=index42.js.map

package/dist/index48.js

@@ -25,9 +25,9 @@ import { Popover as $ } from "./index18.js";
 /* empty css         */
 /* empty css         */
 /* empty css         */
-import { TabButton as j } from "./index214.js";
-import { useTabsA11y as K } from "./index215.js";
 /* empty css         */
+import { TabButton as j } from "./index215.js";
+import { useTabsA11y as K } from "./index216.js";
 /* empty css         */
 /* empty css         */
 /* empty css         */

package/dist/index49.js

@@ -1,77 +1,79 @@
-import r from "react";
-import { Icon as b } from "./index5.js";
+import t from "react";
+import { Icon as d } from "./index5.js";
 import { Popover as p } from "./index18.js";
-import { MenuList as f } from "./index17.js";
+import { MenuList as h } from "./index17.js";
 /* empty css         */
 function c() {
   return c = Object.assign ? Object.assign.bind() : function(a) {
     for (var n = 1; n < arguments.length; n++) {
-      var o = arguments[n];
-      for (var s in o) ({}).hasOwnProperty.call(o, s) && (a[s] = o[s]);
+      var s = arguments[n];
+      for (var o in s) ({}).hasOwnProperty.call(s, o) && (a[o] = s[o]);
     }
     return a;
   }, c.apply(null, arguments);
 }
-const $ = ({
+const C = ({
   crumbs: a,
   onCrumbClick: n,
-  className: o,
-  ariaLabel: s = "Breadcrumb"
+  className: s,
+  ariaLabel: o = "Breadcrumb"
 }) => {
-  const i = a?.length > 3, m = i ? a?.slice(-2) : a, u = i ? a?.slice(0, -2) : [], l = (t) => t === m?.length - 1, d = (t) => {
-    const e = "se-design-breadcrumbs-item-label inline-flex items-center w-fit";
-    return m?.length === 1 ? `${e} single-crumb` : l(t) ? `${e} highlighted-crumb` : `${e} unhighlighted-crumb`;
+  const i = a?.length > 3, m = i ? a?.slice(-2) : a, u = i ? a?.slice(0, -2) : [], l = (e) => e === m?.length - 1, b = (e) => {
+    const r = "se-design-breadcrumbs-item-label inline-flex items-center w-fit";
+    return m?.length === 1 ? `${r} single-crumb` : l(e) ? `${r} highlighted-crumb` : `${r} unhighlighted-crumb`;
   };
-  return /* @__PURE__ */ r.createElement("nav", {
-    className: `se-design-breadcrumbs flex items-center ${o}`,
-    "aria-label": s,
+  return /* @__PURE__ */ t.createElement("nav", {
+    className: `se-design-breadcrumbs flex items-center ${s}`,
+    "aria-label": o,
     "data-automation-id": "breadcrumbs-container"
-  }, u?.length > 0 && /* @__PURE__ */ r.createElement(p, {
+  }, u?.length > 0 && /* @__PURE__ */ t.createElement(p, {
     className: "se-design-overflow-breadcrumbs",
     position: "bottom-left",
     noBorder: !0,
     ariaLabel: "Show more breadcrumbs",
     renderPopoverSrcElement: ({
-      displayPopover: t
-    }) => /* @__PURE__ */ r.createElement("div", {
-      className: `overflow-breadcrumbs-src-element px-1.5 py-1.5 rounded-md hover:cursor-pointer ${t ? "bg-[var(--color-blue-200)]" : ""}`,
+      displayPopover: e
+    }) => /* @__PURE__ */ t.createElement("div", {
+      className: `overflow-breadcrumbs-src-element px-1.5 py-1.5 rounded-md hover:cursor-pointer ${e ? "bg-[var(--color-blue-200)]" : ""}`,
       "data-automation-id": "breadcrumbs-kebab-menu"
-    }, /* @__PURE__ */ r.createElement(b, {
+    }, /* @__PURE__ */ t.createElement(d, {
       name: "kebab-menu"
     })),
     renderPopoverContents: ({
-      closePopoverCb: t
-    }) => /* @__PURE__ */ r.createElement(f, {
-      items: u.map((e) => ({
-        id: String(e?.id),
-        label: e?.label,
+      closePopoverCb: e
+    }) => /* @__PURE__ */ t.createElement(h, {
+      items: u.map((r) => ({
+        id: String(r?.id),
+        label: r?.label,
         onClick: () => {
-          n?.(e), t();
+          n?.(r), e();
         }
       }))
     })
-  }), /* @__PURE__ */ r.createElement("ol", {
+  }), /* @__PURE__ */ t.createElement("ol", {
     className: "se-design-breadcrumbs-list inline-flex items-center"
-  }, m?.map((t, e) => {
-    const g = l(e) ? "span" : "button";
-    return /* @__PURE__ */ r.createElement("li", {
-      key: t?.id,
+  }, m?.map((e, r) => {
+    const f = l(r) ? "span" : "a";
+    return /* @__PURE__ */ t.createElement("li", {
+      key: e?.id,
       className: "se-design-breadcrumbs-item inline-flex items-center w-fit text-xl"
-    }, (e > 0 || i) && /* @__PURE__ */ r.createElement(b, {
+    }, (r > 0 || i) && /* @__PURE__ */ t.createElement(d, {
       name: "chevron",
       rotation: "270"
-    }), /* @__PURE__ */ r.createElement(g, c({}, l(e) ? {
+    }), /* @__PURE__ */ t.createElement(f, c({}, l(r) ? {
       "aria-current": "page"
     } : {
-      type: "button",
-      onClick: () => n?.(t)
+      href: e.href ?? "#",
+      onClick: (g) => {
+        e.href || g.preventDefault(), n?.(e);
+      }
     }, {
-      className: `${d(e)}${l(e) ? "" : " cursor-pointer focus-outline"}`,
-      "data-automation-id": t?.automationId || `breadcrumbs-item-${e}`
-    }), t?.label));
+      className: `${b(r)}${l(r) ? "" : " cursor-pointer focus-outline"}`,
+      "data-automation-id": e?.automationId || `breadcrumbs-item-${r}`
+    }), e?.label));
   })));
 };
 export {
-  $ as BreadCrumbs
+  C as BreadCrumbs
 };
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.js","sources":["../src/components/BreadCrumbs/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../Icon';\nimport { Popover } from '../Popover';\nimport { MenuList } from '../MenuList';\n\nimport './style.scss';\n\ninterface Crumb {\n  id: string | number;\n  label: string;\n  automationId?: string;\n}\n\ninterface BreadCrumbsProps {\n  crumbs: Crumb[];\n  onCrumbClick?: (crumb: Crumb) => void;\n  className?: any;\n  /** Accessible name for the breadcrumb navigation landmark. Defaults to \"Breadcrumb\". Use for i18n or when multiple breadcrumb regions exist. */\n  ariaLabel?: string;\n}\n\nexport const BreadCrumbs: React.FC<BreadCrumbsProps> = ({ crumbs, onCrumbClick, className, ariaLabel = 'Breadcrumb' }) => {\n  const shouldShowDropdown = crumbs?.length > 3;\n  const visibleCrumbs = shouldShowDropdown ? crumbs?.slice(-2) : crumbs;\n  const dropdownCrumbs = shouldShowDropdown ? crumbs?.slice(0, -2) : [];\n\n  const isCurrentPage = (index: number) => index === visibleCrumbs?.length - 1;\n\n  const getLabelClassNames = (index: number) => {\n    const className = 'se-design-breadcrumbs-item-label inline-flex items-center w-fit';\n    if (visibleCrumbs?.length === 1) {\n      return `${className} single-crumb`;\n    }\n    if (isCurrentPage(index)) {\n      return `${className} highlighted-crumb`;\n    }\n    return `${className} unhighlighted-crumb`;\n  };\n\n  return (\n    <nav className={`se-design-breadcrumbs flex items-center ${className}`} aria-label={ariaLabel} data-automation-id=\"breadcrumbs-container\">\n      {dropdownCrumbs?.length > 0 && (\n        <Popover\n          className=\"se-design-overflow-breadcrumbs\"\n          position=\"bottom-left\"\n          noBorder\n          ariaLabel=\"Show more breadcrumbs\"\n          renderPopoverSrcElement={({ displayPopover }) => {\n            return (\n              <div\n                className={`overflow-breadcrumbs-src-element px-1.5 py-1.5 rounded-md hover:cursor-pointer ${\n                  displayPopover ? 'bg-[var(--color-blue-200)]' : ''\n                }`}\n                data-automation-id=\"breadcrumbs-kebab-menu\"\n              >\n                <Icon name=\"kebab-menu\" />\n              </div>\n            );\n          }}\n          renderPopoverContents={({ closePopoverCb }) => (\n            <MenuList\n              items={dropdownCrumbs.map((crumb) => ({\n                id: String(crumb?.id),\n                label: crumb?.label,\n                onClick: () => {\n                  onCrumbClick?.(crumb);\n                  closePopoverCb();\n                }\n              }))}\n            />\n          )}\n        />\n      )}\n      <ol className=\"se-design-breadcrumbs-list inline-flex items-center\">\n        {visibleCrumbs?.map((crumb, index) => {\n          const Tag = isCurrentPage(index) ? 'span' : 'button';// Current page should not be clickable\n          return (\n            <li key={crumb?.id} className=\"se-design-breadcrumbs-item inline-flex items-center w-fit text-xl\">\n              {(index > 0 || shouldShowDropdown) && <Icon name=\"chevron\" rotation={'270'} />}\n              <Tag\n                {...(isCurrentPage(index)\n                  ? { 'aria-current': 'page' as const }\n                  : { type: 'button' as const, onClick: () => onCrumbClick?.(crumb) })}\n                className={`${getLabelClassNames(index)}${!isCurrentPage(index) ? ' cursor-pointer focus-outline' : ''}`}\n                data-automation-id={crumb?.automationId || `breadcrumbs-item-${index}`}\n              >\n                {crumb?.label}\n              </Tag>\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["BreadCrumbs","crumbs","onCrumbClick","className","ariaLabel","shouldShowDropdown","length","visibleCrumbs","slice","dropdownCrumbs","isCurrentPage","index","getLabelClassNames","React","createElement","Popover","position","noBorder","renderPopoverSrcElement","displayPopover","Icon","name","renderPopoverContents","closePopoverCb","MenuList","items","map","crumb","id","String","label","onClick","Tag","key","rotation","_extends","type","automationId"],"mappings":";;;;;;;;;;;;;;AAqBO,MAAMA,IAA0CA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAQC,cAAAA;AAAAA,EAAcC,WAAAA;AAAAA,EAAWC,WAAAA,IAAY;AAAa,MAAM;AACxH,QAAMC,IAAqBJ,GAAQK,SAAS,GACtCC,IAAgBF,IAAqBJ,GAAQO,MAAM,EAAE,IAAIP,GACzDQ,IAAiBJ,IAAqBJ,GAAQO,MAAM,GAAG,EAAE,IAAI,CAAA,GAE7DE,IAAgBA,CAACC,MAAkBA,MAAUJ,GAAeD,SAAS,GAErEM,IAAqBA,CAACD,MAAkB;AAC5C,UAAMR,IAAY;AAClB,WAAII,GAAeD,WAAW,IACrB,GAAGH,CAAS,kBAEjBO,EAAcC,CAAK,IACd,GAAGR,CAAS,uBAEd,GAAGA,CAAS;AAAA,EACrB;AAEA,SACEU,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKX,WAAW,2CAA2CA,CAAS;AAAA,IAAI,cAAYC;AAAAA,IAAW,sBAAmB;AAAA,EAAA,GAC/GK,GAAgBH,SAAS,KACxBO,gBAAAA,EAAAC,cAACC,GAAO;AAAA,IACNZ,WAAU;AAAA,IACVa,UAAS;AAAA,IACTC,UAAQ;AAAA,IACRb,WAAU;AAAA,IACVc,yBAAyBA,CAAC;AAAA,MAAEC,gBAAAA;AAAAA,IAAAA,MAExBN,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACEX,WAAW,kFACTgB,IAAiB,+BAA+B,EAAE;AAAA,MAEpD,sBAAmB;AAAA,IAAA,GAEnBN,gBAAAA,EAAAC,cAACM,GAAI;AAAA,MAACC,MAAK;AAAA,IAAA,CAAc,CACtB;AAAA,IAGTC,uBAAuBA,CAAC;AAAA,MAAEC,gBAAAA;AAAAA,IAAAA,MACxBV,gBAAAA,EAAAC,cAACU,GAAQ;AAAA,MACPC,OAAOhB,EAAeiB,IAAKC,CAAAA,OAAW;AAAA,QACpCC,IAAIC,OAAOF,GAAOC,EAAE;AAAA,QACpBE,OAAOH,GAAOG;AAAAA,QACdC,SAASA,MAAM;AACb7B,UAAAA,IAAeyB,CAAK,GACpBJ,EAAAA;AAAAA,QACF;AAAA,MAAA,EACA;AAAA,IAAA,CACH;AAAA,EAAA,CAEJ,GAEHV,gBAAAA,EAAAC,cAAA,MAAA;AAAA,IAAIX,WAAU;AAAA,EAAA,GACXI,GAAemB,IAAI,CAACC,GAAOhB,MAAU;AACpC,UAAMqB,IAAMtB,EAAcC,CAAK,IAAI,SAAS;AAC5C,WACEE,gBAAAA,EAAAC,cAAA,MAAA;AAAA,MAAImB,KAAKN,GAAOC;AAAAA,MAAIzB,WAAU;AAAA,IAAA,IAC1BQ,IAAQ,KAAKN,MAAuBQ,gBAAAA,EAAAC,cAACM,GAAI;AAAA,MAACC,MAAK;AAAA,MAAUa,UAAU;AAAA,IAAA,CAAQ,GAC7ErB,gBAAAA,EAAAC,cAACkB,GAAGG,EAAA,IACGzB,EAAcC,CAAK,IACpB;AAAA,MAAE,gBAAgB;AAAA,IAAA,IAClB;AAAA,MAAEyB,MAAM;AAAA,MAAmBL,SAASA,MAAM7B,IAAeyB,CAAK;AAAA,IAAA,GAAG;AAAA,MACrExB,WAAW,GAAGS,EAAmBD,CAAK,CAAC,GAAID,EAAcC,CAAK,IAAsC,KAAlC,+BAAoC;AAAA,MACtG,sBAAoBgB,GAAOU,gBAAgB,oBAAoB1B,CAAK;AAAA,IAAA,CAAG,GAEtEgB,GAAOG,KACL,CACH;AAAA,EAER,CAAC,CACC,CACD;AAET;"}
+{"version":3,"file":"index49.js","sources":["../src/components/BreadCrumbs/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../Icon';\nimport { Popover } from '../Popover';\nimport { MenuList } from '../MenuList';\n\nimport './style.scss';\n\ninterface Crumb {\n  id: string | number;\n  label: string;\n  href?: string;\n  automationId?: string;\n}\n\ninterface BreadCrumbsProps {\n  crumbs: Crumb[];\n  onCrumbClick?: (crumb: Crumb) => void;\n  className?: any;\n  /** Accessible name for the breadcrumb navigation landmark. Defaults to \"Breadcrumb\". Use for i18n or when multiple breadcrumb regions exist. */\n  ariaLabel?: string;\n}\n\nexport const BreadCrumbs: React.FC<BreadCrumbsProps> = ({ crumbs, onCrumbClick, className, ariaLabel = 'Breadcrumb' }) => {\n  const shouldShowDropdown = crumbs?.length > 3;\n  const visibleCrumbs = shouldShowDropdown ? crumbs?.slice(-2) : crumbs;\n  const dropdownCrumbs = shouldShowDropdown ? crumbs?.slice(0, -2) : [];\n\n  const isCurrentPage = (index: number) => index === visibleCrumbs?.length - 1;\n\n  const getLabelClassNames = (index: number) => {\n    const className = 'se-design-breadcrumbs-item-label inline-flex items-center w-fit';\n    if (visibleCrumbs?.length === 1) {\n      return `${className} single-crumb`;\n    }\n    if (isCurrentPage(index)) {\n      return `${className} highlighted-crumb`;\n    }\n    return `${className} unhighlighted-crumb`;\n  };\n\n  return (\n    <nav className={`se-design-breadcrumbs flex items-center ${className}`} aria-label={ariaLabel} data-automation-id=\"breadcrumbs-container\">\n      {dropdownCrumbs?.length > 0 && (\n        <Popover\n          className=\"se-design-overflow-breadcrumbs\"\n          position=\"bottom-left\"\n          noBorder\n          ariaLabel=\"Show more breadcrumbs\"\n          renderPopoverSrcElement={({ displayPopover }) => {\n            return (\n              <div\n                className={`overflow-breadcrumbs-src-element px-1.5 py-1.5 rounded-md hover:cursor-pointer ${\n                  displayPopover ? 'bg-[var(--color-blue-200)]' : ''\n                }`}\n                data-automation-id=\"breadcrumbs-kebab-menu\"\n              >\n                <Icon name=\"kebab-menu\" />\n              </div>\n            );\n          }}\n          renderPopoverContents={({ closePopoverCb }) => (\n            <MenuList\n              items={dropdownCrumbs.map((crumb) => ({\n                id: String(crumb?.id),\n                label: crumb?.label,\n                onClick: () => {\n                  onCrumbClick?.(crumb);\n                  closePopoverCb();\n                }\n              }))}\n            />\n          )}\n        />\n      )}\n      <ol className=\"se-design-breadcrumbs-list inline-flex items-center\">\n        {visibleCrumbs?.map((crumb, index) => {\n          const Tag = isCurrentPage(index) ? 'span' : 'a';// current page should not be clickable\n          return (\n            <li key={crumb?.id} className=\"se-design-breadcrumbs-item inline-flex items-center w-fit text-xl\">\n              {(index > 0 || shouldShowDropdown) && <Icon name=\"chevron\" rotation={'270'} />}\n              <Tag\n                {...(isCurrentPage(index)\n                  ? { 'aria-current': 'page' as const }\n                  : {\n                      href: crumb.href ?? '#',\n                      onClick: (e: React.MouseEvent<HTMLAnchorElement>) => {\n                        if (!crumb.href) e.preventDefault();\n                        onCrumbClick?.(crumb);\n                      }\n                    })}\n                className={`${getLabelClassNames(index)}${!isCurrentPage(index) ? ' cursor-pointer focus-outline' : ''}`}\n                data-automation-id={crumb?.automationId || `breadcrumbs-item-${index}`}\n              >\n                {crumb?.label}\n              </Tag>\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["BreadCrumbs","crumbs","onCrumbClick","className","ariaLabel","shouldShowDropdown","length","visibleCrumbs","slice","dropdownCrumbs","isCurrentPage","index","getLabelClassNames","React","createElement","Popover","position","noBorder","renderPopoverSrcElement","displayPopover","Icon","name","renderPopoverContents","closePopoverCb","MenuList","items","map","crumb","id","String","label","onClick","Tag","key","rotation","_extends","href","e","preventDefault","automationId"],"mappings":";;;;;;;;;;;;;;AAsBO,MAAMA,IAA0CA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAQC,cAAAA;AAAAA,EAAcC,WAAAA;AAAAA,EAAWC,WAAAA,IAAY;AAAa,MAAM;AACxH,QAAMC,IAAqBJ,GAAQK,SAAS,GACtCC,IAAgBF,IAAqBJ,GAAQO,MAAM,EAAE,IAAIP,GACzDQ,IAAiBJ,IAAqBJ,GAAQO,MAAM,GAAG,EAAE,IAAI,CAAA,GAE7DE,IAAgBA,CAACC,MAAkBA,MAAUJ,GAAeD,SAAS,GAErEM,IAAqBA,CAACD,MAAkB;AAC5C,UAAMR,IAAY;AAClB,WAAII,GAAeD,WAAW,IACrB,GAAGH,CAAS,kBAEjBO,EAAcC,CAAK,IACd,GAAGR,CAAS,uBAEd,GAAGA,CAAS;AAAA,EACrB;AAEA,SACEU,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKX,WAAW,2CAA2CA,CAAS;AAAA,IAAI,cAAYC;AAAAA,IAAW,sBAAmB;AAAA,EAAA,GAC/GK,GAAgBH,SAAS,KACxBO,gBAAAA,EAAAC,cAACC,GAAO;AAAA,IACNZ,WAAU;AAAA,IACVa,UAAS;AAAA,IACTC,UAAQ;AAAA,IACRb,WAAU;AAAA,IACVc,yBAAyBA,CAAC;AAAA,MAAEC,gBAAAA;AAAAA,IAAAA,MAExBN,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACEX,WAAW,kFACTgB,IAAiB,+BAA+B,EAAE;AAAA,MAEpD,sBAAmB;AAAA,IAAA,GAEnBN,gBAAAA,EAAAC,cAACM,GAAI;AAAA,MAACC,MAAK;AAAA,IAAA,CAAc,CACtB;AAAA,IAGTC,uBAAuBA,CAAC;AAAA,MAAEC,gBAAAA;AAAAA,IAAAA,MACxBV,gBAAAA,EAAAC,cAACU,GAAQ;AAAA,MACPC,OAAOhB,EAAeiB,IAAKC,CAAAA,OAAW;AAAA,QACpCC,IAAIC,OAAOF,GAAOC,EAAE;AAAA,QACpBE,OAAOH,GAAOG;AAAAA,QACdC,SAASA,MAAM;AACb7B,UAAAA,IAAeyB,CAAK,GACpBJ,EAAAA;AAAAA,QACF;AAAA,MAAA,EACA;AAAA,IAAA,CACH;AAAA,EAAA,CAEJ,GAEHV,gBAAAA,EAAAC,cAAA,MAAA;AAAA,IAAIX,WAAU;AAAA,EAAA,GACXI,GAAemB,IAAI,CAACC,GAAOhB,MAAU;AACpC,UAAMqB,IAAMtB,EAAcC,CAAK,IAAI,SAAS;AAC5C,WACEE,gBAAAA,EAAAC,cAAA,MAAA;AAAA,MAAImB,KAAKN,GAAOC;AAAAA,MAAIzB,WAAU;AAAA,IAAA,IAC1BQ,IAAQ,KAAKN,MAAuBQ,gBAAAA,EAAAC,cAACM,GAAI;AAAA,MAACC,MAAK;AAAA,MAAUa,UAAU;AAAA,IAAA,CAAQ,GAC7ErB,gBAAAA,EAAAC,cAACkB,GAAGG,EAAA,IACGzB,EAAcC,CAAK,IACpB;AAAA,MAAE,gBAAgB;AAAA,IAAA,IAClB;AAAA,MACEyB,MAAMT,EAAMS,QAAQ;AAAA,MACpBL,SAASA,CAACM,MAA2C;AACnD,QAAKV,EAAMS,QAAMC,EAAEC,eAAAA,GACnBpC,IAAeyB,CAAK;AAAA,MACtB;AAAA,IAAA,GACD;AAAA,MACLxB,WAAW,GAAGS,EAAmBD,CAAK,CAAC,GAAID,EAAcC,CAAK,IAAsC,KAAlC,+BAAoC;AAAA,MACtG,sBAAoBgB,GAAOY,gBAAgB,oBAAoB5B,CAAK;AAAA,IAAA,CAAG,GAEtEgB,GAAOG,KACL,CACH;AAAA,EAER,CAAC,CACC,CACD;AAET;"}