se-design 1.0.76 → 1.0.77-dev-v1

package/dist/index30.js

@@ -1,34 +1,34 @@
-import e, { forwardRef as H } from "react";
-import { Icon as J } from "./index6.js";
-import { Button as b } from "./index4.js";
+import e, { forwardRef as K } from "react";
+import { Icon as M } from "./index6.js";
+import { Button as m } from "./index4.js";
 import { useStableId as I } from "./index199.js";
-import { getRegionAttributes as K } from "./index66.js";
-import { useAccessiblePress as M } from "./index67.js";
+import { getRegionAttributes as Q } from "./index66.js";
+import { useAccessiblePress as U } from "./index67.js";
 import "./index72.js";
 /* empty css         */
-function d() {
-  return d = Object.assign ? Object.assign.bind() : function(n) {
+function b() {
+  return b = Object.assign ? Object.assign.bind() : function(a) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
-      for (var o in r) ({}).hasOwnProperty.call(r, o) && (n[o] = r[o]);
+      for (var o in r) ({}).hasOwnProperty.call(r, o) && (a[o] = r[o]);
     }
-    return n;
-  }, d.apply(null, arguments);
+    return a;
+  }, b.apply(null, arguments);
 }
-const a = {
+const n = {
   bannerCtn: "relative rounded-[12px] flex pr-3.5",
   bannerContentCtn: "pt-5 pl-6 pb-5 pr-2 flex flex-col gap-2",
   bannerLinkCta: "text-[#1088e7] cursor-pointer text-base leading-6 hover: text-[#0078d4]",
   bannerImageCtn: "flex",
   bannerCloseIconCtn: "absolute top-[12px] right-[12px] cursor-pointer hover:bg-[var(--color-gray-100)] rounded-full p-1 inline-flex items-center justify-center",
   bannerButton: "self-start"
-}, ne = /* @__PURE__ */ H((n, t) => {
+}, re = /* @__PURE__ */ K((a, t) => {
   const {
     bannerClassName: r,
     bannerBgColor: o,
     title: h,
     titleTag: k = "span",
-    description: m,
+    description: d,
     hasImage: v,
     imagePosition: s = "right",
     imageWidth: N = "30%",
@@ -36,7 +36,7 @@ const a = {
     hasCloseIcon: E,
     closeIconName: P,
     onClose: L,
-    onBannerClick: i,
+    onBannerClick: l,
     hasLinkCta: T,
     onCtaClick: p,
     onSecondaryCtaClick: $,
@@ -50,88 +50,90 @@ const a = {
     secondaryCtaAriaLabel: O,
     automationId: _ = "",
     titleId: c,
-    disabledPrimaryButton: z = !1
-  } = n, g = i ? "cursor-pointer" : "", f = I(c, "banner-title"), y = I(void 0, "banner-description"), l = K({
+    disabledPrimaryButton: z = !1,
+    hasCustomContent: F = !1,
+    customContent: W = null
+  } = a, g = l ? "cursor-pointer" : "", f = I(c, "banner-title"), y = I(void 0, "banner-description"), i = Q({
     titleId: f,
-    descriptionId: m ? y : void 0,
+    descriptionId: d ? y : void 0,
     isFocusable: !!c
   }), {
-    pressProps: F,
-    role: W,
-    tabIndex: q
-  } = M({
+    pressProps: q,
+    role: D,
+    tabIndex: G
+  } = U({
     isNative: !1,
-    onClick: i ? () => i() : void 0
-  }), D = i ? {
-    ...F,
-    role: W,
-    tabIndex: q
+    onClick: l ? () => l() : void 0
+  }), H = l ? {
+    ...q,
+    role: D,
+    tabIndex: G
   } : {}, x = () => v && /* @__PURE__ */ e.createElement("div", {
-    className: `${a.bannerImageCtn} ${g} banner-image-ctn ${s === "right" ? "mr-5 ml-0 justify-end" : "ml-5 mr-0 justify-start"} min-h-full`,
+    className: `${n.bannerImageCtn} ${g} banner-image-ctn ${s === "right" ? "mr-5 ml-0 justify-end" : "ml-5 mr-0 justify-start"} min-h-full`,
     style: {
       width: N
     },
-    onClick: i
+    onClick: l
   }, /* @__PURE__ */ e.createElement("img", {
-    src: n.bannerImage,
+    src: a.bannerImage,
     alt: B,
     className: "max-w-[initial] h-[initial] max-h-[150px] object-contain"
   }));
   return /* @__PURE__ */ e.createElement("div", {
     ref: t,
-    className: `${a.bannerCtn} ${g} ${r} banner-ctn`,
+    className: `${n.bannerCtn} ${g} ${r} banner-ctn`,
     style: {
       backgroundColor: o
     },
     "data-automation-id": _,
-    role: l.role,
-    "aria-labelledby": l["aria-labelledby"],
-    "aria-describedby": l["aria-describedby"],
-    tabIndex: l.tabIndex
-  }, s === "left" && x(), /* @__PURE__ */ e.createElement("div", d({
-    className: `${a.bannerContentCtn} w-[100%] banner-content-ctn`
-  }, D), /* @__PURE__ */ e.createElement(k, {
+    role: i.role,
+    "aria-labelledby": i["aria-labelledby"],
+    "aria-describedby": i["aria-describedby"],
+    tabIndex: i.tabIndex
+  }, s === "left" && x(), /* @__PURE__ */ e.createElement("div", b({
+    className: `${n.bannerContentCtn} w-[100%] banner-content-ctn`
+  }, H), /* @__PURE__ */ e.createElement(k, {
     id: f,
     className: "banner-title",
     tabIndex: c ? -1 : void 0
-  }, h), /* @__PURE__ */ e.createElement("span", {
+  }, h), F ? /* @__PURE__ */ e.createElement(e.Fragment, null, W) : /* @__PURE__ */ e.createElement("span", {
     id: y,
     className: "banner-description"
-  }, m), /* @__PURE__ */ e.createElement("div", {
+  }, d), /* @__PURE__ */ e.createElement("div", {
     className: "flex gap-3",
-    onClick: (G) => G.stopPropagation()
-  }, T && /* @__PURE__ */ e.createElement(b, {
+    onClick: (J) => J.stopPropagation()
+  }, T && /* @__PURE__ */ e.createElement(m, {
     type: "link",
-    className: a.bannerLinkCta,
+    className: n.bannerLinkCta,
     onClick: p,
     label: C,
     ariaLabel: u
-  }), j && /* @__PURE__ */ e.createElement(b, {
+  }), j && /* @__PURE__ */ e.createElement(m, {
     type: A,
     size: "sm",
     label: C,
     onClick: p,
-    className: a?.bannerButton,
+    className: n?.bannerButton,
     "data-automation-id": "banner-main-cta",
     ariaLabel: u,
     disabled: z
-  }), w && /* @__PURE__ */ e.createElement(b, {
+  }), w && /* @__PURE__ */ e.createElement(m, {
     type: R,
     size: "sm",
     label: S,
     onClick: $,
-    className: a?.secondaryBannerButton,
+    className: n?.secondaryBannerButton,
     "data-automation-id": "banner-secondary-cta",
     ariaLabel: O
-  }))), s === "right" && x(), E && /* @__PURE__ */ e.createElement(J, {
+  }))), s === "right" && x(), E && /* @__PURE__ */ e.createElement(M, {
     name: P,
-    className: a.bannerCloseIconCtn,
+    className: n.bannerCloseIconCtn,
     onClick: L,
     ariaLabel: "Close banner",
     shouldStopPropagation: !0
   }));
 });
 export {
-  ne as Banner
+  re as Banner
 };
 //# sourceMappingURL=index30.js.map

package/dist/index30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index30.js","sources":["../src/components/Banner/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Map } from '../../utils/common.types';\nimport { Icon } from 'components/Icon';\nimport { Button } from 'components/Button';\nimport { useStableId } from '../../utils/useStableId';\nimport { useAccessiblePress } from '../../utils/a11y';\nimport { getRegionAttributes } from '../../utils/a11y/regionAttributes';\nimport './style.scss';\n\nexport interface BannerProps {\n  bannerClassName?: string | '';\n  bannerBgColor?: string | '';\n  title: string | '';\n  titleTag?: 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  description: string | '';\n  hasImage?: boolean | false;\n  imagePosition?: 'left' | 'right' | '';\n  imageWidth?: string | '30%';\n  imageAlt?: string | '';\n  bannerImage: string | '';\n  hasCloseIcon?: boolean | false;\n  closeIconName: string | '';\n  onClose: () => void | (() => {});\n  onBannerClick?: () => void | (() => {});\n  hasButtonCta?: boolean | false;\n  hasSecondaryButtonCta?: boolean | false;\n  buttonType?: 'primary' | 'secondary' | 'link';\n  secondaryButtonType?: 'primary' | 'secondary' | 'ghost' | 'link';\n  hasLinkCta?: boolean | false;\n  ctaText: string | '';\n  secondaryCtaText: string | '';\n  onCtaClick: () => void | (() => {});\n  onSecondaryCtaClick: () => void | (() => {});\n  /**\n   * Accessible name for primary CTA button (screen reader only, if different from visible label).\n   */\n  ctaAriaLabel?: string;\n  /**\n   * Accessible name for secondary CTA button (screen reader only, if different from visible label).\n   */\n  secondaryCtaAriaLabel?: string;\n  automationId?: string;\n  // Optional title ID for external control (e.g., focus management)\n  titleId?: string;\n  disabledPrimaryButton?: boolean;\n}\n\nconst classNames: Map = {\n  bannerCtn: `relative rounded-[12px] flex pr-3.5`,\n  bannerContentCtn: 'pt-5 pl-6 pb-5 pr-2 flex flex-col gap-2',\n  bannerLinkCta: 'text-[#1088e7] cursor-pointer text-base leading-6 hover: text-[#0078d4]',\n  bannerImageCtn: 'flex',\n  bannerCloseIconCtn:\n    'absolute top-[12px] right-[12px] cursor-pointer hover:bg-[var(--color-gray-100)] rounded-full p-1 inline-flex items-center justify-center',\n  bannerButton: 'self-start'\n};\n\nexport const Banner = forwardRef<HTMLDivElement, BannerProps>((props, ref) => {\n  const {\n    bannerClassName,\n    bannerBgColor,\n    title,\n    titleTag: TitleTag = 'span',\n    description,\n    hasImage,\n    imagePosition = 'right',\n    imageWidth = '30%',\n    imageAlt = '',\n    hasCloseIcon,\n    closeIconName,\n    onClose,\n    onBannerClick,\n    hasLinkCta,\n    onCtaClick,\n    onSecondaryCtaClick,\n    hasButtonCta,\n    buttonType = 'secondary',\n    ctaText,\n    ctaAriaLabel,\n    hasSecondaryButtonCta = false,\n    secondaryButtonType = 'secondary',\n    secondaryCtaText,\n    secondaryCtaAriaLabel,\n    automationId = '',\n    titleId: providedTitleId,\n    disabledPrimaryButton = false\n  } = props;\n\n  const isClickableClass = onBannerClick ? 'cursor-pointer' : '';\n  const titleId = useStableId(providedTitleId, 'banner-title');\n  const descriptionId = useStableId(undefined, 'banner-description');\n\n  const regionAttributes = getRegionAttributes({\n    titleId,\n    descriptionId: description ? descriptionId : undefined,\n    isFocusable: !!providedTitleId\n  });\n\n  // When banner is clickable, make the content area keyboard-activatable (Enter/Space).\n  // We intentionally keep this as an extra tab stop (per dashboard banner behavior).\n  const { pressProps: bannerContentPressProps, role: bannerContentRole, tabIndex: bannerContentTabIndex } =\n    useAccessiblePress({\n      isNative: false,\n      onClick: onBannerClick ? () => onBannerClick() : undefined\n    });\n\n  const bannerContentClickableProps = onBannerClick\n    ? {\n        ...bannerContentPressProps,\n        role: bannerContentRole,\n        tabIndex: bannerContentTabIndex\n      }\n    : {};\n\n  const renderImage = () =>\n    hasImage && (\n      <div\n        className={`${classNames.bannerImageCtn} ${isClickableClass} banner-image-ctn ${imagePosition === 'right' ? 'mr-5 ml-0 justify-end' : 'ml-5 mr-0 justify-start'} min-h-full`}\n        style={{ width: imageWidth }}\n        onClick={onBannerClick}\n      >\n        <img src={props.bannerImage} alt={imageAlt} className=\"max-w-[initial] h-[initial] max-h-[150px] object-contain\" />\n      </div>\n    );\n\n  return (\n    <div \n      ref={ref}\n      className={`${classNames.bannerCtn} ${isClickableClass} ${bannerClassName} banner-ctn`} \n      style={{ backgroundColor: bannerBgColor }} \n      data-automation-id={automationId}\n      role={regionAttributes.role}\n      aria-labelledby={regionAttributes['aria-labelledby']}\n      aria-describedby={regionAttributes['aria-describedby']}\n      tabIndex={regionAttributes.tabIndex}\n    >\n      {imagePosition === 'left' && renderImage()}\n      <div \n        className={`${classNames.bannerContentCtn} w-[100%] banner-content-ctn`} \n        {...bannerContentClickableProps}\n      >\n        <TitleTag id={titleId} className=\"banner-title\" tabIndex={providedTitleId ? -1 : undefined}>{title}</TitleTag>\n        <span id={descriptionId} className=\"banner-description\">{description}</span>\n        <div className=\"flex gap-3\" onClick={(e) => e.stopPropagation()}>\n          {hasLinkCta && (\n            <Button \n              type=\"link\" \n              className={classNames.bannerLinkCta} \n              onClick={onCtaClick} \n              label={ctaText}\n              ariaLabel={ctaAriaLabel}\n            />\n          )}\n          {hasButtonCta && (\n            <Button\n              type={buttonType}\n              size=\"sm\"\n              label={ctaText}\n              onClick={onCtaClick}\n              className={classNames?.bannerButton}\n              data-automation-id=\"banner-main-cta\"\n              ariaLabel={ctaAriaLabel}\n              disabled={disabledPrimaryButton}\n            />\n          )}\n          {hasSecondaryButtonCta && (\n            <Button\n              type={secondaryButtonType}\n              size=\"sm\"\n              label={secondaryCtaText}\n              onClick={onSecondaryCtaClick}\n              className={classNames?.secondaryBannerButton}\n              data-automation-id=\"banner-secondary-cta\"\n              ariaLabel={secondaryCtaAriaLabel}\n            />\n          )}\n        </div>\n      </div>\n      {imagePosition === 'right' && renderImage()}\n      {hasCloseIcon && (\n        <Icon\n          name={closeIconName}\n          className={classNames.bannerCloseIconCtn}\n          onClick={onClose}\n          ariaLabel=\"Close banner\"\n          shouldStopPropagation\n        />\n      )}\n    </div>\n  );\n});\n"],"names":["classNames","bannerCtn","bannerContentCtn","bannerLinkCta","bannerImageCtn","bannerCloseIconCtn","bannerButton","Banner","forwardRef","props","ref","bannerClassName","bannerBgColor","title","titleTag","TitleTag","description","hasImage","imagePosition","imageWidth","imageAlt","hasCloseIcon","closeIconName","onClose","onBannerClick","hasLinkCta","onCtaClick","onSecondaryCtaClick","hasButtonCta","buttonType","ctaText","ctaAriaLabel","hasSecondaryButtonCta","secondaryButtonType","secondaryCtaText","secondaryCtaAriaLabel","automationId","titleId","providedTitleId","disabledPrimaryButton","isClickableClass","useStableId","descriptionId","undefined","regionAttributes","getRegionAttributes","isFocusable","pressProps","bannerContentPressProps","role","bannerContentRole","tabIndex","bannerContentTabIndex","useAccessiblePress","isNative","onClick","bannerContentClickableProps","renderImage","React","createElement","className","style","width","src","bannerImage","alt","backgroundColor","_extends","id","e","stopPropagation","Button","type","label","ariaLabel","size","disabled","secondaryBannerButton","Icon","name","shouldStopPropagation"],"mappings":"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"}
+{"version":3,"file":"index30.js","sources":["../src/components/Banner/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Map } from '../../utils/common.types';\nimport { Icon } from 'components/Icon';\nimport { Button } from 'components/Button';\nimport { useStableId } from '../../utils/useStableId';\nimport { useAccessiblePress } from '../../utils/a11y';\nimport { getRegionAttributes } from '../../utils/a11y/regionAttributes';\nimport './style.scss';\n\nexport interface BannerProps {\n  bannerClassName?: string | '';\n  bannerBgColor?: string | '';\n  title: string | '';\n  titleTag?: 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  description: string | '';\n  hasCustomContent?: boolean | false;\n  customContent?: React.ReactNode;\n  hasImage?: boolean | false;\n  imagePosition?: 'left' | 'right' | '';\n  imageWidth?: string | '30%';\n  imageAlt?: string | '';\n  bannerImage: string | '';\n  hasCloseIcon?: boolean | false;\n  closeIconName: string | '';\n  onClose: () => void | (() => {});\n  onBannerClick?: () => void | (() => {});\n  hasButtonCta?: boolean | false;\n  hasSecondaryButtonCta?: boolean | false;\n  buttonType?: 'primary' | 'secondary' | 'link';\n  secondaryButtonType?: 'primary' | 'secondary' | 'ghost' | 'link';\n  hasLinkCta?: boolean | false;\n  ctaText: string | '';\n  secondaryCtaText: string | '';\n  onCtaClick: () => void | (() => {});\n  onSecondaryCtaClick: () => void | (() => {});\n  /**\n   * Accessible name for primary CTA button (screen reader only, if different from visible label).\n   */\n  ctaAriaLabel?: string;\n  /**\n   * Accessible name for secondary CTA button (screen reader only, if different from visible label).\n   */\n  secondaryCtaAriaLabel?: string;\n  automationId?: string;\n  // Optional title ID for external control (e.g., focus management)\n  titleId?: string;\n  disabledPrimaryButton?: boolean;\n}\n\nconst classNames: Map = {\n  bannerCtn: `relative rounded-[12px] flex pr-3.5`,\n  bannerContentCtn: 'pt-5 pl-6 pb-5 pr-2 flex flex-col gap-2',\n  bannerLinkCta: 'text-[#1088e7] cursor-pointer text-base leading-6 hover: text-[#0078d4]',\n  bannerImageCtn: 'flex',\n  bannerCloseIconCtn:\n    'absolute top-[12px] right-[12px] cursor-pointer hover:bg-[var(--color-gray-100)] rounded-full p-1 inline-flex items-center justify-center',\n  bannerButton: 'self-start'\n};\n\nexport const Banner = forwardRef<HTMLDivElement, BannerProps>((props, ref) => {\n  const {\n    bannerClassName,\n    bannerBgColor,\n    title,\n    titleTag: TitleTag = 'span',\n    description,\n    hasImage,\n    imagePosition = 'right',\n    imageWidth = '30%',\n    imageAlt = '',\n    hasCloseIcon,\n    closeIconName,\n    onClose,\n    onBannerClick,\n    hasLinkCta,\n    onCtaClick,\n    onSecondaryCtaClick,\n    hasButtonCta,\n    buttonType = 'secondary',\n    ctaText,\n    ctaAriaLabel,\n    hasSecondaryButtonCta = false,\n    secondaryButtonType = 'secondary',\n    secondaryCtaText,\n    secondaryCtaAriaLabel,\n    automationId = '',\n    titleId: providedTitleId,\n    disabledPrimaryButton = false,\n    hasCustomContent = false,\n    customContent = null\n  } = props;\n\n  const isClickableClass = onBannerClick ? 'cursor-pointer' : '';\n  const titleId = useStableId(providedTitleId, 'banner-title');\n  const descriptionId = useStableId(undefined, 'banner-description');\n\n  const regionAttributes = getRegionAttributes({\n    titleId,\n    descriptionId: description ? descriptionId : undefined,\n    isFocusable: !!providedTitleId\n  });\n\n  // When banner is clickable, make the content area keyboard-activatable (Enter/Space).\n  // We intentionally keep this as an extra tab stop (per dashboard banner behavior).\n  const { pressProps: bannerContentPressProps, role: bannerContentRole, tabIndex: bannerContentTabIndex } =\n    useAccessiblePress({\n      isNative: false,\n      onClick: onBannerClick ? () => onBannerClick() : undefined\n    });\n\n  const bannerContentClickableProps = onBannerClick\n    ? {\n        ...bannerContentPressProps,\n        role: bannerContentRole,\n        tabIndex: bannerContentTabIndex\n      }\n    : {};\n\n  const renderImage = () =>\n    hasImage && (\n      <div\n        className={`${classNames.bannerImageCtn} ${isClickableClass} banner-image-ctn ${imagePosition === 'right' ? 'mr-5 ml-0 justify-end' : 'ml-5 mr-0 justify-start'} min-h-full`}\n        style={{ width: imageWidth }}\n        onClick={onBannerClick}\n      >\n        <img src={props.bannerImage} alt={imageAlt} className=\"max-w-[initial] h-[initial] max-h-[150px] object-contain\" />\n      </div>\n    );\n\n  return (\n    <div \n      ref={ref}\n      className={`${classNames.bannerCtn} ${isClickableClass} ${bannerClassName} banner-ctn`} \n      style={{ backgroundColor: bannerBgColor }} \n      data-automation-id={automationId}\n      role={regionAttributes.role}\n      aria-labelledby={regionAttributes['aria-labelledby']}\n      aria-describedby={regionAttributes['aria-describedby']}\n      tabIndex={regionAttributes.tabIndex}\n    >\n      {imagePosition === 'left' && renderImage()}\n      <div \n        className={`${classNames.bannerContentCtn} w-[100%] banner-content-ctn`} \n        {...bannerContentClickableProps}\n      >\n        <TitleTag id={titleId} className=\"banner-title\" tabIndex={providedTitleId ? -1 : undefined}>{title}</TitleTag>\n        {hasCustomContent ? <>{customContent}</> : \n        <span id={descriptionId} className=\"banner-description\">{description}</span>}\n        <div className=\"flex gap-3\" onClick={(e) => e.stopPropagation()}>\n          {hasLinkCta && (\n            <Button \n              type=\"link\" \n              className={classNames.bannerLinkCta} \n              onClick={onCtaClick} \n              label={ctaText}\n              ariaLabel={ctaAriaLabel}\n            />\n          )}\n          {hasButtonCta && (\n            <Button\n              type={buttonType}\n              size=\"sm\"\n              label={ctaText}\n              onClick={onCtaClick}\n              className={classNames?.bannerButton}\n              data-automation-id=\"banner-main-cta\"\n              ariaLabel={ctaAriaLabel}\n              disabled={disabledPrimaryButton}\n            />\n          )}\n          {hasSecondaryButtonCta && (\n            <Button\n              type={secondaryButtonType}\n              size=\"sm\"\n              label={secondaryCtaText}\n              onClick={onSecondaryCtaClick}\n              className={classNames?.secondaryBannerButton}\n              data-automation-id=\"banner-secondary-cta\"\n              ariaLabel={secondaryCtaAriaLabel}\n            />\n          )}\n        </div>\n      </div>\n      {imagePosition === 'right' && renderImage()}\n      {hasCloseIcon && (\n        <Icon\n          name={closeIconName}\n          className={classNames.bannerCloseIconCtn}\n          onClick={onClose}\n          ariaLabel=\"Close banner\"\n          shouldStopPropagation\n        />\n      )}\n    </div>\n  );\n});\n"],"names":["classNames","bannerCtn","bannerContentCtn","bannerLinkCta","bannerImageCtn","bannerCloseIconCtn","bannerButton","Banner","forwardRef","props","ref","bannerClassName","bannerBgColor","title","titleTag","TitleTag","description","hasImage","imagePosition","imageWidth","imageAlt","hasCloseIcon","closeIconName","onClose","onBannerClick","hasLinkCta","onCtaClick","onSecondaryCtaClick","hasButtonCta","buttonType","ctaText","ctaAriaLabel","hasSecondaryButtonCta","secondaryButtonType","secondaryCtaText","secondaryCtaAriaLabel","automationId","titleId","providedTitleId","disabledPrimaryButton","hasCustomContent","customContent","isClickableClass","useStableId","descriptionId","undefined","regionAttributes","getRegionAttributes","isFocusable","pressProps","bannerContentPressProps","role","bannerContentRole","tabIndex","bannerContentTabIndex","useAccessiblePress","isNative","onClick","bannerContentClickableProps","renderImage","React","createElement","className","style","width","src","bannerImage","alt","backgroundColor","_extends","id","Fragment","e","stopPropagation","Button","type","label","ariaLabel","size","disabled","secondaryBannerButton","Icon","name","shouldStopPropagation"],"mappings":"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"}

package/dist/index32.js

@@ -1,7 +1,7 @@
 import e from "react";
 import { Button as N } from "./index4.js";
 import { Badge as I } from "./index10.js";
-import { Icon as g } from "./index6.js";
+import { Icon as d } from "./index6.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: d = "",
+  widgetClassName: g = "",
   widgetType: a = "general",
   widgetTitle: r = "",
   widgetDescription: l = "",
   widgetImage: p,
-  hasImage: x = !1,
+  hasImage: f = !1,
   hasButtonCta: n = !1,
   hasLinkCta: i = !1,
   ctaText: o = "",
-  hasBadge: f = !1,
+  hasBadge: x = !1,
   badgeText: w = "",
   buttonBgColor: u = "secondary",
   onCtaClick: b,
@@ -38,7 +38,7 @@ const t = {
   webinarDateInfo: c,
   webinarSpeaker: s
 }) => {
-  const E = f && /* @__PURE__ */ e.createElement(I, {
+  const E = x && /* @__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 = x && /* @__PURE__ */ e.createElement("div", {
+  })), C = f && /* @__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} ${d} widget-ctn`,
+    className: `${t.widgetCtn} ${g} 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(g, {
+  }, /* @__PURE__ */ e.createElement(d, {
     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(g, {
+  }, /* @__PURE__ */ e.createElement(d, {
     name: "clock",
     className: "relative top-[2px]"
   }), /* @__PURE__ */ e.createElement("span", {
@@ -96,6 +96,7 @@ const t = {
   }, l), m)) : m));
 };
 export {
-  B as Widget
+  B as Widget,
+  B as default
 };
 //# sourceMappingURL=index32.js.map

package/dist/index42.js

@@ -1,6 +1,6 @@
 import e, { useState as g, useRef as p } from "react";
 import { Icon as c } from "./index6.js";
-import { ProgressBar as x } from "./index41.js";
+import { ProgressBar as f } from "./index41.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);
-  }, m = (t) => t ? "var(--color-green-500)" : "var(--color-gray-200)";
+  }, d = (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(x, {
+  }, /* @__PURE__ */ e.createElement(f, {
     totalTasks: a.length,
     completedTasks: a.filter((t) => t.isComplete).length,
     progressBarCtnClassName: "get-started-progress-bar-ctn"
@@ -37,18 +37,19 @@ const r = {
     style: {
       maxHeight: n ? `${o.current?.scrollHeight}px` : "0px"
     }
-  }, a.map((t, d) => /* @__PURE__ */ e.createElement("div", {
-    key: d,
+  }, a.map((t, m) => /* @__PURE__ */ e.createElement("div", {
+    key: m,
     className: r.actionItemCtn
   }, /* @__PURE__ */ e.createElement(c, {
     name: "checked-circle",
-    stroke: m(t.isComplete)
+    stroke: d(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 GetStartedWidget,
+  E as default
 };
 //# sourceMappingURL=index42.js.map

package/dist/index43.js

@@ -1,5 +1,5 @@
 import e, { useState as p } from "react";
-import { Icon as l } from "./index6.js";
+import { Icon as a } from "./index6.js";
 import { Button as w } from "./index4.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: a = "",
+  messageBarCtnClassName: l = "",
   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 ${a} ${r.messageBarCtn} ${r[o]} ${v ? "show" : "hide"}`,
+    className: `se-design-message-bar ${l} ${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(l, {
+  }, /* @__PURE__ */ e.createElement(a, {
     name: "info",
     className: "inline-block h-fit relative top-[3px] mr-1"
   }), s, n && /* @__PURE__ */ e.createElement(w, {
@@ -64,13 +64,14 @@ const r = {
     onClick: m,
     className: `${g} ml-2 alert-btn`,
     automationId: "message-bar-cta"
-  })))), c && /* @__PURE__ */ e.createElement(l, {
+  })))), c && /* @__PURE__ */ e.createElement(a, {
     name: "close",
     className: r.closeIconCtn,
     onClick: d
   }));
 };
 export {
-  B as MessageBar
+  B as MessageBar,
+  B as default
 };
 //# sourceMappingURL=index43.js.map

package/dist/index55.js

@@ -1,4 +1,4 @@
-import a from "react";
+import t from "react";
 /* empty css         */
 const n = ({
   element: e,
@@ -15,12 +15,12 @@ const n = ({
     "--shimmer-base-color": s,
     "--shimmer-highlight-color": m
   }, r = `se-design-shimmer-element se-design-shimmer-${e.type}`;
-  return /* @__PURE__ */ a.createElement("div", {
+  return /* @__PURE__ */ t.createElement("div", {
     className: r,
     style: i
-  }, e.children && e.children.map((t, p) => /* @__PURE__ */ a.createElement(n, {
+  }, e.children && e.children.map((a, p) => /* @__PURE__ */ t.createElement(n, {
     key: p,
-    element: t,
+    element: a,
     animationDuration: d,
     baseColor: s,
     highlightColor: m
@@ -40,48 +40,48 @@ const n = ({
     alignItems: e.alignItems,
     flex: e.flex
   };
-  return /* @__PURE__ */ a.createElement("div", {
+  return /* @__PURE__ */ t.createElement("div", {
     className: `se-design-shimmer-container ${e.className || ""}`,
     style: i
-  }, e.children.map((r, t) => r.type === "container" ? /* @__PURE__ */ a.createElement(y, {
-    key: t,
+  }, e.children.map((r, a) => r.type === "container" ? /* @__PURE__ */ t.createElement(y, {
+    key: a,
     container: r,
     animationDuration: d,
     baseColor: s,
     highlightColor: m
-  }) : /* @__PURE__ */ a.createElement(n, {
-    key: t,
+  }) : /* @__PURE__ */ t.createElement(n, {
+    key: a,
     element: r,
     animationDuration: d,
     baseColor: s,
     highlightColor: m
   })));
-}, g = ({
+}, l = ({
   structure: e,
   className: d = "",
   animationDuration: s = 3,
   baseColor: m = "var(--color-gray-600)",
   highlightColor: i = "var(--color-gray-500)",
   width: r,
-  height: t
+  height: a
 }) => {
   const p = {
     width: r ? typeof r == "number" ? `${r}px` : r : "100%",
-    height: t ? typeof t == "number" ? `${t}px` : t : "auto",
+    height: a ? typeof a == "number" ? `${a}px` : a : "auto",
     "--shimmer-duration": `${s}s`,
     "--shimmer-base-color": m,
     "--shimmer-highlight-color": i
   };
-  return /* @__PURE__ */ a.createElement("div", {
+  return /* @__PURE__ */ t.createElement("div", {
     className: `se-design-shimmer-loader ${d}`,
     style: p
-  }, e.map((c, o) => c.type === "container" ? /* @__PURE__ */ a.createElement(y, {
+  }, e.map((c, o) => c.type === "container" ? /* @__PURE__ */ t.createElement(y, {
     key: o,
     container: c,
     animationDuration: s,
     baseColor: m,
     highlightColor: i
-  }) : /* @__PURE__ */ a.createElement(n, {
+  }) : /* @__PURE__ */ t.createElement(n, {
     key: o,
     element: c,
     animationDuration: s,
@@ -90,6 +90,7 @@ const n = ({
   })));
 };
 export {
-  g as ShimmerLoader
+  l as ShimmerLoader,
+  l as default
 };
 //# sourceMappingURL=index55.js.map