@ixo/ui 0.1.7 → 0.1.9

package/dist/{index-qjIpKWBJ.js → index-Dv_e6z8D.js}

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

package/dist/{index-qjIpKWBJ.js.map → index-Dv_e6z8D.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-qjIpKWBJ.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-Dv_e6z8D.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-DFw-YGRB.cjs → index-ImM8dR3W.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-CcjXZeyr.cjs");
-const export_components = require("./components-BgEk60Ob.cjs");
+const index = require("./index-Ch90kRkK.cjs");
+const export_components = require("./components-BDiiWelU.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-DFw-YGRB.cjs.map
+//# sourceMappingURL=index-ImM8dR3W.cjs.map

package/dist/{index-DFw-YGRB.cjs.map → index-ImM8dR3W.cjs.map}

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

package/dist/{index-BJXmGwAC.cjs → index-LERt98FZ.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-BgEk60Ob.cjs");
+const export_components = require("./components-BDiiWelU.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-BJXmGwAC.cjs.map
+//# sourceMappingURL=index-LERt98FZ.cjs.map

package/dist/{index-BJXmGwAC.cjs.map → index-LERt98FZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BJXmGwAC.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-LERt98FZ.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-CYsfssFh.js → index-Lu5gXTPs.js}

@@ -1,6 +1,6 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { C as CardActionButton } from "./index-C8qu1Nag.js";
-import { d as Tooltip } from "./components-B_rD80NH.js";
+import { C as CardActionButton } from "./index-CGLxKSPk.js";
+import { d as Tooltip } from "./components-EXB_BUs5.js";
 function Actions({ items }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -58,4 +58,4 @@ function Actions({ items }) {
 export {
   Actions as default
 };
-//# sourceMappingURL=index-CYsfssFh.js.map
+//# sourceMappingURL=index-Lu5gXTPs.js.map

package/dist/{index-CYsfssFh.js.map → index-Lu5gXTPs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CYsfssFh.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-Lu5gXTPs.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-BO3dBb76.cjs → index-qHCPELWv.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-BgEk60Ob.cjs");
+const export_components = require("./components-BDiiWelU.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-BO3dBb76.cjs.map
+//# sourceMappingURL=index-qHCPELWv.cjs.map

package/dist/{index-BO3dBb76.cjs.map → index-qHCPELWv.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BO3dBb76.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-qHCPELWv.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ixo/ui",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "IXO UI library",
   "author": "IXO",
   "homepage": "https://github.com/ixoworld/ixo-ui#readme",
@@ -79,6 +79,7 @@
     "@mantine/core": "7.11.2",
     "@mantine/emotion": "7.11.2",
     "@mantine/hooks": "7.11.2",
+    "@tabler/icons-react": "^3.36.1",
     "apexcharts": "^4.2.0",
     "dayjs": "^1.11.13",
     "dompurify": "^3.2.3",