npm - @ixo/ui - Versions diffs - 0.1.11 → 0.1.12 - Mend

@ixo/ui 0.1.11 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/{index-CnwnwLBL.cjs → index-BU1d2aXs.cjs} RENAMED Viewed

@@ -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-JdTP8bty.cjs");
+const export_components = require("./components-D3rxdT4n.cjs");
 const UsersSolid = require("./UsersSolid-C5FpNZ_K.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-CnwnwLBL.cjs.map
+//# sourceMappingURL=index-BU1d2aXs.cjs.map

package/dist/{index-CnwnwLBL.cjs.map → index-BU1d2aXs.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~CnwnwLBL~~.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;;"}
1	+ {"version":3,"file":"index-BU1d2aXs.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-8tGadeUE.js → index-BjOqIsrR.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { T as Typography } from "./components-CHbRYZDV.js";
+import { T as Typography } from "./components-dTYQ8rTq.js";
 function Assets({ items, summary }) {
   return /* @__PURE__ */ jsxs(
     "ul",
@@ -164,4 +164,4 @@ function Assets({ items, summary }) {
 export {
   Assets as default
 };
-//# sourceMappingURL=index-8tGadeUE.js.map
+//# sourceMappingURL=index-BjOqIsrR.js.map

package/dist/{index-8tGadeUE.js.map → index-BjOqIsrR.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~8tGadeUE~~.js","sources":["../src/components/SodaCard/components/Assets/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Typography } from \"../../../Typography\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n summary?: {\n title: string;\n description?: string;\n actionIcon?: IconCmp;\n onClick?: () => void;\n };\n items: Array<{\n id: string;\n amount: number;\n status: \"approved\" \| \"disputed\" \| \"rejected\";\n reward: number;\n rewardUsd: number;\n }>;\n};\n\nexport default function Assets({ items, summary }: Props): ReactElement {\n return (\n <ul\n css={({ font, text, fontSize, spacing, bg, radius }) => ({\n margin: 0,\n paddingTop: spacing * 2,\n paddingLeft: spacing * 2,\n paddingRight: spacing * 2,\n listStyle: \"none\",\n fontFamily: font.main,\n color: text.secondary,\n fontSize: fontSize.s,\n backgroundColor: bg.card,\n borderBottomLeftRadius: radius.medium,\n borderBottomRightRadius: radius.medium,\n overflow: \"hidden\"\n })}\n >\n <li css={{ display: \"flex\", justifyContent: \"space-between\" }}>\n <span css={({ spacing }) => ({ paddingLeft: spacing })}>Claim</span>\n <span css={({ spacing }) => ({ paddingRight: spacing })}>Reward</span>\n </li>\n {items.map((item) => (\n <li\n key={item.id}\n css={({ spacing }) => ({\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginBottom: spacing / 2,\n padding: spacing\n })}\n >\n <div css={{ display: \"flex\", alignItems: \"center\" }}>\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 12\n </span>\n <span\n css={({ spacing, radius, fontSize, semantic }) => {\n const color = {\n approved: semantic.success,\n disputed: semantic.warning,\n rejected: semantic.error\n }[item.status];\n\n const backgroundColor = {\n approved: semantic.successTransparent,\n disputed: semantic.warningTransparent,\n rejected: semantic.errorTransparent\n }[item.status];\n\n return {\n marginLeft: spacing,\n borderRadius: radius.medium,\n paddingLeft: spacing,\n paddingRight: spacing,\n paddingTop: spacing / 2,\n paddingBottom: spacing / 2,\n fontSize: fontSize.xs,\n backgroundColor,\n color\n };\n }}\n >\n Approved\n </span>\n </div>\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"flex-end\"\n }}\n >\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 100 IXO\n </span>\n <span\n css={({ text, fontSize }) => ({\n color: text.secondary,\n fontSize: fontSize.xs\n })}\n >\n $200.12\n </span>\n </div>\n </li>\n ))}\n\n {summary ? (\n <button\n onClick={summary.onClick}\n css={({ bg, spacing, radius }) => ({\n display: \"flex\",\n width: \"100%\",\n border: \"none\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n backgroundColor: bg.cardHighlight,\n padding: spacing,\n borderRadius: radius.small,\n cursor: \"pointer\",\n marginBottom: spacing * 2\n })}\n >\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"start\"\n }}\n >\n <Typography.Text color=\"text\" size=\"regular\">\n {summary.title}\n </Typography.Text>\n {summary.description ? (\n <Typography.Text color=\"secondary\" size=\"xs\">\n {summary.description}\n </Typography.Text>\n ) : null}\n </div>\n {summary.actionIcon ? (\n <div\n css={({ colors, radius }) => ({\n width: 32,\n height: 32,\n backgroundColor: colors.focusTransparent10,\n borderRadius: radius.small / 2\n })}\n >\n <summary.actionIcon color=\"primary\" />\n </div>\n ) : null}\n </button>\n ) : null}\n </ul>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index-BjOqIsrR.js","sources":["../src/components/SodaCard/components/Assets/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Typography } from \"../../../Typography\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n summary?: {\n title: string;\n description?: string;\n actionIcon?: IconCmp;\n onClick?: () => void;\n };\n items: Array<{\n id: string;\n amount: number;\n status: \"approved\" \| \"disputed\" \| \"rejected\";\n reward: number;\n rewardUsd: number;\n }>;\n};\n\nexport default function Assets({ items, summary }: Props): ReactElement {\n return (\n <ul\n css={({ font, text, fontSize, spacing, bg, radius }) => ({\n margin: 0,\n paddingTop: spacing * 2,\n paddingLeft: spacing * 2,\n paddingRight: spacing * 2,\n listStyle: \"none\",\n fontFamily: font.main,\n color: text.secondary,\n fontSize: fontSize.s,\n backgroundColor: bg.card,\n borderBottomLeftRadius: radius.medium,\n borderBottomRightRadius: radius.medium,\n overflow: \"hidden\"\n })}\n >\n <li css={{ display: \"flex\", justifyContent: \"space-between\" }}>\n <span css={({ spacing }) => ({ paddingLeft: spacing })}>Claim</span>\n <span css={({ spacing }) => ({ paddingRight: spacing })}>Reward</span>\n </li>\n {items.map((item) => (\n <li\n key={item.id}\n css={({ spacing }) => ({\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginBottom: spacing / 2,\n padding: spacing\n })}\n >\n <div css={{ display: \"flex\", alignItems: \"center\" }}>\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 12\n </span>\n <span\n css={({ spacing, radius, fontSize, semantic }) => {\n const color = {\n approved: semantic.success,\n disputed: semantic.warning,\n rejected: semantic.error\n }[item.status];\n\n const backgroundColor = {\n approved: semantic.successTransparent,\n disputed: semantic.warningTransparent,\n rejected: semantic.errorTransparent\n }[item.status];\n\n return {\n marginLeft: spacing,\n borderRadius: radius.medium,\n paddingLeft: spacing,\n paddingRight: spacing,\n paddingTop: spacing / 2,\n paddingBottom: spacing / 2,\n fontSize: fontSize.xs,\n backgroundColor,\n color\n };\n }}\n >\n Approved\n </span>\n </div>\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"flex-end\"\n }}\n >\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 100 IXO\n </span>\n <span\n css={({ text, fontSize }) => ({\n color: text.secondary,\n fontSize: fontSize.xs\n })}\n >\n $200.12\n </span>\n </div>\n </li>\n ))}\n\n {summary ? (\n <button\n onClick={summary.onClick}\n css={({ bg, spacing, radius }) => ({\n display: \"flex\",\n width: \"100%\",\n border: \"none\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n backgroundColor: bg.cardHighlight,\n padding: spacing,\n borderRadius: radius.small,\n cursor: \"pointer\",\n marginBottom: spacing * 2\n })}\n >\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"start\"\n }}\n >\n <Typography.Text color=\"text\" size=\"regular\">\n {summary.title}\n </Typography.Text>\n {summary.description ? (\n <Typography.Text color=\"secondary\" size=\"xs\">\n {summary.description}\n </Typography.Text>\n ) : null}\n </div>\n {summary.actionIcon ? (\n <div\n css={({ colors, radius }) => ({\n width: 32,\n height: 32,\n backgroundColor: colors.focusTransparent10,\n borderRadius: radius.small / 2\n })}\n >\n <summary.actionIcon color=\"primary\" />\n </div>\n ) : null}\n </button>\n ) : null}\n </ul>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/{index-5nix3uGD.js → index-C5V_Znv6.js} RENAMED Viewed

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

package/dist/{index-5nix3uGD.js.map → index-C5V_Znv6.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~5nix3uGD~~.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;"}
1	+ {"version":3,"file":"index-C5V_Znv6.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-CAGiV0J3.js → index-CX5AcvQo.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { css } from "@emotion/css";
-import { d as Tooltip, a as Tag } from "./components-CHbRYZDV.js";
+import { d as Tooltip, a as Tag } from "./components-dTYQ8rTq.js";
 function CardActionButton({ onClick, tooltip, title, disabled, badge, highlighted, icon: Icon }) {
   return /* @__PURE__ */ jsx(Tooltip, { content: tooltip, classNameWrapper: css({ width: "100%", display: "inline-block" }), children: /* @__PURE__ */ jsxs(
     "button",
@@ -63,4 +63,4 @@ function CardActionButton({ onClick, tooltip, title, disabled, badge, highlighte
 export {
   CardActionButton as C
 };
-//# sourceMappingURL=index-CAGiV0J3.js.map
+//# sourceMappingURL=index-CX5AcvQo.js.map

package/dist/{index-CAGiV0J3.js.map → index-CX5AcvQo.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~CAGiV0J3~~.js","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":[],"mappings":";;;AAgBO,SAAS,iBAAiB,EAAE,SAAS,SAAS,OAAO,UAAU,OAAO,aAAa,MAAM,QAA6B;AAC3H,SACE,oBAAC,SAAA,EAAQ,SAAS,SAAS,kBAAkB,IAAI,EAAE,OAAO,QAAQ,SAAS,eAAA,CAAgB,GACzF,UAAA;AAAA,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,OACC;AAAA,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,QACJ;AAAA,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,SAAY,oBAAC,KAAA,EAAI,OAAO,OAAO,OAAK,MAAC,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEzD;AAEJ;"}
1	+ {"version":3,"file":"index-CX5AcvQo.js","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":[],"mappings":";;;AAgBO,SAAS,iBAAiB,EAAE,SAAS,SAAS,OAAO,UAAU,OAAO,aAAa,MAAM,QAA6B;AAC3H,SACE,oBAAC,SAAA,EAAQ,SAAS,SAAS,kBAAkB,IAAI,EAAE,OAAO,QAAQ,SAAS,eAAA,CAAgB,GACzF,UAAA;AAAA,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,OACC;AAAA,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,QACJ;AAAA,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,SAAY,oBAAC,KAAA,EAAI,OAAO,OAAO,OAAK,MAAC,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEzD;AAEJ;"}

package/dist/{index-3jU32ylS.js → index-CbPdWxEp.js} RENAMED Viewed

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

package/dist/{index-3jU32ylS.js.map → index-CbPdWxEp.js.map} RENAMED Viewed

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

package/dist/{index-CYdgFOk0.js → index-ChIy51g8.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { C as CardActionButton } from "./index-CAGiV0J3.js";
-import { d as Tooltip } from "./components-CHbRYZDV.js";
+import { C as CardActionButton } from "./index-CX5AcvQo.js";
+import { d as Tooltip } from "./components-dTYQ8rTq.js";
 function Actions({ items }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -58,4 +58,4 @@ function Actions({ items }) {
 export {
   Actions as default
 };
-//# sourceMappingURL=index-CYdgFOk0.js.map
+//# sourceMappingURL=index-ChIy51g8.js.map

package/dist/{index-CYdgFOk0.js.map → index-ChIy51g8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~CYdgFOk0~~.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;"}
1	+ {"version":3,"file":"index-ChIy51g8.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-Br0Chnx7.cjs → index-CpXitdO3.cjs} RENAMED Viewed

@@ -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-JdTP8bty.cjs");
+const export_components = require("./components-D3rxdT4n.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-Br0Chnx7.cjs.map
+//# sourceMappingURL=index-CpXitdO3.cjs.map

package/dist/{index-Br0Chnx7.cjs.map → index-CpXitdO3.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~Br0Chnx7~~.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;;"}
1	+ {"version":3,"file":"index-CpXitdO3.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;;"}

package/dist/{index-BVtpqWCs.js → index-CsFfgG7d.js} RENAMED Viewed

@@ -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-CHbRYZDV.js";
+import { C as CARD_HEADER_HEIGHT, c as cutText, S as Spacer, a as Tag } from "./components-dTYQ8rTq.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-BVtpqWCs.js.map
+//# sourceMappingURL=index-CsFfgG7d.js.map

package/dist/{index-BVtpqWCs.js.map → index-CsFfgG7d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~BVtpqWCs~~.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;"}
1	+ {"version":3,"file":"index-CsFfgG7d.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-DIoNw9Is.cjs → index-D-hlfLhF.cjs} RENAMED Viewed

@@ -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-JdTP8bty.cjs");
+const export_components = require("./components-D3rxdT4n.cjs");
 function Assets({ items, summary }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "ul",
@@ -164,4 +164,4 @@ function Assets({ items, summary }) {
   );
 }
 exports.default = Assets;
-//# sourceMappingURL=index-DIoNw9Is.cjs.map
+//# sourceMappingURL=index-D-hlfLhF.cjs.map

package/dist/{index-DIoNw9Is.cjs.map → index-D-hlfLhF.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~DIoNw9Is~~.cjs","sources":["../src/components/SodaCard/components/Assets/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Typography } from \"../../../Typography\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n summary?: {\n title: string;\n description?: string;\n actionIcon?: IconCmp;\n onClick?: () => void;\n };\n items: Array<{\n id: string;\n amount: number;\n status: \"approved\" \| \"disputed\" \| \"rejected\";\n reward: number;\n rewardUsd: number;\n }>;\n};\n\nexport default function Assets({ items, summary }: Props): ReactElement {\n return (\n <ul\n css={({ font, text, fontSize, spacing, bg, radius }) => ({\n margin: 0,\n paddingTop: spacing * 2,\n paddingLeft: spacing * 2,\n paddingRight: spacing * 2,\n listStyle: \"none\",\n fontFamily: font.main,\n color: text.secondary,\n fontSize: fontSize.s,\n backgroundColor: bg.card,\n borderBottomLeftRadius: radius.medium,\n borderBottomRightRadius: radius.medium,\n overflow: \"hidden\"\n })}\n >\n <li css={{ display: \"flex\", justifyContent: \"space-between\" }}>\n <span css={({ spacing }) => ({ paddingLeft: spacing })}>Claim</span>\n <span css={({ spacing }) => ({ paddingRight: spacing })}>Reward</span>\n </li>\n {items.map((item) => (\n <li\n key={item.id}\n css={({ spacing }) => ({\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginBottom: spacing / 2,\n padding: spacing\n })}\n >\n <div css={{ display: \"flex\", alignItems: \"center\" }}>\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 12\n </span>\n <span\n css={({ spacing, radius, fontSize, semantic }) => {\n const color = {\n approved: semantic.success,\n disputed: semantic.warning,\n rejected: semantic.error\n }[item.status];\n\n const backgroundColor = {\n approved: semantic.successTransparent,\n disputed: semantic.warningTransparent,\n rejected: semantic.errorTransparent\n }[item.status];\n\n return {\n marginLeft: spacing,\n borderRadius: radius.medium,\n paddingLeft: spacing,\n paddingRight: spacing,\n paddingTop: spacing / 2,\n paddingBottom: spacing / 2,\n fontSize: fontSize.xs,\n backgroundColor,\n color\n };\n }}\n >\n Approved\n </span>\n </div>\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"flex-end\"\n }}\n >\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 100 IXO\n </span>\n <span\n css={({ text, fontSize }) => ({\n color: text.secondary,\n fontSize: fontSize.xs\n })}\n >\n $200.12\n </span>\n </div>\n </li>\n ))}\n\n {summary ? (\n <button\n onClick={summary.onClick}\n css={({ bg, spacing, radius }) => ({\n display: \"flex\",\n width: \"100%\",\n border: \"none\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n backgroundColor: bg.cardHighlight,\n padding: spacing,\n borderRadius: radius.small,\n cursor: \"pointer\",\n marginBottom: spacing * 2\n })}\n >\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"start\"\n }}\n >\n <Typography.Text color=\"text\" size=\"regular\">\n {summary.title}\n </Typography.Text>\n {summary.description ? (\n <Typography.Text color=\"secondary\" size=\"xs\">\n {summary.description}\n </Typography.Text>\n ) : null}\n </div>\n {summary.actionIcon ? (\n <div\n css={({ colors, radius }) => ({\n width: 32,\n height: 32,\n backgroundColor: colors.focusTransparent10,\n borderRadius: radius.small / 2\n })}\n >\n <summary.actionIcon color=\"primary\" />\n </div>\n ) : null}\n </button>\n ) : null}\n </ul>\n );\n}\n"],"names":["jsxs","jsx","Typography"],"mappings":"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"}
1	+ {"version":3,"file":"index-D-hlfLhF.cjs","sources":["../src/components/SodaCard/components/Assets/index.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nimport { Typography } from \"../../../Typography\";\nimport { IconCmp } from \"../../../../types/IconCmp\";\n\nexport type Props = {\n summary?: {\n title: string;\n description?: string;\n actionIcon?: IconCmp;\n onClick?: () => void;\n };\n items: Array<{\n id: string;\n amount: number;\n status: \"approved\" \| \"disputed\" \| \"rejected\";\n reward: number;\n rewardUsd: number;\n }>;\n};\n\nexport default function Assets({ items, summary }: Props): ReactElement {\n return (\n <ul\n css={({ font, text, fontSize, spacing, bg, radius }) => ({\n margin: 0,\n paddingTop: spacing * 2,\n paddingLeft: spacing * 2,\n paddingRight: spacing * 2,\n listStyle: \"none\",\n fontFamily: font.main,\n color: text.secondary,\n fontSize: fontSize.s,\n backgroundColor: bg.card,\n borderBottomLeftRadius: radius.medium,\n borderBottomRightRadius: radius.medium,\n overflow: \"hidden\"\n })}\n >\n <li css={{ display: \"flex\", justifyContent: \"space-between\" }}>\n <span css={({ spacing }) => ({ paddingLeft: spacing })}>Claim</span>\n <span css={({ spacing }) => ({ paddingRight: spacing })}>Reward</span>\n </li>\n {items.map((item) => (\n <li\n key={item.id}\n css={({ spacing }) => ({\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginBottom: spacing / 2,\n padding: spacing\n })}\n >\n <div css={{ display: \"flex\", alignItems: \"center\" }}>\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 12\n </span>\n <span\n css={({ spacing, radius, fontSize, semantic }) => {\n const color = {\n approved: semantic.success,\n disputed: semantic.warning,\n rejected: semantic.error\n }[item.status];\n\n const backgroundColor = {\n approved: semantic.successTransparent,\n disputed: semantic.warningTransparent,\n rejected: semantic.errorTransparent\n }[item.status];\n\n return {\n marginLeft: spacing,\n borderRadius: radius.medium,\n paddingLeft: spacing,\n paddingRight: spacing,\n paddingTop: spacing / 2,\n paddingBottom: spacing / 2,\n fontSize: fontSize.xs,\n backgroundColor,\n color\n };\n }}\n >\n Approved\n </span>\n </div>\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"flex-end\"\n }}\n >\n <span\n css={({ text, fontSize }) => ({\n color: text.main,\n fontSize: fontSize.regular\n })}\n >\n 100 IXO\n </span>\n <span\n css={({ text, fontSize }) => ({\n color: text.secondary,\n fontSize: fontSize.xs\n })}\n >\n $200.12\n </span>\n </div>\n </li>\n ))}\n\n {summary ? (\n <button\n onClick={summary.onClick}\n css={({ bg, spacing, radius }) => ({\n display: \"flex\",\n width: \"100%\",\n border: \"none\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n backgroundColor: bg.cardHighlight,\n padding: spacing,\n borderRadius: radius.small,\n cursor: \"pointer\",\n marginBottom: spacing * 2\n })}\n >\n <div\n css={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"start\"\n }}\n >\n <Typography.Text color=\"text\" size=\"regular\">\n {summary.title}\n </Typography.Text>\n {summary.description ? (\n <Typography.Text color=\"secondary\" size=\"xs\">\n {summary.description}\n </Typography.Text>\n ) : null}\n </div>\n {summary.actionIcon ? (\n <div\n css={({ colors, radius }) => ({\n width: 32,\n height: 32,\n backgroundColor: colors.focusTransparent10,\n borderRadius: radius.small / 2\n })}\n >\n <summary.actionIcon color=\"primary\" />\n </div>\n ) : null}\n </button>\n ) : null}\n </ul>\n );\n}\n"],"names":["jsxs","jsx","Typography"],"mappings":"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"}