@ixo/ui 0.0.23 → 0.0.25

package/dist/{index-CLUVUEvd.cjs → index-B1Zf0Hjl.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const css = require("@emotion/css");
-const export_components = require("./components-_MkU3jTT.cjs");
+const export_components = require("./components-B9IT9zsg.cjs");
 function CardActionButton({ onClick, tooltip, title, disabled, badge, highlighted, icon: Icon }) {
   return /* @__PURE__ */ jsxRuntime.jsx(export_components.Tooltip, { content: tooltip, classNameWrapper: css.css({ width: "100%", display: "inline-block" }), children: /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
@@ -62,4 +62,4 @@ function CardActionButton({ onClick, tooltip, title, disabled, badge, highlighte
   ) });
 }
 exports.CardActionButton = CardActionButton;
-//# sourceMappingURL=index-CLUVUEvd.cjs.map
+//# sourceMappingURL=index-B1Zf0Hjl.cjs.map

package/dist/{index-CLUVUEvd.cjs.map → index-B1Zf0Hjl.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CLUVUEvd.cjs","sources":["../src/components/CardActionButton/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\nimport { css } from \"@emotion/css\";\n\nimport { Tag } from \"../Tag\";\nimport { Tooltip } from \"../Tooltip\";\nimport { IconCmp } from \"../../types/IconCmp\";\nexport type Props = {\n  title: string;\n  icon?: IconCmp;\n  onClick?: () => void;\n  tooltip?: string;\n  disabled?: boolean;\n  highlighted?: boolean;\n  badge?: string | number;\n};\n\nexport function CardActionButton({ onClick, tooltip, title, disabled, badge, highlighted, icon: Icon }: Props): ReactElement {\n  return (\n    <Tooltip content={tooltip} classNameWrapper={css({ width: \"100%\", display: \"inline-block\" })}>\n      <button\n        onClick={onClick}\n        disabled={disabled}\n        css={({ neutral, radius, spacing, colors }) => ({\n          cursor: disabled ? \"not-allowed\" : \"pointer\",\n          border: \"none\",\n          padding: spacing,\n          gap: spacing,\n          display: \"flex\",\n          alignItems: \"center\",\n          width: \"100%\",\n          borderStyle: \"solid\",\n          borderWidth: 1,\n          borderColor: highlighted ? colors.focus : \"transparent\",\n          backgroundColor: highlighted ? colors.focusTransparent20 : neutral.whiteFull,\n          borderRadius: radius.roundButtons,\n          \"&:hover:not([disabled])\": {\n            \"& > span\": {\n              color: colors.focus\n            },\n            \"& > svg path[fill]\": {\n              fill: colors.focus\n            },\n            \"& > svg path[stroke]\": {\n              stroke: colors.focus\n            }\n          }\n        })}\n      >\n        {Icon ? (\n          <Icon\n            color=\"secondary\"\n            css={({ transition }) => ({\n              \"& > path[fill], & > path[stroke]\": {\n                transition: transition.duration\n              }\n            })}\n          />\n        ) : null}\n        <span\n          css={({ text, fontSize, transition }) => ({\n            color: disabled ? text.secondary : text.main,\n            fontSize: fontSize.regular,\n            transition: transition.duration\n          })}\n        >\n          {title}\n        </span>\n        {badge !== undefined ? <Tag value={badge} small /> : null}\n      </button>\n    </Tooltip>\n  );\n}\n"],"names":["jsx","Tooltip","css","jsxs","Tag"],"mappings":";;;;AAgBO,SAAS,iBAAiB,EAAE,SAAS,SAAS,OAAO,UAAU,OAAO,aAAa,MAAM,QAA6B;AAC3H,SACEA,2BAAAA,IAACC,kBAAAA,SAAA,EAAQ,SAAS,SAAS,kBAAkBC,IAAAA,IAAI,EAAE,OAAO,QAAQ,SAAS,eAAA,CAAgB,GACzF,UAAAC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,KAAK,CAAC,EAAE,SAAS,QAAQ,SAAS,cAAc;AAAA,QAC9C,QAAQ,WAAW,gBAAgB;AAAA,QACnC,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,KAAK;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa,cAAc,OAAO,QAAQ;AAAA,QAC1C,iBAAiB,cAAc,OAAO,qBAAqB,QAAQ;AAAA,QACnE,cAAc,OAAO;AAAA,QACrB,2BAA2B;AAAA,UACzB,YAAY;AAAA,YACV,OAAO,OAAO;AAAA,UAAA;AAAA,UAEhB,sBAAsB;AAAA,YACpB,MAAM,OAAO;AAAA,UAAA;AAAA,UAEf,wBAAwB;AAAA,YACtB,QAAQ,OAAO;AAAA,UAAA;AAAA,QACjB;AAAA,MACF;AAAA,MAGD,UAAA;AAAA,QAAA,OACCH,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,KAAK,CAAC,EAAE,kBAAkB;AAAA,cACxB,oCAAoC;AAAA,gBAClC,YAAY,WAAW;AAAA,cAAA;AAAA,YACzB;AAAA,UACF;AAAA,QAAA,IAEA;AAAA,QACJA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,MAAM,UAAU,kBAAkB;AAAA,cACxC,OAAO,WAAW,KAAK,YAAY,KAAK;AAAA,cACxC,UAAU,SAAS;AAAA,cACnB,YAAY,WAAW;AAAA,YAAA;AAAA,YAGxB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,UAAU,SAAYA,2BAAAA,IAACI,uBAAA,EAAI,OAAO,OAAO,OAAK,MAAC,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEzD;AAEJ;;"}
+{"version":3,"file":"index-B1Zf0Hjl.cjs","sources":["../src/components/CardActionButton/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\nimport { css } from \"@emotion/css\";\n\nimport { Tag } from \"../Tag\";\nimport { Tooltip } from \"../Tooltip\";\nimport { IconCmp } from \"../../types/IconCmp\";\nexport type Props = {\n  title: string;\n  icon?: IconCmp;\n  onClick?: () => void;\n  tooltip?: string;\n  disabled?: boolean;\n  highlighted?: boolean;\n  badge?: string | number;\n};\n\nexport function CardActionButton({ onClick, tooltip, title, disabled, badge, highlighted, icon: Icon }: Props): ReactElement {\n  return (\n    <Tooltip content={tooltip} classNameWrapper={css({ width: \"100%\", display: \"inline-block\" })}>\n      <button\n        onClick={onClick}\n        disabled={disabled}\n        css={({ neutral, radius, spacing, colors }) => ({\n          cursor: disabled ? \"not-allowed\" : \"pointer\",\n          border: \"none\",\n          padding: spacing,\n          gap: spacing,\n          display: \"flex\",\n          alignItems: \"center\",\n          width: \"100%\",\n          borderStyle: \"solid\",\n          borderWidth: 1,\n          borderColor: highlighted ? colors.focus : \"transparent\",\n          backgroundColor: highlighted ? colors.focusTransparent20 : neutral.whiteFull,\n          borderRadius: radius.roundButtons,\n          \"&:hover:not([disabled])\": {\n            \"& > span\": {\n              color: colors.focus\n            },\n            \"& > svg path[fill]\": {\n              fill: colors.focus\n            },\n            \"& > svg path[stroke]\": {\n              stroke: colors.focus\n            }\n          }\n        })}\n      >\n        {Icon ? (\n          <Icon\n            color=\"secondary\"\n            css={({ transition }) => ({\n              \"& > path[fill], & > path[stroke]\": {\n                transition: transition.duration\n              }\n            })}\n          />\n        ) : null}\n        <span\n          css={({ text, fontSize, transition }) => ({\n            color: disabled ? text.secondary : text.main,\n            fontSize: fontSize.regular,\n            transition: transition.duration\n          })}\n        >\n          {title}\n        </span>\n        {badge !== undefined ? <Tag value={badge} small /> : null}\n      </button>\n    </Tooltip>\n  );\n}\n"],"names":["jsx","Tooltip","css","jsxs","Tag"],"mappings":";;;;AAgBO,SAAS,iBAAiB,EAAE,SAAS,SAAS,OAAO,UAAU,OAAO,aAAa,MAAM,QAA6B;AAC3H,SACEA,2BAAAA,IAACC,kBAAAA,SAAA,EAAQ,SAAS,SAAS,kBAAkBC,IAAAA,IAAI,EAAE,OAAO,QAAQ,SAAS,eAAA,CAAgB,GACzF,UAAAC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,KAAK,CAAC,EAAE,SAAS,QAAQ,SAAS,cAAc;AAAA,QAC9C,QAAQ,WAAW,gBAAgB;AAAA,QACnC,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,KAAK;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa,cAAc,OAAO,QAAQ;AAAA,QAC1C,iBAAiB,cAAc,OAAO,qBAAqB,QAAQ;AAAA,QACnE,cAAc,OAAO;AAAA,QACrB,2BAA2B;AAAA,UACzB,YAAY;AAAA,YACV,OAAO,OAAO;AAAA,UAAA;AAAA,UAEhB,sBAAsB;AAAA,YACpB,MAAM,OAAO;AAAA,UAAA;AAAA,UAEf,wBAAwB;AAAA,YACtB,QAAQ,OAAO;AAAA,UAAA;AAAA,QACjB;AAAA,MACF;AAAA,MAGD,UAAA;AAAA,QAAA,OACCH,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,KAAK,CAAC,EAAE,kBAAkB;AAAA,cACxB,oCAAoC;AAAA,gBAClC,YAAY,WAAW;AAAA,cAAA;AAAA,YACzB;AAAA,UACF;AAAA,QAAA,IAEA;AAAA,QACJA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,CAAC,EAAE,MAAM,UAAU,kBAAkB;AAAA,cACxC,OAAO,WAAW,KAAK,YAAY,KAAK;AAAA,cACxC,UAAU,SAAS;AAAA,cACnB,YAAY,WAAW;AAAA,YAAA;AAAA,YAGxB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,UAAU,SAAYA,2BAAAA,IAACI,uBAAA,EAAI,OAAO,OAAO,OAAK,MAAC,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEzD;AAEJ;;"}

package/dist/{index-BOTqKAb1.js → index-B5LLjyl8.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { C as CARD_HEADER_HEIGHT, c as cutText, S as Spacer, a as Tag } from "./components-BVa_RzKb.js";
+import { C as CARD_HEADER_HEIGHT, c as cutText, S as Spacer, a as Tag } from "./components-DOmagp83.js";
 function Header({ title, titleMaxLength, bgColor, bgImage, tagsList, tag, className, floatingElement }) {
   return /* @__PURE__ */ jsxs(
     "div",
@@ -48,4 +48,4 @@ function Header({ title, titleMaxLength, bgColor, bgImage, tagsList, tag, classN
 export {
   Header as default
 };
-//# sourceMappingURL=index-BOTqKAb1.js.map
+//# sourceMappingURL=index-B5LLjyl8.js.map

package/dist/{index-BOTqKAb1.js.map → index-B5LLjyl8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BOTqKAb1.js","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":["tag"],"mappings":";;AAUA,SAAwB,OAAO,EAAE,OAAO,gBAAgB,SAAS,SAAS,UAAU,KAAK,WAAW,mBAAwC;AAC1I,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAK,CAAC,EAAE,QAAQ,SAAS,cAAc;AAAA,QACrC,UAAU;AAAA,QACV,QAAQ;AAAA,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,QACC;AAAA,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,UAAA,QAAQ,OAAO,cAAc;AAAA,UAAA;AAAA,QAAA,IAE9B;AAAA,QAEH,YAAY,MACX,qBAAC,OAAA,EAAI,KAAK,EAAE,SAAS,QAAQ,gBAAgB,gBAAA,GAC1C,UAAA;AAAA,UAAA,YAAY,SAAS,SAAS,IAC7B,oBAAC,UACE,UAAA,SAAS,IAAI,CAACA,MAAK,UAClB,oBAAC,KAAA,EAAiC,OAAOA,KAAI,MAAM,MAAMA,KAAI,MAAM,WAAU,eAAc,QAAM,KAAA,GAAvF,GAAGA,KAAI,IAAI,IAAI,KAAK,EAAoE,CACnG,EAAA,CACH,wBAEC,QAAA,EAAK;AAAA,UAGP,MAAM,oBAAC,KAAA,EAAI,OAAO,IAAI,MAAM,MAAM,IAAI,MAAM,WAAU,eAAc,QAAM,KAAA,CAAC,wBAAM,QAAA,CAAA,CAAK;AAAA,QAAA,EAAA,CACzF,IACE;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index-B5LLjyl8.js","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":["tag"],"mappings":";;AAUA,SAAwB,OAAO,EAAE,OAAO,gBAAgB,SAAS,SAAS,UAAU,KAAK,WAAW,mBAAwC;AAC1I,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAK,CAAC,EAAE,QAAQ,SAAS,cAAc;AAAA,QACrC,UAAU;AAAA,QACV,QAAQ;AAAA,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,QACC;AAAA,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,UAAA,QAAQ,OAAO,cAAc;AAAA,UAAA;AAAA,QAAA,IAE9B;AAAA,QAEH,YAAY,MACX,qBAAC,OAAA,EAAI,KAAK,EAAE,SAAS,QAAQ,gBAAgB,gBAAA,GAC1C,UAAA;AAAA,UAAA,YAAY,SAAS,SAAS,IAC7B,oBAAC,UACE,UAAA,SAAS,IAAI,CAACA,MAAK,UAClB,oBAAC,KAAA,EAAiC,OAAOA,KAAI,MAAM,MAAMA,KAAI,MAAM,WAAU,eAAc,QAAM,KAAA,GAAvF,GAAGA,KAAI,IAAI,IAAI,KAAK,EAAoE,CACnG,EAAA,CACH,wBAEC,QAAA,EAAK;AAAA,UAGP,MAAM,oBAAC,KAAA,EAAI,OAAO,IAAI,MAAM,MAAM,IAAI,MAAM,WAAU,eAAc,QAAM,KAAA,CAAC,wBAAM,QAAA,CAAA,CAAK;AAAA,QAAA,EAAA,CACzF,IACE;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/{index-DFEKL4SE.cjs → index-B9ziLU7I.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-_MkU3jTT.cjs");
+const export_components = require("./components-B9IT9zsg.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-DFEKL4SE.cjs.map
+//# sourceMappingURL=index-B9ziLU7I.cjs.map

package/dist/{index-DFEKL4SE.cjs.map → index-B9ziLU7I.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DFEKL4SE.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-B9ziLU7I.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-1_x_N7t0.cjs → index-BPivpKfd.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-_MkU3jTT.cjs");
+const export_components = require("./components-B9IT9zsg.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-1_x_N7t0.cjs.map
+//# sourceMappingURL=index-BPivpKfd.cjs.map

package/dist/{index-1_x_N7t0.cjs.map → index-BPivpKfd.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-1_x_N7t0.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-BPivpKfd.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-Cbh2O8ES.cjs → index-BT80tCRs.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-_MkU3jTT.cjs");
+const export_components = require("./components-B9IT9zsg.cjs");
 function Badge({ label, icon: Icon }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -27,4 +27,4 @@ function Badge({ label, icon: Icon }) {
   );
 }
 exports.default = Badge;
-//# sourceMappingURL=index-Cbh2O8ES.cjs.map
+//# sourceMappingURL=index-BT80tCRs.cjs.map

package/dist/{index-Cbh2O8ES.cjs.map → index-BT80tCRs.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Cbh2O8ES.cjs","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":["jsxs","jsx","Typography"],"mappings":";;;;AAUA,SAAwB,MAAM,EAAE,OAAO,MAAM,QAA6B;AACxE,SACEA,2BAAAA;AAAAA,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,QAAQC,2BAAAA,IAAC,MAAA,EAAK,OAAM,WAAU,MAAM,IAAI;AAAA,QACzCA,+BAACC,kBAAAA,WAAW,MAAX,EAAgB,OAAM,WAAU,MAAK,KACnC,UAAA,MAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"index-BT80tCRs.cjs","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":["jsxs","jsx","Typography"],"mappings":";;;;AAUA,SAAwB,MAAM,EAAE,OAAO,MAAM,QAA6B;AACxE,SACEA,2BAAAA;AAAAA,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,QAAQC,2BAAAA,IAAC,MAAA,EAAK,OAAM,WAAU,MAAM,IAAI;AAAA,QACzCA,+BAACC,kBAAAA,WAAW,MAAX,EAAgB,OAAM,WAAU,MAAK,KACnC,UAAA,MAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}