npm - @ixo/ui - Versions diffs - 0.0.39 → 0.1.0 - Mend

@ixo/ui 0.0.39 → 0.1.0

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 (84) hide show

package/dist/constants/mantineTheme.d.ts ADDED Viewed

@@ -0,0 +1,145 @@
+import { MantineColorScheme, MantineThemeOverride } from '@mantine/core';
+import { IPalette } from '../types/IPalette';
+export declare function createDynamicMantineTheme(palette: IPalette, colorScheme?: MantineColorScheme): MantineThemeOverride;
+declare const mantineTheme: {
+    focusRing?: "auto" | "always" | "never" | undefined;
+    scale?: number | undefined;
+    fontSmoothing?: boolean | undefined;
+    white?: string | undefined;
+    black?: string | undefined;
+    colors?: {
+        [x: string & {}]: import('@mantine/core').MantineColorsTuple | undefined;
+        dark?: import('@mantine/core').MantineColorsTuple | undefined;
+        gray?: import('@mantine/core').MantineColorsTuple | undefined;
+        red?: import('@mantine/core').MantineColorsTuple | undefined;
+        pink?: import('@mantine/core').MantineColorsTuple | undefined;
+        grape?: import('@mantine/core').MantineColorsTuple | undefined;
+        violet?: import('@mantine/core').MantineColorsTuple | undefined;
+        indigo?: import('@mantine/core').MantineColorsTuple | undefined;
+        blue?: import('@mantine/core').MantineColorsTuple | undefined;
+        cyan?: import('@mantine/core').MantineColorsTuple | undefined;
+        green?: import('@mantine/core').MantineColorsTuple | undefined;
+        lime?: import('@mantine/core').MantineColorsTuple | undefined;
+        yellow?: import('@mantine/core').MantineColorsTuple | undefined;
+        orange?: import('@mantine/core').MantineColorsTuple | undefined;
+        teal?: import('@mantine/core').MantineColorsTuple | undefined;
+    } | undefined;
+    primaryShade?: import('@mantine/core').MantineColorShade | {
+        light?: import('@mantine/core').MantineColorShade | undefined;
+        dark?: import('@mantine/core').MantineColorShade | undefined;
+    } | undefined;
+    primaryColor?: string | undefined;
+    variantColorResolver?: import('@mantine/core').VariantColorsResolver | undefined;
+    autoContrast?: boolean | undefined;
+    luminanceThreshold?: number | undefined;
+    fontFamily?: string | undefined;
+    fontFamilyMonospace?: string | undefined;
+    headings?: {
+        fontFamily?: string | undefined;
+        fontWeight?: string | undefined;
+        textWrap?: "balance" | "nowrap" | "wrap" | "stable" | "pretty" | undefined;
+        sizes?: {
+            h1?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h2?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h3?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h4?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h5?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h6?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+        } | undefined;
+    } | undefined;
+    radius?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        md?: string | undefined;
+        sm?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    defaultRadius?: import('@mantine/core').MantineRadius | undefined;
+    spacing?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        md?: string | undefined;
+        sm?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    fontSizes?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        md?: string | undefined;
+        sm?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    lineHeights?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        md?: string | undefined;
+        sm?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    breakpoints?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        md?: string | undefined;
+        sm?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    shadows?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        md?: string | undefined;
+        sm?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    respectReducedMotion?: boolean | undefined;
+    cursorType?: "default" | "pointer" | undefined;
+    defaultGradient?: {
+        from?: string | undefined;
+        to?: string | undefined;
+        deg?: number | undefined;
+    } | undefined;
+    activeClassName?: string | undefined;
+    focusClassName?: string | undefined;
+    components?: {
+        [x: string]: {
+            classNames?: any;
+            styles?: any;
+            vars?: any;
+            defaultProps?: any;
+        } | undefined;
+    } | undefined;
+    other?: {
+        [x: string]: any;
+    } | undefined;
+};
+export default mantineTheme;
+//# sourceMappingURL=mantineTheme.d.ts.map

package/dist/constants/mantineTheme.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mantineTheme.d.ts","sourceRoot":"","sources":["../../src/constants/mantineTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAe,MAAM,eAAe,CAAC;AAGtF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAgN7C,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,GAAE,kBAA2B,GAAG,oBAAoB,CAoG3H;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAyC,CAAC;AAE5D,eAAe,YAAY,CAAC"}

package/dist/constants/palette.d.ts ADDED Viewed

@@ -0,0 +1,57 @@
+export declare const IXO_PALETTE: {
+    Neutral50: string;
+    Neutral100: string;
+    Neutral200: string;
+    Neutral300: string;
+    Neutral400: string;
+    Neutral500: string;
+    Neutral600: string;
+    Neutral700: string;
+    Neutral800: string;
+    Black: string;
+    NeutralDark50: string;
+    NeutralDark100: string;
+    NeutralDark200: string;
+    NeutralDark300: string;
+    NeutralDark400: string;
+    NeutralDark500: string;
+    NeutralDark600: string;
+    NeutralDark700: string;
+    NeutralDark800: string;
+    White: string;
+    WhiteSecondary: string;
+    accentActive: string;
+    accentSecondary: string;
+    accentHover: string;
+    accentLight: string;
+    companionBlue: string;
+    accentLighter: string;
+    accentDarker: string;
+    darkestBlue: string;
+    contributionBlue: string;
+    dangerFull: string;
+    dangerBrighter: string;
+    dangerBright: string;
+    dangerDark: string;
+    successFull: string;
+    successDarker: string;
+    successBright: string;
+    successSecondary: string;
+    orangeFull: string;
+    orangeBright: string;
+    transparent: string;
+    whiteTransparentDarker: string;
+    whiteTransparent: string;
+    whiteTransparentSecondary: string;
+    successTransparent: string;
+    glass: string;
+    glassGradient: string;
+    glassDarker: string;
+    glassLighter: string;
+    offsetCertificateGradient: string;
+    contributionCertificateGradient: string;
+    carbonCertificateGradient: string;
+    shadowGradient: string;
+};
+export declare function hexToRgb(hex: string, rate: number): string;
+//# sourceMappingURL=palette.d.ts.map

package/dist/constants/palette.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/constants/palette.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EvB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAU1D"}

package/dist/export/components.cjs CHANGED Viewed

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

package/dist/export/components.mjs CHANGED Viewed

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

package/dist/export/icons/index.cjs CHANGED Viewed

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

package/dist/export/icons/index.mjs CHANGED Viewed

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

package/dist/hooks/usePalette.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IXO_PALETTE } from '../constants/palette';
+export default function usePalette(): typeof IXO_PALETTE;
+//# sourceMappingURL=usePalette.d.ts.map

package/dist/hooks/usePalette.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"usePalette.d.ts","sourceRoot":"","sources":["../../src/hooks/usePalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,CAAC,OAAO,UAAU,UAAU,IACV,OAAO,WAAW,CACzC"}

package/dist/{index-DZdPdzVn.cjs → index-8mrl_91C.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-Dh6ajpNG.cjs");
+const export_components = require("./components-DH1wUH8v.cjs");
 const constants = require("./constants-DFJRYpE2.cjs");
 const CONTROL_BTN_SIZE = 25;
 function ControlIcon({ icon: Icon, className, hasHover, disabled, onClick }) {
@@ -164,4 +164,4 @@ function Header({ icon, title, badge, controls, onClick }) {
   );
 }
 exports.default = Header;
-//# sourceMappingURL=index-DZdPdzVn.cjs.map
+//# sourceMappingURL=index-8mrl_91C.cjs.map

package/dist/{index-DZdPdzVn.cjs.map → index-8mrl_91C.cjs.map} RENAMED Viewed

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

package/dist/{index-CJ6bEuh4.cjs → index-B3UsRV_8.cjs} RENAMED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const react = require("react");
-const export_components = require("./components-Dh6ajpNG.cjs");
-const UsersSolid = require("./UsersSolid-DjJvkV7c.cjs");
+const export_components = require("./components-DH1wUH8v.cjs");
+const UsersSolid = require("./UsersSolid-C29C53eo.cjs");
 function Header({ user, onClose, onHeaderClick, icon, title, moreMenu, action }) {
   const wrapperRef = react.useRef(null);
   const handleHeaderClick = react.useCallback(
@@ -63,4 +63,4 @@ function Header({ user, onClose, onHeaderClick, icon, title, moreMenu, action })
   );
 }
 exports.default = Header;
-//# sourceMappingURL=index-CJ6bEuh4.cjs.map
+//# sourceMappingURL=index-B3UsRV_8.cjs.map

package/dist/{index-CJ6bEuh4.cjs.map → index-B3UsRV_8.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~CJ6bEuh4~~.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-B3UsRV_8.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-9UUyZZ-F.js → index-BQ756FwG.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import { C as CardActionButton } from "./index-Ct0LG7BZ.js";
-import { S as Spacer, L as Loader, T as Typography, F as FeedbackMessage } from "./components-HlNIe7CZ.js";
+import { C as CardActionButton } from "./index-wQ0-D7du.js";
+import { S as Spacer, L as Loader, T as Typography, F as FeedbackMessage } from "./components-Dd5AcCq0.js";
 function Footer({ actions, loadingMessage, feedbackMessage }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -61,4 +61,4 @@ function Footer({ actions, loadingMessage, feedbackMessage }) {
 export {
   Footer as default
 };
-//# sourceMappingURL=index-9UUyZZ-F.js.map
+//# sourceMappingURL=index-BQ756FwG.js.map

package/dist/{index-9UUyZZ-F.js.map → index-BQ756FwG.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~9UUyZZ-F~~.js","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":[],"mappings":";;;AAUA,SAAwB,OAAO,EAAE,SAAS,gBAAgB,mBAAwC;AAChG,SACE;AAAA,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,iBACE;AAAA,YAAC;AAAA,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,WAClB;AAAA,gBAAC;AAAA,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,iBACE,qBAAC,QAAA,EAAO,KAAK,CAAC,EAAE,QAAA,OAAe,EAAE,SAAS,UAAU,EAAA,IAAM,YAAW,UAAS,gBAAe,UAC3F,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAO,MAAM,GAAA,CAAI;AAAA,gCACjB,WAAW,MAAX,EAAgB,OAAM,aAAa,UAAA,eAAA,CAAe;AAAA,UAAA,GACrD;AAAA,QAEJ;AAEA,YAAI,iBAAiB;AACnB,iBACE;AAAA,YAAC;AAAA,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;"}
1	+ {"version":3,"file":"index-BQ756FwG.js","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":[],"mappings":";;;AAUA,SAAwB,OAAO,EAAE,SAAS,gBAAgB,mBAAwC;AAChG,SACE;AAAA,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,iBACE;AAAA,YAAC;AAAA,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,WAClB;AAAA,gBAAC;AAAA,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,iBACE,qBAAC,QAAA,EAAO,KAAK,CAAC,EAAE,QAAA,OAAe,EAAE,SAAS,UAAU,EAAA,IAAM,YAAW,UAAS,gBAAe,UAC3F,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAO,MAAM,GAAA,CAAI;AAAA,gCACjB,WAAW,MAAX,EAAgB,OAAM,aAAa,UAAA,eAAA,CAAe;AAAA,UAAA,GACrD;AAAA,QAEJ;AAEA,YAAI,iBAAiB;AACnB,iBACE;AAAA,YAAC;AAAA,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-BSpy7S9t.cjs → index-BwFcOXoo.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-Dh6ajpNG.cjs");
+const export_components = require("./components-DH1wUH8v.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-BSpy7S9t.cjs.map
+//# sourceMappingURL=index-BwFcOXoo.cjs.map

package/dist/{index-BSpy7S9t.cjs.map → index-BwFcOXoo.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~BSpy7S9t~~.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;;"}
1	+ {"version":3,"file":"index-BwFcOXoo.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-B279S1ib.cjs → index-C9TPn4gB.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-Dh6ajpNG.cjs");
+const export_components = require("./components-DH1wUH8v.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-B279S1ib.cjs.map
+//# sourceMappingURL=index-C9TPn4gB.cjs.map

package/dist/{index-B279S1ib.cjs.map → index-C9TPn4gB.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~B279S1ib~~.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-C9TPn4gB.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-Cc8QzwfQ.cjs → index-CEnAOLa3.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-Dh6ajpNG.cjs");
+const export_components = require("./components-DH1wUH8v.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-Cc8QzwfQ.cjs.map
+//# sourceMappingURL=index-CEnAOLa3.cjs.map

package/dist/{index-Cc8QzwfQ.cjs.map → index-CEnAOLa3.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~Cc8QzwfQ~~.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;;"}
1	+ {"version":3,"file":"index-CEnAOLa3.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-CHd1dAzt.js → index-CHxc81t7.js} RENAMED Viewed

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

package/dist/{index-CHd1dAzt.js.map → index-CHxc81t7.js.map} RENAMED Viewed

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