@ixo/ui 0.0.16 → 0.0.18

package/dist/constants/themes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/constants/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAkG3C,eAAO,MAAM,KAAK,SAAO,CAAC;AAiB1B,eAAO,MAAM,IAAI,OAAkC,CAAC"}
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/constants/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAmG3C,eAAO,MAAM,KAAK,SAAO,CAAC;AAiB1B,eAAO,MAAM,IAAI,OAAkC,CAAC"}

package/dist/export/components.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const export_components = require("../components-COiOJd-a.cjs");
+const export_components = require("../components-BNly6Y-x.cjs");
 exports.AIInputBar = export_components.AIInputBar;
 exports.AIResponse = export_components.AIResponse;
 exports.Accordion = export_components.Accordion;

package/dist/export/components.mjs

@@ -1,4 +1,4 @@
-import { n, m, f, g, h, j, k, l, o, A, p, B, q, r, s, t, u, v, w, x, z, y, D, E, G, H, J, ax, ay, K, P, N, R, V, W, X, Y, F, Z, _, Q, au, $, a0, a1, a2, I, a3, a4, L, a5, a6, a7, M, az, av, aw, O, a8, a9, aa, ab, ac, ad, ae, af, ag, e, ai, aj, ah, ak, al, S, am, an, aq, ar, ao, ap, a, as, d, T, at, U, aA } from "../components-Cil160oB.js";
+import { n, m, f, g, h, j, k, l, o, A, p, B, q, r, s, t, u, v, w, x, z, y, D, E, G, H, J, ax, ay, K, P, N, R, V, W, X, Y, F, Z, _, Q, au, $, a0, a1, a2, I, a3, a4, L, a5, a6, a7, M, az, av, aw, O, a8, a9, aa, ab, ac, ad, ae, af, ag, e, ai, aj, ah, ak, al, S, am, an, aq, ar, ao, ap, a, as, d, T, at, U, aA } from "../components-DiauxYoY.js";
 export {
   n as AIInputBar,
   m as AIResponse,

package/dist/export/icons/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const UsersSolid = require("../../UsersSolid-peS-I-xF.cjs");
+const UsersSolid = require("../../UsersSolid-3ru3TJi-.cjs");
 const useUITheme = require("../../useUITheme-DqgAb7n1.cjs");
 const icon = require("../../icon-CuOdTwsX.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");

package/dist/export/icons/index.mjs

@@ -1,5 +1,5 @@
-import { g as getElementColor } from "../../UsersSolid-CyNyz_eF.js";
-import { n, a0, A, i, e, y, R, f, T, c, l, b, W, a, m, a2, C, x, v, u, Z, _, J, D, a6, E, X, N, G, q, j, H, $, t, I, a1, B, Q, o, L, w, M, O, h, s, V, P, F, p, z, S, d, r, K, a3, Y, U, k, a4, a5 } from "../../UsersSolid-CyNyz_eF.js";
+import { g as getElementColor } from "../../UsersSolid-DaQkEA44.js";
+import { n, a0, A, i, e, y, R, f, T, c, l, b, W, a, m, a2, C, x, v, u, Z, _, J, D, a6, E, X, N, G, q, j, H, $, t, I, a1, B, Q, o, L, w, M, O, h, s, V, P, F, p, z, S, d, r, K, a3, Y, U, k, a4, a5 } from "../../UsersSolid-DaQkEA44.js";
 import { u as useUITheme } from "../../useUITheme-7i8NJ2FG.js";
 import { b as buildSvgIcon } from "../../icon-YfwPb2T4.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";

package/dist/export/themes.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const themes = require("../themes-CAW1Y0Nk.cjs");
+const themes = require("../themes-BwGjuKnC.cjs");
 exports.dark = themes.dark;
 exports.light = themes.light;
 //# sourceMappingURL=themes.cjs.map

package/dist/export/themes.mjs

@@ -1,4 +1,4 @@
-import { d, l } from "../themes-Dxo8D1cq.js";
+import { d, l } from "../themes-ZDjULHjG.js";
 export {
   d as dark,
   l as light

package/dist/{index-9AExx6uv.cjs → index-B-OdChcI.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("./index-CLjuvTd7.cjs");
-const export_components = require("./components-COiOJd-a.cjs");
+const index = require("./index-DWhpg1N7.cjs");
+const export_components = require("./components-BNly6Y-x.cjs");
 function Footer({ actions, loadingMessage, feedbackMessage }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -61,4 +61,4 @@ function Footer({ actions, loadingMessage, feedbackMessage }) {
   );
 }
 exports.default = Footer;
-//# sourceMappingURL=index-9AExx6uv.cjs.map
+//# sourceMappingURL=index-B-OdChcI.cjs.map

package/dist/{index-9AExx6uv.cjs.map → index-B-OdChcI.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-9AExx6uv.cjs","sources":["../src/components/ActionCard/components/Footer/index.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from \"react\";\n\nimport { CardActionButton } from \"../../../CardActionButton\";\nimport { FeedbackMessage } from \"../../../FeedbackMessage\";\nimport { Loader } from \"../../../Loader\";\nimport { Spacer } from \"../../../Spacer\";\nimport { Typography } from \"../../../Typography\";\n\nimport { Props } from \"./types\";\n\nexport default function Footer({ actions, loadingMessage, feedbackMessage }: Props): ReactElement {\n  return (\n    <div\n      css={({ radius }) => ({\n        borderBottomLeftRadius: radius.medium,\n        borderBottomRightRadius: radius.medium\n      })}\n    >\n      {((): ReactNode => {\n        if (actions) {\n          return (\n            <Spacer\n              vertical={actions.vertical}\n              css={({ spacing, radius }) => ({\n                padding: spacing * 2,\n                borderBottomLeftRadius: radius.medium,\n                borderBottomRightRadius: radius.medium\n              })}\n            >\n              {actions.items.map((action) => (\n                <CardActionButton\n                  key={action.title}\n                  title={action.title}\n                  tooltip={action.tooltip}\n                  badge={action.badge}\n                  disabled={action.disabled}\n                  highlighted={action.highlighted}\n                  icon={action.icon}\n                  onClick={action.onClick}\n                />\n              ))}\n            </Spacer>\n          );\n        }\n\n        if (loadingMessage) {\n          return (\n            <Spacer css={({ spacing }) => ({ padding: spacing * 2 })} alignItems=\"center\" justifyContent=\"center\">\n              <Loader size={20} />\n              <Typography.Text color=\"secondary\">{loadingMessage}</Typography.Text>\n            </Spacer>\n          );\n        }\n\n        if (feedbackMessage) {\n          return (\n            <FeedbackMessage\n              css={({ spacing }) => ({ padding: spacing * 2 })}\n              text={feedbackMessage.text}\n              icon={feedbackMessage.icon}\n              iconColor={feedbackMessage.iconColor}\n              textColor=\"secondary\"\n            />\n          );\n        }\n      })()}\n    </div>\n  );\n}\n"],"names":["jsx","Spacer","CardActionButton","jsxs","Loader","Typography","FeedbackMessage"],"mappings":";;;;;AAUA,SAAwB,OAAO,EAAE,SAAS,gBAAgB,mBAAwC;AAChG,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,cAAc;AAAA,QACpB,wBAAwB,OAAO;AAAA,QAC/B,yBAAyB,OAAO;AAAA,MAAA;AAAA,MAGhC,WAAA,MAAiB;AACjB,YAAI,SAAS;AACX,iBACEA,2BAAAA;AAAAA,YAACC,kBAAAA;AAAAA,YAAA;AAAA,cACC,UAAU,QAAQ;AAAA,cAClB,KAAK,CAAC,EAAE,SAAS,cAAc;AAAA,gBAC7B,SAAS,UAAU;AAAA,gBACnB,wBAAwB,OAAO;AAAA,gBAC/B,yBAAyB,OAAO;AAAA,cAAA;AAAA,cAGjC,UAAA,QAAQ,MAAM,IAAI,CAAC,WAClBD,2BAAAA;AAAAA,gBAACE,MAAAA;AAAAA,gBAAA;AAAA,kBAEC,OAAO,OAAO;AAAA,kBACd,SAAS,OAAO;AAAA,kBAChB,OAAO,OAAO;AAAA,kBACd,UAAU,OAAO;AAAA,kBACjB,aAAa,OAAO;AAAA,kBACpB,MAAM,OAAO;AAAA,kBACb,SAAS,OAAO;AAAA,gBAAA;AAAA,gBAPX,OAAO;AAAA,cAAA,CASf;AAAA,YAAA;AAAA,UAAA;AAAA,QAGP;AAEA,YAAI,gBAAgB;AAClB,iBACEC,2BAAAA,KAACF,kBAAAA,QAAA,EAAO,KAAK,CAAC,EAAE,QAAA,OAAe,EAAE,SAAS,UAAU,EAAA,IAAM,YAAW,UAAS,gBAAe,UAC3F,UAAA;AAAA,YAAAD,2BAAAA,IAACI,kBAAAA,QAAA,EAAO,MAAM,GAAA,CAAI;AAAA,2CACjBC,kBAAAA,WAAW,MAAX,EAAgB,OAAM,aAAa,UAAA,eAAA,CAAe;AAAA,UAAA,GACrD;AAAA,QAEJ;AAEA,YAAI,iBAAiB;AACnB,iBACEL,2BAAAA;AAAAA,YAACM,kBAAAA;AAAAA,YAAA;AAAA,cACC,KAAK,CAAC,EAAE,QAAA,OAAe,EAAE,SAAS,UAAU;cAC5C,MAAM,gBAAgB;AAAA,cACtB,MAAM,gBAAgB;AAAA,cACtB,WAAW,gBAAgB;AAAA,cAC3B,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAGhB;AAAA,MACF,GAAA;AAAA,IAAG;AAAA,EAAA;AAGT;;"}
+{"version":3,"file":"index-B-OdChcI.cjs","sources":["../src/components/ActionCard/components/Footer/index.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from \"react\";\n\nimport { CardActionButton } from \"../../../CardActionButton\";\nimport { FeedbackMessage } from \"../../../FeedbackMessage\";\nimport { Loader } from \"../../../Loader\";\nimport { Spacer } from \"../../../Spacer\";\nimport { Typography } from \"../../../Typography\";\n\nimport { Props } from \"./types\";\n\nexport default function Footer({ actions, loadingMessage, feedbackMessage }: Props): ReactElement {\n  return (\n    <div\n      css={({ radius }) => ({\n        borderBottomLeftRadius: radius.medium,\n        borderBottomRightRadius: radius.medium\n      })}\n    >\n      {((): ReactNode => {\n        if (actions) {\n          return (\n            <Spacer\n              vertical={actions.vertical}\n              css={({ spacing, radius }) => ({\n                padding: spacing * 2,\n                borderBottomLeftRadius: radius.medium,\n                borderBottomRightRadius: radius.medium\n              })}\n            >\n              {actions.items.map((action) => (\n                <CardActionButton\n                  key={action.title}\n                  title={action.title}\n                  tooltip={action.tooltip}\n                  badge={action.badge}\n                  disabled={action.disabled}\n                  highlighted={action.highlighted}\n                  icon={action.icon}\n                  onClick={action.onClick}\n                />\n              ))}\n            </Spacer>\n          );\n        }\n\n        if (loadingMessage) {\n          return (\n            <Spacer css={({ spacing }) => ({ padding: spacing * 2 })} alignItems=\"center\" justifyContent=\"center\">\n              <Loader size={20} />\n              <Typography.Text color=\"secondary\">{loadingMessage}</Typography.Text>\n            </Spacer>\n          );\n        }\n\n        if (feedbackMessage) {\n          return (\n            <FeedbackMessage\n              css={({ spacing }) => ({ padding: spacing * 2 })}\n              text={feedbackMessage.text}\n              icon={feedbackMessage.icon}\n              iconColor={feedbackMessage.iconColor}\n              textColor=\"secondary\"\n            />\n          );\n        }\n      })()}\n    </div>\n  );\n}\n"],"names":["jsx","Spacer","CardActionButton","jsxs","Loader","Typography","FeedbackMessage"],"mappings":";;;;;AAUA,SAAwB,OAAO,EAAE,SAAS,gBAAgB,mBAAwC;AAChG,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,cAAc;AAAA,QACpB,wBAAwB,OAAO;AAAA,QAC/B,yBAAyB,OAAO;AAAA,MAAA;AAAA,MAGhC,WAAA,MAAiB;AACjB,YAAI,SAAS;AACX,iBACEA,2BAAAA;AAAAA,YAACC,kBAAAA;AAAAA,YAAA;AAAA,cACC,UAAU,QAAQ;AAAA,cAClB,KAAK,CAAC,EAAE,SAAS,cAAc;AAAA,gBAC7B,SAAS,UAAU;AAAA,gBACnB,wBAAwB,OAAO;AAAA,gBAC/B,yBAAyB,OAAO;AAAA,cAAA;AAAA,cAGjC,UAAA,QAAQ,MAAM,IAAI,CAAC,WAClBD,2BAAAA;AAAAA,gBAACE,MAAAA;AAAAA,gBAAA;AAAA,kBAEC,OAAO,OAAO;AAAA,kBACd,SAAS,OAAO;AAAA,kBAChB,OAAO,OAAO;AAAA,kBACd,UAAU,OAAO;AAAA,kBACjB,aAAa,OAAO;AAAA,kBACpB,MAAM,OAAO;AAAA,kBACb,SAAS,OAAO;AAAA,gBAAA;AAAA,gBAPX,OAAO;AAAA,cAAA,CASf;AAAA,YAAA;AAAA,UAAA;AAAA,QAGP;AAEA,YAAI,gBAAgB;AAClB,iBACEC,2BAAAA,KAACF,kBAAAA,QAAA,EAAO,KAAK,CAAC,EAAE,QAAA,OAAe,EAAE,SAAS,UAAU,EAAA,IAAM,YAAW,UAAS,gBAAe,UAC3F,UAAA;AAAA,YAAAD,2BAAAA,IAACI,kBAAAA,QAAA,EAAO,MAAM,GAAA,CAAI;AAAA,2CACjBC,kBAAAA,WAAW,MAAX,EAAgB,OAAM,aAAa,UAAA,eAAA,CAAe;AAAA,UAAA,GACrD;AAAA,QAEJ;AAEA,YAAI,iBAAiB;AACnB,iBACEL,2BAAAA;AAAAA,YAACM,kBAAAA;AAAAA,YAAA;AAAA,cACC,KAAK,CAAC,EAAE,QAAA,OAAe,EAAE,SAAS,UAAU;cAC5C,MAAM,gBAAgB;AAAA,cACtB,MAAM,gBAAgB;AAAA,cACtB,WAAW,gBAAgB;AAAA,cAC3B,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAGhB;AAAA,MACF,GAAA;AAAA,IAAG;AAAA,EAAA;AAGT;;"}

package/dist/{index-n-U_gY17.js → index-BEPf-oww.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "@emotion/react/jsx-runtime";
 import { useRef, useCallback } from "react";
-import { i as isValidClick, S as Spacer, A as Avatar, T as Typography, a as Tag, M as MoreMenu, I as IconButton } from "./components-Cil160oB.js";
-import { C as Close } from "./UsersSolid-CyNyz_eF.js";
+import { i as isValidClick, S as Spacer, A as Avatar, T as Typography, a as Tag, M as MoreMenu, I as IconButton } from "./components-DiauxYoY.js";
+import { C as Close } from "./UsersSolid-DaQkEA44.js";
 function Header({ user, onClose, onHeaderClick, icon, title, moreMenu, action }) {
   const wrapperRef = useRef(null);
   const handleHeaderClick = useCallback(
@@ -63,4 +63,4 @@ function Header({ user, onClose, onHeaderClick, icon, title, moreMenu, action })
 export {
   Header as default
 };
-//# sourceMappingURL=index-n-U_gY17.js.map
+//# sourceMappingURL=index-BEPf-oww.js.map

package/dist/{index-n-U_gY17.js.map → index-BEPf-oww.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-n-U_gY17.js","sources":["../src/components/ActionCard/components/Header/index.tsx"],"sourcesContent":["import { ReactElement, useCallback, MouseEvent, useRef } from \"react\";\n\nimport { Avatar } from \"../../../Avatar\";\nimport { IconButton } from \"../../../IconButton\";\nimport { MoreMenu } from \"../../../MoreMenu\";\nimport { Spacer } from \"../../../Spacer\";\nimport { Tag } from \"../../../Tag\";\nimport { Typography } from \"../../../Typography\";\nimport { Close } from \"../../../../icons\";\n\nimport { Props } from \"./types\";\nimport { isValidClick } from \"../../../../utils/dom\";\n\nexport default function Header({ user, onClose, onHeaderClick, icon, title, moreMenu, action }: Props): ReactElement {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const handleHeaderClick = useCallback(\n    (e: MouseEvent<HTMLElement>) => {\n      if (onHeaderClick && isValidClick(e, wrapperRef.current)) {\n        onHeaderClick();\n      }\n    },\n    [onHeaderClick]\n  );\n\n  return (\n    <div\n      ref={wrapperRef}\n      role={onHeaderClick ? \"button\" : undefined}\n      tabIndex={onHeaderClick ? 0 : undefined}\n      onClick={onHeaderClick ? handleHeaderClick : undefined}\n      css={({ spacing, bg, radius }) => ({\n        display: \"flex\",\n        border: \"none\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n        padding: spacing * 2,\n        backgroundColor: bg.card,\n        borderTopLeftRadius: radius.medium,\n        borderTopRightRadius: radius.medium,\n        cursor: onHeaderClick ? \"pointer\" : undefined\n      })}\n    >\n      {user ? (\n        <Spacer>\n          <Avatar src={user.avatarSrc || \"\"} did={user.did} size={40} />\n          <Spacer vertical alignItems=\"start\" distance={0}>\n            <Spacer>\n              <Typography.Text>{user.name}</Typography.Text>\n              {user.badge ? <Tag value={user.badge} bgColor=\"selected\" textColor=\"secondary\" /> : null}\n            </Spacer>\n            <Typography.Text size=\"xs\">{user.description}</Typography.Text>\n          </Spacer>\n        </Spacer>\n      ) : (\n        <>{title ? <Tag value={title} icon={icon} bgColor=\"selected\" /> : <span />}</>\n      )}\n      {onClose || moreMenu || action ? (\n        <div\n          css={({ spacing }) => ({\n            display: \"flex\",\n            gap: spacing,\n            alignItems: \"center\"\n          })}\n        >\n          {moreMenu ? <MoreMenu items={moreMenu.items} controlColor=\"secondary\" /> : null}\n          {action ? <IconButton icon={action.icon} size={20} onClick={action.onClick} /> : null}\n          {onClose ? <IconButton icon={Close} size={20} colorDefault=\"secondary\" onClick={onClose} /> : null}\n        </div>\n      ) : (\n        <span />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAaA,SAAwB,OAAO,EAAE,MAAM,SAAS,eAAe,MAAM,OAAO,UAAU,UAA+B;AACnH,QAAM,aAAa,OAAuB,IAAI;AAE9C,QAAM,oBAAoB;AAAA,IACxB,CAAC,MAA+B;AAC9B,UAAI,iBAAiB,aAAa,GAAG,WAAW,OAAO,GAAG;AACxD,sBAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAGhB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAM,gBAAgB,WAAW;AAAA,MACjC,UAAU,gBAAgB,IAAI;AAAA,MAC9B,SAAS,gBAAgB,oBAAoB;AAAA,MAC7C,KAAK,CAAC,EAAE,SAAS,IAAI,cAAc;AAAA,QACjC,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS,UAAU;AAAA,QACnB,iBAAiB,GAAG;AAAA,QACpB,qBAAqB,OAAO;AAAA,QAC5B,sBAAsB,OAAO;AAAA,QAC7B,QAAQ,gBAAgB,YAAY;AAAA,MAAA;AAAA,MAGrC,UAAA;AAAA,QAAA,4BACE,QAAA,EACC,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,KAAK,KAAK,aAAa,IAAI,KAAK,KAAK,KAAK,MAAM,GAAA,CAAI;AAAA,+BAC3D,QAAA,EAAO,UAAQ,MAAC,YAAW,SAAQ,UAAU,GAC5C,UAAA;AAAA,YAAA,qBAAC,QAAA,EACC,UAAA;AAAA,cAAA,oBAAC,WAAW,MAAX,EAAiB,UAAA,KAAK,MAAK;AAAA,cAC3B,KAAK,QAAQ,oBAAC,KAAA,EAAI,OAAO,KAAK,OAAO,SAAQ,YAAW,WAAU,YAAA,CAAY,IAAK;AAAA,YAAA,GACtF;AAAA,gCACC,WAAW,MAAX,EAAgB,MAAK,MAAM,eAAK,YAAA,CAAY;AAAA,UAAA,EAAA,CAC/C;AAAA,QAAA,GACF,IAEA,oBAAA,UAAA,EAAG,UAAA,QAAQ,oBAAC,KAAA,EAAI,OAAO,OAAO,MAAY,SAAQ,WAAA,CAAW,IAAK,oBAAC,UAAK,GAAG;AAAA,QAE5E,WAAW,YAAY,SACtB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,eAAe;AAAA,cACrB,SAAS;AAAA,cACT,KAAK;AAAA,cACL,YAAY;AAAA,YAAA;AAAA,YAGb,UAAA;AAAA,cAAA,+BAAY,UAAA,EAAS,OAAO,SAAS,OAAO,cAAa,aAAY,IAAK;AAAA,cAC1E,SAAS,oBAAC,YAAA,EAAW,MAAM,OAAO,MAAM,MAAM,IAAI,SAAS,OAAO,QAAA,CAAS,IAAK;AAAA,cAChF,UAAU,oBAAC,YAAA,EAAW,MAAM,OAAO,MAAM,IAAI,cAAa,aAAY,SAAS,QAAA,CAAS,IAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,wBAG/F,QAAA,CAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAId;"}
+{"version":3,"file":"index-BEPf-oww.js","sources":["../src/components/ActionCard/components/Header/index.tsx"],"sourcesContent":["import { ReactElement, useCallback, MouseEvent, useRef } from \"react\";\n\nimport { Avatar } from \"../../../Avatar\";\nimport { IconButton } from \"../../../IconButton\";\nimport { MoreMenu } from \"../../../MoreMenu\";\nimport { Spacer } from \"../../../Spacer\";\nimport { Tag } from \"../../../Tag\";\nimport { Typography } from \"../../../Typography\";\nimport { Close } from \"../../../../icons\";\n\nimport { Props } from \"./types\";\nimport { isValidClick } from \"../../../../utils/dom\";\n\nexport default function Header({ user, onClose, onHeaderClick, icon, title, moreMenu, action }: Props): ReactElement {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const handleHeaderClick = useCallback(\n    (e: MouseEvent<HTMLElement>) => {\n      if (onHeaderClick && isValidClick(e, wrapperRef.current)) {\n        onHeaderClick();\n      }\n    },\n    [onHeaderClick]\n  );\n\n  return (\n    <div\n      ref={wrapperRef}\n      role={onHeaderClick ? \"button\" : undefined}\n      tabIndex={onHeaderClick ? 0 : undefined}\n      onClick={onHeaderClick ? handleHeaderClick : undefined}\n      css={({ spacing, bg, radius }) => ({\n        display: \"flex\",\n        border: \"none\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n        padding: spacing * 2,\n        backgroundColor: bg.card,\n        borderTopLeftRadius: radius.medium,\n        borderTopRightRadius: radius.medium,\n        cursor: onHeaderClick ? \"pointer\" : undefined\n      })}\n    >\n      {user ? (\n        <Spacer>\n          <Avatar src={user.avatarSrc || \"\"} did={user.did} size={40} />\n          <Spacer vertical alignItems=\"start\" distance={0}>\n            <Spacer>\n              <Typography.Text>{user.name}</Typography.Text>\n              {user.badge ? <Tag value={user.badge} bgColor=\"selected\" textColor=\"secondary\" /> : null}\n            </Spacer>\n            <Typography.Text size=\"xs\">{user.description}</Typography.Text>\n          </Spacer>\n        </Spacer>\n      ) : (\n        <>{title ? <Tag value={title} icon={icon} bgColor=\"selected\" /> : <span />}</>\n      )}\n      {onClose || moreMenu || action ? (\n        <div\n          css={({ spacing }) => ({\n            display: \"flex\",\n            gap: spacing,\n            alignItems: \"center\"\n          })}\n        >\n          {moreMenu ? <MoreMenu items={moreMenu.items} controlColor=\"secondary\" /> : null}\n          {action ? <IconButton icon={action.icon} size={20} onClick={action.onClick} /> : null}\n          {onClose ? <IconButton icon={Close} size={20} colorDefault=\"secondary\" onClick={onClose} /> : null}\n        </div>\n      ) : (\n        <span />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAaA,SAAwB,OAAO,EAAE,MAAM,SAAS,eAAe,MAAM,OAAO,UAAU,UAA+B;AACnH,QAAM,aAAa,OAAuB,IAAI;AAE9C,QAAM,oBAAoB;AAAA,IACxB,CAAC,MAA+B;AAC9B,UAAI,iBAAiB,aAAa,GAAG,WAAW,OAAO,GAAG;AACxD,sBAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAGhB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAM,gBAAgB,WAAW;AAAA,MACjC,UAAU,gBAAgB,IAAI;AAAA,MAC9B,SAAS,gBAAgB,oBAAoB;AAAA,MAC7C,KAAK,CAAC,EAAE,SAAS,IAAI,cAAc;AAAA,QACjC,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS,UAAU;AAAA,QACnB,iBAAiB,GAAG;AAAA,QACpB,qBAAqB,OAAO;AAAA,QAC5B,sBAAsB,OAAO;AAAA,QAC7B,QAAQ,gBAAgB,YAAY;AAAA,MAAA;AAAA,MAGrC,UAAA;AAAA,QAAA,4BACE,QAAA,EACC,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,KAAK,KAAK,aAAa,IAAI,KAAK,KAAK,KAAK,MAAM,GAAA,CAAI;AAAA,+BAC3D,QAAA,EAAO,UAAQ,MAAC,YAAW,SAAQ,UAAU,GAC5C,UAAA;AAAA,YAAA,qBAAC,QAAA,EACC,UAAA;AAAA,cAAA,oBAAC,WAAW,MAAX,EAAiB,UAAA,KAAK,MAAK;AAAA,cAC3B,KAAK,QAAQ,oBAAC,KAAA,EAAI,OAAO,KAAK,OAAO,SAAQ,YAAW,WAAU,YAAA,CAAY,IAAK;AAAA,YAAA,GACtF;AAAA,gCACC,WAAW,MAAX,EAAgB,MAAK,MAAM,eAAK,YAAA,CAAY;AAAA,UAAA,EAAA,CAC/C;AAAA,QAAA,GACF,IAEA,oBAAA,UAAA,EAAG,UAAA,QAAQ,oBAAC,KAAA,EAAI,OAAO,OAAO,MAAY,SAAQ,WAAA,CAAW,IAAK,oBAAC,UAAK,GAAG;AAAA,QAE5E,WAAW,YAAY,SACtB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,eAAe;AAAA,cACrB,SAAS;AAAA,cACT,KAAK;AAAA,cACL,YAAY;AAAA,YAAA;AAAA,YAGb,UAAA;AAAA,cAAA,+BAAY,UAAA,EAAS,OAAO,SAAS,OAAO,cAAa,aAAY,IAAK;AAAA,cAC1E,SAAS,oBAAC,YAAA,EAAW,MAAM,OAAO,MAAM,MAAM,IAAI,SAAS,OAAO,QAAA,CAAS,IAAK;AAAA,cAChF,UAAU,oBAAC,YAAA,EAAW,MAAM,OAAO,MAAM,IAAI,cAAa,aAAY,SAAS,QAAA,CAAS,IAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,wBAG/F,QAAA,CAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAId;"}

package/dist/{index-B2C5-3_c.cjs → index-BRD5ffg_.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const index = require("./index-CLjuvTd7.cjs");
-const export_components = require("./components-COiOJd-a.cjs");
+const index = require("./index-DWhpg1N7.cjs");
+const export_components = require("./components-BNly6Y-x.cjs");
 function Actions({ items }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -58,4 +58,4 @@ function Actions({ items }) {
   );
 }
 exports.default = Actions;
-//# sourceMappingURL=index-B2C5-3_c.cjs.map
+//# sourceMappingURL=index-BRD5ffg_.cjs.map

package/dist/{index-B2C5-3_c.cjs.map → index-BRD5ffg_.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B2C5-3_c.cjs","sources":["../src/components/SodaCard/components/Actions/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { CardActionButton } from \"../../../CardActionButton\";\nimport { Tooltip } from \"../../../Tooltip\";\n\nimport { Props as PropsCardActionButton } from \"../../../CardActionButton\";\n\nexport type Props = {\n  onClick?: () => void;\n  items: Array<PropsCardActionButton>;\n};\n\nexport default function Actions({ items }: Props): ReactNode {\n  return (\n    <div\n      className=\"soda-card-actions\"\n      css={{\n        position: \"relative\",\n        display: \"grid\",\n        gridTemplateRows: \"0fr\",\n        transition: \"grid-template-rows 0.5s ease-out\"\n      }}\n    >\n      <div\n        css={({ transition }) => ({\n          overflow: \"hidden\",\n          transition: transition.duration\n        })}\n      >\n        <ul\n          css={({ spacing }) => ({\n            listStyle: \"none\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            margin: 0,\n            paddingLeft: spacing * 2,\n            paddingRight: spacing * 2\n          })}\n        >\n          {items.map((item) => (\n            <li\n              key={item.title}\n              css={({ spacing }) => ({\n                padding: 0,\n                marginTop: spacing,\n                marginBottom: spacing,\n                \":first-of-type\": {\n                  marginTop: spacing * 2\n                },\n                \":last-child\": {\n                  marginBottom: spacing * 2\n                }\n              })}\n            >\n              <Tooltip content={item.tooltip}>\n                <CardActionButton onClick={item.onClick} disabled={item.disabled} highlighted={item.highlighted} title={item.title} icon={item.icon} badge={item.badge} />\n              </Tooltip>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","Tooltip","CardActionButton"],"mappings":";;;;;AAYA,SAAwB,QAAQ,EAAE,SAA2B;AAC3D,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAK;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,kBAAkB;AAAA,QAClB,YAAY;AAAA,MAAA;AAAA,MAGd,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK,CAAC,EAAE,kBAAkB;AAAA,YACxB,UAAU;AAAA,YACV,YAAY,WAAW;AAAA,UAAA;AAAA,UAGzB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK,CAAC,EAAE,eAAe;AAAA,gBACrB,WAAW;AAAA,gBACX,SAAS;AAAA,gBACT,eAAe;AAAA,gBACf,QAAQ;AAAA,gBACR,aAAa,UAAU;AAAA,gBACvB,cAAc,UAAU;AAAA,cAAA;AAAA,cAGzB,UAAA,MAAM,IAAI,CAAC,SACVA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,KAAK,CAAC,EAAE,eAAe;AAAA,oBACrB,SAAS;AAAA,oBACT,WAAW;AAAA,oBACX,cAAc;AAAA,oBACd,kBAAkB;AAAA,sBAChB,WAAW,UAAU;AAAA,oBAAA;AAAA,oBAEvB,eAAe;AAAA,sBACb,cAAc,UAAU;AAAA,oBAAA;AAAA,kBAC1B;AAAA,kBAGF,UAAAA,2BAAAA,IAACC,kBAAAA,SAAA,EAAQ,SAAS,KAAK,SACrB,yCAACC,MAAAA,kBAAA,EAAiB,SAAS,KAAK,SAAS,UAAU,KAAK,UAAU,aAAa,KAAK,aAAa,OAAO,KAAK,OAAO,MAAM,KAAK,MAAM,OAAO,KAAK,MAAA,CAAO,EAAA,CAC1J;AAAA,gBAAA;AAAA,gBAfK,KAAK;AAAA,cAAA,CAiBb;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"index-BRD5ffg_.cjs","sources":["../src/components/SodaCard/components/Actions/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { CardActionButton } from \"../../../CardActionButton\";\nimport { Tooltip } from \"../../../Tooltip\";\n\nimport { Props as PropsCardActionButton } from \"../../../CardActionButton\";\n\nexport type Props = {\n  onClick?: () => void;\n  items: Array<PropsCardActionButton>;\n};\n\nexport default function Actions({ items }: Props): ReactNode {\n  return (\n    <div\n      className=\"soda-card-actions\"\n      css={{\n        position: \"relative\",\n        display: \"grid\",\n        gridTemplateRows: \"0fr\",\n        transition: \"grid-template-rows 0.5s ease-out\"\n      }}\n    >\n      <div\n        css={({ transition }) => ({\n          overflow: \"hidden\",\n          transition: transition.duration\n        })}\n      >\n        <ul\n          css={({ spacing }) => ({\n            listStyle: \"none\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            margin: 0,\n            paddingLeft: spacing * 2,\n            paddingRight: spacing * 2\n          })}\n        >\n          {items.map((item) => (\n            <li\n              key={item.title}\n              css={({ spacing }) => ({\n                padding: 0,\n                marginTop: spacing,\n                marginBottom: spacing,\n                \":first-of-type\": {\n                  marginTop: spacing * 2\n                },\n                \":last-child\": {\n                  marginBottom: spacing * 2\n                }\n              })}\n            >\n              <Tooltip content={item.tooltip}>\n                <CardActionButton onClick={item.onClick} disabled={item.disabled} highlighted={item.highlighted} title={item.title} icon={item.icon} badge={item.badge} />\n              </Tooltip>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","Tooltip","CardActionButton"],"mappings":";;;;;AAYA,SAAwB,QAAQ,EAAE,SAA2B;AAC3D,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAK;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,kBAAkB;AAAA,QAClB,YAAY;AAAA,MAAA;AAAA,MAGd,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK,CAAC,EAAE,kBAAkB;AAAA,YACxB,UAAU;AAAA,YACV,YAAY,WAAW;AAAA,UAAA;AAAA,UAGzB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK,CAAC,EAAE,eAAe;AAAA,gBACrB,WAAW;AAAA,gBACX,SAAS;AAAA,gBACT,eAAe;AAAA,gBACf,QAAQ;AAAA,gBACR,aAAa,UAAU;AAAA,gBACvB,cAAc,UAAU;AAAA,cAAA;AAAA,cAGzB,UAAA,MAAM,IAAI,CAAC,SACVA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,KAAK,CAAC,EAAE,eAAe;AAAA,oBACrB,SAAS;AAAA,oBACT,WAAW;AAAA,oBACX,cAAc;AAAA,oBACd,kBAAkB;AAAA,sBAChB,WAAW,UAAU;AAAA,oBAAA;AAAA,oBAEvB,eAAe;AAAA,sBACb,cAAc,UAAU;AAAA,oBAAA;AAAA,kBAC1B;AAAA,kBAGF,UAAAA,2BAAAA,IAACC,kBAAAA,SAAA,EAAQ,SAAS,KAAK,SACrB,yCAACC,MAAAA,kBAAA,EAAiB,SAAS,KAAK,SAAS,UAAU,KAAK,UAAU,aAAa,KAAK,aAAa,OAAO,KAAK,OAAO,MAAM,KAAK,MAAM,OAAO,KAAK,MAAA,CAAO,EAAA,CAC1J;AAAA,gBAAA;AAAA,gBAfK,KAAK;AAAA,cAAA,CAiBb;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;"}

package/dist/{index-CzbZW1t8.js → index-BSnZaaec.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { T as Typography } from "./components-Cil160oB.js";
+import { T as Typography } from "./components-DiauxYoY.js";
 function Badge({ label, icon: Icon }) {
   return /* @__PURE__ */ jsxs(
     "div",
@@ -27,4 +27,4 @@ function Badge({ label, icon: Icon }) {
 export {
   Badge as default
 };
-//# sourceMappingURL=index-CzbZW1t8.js.map
+//# sourceMappingURL=index-BSnZaaec.js.map

package/dist/{index-CzbZW1t8.js.map → index-BSnZaaec.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CzbZW1t8.js","sources":["../src/components/ActionSheet/components/Badge/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Typography } from \"../../../Typography\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\ntype Props = {\n  label: string;\n  icon?: IconCmp;\n};\n\nexport default function Badge({ label, icon: Icon }: Props): ReactElement {\n  return (\n    <div\n      css={({ spacing, bg, radius }) => ({\n        position: \"absolute\",\n        display: \"flex\",\n        gap: spacing,\n        alignItems: \"center\",\n        height: 28,\n        top: spacing * 3,\n        left: spacing * 3,\n        backgroundColor: bg.card,\n        borderRadius: radius.big,\n        paddingLeft: spacing,\n        paddingRight: spacing\n      })}\n    >\n      {Icon && <Icon color=\"primary\" size={16} />}\n      <Typography.Text color=\"primary\" size=\"s\">\n        {label}\n      </Typography.Text>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAUA,SAAwB,MAAM,EAAE,OAAO,MAAM,QAA6B;AACxE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,SAAS,IAAI,cAAc;AAAA,QACjC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,KAAK,UAAU;AAAA,QACf,MAAM,UAAU;AAAA,QAChB,iBAAiB,GAAG;AAAA,QACpB,cAAc,OAAO;AAAA,QACrB,aAAa;AAAA,QACb,cAAc;AAAA,MAAA;AAAA,MAGf,UAAA;AAAA,QAAA,QAAQ,oBAAC,MAAA,EAAK,OAAM,WAAU,MAAM,IAAI;AAAA,QACzC,oBAAC,WAAW,MAAX,EAAgB,OAAM,WAAU,MAAK,KACnC,UAAA,MAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index-BSnZaaec.js","sources":["../src/components/ActionSheet/components/Badge/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Typography } from \"../../../Typography\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\ntype Props = {\n  label: string;\n  icon?: IconCmp;\n};\n\nexport default function Badge({ label, icon: Icon }: Props): ReactElement {\n  return (\n    <div\n      css={({ spacing, bg, radius }) => ({\n        position: \"absolute\",\n        display: \"flex\",\n        gap: spacing,\n        alignItems: \"center\",\n        height: 28,\n        top: spacing * 3,\n        left: spacing * 3,\n        backgroundColor: bg.card,\n        borderRadius: radius.big,\n        paddingLeft: spacing,\n        paddingRight: spacing\n      })}\n    >\n      {Icon && <Icon color=\"primary\" size={16} />}\n      <Typography.Text color=\"primary\" size=\"s\">\n        {label}\n      </Typography.Text>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAUA,SAAwB,MAAM,EAAE,OAAO,MAAM,QAA6B;AACxE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,SAAS,IAAI,cAAc;AAAA,QACjC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,KAAK,UAAU;AAAA,QACf,MAAM,UAAU;AAAA,QAChB,iBAAiB,GAAG;AAAA,QACpB,cAAc,OAAO;AAAA,QACrB,aAAa;AAAA,QACb,cAAc;AAAA,MAAA;AAAA,MAGf,UAAA;AAAA,QAAA,QAAQ,oBAAC,MAAA,EAAK,OAAM,WAAU,MAAM,IAAI;AAAA,QACzC,oBAAC,WAAW,MAAX,EAAgB,OAAM,WAAU,MAAK,KACnC,UAAA,MAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/{index-jy143QcI.js → index-BYSvOzsh.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { b as ActionButton } from "./components-Cil160oB.js";
+import { b as ActionButton } from "./components-DiauxYoY.js";
 function MainAction({ title, description, onClick, icon: Icon }) {
   return /* @__PURE__ */ jsxs(
     "div",
@@ -52,4 +52,4 @@ function MainAction({ title, description, onClick, icon: Icon }) {
 export {
   MainAction as default
 };
-//# sourceMappingURL=index-jy143QcI.js.map
+//# sourceMappingURL=index-BYSvOzsh.js.map

package/dist/{index-jy143QcI.js.map → index-BYSvOzsh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-jy143QcI.js","sources":["../src/components/SodaCard/components/MainAction/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { ActionButton } from \"../ActionButton\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n  title: string;\n  icon: IconCmp;\n  description?: string;\n  onClick: () => void;\n};\n\nexport default function MainAction({ title, description, onClick, icon: Icon }: Props): ReactElement {\n  return (\n    <div\n      css={({ bg, radius }) => ({\n        display: \"flex\",\n        flexDirection: \"row\",\n        backgroundColor: bg.cardHighlight,\n        borderRadius: radius.medium\n      })}\n      data-x=\"vania\"\n    >\n      <div\n        css={({ spacing }) => ({\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          paddingLeft: spacing,\n          paddingRight: spacing\n        })}\n      >\n        <Icon color=\"primary\" />\n      </div>\n      <div\n        css={({ bg, radius }) => ({\n          width: \"100%\",\n          backgroundColor: bg.card,\n          borderRadius: radius.medium\n        })}\n      >\n        <ActionButton\n          onClick={onClick}\n          left={{\n            title,\n            description\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAYA,SAAwB,WAAW,EAAE,OAAO,aAAa,SAAS,MAAM,QAA6B;AACnG,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,IAAI,cAAc;AAAA,QACxB,SAAS;AAAA,QACT,eAAe;AAAA,QACf,iBAAiB,GAAG;AAAA,QACpB,cAAc,OAAO;AAAA,MAAA;AAAA,MAEvB,UAAO;AAAA,MAEP,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,eAAe;AAAA,cACrB,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,aAAa;AAAA,cACb,cAAc;AAAA,YAAA;AAAA,YAGhB,UAAA,oBAAC,MAAA,EAAK,OAAM,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAExB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,IAAI,cAAc;AAAA,cACxB,OAAO;AAAA,cACP,iBAAiB,GAAG;AAAA,cACpB,cAAc,OAAO;AAAA,YAAA;AAAA,YAGvB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,MAAM;AAAA,kBACJ;AAAA,kBACA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index-BYSvOzsh.js","sources":["../src/components/SodaCard/components/MainAction/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { ActionButton } from \"../ActionButton\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n  title: string;\n  icon: IconCmp;\n  description?: string;\n  onClick: () => void;\n};\n\nexport default function MainAction({ title, description, onClick, icon: Icon }: Props): ReactElement {\n  return (\n    <div\n      css={({ bg, radius }) => ({\n        display: \"flex\",\n        flexDirection: \"row\",\n        backgroundColor: bg.cardHighlight,\n        borderRadius: radius.medium\n      })}\n      data-x=\"vania\"\n    >\n      <div\n        css={({ spacing }) => ({\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          paddingLeft: spacing,\n          paddingRight: spacing\n        })}\n      >\n        <Icon color=\"primary\" />\n      </div>\n      <div\n        css={({ bg, radius }) => ({\n          width: \"100%\",\n          backgroundColor: bg.card,\n          borderRadius: radius.medium\n        })}\n      >\n        <ActionButton\n          onClick={onClick}\n          left={{\n            title,\n            description\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAYA,SAAwB,WAAW,EAAE,OAAO,aAAa,SAAS,MAAM,QAA6B;AACnG,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,EAAE,IAAI,cAAc;AAAA,QACxB,SAAS;AAAA,QACT,eAAe;AAAA,QACf,iBAAiB,GAAG;AAAA,QACpB,cAAc,OAAO;AAAA,MAAA;AAAA,MAEvB,UAAO;AAAA,MAEP,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,eAAe;AAAA,cACrB,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,aAAa;AAAA,cACb,cAAc;AAAA,YAAA;AAAA,YAGhB,UAAA,oBAAC,MAAA,EAAK,OAAM,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAExB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,IAAI,cAAc;AAAA,cACxB,OAAO;AAAA,cACP,iBAAiB,GAAG;AAAA,cACpB,cAAc,OAAO;AAAA,YAAA;AAAA,YAGvB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,MAAM;AAAA,kBACJ;AAAA,kBACA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}