@dynamic-labs/sdk-react-core 2.1.0-alpha.0 → 2.1.0-alpha.10

package/src/lib/assets/secure-account.js

@@ -0,0 +1,97 @@
+'use client'
+import * as React from 'react';
+
+var _path, _path2, _path3, _path4, _g, _path5, _defs;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgSecureAccount = function SvgSecureAccount(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 327,
+    height: 112,
+    viewBox: "0 0 327 112",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("mask", {
+    id: "secure-account_svg__a",
+    style: {
+      maskType: "luminance"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: 0,
+    y: 0,
+    width: 327,
+    height: 112
+  }, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M315 0H12C5.373 0 0 5.373 0 12v88c0 6.627 5.373 12 12 12h303c6.627 0 12-5.373 12-12V12c0-6.627-5.373-12-12-12Z",
+    fill: "#fff"
+  }))), /*#__PURE__*/React.createElement("g", {
+    mask: "url(#secure-account_svg__a)"
+  }, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M164 228c62.96 0 114-51.04 114-114S226.96 0 164 0 50 51.04 50 114s51.04 114 114 114Z",
+    fill: "url(#secure-account_svg__b)",
+    fillOpacity: 0.12
+  })), /*#__PURE__*/React.createElement("mask", {
+    id: "secure-account_svg__c",
+    style: {
+      maskType: "luminance"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: 86,
+    y: 29,
+    width: 40,
+    height: 40
+  }, _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    d: "M116.91 29 86 37.282l8.282 30.91 30.91-8.282L116.91 29Z",
+    fill: "#fff"
+  }))), /*#__PURE__*/React.createElement("g", {
+    mask: "url(#secure-account_svg__c)"
+  }, /*#__PURE__*/React.createElement("mask", {
+    id: "secure-account_svg__d",
+    style: {
+      maskType: "luminance"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: 90,
+    y: 33,
+    width: 31,
+    height: 31
+  }, _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+    d: "M119.763 44.8c-2.097-7.825-10.139-12.468-17.963-10.371-7.824 2.096-12.468 10.138-10.371 17.962 2.096 7.825 10.139 12.468 17.963 10.371 7.824-2.096 12.467-10.138 10.371-17.962Z",
+    fill: "#fff"
+  }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#secure-account_svg__d)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M118.709 55.166a14.617 14.617 0 0 0 1.054-10.366c-2.097-7.824-10.139-12.467-17.963-10.37-7.825 2.096-12.468 10.138-10.371 17.962a14.612 14.612 0 0 0 6.097 8.451c1.808-3.916 6.565-6.42 9.647-7.247 3.083-.826 7.955-1.146 11.536 1.57Zm-19.375-8.688a5.5 5.5 0 1 1 10.625-2.847 5.5 5.5 0 0 1-10.625 2.847Z",
+    fill: "#4779FF"
+  })))), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m207.67 19.875-.767 2.862a9.86 9.86 0 0 0-5.861 6.61c-1.412 5.268 1.715 10.684 6.984 12.096 5.268 1.412 10.684-1.715 12.096-6.984a9.862 9.862 0 0 0-1.771-8.655l.767-2.861a5.926 5.926 0 0 0-11.448-3.068Zm9.321 2.498-.444 1.655a9.844 9.844 0 0 0-3.409-1.665 9.847 9.847 0 0 0-3.785-.262l.444-1.656a3.723 3.723 0 1 1 7.194 1.928Zm-3.445 8.52a2.57 2.57 0 0 1-2.019 1.862l-.539 2.011a1.1 1.1 0 1 1-2.127-.57l.539-2.01a2.569 2.569 0 1 1 4.146-1.294ZM164.943 32.064a6.216 6.216 0 0 0-1.779 0c-.681.098-1.313.337-1.816.527l-.135.05-16.68 6.256-.407.152c-1.922.718-3.61 1.348-4.909 2.493a9.336 9.336 0 0 0-2.553 3.683c-.616 1.62-.613 3.421-.61 5.473V66.01c0 8.793 4.783 16.125 9.953 21.51 5.204 5.422 11.159 9.252 14.307 11.089l.128.075c.574.337 1.32.775 2.307.987a6.619 6.619 0 0 0 2.609 0c.987-.212 1.733-.65 2.307-.987l.128-.075c3.148-1.837 9.103-5.667 14.307-11.088 5.17-5.386 9.953-12.718 9.953-21.511V50.698c.003-2.052.006-3.854-.611-5.473a9.333 9.333 0 0 0-2.552-3.683c-1.3-1.145-2.987-1.775-4.909-2.493l-.407-.152-16.68-6.255-.135-.05c-.503-.19-1.136-.43-1.816-.528Zm7.008 18.695c0-1.726-1.4-3.126-3.127-3.126h-14.069a6.253 6.253 0 0 0-6.153 5.133 6.234 6.234 0 0 1 4.589-2.007h18.76Zm1.562 3.127c3.454 0 6.253 2.8 6.253 6.253v12.506a6.253 6.253 0 0 1-6.253 6.254h-18.759a6.253 6.253 0 0 1-6.253-6.254V60.14a6.253 6.253 0 0 1 6.253-6.253h18.759Z",
+    fill: "#4779FF"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "secure-account_svg__b",
+    x1: 164,
+    y1: 0,
+    x2: 164,
+    y2: 93.5,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#4779FF"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#4779FF",
+    stopOpacity: 0
+  })))));
+};
+
+export { SvgSecureAccount as ReactComponent };

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -37,9 +38,9 @@ require('../../../../context/ThemeContext/ThemeContext.cjs');
 var useResizeObserver = require('../../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useMemo, useEffect } from 'react';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
@@ -33,9 +34,9 @@ import '../../../../context/ThemeContext/ThemeContext.js';
 import { useResizeObserver } from '../../../../utils/hooks/useResizeObserver/useResizeObserver.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/components/Accordion/components/VerticalAccordion/VerticalAccordion.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 

package/src/lib/components/Alert/Alert.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -23,10 +24,10 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 const errorIconMap = {
     error: jsxRuntime.jsx(error.ReactComponent, {}),
 };
-const Alert = ({ children, icon, variant = 'error', contentDataTestId, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('alert', {
+const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('alert', {
         'alert--error': variant === 'error',
         'alert--info': variant === 'info',
         'alert--warning': variant === 'warning',
-    }), children: [icon && (jsxRuntime.jsx(Icon.Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
+    }, className), children: [icon && (jsxRuntime.jsx(Icon.Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
 
 exports.Alert = Alert;

package/src/lib/components/Alert/Alert.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
@@ -19,10 +20,10 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 const errorIconMap = {
     error: jsx(SvgError, {}),
 };
-const Alert = ({ children, icon, variant = 'error', contentDataTestId, }) => (jsxs("div", { className: classNames('alert', {
+const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxs("div", { className: classNames('alert', {
         'alert--error': variant === 'error',
         'alert--info': variant === 'info',
         'alert--warning': variant === 'warning',
-    }), children: [icon && (jsx(Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsx(Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
+    }, className), children: [icon && (jsx(Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsx(Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
 
 export { Alert };

package/src/lib/components/Alert/Alert.types.d.ts

@@ -5,5 +5,6 @@ export type AlertProps = {
     contentDataTestId?: string;
     icon?: ReactElement | AlertIcons;
     variant?: 'error' | 'warning' | 'info';
+    className?: string;
 } & CopyKey;
 export type AlertComponent = FC<PropsWithChildren<AlertProps>>;

package/src/lib/components/AnimatePresence/AnimatePresence.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -37,9 +38,9 @@ var useForceUpdate = require('../../utils/hooks/useForceUpdate/useForceUpdate.cj
 var usePrevious = require('../../utils/hooks/usePrevious/usePrevious.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/components/AnimatePresence/AnimatePresence.js

@@ -1,3 +1,4 @@
+'use client'
 import { useState, useRef, useMemo, useCallback, useEffect, isValidElement, Children, cloneElement } from 'react';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
@@ -33,9 +34,9 @@ import { useForceUpdate } from '../../utils/hooks/useForceUpdate/useForceUpdate.
 import { usePrevious } from '../../utils/hooks/usePrevious/usePrevious.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/components/AppOriginTile/AppOriginTile.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/components/AppOriginTile/AppOriginTile.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { Typography } from '../Typography/Typography.js';

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -40,9 +41,9 @@ var useFindSocialIcon = require('../../utils/hooks/useFindSocialIcon/useFindSoci
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { isEmailOTPWalletConnector, isSocialWalletConnector, isEmbeddedConnector, isSmartWalletConnector } from '@dynamic-labs/wallet-connector-core';
@@ -36,9 +37,9 @@ import { useFindSocialIcon } from '../../utils/hooks/useFindSocialIcon/useFindSo
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/components/Badge/Badge.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/components/Badge/Badge.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 

package/src/lib/components/Button/Button.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,11 +8,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var spinner = require('../Spinner/spinner.cjs');
-var Typography = require('../Typography/Typography.cjs');
 
-const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant = 'primary', children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, typographyProps = {
-    variant: 'button_primary',
-}, copykey, }) => {
+const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant = 'primary', children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
     const [internalButtonLoading, setInternalButtonLoading] = React.useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = React.useState(false);
     const buttonVariantClassNameMap = {
@@ -54,7 +52,8 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
             }, 2000);
         }
     });
-    const buttonContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [startSlot && jsxRuntime.jsx("div", { className: 'button__start-slot', children: startSlot }), (feedback || children) && (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'button_primary', color: 'primary', as: 'span' }, typographyProps, { copykey: copykey, children: isFeedbackVisible && feedback ? feedback : children }))), endSlot && jsxRuntime.jsx("div", { className: 'button__end-slot', children: endSlot })] }));
+    const buttonContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [startSlot && jsxRuntime.jsx("div", { className: 'button__start-slot', children: startSlot }), (feedback || children) &&
+                (isFeedbackVisible && feedback ? feedback : children), endSlot && jsxRuntime.jsx("div", { className: 'button__end-slot', children: endSlot })] }));
     return (jsxRuntime.jsxs("button", { type: type, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, "data-testid": dataTestId, children: [(internalButtonLoading || loading) && (jsxRuntime.jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }) })), buttonContent] }));
 };
 

package/src/lib/components/Button/Button.d.ts

@@ -1,6 +1,4 @@
 import { ButtonHTMLAttributes, FC, MouseEventHandler, ReactNode } from 'react';
-import { TypographyProps } from '../Typography/Typography.types';
-import { CopyKey } from '../../shared';
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'brand-primary';
 type ButtonPadding = 'small' | 'medium' | 'large' | 'none' | 'default' | 'login-screen-height';
 export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
@@ -15,8 +13,7 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick
     showInternalLoading?: boolean;
     loading?: boolean;
     startSlot?: JSX.Element;
-    typographyProps?: Omit<TypographyProps, 'as'>;
     onClick?: MouseEventHandler<HTMLButtonElement> | (() => Promise<void>);
-} & CopyKey;
+};
 export declare const Button: FC<ButtonProps>;
 export {};

package/src/lib/components/Button/Button.js

@@ -1,13 +1,11 @@
+'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { Spinner } from '../Spinner/spinner.js';
-import { Typography } from '../Typography/Typography.js';
 
-const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant = 'primary', children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, typographyProps = {
-    variant: 'button_primary',
-}, copykey, }) => {
+const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant = 'primary', children, feedback, expanded, dataTestId, disabled = false, showInternalLoading = true, loading = false, onClick, type, startSlot, endSlot, }) => {
     const [internalButtonLoading, setInternalButtonLoading] = useState(false);
     const [isFeedbackVisible, setIsFeedbackVisible] = useState(false);
     const buttonVariantClassNameMap = {
@@ -50,7 +48,8 @@ const Button = ({ buttonClassName = '', buttonPadding = 'medium', buttonVariant
             }, 2000);
         }
     });
-    const buttonContent = (jsxs(Fragment, { children: [startSlot && jsx("div", { className: 'button__start-slot', children: startSlot }), (feedback || children) && (jsx(Typography, Object.assign({ variant: 'button_primary', color: 'primary', as: 'span' }, typographyProps, { copykey: copykey, children: isFeedbackVisible && feedback ? feedback : children }))), endSlot && jsx("div", { className: 'button__end-slot', children: endSlot })] }));
+    const buttonContent = (jsxs(Fragment, { children: [startSlot && jsx("div", { className: 'button__start-slot', children: startSlot }), (feedback || children) &&
+                (isFeedbackVisible && feedback ? feedback : children), endSlot && jsx("div", { className: 'button__end-slot', children: endSlot })] }));
     return (jsxs("button", { type: type, onClick: handleClick, className: buttonEffectiveClassName, disabled: disabled || internalButtonLoading || loading, "data-testid": dataTestId, children: [(internalButtonLoading || loading) && (jsx("div", { className: 'button__spinner-container', "data-testid": 'button__spinner', children: jsx(Spinner, { className: 'button__spinner' }) })), buttonContent] }));
 };
 

package/src/lib/components/Captcha/Captcha.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -36,9 +37,9 @@ require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/components/Captcha/Captcha.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import HCaptcha from '@hcaptcha/react-hcaptcha';
 import 'react';
@@ -32,9 +33,9 @@ import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/components/ChainIcon/ChainIcon.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/components/ChainIcon/ChainIcon.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';

package/src/lib/components/Checkbox/Checkbox.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/components/Checkbox/Checkbox.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';

package/src/lib/components/Chip/Chip.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/components/Chip/Chip.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Typography } from '../Typography/Typography.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';

package/src/lib/components/CopyButton/CopyButton.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,7 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var TextButton = require('../TextButton/TextButton.cjs');
-var Button = require('../Button/Button.cjs');
+var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
 var Tooltip = require('../Tooltip/Tooltip.cjs');
 
 const CopyButton = ({ children, className = '', textToCopy, onClick, variant = 'text', copykey, buttonPadding = 'small', buttonVariant = 'primary', buttonClassName = '', startSlot, }) => {
@@ -20,7 +21,7 @@ const CopyButton = ({ children, className = '', textToCopy, onClick, variant = '
     if (variant === 'text') {
         return (jsxRuntime.jsx(TextButton.TextButton, { className: classNames.classNames('copy-button__container', className), onClick: () => copyToClipboard(), onMouseLeave: () => setCopied(false), copykey: copykey, children: jsxRuntime.jsx(CopyButtonTooltip, {}) }));
     }
-    return (jsxRuntime.jsx(Button.Button, { expanded: true, buttonPadding: buttonPadding, buttonVariant: buttonVariant, buttonClassName: buttonClassName, onClick: () => copyToClipboard(), copykey: copykey, startSlot: startSlot, children: jsxRuntime.jsx(CopyButtonTooltip, {}) }));
+    return (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, buttonPadding: buttonPadding, buttonVariant: buttonVariant, buttonClassName: buttonClassName, onClick: () => copyToClipboard(), copykey: copykey, startSlot: startSlot, children: jsxRuntime.jsx(CopyButtonTooltip, {}) }));
 };
 
 exports.CopyButton = CopyButton;

package/src/lib/components/CopyButton/CopyButton.js

@@ -1,8 +1,9 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { TextButton } from '../TextButton/TextButton.js';
-import { Button } from '../Button/Button.js';
+import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 
 const CopyButton = ({ children, className = '', textToCopy, onClick, variant = 'text', copykey, buttonPadding = 'small', buttonVariant = 'primary', buttonClassName = '', startSlot, }) => {
@@ -16,7 +17,7 @@ const CopyButton = ({ children, className = '', textToCopy, onClick, variant = '
     if (variant === 'text') {
         return (jsx(TextButton, { className: classNames('copy-button__container', className), onClick: () => copyToClipboard(), onMouseLeave: () => setCopied(false), copykey: copykey, children: jsx(CopyButtonTooltip, {}) }));
     }
-    return (jsx(Button, { expanded: true, buttonPadding: buttonPadding, buttonVariant: buttonVariant, buttonClassName: buttonClassName, onClick: () => copyToClipboard(), copykey: copykey, startSlot: startSlot, children: jsx(CopyButtonTooltip, {}) }));
+    return (jsx(TypographyButton, { expanded: true, buttonPadding: buttonPadding, buttonVariant: buttonVariant, buttonClassName: buttonClassName, onClick: () => copyToClipboard(), copykey: copykey, startSlot: startSlot, children: jsx(CopyButtonTooltip, {}) }));
 };
 
 export { CopyButton };

package/src/lib/components/Divider/Divider.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -36,9 +37,9 @@ require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/components/Divider/Divider.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import 'react';
@@ -32,9 +33,9 @@ import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/components/DynamicBaseWidget/DynamicBaseWidget.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/components/DynamicBaseWidget/DynamicBaseWidget.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import '../Popper/Popper/Popper.js';
 import { PopperProvider } from '../Popper/PopperContext/PopperContext.js';

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -35,9 +36,9 @@ require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
+require('../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.js

@@ -1,3 +1,4 @@
+'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
@@ -31,9 +32,9 @@ import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
+import '../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';

package/src/lib/components/DynamicConnectButton/components/ConnectButton.cjs

@@ -1,11 +1,12 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var Button = require('../../Button/Button.cjs');
+var TypographyButton = require('../../TypographyButton/TypographyButton.cjs');
 var classNames = require('../../../utils/functions/classNames/classNames.cjs');
 
-const ConnectButton = ({ buttonClassName, buttonContainerClassName, onClick, isActive, isLoading, children, copykey, }) => (jsxRuntime.jsx("div", { className: buttonContainerClassName, children: jsxRuntime.jsx(Button.Button, { dataTestId: 'ConnectButton', onClick: onClick, buttonClassName: classNames.classNames('connect-button', buttonClassName), loading: isLoading && isActive, disabled: isLoading && isActive, buttonVariant: 'primary', buttonPadding: 'large', copykey: copykey, children: children }) }));
+const ConnectButton = ({ buttonClassName, buttonContainerClassName, onClick, isActive, isLoading, children, copykey, }) => (jsxRuntime.jsx("div", { className: buttonContainerClassName, children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'ConnectButton', onClick: onClick, buttonClassName: classNames.classNames('connect-button', buttonClassName), loading: isLoading && isActive, disabled: isLoading && isActive, buttonVariant: 'primary', buttonPadding: 'large', copykey: copykey, children: children }) }));
 
 exports.ConnectButton = ConnectButton;

package/src/lib/components/DynamicConnectButton/components/ConnectButton.js

@@ -1,7 +1,8 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
-import { Button } from '../../Button/Button.js';
+import { TypographyButton } from '../../TypographyButton/TypographyButton.js';
 import { classNames } from '../../../utils/functions/classNames/classNames.js';
 
-const ConnectButton = ({ buttonClassName, buttonContainerClassName, onClick, isActive, isLoading, children, copykey, }) => (jsx("div", { className: buttonContainerClassName, children: jsx(Button, { dataTestId: 'ConnectButton', onClick: onClick, buttonClassName: classNames('connect-button', buttonClassName), loading: isLoading && isActive, disabled: isLoading && isActive, buttonVariant: 'primary', buttonPadding: 'large', copykey: copykey, children: children }) }));
+const ConnectButton = ({ buttonClassName, buttonContainerClassName, onClick, isActive, isLoading, children, copykey, }) => (jsx("div", { className: buttonContainerClassName, children: jsx(TypographyButton, { dataTestId: 'ConnectButton', onClick: onClick, buttonClassName: classNames('connect-button', buttonClassName), loading: isLoading && isActive, disabled: isLoading && isActive, buttonVariant: 'primary', buttonPadding: 'large', copykey: copykey, children: children }) }));
 
 export { ConnectButton };

package/src/lib/components/DynamicFooter/DynamicFooter.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/lib/components/DynamicFooter/DynamicFooter.js

@@ -1,3 +1,4 @@
+'use client'
 import { jsx } from 'react/jsx-runtime';
 import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';