@ixo/ui 0.0.7 → 0.0.9

package/dist/export/components.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const export_components = require("../components-BXmsMIj2.cjs");
+const export_components = require("../components-DZWScQb-.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-BpZDHiID.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-DzTVsvZR.js";
 export {
   n as AIInputBar,
   m as AIResponse,

package/dist/export/icons/index.mjs

@@ -1,5 +1,5 @@
-import { g as getElementColor } from "../../UsersSolid-CCU2B_Nz.js";
-import { m, $, A, J, e, w, Q, f, R, c, k, b, V, a, l, a1, C, v, u, t, Y, Z, B, D, a5, E, W, K, G, p, i, H, _, s, I, a0, y, N, n, L, M, O, h, r, T, P, z, o, x, S, d, q, F, a2, X, U, j, a3, a4 } from "../../UsersSolid-CCU2B_Nz.js";
+import { g as getElementColor } from "../../UsersSolid-DNy80FwB.js";
+import { n, $, A, i, e, x, Q, f, R, c, l, b, V, a, m, a1, C, w, v, u, Y, Z, F, D, a5, E, W, K, G, q, j, H, _, t, I, a0, z, N, o, L, M, O, h, s, T, P, B, p, y, S, d, r, J, a2, X, U, k, a3, a4 } from "../../UsersSolid-DNy80FwB.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";
@@ -3840,7 +3840,7 @@ function Zap({ className, color, size }) {
   });
 }
 export {
-  m as Accounts,
+  n as Accounts,
   $ as Act,
   AddressBookSolid,
   Admin,
@@ -3850,14 +3850,14 @@ export {
   AlignRightSolid,
   Alphabond,
   A as AngleDownSolid,
-  J as AngleLeftSolid,
+  i as AngleLeftSolid,
   e as AngleRightSolid,
   AngleUpSolid,
   Apple,
   Applications,
   ArrowCircleDownSolid,
   ArrowCircleLeftSolid,
-  w as ArrowCircleRightSolid,
+  x as ArrowCircleRightSolid,
   ArrowCircleUpSolid,
   Q as ArrowDownSolid,
   f as ArrowLeftSolid,
@@ -3866,7 +3866,7 @@ export {
   ArrowsAltHSolid,
   ArrowsAltSolid,
   ArrowsAltVSolid,
-  k as Assets,
+  l as Assets,
   b as Assistant,
   AwardSolid,
   BalanceScaleSolid,
@@ -3898,7 +3898,7 @@ export {
   V as CheckCircle,
   a as CheckSolid,
   CheckSquare,
-  l as Claims,
+  m as Claims,
   a1 as ClaimsW,
   Clients,
   ClockSolid,
@@ -3907,9 +3907,9 @@ export {
   CodeBranchSolid,
   CodeSolid,
   Coins,
-  v as Command,
-  u as CommentAltSolid,
-  t as CommentDotsSolid,
+  w as Command,
+  v as CommentAltSolid,
+  u as CommentDotsSolid,
   Y as CommentsSolid,
   Controller,
   Cooking,
@@ -3918,7 +3918,7 @@ export {
   CreditWallet,
   CubeSolid,
   CubesSolid,
-  B as Daos,
+  F as Daos,
   D as Dashboard,
   Database,
   Delegate,
@@ -3960,9 +3960,9 @@ export {
   GavelSolid,
   GemSolid,
   G as Globe,
-  p as GoTo,
+  q as GoTo,
   Governance,
-  i as Groups,
+  j as Groups,
   HandHoldingHeartSolid,
   HandHoldingSolid,
   HandHoldingUsdSolid,
@@ -3984,16 +3984,16 @@ export {
   _ as Hourglass,
   IdCardSolid,
   ImageSolid,
-  s as ImpactCertificates,
+  t as ImpactCertificates,
   I as ImpactCredits,
   Impacts,
   a0 as Info,
-  y as Investments,
+  z as Investments,
   IxoSolid,
   N as LeafSolid,
   LightbulbSolid,
   Link,
-  n as LinkedResources,
+  o as LinkedResources,
   Liquidity,
   ListAlt,
   ListSolid,
@@ -4028,7 +4028,7 @@ export {
   PenSquareSolid,
   PhoneAltSolid,
   PhoneSlashSolid,
-  r as PiePiece,
+  s as PiePiece,
   PlaneArrivalSolid,
   PlaneDepartureSolid,
   PlaneSolid,
@@ -4040,9 +4040,9 @@ export {
   Posts,
   PowerOffSolid,
   ProjectDiagramSolid,
-  z as Projects,
-  o as Proposals,
-  x as Protocols,
+  B as Projects,
+  p as Proposals,
+  y as Protocols,
   PuzzlePieceSolid,
   Receive,
   RedoSolid,
@@ -4070,7 +4070,7 @@ export {
   SeedlingSolid,
   Send,
   d as SettingsBarSolid,
-  q as Share,
+  r as Share,
   ShareSquare,
   ShieldAltSolid,
   ShipSolid,
@@ -4098,7 +4098,7 @@ export {
   SortSolid,
   SortUpSolid,
   Staking,
-  F as Star,
+  J as Star,
   StopCircleSolid,
   StopSolid,
   SyncAltSolid,
@@ -4126,7 +4126,7 @@ export {
   UploadSolid,
   U as User,
   UserCheckSolid,
-  j as UserCircleSolid,
+  k as UserCircleSolid,
   UserClockSolid,
   a3 as UserCogSolid,
   UserEditSolid,

package/dist/{index-PWSVsc4o.cjs → index-BC_7C1s0.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-DeJvbb_S.cjs");
-const export_components = require("./components-BXmsMIj2.cjs");
+const index = require("./index-tddGE9xT.cjs");
+const export_components = require("./components-DZWScQb-.cjs");
 function Actions({ items }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -58,4 +58,4 @@ function Actions({ items }) {
   );
 }
 exports.default = Actions;
-//# sourceMappingURL=index-PWSVsc4o.cjs.map
+//# sourceMappingURL=index-BC_7C1s0.cjs.map

package/dist/{index-PWSVsc4o.cjs.map → index-BC_7C1s0.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-PWSVsc4o.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-BC_7C1s0.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-BT8oG8gb.cjs → index-BRK_Dgig.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const react = require("react");
-const export_components = require("./components-BXmsMIj2.cjs");
+const export_components = require("./components-DZWScQb-.cjs");
 const UsersSolid = require("./UsersSolid-B9DXA9NX.cjs");
 function Header({ user, onClose, onHeaderClick, icon, title, moreMenu, action }) {
   const wrapperRef = react.useRef(null);
@@ -63,4 +63,4 @@ function Header({ user, onClose, onHeaderClick, icon, title, moreMenu, action })
   );
 }
 exports.default = Header;
-//# sourceMappingURL=index-BT8oG8gb.cjs.map
+//# sourceMappingURL=index-BRK_Dgig.cjs.map

package/dist/{index-BT8oG8gb.cjs.map → index-BRK_Dgig.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BT8oG8gb.cjs","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":["useRef","useCallback","isValidClick","jsxs","Spacer","jsx","Avatar","Typography","Tag","Fragment","MoreMenu","IconButton","Close"],"mappings":";;;;;;AAaA,SAAwB,OAAO,EAAE,MAAM,SAAS,eAAe,MAAM,OAAO,UAAU,UAA+B;AACnH,QAAM,aAAaA,MAAAA,OAAuB,IAAI;AAE9C,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,CAAC,MAA+B;AAC9B,UAAI,iBAAiBC,kBAAAA,aAAa,GAAG,WAAW,OAAO,GAAG;AACxD,sBAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAGhB,SACEC,2BAAAA;AAAAA,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,uCACEC,0BAAA,EACC,UAAA;AAAA,UAAAC,2BAAAA,IAACC,kBAAAA,QAAA,EAAO,KAAK,KAAK,aAAa,IAAI,KAAK,KAAK,KAAK,MAAM,GAAA,CAAI;AAAA,0CAC3DF,kBAAAA,QAAA,EAAO,UAAQ,MAAC,YAAW,SAAQ,UAAU,GAC5C,UAAA;AAAA,YAAAD,gCAACC,kBAAAA,QAAA,EACC,UAAA;AAAA,cAAAC,2BAAAA,IAACE,kBAAAA,WAAW,MAAX,EAAiB,UAAA,KAAK,MAAK;AAAA,cAC3B,KAAK,QAAQF,2BAAAA,IAACG,kBAAAA,KAAA,EAAI,OAAO,KAAK,OAAO,SAAQ,YAAW,WAAU,YAAA,CAAY,IAAK;AAAA,YAAA,GACtF;AAAA,2CACCD,kBAAAA,WAAW,MAAX,EAAgB,MAAK,MAAM,eAAK,YAAA,CAAY;AAAA,UAAA,EAAA,CAC/C;AAAA,QAAA,GACF,IAEAF,2BAAAA,IAAAI,qBAAA,EAAG,UAAA,QAAQJ,2BAAAA,IAACG,kBAAAA,KAAA,EAAI,OAAO,OAAO,MAAY,SAAQ,WAAA,CAAW,IAAKH,2BAAAA,IAAC,UAAK,GAAG;AAAA,QAE5E,WAAW,YAAY,SACtBF,2BAAAA;AAAAA,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,0CAAYO,kBAAAA,UAAA,EAAS,OAAO,SAAS,OAAO,cAAa,aAAY,IAAK;AAAA,cAC1E,SAASL,2BAAAA,IAACM,kBAAAA,YAAA,EAAW,MAAM,OAAO,MAAM,MAAM,IAAI,SAAS,OAAO,QAAA,CAAS,IAAK;AAAA,cAChF,UAAUN,2BAAAA,IAACM,kBAAAA,YAAA,EAAW,MAAMC,WAAAA,OAAO,MAAM,IAAI,cAAa,aAAY,SAAS,QAAA,CAAS,IAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,mCAG/F,QAAA,CAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAId;;"}
+{"version":3,"file":"index-BRK_Dgig.cjs","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":["useRef","useCallback","isValidClick","jsxs","Spacer","jsx","Avatar","Typography","Tag","Fragment","MoreMenu","IconButton","Close"],"mappings":";;;;;;AAaA,SAAwB,OAAO,EAAE,MAAM,SAAS,eAAe,MAAM,OAAO,UAAU,UAA+B;AACnH,QAAM,aAAaA,MAAAA,OAAuB,IAAI;AAE9C,QAAM,oBAAoBC,MAAAA;AAAAA,IACxB,CAAC,MAA+B;AAC9B,UAAI,iBAAiBC,kBAAAA,aAAa,GAAG,WAAW,OAAO,GAAG;AACxD,sBAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAGhB,SACEC,2BAAAA;AAAAA,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,uCACEC,0BAAA,EACC,UAAA;AAAA,UAAAC,2BAAAA,IAACC,kBAAAA,QAAA,EAAO,KAAK,KAAK,aAAa,IAAI,KAAK,KAAK,KAAK,MAAM,GAAA,CAAI;AAAA,0CAC3DF,kBAAAA,QAAA,EAAO,UAAQ,MAAC,YAAW,SAAQ,UAAU,GAC5C,UAAA;AAAA,YAAAD,gCAACC,kBAAAA,QAAA,EACC,UAAA;AAAA,cAAAC,2BAAAA,IAACE,kBAAAA,WAAW,MAAX,EAAiB,UAAA,KAAK,MAAK;AAAA,cAC3B,KAAK,QAAQF,2BAAAA,IAACG,kBAAAA,KAAA,EAAI,OAAO,KAAK,OAAO,SAAQ,YAAW,WAAU,YAAA,CAAY,IAAK;AAAA,YAAA,GACtF;AAAA,2CACCD,kBAAAA,WAAW,MAAX,EAAgB,MAAK,MAAM,eAAK,YAAA,CAAY;AAAA,UAAA,EAAA,CAC/C;AAAA,QAAA,GACF,IAEAF,2BAAAA,IAAAI,qBAAA,EAAG,UAAA,QAAQJ,2BAAAA,IAACG,kBAAAA,KAAA,EAAI,OAAO,OAAO,MAAY,SAAQ,WAAA,CAAW,IAAKH,2BAAAA,IAAC,UAAK,GAAG;AAAA,QAE5E,WAAW,YAAY,SACtBF,2BAAAA;AAAAA,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,0CAAYO,kBAAAA,UAAA,EAAS,OAAO,SAAS,OAAO,cAAa,aAAY,IAAK;AAAA,cAC1E,SAASL,2BAAAA,IAACM,kBAAAA,YAAA,EAAW,MAAM,OAAO,MAAM,MAAM,IAAI,SAAS,OAAO,QAAA,CAAS,IAAK;AAAA,cAChF,UAAUN,2BAAAA,IAACM,kBAAAA,YAAA,EAAW,MAAMC,WAAAA,OAAO,MAAM,IAAI,cAAa,aAAY,SAAS,QAAA,CAAS,IAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,mCAG/F,QAAA,CAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAId;;"}

package/dist/{index-BjIDCEma.js → index-BVNTRXVA.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { T as Typography } from "./components-BpZDHiID.js";
+import { T as Typography } from "./components-DzTVsvZR.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-BjIDCEma.js.map
+//# sourceMappingURL=index-BVNTRXVA.js.map

package/dist/{index-BjIDCEma.js.map → index-BVNTRXVA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BjIDCEma.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-BVNTRXVA.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-CzX54ash.cjs → index-BmWX35JS.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const export_components = require("./components-BXmsMIj2.cjs");
+const export_components = require("./components-DZWScQb-.cjs");
 function MainAction({ title, description, onClick, icon: Icon }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -52,4 +52,4 @@ function MainAction({ title, description, onClick, icon: Icon }) {
   );
 }
 exports.default = MainAction;
-//# sourceMappingURL=index-CzX54ash.cjs.map
+//# sourceMappingURL=index-BmWX35JS.cjs.map

package/dist/{index-CzX54ash.cjs.map → index-BmWX35JS.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CzX54ash.cjs","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":["jsxs","jsx","ActionButton"],"mappings":";;;;AAYA,SAAwB,WAAW,EAAE,OAAO,aAAa,SAAS,MAAM,QAA6B;AACnG,SACEA,2BAAAA;AAAAA,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,QAAAC,2BAAAA;AAAAA,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,UAAAA,2BAAAA,IAAC,MAAA,EAAK,OAAM,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAExBA,2BAAAA;AAAAA,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,UAAAA,2BAAAA;AAAAA,cAACC,kBAAAA;AAAAA,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-BmWX35JS.cjs","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":["jsxs","jsx","ActionButton"],"mappings":";;;;AAYA,SAAwB,WAAW,EAAE,OAAO,aAAa,SAAS,MAAM,QAA6B;AACnG,SACEA,2BAAAA;AAAAA,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,QAAAC,2BAAAA;AAAAA,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,UAAAA,2BAAAA,IAAC,MAAA,EAAK,OAAM,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAExBA,2BAAAA;AAAAA,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,UAAAA,2BAAAA;AAAAA,cAACC,kBAAAA;AAAAA,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;;"}

package/dist/{index-D9LgjgB7.cjs → index-CGhflycE.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const export_components = require("./components-BXmsMIj2.cjs");
+const export_components = require("./components-DZWScQb-.cjs");
 const constants = require("./constants-DFJRYpE2.cjs");
 const CONTROL_BTN_SIZE = 25;
 function ControlIcon({ icon: Icon, className, hasHover, disabled, onClick }) {
@@ -164,4 +164,4 @@ function Header({ icon, title, badge, controls, onClick }) {
   );
 }
 exports.default = Header;
-//# sourceMappingURL=index-D9LgjgB7.cjs.map
+//# sourceMappingURL=index-CGhflycE.cjs.map

package/dist/{index-D9LgjgB7.cjs.map → index-CGhflycE.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-D9LgjgB7.cjs","sources":["../src/components/SodaCard/components/ControlIcon/index.tsx","../src/components/SodaCard/components/Header/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n  hasHover?: boolean;\n  icon: IconCmp;\n  className?: string;\n  disabled?: boolean;\n  onClick?: () => void;\n};\n\nexport const CONTROL_BTN_SIZE = 25;\n\nexport function ControlIcon({ icon: Icon, className, hasHover, disabled, onClick }: Props): ReactElement {\n  const Wrapper = onClick ? \"button\" : \"div\";\n  return (\n    <Wrapper\n      onClick={onClick}\n      disabled={disabled}\n      css={{\n        border: \"none\",\n        backgroundColor: \"transparent\",\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: 0,\n        cursor: disabled ? \"not-allowed\" : onClick ? \"pointer\" : undefined,\n        height: CONTROL_BTN_SIZE,\n        width: CONTROL_BTN_SIZE\n      }}\n    >\n      <Icon\n        className={className}\n        color=\"secondary\"\n        css={({ colors, transition }) => ({\n          height: 16,\n          \"& path\": { fill: colors.focus },\n          ...(hasHover\n            ? {\n                \"&:hover path\": {\n                  fill: colors.focusTransparent50,\n                  transition: transition.duration\n                }\n              }\n            : {})\n        })}\n      />\n    </Wrapper>\n  );\n}\n","import { ReactNode } from \"react\";\n\nimport { ControlIcon, CONTROL_BTN_SIZE } from \"../ControlIcon\";\nimport { Tag } from \"../../../Tag\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\nimport { TAG_SMALL_HEIGHT } from \"../../../../utils/constants\";\n\nconst CONTROL_LIST_CLASS_NAME = \"soda-card-header-control-list\";\n\nexport type Props = {\n  icon?: IconCmp;\n  badge?: string | number;\n  title?: string;\n  onClick?: () => void;\n  controls?: {\n    icon: IconCmp;\n    actions: Array<{\n      icon: IconCmp;\n      onClick: () => void;\n    }>;\n  };\n};\n\nexport default function Header({ icon, title, badge, controls, onClick }: Props): ReactNode {\n  if (!icon && !title && !controls) {\n    return null;\n  }\n\n  return (\n    <div\n      css={({ spacing }) => ({\n        display: \"flex\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n        paddingTop: spacing * 2,\n        paddingLeft: spacing * 2,\n        paddingRight: spacing * 2,\n        height: TAG_SMALL_HEIGHT,\n        boxSizing: \"content-box\",\n        ...(controls?.actions\n          ? {\n              \"&:hover\": {\n                [`.${CONTROL_LIST_CLASS_NAME}`]: {\n                  width: (controls.actions.length + 1) * CONTROL_BTN_SIZE\n                },\n                [`.${CONTROL_LIST_CLASS_NAME} > ul`]: {\n                  opacity: 1\n                }\n              }\n            }\n          : {})\n      })}\n    >\n      {icon || title || badge ? (\n        <div\n          css={({ radius, spacing }) => ({\n            padding: spacing / 4,\n            display: \"inline-flex\",\n            alignItems: \"center\",\n            borderRadius: radius.medium,\n            gap: spacing / 2\n          })}\n        >\n          {icon || title ? (\n            <span\n              css={({ bg, radius }) => ({\n                backgroundColor: bg.cardHighlight,\n                display: \"flex\",\n                alignItems: \"center\",\n                borderRadius: radius.medium\n              })}\n            >\n              {icon ? <ControlIcon icon={icon} onClick={onClick} /> : null}\n              {title ? (\n                <span\n                  css={({ font, fontSize, colors, spacing }) => ({\n                    fontFamily: font.main,\n                    fontSize: fontSize.s,\n                    color: colors.focus,\n                    lineHeight: \"21px\",\n                    paddingRight: spacing\n                  })}\n                >\n                  {title}\n                </span>\n              ) : null}\n            </span>\n          ) : null}\n          {badge ? <Tag value={badge} /> : null}\n        </div>\n      ) : (\n        <span />\n      )}\n      {controls ? (\n        <div\n          className={CONTROL_LIST_CLASS_NAME}\n          css={({ transition }) => ({\n            position: \"relative\",\n            alignSelf: \"stretch\",\n            height: CONTROL_BTN_SIZE,\n            width: CONTROL_BTN_SIZE,\n            overflow: \"hidden\",\n            transition: transition.duration\n          })}\n        >\n          <ul\n            css={({ transition, bg, radius }) => ({\n              transition: transition.duration,\n              listStyle: \"none\",\n              padding: 0,\n              margin: 0,\n              display: \"flex\",\n              backgroundColor: bg.cardHighlight,\n              borderRadius: radius.big,\n              opacity: 0\n            })}\n          >\n            {controls.actions.map((action, index) => (\n              <li key={index}>\n                <ControlIcon icon={action.icon} onClick={action.onClick} hasHover />\n              </li>\n            ))}\n          </ul>\n          <div\n            css={{\n              position: \"absolute\",\n              top: 0,\n              right: 0,\n              height: CONTROL_BTN_SIZE,\n              width: CONTROL_BTN_SIZE,\n              display: \"flex\",\n              alignItems: \"center\"\n            }}\n          >\n            <ControlIcon onClick={onClick} icon={controls.icon} />\n          </div>\n        </div>\n      ) : (\n        <span />\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","jsxs","TAG_SMALL_HEIGHT","Tag"],"mappings":"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"}
+{"version":3,"file":"index-CGhflycE.cjs","sources":["../src/components/SodaCard/components/ControlIcon/index.tsx","../src/components/SodaCard/components/Header/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n  hasHover?: boolean;\n  icon: IconCmp;\n  className?: string;\n  disabled?: boolean;\n  onClick?: () => void;\n};\n\nexport const CONTROL_BTN_SIZE = 25;\n\nexport function ControlIcon({ icon: Icon, className, hasHover, disabled, onClick }: Props): ReactElement {\n  const Wrapper = onClick ? \"button\" : \"div\";\n  return (\n    <Wrapper\n      onClick={onClick}\n      disabled={disabled}\n      css={{\n        border: \"none\",\n        backgroundColor: \"transparent\",\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: 0,\n        cursor: disabled ? \"not-allowed\" : onClick ? \"pointer\" : undefined,\n        height: CONTROL_BTN_SIZE,\n        width: CONTROL_BTN_SIZE\n      }}\n    >\n      <Icon\n        className={className}\n        color=\"secondary\"\n        css={({ colors, transition }) => ({\n          height: 16,\n          \"& path\": { fill: colors.focus },\n          ...(hasHover\n            ? {\n                \"&:hover path\": {\n                  fill: colors.focusTransparent50,\n                  transition: transition.duration\n                }\n              }\n            : {})\n        })}\n      />\n    </Wrapper>\n  );\n}\n","import { ReactNode } from \"react\";\n\nimport { ControlIcon, CONTROL_BTN_SIZE } from \"../ControlIcon\";\nimport { Tag } from \"../../../Tag\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\nimport { TAG_SMALL_HEIGHT } from \"../../../../utils/constants\";\n\nconst CONTROL_LIST_CLASS_NAME = \"soda-card-header-control-list\";\n\nexport type Props = {\n  icon?: IconCmp;\n  badge?: string | number;\n  title?: string;\n  onClick?: () => void;\n  controls?: {\n    icon: IconCmp;\n    actions: Array<{\n      icon: IconCmp;\n      onClick: () => void;\n    }>;\n  };\n};\n\nexport default function Header({ icon, title, badge, controls, onClick }: Props): ReactNode {\n  if (!icon && !title && !controls) {\n    return null;\n  }\n\n  return (\n    <div\n      css={({ spacing }) => ({\n        display: \"flex\",\n        justifyContent: \"space-between\",\n        alignItems: \"center\",\n        paddingTop: spacing * 2,\n        paddingLeft: spacing * 2,\n        paddingRight: spacing * 2,\n        height: TAG_SMALL_HEIGHT,\n        boxSizing: \"content-box\",\n        ...(controls?.actions\n          ? {\n              \"&:hover\": {\n                [`.${CONTROL_LIST_CLASS_NAME}`]: {\n                  width: (controls.actions.length + 1) * CONTROL_BTN_SIZE\n                },\n                [`.${CONTROL_LIST_CLASS_NAME} > ul`]: {\n                  opacity: 1\n                }\n              }\n            }\n          : {})\n      })}\n    >\n      {icon || title || badge ? (\n        <div\n          css={({ radius, spacing }) => ({\n            padding: spacing / 4,\n            display: \"inline-flex\",\n            alignItems: \"center\",\n            borderRadius: radius.medium,\n            gap: spacing / 2\n          })}\n        >\n          {icon || title ? (\n            <span\n              css={({ bg, radius }) => ({\n                backgroundColor: bg.cardHighlight,\n                display: \"flex\",\n                alignItems: \"center\",\n                borderRadius: radius.medium\n              })}\n            >\n              {icon ? <ControlIcon icon={icon} onClick={onClick} /> : null}\n              {title ? (\n                <span\n                  css={({ font, fontSize, colors, spacing }) => ({\n                    fontFamily: font.main,\n                    fontSize: fontSize.s,\n                    color: colors.focus,\n                    lineHeight: \"21px\",\n                    paddingRight: spacing\n                  })}\n                >\n                  {title}\n                </span>\n              ) : null}\n            </span>\n          ) : null}\n          {badge ? <Tag value={badge} /> : null}\n        </div>\n      ) : (\n        <span />\n      )}\n      {controls ? (\n        <div\n          className={CONTROL_LIST_CLASS_NAME}\n          css={({ transition }) => ({\n            position: \"relative\",\n            alignSelf: \"stretch\",\n            height: CONTROL_BTN_SIZE,\n            width: CONTROL_BTN_SIZE,\n            overflow: \"hidden\",\n            transition: transition.duration\n          })}\n        >\n          <ul\n            css={({ transition, bg, radius }) => ({\n              transition: transition.duration,\n              listStyle: \"none\",\n              padding: 0,\n              margin: 0,\n              display: \"flex\",\n              backgroundColor: bg.cardHighlight,\n              borderRadius: radius.big,\n              opacity: 0\n            })}\n          >\n            {controls.actions.map((action, index) => (\n              <li key={index}>\n                <ControlIcon icon={action.icon} onClick={action.onClick} hasHover />\n              </li>\n            ))}\n          </ul>\n          <div\n            css={{\n              position: \"absolute\",\n              top: 0,\n              right: 0,\n              height: CONTROL_BTN_SIZE,\n              width: CONTROL_BTN_SIZE,\n              display: \"flex\",\n              alignItems: \"center\"\n            }}\n          >\n            <ControlIcon onClick={onClick} icon={controls.icon} />\n          </div>\n        </div>\n      ) : (\n        <span />\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","jsxs","TAG_SMALL_HEIGHT","Tag"],"mappings":"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"}

package/dist/{index-BgZ9Odny.js → index-CJGghPVZ.js}

@@ -1,6 +1,6 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { C as CardActionButton } from "./index-De8-ozZj.js";
-import { d as Tooltip } from "./components-BpZDHiID.js";
+import { C as CardActionButton } from "./index-QdzH132w.js";
+import { d as Tooltip } from "./components-DzTVsvZR.js";
 function Actions({ items }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -58,4 +58,4 @@ function Actions({ items }) {
 export {
   Actions as default
 };
-//# sourceMappingURL=index-BgZ9Odny.js.map
+//# sourceMappingURL=index-CJGghPVZ.js.map

package/dist/{index-BgZ9Odny.js.map → index-CJGghPVZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BgZ9Odny.js","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":[],"mappings":";;;AAYA,SAAwB,QAAQ,EAAE,SAA2B;AAC3D,SACE;AAAA,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,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK,CAAC,EAAE,kBAAkB;AAAA,YACxB,UAAU;AAAA,YACV,YAAY,WAAW;AAAA,UAAA;AAAA,UAGzB,UAAA;AAAA,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,SACV;AAAA,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,UAAA,oBAAC,SAAA,EAAQ,SAAS,KAAK,SACrB,8BAAC,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-CJGghPVZ.js","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":[],"mappings":";;;AAYA,SAAwB,QAAQ,EAAE,SAA2B;AAC3D,SACE;AAAA,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,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK,CAAC,EAAE,kBAAkB;AAAA,YACxB,UAAU;AAAA,YACV,YAAY,WAAW;AAAA,UAAA;AAAA,UAGzB,UAAA;AAAA,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,SACV;AAAA,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,UAAA,oBAAC,SAAA,EAAQ,SAAS,KAAK,SACrB,8BAAC,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-ClHcM2hN.cjs → index-CXEK4K6T.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const export_components = require("./components-BXmsMIj2.cjs");
+const export_components = require("./components-DZWScQb-.cjs");
 function Header({ title, titleMaxLength, bgColor, bgImage, tagsList, tag, className, floatingElement }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -48,4 +48,4 @@ function Header({ title, titleMaxLength, bgColor, bgImage, tagsList, tag, classN
   );
 }
 exports.default = Header;
-//# sourceMappingURL=index-ClHcM2hN.cjs.map
+//# sourceMappingURL=index-CXEK4K6T.cjs.map

package/dist/{index-ClHcM2hN.cjs.map → index-CXEK4K6T.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-ClHcM2hN.cjs","sources":["../src/components/Card/components/Header/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Spacer } from \"../../../Spacer\";\nimport { Tag } from \"../../../Tag\";\n\nimport { cutText } from \"../../../../utils/formatters\";\nimport { CARD_HEADER_HEIGHT } from \"../../../../constants/common-sizs\";\n\nimport { Props } from \"./types\";\n\nexport default function Header({ title, titleMaxLength, bgColor, bgImage, tagsList, tag, className, floatingElement }: Props): ReactElement {\n  return (\n    <div\n      className={className}\n      css={({ radius, spacing, colors }) => ({\n        position: \"relative\",\n        height: CARD_HEADER_HEIGHT,\n        flexShrink: 0,\n        borderTopLeftRadius: radius.medium,\n        borderTopRightRadius: radius.medium,\n        backgroundColor: bgColor ?? colors.focusSecondary,\n        ...(bgImage\n          ? {\n              backgroundImage: `linear-gradient(#00000000, #0000007f), url(${bgImage})`,\n              backgroundSize: \"cover\",\n              backgroundPosition: \"center\"\n            }\n          : {}),\n        padding: spacing * 3,\n        boxSizing: \"border-box\"\n      })}\n    >\n      {title ? (\n        <h2\n          css={({ spacing, text, font, radius }) => ({\n            margin: 0,\n            marginTop: spacing * 4.5,\n            marginBottom: spacing,\n            color: text.overPicture,\n            fontFamily: font.main,\n            fontSize: radius.roundButtons,\n            fontWeight: 500\n          })}\n        >\n          {cutText(title, titleMaxLength)}\n        </h2>\n      ) : null}\n\n      {tagsList || tag ? (\n        <div css={{ display: \"flex\", justifyContent: \"space-between\" }}>\n          {tagsList && tagsList.length > 0 ? (\n            <Spacer>\n              {tagsList.map((tag, index) => (\n                <Tag key={`${tag.text}_${index}`} value={tag.text} icon={tag.icon} textColor=\"overPicture\" bgBlur />\n              ))}\n            </Spacer>\n          ) : (\n            <span />\n          )}\n\n          {tag ? <Tag value={tag.text} icon={tag.icon} textColor=\"overPicture\" bgBlur /> : <span />}\n        </div>\n      ) : null}\n\n      {floatingElement}\n    </div>\n  );\n}\n"],"names":["jsxs","CARD_HEADER_HEIGHT","jsx","cutText","Spacer","tag","Tag"],"mappings":";;;;AAUA,SAAwB,OAAO,EAAE,OAAO,gBAAgB,SAAS,SAAS,UAAU,KAAK,WAAW,mBAAwC;AAC1I,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAK,CAAC,EAAE,QAAQ,SAAS,cAAc;AAAA,QACrC,UAAU;AAAA,QACV,QAAQC,kBAAAA;AAAAA,QACR,YAAY;AAAA,QACZ,qBAAqB,OAAO;AAAA,QAC5B,sBAAsB,OAAO;AAAA,QAC7B,iBAAiB,WAAW,OAAO;AAAA,QACnC,GAAI,UACA;AAAA,UACE,iBAAiB,8CAA8C,OAAO;AAAA,UACtE,gBAAgB;AAAA,UAChB,oBAAoB;AAAA,QAAA,IAEtB,CAAA;AAAA,QACJ,SAAS,UAAU;AAAA,QACnB,WAAW;AAAA,MAAA;AAAA,MAGZ,UAAA;AAAA,QAAA,QACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,SAAS,MAAM,MAAM,cAAc;AAAA,cACzC,QAAQ;AAAA,cACR,WAAW,UAAU;AAAA,cACrB,cAAc;AAAA,cACd,OAAO,KAAK;AAAA,cACZ,YAAY,KAAK;AAAA,cACjB,UAAU,OAAO;AAAA,cACjB,YAAY;AAAA,YAAA;AAAA,YAGb,UAAAC,kBAAAA,QAAQ,OAAO,cAAc;AAAA,UAAA;AAAA,QAAA,IAE9B;AAAA,QAEH,YAAY,MACXH,gCAAC,OAAA,EAAI,KAAK,EAAE,SAAS,QAAQ,gBAAgB,gBAAA,GAC1C,UAAA;AAAA,UAAA,YAAY,SAAS,SAAS,IAC7BE,2BAAAA,IAACE,kBAAAA,UACE,UAAA,SAAS,IAAI,CAACC,MAAK,UAClBH,2BAAAA,IAACI,kBAAAA,KAAA,EAAiC,OAAOD,KAAI,MAAM,MAAMA,KAAI,MAAM,WAAU,eAAc,QAAM,KAAA,GAAvF,GAAGA,KAAI,IAAI,IAAI,KAAK,EAAoE,CACnG,EAAA,CACH,mCAEC,QAAA,EAAK;AAAA,UAGP,MAAMH,2BAAAA,IAACI,uBAAA,EAAI,OAAO,IAAI,MAAM,MAAM,IAAI,MAAM,WAAU,eAAc,QAAM,KAAA,CAAC,mCAAM,QAAA,CAAA,CAAK;AAAA,QAAA,EAAA,CACzF,IACE;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;"}
+{"version":3,"file":"index-CXEK4K6T.cjs","sources":["../src/components/Card/components/Header/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Spacer } from \"../../../Spacer\";\nimport { Tag } from \"../../../Tag\";\n\nimport { cutText } from \"../../../../utils/formatters\";\nimport { CARD_HEADER_HEIGHT } from \"../../../../constants/common-sizs\";\n\nimport { Props } from \"./types\";\n\nexport default function Header({ title, titleMaxLength, bgColor, bgImage, tagsList, tag, className, floatingElement }: Props): ReactElement {\n  return (\n    <div\n      className={className}\n      css={({ radius, spacing, colors }) => ({\n        position: \"relative\",\n        height: CARD_HEADER_HEIGHT,\n        flexShrink: 0,\n        borderTopLeftRadius: radius.medium,\n        borderTopRightRadius: radius.medium,\n        backgroundColor: bgColor ?? colors.focusSecondary,\n        ...(bgImage\n          ? {\n              backgroundImage: `linear-gradient(#00000000, #0000007f), url(${bgImage})`,\n              backgroundSize: \"cover\",\n              backgroundPosition: \"center\"\n            }\n          : {}),\n        padding: spacing * 3,\n        boxSizing: \"border-box\"\n      })}\n    >\n      {title ? (\n        <h2\n          css={({ spacing, text, font, radius }) => ({\n            margin: 0,\n            marginTop: spacing * 4.5,\n            marginBottom: spacing,\n            color: text.overPicture,\n            fontFamily: font.main,\n            fontSize: radius.roundButtons,\n            fontWeight: 500\n          })}\n        >\n          {cutText(title, titleMaxLength)}\n        </h2>\n      ) : null}\n\n      {tagsList || tag ? (\n        <div css={{ display: \"flex\", justifyContent: \"space-between\" }}>\n          {tagsList && tagsList.length > 0 ? (\n            <Spacer>\n              {tagsList.map((tag, index) => (\n                <Tag key={`${tag.text}_${index}`} value={tag.text} icon={tag.icon} textColor=\"overPicture\" bgBlur />\n              ))}\n            </Spacer>\n          ) : (\n            <span />\n          )}\n\n          {tag ? <Tag value={tag.text} icon={tag.icon} textColor=\"overPicture\" bgBlur /> : <span />}\n        </div>\n      ) : null}\n\n      {floatingElement}\n    </div>\n  );\n}\n"],"names":["jsxs","CARD_HEADER_HEIGHT","jsx","cutText","Spacer","tag","Tag"],"mappings":";;;;AAUA,SAAwB,OAAO,EAAE,OAAO,gBAAgB,SAAS,SAAS,UAAU,KAAK,WAAW,mBAAwC;AAC1I,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAK,CAAC,EAAE,QAAQ,SAAS,cAAc;AAAA,QACrC,UAAU;AAAA,QACV,QAAQC,kBAAAA;AAAAA,QACR,YAAY;AAAA,QACZ,qBAAqB,OAAO;AAAA,QAC5B,sBAAsB,OAAO;AAAA,QAC7B,iBAAiB,WAAW,OAAO;AAAA,QACnC,GAAI,UACA;AAAA,UACE,iBAAiB,8CAA8C,OAAO;AAAA,UACtE,gBAAgB;AAAA,UAChB,oBAAoB;AAAA,QAAA,IAEtB,CAAA;AAAA,QACJ,SAAS,UAAU;AAAA,QACnB,WAAW;AAAA,MAAA;AAAA,MAGZ,UAAA;AAAA,QAAA,QACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,SAAS,MAAM,MAAM,cAAc;AAAA,cACzC,QAAQ;AAAA,cACR,WAAW,UAAU;AAAA,cACrB,cAAc;AAAA,cACd,OAAO,KAAK;AAAA,cACZ,YAAY,KAAK;AAAA,cACjB,UAAU,OAAO;AAAA,cACjB,YAAY;AAAA,YAAA;AAAA,YAGb,UAAAC,kBAAAA,QAAQ,OAAO,cAAc;AAAA,UAAA;AAAA,QAAA,IAE9B;AAAA,QAEH,YAAY,MACXH,gCAAC,OAAA,EAAI,KAAK,EAAE,SAAS,QAAQ,gBAAgB,gBAAA,GAC1C,UAAA;AAAA,UAAA,YAAY,SAAS,SAAS,IAC7BE,2BAAAA,IAACE,kBAAAA,UACE,UAAA,SAAS,IAAI,CAACC,MAAK,UAClBH,2BAAAA,IAACI,kBAAAA,KAAA,EAAiC,OAAOD,KAAI,MAAM,MAAMA,KAAI,MAAM,WAAU,eAAc,QAAM,KAAA,GAAvF,GAAGA,KAAI,IAAI,IAAI,KAAK,EAAoE,CACnG,EAAA,CACH,mCAEC,QAAA,EAAK;AAAA,UAGP,MAAMH,2BAAAA,IAACI,uBAAA,EAAI,OAAO,IAAI,MAAM,MAAM,IAAI,MAAM,WAAU,eAAc,QAAM,KAAA,CAAC,mCAAM,QAAA,CAAA,CAAK;AAAA,QAAA,EAAA,CACzF,IACE;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/{index-BPWOdUVc.cjs → index-Cug-jyVN.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-DeJvbb_S.cjs");
-const export_components = require("./components-BXmsMIj2.cjs");
+const index = require("./index-tddGE9xT.cjs");
+const export_components = require("./components-DZWScQb-.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-BPWOdUVc.cjs.map
+//# sourceMappingURL=index-Cug-jyVN.cjs.map

package/dist/{index-BPWOdUVc.cjs.map → index-Cug-jyVN.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BPWOdUVc.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-Cug-jyVN.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;;"}