@join-x5/react-snackbar 1.0.0-rc

package/dist/Actions/index.d.ts

@@ -0,0 +1,2 @@
+import { SnackbarAction } from '../types';
+export declare const getAction: (action: SnackbarAction, index: number) => string | number | boolean | Iterable<import('react').ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;

package/dist/Actions/index.es.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { SizeTokenValue as n } from "@join-x5/react-theme";
+import { Button as i, ButtonVariant as o, Link as f } from "@join-x5/react";
+const s = (r, t) => {
+  if (r && typeof r == "object") {
+    if ("isButton" in r)
+      return /* @__PURE__ */ e(i, { variant: o.InnerSnackbar, size: n.Small, ...r }, t);
+    if ("isLink" in r)
+      return /* @__PURE__ */ e(f, { ...r }, t);
+  }
+  return r;
+};
+export {
+  s as getAction
+};
+//# sourceMappingURL=index.es.js.map

package/dist/Actions/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/Actions/index.tsx"],"sourcesContent":["import {SizeTokenValue} from '@join-x5/react-theme';\nimport {Link, Button, ButtonVariant} from '@join-x5/react';\n\nimport type {SnackbarAction} from '../types';\n\nexport const getAction = (action: SnackbarAction, index: number) => {\n  if (action && typeof action === 'object') {\n    if ('isButton' in action) {\n      return <Button key={index} variant={ButtonVariant.InnerSnackbar} size={SizeTokenValue.Small} {...action} />;\n    }\n\n    if ('isLink' in action) {\n      return <Link key={index} {...action} />;\n    }\n  }\n\n  return action;\n};\n"],"names":["getAction","action","index","jsx","Button","ButtonVariant","InnerSnackbar","SizeTokenValue","Small","Link"],"mappings":";;;AAKaA,MAAAA,IAAYA,CAACC,GAAwBC,MAAkB;AAC9DD,MAAAA,KAAU,OAAOA,KAAW,UAAU;AACxC,QAAI,cAAcA;AACT,aAAA,gBAAAE,EAACC,GAAmB,EAAA,SAASC,EAAcC,eAAe,MAAMC,EAAeC,OAAO,GAAIP,EAAAA,GAA7EC,CAAuF;AAG7G,QAAI,YAAYD;AACd,aAAQ,gBAAAE,EAAAM,GAAA,EAAiB,GAAIR,EAAAA,GAAXC,CAAqB;AAAA,EACzC;AAGKD,SAAAA;AACT;"}

package/dist/ActionsBottom/index.d.ts

@@ -0,0 +1,3 @@
+import { SnackbarContentProps } from '../types';
+import { RequiredQA } from '@join-x5/react-theme';
+export declare const ActionsBottom: React.FC<SnackbarContentProps & RequiredQA>;

package/dist/ActionsBottom/index.es.js

@@ -0,0 +1,28 @@
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import l from "@emotion/styled/base";
+import { getAction as b } from "../Actions/index.es.js";
+function i() {
+  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 o = /* @__PURE__ */ l("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yl44r30"
+} : {
+  target: "e1yl44r30",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? {
+  name: "6gqwlt",
+  styles: "display:flex;align-items:center;justify-content:flex-end;padding-top:4px;gap:8px"
+} : {
+  name: "6gqwlt",
+  styles: "display:flex;align-items:center;justify-content:flex-end;padding-top:4px;gap:8px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9BY3Rpb25zQm90dG9tL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNEIiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL0FjdGlvbnNCb3R0b20vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge2dldEFjdGlvbn0gZnJvbSAnLi4vQWN0aW9ucyc7XG5cbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgcGFkZGluZy10b3A6IDRweDtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgQWN0aW9uc0JvdHRvbTogUmVhY3QuRkM8U25hY2tiYXJDb250ZW50UHJvcHMgJiBSZXF1aXJlZFFBPiA9IHByb3BzID0+IHtcbiAgY29uc3Qge2FjdGlvbnNCb3R0b20gPSBbXX0gPSBwcm9wcy5tZXNzYWdlO1xuXG4gIGNvbnN0IGNoaWxkID0gYWN0aW9uc0JvdHRvbS5tYXAoZ2V0QWN0aW9uKS5maWx0ZXIoQm9vbGVhbik7XG5cbiAgaWYgKCFjaGlsZC5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiA8Q29udGFpbmVyIGRhdGEtcWE9e2Ake3Byb3BzLnFhfS1hY3Rpb25zLWJvdHRvbWB9PntjaGlsZH08L0NvbnRhaW5lcj47XG59O1xuIl19 */",
+  toString: i
+}), s = (t) => {
+  const {
+    actionsBottom: n = []
+  } = t.message, e = n.map(b).filter(Boolean);
+  return e.length ? /* @__PURE__ */ c(o, { "data-qa": `${t.qa}-actions-bottom`, children: e }) : null;
+};
+export {
+  s as ActionsBottom
+};
+//# sourceMappingURL=index.es.js.map

package/dist/ActionsBottom/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/ActionsBottom/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n\nimport {getAction} from '../Actions';\n\nimport type {SnackbarContentProps} from '../types';\nimport type {RequiredQA} from '@join-x5/react-theme';\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding-top: 4px;\n  gap: 8px;\n`;\n\nexport const ActionsBottom: React.FC<SnackbarContentProps & RequiredQA> = props => {\n  const {actionsBottom = []} = props.message;\n\n  const child = actionsBottom.map(getAction).filter(Boolean);\n\n  if (!child.length) {\n    return null;\n  }\n\n  return <Container data-qa={`${props.qa}-actions-bottom`}>{child}</Container>;\n};\n"],"names":["Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ActionsBottom","props","actionsBottom","message","child","map","getAction","filter","Boolean","length","qa"],"mappings":";;;;;;AAOA,MAAMA,IAAS,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,UAAAC;AAAA,CAMd,GAEYC,IAA6DC,CAASA,MAAA;AAC3E,QAAA;AAAA,IAACC,eAAAA,IAAgB,CAAA;AAAA,MAAMD,EAAME,SAE7BC,IAAQF,EAAcG,IAAIC,CAAS,EAAEC,OAAOC,OAAO;AAErD,SAACJ,EAAMK,2BAIHpB,GAAU,EAAA,WAAS,GAAGY,EAAMS,EAAE,mBAAoBN,UAAMA,EAAA,CAAA,IAHvD;AAIX;"}

package/dist/ActionsTop/index.d.ts

@@ -0,0 +1,3 @@
+import { RequiredQA } from '@join-x5/react-theme';
+import { SnackbarContentProps } from '../types';
+export declare const ActionsTop: React.FC<SnackbarContentProps & RequiredQA>;

package/dist/ActionsTop/index.es.js

@@ -0,0 +1,41 @@
+import { jsx as b } from "@emotion/react/jsx-runtime";
+import I from "@emotion/styled/base";
+import { closeSnackbar as g } from "notistack";
+import { SizeTokenValue as l } from "@join-x5/react-theme";
+import { CloseIcon as s } from "@join-x5/react-icons";
+import { IconButton as m, ButtonVariant as d } from "@join-x5/react";
+import { getAction as u } from "../Actions/index.es.js";
+function C() {
+  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 G = /* @__PURE__ */ I("div", process.env.NODE_ENV === "production" ? {
+  target: "e1n2lhaj0"
+} : {
+  target: "e1n2lhaj0",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1o129hd",
+  styles: "display:flex;align-items:flex-start"
+} : {
+  name: "1o129hd",
+  styles: "display:flex;align-items:flex-start/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9BY3Rpb25zVG9wL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL0FjdGlvbnNUb3AvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtjbG9zZVNuYWNrYmFyfSBmcm9tICdub3Rpc3RhY2snO1xuXG5pbXBvcnQge1NpemVUb2tlblZhbHVlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQge0Nsb3NlSWNvbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtaWNvbnMnO1xuaW1wb3J0IHtCdXR0b25WYXJpYW50LCBJY29uQnV0dG9ufSBmcm9tICdAam9pbi14NS9yZWFjdCc7XG5cbmltcG9ydCB7Z2V0QWN0aW9ufSBmcm9tICcuLi9BY3Rpb25zJztcblxuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBY3Rpb25zVG9wOiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcyAmIFJlcXVpcmVkUUE+ID0gKHtxYSwgbWVzc2FnZX0pID0+IHtcbiAgY29uc3Qge2tleSwgY2xvc2FibGUsIGFjdGlvbnNUb3AgPSBbXX0gPSBtZXNzYWdlO1xuXG4gIGNvbnN0IGNoaWxkID0gYWN0aW9uc1RvcC5tYXAoZ2V0QWN0aW9uKS5maWx0ZXIoQm9vbGVhbik7XG5cbiAgaWYgKGNsb3NhYmxlKSB7XG4gICAgY29uc3Qgb25DbG9zZSA9ICgpID0+IGNsb3NlU25hY2tiYXIoa2V5KTtcblxuICAgIGNoaWxkLnB1c2goXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBrZXk9XCJjbG9zZWJ1dHRvblwiXG4gICAgICAgIHFhPXtgJHtxYX0tY2xvc2VgfVxuICAgICAgICBzaXplPXtTaXplVG9rZW5WYWx1ZS5TbWFsbH1cbiAgICAgICAgdmFyaWFudD17QnV0dG9uVmFyaWFudC5Jbm5lcn1cbiAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgID5cbiAgICAgICAgPENsb3NlSWNvbiBzaXplPXtTaXplVG9rZW5WYWx1ZS5TbWFsbH0gLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICApO1xuICB9XG5cbiAgaWYgKCFjaGlsZC5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiA8Q29udGFpbmVyIGRhdGEtcWE9e2Ake3FhfS1hY3Rpb25zLXRvcGB9PntjaGlsZH08L0NvbnRhaW5lcj47XG59O1xuIl19 */",
+  toString: C
+}), Z = ({
+  qa: c,
+  message: n
+}) => {
+  const {
+    key: a,
+    closable: o,
+    actionsTop: e = []
+  } = n, t = e.map(u).filter(Boolean);
+  if (o) {
+    const i = () => g(a);
+    t.push(/* @__PURE__ */ b(m, { qa: `${c}-close`, size: l.Small, variant: d.Inner, onClick: i, children: /* @__PURE__ */ b(s, { size: l.Small }) }, "closebutton"));
+  }
+  return t.length ? /* @__PURE__ */ b(G, { "data-qa": `${c}-actions-top`, children: t }) : null;
+};
+export {
+  Z as ActionsTop
+};
+//# sourceMappingURL=index.es.js.map

package/dist/ActionsTop/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/ActionsTop/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {closeSnackbar} from 'notistack';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\nimport {CloseIcon} from '@join-x5/react-icons';\nimport {ButtonVariant, IconButton} from '@join-x5/react';\n\nimport {getAction} from '../Actions';\n\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {SnackbarContentProps} from '../types';\n\nconst Container = styled.div`\n  display: flex;\n  align-items: flex-start;\n`;\n\nexport const ActionsTop: React.FC<SnackbarContentProps & RequiredQA> = ({qa, message}) => {\n  const {key, closable, actionsTop = []} = message;\n\n  const child = actionsTop.map(getAction).filter(Boolean);\n\n  if (closable) {\n    const onClose = () => closeSnackbar(key);\n\n    child.push(\n      <IconButton\n        key=\"closebutton\"\n        qa={`${qa}-close`}\n        size={SizeTokenValue.Small}\n        variant={ButtonVariant.Inner}\n        onClick={onClose}\n      >\n        <CloseIcon size={SizeTokenValue.Small} />\n      </IconButton>\n    );\n  }\n\n  if (!child.length) {\n    return null;\n  }\n\n  return <Container data-qa={`${qa}-actions-top`}>{child}</Container>;\n};\n"],"names":["Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ActionsTop","qa","message","key","closable","actionsTop","child","map","getAction","filter","Boolean","onClose","closeSnackbar","push","IconButton","SizeTokenValue","Small","ButtonVariant","Inner","jsx","CloseIcon","length"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAS,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,UAAAC;AAAA,CAGd,GAEYC,IAA0DA,CAAC;AAAA,EAACC,IAAAA;AAAAA,EAAIC,SAAAA;AAAO,MAAM;AAClF,QAAA;AAAA,IAACC,KAAAA;AAAAA,IAAKC,UAAAA;AAAAA,IAAUC,YAAAA,IAAa,CAAA;AAAA,EAAA,IAAMH,GAEnCI,IAAQD,EAAWE,IAAIC,CAAS,EAAEC,OAAOC,OAAO;AAEtD,MAAIN,GAAU;AACNO,UAAAA,IAAUA,MAAMC,EAAcT,CAAG;AAEjCU,IAAAA,EAAAA,uBACHC,GAEC,EAAA,IAAI,GAAGb,CAAE,UACT,MAAMc,EAAeC,OACrB,SAASC,EAAcC,OACvB,SAASP,GAET,UAAC,gBAAAQ,EAAAC,GAAA,EAAU,MAAML,EAAeC,MAAAA,CAAM,EANlC,GAAA,aAON,CACF;AAAA,EAAA;AAGE,SAACV,EAAMe,2BAIHhC,GAAU,EAAA,WAAS,GAAGY,CAAE,gBAAiBK,UAAMA,GAAA,IAH9C;AAIX;"}

package/dist/MessageComponent/index.d.ts

@@ -0,0 +1,2 @@
+import { SnackbarContentProps } from '../types';
+export declare const MessageComponent: React.FC<SnackbarContentProps>;

package/dist/MessageComponent/index.es.js

@@ -0,0 +1,90 @@
+import { jsxs as l, jsx as I } from "@emotion/react/jsx-runtime";
+import t from "@emotion/styled/base";
+import { ActionsTop as m } from "../ActionsTop/index.es.js";
+import { ActionsBottom as A } from "../ActionsBottom/index.es.js";
+import { MessageContent as n } from "../MessageContent/index.es.js";
+import { MessageIcon as i } from "../MessageIcon/index.es.js";
+import { SnackbarVariant as C } from "../types.es.js";
+function G() {
+  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 d = /* @__PURE__ */ t("div", process.env.NODE_ENV === "production" ? {
+  target: "e14qqo9b2"
+} : {
+  target: "e14qqo9b2",
+  label: "Container"
+})("display:flex;align-items:flex-start;padding:8px;border-radius:4px;box-sizing:border-box;", (c) => {
+  let b;
+  switch (c.variant) {
+    case C.Success:
+      b = `-4px 0px 0px 0px ${c.theme.colors.additional.green[50]}`;
+      break;
+    case C.Warning:
+      b = `-4px 0px 0px 0px ${c.theme.colors.additional.yellow[50]}`;
+      break;
+    case C.Error:
+      b = `-4px 0px 0px 0px ${c.theme.colors.additional.red[50]}`;
+      break;
+  }
+  return {
+    boxShadow: b,
+    backgroundColor: c.theme.colors.grey[90]
+  };
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZbUUiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL01lc3NhZ2VDb21wb25lbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge0FjdGlvbnNUb3B9IGZyb20gJy4uL0FjdGlvbnNUb3AnO1xuaW1wb3J0IHtBY3Rpb25zQm90dG9tfSBmcm9tICcuLi9BY3Rpb25zQm90dG9tJztcbmltcG9ydCB7TWVzc2FnZUNvbnRlbnR9IGZyb20gJy4uL01lc3NhZ2VDb250ZW50JztcbmltcG9ydCB7TWVzc2FnZUljb259IGZyb20gJy4uL01lc3NhZ2VJY29uJztcblxuaW1wb3J0IHtTbmFja2JhclZhcmlhbnR9IGZyb20gJy4uL3R5cGVzJztcblxuaW1wb3J0IHR5cGUge0NTU1Byb3BlcnRpZXN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wcywgU25hY2tiYXJNZXNzYWdlSW5uZXJ9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQaWNrPFNuYWNrYmFyTWVzc2FnZUlubmVyLCAndmFyaWFudCc+PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIHBhZGRpbmc6IDhweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICR7cHJvcHMgPT4ge1xuICAgIGxldCBib3hTaGFkb3c6IENTU1Byb3BlcnRpZXNbJ2JveFNoYWRvdyddO1xuXG4gICAgc3dpdGNoIChwcm9wcy52YXJpYW50KSB7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5TdWNjZXNzOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLmdyZWVuWzUwXX1gO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgU25hY2tiYXJWYXJpYW50Lldhcm5pbmc6XG4gICAgICAgIGJveFNoYWRvdyA9IGAtNHB4IDBweCAwcHggMHB4ICR7cHJvcHMudGhlbWUuY29sb3JzLmFkZGl0aW9uYWwueWVsbG93WzUwXX1gO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgU25hY2tiYXJWYXJpYW50LkVycm9yOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnJlZFs1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIGJveFNoYWRvdyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbOTBdLFxuICAgIH07XG4gIH19XG5gO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuY29uc3QgVG9wID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAxNnB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2VDb21wb25lbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzPiA9IHByb3BzID0+IHtcbiAgY29uc3Qge3ZhcmlhbnQsIG1heFdpZHRoLCBjbGFzc05hbWUsIHN0eWxlLCBxYSA9ICdzbmFja2Jhci1tZXNzYWdlJ30gPSBwcm9wcy5tZXNzYWdlO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0gey4uLnByb3BzLCBxYX07XG5cbiAgY29uc3QgY29udGFpbmVyUHJvcHMgPSB7XG4gICAgdmFyaWFudCxcbiAgICBjbGFzc05hbWUsXG5cbiAgICAnZGF0YS1xYSc6IHFhLFxuXG4gICAgc3R5bGU6IHttYXhXaWR0aCwgLi4uc3R5bGV9LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciB7Li4uY29udGFpbmVyUHJvcHN9PlxuICAgICAgPE1lc3NhZ2VJY29uIHsuLi5yZXN1bHRQcm9wc30gLz5cblxuICAgICAgPENvbnRlbnQ+XG4gICAgICAgIDxUb3A+XG4gICAgICAgICAgPE1lc3NhZ2VDb250ZW50IHsuLi5yZXN1bHRQcm9wc30gLz5cbiAgICAgICAgICA8QWN0aW9uc1RvcCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgIDwvVG9wPlxuXG4gICAgICAgIDxBY3Rpb25zQm90dG9tIHsuLi5yZXN1bHRQcm9wc30gLz5cbiAgICAgIDwvQ29udGVudD5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */")), e = /* @__PURE__ */ t("div", process.env.NODE_ENV === "production" ? {
+  target: "e14qqo9b1"
+} : {
+  target: "e14qqo9b1",
+  label: "Content"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ff36h2",
+  styles: "flex-grow:1"
+} : {
+  name: "1ff36h2",
+  styles: "flex-grow:1/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QzBCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHtBY3Rpb25zVG9wfSBmcm9tICcuLi9BY3Rpb25zVG9wJztcbmltcG9ydCB7QWN0aW9uc0JvdHRvbX0gZnJvbSAnLi4vQWN0aW9uc0JvdHRvbSc7XG5pbXBvcnQge01lc3NhZ2VDb250ZW50fSBmcm9tICcuLi9NZXNzYWdlQ29udGVudCc7XG5pbXBvcnQge01lc3NhZ2VJY29ufSBmcm9tICcuLi9NZXNzYWdlSWNvbic7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiA4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+IHtcbiAgICBsZXQgYm94U2hhZG93OiBDU1NQcm9wZXJ0aWVzWydib3hTaGFkb3cnXTtcblxuICAgIHN3aXRjaCAocHJvcHMudmFyaWFudCkge1xuICAgICAgY2FzZSBTbmFja2JhclZhcmlhbnQuU3VjY2VzczpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5XYXJuaW5nOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5FcnJvcjpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdfWA7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaGFkb3csXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzkwXSxcbiAgICB9O1xuICB9fVxuYDtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmNvbnN0IFRvcCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMTZweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29tcG9uZW50OiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcz4gPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHt2YXJpYW50LCBtYXhXaWR0aCwgY2xhc3NOYW1lLCBzdHlsZSwgcWEgPSAnc25hY2tiYXItbWVzc2FnZSd9ID0gcHJvcHMubWVzc2FnZTtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHsuLi5wcm9wcywgcWF9O1xuXG4gIGNvbnN0IGNvbnRhaW5lclByb3BzID0ge1xuICAgIHZhcmlhbnQsXG4gICAgY2xhc3NOYW1lLFxuXG4gICAgJ2RhdGEtcWEnOiBxYSxcblxuICAgIHN0eWxlOiB7bWF4V2lkdGgsIC4uLnN0eWxlfSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLmNvbnRhaW5lclByb3BzfT5cbiAgICAgIDxNZXNzYWdlSWNvbiB7Li4ucmVzdWx0UHJvcHN9IC8+XG5cbiAgICAgIDxDb250ZW50PlxuICAgICAgICA8VG9wPlxuICAgICAgICAgIDxNZXNzYWdlQ29udGVudCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgICAgPEFjdGlvbnNUb3Agey4uLnJlc3VsdFByb3BzfSAvPlxuICAgICAgICA8L1RvcD5cblxuICAgICAgICA8QWN0aW9uc0JvdHRvbSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L0NvbnRlbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",
+  toString: G
+}), Y = /* @__PURE__ */ t("div", process.env.NODE_ENV === "production" ? {
+  target: "e14qqo9b0"
+} : {
+  target: "e14qqo9b0",
+  label: "Top"
+})(process.env.NODE_ENV === "production" ? {
+  name: "jtpyi3",
+  styles: "display:flex;align-items:flex-start;justify-content:space-between;gap:16px"
+} : {
+  name: "jtpyi3",
+  styles: "display:flex;align-items:flex-start;justify-content:space-between;gap:16px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3NCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHtBY3Rpb25zVG9wfSBmcm9tICcuLi9BY3Rpb25zVG9wJztcbmltcG9ydCB7QWN0aW9uc0JvdHRvbX0gZnJvbSAnLi4vQWN0aW9uc0JvdHRvbSc7XG5pbXBvcnQge01lc3NhZ2VDb250ZW50fSBmcm9tICcuLi9NZXNzYWdlQ29udGVudCc7XG5pbXBvcnQge01lc3NhZ2VJY29ufSBmcm9tICcuLi9NZXNzYWdlSWNvbic7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiA4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+IHtcbiAgICBsZXQgYm94U2hhZG93OiBDU1NQcm9wZXJ0aWVzWydib3hTaGFkb3cnXTtcblxuICAgIHN3aXRjaCAocHJvcHMudmFyaWFudCkge1xuICAgICAgY2FzZSBTbmFja2JhclZhcmlhbnQuU3VjY2VzczpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5XYXJuaW5nOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5FcnJvcjpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdfWA7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaGFkb3csXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzkwXSxcbiAgICB9O1xuICB9fVxuYDtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmNvbnN0IFRvcCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMTZweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29tcG9uZW50OiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcz4gPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHt2YXJpYW50LCBtYXhXaWR0aCwgY2xhc3NOYW1lLCBzdHlsZSwgcWEgPSAnc25hY2tiYXItbWVzc2FnZSd9ID0gcHJvcHMubWVzc2FnZTtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHsuLi5wcm9wcywgcWF9O1xuXG4gIGNvbnN0IGNvbnRhaW5lclByb3BzID0ge1xuICAgIHZhcmlhbnQsXG4gICAgY2xhc3NOYW1lLFxuXG4gICAgJ2RhdGEtcWEnOiBxYSxcblxuICAgIHN0eWxlOiB7bWF4V2lkdGgsIC4uLnN0eWxlfSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLmNvbnRhaW5lclByb3BzfT5cbiAgICAgIDxNZXNzYWdlSWNvbiB7Li4ucmVzdWx0UHJvcHN9IC8+XG5cbiAgICAgIDxDb250ZW50PlxuICAgICAgICA8VG9wPlxuICAgICAgICAgIDxNZXNzYWdlQ29udGVudCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgICAgPEFjdGlvbnNUb3Agey4uLnJlc3VsdFByb3BzfSAvPlxuICAgICAgICA8L1RvcD5cblxuICAgICAgICA8QWN0aW9uc0JvdHRvbSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L0NvbnRlbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",
+  toString: G
+}), L = (c) => {
+  const {
+    variant: b,
+    maxWidth: W,
+    className: X,
+    style: N,
+    qa: u = "snackbar-message"
+  } = c.message, g = {
+    ...c,
+    qa: u
+  }, Z = {
+    variant: b,
+    className: X,
+    "data-qa": u,
+    style: {
+      maxWidth: W,
+      ...N
+    }
+  };
+  return /* @__PURE__ */ l(d, { ...Z, children: [
+    /* @__PURE__ */ I(i, { ...g }),
+    /* @__PURE__ */ l(e, { children: [
+      /* @__PURE__ */ l(Y, { children: [
+        /* @__PURE__ */ I(n, { ...g }),
+        /* @__PURE__ */ I(m, { ...g })
+      ] }),
+      /* @__PURE__ */ I(A, { ...g })
+    ] })
+  ] });
+};
+export {
+  L as MessageComponent
+};
+//# sourceMappingURL=index.es.js.map

package/dist/MessageComponent/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/MessageComponent/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n\nimport {ActionsTop} from '../ActionsTop';\nimport {ActionsBottom} from '../ActionsBottom';\nimport {MessageContent} from '../MessageContent';\nimport {MessageIcon} from '../MessageIcon';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {CSSProperties} from '@join-x5/react-theme';\nimport type {SnackbarContentProps, SnackbarMessageInner} from '../types';\n\nconst Container = styled.div<Pick<SnackbarMessageInner, 'variant'>>`\n  display: flex;\n  align-items: flex-start;\n  padding: 8px;\n  border-radius: 4px;\n  box-sizing: border-box;\n\n  ${props => {\n    let boxShadow: CSSProperties['boxShadow'];\n\n    switch (props.variant) {\n      case SnackbarVariant.Success:\n        boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.green[50]}`;\n        break;\n      case SnackbarVariant.Warning:\n        boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.yellow[50]}`;\n        break;\n      case SnackbarVariant.Error:\n        boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.red[50]}`;\n        break;\n    }\n\n    return {\n      boxShadow,\n      backgroundColor: props.theme.colors.grey[90],\n    };\n  }}\n`;\n\nconst Content = styled.div`\n  flex-grow: 1;\n`;\n\nconst Top = styled.div`\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n`;\n\nexport const MessageComponent: React.FC<SnackbarContentProps> = props => {\n  const {variant, maxWidth, className, style, qa = 'snackbar-message'} = props.message;\n\n  const resultProps = {...props, qa};\n\n  const containerProps = {\n    variant,\n    className,\n\n    'data-qa': qa,\n\n    style: {maxWidth, ...style},\n  };\n\n  return (\n    <Container {...containerProps}>\n      <MessageIcon {...resultProps} />\n\n      <Content>\n        <Top>\n          <MessageContent {...resultProps} />\n          <ActionsTop {...resultProps} />\n        </Top>\n\n        <ActionsBottom {...resultProps} />\n      </Content>\n    </Container>\n  );\n};\n"],"names":["Container","_styled","process","env","NODE_ENV","target","label","props","boxShadow","variant","SnackbarVariant","Success","theme","colors","additional","green","Warning","yellow","Error","red","backgroundColor","grey","Content","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Top","MessageComponent","maxWidth","className","style","qa","message","resultProps","containerProps","jsxs","jsx","MessageIcon","MessageContent","ActionsTop","ActionsBottom"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAS,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,4FAOXC,CAASA,MAAA;AACLC,MAAAA;AAEJ,UAAQD,EAAME,SAAO;AAAA,IACnB,KAAKC,EAAgBC;AACnBH,MAAAA,IAAY,oBAAoBD,EAAMK,MAAMC,OAAOC,WAAWC,MAAM,EAAE,CAAC;AACvE;AAAA,IACF,KAAKL,EAAgBM;AACnBR,MAAAA,IAAY,oBAAoBD,EAAMK,MAAMC,OAAOC,WAAWG,OAAO,EAAE,CAAC;AACxE;AAAA,IACF,KAAKP,EAAgBQ;AACnBV,MAAAA,IAAY,oBAAoBD,EAAMK,MAAMC,OAAOC,WAAWK,IAAI,EAAE,CAAC;AACrE;AAAA,EAAA;AAGG,SAAA;AAAA,IACLX,WAAAA;AAAAA,IACAY,iBAAiBb,EAAMK,MAAMC,OAAOQ,KAAK,EAAE;AAAA,EAC7C;AACF,UAACnB,QAAAC,IAAAC,aACF,eAAA,KAAA,siGAAA,GAEKkB,IAAO,gBAAArB,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAmB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,UAAAC;AAAA,CAEZ,GAEKC,IAAG,gBAAA1B,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAmB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,UAAAC;AAAA,CAKR,GAEYE,IAAmDrB,CAASA,MAAA;AACjE,QAAA;AAAA,IAACE,SAAAA;AAAAA,IAASoB,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,IAAWC,OAAAA;AAAAA,IAAOC,IAAAA,IAAK;AAAA,MAAsBzB,EAAM0B,SAEvEC,IAAc;AAAA,IAAC,GAAG3B;AAAAA,IAAOyB,IAAAA;AAAAA,EAAE,GAE3BG,IAAiB;AAAA,IACrB1B,SAAAA;AAAAA,IACAqB,WAAAA;AAAAA,IAEA,WAAWE;AAAAA,IAEXD,OAAO;AAAA,MAACF,UAAAA;AAAAA,MAAU,GAAGE;AAAAA,IAAAA;AAAAA,EACvB;AAGE,SAAA,gBAAAK,EAACpC,GAAU,EAAA,GAAImC,GACb,UAAA;AAAA,IAAC,gBAAAE,EAAAC,GAAA,EAAY,GAAIJ,GAAY;AAAA,sBAE5BZ,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAc,EAACT,GACC,EAAA,UAAA;AAAA,QAAC,gBAAAU,EAAAE,GAAA,EAAe,GAAIL,GAAY;AAAA,QAChC,gBAAAG,EAACG,GAAW,EAAA,GAAIN,EAAY,CAAA;AAAA,MAAA,GAC9B;AAAA,MAEA,gBAAAG,EAACI,GAAc,EAAA,GAAIP,EAAY,CAAA;AAAA,IAAA,EACjC,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/MessageContent/index.d.ts

@@ -0,0 +1,3 @@
+import { RequiredQA } from '@join-x5/react-theme';
+import { SnackbarContentProps } from '../types';
+export declare const MessageContent: React.FC<SnackbarContentProps & RequiredQA>;

package/dist/MessageContent/index.es.js

@@ -0,0 +1,60 @@
+import { jsxs as G, jsx as n } from "@emotion/react/jsx-runtime";
+import l from "@emotion/styled/base";
+import { SnackbarVariant as c } from "../types.es.js";
+function m() {
+  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 X = (b) => ({
+  [c.Default]: b.colors.white,
+  [c.Success]: b.colors.additional.green[50],
+  [c.Warning]: b.colors.additional.yellow[50],
+  [c.Error]: b.colors.additional.red[50]
+}), a = /* @__PURE__ */ l("div", process.env.NODE_ENV === "production" ? {
+  target: "eyqe6572"
+} : {
+  target: "eyqe6572",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? {
+  name: "y1cjey",
+  styles: "padding:6px 8px 6px 4px"
+} : {
+  name: "y1cjey",
+  styles: "padding:6px 8px 6px 4px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTRCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wcywgU25hY2tiYXJNZXNzYWdlSW5uZXJ9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgdmFyaWFudENvbG9yID0gKHRoZW1lOiBUaGVtZSk6IFJlY29yZDxTbmFja2JhclZhcmlhbnQsIHN0cmluZz4gPT4gKHtcbiAgW1NuYWNrYmFyVmFyaWFudC5EZWZhdWx0XTogdGhlbWUuY29sb3JzLndoaXRlLFxuICBbU25hY2tiYXJWYXJpYW50LlN1Y2Nlc3NdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuV2FybmluZ106IHRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuRXJyb3JdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdLFxufSk7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDZweCA4cHggNnB4IDRweDtcbmA7XG5cbmNvbnN0IFRpdGxlQ29tcG9uZW50ID0gc3R5bGVkLmRpdjxQaWNrPFNuYWNrYmFyTWVzc2FnZUlubmVyLCAndmFyaWFudCc+PmBcbiAgcGFkZGluZy1ib3R0b206IDJweDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgLi4ucHJvcHMudGhlbWUudHlwb2dyYXBoeS5oNCxcblxuICAgIGNvbG9yOiB2YXJpYW50Q29sb3IocHJvcHMudGhlbWUpW3Byb3BzLnZhcmlhbnRdLFxuICB9KX1cbmA7XG5cbmNvbnN0IENvbnRlbnRDb21wb25lbnQgPSBzdHlsZWQuZGl2KHByb3BzID0+ICh7XG4gIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkucDFjb21wYWN0LFxuXG4gIGNvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29udGVudDogUmVhY3QuRkM8U25hY2tiYXJDb250ZW50UHJvcHMgJiBSZXF1aXJlZFFBPiA9ICh7bWVzc2FnZSwgcWF9KSA9PiB7XG4gIGNvbnN0IHt0aXRsZSwgY29udGVudCwgdmFyaWFudCwgd2hpdGVTcGFjZX0gPSBtZXNzYWdlO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXFhPXtgJHtxYX0tbWVzc2FnZWB9PlxuICAgICAge3RpdGxlICYmIDxUaXRsZUNvbXBvbmVudCB2YXJpYW50PXt2YXJpYW50fT57dGl0bGV9PC9UaXRsZUNvbXBvbmVudD59XG4gICAgICA8Q29udGVudENvbXBvbmVudCBzdHlsZT17e3doaXRlU3BhY2V9fT57Y29udGVudH08L0NvbnRlbnRDb21wb25lbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",
+  toString: m
+}), I = /* @__PURE__ */ l("div", process.env.NODE_ENV === "production" ? {
+  target: "eyqe6571"
+} : {
+  target: "eyqe6571",
+  label: "TitleComponent"
+})("padding-bottom:2px;", (b) => ({
+  ...b.theme.typography.h4,
+  color: X(b.theme)[b.variant]
+}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3RSIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUNvbnRlbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1NuYWNrYmFyVmFyaWFudH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtSZXF1aXJlZFFBfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvciA9ICh0aGVtZTogVGhlbWUpOiBSZWNvcmQ8U25hY2tiYXJWYXJpYW50LCBzdHJpbmc+ID0+ICh7XG4gIFtTbmFja2JhclZhcmlhbnQuRGVmYXVsdF06IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgW1NuYWNrYmFyVmFyaWFudC5TdWNjZXNzXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwuZ3JlZW5bNTBdLFxuICBbU25hY2tiYXJWYXJpYW50Lldhcm5pbmddOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC55ZWxsb3dbNTBdLFxuICBbU25hY2tiYXJWYXJpYW50LkVycm9yXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwucmVkWzUwXSxcbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiA2cHggOHB4IDZweCA0cHg7XG5gO1xuXG5jb25zdCBUaXRsZUNvbXBvbmVudCA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIHBhZGRpbmctYm90dG9tOiAycHg7XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkuaDQsXG5cbiAgICBjb2xvcjogdmFyaWFudENvbG9yKHByb3BzLnRoZW1lKVtwcm9wcy52YXJpYW50XSxcbiAgfSl9XG5gO1xuXG5jb25zdCBDb250ZW50Q29tcG9uZW50ID0gc3R5bGVkLmRpdihwcm9wcyA9PiAoe1xuICAuLi5wcm9wcy50aGVtZS50eXBvZ3JhcGh5LnAxY29tcGFjdCxcblxuICBjb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVzc2FnZUNvbnRlbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzICYgUmVxdWlyZWRRQT4gPSAoe21lc3NhZ2UsIHFhfSkgPT4ge1xuICBjb25zdCB7dGl0bGUsIGNvbnRlbnQsIHZhcmlhbnQsIHdoaXRlU3BhY2V9ID0gbWVzc2FnZTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1xYT17YCR7cWF9LW1lc3NhZ2VgfT5cbiAgICAgIHt0aXRsZSAmJiA8VGl0bGVDb21wb25lbnQgdmFyaWFudD17dmFyaWFudH0+e3RpdGxlfTwvVGl0bGVDb21wb25lbnQ+fVxuICAgICAgPENvbnRlbnRDb21wb25lbnQgc3R5bGU9e3t3aGl0ZVNwYWNlfX0+e2NvbnRlbnR9PC9Db250ZW50Q29tcG9uZW50PlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */")), Y = /* @__PURE__ */ l("div", process.env.NODE_ENV === "production" ? {
+  target: "eyqe6570"
+} : {
+  target: "eyqe6570",
+  label: "ContentComponent"
+})((b) => ({
+  ...b.theme.typography.p1compact,
+  color: b.theme.colors.white
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJ5QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUNvbnRlbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1NuYWNrYmFyVmFyaWFudH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtSZXF1aXJlZFFBfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvciA9ICh0aGVtZTogVGhlbWUpOiBSZWNvcmQ8U25hY2tiYXJWYXJpYW50LCBzdHJpbmc+ID0+ICh7XG4gIFtTbmFja2JhclZhcmlhbnQuRGVmYXVsdF06IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgW1NuYWNrYmFyVmFyaWFudC5TdWNjZXNzXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwuZ3JlZW5bNTBdLFxuICBbU25hY2tiYXJWYXJpYW50Lldhcm5pbmddOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC55ZWxsb3dbNTBdLFxuICBbU25hY2tiYXJWYXJpYW50LkVycm9yXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwucmVkWzUwXSxcbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiA2cHggOHB4IDZweCA0cHg7XG5gO1xuXG5jb25zdCBUaXRsZUNvbXBvbmVudCA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIHBhZGRpbmctYm90dG9tOiAycHg7XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkuaDQsXG5cbiAgICBjb2xvcjogdmFyaWFudENvbG9yKHByb3BzLnRoZW1lKVtwcm9wcy52YXJpYW50XSxcbiAgfSl9XG5gO1xuXG5jb25zdCBDb250ZW50Q29tcG9uZW50ID0gc3R5bGVkLmRpdihwcm9wcyA9PiAoe1xuICAuLi5wcm9wcy50aGVtZS50eXBvZ3JhcGh5LnAxY29tcGFjdCxcblxuICBjb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVzc2FnZUNvbnRlbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzICYgUmVxdWlyZWRRQT4gPSAoe21lc3NhZ2UsIHFhfSkgPT4ge1xuICBjb25zdCB7dGl0bGUsIGNvbnRlbnQsIHZhcmlhbnQsIHdoaXRlU3BhY2V9ID0gbWVzc2FnZTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1xYT17YCR7cWF9LW1lc3NhZ2VgfT5cbiAgICAgIHt0aXRsZSAmJiA8VGl0bGVDb21wb25lbnQgdmFyaWFudD17dmFyaWFudH0+e3RpdGxlfTwvVGl0bGVDb21wb25lbnQ+fVxuICAgICAgPENvbnRlbnRDb21wb25lbnQgc3R5bGU9e3t3aGl0ZVNwYWNlfX0+e2NvbnRlbnR9PC9Db250ZW50Q29tcG9uZW50PlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */"), e = ({
+  message: b,
+  qa: d
+}) => {
+  const {
+    title: u,
+    content: W,
+    variant: t,
+    whiteSpace: Z
+  } = b;
+  return /* @__PURE__ */ G(a, { "data-qa": `${d}-message`, children: [
+    u && /* @__PURE__ */ n(I, { variant: t, children: u }),
+    /* @__PURE__ */ n(Y, { style: {
+      whiteSpace: Z
+    }, children: W })
+  ] });
+};
+export {
+  e as MessageContent
+};
+//# sourceMappingURL=index.es.js.map

package/dist/MessageContent/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/MessageContent/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {Theme} from '@emotion/react';\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {SnackbarContentProps, SnackbarMessageInner} from '../types';\n\nconst variantColor = (theme: Theme): Record<SnackbarVariant, string> => ({\n  [SnackbarVariant.Default]: theme.colors.white,\n  [SnackbarVariant.Success]: theme.colors.additional.green[50],\n  [SnackbarVariant.Warning]: theme.colors.additional.yellow[50],\n  [SnackbarVariant.Error]: theme.colors.additional.red[50],\n});\n\nconst Container = styled.div`\n  padding: 6px 8px 6px 4px;\n`;\n\nconst TitleComponent = styled.div<Pick<SnackbarMessageInner, 'variant'>>`\n  padding-bottom: 2px;\n\n  ${props => ({\n    ...props.theme.typography.h4,\n\n    color: variantColor(props.theme)[props.variant],\n  })}\n`;\n\nconst ContentComponent = styled.div(props => ({\n  ...props.theme.typography.p1compact,\n\n  color: props.theme.colors.white,\n}));\n\nexport const MessageContent: React.FC<SnackbarContentProps & RequiredQA> = ({message, qa}) => {\n  const {title, content, variant, whiteSpace} = message;\n\n  return (\n    <Container data-qa={`${qa}-message`}>\n      {title && <TitleComponent variant={variant}>{title}</TitleComponent>}\n      <ContentComponent style={{whiteSpace}}>{content}</ContentComponent>\n    </Container>\n  );\n};\n"],"names":["variantColor","theme","SnackbarVariant","Default","colors","white","Success","additional","green","Warning","yellow","Error","red","Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","TitleComponent","props","typography","h4","color","variant","ContentComponent","p1compact","MessageContent","message","qa","title","content","whiteSpace","jsxs","jsx"],"mappings":";;;;;;AAQA,MAAMA,IAAeA,CAACC,OAAmD;AAAA,EACvE,CAACC,EAAgBC,OAAO,GAAGF,EAAMG,OAAOC;AAAAA,EACxC,CAACH,EAAgBI,OAAO,GAAGL,EAAMG,OAAOG,WAAWC,MAAM,EAAE;AAAA,EAC3D,CAACN,EAAgBO,OAAO,GAAGR,EAAMG,OAAOG,WAAWG,OAAO,EAAE;AAAA,EAC5D,CAACR,EAAgBS,KAAK,GAAGV,EAAMG,OAAOG,WAAWK,IAAI,EAAE;AACzD,IAEMC,IAAS,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,UAAAC;AAAA,CAEd,GAEKC,IAAc,gBAAAV,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,uBAGhBM,CAAUA,OAAA;AAAA,EACV,GAAGA,EAAMxB,MAAMyB,WAAWC;AAAAA,EAE1BC,OAAO5B,EAAayB,EAAMxB,KAAK,EAAEwB,EAAMI,OAAO;AAChD,IAAEd,OAAAA,QAAAC,IAAAC,aACH,eAAA,KAAA,0sEAAA,GAEKa,IAAmB,gBAAAhB,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAWM,CAAUA,OAAA;AAAA,EAC5C,GAAGA,EAAMxB,MAAMyB,WAAWK;AAAAA,EAE1BH,OAAOH,EAAMxB,MAAMG,OAAOC;AAC5B,IAAEU,QAAAC,IAAAC,aAAC,eAAA,KAAA,ysEAAA,GAEUe,IAA8DA,CAAC;AAAA,EAACC,SAAAA;AAAAA,EAASC,IAAAA;AAAE,MAAM;AACtF,QAAA;AAAA,IAACC,OAAAA;AAAAA,IAAOC,SAAAA;AAAAA,IAASP,SAAAA;AAAAA,IAASQ,YAAAA;AAAAA,EAAAA,IAAcJ;AAE9C,SACG,gBAAAK,EAAAzB,GAAA,EAAU,WAAS,GAAGqB,CAAE,YACtBC,UAAAA;AAAAA,IAASA,KAAA,gBAAAI,EAACf,GAAe,EAAA,SAAAK,GAAmBM,UAAMA,GAAA;AAAA,IACnD,gBAAAI,EAACT,KAAiB,OAAO;AAAA,MAACO,YAAAA;AAAAA,IAAAA,GAAcD,UAAQA,EAAA,CAAA;AAAA,EAAA,GAClD;AAEJ;"}

package/dist/MessageIcon/index.d.ts

@@ -0,0 +1,3 @@
+import { RequiredQA } from '@join-x5/react-theme';
+import { SnackbarContentProps } from '../types';
+export declare const MessageIcon: React.FC<SnackbarContentProps & RequiredQA>;

package/dist/MessageIcon/index.es.js

@@ -0,0 +1,38 @@
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import W from "@emotion/styled/base";
+import { useTheme as i } from "@emotion/react";
+import { SizeTokenValue as m } from "@join-x5/react-theme";
+import { ErrorIcon as g, WarningOutlineIcon as d, CheckIcon as o } from "@join-x5/react-icons";
+import { SnackbarVariant as c } from "../types.es.js";
+const X = {
+  [c.Default]: null,
+  [c.Success]: o,
+  [c.Warning]: d,
+  [c.Error]: g
+}, Z = (b) => ({
+  [c.Default]: b.colors.white,
+  [c.Success]: b.colors.additional.green[50],
+  [c.Warning]: b.colors.additional.yellow[50],
+  [c.Error]: b.colors.additional.red[50]
+}), G = /* @__PURE__ */ W("div", process.env.NODE_ENV === "production" ? {
+  target: "ea4zmb20"
+} : {
+  target: "ea4zmb20",
+  label: "Container"
+})("display:flex;align-items:center;justify-content:center;width:32px;min-height:32px;padding:4px;box-sizing:border-box;", (b) => b.theme.typography.h4, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlSWNvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEI0QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUljb24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHt1c2VUaGVtZX0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQge1NpemVUb2tlblZhbHVlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7Q2hlY2tJY29uLCBFcnJvckljb24sIFdhcm5pbmdPdXRsaW5lSWNvbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtaWNvbnMnO1xuXG5pbXBvcnQge1NuYWNrYmFyVmFyaWFudH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtSZXF1aXJlZFFBfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7SWNvbkNvbXBvbmVudH0gZnJvbSAnQGpvaW4teDUvcmVhY3QtaWNvbnMnO1xuaW1wb3J0IHR5cGUge1NuYWNrYmFyQ29udGVudFByb3BzfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRJY29uOiBSZWNvcmQ8U25hY2tiYXJWYXJpYW50LCBJY29uQ29tcG9uZW50IHwgbnVsbD4gPSB7XG4gIFtTbmFja2JhclZhcmlhbnQuRGVmYXVsdF06IG51bGwsXG4gIFtTbmFja2JhclZhcmlhbnQuU3VjY2Vzc106IENoZWNrSWNvbixcbiAgW1NuYWNrYmFyVmFyaWFudC5XYXJuaW5nXTogV2FybmluZ091dGxpbmVJY29uLFxuICBbU25hY2tiYXJWYXJpYW50LkVycm9yXTogRXJyb3JJY29uLFxufTtcblxuY29uc3QgdmFyaWFudENvbG9yID0gKHRoZW1lOiBUaGVtZSk6IFJlY29yZDxTbmFja2JhclZhcmlhbnQsIHN0cmluZz4gPT4gKHtcbiAgW1NuYWNrYmFyVmFyaWFudC5EZWZhdWx0XTogdGhlbWUuY29sb3JzLndoaXRlLFxuICBbU25hY2tiYXJWYXJpYW50LlN1Y2Nlc3NdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuV2FybmluZ106IHRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuRXJyb3JdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdLFxufSk7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMzJweDtcbiAgbWluLWhlaWdodDogMzJweDtcbiAgcGFkZGluZzogNHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHlwb2dyYXBoeS5oNH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlSWNvbjogUmVhY3QuRkM8U25hY2tiYXJDb250ZW50UHJvcHMgJiBSZXF1aXJlZFFBPiA9ICh7cWEsIG1lc3NhZ2U6IHtpY29uLCB2YXJpYW50fX0pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGlmICh0eXBlb2YgaWNvbiAhPT0gJ3VuZGVmaW5lZCcgJiYgaWNvbiAhPT0gdHJ1ZSkge1xuICAgIHJldHVybiBpY29uO1xuICB9XG5cbiAgY29uc3QgQ29tcG9uZW50ID0gdmFyaWFudEljb25bdmFyaWFudF07XG4gIGlmICghQ29tcG9uZW50KSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1xYT17YCR7cWF9LWljb25gfT5cbiAgICAgIDxDb21wb25lbnQgc2l6ZT17U2l6ZVRva2VuVmFsdWUuTWVkaXVtfSBjb2xvcj17dmFyaWFudENvbG9yKHRoZW1lKVt2YXJpYW50XX0gLz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */")), h = ({
+  qa: b,
+  message: {
+    icon: l,
+    variant: t
+  }
+}) => {
+  const u = i();
+  if (typeof l < "u" && l !== !0)
+    return l;
+  const n = X[t];
+  return n ? /* @__PURE__ */ a(G, { "data-qa": `${b}-icon`, children: /* @__PURE__ */ a(n, { size: m.Medium, color: Z(u)[t] }) }) : null;
+};
+export {
+  h as MessageIcon
+};
+//# sourceMappingURL=index.es.js.map

package/dist/MessageIcon/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/MessageIcon/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {useTheme} from '@emotion/react';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\n\nimport {CheckIcon, ErrorIcon, WarningOutlineIcon} from '@join-x5/react-icons';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {Theme} from '@emotion/react';\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {IconComponent} from '@join-x5/react-icons';\nimport type {SnackbarContentProps} from '../types';\n\nconst variantIcon: Record<SnackbarVariant, IconComponent | null> = {\n  [SnackbarVariant.Default]: null,\n  [SnackbarVariant.Success]: CheckIcon,\n  [SnackbarVariant.Warning]: WarningOutlineIcon,\n  [SnackbarVariant.Error]: ErrorIcon,\n};\n\nconst variantColor = (theme: Theme): Record<SnackbarVariant, string> => ({\n  [SnackbarVariant.Default]: theme.colors.white,\n  [SnackbarVariant.Success]: theme.colors.additional.green[50],\n  [SnackbarVariant.Warning]: theme.colors.additional.yellow[50],\n  [SnackbarVariant.Error]: theme.colors.additional.red[50],\n});\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  min-height: 32px;\n  padding: 4px;\n  box-sizing: border-box;\n\n  ${props => props.theme.typography.h4}\n`;\n\nexport const MessageIcon: React.FC<SnackbarContentProps & RequiredQA> = ({qa, message: {icon, variant}}) => {\n  const theme = useTheme();\n\n  if (typeof icon !== 'undefined' && icon !== true) {\n    return icon;\n  }\n\n  const Component = variantIcon[variant];\n  if (!Component) {\n    return null;\n  }\n\n  return (\n    <Container data-qa={`${qa}-icon`}>\n      <Component size={SizeTokenValue.Medium} color={variantColor(theme)[variant]} />\n    </Container>\n  );\n};\n"],"names":["variantIcon","SnackbarVariant","Default","Success","CheckIcon","Warning","WarningOutlineIcon","Error","ErrorIcon","variantColor","theme","colors","white","additional","green","yellow","red","Container","_styled","process","env","NODE_ENV","target","label","props","typography","h4","MessageIcon","qa","message","icon","variant","useTheme","Component","jsx","SizeTokenValue","Medium"],"mappings":";;;;;;AAcA,MAAMA,IAA6D;AAAA,EACjE,CAACC,EAAgBC,OAAO,GAAG;AAAA,EAC3B,CAACD,EAAgBE,OAAO,GAAGC;AAAAA,EAC3B,CAACH,EAAgBI,OAAO,GAAGC;AAAAA,EAC3B,CAACL,EAAgBM,KAAK,GAAGC;AAC3B,GAEMC,IAAeA,CAACC,OAAmD;AAAA,EACvE,CAACT,EAAgBC,OAAO,GAAGQ,EAAMC,OAAOC;AAAAA,EACxC,CAACX,EAAgBE,OAAO,GAAGO,EAAMC,OAAOE,WAAWC,MAAM,EAAE;AAAA,EAC3D,CAACb,EAAgBI,OAAO,GAAGK,EAAMC,OAAOE,WAAWE,OAAO,EAAE;AAAA,EAC5D,CAACd,EAAgBM,KAAK,GAAGG,EAAMC,OAAOE,WAAWG,IAAI,EAAE;AACzD,IAEMC,IAAS,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,wHASXC,CAASA,MAAAA,EAAMd,MAAMe,WAAWC,WAAEP,QAAAC,IAAAC,aACrC,eAAA,KAAA,spFAAA,GAEYM,IAA2DA,CAAC;AAAA,EAACC,IAAAA;AAAAA,EAAIC,SAAS;AAAA,IAACC,MAAAA;AAAAA,IAAMC,SAAAA;AAAAA,EAAAA;AAAQ,MAAM;AAC1G,QAAMrB,IAAQsB,EAAS;AAEvB,MAAI,OAAOF,IAAS,OAAeA,MAAS;AACnCA,WAAAA;AAGHG,QAAAA,IAAYjC,EAAY+B,CAAO;AACrC,SAAKE,sBAKFhB,GAAU,EAAA,WAAS,GAAGW,CAAE,SACvB,UAAC,gBAAAM,EAAAD,GAAA,EAAU,MAAME,EAAeC,QAAQ,OAAO3B,EAAaC,CAAK,EAAEqB,CAAO,EAAE,CAAA,GAC9E,IANO;AAQX;"}

package/dist/SnackbarProvider.d.ts

@@ -0,0 +1,3 @@
+import { SnackbarProviderProps, CustomContentProps } from 'notistack';
+export declare const SnackbarContainer: import('react').ForwardRefExoticComponent<CustomContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SnackbarProvider: React.FC<SnackbarProviderProps>;

package/dist/SnackbarProvider.es.js

@@ -0,0 +1,24 @@
+import { jsx as a, jsxs as i, Fragment as c } from "@emotion/react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { SnackbarProvider as t } from "notistack";
+const r = s(({
+  message: o,
+  style: n
+}, e) => /* @__PURE__ */ a("div", { ref: e, style: n, children: o })), d = {
+  default: r,
+  success: r,
+  warning: r,
+  error: r,
+  info: r
+}, b = ({
+  children: o,
+  ...n
+}) => /* @__PURE__ */ i(c, { children: [
+  /* @__PURE__ */ a(t, { Components: d, ...n }),
+  o
+] });
+export {
+  r as SnackbarContainer,
+  b as SnackbarProvider
+};
+//# sourceMappingURL=SnackbarProvider.es.js.map

package/dist/SnackbarProvider.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnackbarProvider.es.js","sources":["../src/SnackbarProvider.tsx"],"sourcesContent":["import {forwardRef} from 'react';\n\nimport {SnackbarProvider as BaseSnackbarProvider} from 'notistack';\n\nimport type {SnackbarProviderProps, CustomContentProps} from 'notistack';\n\nexport const SnackbarContainer = forwardRef<HTMLDivElement, CustomContentProps>(({message, style}, ref) => (\n  <div ref={ref} style={style}>\n    {message}\n  </div>\n));\n\nconst Components: SnackbarProviderProps['Components'] = {\n  default: SnackbarContainer,\n  success: SnackbarContainer,\n  warning: SnackbarContainer,\n  error: SnackbarContainer,\n  info: SnackbarContainer,\n};\n\nexport const SnackbarProvider: React.FC<SnackbarProviderProps> = ({children, ...props}) => (\n  <>\n    <BaseSnackbarProvider Components={Components} {...props} />\n    {children}\n  </>\n);\n"],"names":["SnackbarContainer","forwardRef","message","style","ref","jsx","Components","default","success","warning","error","info","SnackbarProvider","children","props","jsxs","Fragment","BaseSnackbarProvider"],"mappings":";;;AAMaA,MAAAA,IAAoBC,EAA+C,CAAC;AAAA,EAACC,SAAAA;AAAAA,EAASC,OAAAA;AAAK,GAAGC,MAChG,gBAAAC,EAAA,OAAA,EAAI,KAAAD,GAAU,OAAAD,GACZD,aACH,CACD,GAEKI,IAAkD;AAAA,EACtDC,SAASP;AAAAA,EACTQ,SAASR;AAAAA,EACTS,SAAST;AAAAA,EACTU,OAAOV;AAAAA,EACPW,MAAMX;AACR,GAEaY,IAAoDA,CAAC;AAAA,EAACC,UAAAA;AAAAA,EAAU,GAAGC;AAAK,MAEjF,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAX,EAAAY,GAAA,EAAqB,YAAAX,GAA4BQ,GAAAA,EAAM,CAAA;AAAA,EACvDD;AAAAA,EACH,CAAA;"}

package/dist/hook.d.ts

@@ -0,0 +1,4 @@
+import { closeSnackbar } from 'notistack';
+import { SnackbarMessage } from './types';
+declare const enqueueSnackbar: (message: SnackbarMessage) => void;
+export { enqueueSnackbar, closeSnackbar };

package/dist/hook.es.js

@@ -0,0 +1,22 @@
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { enqueueSnackbar as r } from "notistack";
+import { closeSnackbar as S } from "notistack";
+import { MessageComponent as t } from "./MessageComponent/index.es.js";
+import { SnackbarVariant as e } from "./types.es.js";
+const p = (n) => {
+  const o = {
+    ...n,
+    key: n.key ?? String(Math.random() * 1e4),
+    variant: n.variant ?? e.Default
+  };
+  r(/* @__PURE__ */ a(t, { message: o }), {
+    autoHideDuration: n.actionsTop || n.actionsBottom ? 7e3 : 3e3,
+    ...o,
+    content: void 0
+  });
+};
+export {
+  S as closeSnackbar,
+  p as enqueueSnackbar
+};
+//# sourceMappingURL=hook.es.js.map

package/dist/hook.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.es.js","sources":["../src/hook.tsx"],"sourcesContent":["import {closeSnackbar, enqueueSnackbar as baseEnqueueSnackbar} from 'notistack';\n\nimport {MessageComponent} from './MessageComponent';\n\nimport {SnackbarVariant} from './types';\n\nimport type {SnackbarMessage, SnackbarMessageInner} from './types';\n\nconst enqueueSnackbar = (message: SnackbarMessage) => {\n  const innerMessage: SnackbarMessageInner = {\n    ...message,\n\n    key: message.key ?? String(Math.random() * 10_000),\n    variant: message.variant ?? SnackbarVariant.Default,\n  };\n\n  baseEnqueueSnackbar(<MessageComponent message={innerMessage} />, {\n    autoHideDuration: message.actionsTop || message.actionsBottom ? 7_000 : 3_000,\n\n    ...innerMessage,\n\n    content: undefined,\n  });\n};\n\nexport {enqueueSnackbar, closeSnackbar};\n"],"names":["enqueueSnackbar","message","innerMessage","key","String","Math","random","variant","SnackbarVariant","Default","baseEnqueueSnackbar","jsx","MessageComponent","autoHideDuration","actionsTop","actionsBottom","content","undefined"],"mappings":";;;;;AAQMA,MAAAA,IAAkBA,CAACC,MAA6B;AACpD,QAAMC,IAAqC;AAAA,IACzC,GAAGD;AAAAA,IAEHE,KAAKF,EAAQE,OAAOC,OAAOC,KAAKC,WAAW,GAAM;AAAA,IACjDC,SAASN,EAAQM,WAAWC,EAAgBC;AAAAA,EAC9C;AAEAC,EAAAA,EAAqB,gBAAAC,EAAAC,GAAA,EAAiB,SAASV,EAAa,CAAA,GAAK;AAAA,IAC/DW,kBAAkBZ,EAAQa,cAAcb,EAAQc,gBAAgB,MAAQ;AAAA,IAExE,GAAGb;AAAAA,IAEHc,SAASC;AAAAA,EAAAA,CACV;AACH;"}

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),N=require("react"),Z=require("notistack"),Y=require("@emotion/styled/base"),G=require("@join-x5/react-theme"),i=require("@join-x5/react-icons"),d=require("@join-x5/react"),o=require("@emotion/react"),s=c=>c&&c.__esModule?c:{default:c},n=s(Y),W=N.forwardRef(({message:c,style:b},g)=>l.jsx("div",{ref:g,style:b,children:c})),B={default:W,success:W,warning:W,error:W,info:W},y=({children:c,...b})=>l.jsxs(l.Fragment,{children:[l.jsx(Z.SnackbarProvider,{Components:B,...b}),c]}),X=(c,b)=>{if(c&&typeof c=="object"){if("isButton"in c)return l.jsx(d.Button,{variant:d.ButtonVariant.InnerSnackbar,size:G.SizeTokenValue.Small,...c},b);if("isLink"in c)return l.jsx(d.Link,{...c},b)}return c};function h(){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 v=n.default("div",process.env.NODE_ENV==="production"?{target:"e1n2lhaj0"}:{target:"e1n2lhaj0",label:"Container"})(process.env.NODE_ENV==="production"?{name:"1o129hd",styles:"display:flex;align-items:flex-start"}:{name:"1o129hd",styles:"display:flex;align-items:flex-start/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9BY3Rpb25zVG9wL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL0FjdGlvbnNUb3AvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtjbG9zZVNuYWNrYmFyfSBmcm9tICdub3Rpc3RhY2snO1xuXG5pbXBvcnQge1NpemVUb2tlblZhbHVlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQge0Nsb3NlSWNvbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtaWNvbnMnO1xuaW1wb3J0IHtCdXR0b25WYXJpYW50LCBJY29uQnV0dG9ufSBmcm9tICdAam9pbi14NS9yZWFjdCc7XG5cbmltcG9ydCB7Z2V0QWN0aW9ufSBmcm9tICcuLi9BY3Rpb25zJztcblxuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBY3Rpb25zVG9wOiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcyAmIFJlcXVpcmVkUUE+ID0gKHtxYSwgbWVzc2FnZX0pID0+IHtcbiAgY29uc3Qge2tleSwgY2xvc2FibGUsIGFjdGlvbnNUb3AgPSBbXX0gPSBtZXNzYWdlO1xuXG4gIGNvbnN0IGNoaWxkID0gYWN0aW9uc1RvcC5tYXAoZ2V0QWN0aW9uKS5maWx0ZXIoQm9vbGVhbik7XG5cbiAgaWYgKGNsb3NhYmxlKSB7XG4gICAgY29uc3Qgb25DbG9zZSA9ICgpID0+IGNsb3NlU25hY2tiYXIoa2V5KTtcblxuICAgIGNoaWxkLnB1c2goXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBrZXk9XCJjbG9zZWJ1dHRvblwiXG4gICAgICAgIHFhPXtgJHtxYX0tY2xvc2VgfVxuICAgICAgICBzaXplPXtTaXplVG9rZW5WYWx1ZS5TbWFsbH1cbiAgICAgICAgdmFyaWFudD17QnV0dG9uVmFyaWFudC5Jbm5lcn1cbiAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgID5cbiAgICAgICAgPENsb3NlSWNvbiBzaXplPXtTaXplVG9rZW5WYWx1ZS5TbWFsbH0gLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICApO1xuICB9XG5cbiAgaWYgKCFjaGlsZC5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiA8Q29udGFpbmVyIGRhdGEtcWE9e2Ake3FhfS1hY3Rpb25zLXRvcGB9PntjaGlsZH08L0NvbnRhaW5lcj47XG59O1xuIl19 */",toString:h}),A=({qa:c,message:b})=>{const{key:g,closable:e,actionsTop:I=[]}=b,u=I.map(X).filter(Boolean);if(e){const a=()=>Z.closeSnackbar(g);u.push(l.jsx(d.IconButton,{qa:`${c}-close`,size:G.SizeTokenValue.Small,variant:d.ButtonVariant.Inner,onClick:a,children:l.jsx(i.CloseIcon,{size:G.SizeTokenValue.Small})},"closebutton"))}return u.length?l.jsx(v,{"data-qa":`${c}-actions-top`,children:u}):null};function x(){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 r=n.default("div",process.env.NODE_ENV==="production"?{target:"e1yl44r30"}:{target:"e1yl44r30",label:"Container"})(process.env.NODE_ENV==="production"?{name:"6gqwlt",styles:"display:flex;align-items:center;justify-content:flex-end;padding-top:4px;gap:8px"}:{name:"6gqwlt",styles:"display:flex;align-items:center;justify-content:flex-end;padding-top:4px;gap:8px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9BY3Rpb25zQm90dG9tL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNEIiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL0FjdGlvbnNCb3R0b20vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge2dldEFjdGlvbn0gZnJvbSAnLi4vQWN0aW9ucyc7XG5cbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgcGFkZGluZy10b3A6IDRweDtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgQWN0aW9uc0JvdHRvbTogUmVhY3QuRkM8U25hY2tiYXJDb250ZW50UHJvcHMgJiBSZXF1aXJlZFFBPiA9IHByb3BzID0+IHtcbiAgY29uc3Qge2FjdGlvbnNCb3R0b20gPSBbXX0gPSBwcm9wcy5tZXNzYWdlO1xuXG4gIGNvbnN0IGNoaWxkID0gYWN0aW9uc0JvdHRvbS5tYXAoZ2V0QWN0aW9uKS5maWx0ZXIoQm9vbGVhbik7XG5cbiAgaWYgKCFjaGlsZC5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiA8Q29udGFpbmVyIGRhdGEtcWE9e2Ake3Byb3BzLnFhfS1hY3Rpb25zLWJvdHRvbWB9PntjaGlsZH08L0NvbnRhaW5lcj47XG59O1xuIl19 */",toString:x}),F=c=>{const{actionsBottom:b=[]}=c.message,g=b.map(X).filter(Boolean);return g.length?l.jsx(r,{"data-qa":`${c.qa}-actions-bottom`,children:g}):null};var t=(c=>(c.Default="default",c.Success="success",c.Warning="warning",c.Error="error",c))(t||{});function J(){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 p=c=>({[t.Default]:c.colors.white,[t.Success]:c.colors.additional.green[50],[t.Warning]:c.colors.additional.yellow[50],[t.Error]:c.colors.additional.red[50]}),V=n.default("div",process.env.NODE_ENV==="production"?{target:"eyqe6572"}:{target:"eyqe6572",label:"Container"})(process.env.NODE_ENV==="production"?{name:"y1cjey",styles:"padding:6px 8px 6px 4px"}:{name:"y1cjey",styles:"padding:6px 8px 6px 4px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTRCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wcywgU25hY2tiYXJNZXNzYWdlSW5uZXJ9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgdmFyaWFudENvbG9yID0gKHRoZW1lOiBUaGVtZSk6IFJlY29yZDxTbmFja2JhclZhcmlhbnQsIHN0cmluZz4gPT4gKHtcbiAgW1NuYWNrYmFyVmFyaWFudC5EZWZhdWx0XTogdGhlbWUuY29sb3JzLndoaXRlLFxuICBbU25hY2tiYXJWYXJpYW50LlN1Y2Nlc3NdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuV2FybmluZ106IHRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuRXJyb3JdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdLFxufSk7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDZweCA4cHggNnB4IDRweDtcbmA7XG5cbmNvbnN0IFRpdGxlQ29tcG9uZW50ID0gc3R5bGVkLmRpdjxQaWNrPFNuYWNrYmFyTWVzc2FnZUlubmVyLCAndmFyaWFudCc+PmBcbiAgcGFkZGluZy1ib3R0b206IDJweDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgLi4ucHJvcHMudGhlbWUudHlwb2dyYXBoeS5oNCxcblxuICAgIGNvbG9yOiB2YXJpYW50Q29sb3IocHJvcHMudGhlbWUpW3Byb3BzLnZhcmlhbnRdLFxuICB9KX1cbmA7XG5cbmNvbnN0IENvbnRlbnRDb21wb25lbnQgPSBzdHlsZWQuZGl2KHByb3BzID0+ICh7XG4gIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkucDFjb21wYWN0LFxuXG4gIGNvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29udGVudDogUmVhY3QuRkM8U25hY2tiYXJDb250ZW50UHJvcHMgJiBSZXF1aXJlZFFBPiA9ICh7bWVzc2FnZSwgcWF9KSA9PiB7XG4gIGNvbnN0IHt0aXRsZSwgY29udGVudCwgdmFyaWFudCwgd2hpdGVTcGFjZX0gPSBtZXNzYWdlO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXFhPXtgJHtxYX0tbWVzc2FnZWB9PlxuICAgICAge3RpdGxlICYmIDxUaXRsZUNvbXBvbmVudCB2YXJpYW50PXt2YXJpYW50fT57dGl0bGV9PC9UaXRsZUNvbXBvbmVudD59XG4gICAgICA8Q29udGVudENvbXBvbmVudCBzdHlsZT17e3doaXRlU3BhY2V9fT57Y29udGVudH08L0NvbnRlbnRDb21wb25lbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",toString:J}),R=n.default("div",process.env.NODE_ENV==="production"?{target:"eyqe6571"}:{target:"eyqe6571",label:"TitleComponent"})("padding-bottom:2px;",c=>({...c.theme.typography.h4,color:p(c.theme)[c.variant]}),";"+(process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3RSIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUNvbnRlbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1NuYWNrYmFyVmFyaWFudH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtSZXF1aXJlZFFBfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvciA9ICh0aGVtZTogVGhlbWUpOiBSZWNvcmQ8U25hY2tiYXJWYXJpYW50LCBzdHJpbmc+ID0+ICh7XG4gIFtTbmFja2JhclZhcmlhbnQuRGVmYXVsdF06IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgW1NuYWNrYmFyVmFyaWFudC5TdWNjZXNzXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwuZ3JlZW5bNTBdLFxuICBbU25hY2tiYXJWYXJpYW50Lldhcm5pbmddOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC55ZWxsb3dbNTBdLFxuICBbU25hY2tiYXJWYXJpYW50LkVycm9yXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwucmVkWzUwXSxcbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiA2cHggOHB4IDZweCA0cHg7XG5gO1xuXG5jb25zdCBUaXRsZUNvbXBvbmVudCA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIHBhZGRpbmctYm90dG9tOiAycHg7XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkuaDQsXG5cbiAgICBjb2xvcjogdmFyaWFudENvbG9yKHByb3BzLnRoZW1lKVtwcm9wcy52YXJpYW50XSxcbiAgfSl9XG5gO1xuXG5jb25zdCBDb250ZW50Q29tcG9uZW50ID0gc3R5bGVkLmRpdihwcm9wcyA9PiAoe1xuICAuLi5wcm9wcy50aGVtZS50eXBvZ3JhcGh5LnAxY29tcGFjdCxcblxuICBjb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVzc2FnZUNvbnRlbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzICYgUmVxdWlyZWRRQT4gPSAoe21lc3NhZ2UsIHFhfSkgPT4ge1xuICBjb25zdCB7dGl0bGUsIGNvbnRlbnQsIHZhcmlhbnQsIHdoaXRlU3BhY2V9ID0gbWVzc2FnZTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1xYT17YCR7cWF9LW1lc3NhZ2VgfT5cbiAgICAgIHt0aXRsZSAmJiA8VGl0bGVDb21wb25lbnQgdmFyaWFudD17dmFyaWFudH0+e3RpdGxlfTwvVGl0bGVDb21wb25lbnQ+fVxuICAgICAgPENvbnRlbnRDb21wb25lbnQgc3R5bGU9e3t3aGl0ZVNwYWNlfX0+e2NvbnRlbnR9PC9Db250ZW50Q29tcG9uZW50PlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */")),L=n.default("div",process.env.NODE_ENV==="production"?{target:"eyqe6570"}:{target:"eyqe6570",label:"ContentComponent"})(c=>({...c.theme.typography.p1compact,color:c.theme.colors.white}),process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJ5QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUNvbnRlbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1NuYWNrYmFyVmFyaWFudH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtSZXF1aXJlZFFBfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvciA9ICh0aGVtZTogVGhlbWUpOiBSZWNvcmQ8U25hY2tiYXJWYXJpYW50LCBzdHJpbmc+ID0+ICh7XG4gIFtTbmFja2JhclZhcmlhbnQuRGVmYXVsdF06IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgW1NuYWNrYmFyVmFyaWFudC5TdWNjZXNzXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwuZ3JlZW5bNTBdLFxuICBbU25hY2tiYXJWYXJpYW50Lldhcm5pbmddOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC55ZWxsb3dbNTBdLFxuICBbU25hY2tiYXJWYXJpYW50LkVycm9yXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwucmVkWzUwXSxcbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiA2cHggOHB4IDZweCA0cHg7XG5gO1xuXG5jb25zdCBUaXRsZUNvbXBvbmVudCA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIHBhZGRpbmctYm90dG9tOiAycHg7XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkuaDQsXG5cbiAgICBjb2xvcjogdmFyaWFudENvbG9yKHByb3BzLnRoZW1lKVtwcm9wcy52YXJpYW50XSxcbiAgfSl9XG5gO1xuXG5jb25zdCBDb250ZW50Q29tcG9uZW50ID0gc3R5bGVkLmRpdihwcm9wcyA9PiAoe1xuICAuLi5wcm9wcy50aGVtZS50eXBvZ3JhcGh5LnAxY29tcGFjdCxcblxuICBjb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVzc2FnZUNvbnRlbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzICYgUmVxdWlyZWRRQT4gPSAoe21lc3NhZ2UsIHFhfSkgPT4ge1xuICBjb25zdCB7dGl0bGUsIGNvbnRlbnQsIHZhcmlhbnQsIHdoaXRlU3BhY2V9ID0gbWVzc2FnZTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1xYT17YCR7cWF9LW1lc3NhZ2VgfT5cbiAgICAgIHt0aXRsZSAmJiA8VGl0bGVDb21wb25lbnQgdmFyaWFudD17dmFyaWFudH0+e3RpdGxlfTwvVGl0bGVDb21wb25lbnQ+fVxuICAgICAgPENvbnRlbnRDb21wb25lbnQgc3R5bGU9e3t3aGl0ZVNwYWNlfX0+e2NvbnRlbnR9PC9Db250ZW50Q29tcG9uZW50PlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */"),z=({message:c,qa:b})=>{const{title:g,content:e,variant:I,whiteSpace:u}=c;return l.jsxs(V,{"data-qa":`${b}-message`,children:[g&&l.jsx(R,{variant:I,children:g}),l.jsx(L,{style:{whiteSpace:u},children:e})]})},H={[t.Default]:null,[t.Success]:i.CheckIcon,[t.Warning]:i.WarningOutlineIcon,[t.Error]:i.ErrorIcon},S=c=>({[t.Default]:c.colors.white,[t.Success]:c.colors.additional.green[50],[t.Warning]:c.colors.additional.yellow[50],[t.Error]:c.colors.additional.red[50]}),w=n.default("div",process.env.NODE_ENV==="production"?{target:"ea4zmb20"}:{target:"ea4zmb20",label:"Container"})("display:flex;align-items:center;justify-content:center;width:32px;min-height:32px;padding:4px;box-sizing:border-box;",c=>c.theme.typography.h4,";"+(process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlSWNvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEI0QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUljb24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHt1c2VUaGVtZX0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQge1NpemVUb2tlblZhbHVlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7Q2hlY2tJY29uLCBFcnJvckljb24sIFdhcm5pbmdPdXRsaW5lSWNvbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtaWNvbnMnO1xuXG5pbXBvcnQge1NuYWNrYmFyVmFyaWFudH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtSZXF1aXJlZFFBfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7SWNvbkNvbXBvbmVudH0gZnJvbSAnQGpvaW4teDUvcmVhY3QtaWNvbnMnO1xuaW1wb3J0IHR5cGUge1NuYWNrYmFyQ29udGVudFByb3BzfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRJY29uOiBSZWNvcmQ8U25hY2tiYXJWYXJpYW50LCBJY29uQ29tcG9uZW50IHwgbnVsbD4gPSB7XG4gIFtTbmFja2JhclZhcmlhbnQuRGVmYXVsdF06IG51bGwsXG4gIFtTbmFja2JhclZhcmlhbnQuU3VjY2Vzc106IENoZWNrSWNvbixcbiAgW1NuYWNrYmFyVmFyaWFudC5XYXJuaW5nXTogV2FybmluZ091dGxpbmVJY29uLFxuICBbU25hY2tiYXJWYXJpYW50LkVycm9yXTogRXJyb3JJY29uLFxufTtcblxuY29uc3QgdmFyaWFudENvbG9yID0gKHRoZW1lOiBUaGVtZSk6IFJlY29yZDxTbmFja2JhclZhcmlhbnQsIHN0cmluZz4gPT4gKHtcbiAgW1NuYWNrYmFyVmFyaWFudC5EZWZhdWx0XTogdGhlbWUuY29sb3JzLndoaXRlLFxuICBbU25hY2tiYXJWYXJpYW50LlN1Y2Nlc3NdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuV2FybmluZ106IHRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuRXJyb3JdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdLFxufSk7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMzJweDtcbiAgbWluLWhlaWdodDogMzJweDtcbiAgcGFkZGluZzogNHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHlwb2dyYXBoeS5oNH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlSWNvbjogUmVhY3QuRkM8U25hY2tiYXJDb250ZW50UHJvcHMgJiBSZXF1aXJlZFFBPiA9ICh7cWEsIG1lc3NhZ2U6IHtpY29uLCB2YXJpYW50fX0pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGlmICh0eXBlb2YgaWNvbiAhPT0gJ3VuZGVmaW5lZCcgJiYgaWNvbiAhPT0gdHJ1ZSkge1xuICAgIHJldHVybiBpY29uO1xuICB9XG5cbiAgY29uc3QgQ29tcG9uZW50ID0gdmFyaWFudEljb25bdmFyaWFudF07XG4gIGlmICghQ29tcG9uZW50KSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1xYT17YCR7cWF9LWljb25gfT5cbiAgICAgIDxDb21wb25lbnQgc2l6ZT17U2l6ZVRva2VuVmFsdWUuTWVkaXVtfSBjb2xvcj17dmFyaWFudENvbG9yKHRoZW1lKVt2YXJpYW50XX0gLz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */")),j=({qa:c,message:{icon:b,variant:g}})=>{const e=o.useTheme();if(typeof b<"u"&&b!==!0)return b;const I=H[g];return I?l.jsx(w,{"data-qa":`${c}-icon`,children:l.jsx(I,{size:G.SizeTokenValue.Medium,color:S(e)[g]})}):null};function C(){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 Q=n.default("div",process.env.NODE_ENV==="production"?{target:"e14qqo9b2"}:{target:"e14qqo9b2",label:"Container"})("display:flex;align-items:flex-start;padding:8px;border-radius:4px;box-sizing:border-box;",c=>{let b;switch(c.variant){case t.Success:b=`-4px 0px 0px 0px ${c.theme.colors.additional.green[50]}`;break;case t.Warning:b=`-4px 0px 0px 0px ${c.theme.colors.additional.yellow[50]}`;break;case t.Error:b=`-4px 0px 0px 0px ${c.theme.colors.additional.red[50]}`;break}return{boxShadow:b,backgroundColor:c.theme.colors.grey[90]}},";"+(process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZbUUiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL01lc3NhZ2VDb21wb25lbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge0FjdGlvbnNUb3B9IGZyb20gJy4uL0FjdGlvbnNUb3AnO1xuaW1wb3J0IHtBY3Rpb25zQm90dG9tfSBmcm9tICcuLi9BY3Rpb25zQm90dG9tJztcbmltcG9ydCB7TWVzc2FnZUNvbnRlbnR9IGZyb20gJy4uL01lc3NhZ2VDb250ZW50JztcbmltcG9ydCB7TWVzc2FnZUljb259IGZyb20gJy4uL01lc3NhZ2VJY29uJztcblxuaW1wb3J0IHtTbmFja2JhclZhcmlhbnR9IGZyb20gJy4uL3R5cGVzJztcblxuaW1wb3J0IHR5cGUge0NTU1Byb3BlcnRpZXN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wcywgU25hY2tiYXJNZXNzYWdlSW5uZXJ9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQaWNrPFNuYWNrYmFyTWVzc2FnZUlubmVyLCAndmFyaWFudCc+PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIHBhZGRpbmc6IDhweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICR7cHJvcHMgPT4ge1xuICAgIGxldCBib3hTaGFkb3c6IENTU1Byb3BlcnRpZXNbJ2JveFNoYWRvdyddO1xuXG4gICAgc3dpdGNoIChwcm9wcy52YXJpYW50KSB7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5TdWNjZXNzOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLmdyZWVuWzUwXX1gO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgU25hY2tiYXJWYXJpYW50Lldhcm5pbmc6XG4gICAgICAgIGJveFNoYWRvdyA9IGAtNHB4IDBweCAwcHggMHB4ICR7cHJvcHMudGhlbWUuY29sb3JzLmFkZGl0aW9uYWwueWVsbG93WzUwXX1gO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgU25hY2tiYXJWYXJpYW50LkVycm9yOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnJlZFs1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIGJveFNoYWRvdyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbOTBdLFxuICAgIH07XG4gIH19XG5gO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuY29uc3QgVG9wID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAxNnB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2VDb21wb25lbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzPiA9IHByb3BzID0+IHtcbiAgY29uc3Qge3ZhcmlhbnQsIG1heFdpZHRoLCBjbGFzc05hbWUsIHN0eWxlLCBxYSA9ICdzbmFja2Jhci1tZXNzYWdlJ30gPSBwcm9wcy5tZXNzYWdlO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0gey4uLnByb3BzLCBxYX07XG5cbiAgY29uc3QgY29udGFpbmVyUHJvcHMgPSB7XG4gICAgdmFyaWFudCxcbiAgICBjbGFzc05hbWUsXG5cbiAgICAnZGF0YS1xYSc6IHFhLFxuXG4gICAgc3R5bGU6IHttYXhXaWR0aCwgLi4uc3R5bGV9LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciB7Li4uY29udGFpbmVyUHJvcHN9PlxuICAgICAgPE1lc3NhZ2VJY29uIHsuLi5yZXN1bHRQcm9wc30gLz5cblxuICAgICAgPENvbnRlbnQ+XG4gICAgICAgIDxUb3A+XG4gICAgICAgICAgPE1lc3NhZ2VDb250ZW50IHsuLi5yZXN1bHRQcm9wc30gLz5cbiAgICAgICAgICA8QWN0aW9uc1RvcCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgIDwvVG9wPlxuXG4gICAgICAgIDxBY3Rpb25zQm90dG9tIHsuLi5yZXN1bHRQcm9wc30gLz5cbiAgICAgIDwvQ29udGVudD5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */")),D=n.default("div",process.env.NODE_ENV==="production"?{target:"e14qqo9b1"}:{target:"e14qqo9b1",label:"Content"})(process.env.NODE_ENV==="production"?{name:"1ff36h2",styles:"flex-grow:1"}:{name:"1ff36h2",styles:"flex-grow:1/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QzBCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHtBY3Rpb25zVG9wfSBmcm9tICcuLi9BY3Rpb25zVG9wJztcbmltcG9ydCB7QWN0aW9uc0JvdHRvbX0gZnJvbSAnLi4vQWN0aW9uc0JvdHRvbSc7XG5pbXBvcnQge01lc3NhZ2VDb250ZW50fSBmcm9tICcuLi9NZXNzYWdlQ29udGVudCc7XG5pbXBvcnQge01lc3NhZ2VJY29ufSBmcm9tICcuLi9NZXNzYWdlSWNvbic7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiA4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+IHtcbiAgICBsZXQgYm94U2hhZG93OiBDU1NQcm9wZXJ0aWVzWydib3hTaGFkb3cnXTtcblxuICAgIHN3aXRjaCAocHJvcHMudmFyaWFudCkge1xuICAgICAgY2FzZSBTbmFja2JhclZhcmlhbnQuU3VjY2VzczpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5XYXJuaW5nOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5FcnJvcjpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdfWA7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaGFkb3csXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzkwXSxcbiAgICB9O1xuICB9fVxuYDtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmNvbnN0IFRvcCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMTZweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29tcG9uZW50OiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcz4gPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHt2YXJpYW50LCBtYXhXaWR0aCwgY2xhc3NOYW1lLCBzdHlsZSwgcWEgPSAnc25hY2tiYXItbWVzc2FnZSd9ID0gcHJvcHMubWVzc2FnZTtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHsuLi5wcm9wcywgcWF9O1xuXG4gIGNvbnN0IGNvbnRhaW5lclByb3BzID0ge1xuICAgIHZhcmlhbnQsXG4gICAgY2xhc3NOYW1lLFxuXG4gICAgJ2RhdGEtcWEnOiBxYSxcblxuICAgIHN0eWxlOiB7bWF4V2lkdGgsIC4uLnN0eWxlfSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLmNvbnRhaW5lclByb3BzfT5cbiAgICAgIDxNZXNzYWdlSWNvbiB7Li4ucmVzdWx0UHJvcHN9IC8+XG5cbiAgICAgIDxDb250ZW50PlxuICAgICAgICA8VG9wPlxuICAgICAgICAgIDxNZXNzYWdlQ29udGVudCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgICAgPEFjdGlvbnNUb3Agey4uLnJlc3VsdFByb3BzfSAvPlxuICAgICAgICA8L1RvcD5cblxuICAgICAgICA8QWN0aW9uc0JvdHRvbSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L0NvbnRlbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",toString:C}),U=n.default("div",process.env.NODE_ENV==="production"?{target:"e14qqo9b0"}:{target:"e14qqo9b0",label:"Top"})(process.env.NODE_ENV==="production"?{name:"jtpyi3",styles:"display:flex;align-items:flex-start;justify-content:space-between;gap:16px"}:{name:"jtpyi3",styles:"display:flex;align-items:flex-start;justify-content:space-between;gap:16px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3NCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHtBY3Rpb25zVG9wfSBmcm9tICcuLi9BY3Rpb25zVG9wJztcbmltcG9ydCB7QWN0aW9uc0JvdHRvbX0gZnJvbSAnLi4vQWN0aW9uc0JvdHRvbSc7XG5pbXBvcnQge01lc3NhZ2VDb250ZW50fSBmcm9tICcuLi9NZXNzYWdlQ29udGVudCc7XG5pbXBvcnQge01lc3NhZ2VJY29ufSBmcm9tICcuLi9NZXNzYWdlSWNvbic7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiA4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+IHtcbiAgICBsZXQgYm94U2hhZG93OiBDU1NQcm9wZXJ0aWVzWydib3hTaGFkb3cnXTtcblxuICAgIHN3aXRjaCAocHJvcHMudmFyaWFudCkge1xuICAgICAgY2FzZSBTbmFja2JhclZhcmlhbnQuU3VjY2VzczpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5XYXJuaW5nOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5FcnJvcjpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdfWA7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaGFkb3csXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzkwXSxcbiAgICB9O1xuICB9fVxuYDtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmNvbnN0IFRvcCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMTZweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29tcG9uZW50OiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcz4gPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHt2YXJpYW50LCBtYXhXaWR0aCwgY2xhc3NOYW1lLCBzdHlsZSwgcWEgPSAnc25hY2tiYXItbWVzc2FnZSd9ID0gcHJvcHMubWVzc2FnZTtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHsuLi5wcm9wcywgcWF9O1xuXG4gIGNvbnN0IGNvbnRhaW5lclByb3BzID0ge1xuICAgIHZhcmlhbnQsXG4gICAgY2xhc3NOYW1lLFxuXG4gICAgJ2RhdGEtcWEnOiBxYSxcblxuICAgIHN0eWxlOiB7bWF4V2lkdGgsIC4uLnN0eWxlfSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLmNvbnRhaW5lclByb3BzfT5cbiAgICAgIDxNZXNzYWdlSWNvbiB7Li4ucmVzdWx0UHJvcHN9IC8+XG5cbiAgICAgIDxDb250ZW50PlxuICAgICAgICA8VG9wPlxuICAgICAgICAgIDxNZXNzYWdlQ29udGVudCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgICAgPEFjdGlvbnNUb3Agey4uLnJlc3VsdFByb3BzfSAvPlxuICAgICAgICA8L1RvcD5cblxuICAgICAgICA8QWN0aW9uc0JvdHRvbSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L0NvbnRlbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",toString:C}),k=c=>{const{variant:b,maxWidth:g,className:e,style:I,qa:u="snackbar-message"}=c.message,a={...c,qa:u},m={variant:b,className:e,"data-qa":u,style:{maxWidth:g,...I}};return l.jsxs(Q,{...m,children:[l.jsx(j,{...a}),l.jsxs(D,{children:[l.jsxs(U,{children:[l.jsx(z,{...a}),l.jsx(A,{...a})]}),l.jsx(F,{...a})]})]})},f=c=>{const b={...c,key:c.key??String(Math.random()*1e4),variant:c.variant??t.Default};Z.enqueueSnackbar(l.jsx(k,{message:b}),{autoHideDuration:c.actionsTop||c.actionsBottom?7e3:3e3,...b,content:void 0})};Object.defineProperty(exports,"closeSnackbar",{enumerable:!0,get:()=>Z.closeSnackbar});exports.SnackbarContainer=W;exports.SnackbarProvider=y;exports.SnackbarVariant=t;exports.enqueueSnackbar=f;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/SnackbarProvider.tsx","../src/Actions/index.tsx","../src/ActionsTop/index.tsx","../src/ActionsBottom/index.tsx","../src/types.ts","../src/MessageContent/index.tsx","../src/MessageIcon/index.tsx","../src/MessageComponent/index.tsx","../src/hook.tsx"],"sourcesContent":["import {forwardRef} from 'react';\n\nimport {SnackbarProvider as BaseSnackbarProvider} from 'notistack';\n\nimport type {SnackbarProviderProps, CustomContentProps} from 'notistack';\n\nexport const SnackbarContainer = forwardRef<HTMLDivElement, CustomContentProps>(({message, style}, ref) => (\n  <div ref={ref} style={style}>\n    {message}\n  </div>\n));\n\nconst Components: SnackbarProviderProps['Components'] = {\n  default: SnackbarContainer,\n  success: SnackbarContainer,\n  warning: SnackbarContainer,\n  error: SnackbarContainer,\n  info: SnackbarContainer,\n};\n\nexport const SnackbarProvider: React.FC<SnackbarProviderProps> = ({children, ...props}) => (\n  <>\n    <BaseSnackbarProvider Components={Components} {...props} />\n    {children}\n  </>\n);\n","import {SizeTokenValue} from '@join-x5/react-theme';\nimport {Link, Button, ButtonVariant} from '@join-x5/react';\n\nimport type {SnackbarAction} from '../types';\n\nexport const getAction = (action: SnackbarAction, index: number) => {\n  if (action && typeof action === 'object') {\n    if ('isButton' in action) {\n      return <Button key={index} variant={ButtonVariant.InnerSnackbar} size={SizeTokenValue.Small} {...action} />;\n    }\n\n    if ('isLink' in action) {\n      return <Link key={index} {...action} />;\n    }\n  }\n\n  return action;\n};\n","import styled from '@emotion/styled';\nimport {closeSnackbar} from 'notistack';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\nimport {CloseIcon} from '@join-x5/react-icons';\nimport {ButtonVariant, IconButton} from '@join-x5/react';\n\nimport {getAction} from '../Actions';\n\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {SnackbarContentProps} from '../types';\n\nconst Container = styled.div`\n  display: flex;\n  align-items: flex-start;\n`;\n\nexport const ActionsTop: React.FC<SnackbarContentProps & RequiredQA> = ({qa, message}) => {\n  const {key, closable, actionsTop = []} = message;\n\n  const child = actionsTop.map(getAction).filter(Boolean);\n\n  if (closable) {\n    const onClose = () => closeSnackbar(key);\n\n    child.push(\n      <IconButton\n        key=\"closebutton\"\n        qa={`${qa}-close`}\n        size={SizeTokenValue.Small}\n        variant={ButtonVariant.Inner}\n        onClick={onClose}\n      >\n        <CloseIcon size={SizeTokenValue.Small} />\n      </IconButton>\n    );\n  }\n\n  if (!child.length) {\n    return null;\n  }\n\n  return <Container data-qa={`${qa}-actions-top`}>{child}</Container>;\n};\n","import styled from '@emotion/styled';\n\nimport {getAction} from '../Actions';\n\nimport type {SnackbarContentProps} from '../types';\nimport type {RequiredQA} from '@join-x5/react-theme';\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding-top: 4px;\n  gap: 8px;\n`;\n\nexport const ActionsBottom: React.FC<SnackbarContentProps & RequiredQA> = props => {\n  const {actionsBottom = []} = props.message;\n\n  const child = actionsBottom.map(getAction).filter(Boolean);\n\n  if (!child.length) {\n    return null;\n  }\n\n  return <Container data-qa={`${props.qa}-actions-bottom`}>{child}</Container>;\n};\n","import type {CSSProperties, HTMLAttributes, ReactNode} from 'react';\nimport type {SnackbarProviderProps as BaseSnackbarProviderProps, OptionsObject} from 'notistack';\n\nimport type {QA} from '@join-x5/react-theme';\nimport type {ButtonProps, LinkProps} from '@join-x5/react';\n\n/** Пропсы провайдера notistack */\nexport type SnackbarProviderProps = BaseSnackbarProviderProps;\n\n/** Вариант дизайна Snackbar */\nexport enum SnackbarVariant {\n  /** Без границы и иконки */\n  Default = 'default',\n  /** Зеленая граница и иконка */\n  Success = 'success',\n  /** Желтая граница и иконка */\n  Warning = 'warning',\n  /** Красная граница и иконка */\n  Error = 'error',\n}\n\n/** Кнопки в сообщении\n *\n * Передаются кнопки(isButton), ссылки(isLink), или кастомный элемент\n */\nexport type SnackbarAction = ({isButton: true} & ButtonProps) | ({isLink: true} & LinkProps) | ReactNode;\n\n/** Всплывающее сообщение */\nexport type SnackbarMessage = {\n  /** Контент */\n  content: ReactNode;\n  /** Заголовок */\n  title?: ReactNode;\n  /** Кастомная иконка */\n  icon?: ReactNode;\n  /** Вариант */\n  variant?: SnackbarVariant;\n\n  /** С возможностью закрытия (показывать крестик) */\n  closable?: boolean;\n\n  /** Кнопки сверху справа */\n  actionsTop?: SnackbarAction[];\n  /** Кнопки снизу */\n  actionsBottom?: SnackbarAction[];\n} & QA &\n  Omit<OptionsObject, 'variant'> &\n  Pick<CSSProperties, 'maxWidth' | 'whiteSpace'> &\n  Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'className'>;\n\nexport type SnackbarMessageInner = Omit<SnackbarMessage, 'key'> & Required<Pick<SnackbarMessage, 'key' | 'variant'>>;\n\nexport type SnackbarContentProps = {\n  message: SnackbarMessageInner;\n};\n","import styled from '@emotion/styled';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {Theme} from '@emotion/react';\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {SnackbarContentProps, SnackbarMessageInner} from '../types';\n\nconst variantColor = (theme: Theme): Record<SnackbarVariant, string> => ({\n  [SnackbarVariant.Default]: theme.colors.white,\n  [SnackbarVariant.Success]: theme.colors.additional.green[50],\n  [SnackbarVariant.Warning]: theme.colors.additional.yellow[50],\n  [SnackbarVariant.Error]: theme.colors.additional.red[50],\n});\n\nconst Container = styled.div`\n  padding: 6px 8px 6px 4px;\n`;\n\nconst TitleComponent = styled.div<Pick<SnackbarMessageInner, 'variant'>>`\n  padding-bottom: 2px;\n\n  ${props => ({\n    ...props.theme.typography.h4,\n\n    color: variantColor(props.theme)[props.variant],\n  })}\n`;\n\nconst ContentComponent = styled.div(props => ({\n  ...props.theme.typography.p1compact,\n\n  color: props.theme.colors.white,\n}));\n\nexport const MessageContent: React.FC<SnackbarContentProps & RequiredQA> = ({message, qa}) => {\n  const {title, content, variant, whiteSpace} = message;\n\n  return (\n    <Container data-qa={`${qa}-message`}>\n      {title && <TitleComponent variant={variant}>{title}</TitleComponent>}\n      <ContentComponent style={{whiteSpace}}>{content}</ContentComponent>\n    </Container>\n  );\n};\n","import styled from '@emotion/styled';\nimport {useTheme} from '@emotion/react';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\n\nimport {CheckIcon, ErrorIcon, WarningOutlineIcon} from '@join-x5/react-icons';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {Theme} from '@emotion/react';\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {IconComponent} from '@join-x5/react-icons';\nimport type {SnackbarContentProps} from '../types';\n\nconst variantIcon: Record<SnackbarVariant, IconComponent | null> = {\n  [SnackbarVariant.Default]: null,\n  [SnackbarVariant.Success]: CheckIcon,\n  [SnackbarVariant.Warning]: WarningOutlineIcon,\n  [SnackbarVariant.Error]: ErrorIcon,\n};\n\nconst variantColor = (theme: Theme): Record<SnackbarVariant, string> => ({\n  [SnackbarVariant.Default]: theme.colors.white,\n  [SnackbarVariant.Success]: theme.colors.additional.green[50],\n  [SnackbarVariant.Warning]: theme.colors.additional.yellow[50],\n  [SnackbarVariant.Error]: theme.colors.additional.red[50],\n});\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  min-height: 32px;\n  padding: 4px;\n  box-sizing: border-box;\n\n  ${props => props.theme.typography.h4}\n`;\n\nexport const MessageIcon: React.FC<SnackbarContentProps & RequiredQA> = ({qa, message: {icon, variant}}) => {\n  const theme = useTheme();\n\n  if (typeof icon !== 'undefined' && icon !== true) {\n    return icon;\n  }\n\n  const Component = variantIcon[variant];\n  if (!Component) {\n    return null;\n  }\n\n  return (\n    <Container data-qa={`${qa}-icon`}>\n      <Component size={SizeTokenValue.Medium} color={variantColor(theme)[variant]} />\n    </Container>\n  );\n};\n","import styled from '@emotion/styled';\n\nimport {ActionsTop} from '../ActionsTop';\nimport {ActionsBottom} from '../ActionsBottom';\nimport {MessageContent} from '../MessageContent';\nimport {MessageIcon} from '../MessageIcon';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {CSSProperties} from '@join-x5/react-theme';\nimport type {SnackbarContentProps, SnackbarMessageInner} from '../types';\n\nconst Container = styled.div<Pick<SnackbarMessageInner, 'variant'>>`\n  display: flex;\n  align-items: flex-start;\n  padding: 8px;\n  border-radius: 4px;\n  box-sizing: border-box;\n\n  ${props => {\n    let boxShadow: CSSProperties['boxShadow'];\n\n    switch (props.variant) {\n      case SnackbarVariant.Success:\n        boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.green[50]}`;\n        break;\n      case SnackbarVariant.Warning:\n        boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.yellow[50]}`;\n        break;\n      case SnackbarVariant.Error:\n        boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.red[50]}`;\n        break;\n    }\n\n    return {\n      boxShadow,\n      backgroundColor: props.theme.colors.grey[90],\n    };\n  }}\n`;\n\nconst Content = styled.div`\n  flex-grow: 1;\n`;\n\nconst Top = styled.div`\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n`;\n\nexport const MessageComponent: React.FC<SnackbarContentProps> = props => {\n  const {variant, maxWidth, className, style, qa = 'snackbar-message'} = props.message;\n\n  const resultProps = {...props, qa};\n\n  const containerProps = {\n    variant,\n    className,\n\n    'data-qa': qa,\n\n    style: {maxWidth, ...style},\n  };\n\n  return (\n    <Container {...containerProps}>\n      <MessageIcon {...resultProps} />\n\n      <Content>\n        <Top>\n          <MessageContent {...resultProps} />\n          <ActionsTop {...resultProps} />\n        </Top>\n\n        <ActionsBottom {...resultProps} />\n      </Content>\n    </Container>\n  );\n};\n","import {closeSnackbar, enqueueSnackbar as baseEnqueueSnackbar} from 'notistack';\n\nimport {MessageComponent} from './MessageComponent';\n\nimport {SnackbarVariant} from './types';\n\nimport type {SnackbarMessage, SnackbarMessageInner} from './types';\n\nconst enqueueSnackbar = (message: SnackbarMessage) => {\n  const innerMessage: SnackbarMessageInner = {\n    ...message,\n\n    key: message.key ?? String(Math.random() * 10_000),\n    variant: message.variant ?? SnackbarVariant.Default,\n  };\n\n  baseEnqueueSnackbar(<MessageComponent message={innerMessage} />, {\n    autoHideDuration: message.actionsTop || message.actionsBottom ? 7_000 : 3_000,\n\n    ...innerMessage,\n\n    content: undefined,\n  });\n};\n\nexport {enqueueSnackbar, closeSnackbar};\n"],"names":["SnackbarContainer","forwardRef","message","style","ref","jsx","Components","default","success","warning","error","info","SnackbarProvider","children","props","jsxs","Fragment","BaseSnackbarProvider","getAction","action","index","Button","ButtonVariant","InnerSnackbar","SizeTokenValue","Small","Link","Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ActionsTop","qa","key","closable","actionsTop","child","map","filter","Boolean","onClose","closeSnackbar","push","IconButton","Inner","CloseIcon","length","ActionsBottom","actionsBottom","SnackbarVariant","Default","Success","Warning","Error","variantColor","theme","colors","white","additional","green","yellow","red","TitleComponent","typography","h4","color","variant","ContentComponent","p1compact","MessageContent","title","content","whiteSpace","variantIcon","CheckIcon","WarningOutlineIcon","ErrorIcon","MessageIcon","icon","useTheme","Component","Medium","boxShadow","backgroundColor","grey","Content","Top","MessageComponent","maxWidth","className","resultProps","containerProps","enqueueSnackbar","innerMessage","String","Math","random","baseEnqueueSnackbar","autoHideDuration","undefined"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SnackbarProvider';
+export * from './hook';
+export * from './types';

package/dist/index.es.js

@@ -0,0 +1,12 @@
+import { SnackbarContainer as o, SnackbarProvider as e } from "./SnackbarProvider.es.js";
+import { enqueueSnackbar as c } from "./hook.es.js";
+import { SnackbarVariant as b } from "./types.es.js";
+import { closeSnackbar as S } from "notistack";
+export {
+  o as SnackbarContainer,
+  e as SnackbarProvider,
+  b as SnackbarVariant,
+  S as closeSnackbar,
+  c as enqueueSnackbar
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/types.d.ts

@@ -0,0 +1,47 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { SnackbarProviderProps as BaseSnackbarProviderProps, OptionsObject } from 'notistack';
+import { QA } from '@join-x5/react-theme';
+import { ButtonProps, LinkProps } from '@join-x5/react';
+/** Пропсы провайдера notistack */
+export type SnackbarProviderProps = BaseSnackbarProviderProps;
+/** Вариант дизайна Snackbar */
+export declare enum SnackbarVariant {
+    /** Без границы и иконки */
+    Default = "default",
+    /** Зеленая граница и иконка */
+    Success = "success",
+    /** Желтая граница и иконка */
+    Warning = "warning",
+    /** Красная граница и иконка */
+    Error = "error"
+}
+/** Кнопки в сообщении
+ *
+ * Передаются кнопки(isButton), ссылки(isLink), или кастомный элемент
+ */
+export type SnackbarAction = ({
+    isButton: true;
+} & ButtonProps) | ({
+    isLink: true;
+} & LinkProps) | ReactNode;
+/** Всплывающее сообщение */
+export type SnackbarMessage = {
+    /** Контент */
+    content: ReactNode;
+    /** Заголовок */
+    title?: ReactNode;
+    /** Кастомная иконка */
+    icon?: ReactNode;
+    /** Вариант */
+    variant?: SnackbarVariant | `${SnackbarVariant}`;
+    /** С возможностью закрытия (показывать крестик) */
+    closable?: boolean;
+    /** Кнопки сверху справа */
+    actionsTop?: SnackbarAction[];
+    /** Кнопки снизу */
+    actionsBottom?: SnackbarAction[];
+} & QA & Omit<OptionsObject, 'variant'> & Pick<CSSProperties, 'maxWidth' | 'whiteSpace'> & Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'className'>;
+export type SnackbarMessageInner = Omit<SnackbarMessage, 'key'> & Required<Pick<SnackbarMessage, 'key' | 'variant'>>;
+export type SnackbarContentProps = {
+    message: SnackbarMessageInner;
+};

package/dist/types.es.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((e) => (e.Default = "default", e.Success = "success", e.Warning = "warning", e.Error = "error", e))(r || {});
+export {
+  r as SnackbarVariant
+};
+//# sourceMappingURL=types.es.js.map

package/dist/types.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.es.js","sources":["../src/types.ts"],"sourcesContent":["import type {CSSProperties, HTMLAttributes, ReactNode} from 'react';\nimport type {SnackbarProviderProps as BaseSnackbarProviderProps, OptionsObject} from 'notistack';\n\nimport type {QA} from '@join-x5/react-theme';\nimport type {ButtonProps, LinkProps} from '@join-x5/react';\n\n/** Пропсы провайдера notistack */\nexport type SnackbarProviderProps = BaseSnackbarProviderProps;\n\n/** Вариант дизайна Snackbar */\nexport enum SnackbarVariant {\n  /** Без границы и иконки */\n  Default = 'default',\n  /** Зеленая граница и иконка */\n  Success = 'success',\n  /** Желтая граница и иконка */\n  Warning = 'warning',\n  /** Красная граница и иконка */\n  Error = 'error',\n}\n\n/** Кнопки в сообщении\n *\n * Передаются кнопки(isButton), ссылки(isLink), или кастомный элемент\n */\nexport type SnackbarAction = ({isButton: true} & ButtonProps) | ({isLink: true} & LinkProps) | ReactNode;\n\n/** Всплывающее сообщение */\nexport type SnackbarMessage = {\n  /** Контент */\n  content: ReactNode;\n  /** Заголовок */\n  title?: ReactNode;\n  /** Кастомная иконка */\n  icon?: ReactNode;\n  /** Вариант */\n  variant?: SnackbarVariant;\n\n  /** С возможностью закрытия (показывать крестик) */\n  closable?: boolean;\n\n  /** Кнопки сверху справа */\n  actionsTop?: SnackbarAction[];\n  /** Кнопки снизу */\n  actionsBottom?: SnackbarAction[];\n} & QA &\n  Omit<OptionsObject, 'variant'> &\n  Pick<CSSProperties, 'maxWidth' | 'whiteSpace'> &\n  Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'className'>;\n\nexport type SnackbarMessageInner = Omit<SnackbarMessage, 'key'> & Required<Pick<SnackbarMessage, 'key' | 'variant'>>;\n\nexport type SnackbarContentProps = {\n  message: SnackbarMessageInner;\n};\n"],"names":["SnackbarVariant","Default","Success","Warning","Error"],"mappings":"AAUYA,IAAAA,sBAAAA,OAEVC,EAAAA,UAAU,WAEVC,EAAAA,UAAU,WAEVC,EAAAA,UAAU,WAEVC,EAAAA,QAAQ,SAREJ,IAAAA,KAAAA,CAAAA,CAAAA;"}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@join-x5/react-snackbar",
+  "version": "1.0.0-rc",
+  "private": false,
+  "homepage": "https://www.figma.com/design/c0xn3Ib5FZSfPcnfsOIrmy4i/Join-Web%3A-component",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --noEmit && vite build",
+    "lint": "eslint src --ignore-pattern \"**/*.stories.tsx\""
+  },
+  "devDependencies": {
+    "@emotion/babel-plugin": "^11.13.5",
+    "@eslint/js": "^9.3.0",
+    "@laynezh/vite-plugin-lib-assets": "^0.5.24",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-window": "^1.8.8",
+    "@vitejs/plugin-react": "^4.3.2",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-workspaces": "^0.10.1",
+    "jsdom": "^25.0.1",
+    "prettier": "3.3.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "typescript": "^5.4.5",
+    "typescript-eslint": "^7.10.0",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.4",
+    "vite-tsconfig-paths": "^5.0.1"
+  },
+  "dependencies": {
+    "@join-x5/react": "1.0.0-rc",
+    "@join-x5/react-theme": "1.0.0-rc",
+    "@join-x5/react-icons": "1.0.0-rc",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "notistack": "^3.0.1"
+  },
+  "peerDependencies": {
+    "@join-x5/react": "1.0.0-rc",
+    "@join-x5/react-theme": "1.0.0-rc",
+    "@join-x5/react-icons": "1.0.0-rc",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "notistack": "^3.0.1",
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  }
+}