@relayprotocol/relay-kit-ui 7.1.5 → 8.0.0

package/_cjs/src/components/common/UnverifiedTokenModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnverifiedTokenModal.js","sourceRoot":"","sources":["../../../../src/components/common/UnverifiedTokenModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UnverifiedTokenModal.js","sourceRoot":"","sources":["../../../../src/components/common/UnverifiedTokenModal.tsx"],"names":[],"mappings":"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"}

package/_cjs/src/components/primitives/AccessibleList.js

@@ -5,29 +5,13 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const ToggleGroup = tslib_1.__importStar(require("@radix-ui/react-toggle-group"));
-const css_1 = require("@relayprotocol/relay-design-system/css");
-const AccessibleListContainerCss = (0, css_1.cva)({
-    base: {
-        display: 'flex',
-        flexDirection: 'column'
-    }
-});
-const AccessibleListItemCss = (0, css_1.cva)({
-    base: {
-        display: 'flex',
-        alignItems: 'center',
-        position: 'relative',
-        userSelect: 'none',
-        cursor: 'pointer',
-        '&[data-state=on]': {}
-    }
-});
-const AccessibleList = ({ children, onSelect, css }) => {
-    return ((0, jsx_runtime_1.jsx)(ToggleGroup.Root, { type: "single", loop: false, onValueChange: onSelect, className: (0, css_1.css)(AccessibleListContainerCss.raw(), css_1.css.raw(css)), children: children }));
+const cn_js_1 = require("../../utils/cn.js");
+const AccessibleList = ({ children, onSelect, className }) => {
+    return ((0, jsx_runtime_1.jsx)(ToggleGroup.Root, { type: "single", loop: false, onValueChange: onSelect, className: (0, cn_js_1.cn)('relay:flex relay:flex-col', className), children: children }));
 };
 exports.AccessibleList = AccessibleList;
-exports.AccessibleListItem = (0, react_1.forwardRef)(({ children, value, css, asChild, ...props }, forwardedRef) => {
-    return ((0, jsx_runtime_1.jsx)(ToggleGroup.Item, { value: value, className: (0, css_1.css)(AccessibleListItemCss.raw(), css_1.css.raw(css)), asChild: asChild, ...props, ref: forwardedRef, children: children }));
+exports.AccessibleListItem = (0, react_1.forwardRef)(({ children, value, className, asChild, ...props }, forwardedRef) => {
+    return ((0, jsx_runtime_1.jsx)(ToggleGroup.Item, { value: value, className: (0, cn_js_1.cn)('relay:flex relay:items-center relay:relative relay:select-none relay:cursor-pointer', className), asChild: asChild, ...props, ref: forwardedRef, children: children }));
 });
 exports.AccessibleListItem.displayName = 'AccessibleListItem';
 //# sourceMappingURL=AccessibleList.js.map

package/_cjs/src/components/primitives/AccessibleList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessibleList.js","sourceRoot":"","sources":["../../../../src/components/primitives/AccessibleList.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAkD;AAClD,kFAA2D;AAC3D,gEAI+C;AAE/C,MAAM,0BAA0B,GAAG,IAAA,SAAG,EAAC;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,IAAA,SAAG,EAAC;IAChC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,SAAS;QACjB,kBAAkB,EAAE,EAAE;KACvB;CACF,CAAC,CAAA;AAQK,MAAM,cAAc,GAA4B,CAAC,EACtD,QAAQ,EACR,QAAQ,EACR,GAAG,EACJ,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,WAAW,CAAC,IAAI,IACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,EACX,aAAa,EAAE,QAAQ,EACvB,SAAS,EAAE,IAAA,SAAS,EAClB,0BAA0B,CAAC,GAAG,EAAE,EAChC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CACnB,YAEA,QAAQ,GACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,cAAc,kBAkB1B;AASY,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAG1C,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9D,OAAO,CACL,uBAAC,WAAW,CAAC,IAAI,IACf,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,SAAS,EAAC,qBAAqB,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EACrE,OAAO,EAAE,OAAO,KACZ,KAAK,EACT,GAAG,EAAE,YAAY,YAEhB,QAAQ,GACQ,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}
+{"version":3,"file":"AccessibleList.js","sourceRoot":"","sources":["../../../../src/components/primitives/AccessibleList.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAkD;AAClD,kFAA2D;AAC3D,6CAAsC;AAQ/B,MAAM,cAAc,GAA4B,CAAC,EACtD,QAAQ,EACR,QAAQ,EACR,SAAS,EACV,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,WAAW,CAAC,IAAI,IACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,EACX,aAAa,EAAE,QAAQ,EACvB,SAAS,EAAE,IAAA,UAAE,EAAC,2BAA2B,EAAE,SAAS,CAAC,YAEpD,QAAQ,GACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,cAAc,kBAe1B;AASY,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAG1C,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IACpE,OAAO,CACL,uBAAC,WAAW,CAAC,IAAI,IACf,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,UAAE,EACX,qFAAqF,EACrF,SAAS,CACV,EACD,OAAO,EAAE,OAAO,KACZ,KAAK,EACT,GAAG,EAAE,YAAY,YAEhB,QAAQ,GACQ,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}

package/_cjs/src/components/primitives/Anchor.js

@@ -2,55 +2,32 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnchorButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const css_1 = require("@relayprotocol/relay-design-system/css");
-const AnchorStyle = (0, css_1.cva)({
-    base: {
-        cursor: 'pointer',
-        width: 'max-content',
-        fontWeight: 500,
-        fontSize: 14,
-        color: 'anchor-color',
-        _hover: {
-            color: 'anchor-hover-color'
-        },
-        '--focusColor': 'colors.focus-color',
-        _focusVisible: {
-            boxShadow: '0 0 0 2px var(--focusColor)',
-            outline: 'none',
-            borderRadius: '4px'
-        }
-    },
+const class_variance_authority_1 = require("class-variance-authority");
+const cn_js_1 = require("../../utils/cn.js");
+const anchorVariants = (0, class_variance_authority_1.cva)([
+    'relay:cursor-pointer relay:w-max relay:font-medium relay:text-[14px]',
+    'relay:text-[color:var(--relay-colors-anchor-color)]',
+    'relay:hover:text-[color:var(--relay-colors-anchor-hover-color)]',
+    'relay:focus-visible:shadow-[0_0_0_2px_var(--relay-colors-focus-color)] relay:focus-visible:outline-none relay:focus-visible:rounded-[4px]'
+].join(' '), {
     variants: {
         color: {
-            gray: {
-                color: 'gray11',
-                _hover: { color: 'gray12' }
-            },
-            base: {
-                color: 'anchor-color',
-                _hover: {
-                    color: 'anchor-hover-color'
-                }
-            },
-            black: {
-                color: 'gray12',
-                _hover: {
-                    color: 'gray12'
-                }
-            }
+            gray: 'relay:text-[color:var(--relay-colors-gray11)] relay:hover:text-[color:var(--relay-colors-gray12)]',
+            base: 'relay:text-[color:var(--relay-colors-anchor-color)] relay:hover:text-[color:var(--relay-colors-anchor-hover-color)]',
+            black: 'relay:text-[color:var(--relay-colors-gray12)] relay:hover:text-[color:var(--relay-colors-gray12)]'
         },
         weight: {
-            heavy: { fontWeight: 900 },
-            bold: { fontWeight: 700 },
-            semi_bold: { fontWeight: 600 }
+            heavy: 'relay:font-black',
+            bold: 'relay:font-bold',
+            semi_bold: 'relay:font-semibold'
         }
     }
 });
-const Anchor = ({ css, weight, color, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("a", { ...props, className: (0, css_1.css)(AnchorStyle.raw({ weight, color }), css_1.css.raw(css)) }));
+const Anchor = ({ className, weight, color, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)("a", { ...props, className: (0, cn_js_1.cn)(anchorVariants({ weight, color }), className) }));
 };
-const AnchorButton = ({ css, weight, color, children, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("button", { ...props, className: (0, css_1.css)(AnchorStyle.raw({ weight, color }), css_1.css.raw(css)), children: children }));
+const AnchorButton = ({ className, weight, color, children, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)("button", { ...props, className: (0, cn_js_1.cn)(anchorVariants({ weight, color }), className), children: children }));
 };
 exports.AnchorButton = AnchorButton;
 exports.default = Anchor;

package/_cjs/src/components/primitives/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../../../src/components/primitives/Anchor.tsx"],"names":[],"mappings":";;;;AAAA,gEAI+C;AAG/C,MAAM,WAAW,GAAG,IAAA,SAAG,EAAC;IACtB,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE;YACN,KAAK,EAAE,oBAAoB;SAC5B;QACD,cAAc,EAAE,oBAAoB;QACpC,aAAa,EAAE;YACb,SAAS,EAAE,6BAA6B;YACxC,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,KAAK;SACpB;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;aAC5B;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,cAAc;gBACrB,MAAM,EAAE;oBACN,KAAK,EAAE,oBAAoB;iBAC5B;aACF;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE;oBACN,KAAK,EAAE,QAAQ;iBAChB;aACF;SACF;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;YAC1B,IAAI,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;YACzB,SAAS,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;SAC/B;KACF;CACF,CAAC,CAAA;AAIF,MAAM,MAAM,GAER,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvC,OAAO,CACL,iCACM,KAAK,EACT,SAAS,EAAE,IAAA,SAAS,EAClB,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAClC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CACnB,GACE,CACN,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,YAAY,GAErB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjD,OAAO,CACL,sCACM,KAAK,EACT,SAAS,EAAE,IAAA,SAAS,EAClB,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAClC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CACnB,YAEA,QAAQ,GACF,CACV,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,YAAY,gBAcxB;AAED,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"Anchor.js","sourceRoot":"","sources":["../../../../src/components/primitives/Anchor.tsx"],"names":[],"mappings":";;;;AAAA,uEAAiE;AAEjE,6CAAsC;AAEtC,MAAM,cAAc,GAAG,IAAA,8BAAG,EACxB;IACE,sEAAsE;IACtE,qDAAqD;IACrD,iEAAiE;IACjE,2IAA2I;CAC5I,CAAC,IAAI,CAAC,GAAG,CAAC,EACX;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,mGAAmG;YACzG,IAAI,EAAE,qHAAqH;YAC3H,KAAK,EAAE,mGAAmG;SAC3G;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kBAAkB;YACzB,IAAI,EAAE,iBAAiB;YACvB,SAAS,EAAE,qBAAqB;SACjC;KACF;CACF,CACF,CAAA;AAID,MAAM,MAAM,GAER,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7C,OAAO,CACL,iCACM,KAAK,EACT,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,GAC3D,CACH,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,YAAY,GAErB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvD,OAAO,CACL,sCACM,KAAK,EACT,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,YAE1D,QAAQ,GACF,CACV,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,YAAY,gBAWxB;AAED,kBAAe,MAAM,CAAA"}

package/_cjs/src/components/primitives/Box.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const css_1 = require("@relayprotocol/relay-design-system/css");
-const BoxCss = (0, css_1.cva)({});
-const Box = ({ css, children, id, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.css)(BoxCss.raw(props), css_1.css.raw(css)), id: id, children: children }));
+const cn_js_1 = require("../../utils/cn.js");
+const Box = ({ className, children, id }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_js_1.cn)(className), id: id, children: children }));
 };
 exports.default = Box;
 //# sourceMappingURL=Box.js.map

package/_cjs/src/components/primitives/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/primitives/Box.tsx"],"names":[],"mappings":";;;AAAA,gEAI+C;AAG/C,MAAM,MAAM,GAAG,IAAA,SAAG,EAAC,EAAE,CAAC,CAAA;AAItB,MAAM,GAAG,GAEL,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtC,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,SAAS,EAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,YACrE,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,GAAG,CAAA"}
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/primitives/Box.tsx"],"names":[],"mappings":";;;AACA,6CAAsC;AAEtC,MAAM,GAAG,GAEL,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE;IAClC,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,YAClC,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,GAAG,CAAA"}

package/_cjs/src/components/primitives/Button.js

@@ -1,137 +1,76 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const css_1 = require("@relayprotocol/relay-design-system/css");
+const class_variance_authority_1 = require("class-variance-authority");
 const react_1 = require("react");
-const ButtonCss = (0, css_1.cva)({
-    base: {
-        cursor: 'pointer',
-        outline: 'none',
-        fontFamily: 'body',
-        fontWeight: 700,
-        fontSize: 16,
-        transition: 'background-color 250ms linear',
-        gap: '2',
-        display: 'inline-flex',
-        alignItems: 'center',
-        lineHeight: '20px',
-        '--focusColor': 'colors.focus-color',
-        _focusVisible: {
-            boxShadow: '0 0 0 2px var(--focusColor)'
-        },
-        _disabled: {
-            cursor: 'not-allowed',
-            backgroundColor: 'button-disabled-background',
-            color: 'button-disabled-color',
-            _hover: {
-                backgroundColor: 'button-disabled-background',
-                color: 'button-disabled-color'
-            }
-        }
-    },
+const cn_js_1 = require("../../utils/cn.js");
+const buttonVariants = (0, class_variance_authority_1.cva)([
+    'relay:cursor-pointer relay:outline-none relay:font-body relay:font-bold relay:text-[16px]',
+    'relay:transition-all relay:duration-200 relay:ease-out relay:select-none',
+    'relay:gap-2 relay:inline-flex relay:items-center relay:leading-[20px]',
+    'relay:focus-visible:ring-2 relay:focus-visible:ring-[var(--relay-colors-focus-color)] relay:focus-visible:ring-offset-2',
+    'relay:active:scale-[0.98]',
+    'relay:disabled:cursor-not-allowed relay:disabled:bg-[var(--relay-colors-button-disabled-background)] relay:disabled:text-[color:var(--relay-colors-button-disabled-color)]',
+    'relay:disabled:hover:bg-[var(--relay-colors-button-disabled-background)] relay:disabled:hover:text-[color:var(--relay-colors-button-disabled-color)]',
+    'relay:disabled:active:scale-100'
+].join(' '), {
     variants: {
         color: {
-            primary: {
-                backgroundColor: 'primary-button-background',
-                color: 'primary-button-color',
-                '&:hover': {
-                    backgroundColor: 'primary-button-hover-background',
-                    color: 'primary-button-hover-color'
-                }
-            },
-            secondary: {
-                backgroundColor: 'primary4',
-                color: 'primary12',
-                '&:hover': {
-                    backgroundColor: 'secondary-button-hover-background',
-                    color: 'secondary-button-hover-color'
-                }
-            },
-            ghost: {
-                color: 'text-default',
-                backgroundColor: 'transparent'
-            },
-            white: {
-                '--borderColor': 'colors.subtle-border-color',
-                backgroundColor: 'widget-background',
-                transition: 'filter 250ms linear',
-                '&:hover': {
-                    filter: 'brightness(97%)'
-                },
-                border: '1px solid var(--borderColor)'
-            },
-            error: {
-                backgroundColor: 'red9',
-                color: 'white',
-                '&:hover': {
-                    backgroundColor: 'red10'
-                }
-            },
-            warning: {
-                backgroundColor: 'amber3',
-                color: 'amber11',
-                '&:hover': {
-                    backgroundColor: 'amber4',
-                    color: 'amber11'
-                }
-            },
-            grey: {
-                backgroundColor: 'gray3',
-                color: 'gray11',
-                '&:hover': {
-                    backgroundColor: 'gray4'
-                }
-            }
+            primary: [
+                'relay:bg-[var(--relay-colors-primary-button-background)]',
+                'relay:text-[color:var(--relay-colors-primary-button-color)]',
+                'relay:hover:bg-[var(--relay-colors-primary-button-hover-background)]',
+                'relay:hover:text-[color:var(--relay-colors-primary-button-hover-color)]'
+            ].join(' '),
+            secondary: [
+                'relay:bg-[var(--relay-colors-primary4)]',
+                'relay:text-[color:var(--relay-colors-primary12)]',
+                'relay:hover:bg-[var(--relay-colors-secondary-button-hover-background)]',
+                'relay:hover:text-[color:var(--relay-colors-secondary-button-hover-color)]'
+            ].join(' '),
+            ghost: 'relay:bg-transparent',
+            white: [
+                'relay:bg-[var(--relay-colors-widget-background)]',
+                'relay:transition-[filter] relay:duration-[250ms] relay:ease-linear',
+                'relay:hover:brightness-[0.97]',
+                'relay:border relay:border-solid relay:border-[var(--relay-colors-subtle-border-color)]'
+            ].join(' '),
+            error: [
+                'relay:bg-[var(--relay-colors-red9)] relay:text-white',
+                'relay:hover:bg-[var(--relay-colors-red10)]'
+            ].join(' '),
+            warning: [
+                'relay:bg-[var(--relay-colors-amber3)]',
+                'relay:text-[color:var(--relay-colors-amber11)]',
+                'relay:hover:bg-[var(--relay-colors-amber4)]',
+                'relay:hover:text-[color:var(--relay-colors-amber11)]'
+            ].join(' '),
+            grey: [
+                'relay:bg-[var(--relay-colors-gray3)]',
+                'relay:text-[color:var(--relay-colors-gray11)]',
+                'relay:hover:bg-[var(--relay-colors-gray4)]'
+            ].join(' ')
         },
         corners: {
-            square: {
-                borderRadius: 0
-            },
-            rounded: {
-                borderRadius: 12
-            },
-            pill: {
-                borderRadius: 99999
-            },
-            circle: {
-                borderRadius: '99999px',
-                alignItems: 'center',
-                justifyContent: 'center'
-            }
+            square: 'relay:rounded-none',
+            rounded: 'relay:rounded-[var(--relay-radii-button-border-radius)]',
+            pill: 'relay:rounded-full',
+            circle: 'relay:rounded-full relay:items-center relay:justify-center'
         },
         size: {
-            none: {},
-            xs: {
-                p: '3',
-                lineHeight: '16px',
-                minHeight: 40
-            },
-            small: {
-                px: '3',
-                py: '2',
-                lineHeight: '12px',
-                minHeight: 40
-            },
-            medium: {
-                px: '5',
-                py: '3',
-                minHeight: 44
-            },
-            large: {
-                px: '5',
-                py: '4',
-                minHeight: 52
-            }
+            none: '',
+            xs: 'relay:p-3 relay:leading-[16px] relay:min-h-[40px]',
+            small: 'relay:px-3 relay:py-2 relay:leading-[12px] relay:min-h-[40px]',
+            medium: 'relay:px-5 relay:py-3 relay:min-h-[44px]',
+            large: 'relay:px-5 relay:py-4 relay:min-h-[52px]'
         },
         cta: {
-            true: {
-                '&:not(:disabled)': {
-                    fontFamily: 'heading',
-                    fontWeight: 700,
-                    textTransform: 'uppercase',
-                    fontStyle: 'var(--relay-fonts-button-cta-font-style, italic)'
-                }
-            }
+            true: [
+                'relay:[&:not(:disabled)]:font-heading',
+                'relay:[&:not(:disabled)]:font-bold',
+                'relay:[&:not(:disabled)]:uppercase',
+                'relay:cta-font-style'
+            ].join(' ')
         }
     },
     defaultVariants: {
@@ -140,9 +79,9 @@ const ButtonCss = (0, css_1.cva)({
         size: 'medium'
     }
 });
-const Button = (0, react_1.forwardRef)(({ css, children, ...props }, forwardedRef) => {
+const Button = (0, react_1.forwardRef)(({ className, children, style, ...props }, forwardedRef) => {
     const { color, size, corners, cta, ...buttonProps } = { ...props };
-    return ((0, jsx_runtime_1.jsx)("button", { ...buttonProps, ref: forwardedRef, className: (0, css_1.css)(ButtonCss.raw({ color, size, corners, cta }), css_1.css.raw(css)), children: children }));
+    return ((0, jsx_runtime_1.jsx)("button", { ...buttonProps, ref: forwardedRef, className: (0, cn_js_1.cn)(buttonVariants({ color, size, corners, cta }), className), style: style, children: children }));
 });
 exports.default = Button;
 //# sourceMappingURL=Button.js.map

package/_cjs/src/components/primitives/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/primitives/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/primitives/Button.tsx"],"names":[],"mappings":";;;AAAA,uEAAiE;AACjE,iCAA6D;AAC7D,6CAAsC;AAEtC,MAAM,cAAc,GAAG,IAAA,8BAAG,EACxB;IACE,2FAA2F;IAC3F,0EAA0E;IAC1E,uEAAuE;IACvE,yHAAyH;IACzH,2BAA2B;IAC3B,4KAA4K;IAC5K,sJAAsJ;IACtJ,iCAAiC;CAClC,CAAC,IAAI,CAAC,GAAG,CAAC,EACX;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,0DAA0D;gBAC1D,6DAA6D;gBAC7D,sEAAsE;gBACtE,yEAAyE;aAC1E,CAAC,IAAI,CAAC,GAAG,CAAC;YACX,SAAS,EAAE;gBACT,yCAAyC;gBACzC,kDAAkD;gBAClD,wEAAwE;gBACxE,2EAA2E;aAC5E,CAAC,IAAI,CAAC,GAAG,CAAC;YACX,KAAK,EAAE,sBAAsB;YAC7B,KAAK,EAAE;gBACL,kDAAkD;gBAClD,oEAAoE;gBACpE,+BAA+B;gBAC/B,wFAAwF;aACzF,CAAC,IAAI,CAAC,GAAG,CAAC;YACX,KAAK,EAAE;gBACL,sDAAsD;gBACtD,4CAA4C;aAC7C,CAAC,IAAI,CAAC,GAAG,CAAC;YACX,OAAO,EAAE;gBACP,uCAAuC;gBACvC,gDAAgD;gBAChD,6CAA6C;gBAC7C,sDAAsD;aACvD,CAAC,IAAI,CAAC,GAAG,CAAC;YACX,IAAI,EAAE;gBACJ,sCAAsC;gBACtC,+CAA+C;gBAC/C,4CAA4C;aAC7C,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;QACD,OAAO,EAAE;YACP,MAAM,EAAE,oBAAoB;YAC5B,OAAO,EAAE,yDAAyD;YAClE,IAAI,EAAE,oBAAoB;YAC1B,MAAM,EAAE,4DAA4D;SACrE;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;YACR,EAAE,EAAE,mDAAmD;YACvD,KAAK,EAAE,+DAA+D;YACtE,MAAM,EAAE,0CAA0C;YAClD,KAAK,EAAE,0CAA0C;SAClD;QACD,GAAG,EAAE;YACH,IAAI,EAAE;gBACJ,uCAAuC;gBACvC,oCAAoC;gBACpC,oCAAoC;gBACpC,sBAAsB;aACvB,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;KACf;CACF,CACF,CAAA;AAID,MAAM,MAAM,GAAG,IAAA,kBAAU,EAIvB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC3D,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAA;IAClE,OAAO,CACL,sCACM,WAAW,EACf,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,UAAE,EACX,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAC7C,SAAS,CACV,EACD,KAAK,EAAE,KAAK,YAEX,QAAQ,GACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,MAAM,CAAA"}

package/_cjs/src/components/primitives/ChainIcon.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const index_js_1 = require("./index.js");
 const useRelayClient_js_1 = tslib_1.__importDefault(require("../../hooks/useRelayClient.js"));
 const RelayKitProvider_js_1 = require("../../providers/RelayKitProvider.js");
-const ChainIcon = ({ chainId, css = {}, height = 14, width = 14, square = true, borderRadius = 4 }) => {
+const cn_js_1 = require("../../utils/cn.js");
+const ChainIcon = ({ chainId, className, height = 14, width = 14, square = true, borderRadius = 4 }) => {
     const providerOptions = (0, react_1.useContext)(RelayKitProvider_js_1.ProviderOptionsContext);
     const client = (0, useRelayClient_js_1.default)();
     const chain = chainId
@@ -18,18 +18,14 @@ const ChainIcon = ({ chainId, css = {}, height = 14, width = 14, square = true,
             : chain.icon?.light
         : null;
     const iconUrl = square && icon ? icon.replace('/icons/', '/icons/square/') : icon;
-    return iconUrl ? ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: {
-            display: 'flex',
-            flexShrink: 0,
-            ...css
-        }, style: {
+    return iconUrl ? ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_js_1.cn)('relay:flex relay:shrink-0', className), style: {
             height: height,
             width: width,
             borderRadius: borderRadius
         }, children: iconUrl ? ((0, jsx_runtime_1.jsx)("img", { src: iconUrl, alt: `Chain #${chainId}`, style: {
                 borderRadius: square ? borderRadius : 0,
-                width: css && css.width ? Number(css.width) : '100%',
-                height: css && css.height ? Number(css.height) : '100%'
+                width: '100%',
+                height: '100%'
             } })) : null })) : null;
 };
 exports.default = ChainIcon;

package/_cjs/src/components/primitives/ChainIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainIcon.js","sourceRoot":"","sources":["../../../../src/components/primitives/ChainIcon.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2C;AAC3C,yCAAiC;AACjC,8FAA0D;AAE1D,6EAA4E;AAW5E,MAAM,SAAS,GAAc,CAAC,EAC5B,OAAO,EACP,GAAG,GAAG,EAAE,EACR,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,IAAI,EACb,YAAY,GAAG,CAAC,EACjB,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,4CAAsB,CAAC,CAAA;IAC1D,MAAM,MAAM,GAAG,IAAA,2BAAc,GAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,OAAO;QACnB,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC;QACvD,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,IAAI,GAAG,KAAK;QAChB,CAAC,CAAC,eAAe,CAAC,WAAW,KAAK,MAAM;YACtC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK;YACvC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK;QACrB,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,OAAO,GACX,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAEnE,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,uBAAC,eAAI,IACH,GAAG,EAAE;YACH,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,CAAC;YACb,GAAG,GAAG;SACP,EACD,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,KAAK;YACZ,YAAY,EAAE,YAAY;SAC3B,YAEA,OAAO,CAAC,CAAC,CAAC,CACT,gCACE,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,UAAU,OAAO,EAAE,EACxB,KAAK,EAAE;gBACL,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBACvC,KAAK,EAAE,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM;gBACpD,MAAM,EAAE,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM;aACxD,GACD,CACH,CAAC,CAAC,CAAC,IAAI,GACH,CACR,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}
+{"version":3,"file":"ChainIcon.js","sourceRoot":"","sources":["../../../../src/components/primitives/ChainIcon.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2C;AAC3C,8FAA0D;AAC1D,6EAA4E;AAC5E,6CAAsC;AAWtC,MAAM,SAAS,GAAc,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,IAAI,EACb,YAAY,GAAG,CAAC,EACjB,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,4CAAsB,CAAC,CAAA;IAC1D,MAAM,MAAM,GAAG,IAAA,2BAAc,GAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,OAAO;QACnB,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC;QACvD,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,IAAI,GAAG,KAAK;QAChB,CAAC,CAAC,eAAe,CAAC,WAAW,KAAK,MAAM;YACtC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK;YACvC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK;QACrB,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,OAAO,GACX,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAEnE,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,gCACE,SAAS,EAAE,IAAA,UAAE,EAAC,2BAA2B,EAAE,SAAS,CAAC,EACrD,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,KAAK;YACZ,YAAY,EAAE,YAAY;SAC3B,YAEA,OAAO,CAAC,CAAC,CAAC,CACT,gCACE,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,UAAU,OAAO,EAAE,EACxB,KAAK,EAAE;gBACL,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBACvC,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf,GACD,CACH,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}

package/_cjs/src/components/primitives/ChainTokenIcon.js

@@ -3,10 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChainTokenIcon = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Flex_js_1 = tslib_1.__importDefault(require("./Flex.js"));
 const ChainIcon_js_1 = tslib_1.__importDefault(require("./ChainIcon.js"));
-const Box_js_1 = tslib_1.__importDefault(require("./Box.js"));
 const Text_js_1 = tslib_1.__importDefault(require("./Text.js"));
+const cn_js_1 = require("../../utils/cn.js");
 const SIZES = {
     sm: {
         token: 20,
@@ -25,39 +24,21 @@ const SIZES = {
         chain: 18
     }
 };
-const ChainTokenIcon = ({ chainId, tokenlogoURI, tokenSymbol, css = {}, size = 'md', chainRadius = 4, chainIconSize }) => {
+const ChainTokenIcon = ({ chainId, tokenlogoURI, tokenSymbol, className, size = 'md', chainRadius = 4, chainIconSize }) => {
     const isValidTokenLogo = tokenlogoURI && tokenlogoURI !== 'missing.png';
     const dimensions = SIZES[size];
     const chainSize = chainIconSize ?? dimensions.chain;
-    return chainId ? ((0, jsx_runtime_1.jsxs)(Flex_js_1.default, { css: {
-            position: 'relative',
-            flexShrink: 0,
+    return chainId ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_js_1.cn)('relay:relative relay:shrink-0 relay:overflow-hidden', className), style: {
             width: dimensions.token,
             height: dimensions.token,
-            overflow: 'hidden',
-            borderRadius: chainRadius,
-            ...css
+            borderRadius: chainRadius
         }, children: [isValidTokenLogo ? ((0, jsx_runtime_1.jsx)("img", { alt: 'Token', src: tokenlogoURI, width: dimensions.token, height: dimensions.token, style: {
                     borderRadius: 9999,
                     overflow: 'hidden'
-                } })) : tokenSymbol ? ((0, jsx_runtime_1.jsx)(Box_js_1.default, { css: {
+                } })) : tokenSymbol ? ((0, jsx_runtime_1.jsx)("div", { className: "relay:rounded-[50%] relay:bg-[var(--relay-colors-primary4)] relay:text-[color:var(--relay-colors-primary8)] relay:flex relay:items-center relay:justify-center", style: {
                     width: dimensions.token,
-                    height: dimensions.token,
-                    borderRadius: '50%',
-                    backgroundColor: 'primary4',
-                    color: 'primary8',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center'
-                }, children: (0, jsx_runtime_1.jsx)(Text_js_1.default, { style: "h6", children: tokenSymbol?.charAt(0).toUpperCase() }) })) : null, (0, jsx_runtime_1.jsx)(ChainIcon_js_1.default, { chainId: chainId, width: chainSize, height: chainSize, borderRadius: chainRadius, css: {
-                    position: 'absolute',
-                    right: 0,
-                    bottom: 0,
-                    overflow: 'hidden',
-                    '--borderColor': 'colors.modal-background',
-                    border: '1px solid var(--borderColor)',
-                    backgroundColor: 'modal-background'
-                } })] })) : null;
+                    height: dimensions.token
+                }, children: (0, jsx_runtime_1.jsx)(Text_js_1.default, { style: "h6", children: tokenSymbol?.charAt(0).toUpperCase() }) })) : null, (0, jsx_runtime_1.jsx)(ChainIcon_js_1.default, { chainId: chainId, width: chainSize, height: chainSize, borderRadius: chainRadius, className: "relay:absolute relay:right-0 relay:bottom-0 relay:overflow-hidden relay:border relay:border-solid relay:border-[var(--relay-colors-modal-background)] relay:bg-[var(--relay-colors-modal-background)]" })] })) : null;
 };
 exports.ChainTokenIcon = ChainTokenIcon;
 //# sourceMappingURL=ChainTokenIcon.js.map

package/_cjs/src/components/primitives/ChainTokenIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainTokenIcon.js","sourceRoot":"","sources":["../../../../src/components/primitives/ChainTokenIcon.tsx"],"names":[],"mappings":";;;;;AACA,gEAA4B;AAC5B,0EAAsC;AACtC,8DAA0B;AAC1B,gEAA4B;AAe5B,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;CACO,CAAA;AAEH,MAAM,cAAc,GAAwB,CAAC,EAClD,OAAO,EACP,YAAY,EACZ,WAAW,EACX,GAAG,GAAG,EAAE,EACR,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,CAAC,EACf,aAAa,EACd,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,YAAY,IAAI,YAAY,KAAK,aAAa,CAAA;IACvE,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;IAC9B,MAAM,SAAS,GAAG,aAAa,IAAI,UAAU,CAAC,KAAK,CAAA;IAEnD,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,wBAAC,iBAAI,IACH,GAAG,EAAE;YACH,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,CAAC;YACb,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,MAAM,EAAE,UAAU,CAAC,KAAK;YACxB,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,WAAW;YACzB,GAAG,GAAG;SACP,aAEA,gBAAgB,CAAC,CAAC,CAAC,CAClB,gCACE,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,KAAK,EACxB,KAAK,EAAE;oBACL,YAAY,EAAE,IAAI;oBAClB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAChB,uBAAC,gBAAG,IACF,GAAG,EAAE;oBACH,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,MAAM,EAAE,UAAU,CAAC,KAAK;oBACxB,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,UAAU;oBAC3B,KAAK,EAAE,UAAU;oBACjB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;iBACzB,YAED,uBAAC,iBAAI,IAAC,KAAK,EAAC,IAAI,YAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAQ,GAC1D,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAE,WAAW,EACzB,GAAG,EAAE;oBACH,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE,QAAQ;oBAClB,eAAe,EAAE,yBAAyB;oBAC1C,MAAM,EAAE,8BAA8B;oBACtC,eAAe,EAAE,kBAAkB;iBACpC,GACD,IACG,CACR,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AArEY,QAAA,cAAc,kBAqE1B"}
+{"version":3,"file":"ChainTokenIcon.js","sourceRoot":"","sources":["../../../../src/components/primitives/ChainTokenIcon.tsx"],"names":[],"mappings":";;;;;AACA,0EAAsC;AACtC,gEAA4B;AAC5B,6CAAsC;AActC,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;CACO,CAAA;AAEH,MAAM,cAAc,GAAwB,CAAC,EAClD,OAAO,EACP,YAAY,EACZ,WAAW,EACX,SAAS,EACT,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,CAAC,EACf,aAAa,EACd,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,YAAY,IAAI,YAAY,KAAK,aAAa,CAAA;IACvE,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;IAC9B,MAAM,SAAS,GAAG,aAAa,IAAI,UAAU,CAAC,KAAK,CAAA;IAEnD,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,iCACE,SAAS,EAAE,IAAA,UAAE,EACX,qDAAqD,EACrD,SAAS,CACV,EACD,KAAK,EAAE;YACL,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,MAAM,EAAE,UAAU,CAAC,KAAK;YACxB,YAAY,EAAE,WAAW;SAC1B,aAEA,gBAAgB,CAAC,CAAC,CAAC,CAClB,gCACE,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,KAAK,EACxB,KAAK,EAAE;oBACL,YAAY,EAAE,IAAI;oBAClB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAChB,gCACE,SAAS,EAAC,gKAAgK,EAC1K,KAAK,EAAE;oBACL,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,MAAM,EAAE,UAAU,CAAC,KAAK;iBACzB,YAED,uBAAC,iBAAI,IAAC,KAAK,EAAC,IAAI,YAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAQ,GAC1D,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAE,WAAW,EACzB,SAAS,EAAC,uMAAuM,GACjN,IACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAxDY,QAAA,cAAc,kBAwD1B"}

package/_cjs/src/components/primitives/Collapsible.js

@@ -4,43 +4,18 @@ exports.CollapsibleTrigger = exports.CollapsibleContent = exports.CollapsibleRoo
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Collapsible = tslib_1.__importStar(require("@radix-ui/react-collapsible"));
-const css_1 = require("@relayprotocol/relay-design-system/css");
 const react_1 = require("react");
-const CollapsibleContentCss = (0, css_1.cva)({
-    base: {
-        overflow: 'hidden',
-        _data_state_open: {
-            animation: `collapsibleSlideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)`
-        },
-        _data_state_closed: {
-            animation: `collapsibleSlideUp 300ms cubic-bezier(0.87, 0, 0.13, 1)`
-        }
-    }
-});
-const CollapsibleRootCss = (0, css_1.cva)({
-    base: {
-        width: '100%'
-    }
-});
-const CollapsibleTriggerCss = (0, css_1.cva)({
-    base: {
-        width: '100%',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        cursor: 'pointer'
-    }
-});
-const CollapsibleContent = (0, react_1.forwardRef)(({ children, css, ...props }, forwardedRef) => {
-    return ((0, jsx_runtime_1.jsx)(Collapsible.CollapsibleContent, { ref: forwardedRef, ...props, className: (0, css_1.css)(CollapsibleContentCss.raw(), css_1.css.raw(css)), children: children }));
+const cn_js_1 = require("../../utils/cn.js");
+const CollapsibleContent = (0, react_1.forwardRef)(({ children, className, ...props }, forwardedRef) => {
+    return ((0, jsx_runtime_1.jsx)(Collapsible.CollapsibleContent, { ref: forwardedRef, ...props, className: (0, cn_js_1.cn)('relay:overflow-hidden', 'relay:data-[state=open]:animate-collapsible-down', 'relay:data-[state=closed]:animate-collapsible-up', className), children: children }));
 });
 exports.CollapsibleContent = CollapsibleContent;
-const CollapsibleRoot = (0, react_1.forwardRef)(({ children, css, ...props }, forwardedRef) => {
-    return ((0, jsx_runtime_1.jsx)(Collapsible.Root, { ref: forwardedRef, ...props, className: (0, css_1.css)(CollapsibleRootCss.raw(), css_1.css.raw(css)), children: children }));
+const CollapsibleRoot = (0, react_1.forwardRef)(({ children, className, ...props }, forwardedRef) => {
+    return ((0, jsx_runtime_1.jsx)(Collapsible.Root, { ref: forwardedRef, ...props, className: (0, cn_js_1.cn)('relay:w-full', className), children: children }));
 });
 exports.CollapsibleRoot = CollapsibleRoot;
-const CollapsibleTrigger = (0, react_1.forwardRef)(({ children, css, ...props }, forwardedRef) => {
-    return ((0, jsx_runtime_1.jsx)(Collapsible.Trigger, { ref: forwardedRef, ...props, className: (0, css_1.css)(CollapsibleTriggerCss.raw(), css_1.css.raw(css)), children: children }));
+const CollapsibleTrigger = (0, react_1.forwardRef)(({ children, className, ...props }, forwardedRef) => {
+    return ((0, jsx_runtime_1.jsx)(Collapsible.Trigger, { ref: forwardedRef, ...props, className: (0, cn_js_1.cn)('relay:w-full relay:flex relay:items-center relay:justify-between relay:cursor-pointer', className), children: children }));
 });
 exports.CollapsibleTrigger = CollapsibleTrigger;
 //# sourceMappingURL=Collapsible.js.map

package/_cjs/src/components/primitives/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/primitives/Collapsible.tsx"],"names":[],"mappings":";;;;;AAAA,iFAA0D;AAC1D,gEAI+C;AAC/C,iCAKc;AAEd,MAAM,qBAAqB,GAAG,IAAA,SAAG,EAAC;IAChC,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,gBAAgB,EAAE;YAChB,SAAS,EAAE,2DAA2D;SACvE;QACD,kBAAkB,EAAE;YAClB,SAAS,EAAE,yDAAyD;SACrE;KACF;CACF,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,IAAA,SAAG,EAAC;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAEF,MAAM,qBAAqB,GAAG,IAAA,SAAG,EAAC;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,IAAA,kBAAU,EAInC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,WAAW,CAAC,kBAAkB,IAC7B,GAAG,EAAE,YAAY,KACb,KAAK,EACT,SAAS,EAAE,IAAA,SAAS,EAAC,qBAAqB,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAEpE,QAAQ,GACsB,CAClC,CAAA;AACH,CAAC,CAAC,CAAA;AAkCwB,gDAAkB;AAhC5C,MAAM,eAAe,GAAG,IAAA,kBAAU,EAIhC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,WAAW,CAAC,IAAI,IACf,GAAG,EAAE,YAAY,KACb,KAAK,EACT,SAAS,EAAE,IAAA,SAAS,EAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAEjE,QAAQ,GACQ,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AAkBO,0CAAe;AAhBxB,MAAM,kBAAkB,GAAG,IAAA,kBAAU,EAInC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,WAAW,CAAC,OAAO,IAClB,GAAG,EAAE,YAAY,KACb,KAAK,EACT,SAAS,EAAE,IAAA,SAAS,EAAC,qBAAqB,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAEpE,QAAQ,GACW,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAE4C,gDAAkB"}
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/primitives/Collapsible.tsx"],"names":[],"mappings":";;;;;AAAA,iFAA0D;AAC1D,iCAKc;AACd,6CAAsC;AAEtC,MAAM,kBAAkB,GAAG,IAAA,kBAAU,EAInC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IACpD,OAAO,CACL,uBAAC,WAAW,CAAC,kBAAkB,IAC7B,GAAG,EAAE,YAAY,KACb,KAAK,EACT,SAAS,EAAE,IAAA,UAAE,EACX,uBAAuB,EACvB,kDAAkD,EAClD,kDAAkD,EAClD,SAAS,CACV,YAEA,QAAQ,GACsB,CAClC,CAAA;AACH,CAAC,CAAC,CAAA;AAqCwB,gDAAkB;AAnC5C,MAAM,eAAe,GAAG,IAAA,kBAAU,EAIhC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IACpD,OAAO,CACL,uBAAC,WAAW,CAAC,IAAI,IACf,GAAG,EAAE,YAAY,KACb,KAAK,EACT,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,EAAE,SAAS,CAAC,YAEvC,QAAQ,GACQ,CACpB,CAAA;AACH,CAAC,CAAC,CAAA;AAqBO,0CAAe;AAnBxB,MAAM,kBAAkB,GAAG,IAAA,kBAAU,EAInC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IACpD,OAAO,CACL,uBAAC,WAAW,CAAC,OAAO,IAClB,GAAG,EAAE,YAAY,KACb,KAAK,EACT,SAAS,EAAE,IAAA,UAAE,EACX,uFAAuF,EACvF,SAAS,CACV,YAEA,QAAQ,GACW,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAE4C,gDAAkB"}