@hitachivantara/uikit-react-core 5.6.0 → 5.7.0

package/dist/cjs/components/Banner/Banner.cjs

@@ -1,16 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const React = require("react");
 const Slide = require("@mui/material/Slide");
+const Snackbar = require("@mui/material/Snackbar");
 const capitalize = require("lodash/capitalize");
 const Banner_styles = require("./Banner.styles.cjs");
 const bannerClasses = require("./bannerClasses.cjs");
 const BannerContent = require("./BannerContent/BannerContent.cjs");
+const react = require("@emotion/react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const setId = require("../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Slide__default = /* @__PURE__ */ _interopDefault(Slide);
+const Snackbar__default = /* @__PURE__ */ _interopDefault(Snackbar);
 const capitalize__default = /* @__PURE__ */ _interopDefault(capitalize);
 const HvBanner = ({
   id,
@@ -48,32 +50,36 @@ const HvBanner = ({
     ...properties,
     direction: transitionDirection
   }), [transitionDirection]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Banner_styles.StyledSnackbar, {
-    style: anchorOriginOffset[`anchorOrigin${capitalize__default.default(anchorOrigin)}`],
-    className,
-    id,
-    classes: {
-      root: open ? clsx.clsx(bannerClasses.default.root, classes == null ? void 0 : classes.root) : clsx.clsx(bannerClasses.default.rootClosed, classes == null ? void 0 : classes.rootClosed),
-      anchorOriginTopCenter: clsx.clsx(bannerClasses.default.anchorOriginTopCenter, classes == null ? void 0 : classes.anchorOriginTopCenter),
-      anchorOriginBottomCenter: clsx.clsx(bannerClasses.default.anchorOriginBottomCenter, classes == null ? void 0 : classes.anchorOriginBottomCenter)
-    },
-    anchorOrigin: anchorOriginBanner,
-    TransitionComponent: SlideTransition,
-    open,
-    $isOpen: open,
-    transitionDuration,
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent.HvBannerContent, {
-      id: setId.setId(id, "content"),
-      content: label,
-      variant,
-      customIcon,
-      showIcon,
-      actions,
-      actionsCallback,
-      actionsPosition,
-      onClose,
-      ...bannerContentProps
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsxRuntime.jsx(Snackbar__default.default, {
+      id,
+      open,
+      className,
+      classes: {
+        root: cx(open ? cx(bannerClasses.default.root, css(Banner_styles.styles.root), classes == null ? void 0 : classes.root) : cx(bannerClasses.default.rootClosed, css(Banner_styles.styles.rootClosed), classes == null ? void 0 : classes.rootClosed)),
+        anchorOriginTopCenter: cx(bannerClasses.default.anchorOriginTopCenter, css(Banner_styles.styles.anchorOriginTopCenter), classes == null ? void 0 : classes.anchorOriginTopCenter),
+        anchorOriginBottomCenter: cx(bannerClasses.default.anchorOriginBottomCenter, css(Banner_styles.styles.anchorOriginBottomCenter), classes == null ? void 0 : classes.anchorOriginBottomCenter)
+      },
+      style: anchorOriginOffset[`anchorOrigin${capitalize__default.default(anchorOrigin)}`],
+      anchorOrigin: anchorOriginBanner,
+      TransitionComponent: SlideTransition,
+      transitionDuration,
+      ...others,
+      children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent.HvBannerContent, {
+        id: setId.setId(id, "content"),
+        content: label,
+        variant,
+        customIcon,
+        showIcon,
+        actions,
+        actionsCallback,
+        actionsPosition,
+        onClose,
+        ...bannerContentProps
+      })
     })
   });
 };

package/dist/cjs/components/Banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvActionGeneric } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport bannerClasses, { HvBannerClasses } from \"./bannerClasses\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\n\nexport type HvBannerVariant = \"success\" | \"warning\" | \"error\" | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport interface HvBannerProps\n  extends Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\" | \"onClose\">,\n    HvBaseProps<HTMLDivElement, \"children\"> {\n  /** If true, the snackbar is open. */\n  open: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The message to display. */\n  label?: string;\n  /** The anchor of the Snackbar. */\n  anchorOrigin?: \"top\" | \"bottom\";\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n  offset?: number;\n  /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n  bannerContentProps?: HvBannerContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBannerClasses;\n}\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes,\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <StyledSnackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open\n          ? clsx(bannerClasses.root, classes?.root)\n          : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n        anchorOriginTopCenter: clsx(\n          bannerClasses.anchorOriginTopCenter,\n          classes?.anchorOriginTopCenter\n        ),\n        anchorOriginBottomCenter: clsx(\n          bannerClasses.anchorOriginBottomCenter,\n          classes?.anchorOriginBottomCenter\n        ),\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      $isOpen={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","StyledSnackbar","style","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","TransitionComponent","$isOpen","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;;;AAiEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWvB;AAAAA,EAAAA,CAAoB,GACtE,CAACA,mBAAmB,CAAC;AAGvB,wCACGwB,cAAAA,gBAAc;AAAA,IACbC,OAAOf,mBAAoB,eAAcgB,oBAAAA,QAAW7B,YAAY,GAAG;AAAA,IACnEH;AAAAA,IACAF;AAAAA,IACAC,SAAS;AAAA,MACPkC,MAAMhC,OACFiC,KAAAA,KAAKC,cAAAA,QAAcF,MAAMlC,mCAASkC,IAAI,IACtCC,KAAKC,KAAAA,cAAAA,QAAcC,YAAYrC,mCAASqC,UAAU;AAAA,MACtDC,uBAAuBH,KAAAA,KACrBC,cAAAA,QAAcE,uBACdtC,mCAASsC,qBAAqB;AAAA,MAEhCC,0BAA0BJ,KAAAA,KACxBC,cAAAA,QAAcG,0BACdvC,mCAASuC,wBAAwB;AAAA,IAErC;AAAA,IACAnC,cAAckB;AAAAA,IACdkB,qBAAqBf;AAAAA,IACrBvB;AAAAA,IACAuC,SAASvC;AAAAA,IACTI;AAAAA,IAAuC,GACnCU;AAAAA,IAAM0B,yCAETC,+BAAe;AAAA,MACd5C,IAAI6C,MAAAA,MAAM7C,IAAI,SAAS;AAAA,MACvB8C,SAAShC;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CAAkB;AAAA,EAAA,CAET;AAErB;;"}
+{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport Snackbar, {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvActionGeneric } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport { styles } from \"./Banner.styles\";\nimport bannerClasses, { HvBannerClasses } from \"./bannerClasses\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvBannerVariant = \"success\" | \"warning\" | \"error\" | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport interface HvBannerProps\n  extends Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\" | \"onClose\">,\n    HvBaseProps<HTMLDivElement, \"children\"> {\n  /** If true, the snackbar is open. */\n  open: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The message to display. */\n  label?: string;\n  /** The anchor of the Snackbar. */\n  anchorOrigin?: \"top\" | \"bottom\";\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n  offset?: number;\n  /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n  bannerContentProps?: HvBannerContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBannerClasses;\n}\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes,\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <Snackbar\n          id={id}\n          open={open}\n          className={className}\n          classes={{\n            root: cx(\n              open\n                ? cx(bannerClasses.root, css(styles.root), classes?.root)\n                : cx(\n                    bannerClasses.rootClosed,\n                    css(styles.rootClosed),\n                    classes?.rootClosed\n                  )\n            ),\n            anchorOriginTopCenter: cx(\n              bannerClasses.anchorOriginTopCenter,\n              css(styles.anchorOriginTopCenter),\n              classes?.anchorOriginTopCenter\n            ),\n            anchorOriginBottomCenter: cx(\n              bannerClasses.anchorOriginBottomCenter,\n              css(styles.anchorOriginBottomCenter),\n              classes?.anchorOriginBottomCenter\n            ),\n          }}\n          style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n          anchorOrigin={anchorOriginBanner}\n          TransitionComponent={SlideTransition}\n          transitionDuration={transitionDuration}\n          {...others}\n        >\n          <HvBannerContent\n            id={setId(id, \"content\")}\n            content={label}\n            variant={variant}\n            customIcon={customIcon}\n            showIcon={showIcon}\n            actions={actions}\n            actionsCallback={actionsCallback}\n            actionsPosition={actionsPosition}\n            onClose={onClose}\n            {...bannerContentProps}\n          />\n        </Snackbar>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","ClassNames","children","css","cx","Snackbar","root","bannerClasses","styles","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","style","capitalize","TransitionComponent","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;;;;;AAiEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWvB;AAAAA,EAAAA,CAAoB,GACtE,CAACA,mBAAmB,CAAC;AAGvB,wCACGwB,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,qCACNC,kBAAAA,SAAQ;AAAA,MACPpC;AAAAA,MACAG;AAAAA,MACAD;AAAAA,MACAD,SAAS;AAAA,QACPoC,MAAMF,GACJhC,OACIgC,GAAGG,cAAAA,QAAcD,MAAMH,IAAIK,qBAAOF,IAAI,GAAGpC,mCAASoC,IAAI,IACtDF,GACEG,sBAAcE,YACdN,IAAIK,qBAAOC,UAAU,GACrBvC,mCAASuC,UAAU,CACpB;AAAA,QAEPC,uBAAuBN,GACrBG,cAAcG,QAAAA,uBACdP,IAAIK,cAAAA,OAAOE,qBAAqB,GAChCxC,mCAASwC,qBAAqB;AAAA,QAEhCC,0BAA0BP,GACxBG,cAAcI,QAAAA,0BACdR,IAAIK,cAAAA,OAAOG,wBAAwB,GACnCzC,mCAASyC,wBAAwB;AAAA,MAErC;AAAA,MACAC,OAAOzB,mBAAoB,eAAc0B,oBAAAA,QAAWvC,YAAY,GAAG;AAAA,MACnEA,cAAckB;AAAAA,MACdsB,qBAAqBnB;AAAAA,MACrBnB;AAAAA,MAAuC,GACnCU;AAAAA,MAAMgB,yCAETa,+BAAe;AAAA,QACd9C,IAAI+C,MAAAA,MAAM/C,IAAI,SAAS;AAAA,QACvBgD,SAASlC;AAAAA,QACTR;AAAAA,QACAI;AAAAA,QACAD;AAAAA,QACAE;AAAAA,QACAC;AAAAA,QACAC;AAAAA,QACAT;AAAAA,QAAiB,GACbY;AAAAA,MAAAA,CAAkB;AAAA,IAAA,CACtB;AAAA,EAAA,CAGK;AAEjB;;"}

package/dist/cjs/components/Banner/Banner.styles.cjs

@@ -1,48 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const Snackbar = require("@mui/material/Snackbar");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const transientOptions = require("../../utils/transientOptions.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const Snackbar__default = /* @__PURE__ */ _interopDefault(Snackbar);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledSnackbar = /* @__PURE__ */ _styled__default.default(Snackbar__default.default, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e14yk37x0"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e14yk37x0",
-  label: "StyledSnackbar"
-}, transientOptions.transientOptions))(({
-  $isOpen
-}) => ({
-  [`&.${Snackbar.snackbarClasses.root}`]: {
-    ...$isOpen && {
-      minWidth: `calc(100% - ${uikitStyles.theme.space.sm})`
-    },
-    ...!$isOpen && {
-      display: "none"
-    }
+const styles = {
+  rootClosed: {
+    display: "none"
   },
-  [`&.${Snackbar.snackbarClasses.anchorOriginTopCenter}`]: {
+  root: {
+    minWidth: `calc(100% - ${uikitStyles.theme.space.sm})`
+  },
+  anchorOriginTopCenter: {
     top: uikitStyles.theme.space.xs
   },
-  [`&.${Snackbar.snackbarClasses.anchorOriginBottomCenter}`]: {
+  anchorOriginBottomCenter: {
     bottom: uikitStyles.theme.space.xs
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNuYWNrYmFyLCB7IHNuYWNrYmFyQ2xhc3NlcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsL1NuYWNrYmFyXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNuYWNrYmFyID0gc3R5bGVkKFxuICBTbmFja2JhcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaXNPcGVuIH06IHsgJGlzT3BlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBbYCYuJHtzbmFja2JhckNsYXNzZXMucm9vdH1gXToge1xuICAgIC4uLigkaXNPcGVuICYmIHtcbiAgICAgIG1pbldpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICB9KSxcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSksXG4gIH0sXG4gIFtgJi4ke3NuYWNrYmFyQ2xhc3Nlcy5hbmNob3JPcmlnaW5Ub3BDZW50ZXJ9YF06IHtcbiAgICB0b3A6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBbYCYuJHtzbmFja2JhckNsYXNzZXMuYW5jaG9yT3JpZ2luQm90dG9tQ2VudGVyfWBdOiB7XG4gICAgYm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcbiJdfQ== */");
-exports.StyledSnackbar = StyledSnackbar;
+};
+exports.styles = styles;
 //# sourceMappingURL=Banner.styles.cjs.map

package/dist/cjs/components/Banner/Banner.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.styles.cjs","sources":["../../../../src/components/Banner/Banner.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport Snackbar, { snackbarClasses } from \"@mui/material/Snackbar\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledSnackbar = styled(\n  Snackbar,\n  transientOptions\n)(({ $isOpen }: { $isOpen: boolean }) => ({\n  [`&.${snackbarClasses.root}`]: {\n    ...($isOpen && {\n      minWidth: `calc(100% - ${theme.space.sm})`,\n    }),\n    ...(!$isOpen && {\n      display: \"none\",\n    }),\n  },\n  [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n    top: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n    bottom: theme.space.xs,\n  },\n}));\n"],"names":["StyledSnackbar","Snackbar","process","env","NODE_ENV","_extends","target","transientOptions","label","$isOpen","snackbarClasses","root","minWidth","theme","space","sm","display","anchorOriginTopCenter","top","xs","anchorOriginBottomCenter","bottom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,0DACXC,kBAAAA,SAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8B,OAAO;AAAA,EACxC,CAAE,KAAIC,yBAAgBC,MAAM,GAAG;AAAA,IAC7B,GAAIF,WAAW;AAAA,MACbG,UAAW,eAAcC,YAAAA,MAAMC,MAAMC;AAAAA,IACvC;AAAA,IACA,GAAI,CAACN,WAAW;AAAA,MACdO,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,CAAE,KAAIN,yBAAgBO,uBAAuB,GAAG;AAAA,IAC9CC,KAAKL,YAAAA,MAAMC,MAAMK;AAAAA,EACnB;AAAA,EACA,CAAE,KAAIT,yBAAgBU,0BAA0B,GAAG;AAAA,IACjDC,QAAQR,YAAAA,MAAMC,MAAMK;AAAAA,EACtB;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,64CAAA;;"}
+{"version":3,"file":"Banner.styles.cjs","sources":["../../../../src/components/Banner/Banner.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBannerClasses } from \"./bannerClasses\";\n\nexport const styles: Partial<Record<keyof HvBannerClasses, CSSInterpolation>> =\n  {\n    rootClosed: {\n      display: \"none\",\n    },\n    root: {\n      minWidth: `calc(100% - ${theme.space.sm})`,\n    },\n    anchorOriginTopCenter: {\n      top: theme.space.xs,\n    },\n    anchorOriginBottomCenter: {\n      bottom: theme.space.xs,\n    },\n  };\n"],"names":["styles","rootClosed","display","root","minWidth","theme","space","sm","anchorOriginTopCenter","top","xs","anchorOriginBottomCenter","bottom"],"mappings":";;;AAIO,MAAMA,SACX;AAAA,EACEC,YAAY;AAAA,IACVC,SAAS;AAAA,EACX;AAAA,EACAC,MAAM;AAAA,IACJC,UAAW,eAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EACvC;AAAA,EACAC,uBAAuB;AAAA,IACrBC,KAAKJ,YAAAA,MAAMC,MAAMI;AAAAA,EACnB;AAAA,EACAC,0BAA0B;AAAA,IACxBC,QAAQP,YAAAA,MAAMC,MAAMI;AAAAA,EACtB;AACF;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const actionContainerClasses = require("./actionContainerClasses.cjs");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const react = require("@emotion/react");
 const ActionContainer_styles = require("./ActionContainer.styles.cjs");
-const uikitStyles = require("@hitachivantara/uikit-styles");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ActionsGeneric = require("../../../ActionsGeneric/ActionsGeneric.cjs");
-const useTheme = require("../../../../hooks/useTheme.cjs");
+const Button = require("../../../Button/Button.cjs");
 const HvActionContainer = ({
   id,
   classes,
@@ -15,36 +15,35 @@ const HvActionContainer = ({
   actionCallback,
   ...others
 }) => {
-  var _a;
-  const {
-    activeTheme,
-    selectedMode
-  } = useTheme.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsxs(ActionContainer_styles.StyledActionContainer, {
-    className: clsx.clsx(actionContainerClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer),
-    children: [/* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledButton, {
-      icon: true,
-      className: clsx.clsx(actionContainerClasses.default.closeAction, classes == null ? void 0 : classes.closeAction),
-      variant: "secondaryGhost",
-      "aria-label": "Close",
-      onClick: onClose,
-      tabIndex: 0,
-      $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base_light) || uikitStyles.theme.colors.base_light,
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledClose, {
-        iconSize: "XS",
-        className: clsx.clsx(actionContainerClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
-        color: "base_dark"
-      })
-    }), action && /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledActionsInnerContainer, {
-      className: clsx.clsx(actionContainerClasses.default.actionsInnerContainer, classes == null ? void 0 : classes.actionsInnerContainer),
-      children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, {
-        id,
-        category: "secondaryGhost",
-        actions: action,
-        actionsCallback: actionCallback
-      })
-    })]
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: cx(actionContainerClasses.default.actionContainer, css(ActionContainer_styles.styles.actionContainer), classes == null ? void 0 : classes.actionContainer),
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+        icon: true,
+        className: cx(actionContainerClasses.default.closeAction, css(ActionContainer_styles.styles.closeAction), classes == null ? void 0 : classes.closeAction),
+        variant: "semantic",
+        "aria-label": "Close",
+        onClick: onClose,
+        tabIndex: 0,
+        ...others,
+        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {
+          iconSize: "XS",
+          className: cx(actionContainerClasses.default.iconContainer, css(ActionContainer_styles.styles.iconContainer), classes == null ? void 0 : classes.iconContainer),
+          color: "base2"
+        })
+      }), action && /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: cx(actionContainerClasses.default.actionsInnerContainer, css(ActionContainer_styles.styles.actionsInnerContainer), classes == null ? void 0 : classes.actionsInnerContainer),
+        children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, {
+          id,
+          category: "semantic",
+          actions: action,
+          actionsCallback: actionCallback
+        })
+      })]
+    })
   });
 };
 exports.HvActionContainer = HvActionContainer;

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport actionContainerClasses, {\n  HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport {\n  StyledActionContainer,\n  StyledButton,\n  StyledClose,\n  StyledActionsInnerContainer,\n} from \"./ActionContainer.styles\";\nimport { HvActionGeneric, HvActionsGeneric } from \"@core/components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"@core/hooks\";\n\nexport interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display. */\n  action?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionContainerClasses;\n}\n\nexport const HvActionContainer = ({\n  id,\n  classes,\n  onClose,\n  action,\n  actionCallback,\n  ...others\n}: HvActionContainerProps) => {\n  const { activeTheme, selectedMode } = useTheme();\n\n  return (\n    <StyledActionContainer\n      className={clsx(\n        actionContainerClasses.actionContainer,\n        classes?.actionContainer\n      )}\n    >\n      <StyledButton\n        icon\n        className={clsx(\n          actionContainerClasses.closeAction,\n          classes?.closeAction\n        )}\n        variant=\"secondaryGhost\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base_light ||\n          theme.colors.base_light\n        }\n        {...others}\n      >\n        <StyledClose\n          iconSize=\"XS\"\n          className={clsx(\n            actionContainerClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          color=\"base_dark\"\n        />\n      </StyledButton>\n      {action && (\n        <StyledActionsInnerContainer\n          className={clsx(\n            actionContainerClasses.actionsInnerContainer,\n            classes?.actionsInnerContainer\n          )}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"secondaryGhost\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </StyledActionsInnerContainer>\n      )}\n    </StyledActionContainer>\n  );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","activeTheme","selectedMode","useTheme","StyledActionContainer","className","clsx","actionContainerClasses","actionContainer","children","_jsx","StyledButton","icon","closeAction","variant","onClick","tabIndex","$baseColor","colors","modes","base_light","theme","StyledClose","iconSize","iconContainer","color","StyledActionsInnerContainer","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;AA8BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;;AACtB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,SAAU,SAAA;AAEhD,yCACGC,uBAAAA,uBAAqB;AAAA,IACpBC,WAAWC,KAAAA,KACTC,uBAAAA,QAAuBC,iBACvBZ,mCAASY,eAAe;AAAA,IACxBC,UAAA,CAEFC,2BAAAA,IAACC,qCAAY;AAAA,MACXC,MAAI;AAAA,MACJP,WAAWC,KAAAA,KACTC,uBAAAA,QAAuBM,aACvBjB,mCAASiB,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASlB;AAAAA,MACTmB,UAAU;AAAA,MACVC,cACEhB,gDAAaiB,WAAbjB,mBAAqBkB,MAAMjB,cAAckB,eACzCC,kBAAMH,OAAOE;AAAAA,MACd,GACGpB;AAAAA,MAAMS,yCAETa,oCAAW;AAAA,QACVC,UAAS;AAAA,QACTlB,WAAWC,KAAAA,KACTC,uBAAAA,QAAuBiB,eACvB5B,mCAAS4B,aAAa;AAAA,QAExBC,OAAM;AAAA,MAAA,CAAW;AAAA,IAAA,CACjB,GAEH3B,UACCY,2BAAAA,IAACgB,oDAA2B;AAAA,MAC1BrB,WAAWC,KAAAA,KACTC,uBAAAA,QAAuBoB,uBACvB/B,mCAAS+B,qBAAqB;AAAA,MAC9BlB,yCAEDmB,iCAAgB;AAAA,QACfjC;AAAAA,QACAkC,UAAS;AAAA,QACTC,SAAShC;AAAAA,QACTiC,iBAAiBhC;AAAAA,MAAAA,CAAe;AAAA,IAAA,CAGrC,CAAA;AAAA,EAAA,CACqB;AAE5B;;"}
+{"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport actionContainerClasses, {\n  HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport { HvActionGeneric, HvActionsGeneric, HvButton } from \"@core/components\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { ClassNames } from \"@emotion/react\";\nimport { styles } from \"./ActionContainer.styles\";\n\nexport interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display. */\n  action?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionContainerClasses;\n}\n\nexport const HvActionContainer = ({\n  id,\n  classes,\n  onClose,\n  action,\n  actionCallback,\n  ...others\n}: HvActionContainerProps) => {\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div\n          className={cx(\n            actionContainerClasses.actionContainer,\n            css(styles.actionContainer),\n            classes?.actionContainer\n          )}\n        >\n          <HvButton\n            icon\n            className={cx(\n              actionContainerClasses.closeAction,\n              css(styles.closeAction),\n              classes?.closeAction\n            )}\n            variant=\"semantic\"\n            aria-label=\"Close\"\n            onClick={onClose}\n            tabIndex={0}\n            {...others}\n          >\n            <Close\n              iconSize=\"XS\"\n              className={cx(\n                actionContainerClasses.iconContainer,\n                css(styles.iconContainer),\n                classes?.iconContainer\n              )}\n              color=\"base2\"\n            />\n          </HvButton>\n          {action && (\n            <div\n              className={cx(\n                actionContainerClasses.actionsInnerContainer,\n                css(styles.actionsInnerContainer),\n                classes?.actionsInnerContainer\n              )}\n            >\n              <HvActionsGeneric\n                id={id}\n                category=\"semantic\"\n                actions={action}\n                actionsCallback={actionCallback}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","ClassNames","children","css","cx","className","actionContainerClasses","actionContainer","styles","_jsx","HvButton","icon","closeAction","variant","onClick","tabIndex","Close","iconSize","iconContainer","color","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;AAwBO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,sCACP,OAAA;AAAA,MACEC,WAAWD,GACTE,uBAAuBC,QAAAA,iBACvBJ,IAAIK,uBAAAA,OAAOD,eAAe,GAC1BX,mCAASW,eAAe;AAAA,MACxBL,UAAA,CAEFO,2BAAAA,IAACC,iBAAQ;AAAA,QACPC,MAAI;AAAA,QACJN,WAAWD,GACTE,uBAAuBM,QAAAA,aACvBT,IAAIK,uBAAAA,OAAOI,WAAW,GACtBhB,mCAASgB,WAAW;AAAA,QAEtBC,SAAQ;AAAA,QACR,cAAW;AAAA,QACXC,SAASjB;AAAAA,QACTkB,UAAU;AAAA,QAAE,GACRf;AAAAA,QAAME,yCAETc,uBAAK;AAAA,UACJC,UAAS;AAAA,UACTZ,WAAWD,GACTE,uBAAuBY,QAAAA,eACvBf,IAAIK,uBAAAA,OAAOU,aAAa,GACxBtB,mCAASsB,aAAa;AAAA,UAExBC,OAAM;AAAA,QAAA,CAAO;AAAA,MAAA,CAEN,GACVrB,UACCW,2BAAAA,IAAA,OAAA;AAAA,QACEJ,WAAWD,GACTE,uBAAuBc,QAAAA,uBACvBjB,IAAIK,uBAAAA,OAAOY,qBAAqB,GAChCxB,mCAASwB,qBAAqB;AAAA,QAC9BlB,yCAEDmB,iCAAgB;AAAA,UACf1B;AAAAA,UACA2B,UAAS;AAAA,UACTC,SAASzB;AAAAA,UACT0B,iBAAiBzB;AAAAA,QAAAA,CAAe;AAAA,MAAA,CAGrC,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAGM;AAEjB;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.cjs

@@ -1,98 +1,29 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const React = require("react");
-const hexToRgbA = require("../../../../utils/hexToRgbA.cjs");
-const transientOptions = require("../../../../utils/transientOptions.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Button = require("../../../Button/Button.cjs");
 const focusUtils = require("../../../../utils/focusUtils.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+const styles = {
+  actionContainer: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    justifyContent: "space-between"
+  },
+  actionsInnerContainer: {
+    flexDirection: "row",
+    marginTop: "8px"
+    // avoid overlap with close button outline focus ring
+  },
+  closeAction: {
+    alignSelf: "flex-end",
+    cursor: "pointer",
+    "&:focus": {
+      ...focusUtils.outlineStyles
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledActionContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "euz8sqk3"
-} : {
-  target: "euz8sqk3",
-  label: "StyledActionContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "tinu7p",
-  styles: "display:flex;flex-direction:column;height:100%;justify-content:space-between"
-} : {
-  name: "tinu7p",
-  styles: "display:flex;flex-direction:column;height:100%;justify-content:space-between",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0FjdGlvbkNvbnRhaW5lci9BY3Rpb25Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEh2QnV0dG9uLCBIdkJ1dHRvblByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJAY29yZS91dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUmVmPEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYXNlQ29sb3IgfTogeyAkYmFzZUNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlID0gc3R5bGVkKENsb3NlKSh7XG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uc0lubmVyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luVG9wOiBcIjhweFwiLCAvLyBhdm9pZCBvdmVybGFwIHdpdGggY2xvc2UgYnV0dG9uIG91dGxpbmUgZm9jdXMgcmluZ1xufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-    ...props,
-    ref
-  });
-}), process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "euz8sqk2"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "euz8sqk2",
-  label: "StyledButton"
-}, transientOptions.transientOptions))(({
-  $baseColor
-}) => ({
-  alignSelf: "flex-end",
-  cursor: "pointer",
-  "&:hover": {
-    backgroundColor: hexToRgbA.default($baseColor, 0.3)
   },
-  "&:focus": {
-    ...focusUtils.outlineStyles
+  iconContainer: {
+    width: "32px",
+    height: "32px"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0FjdGlvbkNvbnRhaW5lci9BY3Rpb25Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEh2QnV0dG9uLCBIdkJ1dHRvblByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJAY29yZS91dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUmVmPEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYXNlQ29sb3IgfTogeyAkYmFzZUNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlID0gc3R5bGVkKENsb3NlKSh7XG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uc0lubmVyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luVG9wOiBcIjhweFwiLCAvLyBhdm9pZCBvdmVybGFwIHdpdGggY2xvc2UgYnV0dG9uIG91dGxpbmUgZm9jdXMgcmluZ1xufSk7XG4iXX0= */");
-const StyledClose = /* @__PURE__ */ _styled__default.default(uikitReactIcons.Close, process.env.NODE_ENV === "production" ? {
-  target: "euz8sqk1"
-} : {
-  target: "euz8sqk1",
-  label: "StyledClose"
-})(process.env.NODE_ENV === "production" ? {
-  name: "68x97p",
-  styles: "width:32px;height:32px"
-} : {
-  name: "68x97p",
-  styles: "width:32px;height:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9BY3Rpb25Db250YWluZXIvQWN0aW9uQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwiQGNvcmUvdXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYmFzZUNvbG9yIH06IHsgJGJhc2VDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIGFsaWduU2VsZjogXCJmbGV4LWVuZFwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChDbG9zZSkoe1xuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNJbm5lckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpblRvcDogXCI4cHhcIiwgLy8gYXZvaWQgb3ZlcmxhcCB3aXRoIGNsb3NlIGJ1dHRvbiBvdXRsaW5lIGZvY3VzIHJpbmdcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledActionsInnerContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "euz8sqk0"
-} : {
-  target: "euz8sqk0",
-  label: "StyledActionsInnerContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "cb7jcz",
-  styles: "flex-direction:row;margin-top:8px"
-} : {
-  name: "cb7jcz",
-  styles: "flex-direction:row;margin-top:8px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DMkMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9BY3Rpb25Db250YWluZXIvQWN0aW9uQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwiQGNvcmUvdXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYmFzZUNvbG9yIH06IHsgJGJhc2VDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIGFsaWduU2VsZjogXCJmbGV4LWVuZFwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChDbG9zZSkoe1xuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNJbm5lckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpblRvcDogXCI4cHhcIiwgLy8gYXZvaWQgb3ZlcmxhcCB3aXRoIGNsb3NlIGJ1dHRvbiBvdXRsaW5lIGZvY3VzIHJpbmdcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-exports.StyledActionContainer = StyledActionContainer;
-exports.StyledActionsInnerContainer = StyledActionsInnerContainer;
-exports.StyledButton = StyledButton;
-exports.StyledClose = StyledClose;
+};
+exports.styles = styles;
 //# sourceMappingURL=ActionContainer.styles.cjs.map

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { forwardRef, Ref } from \"react\";\nimport { HvButton, HvButtonProps } from \"@core/components\";\nimport { outlineStyles } from \"@core/utils\";\nimport fade from \"@core/utils/hexToRgbA\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledActionContainer = styled(\"div\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  height: \"100%\",\n  justifyContent: \"space-between\",\n});\n\nexport const StyledButton = styled(\n  forwardRef((props: HvButtonProps, ref?: Ref<HTMLButtonElement>) => {\n    return <HvButton {...props} ref={ref} />;\n  }),\n  transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n  alignSelf: \"flex-end\",\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: fade($baseColor, 0.3),\n  },\n  \"&:focus\": {\n    ...outlineStyles,\n  },\n}));\n\nexport const StyledClose = styled(Close)({\n  width: \"32px\",\n  height: \"32px\",\n});\n\nexport const StyledActionsInnerContainer = styled(\"div\")({\n  flexDirection: \"row\",\n  marginTop: \"8px\", // avoid overlap with close button outline focus ring\n});\n"],"names":["StyledActionContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","forwardRef","props","ref","HvButton","_extends","transientOptions","$baseColor","alignSelf","cursor","backgroundColor","fade","outlineStyles","StyledClose","Close","StyledActionsInnerContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,wBAA+BC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKhD;AAEK,MAAMC,eAAeX,iCAAAA,QAC1BY,MAAAA,WAAW,CAACC,OAAsBC,QAAiC;AACjE,wCAAQC,OAAAA,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAACb,QAAAC,IAAAC,4BAAAa,SAAA,IAAA;AAAA,EAAAZ,QAAA;AAAA,GACFa,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAZ,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBY,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAmC,OAAO;AAAA,EAC7CC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKJ,YAAY,GAAG;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,IACT,GAAGK,WAAAA;AAAAA,EACL;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6oEAAA;AAEI,MAAMqB,cAAqBC,iCAAAA,QAAAA,gBAAAA,OAAKxB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtC;AAEK,MAAMgB,8BAAqC1B,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtD;;;;;"}
+{"version":3,"file":"ActionContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { outlineStyles } from \"@core/utils\";\nimport { HvActionContainerClasses } from \"./actionContainerClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvActionContainerClasses, CSSInterpolation>\n> = {\n  actionContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  actionsInnerContainer: {\n    flexDirection: \"row\",\n    marginTop: \"8px\", // avoid overlap with close button outline focus ring\n  },\n  closeAction: {\n    alignSelf: \"flex-end\",\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  iconContainer: {\n    width: \"32px\",\n    height: \"32px\",\n  },\n};\n"],"names":["styles","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","outlineStyles","iconContainer","width"],"mappings":";;;AAIO,MAAMA,SAET;AAAA,EACFC,iBAAiB;AAAA,IACfC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,EAClB;AAAA,EACAC,uBAAuB;AAAA,IACrBH,eAAe;AAAA,IACfI,WAAW;AAAA;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAGC,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,OAAO;AAAA,IACPT,QAAQ;AAAA,EACV;AACF;;"}

package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs

@@ -1,13 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const React = require("react");
+const SnackbarContent = require("@mui/material/SnackbarContent");
 const bannerContentClasses = require("./bannerContentClasses.cjs");
+const react = require("@emotion/react");
 const BannerContent_styles = require("./BannerContent.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = require("../../../utils/iconVariant.cjs");
 const MessageContainer = require("./MessageContainer/MessageContainer.cjs");
 const ActionContainer = require("./ActionContainer/ActionContainer.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const SnackbarContent__default = /* @__PURE__ */ _interopDefault(SnackbarContent);
 const HvBannerContent = React.forwardRef(({
   id,
   classes,
@@ -24,37 +27,41 @@ const HvBannerContent = React.forwardRef(({
 }, ref) => {
   const icon = customIcon || showIcon && iconVariant.default(variant, "base_dark", void 0);
   const effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
-  return /* @__PURE__ */ jsxRuntime.jsx(BannerContent_styles.StyledRoot, {
-    className: clsx.clsx(bannerContentClasses.default.outContainer, classes == null ? void 0 : classes.outContainer),
-    children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent_styles.StyledSnackbarContent, {
-      ref,
-      id,
-      classes: {
-        root: clsx.clsx(bannerContentClasses.default.root, classes == null ? void 0 : classes.root),
-        message: clsx.clsx(bannerContentClasses.default.message, classes == null ? void 0 : classes.message),
-        action: clsx.clsx(bannerContentClasses.default.action, classes == null ? void 0 : classes.action)
-      },
-      className: clsx.clsx(bannerContentClasses.default.baseVariant, classes == null ? void 0 : classes.baseVariant, bannerContentClasses.default[variant], classes == null ? void 0 : classes[variant]),
-      message: /* @__PURE__ */ jsxRuntime.jsx(MessageContainer.HvMessageContainer, {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css,
+      cx
+    }) => /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: cx(bannerContentClasses.default.outContainer, css(BannerContent_styles.styles.outContainer), classes == null ? void 0 : classes.outContainer),
+      children: /* @__PURE__ */ jsxRuntime.jsx(SnackbarContent__default.default, {
+        ref,
         id,
-        icon,
-        ...effectiveActionsPosition === "inline" && {
-          actionsOnMessage: actions,
-          actionsOnMessageCallback: actionsCallback
+        classes: {
+          root: cx(bannerContentClasses.default.root, css(BannerContent_styles.styles.root), classes == null ? void 0 : classes.root),
+          message: cx(bannerContentClasses.default.message, css(BannerContent_styles.styles.message), classes == null ? void 0 : classes.message),
+          action: cx(bannerContentClasses.default.action, css(BannerContent_styles.styles.action), classes == null ? void 0 : classes.action)
         },
-        message: content
-      }),
-      action: /* @__PURE__ */ jsxRuntime.jsx(ActionContainer.HvActionContainer, {
-        id,
-        onClose,
-        ...effectiveActionsPosition === "bottom-right" && {
-          action: actions,
-          actionCallback: actionsCallback
-        },
-        ...actionProps
-      }),
-      $variant: variant,
-      ...others
+        className: cx(bannerContentClasses.default.baseVariant, css(BannerContent_styles.styles.baseVariant), classes == null ? void 0 : classes.baseVariant, bannerContentClasses.default[variant], css(BannerContent_styles.styles[variant]), classes == null ? void 0 : classes[variant]),
+        message: /* @__PURE__ */ jsxRuntime.jsx(MessageContainer.HvMessageContainer, {
+          id,
+          icon,
+          ...effectiveActionsPosition === "inline" && {
+            actionsOnMessage: actions,
+            actionsOnMessageCallback: actionsCallback
+          },
+          message: content
+        }),
+        action: /* @__PURE__ */ jsxRuntime.jsx(ActionContainer.HvActionContainer, {
+          id,
+          onClose,
+          ...effectiveActionsPosition === "bottom-right" && {
+            action: actions,
+            actionCallback: actionsCallback
+          },
+          ...actionProps
+        }),
+        ...others
+      })
     })
   });
 });

package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"@core/types\";\nimport { iconVariant } from \"@core/utils\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"@core/components\";\nimport bannerContentClasses, {\n  HvBannerContentClasses,\n} from \"./bannerContentClasses\";\nimport { HvActionContainer, HvActionContainerProps } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { StyledRoot, StyledSnackbarContent } from \"./BannerContent.styles\";\n\nexport interface HvBannerContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"classes\" | \"onClose\">,\n    HvBaseProps {\n  /** The message to display. */\n  content?: string;\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** The props to pass down to the Action Container. */\n  actionProps?: HvActionContainerProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBannerContentClasses;\n}\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n  (\n    {\n      id,\n      classes,\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    },\n    ref\n  ) => {\n    const icon =\n      customIcon || (showIcon && iconVariant(variant, \"base_dark\", undefined));\n\n    // default to inline\n    // this might try to be more intelligent in the future,\n    // taking into account the content length, available space,\n    // number of actions, etc..\n    const effectiveActionsPosition =\n      actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n    return (\n      <StyledRoot\n        className={clsx(\n          bannerContentClasses.outContainer,\n          classes?.outContainer\n        )}\n      >\n        <StyledSnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: clsx(bannerContentClasses.root, classes?.root),\n            message: clsx(bannerContentClasses.message, classes?.message),\n            action: clsx(bannerContentClasses.action, classes?.action),\n          }}\n          className={clsx(\n            bannerContentClasses.baseVariant,\n            classes?.baseVariant,\n            bannerContentClasses[variant],\n            classes?.[variant]\n          )}\n          message={\n            <HvMessageContainer\n              id={id}\n              icon={icon}\n              {...(effectiveActionsPosition === \"inline\" && {\n                actionsOnMessage: actions,\n                actionsOnMessageCallback: actionsCallback,\n              })}\n              message={content}\n            />\n          }\n          action={\n            <HvActionContainer\n              id={id}\n              onClose={onClose}\n              {...(effectiveActionsPosition === \"bottom-right\" && {\n                action: actions,\n                actionCallback: actionsCallback,\n              })}\n              {...actionProps}\n            />\n          }\n          $variant={variant as HvBannerVariant}\n          {...others}\n        />\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","StyledRoot","className","clsx","bannerContentClasses","outContainer","children","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback","$variant"],"mappings":";;;;;;;;;;AA8CaA,MAAAA,kBAAkBC,iBAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAAA,QAAYV,SAAS,aAAaW,MAAS;AAMlEC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACGS,qBAAAA,YAAU;AAAA,IACTC,WAAWC,KAAAA,KACTC,qBAAAA,QAAqBC,cACrBpB,mCAASoB,YAAY;AAAA,IACrBC,yCAEDC,4CAAqB;AAAA,MACpBX;AAAAA,MACAZ;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAML,KAAAA,KAAKC,qBAAAA,QAAqBI,MAAMvB,mCAASuB,IAAI;AAAA,QACnDC,SAASN,KAAAA,KAAKC,qBAAAA,QAAqBK,SAASxB,mCAASwB,OAAO;AAAA,QAC5DC,QAAQP,KAAAA,KAAKC,qBAAAA,QAAqBM,QAAQzB,mCAASyB,MAAM;AAAA,MAC3D;AAAA,MACAR,WAAWC,KACTC,KAAAA,6BAAqBO,aACrB1B,mCAAS0B,aACTP,qBAAAA,QAAqBhB,OAAO,GAC5BH,mCAAUG,QAAQ;AAAA,MAEpBqB,wCACGG,qCAAkB;AAAA,QACjB5B;AAAAA,QACAa;AAAAA,QAAW,GACNG,6BAA6B,YAAY;AAAA,UAC5Ca,kBAAkBvB;AAAAA,UAClBwB,0BAA0BvB;AAAAA,QAC5B;AAAA,QACAkB,SAAShB;AAAAA,MAAAA,CAEZ;AAAA,MACDiB,uCACGK,mCAAiB;AAAA,QAChB/B;AAAAA,QACAK;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDU,QAAQpB;AAAAA,UACR0B,gBAAgBzB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CAEP;AAAA,MACDuB,UAAU7B;AAAAA,MAA2B,GACjCO;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAED;AAEjB,CAAC;;"}
+{"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"@core/types\";\nimport { iconVariant } from \"@core/utils\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"@core/components\";\nimport bannerContentClasses, {\n  HvBannerContentClasses,\n} from \"./bannerContentClasses\";\nimport { HvActionContainer, HvActionContainerProps } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { ClassNames } from \"@emotion/react\";\nimport { styles } from \"./BannerContent.styles\";\n\nexport interface HvBannerContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"classes\" | \"onClose\">,\n    HvBaseProps {\n  /** The message to display. */\n  content?: string;\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** The props to pass down to the Action Container. */\n  actionProps?: HvActionContainerProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBannerContentClasses;\n}\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n  (\n    {\n      id,\n      classes,\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    },\n    ref\n  ) => {\n    const icon =\n      customIcon || (showIcon && iconVariant(variant, \"base_dark\", undefined));\n\n    // default to inline\n    // this might try to be more intelligent in the future,\n    // taking into account the content length, available space,\n    // number of actions, etc..\n    const effectiveActionsPosition =\n      actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n    return (\n      <ClassNames>\n        {({ css, cx }) => (\n          <div\n            className={cx(\n              bannerContentClasses.outContainer,\n              css(styles.outContainer),\n              classes?.outContainer\n            )}\n          >\n            <SnackbarContent\n              ref={ref}\n              id={id}\n              classes={{\n                root: cx(\n                  bannerContentClasses.root,\n                  css(styles.root),\n                  classes?.root\n                ),\n                message: cx(\n                  bannerContentClasses.message,\n                  css(styles.message),\n                  classes?.message\n                ),\n                action: cx(\n                  bannerContentClasses.action,\n                  css(styles.action),\n                  classes?.action\n                ),\n              }}\n              className={cx(\n                bannerContentClasses.baseVariant,\n                css(styles.baseVariant),\n                classes?.baseVariant,\n                bannerContentClasses[variant],\n                css(styles[variant]),\n                classes?.[variant]\n              )}\n              message={\n                <HvMessageContainer\n                  id={id}\n                  icon={icon}\n                  {...(effectiveActionsPosition === \"inline\" && {\n                    actionsOnMessage: actions,\n                    actionsOnMessageCallback: actionsCallback,\n                  })}\n                  message={content}\n                />\n              }\n              action={\n                <HvActionContainer\n                  id={id}\n                  onClose={onClose}\n                  {...(effectiveActionsPosition === \"bottom-right\" && {\n                    action: actions,\n                    actionCallback: actionsCallback,\n                  })}\n                  {...actionProps}\n                />\n              }\n              {...others}\n            />\n          </div>\n        )}\n      </ClassNames>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","ClassNames","children","css","cx","className","bannerContentClasses","outContainer","styles","SnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback"],"mappings":";;;;;;;;;;;;;AAgDaA,MAAAA,kBAAkBC,iBAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAAA,QAAYV,SAAS,aAAaW,MAAS;AAMlEC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACGS,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,qCACP,OAAA;AAAA,MACEC,WAAWD,GACTE,qBAAqBC,QAAAA,cACrBJ,IAAIK,qBAAAA,OAAOD,YAAY,GACvBtB,mCAASsB,YAAY;AAAA,MACrBL,yCAEDO,kCAAe;AAAA,QACdb;AAAAA,QACAZ;AAAAA,QACAC,SAAS;AAAA,UACPyB,MAAMN,GACJE,qBAAqBI,QAAAA,MACrBP,IAAIK,qBAAAA,OAAOE,IAAI,GACfzB,mCAASyB,IAAI;AAAA,UAEfC,SAASP,GACPE,qBAAqBK,QAAAA,SACrBR,IAAIK,qBAAAA,OAAOG,OAAO,GAClB1B,mCAAS0B,OAAO;AAAA,UAElBC,QAAQR,GACNE,qBAAqBM,QAAAA,QACrBT,IAAIK,qBAAAA,OAAOI,MAAM,GACjB3B,mCAAS2B,MAAM;AAAA,QAEnB;AAAA,QACAP,WAAWD,GACTE,qBAAAA,QAAqBO,aACrBV,IAAIK,4BAAOK,WAAW,GACtB5B,mCAAS4B,aACTP,qBAAAA,QAAqBlB,OAAO,GAC5Be,IAAIK,qBAAOpB,OAAAA,OAAO,CAAC,GACnBH,mCAAUG,QAAQ;AAAA,QAEpBuB,wCACGG,qCAAkB;AAAA,UACjB9B;AAAAA,UACAa;AAAAA,UAAW,GACNG,6BAA6B,YAAY;AAAA,YAC5Ce,kBAAkBzB;AAAAA,YAClB0B,0BAA0BzB;AAAAA,UAC5B;AAAA,UACAoB,SAASlB;AAAAA,QAAAA,CAEZ;AAAA,QACDmB,uCACGK,mCAAiB;AAAA,UAChBjC;AAAAA,UACAK;AAAAA,UAAiB,GACZW,6BAA6B,kBAAkB;AAAA,YAClDY,QAAQtB;AAAAA,YACR4B,gBAAgB3B;AAAAA,UAClB;AAAA,UAAC,GACGG;AAAAA,QAAAA,CAEP;AAAA,QAAA,GACGC;AAAAA,MAAAA,CAAM;AAAA,IAAA,CACV;AAAA,EAAA,CAGK;AAEjB,CAAC;;"}