@openocean.finance/widget 1.0.16 → 1.0.18

package/dist/esm/components/Header/Header.style.d.ts

@@ -0,0 +1,11 @@
+import type { WidgetSubvariant } from '../../types/widget.js';
+export declare const HeaderAppBar: import("@emotion/styled").StyledComponent<import("@mui/material").AppBarOwnProps & Omit<import("@mui/material").PaperOwnProps, "color" | "position" | "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "color" | "position" | "children" | "sx" | "style" | "className" | "square" | "classes" | "variant" | "elevation" | "enableColorOnDark"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    sticky?: boolean;
+}, {}, {}>;
+export declare const WalletButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "size" | "disabled" | "classes" | "variant" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    subvariant?: WidgetSubvariant;
+}, {}, {}>;
+export declare const DrawerWalletContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const HeaderControlsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const WalletAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "sx" | "style" | "className" | "classes" | "variant" | "alt" | "imgProps" | "sizes" | "src" | "srcSet" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/Header/Header.style.js

@@ -0,0 +1,86 @@
+import { AppBar, Avatar, Box, Button, buttonClasses, styled, } from '@mui/material';
+import { getContrastAlphaColor } from '../../utils/colors.js';
+import { avatarMask12 } from '../Avatar/utils.js';
+export const HeaderAppBar = styled(AppBar)(({ theme }) => ({
+    backgroundColor: 'transparent',
+    color: theme.palette.text.primary,
+    flexDirection: 'row',
+    alignItems: 'center',
+    position: 'relative',
+}));
+export const Container = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'sticky',
+})(({ theme, sticky }) => {
+    return {
+        display: 'flex',
+        flexDirection: 'column',
+        backgroundColor: theme.palette.background.default,
+        backdropFilter: 'blur(12px)',
+        position: sticky ? 'sticky' : 'relative',
+        top: 0,
+        zIndex: 1200,
+        gap: theme.spacing(0.5),
+        padding: theme.spacing(1.5, 3, 1.5, 3),
+        overflow: 'auto',
+        ...theme.header,
+        ...(theme.header?.position === 'fixed'
+            ? {
+                minWidth: theme.breakpoints.values.xs,
+                maxWidth: theme.breakpoints.values.sm,
+                width: '100%',
+            }
+            : {}),
+    };
+});
+export const WalletButton = styled(Button, {
+    shouldForwardProp: (prop) => prop !== 'subvariant',
+})(({ subvariant, theme }) => ({
+    color: theme.palette.text.primary,
+    backgroundColor: 'transparent',
+    padding: theme.spacing(1, 1.5),
+    maxHeight: 40,
+    fontSize: '0.875rem',
+    fontWeight: 600,
+    borderRadius: theme.shape.borderRadius * 2,
+    '&:hover': {
+        backgroundColor: getContrastAlphaColor(theme, 0.04),
+    },
+    [`.${buttonClasses.endIcon} > *:nth-of-type(1)`]: {
+        fontSize: '24px',
+    },
+    [`.${buttonClasses.startIcon} > *:nth-of-type(1)`]: {
+        fontSize: '24px',
+    },
+    ...(theme.navigation.edge && {
+        marginRight: subvariant === 'split' ? 0 : theme.spacing(-1.25),
+        marginLeft: subvariant === 'split' ? theme.spacing(-1) : 0,
+    }),
+}));
+export const DrawerWalletContainer = styled(Box)(({ theme }) => ({
+    width: '100%',
+    display: 'flex',
+    justifyContent: 'space-between',
+    ...(theme.navigation.edge && {
+        '& button:first-of-type': {
+            marginLeft: theme.spacing(-1),
+        },
+        '& button:last-of-type': {
+            marginRight: theme.spacing(-1.25),
+        },
+    }),
+}));
+export const HeaderControlsContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    gap: theme.spacing(0.5),
+    ...(theme.navigation.edge && {
+        '& button:last-of-type': {
+            marginRight: theme.spacing(-1.25),
+        },
+    }),
+}));
+export const WalletAvatar = styled(Avatar)(() => ({
+    mask: avatarMask12,
+    width: 24,
+    height: 24,
+}));
+//# sourceMappingURL=Header.style.js.map

package/dist/esm/components/Header/Header.style.js.map

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

package/dist/esm/components/Header/NavigationHeader.d.ts

@@ -0,0 +1 @@
+export declare const NavigationHeader: React.FC;

package/dist/esm/components/Header/NavigationHeader.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Typography } from '@mui/material';
+import { Route, Routes, useLocation } from 'react-router-dom';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useHeaderStore } from '../../stores/header/useHeaderStore.js';
+import { HiddenUI } from '../../types/widget.js';
+import { backButtonRoutes, navigationRoutes, navigationRoutesValues, } from '../../utils/navigationRoutes.js';
+import { BackButton } from './BackButton.js';
+import { CloseDrawerButton } from './CloseDrawerButton.js';
+import { HeaderAppBar, HeaderControlsContainer } from './Header.style.js';
+import { NavigationTabs } from './NavigationTabs.js';
+import { SettingsButton } from './SettingsButton.js';
+// import { TransactionHistoryButton } from './TransactionHistoryButton.js'
+// import { SplitWalletMenuButton } from './WalletHeader.js'
+export const NavigationHeader = () => {
+    const { hiddenUI, variant, subvariant } = useWidgetConfig();
+    const { navigateBack } = useNavigateBack();
+    // const { account } = useAccount()
+    const { element, title } = useHeaderStore((state) => state);
+    const { pathname } = useLocation();
+    const cleanedPathname = pathname.endsWith('/')
+        ? pathname.slice(0, -1)
+        : pathname;
+    const path = cleanedPathname.substring(cleanedPathname.lastIndexOf('/') + 1);
+    const hasPath = navigationRoutesValues.includes(path);
+    const splitSubvariant = subvariant === 'split' && !hasPath;
+    return (_jsxs(_Fragment, { children: [_jsxs(HeaderAppBar, { elevation: 0, children: [backButtonRoutes.includes(path) ? (_jsx(BackButton, { onClick: navigateBack })) : null, _jsx(Typography, { align: hasPath ? 'center' : 'left', noWrap: true, sx: {
+                            fontSize: hasPath ? 18 : 24,
+                            fontWeight: '700',
+                            flex: 1,
+                        }, children: title }), _jsxs(Routes, { children: [_jsx(Route, { path: navigationRoutes.home, element: _jsxs(HeaderControlsContainer, { children: [_jsx(SettingsButton, {}), variant === 'drawer' &&
+                                            !hiddenUI?.includes(HiddenUI.DrawerCloseButton) ? (_jsx(CloseDrawerButton, { header: "navigation" })) : null] }) }), _jsx(Route, { path: "*", element: element || (_jsx(Box, { sx: {
+                                        width: 28,
+                                        height: 40,
+                                    } })) })] })] }), _jsx(Box, { sx: {
+                    display: pathname === navigationRoutes.home && splitSubvariant
+                        ? 'block'
+                        : 'none',
+                }, children: _jsx(NavigationTabs, {}) })] }));
+};
+//# sourceMappingURL=NavigationHeader.js.map

package/dist/esm/components/Header/NavigationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHeader.js","sourceRoot":"","sources":["../../../../src/components/Header/NavigationHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,2EAA2E;AAC3E,4DAA4D;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,mCAAmC;IACnC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAElC,MAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC5C,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvB,CAAC,CAAC,QAAQ,CAAA;IACZ,MAAM,IAAI,GAAG,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;IAC5E,MAAM,OAAO,GAAG,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACrD,MAAM,eAAe,GAAG,UAAU,KAAK,OAAO,IAAI,CAAC,OAAO,CAAA;IAC1D,OAAO,CACL,8BACE,MAAC,YAAY,IAAC,SAAS,EAAE,CAAC,aACvB,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACjC,KAAC,UAAU,IAAC,OAAO,EAAE,YAAY,GAAI,CACtC,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,UAAU,IACT,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAClC,MAAM,QACN,EAAE,EAAE;4BACF,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;4BAC3B,UAAU,EAAE,KAAK;4BACjB,IAAI,EAAE,CAAC;yBACR,YAEA,KAAK,GACK,EACb,MAAC,MAAM,eACL,KAAC,KAAK,IACJ,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAC3B,OAAO,EACL,MAAC,uBAAuB,eAKtB,KAAC,cAAc,KAAG,EACjB,OAAO,KAAK,QAAQ;4CACrB,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAChD,KAAC,iBAAiB,IAAC,MAAM,EAAC,YAAY,GAAG,CAC1C,CAAC,CAAC,CAAC,IAAI,IACgB,GAE5B,EACF,KAAC,KAAK,IACJ,IAAI,EAAC,GAAG,EACR,OAAO,EACL,OAAO,IAAI,CACT,KAAC,GAAG,IACF,EAAE,EAAE;wCACF,KAAK,EAAE,EAAE;wCACT,MAAM,EAAE,EAAE;qCACX,GACD,CACH,GAEH,IACK,IACI,EACf,KAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EACL,QAAQ,KAAK,gBAAgB,CAAC,IAAI,IAAI,eAAe;wBACnD,CAAC,CAAC,OAAO;wBACT,CAAC,CAAC,MAAM;iBACb,YAED,KAAC,cAAc,KAAG,GACd,IACL,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Header/NavigationTabs.d.ts

@@ -0,0 +1 @@
+export declare const NavigationTabs: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/Header/NavigationTabs.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { useSplitSubvariantStore } from '../../stores/settings/useSplitSubvariantStore.js';
+import { HeaderAppBar } from '../Header/Header.style.js';
+import { Tab, Tabs } from '../Tabs/Tabs.style.js';
+export const NavigationTabs = () => {
+    const { subvariant } = useWidgetConfig();
+    const { t } = useTranslation();
+    const [state, setState] = useSplitSubvariantStore((storeState) => [
+        storeState.state,
+        storeState.setState,
+    ]);
+    const [fromChain, toChain] = useFieldValues('fromChain', 'toChain');
+    const initialLoadDoneRef = useRef(false);
+    useEffect(() => {
+        if (fromChain !== undefined &&
+            fromChain !== null &&
+            toChain !== undefined &&
+            toChain !== null &&
+            !initialLoadDoneRef.current) {
+            if (subvariant === 'bridge') {
+                setState('bridge');
+            }
+            else {
+                const newState = fromChain === toChain ? 'swap' : 'bridge';
+                setState(newState);
+            }
+            initialLoadDoneRef.current = true;
+        }
+    }, [fromChain, toChain, setState]);
+    const { setFieldValue } = useFieldActions();
+    const handleChange = (_, value) => {
+        setFieldValue('fromAmount', '');
+        setFieldValue('fromToken', '');
+        setFieldValue('toToken', '');
+        const newState = value === 0 ? 'swap' : 'bridge';
+        setState(newState);
+    };
+    return (_jsx(HeaderAppBar, { elevation: 0, sx: { paddingTop: 1, paddingBottom: 0.5 }, children: _jsxs(Tabs, { value: state === 'swap' ? 0 : 1, onChange: handleChange, "aria-label": "tabs", indicatorColor: "primary", children: [_jsx(Tab, { label: t('header.swap'), disableRipple: true }), _jsx(Tab, { label: t('header.bridge'), disableRipple: true })] }) }));
+    // return null
+};
+//# sourceMappingURL=NavigationTabs.js.map

package/dist/esm/components/Header/NavigationTabs.js.map

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

package/dist/esm/components/Header/SettingsButton.d.ts

@@ -0,0 +1 @@
+export declare const SettingsButton: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/Header/SettingsButton.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Settings } from '@mui/icons-material';
+import { Tooltip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { useSettingMonitor } from '../../hooks/useSettingMonitor.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { SettingsIconBadge, SettingsIconButton, } from './SettingsButton.style.js';
+export const SettingsButton = () => {
+    const { t } = useTranslation();
+    const { navigate } = useNavigateBack();
+    const { isCustomRouteSettings, isRouteSettingsWithWarnings } = useSettingMonitor();
+    const variant = isRouteSettingsWithWarnings
+        ? 'warning'
+        : isCustomRouteSettings
+            ? 'info'
+            : undefined;
+    const tooltipMessage = variant
+        ? t('tooltip.settingsModified')
+        : t('header.settings');
+    return (_jsx(Tooltip, { title: tooltipMessage, children: _jsx(SettingsIconButton, { size: "medium", onClick: () => navigate(navigationRoutes.settings), variant: variant, children: variant ? (_jsx(SettingsIconBadge, { variant: "dot", color: variant, children: _jsx(Settings, {}) })) : (_jsx(Settings, {})) }) }));
+};
+//# sourceMappingURL=SettingsButton.js.map

package/dist/esm/components/Header/SettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.js","sourceRoot":"","sources":["../../../../src/components/Header/SettingsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EACL,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,2BAA2B,CAAA;AAElC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IAEtC,MAAM,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,GAC1D,iBAAiB,EAAE,CAAA;IAErB,MAAM,OAAO,GAAG,2BAA2B;QACzC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,qBAAqB;YACrB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS,CAAA;IAEf,MAAM,cAAc,GAAG,OAAO;QAC5B,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC;QAC/B,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAExB,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,cAAc,YAC5B,KAAC,kBAAkB,IACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAClD,OAAO,EAAE,OAAO,YAEf,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,iBAAiB,IAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,OAAO,YAC7C,KAAC,QAAQ,KAAG,GACM,CACrB,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,KAAG,CACb,GACkB,GACb,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Header/SettingsButton.style.d.ts

@@ -0,0 +1,6 @@
+export declare const SettingsIconBadge: import("@emotion/styled").StyledComponent<import("@mui/material").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "max" | "color" | "children" | "sx" | "style" | "className" | "classes" | "variant" | "components" | "slots" | "slotProps" | "componentsProps" | "anchorOrigin" | "badgeContent" | "invisible" | "overlap" | "showZero"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+interface SettingsIconButtonProps {
+    variant?: 'info' | 'warning';
+}
+export declare const SettingsIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "size" | "disabled" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SettingsIconButtonProps, {}, {}>;
+export {};

package/dist/esm/components/Header/SettingsButton.style.js

@@ -0,0 +1,36 @@
+import { IconButton, Badge as MuiBadge, badgeClasses, darken, styled, } from '@mui/material';
+import { getInfoBackgroundColor, getWarningBackgroundColor, } from '../../utils/colors.js';
+export const SettingsIconBadge = styled(MuiBadge)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1.25),
+    [`.${badgeClasses.badge}`]: {
+        width: 10,
+        height: 10,
+        borderRadius: '50%',
+        transform: 'translate(70%, -70%)',
+    },
+}));
+export const SettingsIconButton = styled(IconButton, {
+    shouldForwardProp: (props) => props !== 'variant',
+})(({ theme, variant }) => {
+    switch (variant) {
+        case 'info':
+            return {
+                backgroundColor: getInfoBackgroundColor(theme),
+                '&:hover': {
+                    backgroundColor: darken(getInfoBackgroundColor(theme), 0.2),
+                },
+            };
+        case 'warning':
+            return {
+                backgroundColor: getWarningBackgroundColor(theme),
+                '&:hover': {
+                    backgroundColor: darken(getWarningBackgroundColor(theme), 0.2),
+                },
+            };
+        default:
+            break;
+    }
+});
+//# sourceMappingURL=SettingsButton.style.js.map

package/dist/esm/components/Header/SettingsButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsButton.style.js","sourceRoot":"","sources":["../../../../src/components/Header/SettingsButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,IAAI,QAAQ,EACjB,YAAY,EACZ,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAA;AAE9B,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IACxB,CAAC,IAAI,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,sBAAsB;KAClC;CACF,CAAC,CAAC,CAAA;AAMH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,EAAE;IACnD,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS;CAClD,CAAC,CAA0B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACjD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,OAAO;gBACL,eAAe,EAAE,sBAAsB,CAAC,KAAK,CAAC;gBAC9C,SAAS,EAAE;oBACT,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;iBAC5D;aACF,CAAA;QACH,KAAK,SAAS;YACZ,OAAO;gBACL,eAAe,EAAE,yBAAyB,CAAC,KAAK,CAAC;gBACjD,SAAS,EAAE;oBACT,eAAe,EAAE,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;iBAC/D;aACF,CAAA;QACH;YACE,MAAK;IACT,CAAC;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/Header/TransactionHistoryButton.d.ts

@@ -0,0 +1 @@
+export declare const TransactionHistoryButton: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/Header/TransactionHistoryButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ReceiptLong } from '@mui/icons-material';
+import { IconButton, Tooltip } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+export const TransactionHistoryButton = () => {
+    const { t } = useTranslation();
+    const { navigate } = useNavigateBack();
+    return (_jsx(Tooltip, { title: t('header.transactionHistory'), children: _jsx(IconButton, { size: "medium", onClick: () => navigate(navigationRoutes.transactionHistory), children: _jsx(ReceiptLong, {}) }) }));
+};
+//# sourceMappingURL=TransactionHistoryButton.js.map

package/dist/esm/components/Header/TransactionHistoryButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionHistoryButton.js","sourceRoot":"","sources":["../../../../src/components/Header/TransactionHistoryButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAElE,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IAEtC,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,YAC5C,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,YAE5D,KAAC,WAAW,KAAG,GACJ,GACL,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Header/WalletHeader.d.ts

@@ -0,0 +1,3 @@
+export declare const WalletHeader: React.FC;
+export declare const SplitWalletMenuButton: React.FC;
+export declare const WalletMenuButton: React.FC;

package/dist/esm/components/Header/WalletHeader.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ExpandMore, Wallet } from '@mui/icons-material';
+import { Avatar, Badge } from '@mui/material';
+import { getConnectorIcon, useAccount, useWalletMenu, } from '@openocean.finance/wallet-management';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useChain } from '../../hooks/useChain.js';
+import { useExternalWalletProvider } from '../../providers/WalletProvider/useExternalWalletProvider.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { HiddenUI } from '../../types/widget.js';
+import { shortenAddress } from '../../utils/wallet.js';
+import { SmallAvatar } from '../Avatar/SmallAvatar.js';
+import { CloseDrawerButton } from './CloseDrawerButton.js';
+import { DrawerWalletContainer, HeaderAppBar, WalletAvatar, WalletButton, } from './Header.style.js';
+import { WalletMenu } from './WalletMenu.js';
+import { WalletMenuContainer } from './WalletMenu.style.js';
+const useInternalWalletManagement = () => {
+    const { subvariant, hiddenUI } = useWidgetConfig();
+    const { useExternalWalletProvidersOnly } = useExternalWalletProvider();
+    const isSplitVariant = subvariant === 'split';
+    const isWalletMenuHidden = hiddenUI?.includes(HiddenUI.WalletMenu);
+    const shouldShowWalletMenu = !useExternalWalletProvidersOnly && !isWalletMenuHidden;
+    return {
+        shouldShowWalletMenu,
+        isSplitVariant,
+    };
+};
+export const WalletHeader = () => {
+    const { shouldShowWalletMenu, isSplitVariant } = useInternalWalletManagement();
+    return shouldShowWalletMenu && !isSplitVariant ? (_jsx(HeaderAppBar, { elevation: 0, sx: { justifyContent: 'flex-end' }, children: _jsx(WalletMenuButton, {}) })) : null;
+};
+export const SplitWalletMenuButton = () => {
+    const { shouldShowWalletMenu, isSplitVariant } = useInternalWalletManagement();
+    return shouldShowWalletMenu && isSplitVariant ? _jsx(WalletMenuButton, {}) : null;
+};
+export const WalletMenuButton = () => {
+    const { variant, hiddenUI } = useWidgetConfig();
+    const { account, accounts } = useAccount();
+    const [fromChainId] = useFieldValues('fromChain');
+    const { chain: fromChain } = useChain(fromChainId);
+    const activeAccount = (fromChain
+        ? accounts.find((account) => account.chainType === fromChain.chainType)
+        : undefined) || account;
+    if (variant === 'drawer') {
+        return (_jsxs(DrawerWalletContainer, { children: [activeAccount.isConnected ? (_jsx(ConnectedButton, { account: activeAccount })) : (_jsx(ConnectButton, {})), !hiddenUI?.includes(HiddenUI.DrawerCloseButton) ? (_jsx(CloseDrawerButton, { header: "wallet" })) : null] }));
+    }
+    return activeAccount.isConnected ? (_jsx(ConnectedButton, { account: activeAccount })) : (_jsx(ConnectButton, {}));
+};
+const ConnectButton = () => {
+    const { t } = useTranslation();
+    const { walletConfig, subvariant, variant } = useWidgetConfig();
+    const { openWalletMenu } = useWalletMenu();
+    const connect = async () => {
+        if (!walletConfig?.usePartialWalletManagement && walletConfig?.onConnect) {
+            walletConfig.onConnect();
+            return;
+        }
+        openWalletMenu();
+    };
+    return (_jsx(WalletButton, { subvariant: subvariant, endIcon: variant !== 'drawer' && subvariant !== 'split' ? _jsx(Wallet, {}) : undefined, startIcon: variant === 'drawer' || subvariant === 'split' ? (_jsx(Wallet, { sx: { marginLeft: -0.25 } })) : undefined, onClick: connect, children: t('button.connectWallet') }));
+};
+const ConnectedButton = ({ account }) => {
+    const { subvariant } = useWidgetConfig();
+    const { chain } = useChain(account.chainId);
+    const [anchorEl, setAnchorEl] = useState(null);
+    const walletAddress = shortenAddress(account.address);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(WalletButton, { subvariant: subvariant, endIcon: _jsx(ExpandMore, {}), startIcon: chain?.logoURI ? (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(SmallAvatar, { src: chain?.logoURI, alt: chain?.name, sx: { width: 12, height: 12 }, children: chain?.name[0] }), children: _jsx(WalletAvatar, { src: getConnectorIcon(account.connector), alt: account.connector?.name, children: account.connector?.name[0] }) })) : (_jsx(Avatar, { src: getConnectorIcon(account.connector), alt: account.connector?.name, sx: { width: 24, height: 24 }, children: account.connector?.name[0] })), onClick: handleClick, children: walletAddress }), _jsx(WalletMenuContainer, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, children: _jsx(WalletMenu, { onClose: handleClose }) })] }));
+};
+//# sourceMappingURL=WalletHeader.js.map

package/dist/esm/components/Header/WalletHeader.js.map

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

package/dist/esm/components/Header/WalletMenu.d.ts

@@ -0,0 +1,3 @@
+export declare const WalletMenu: ({ onClose }: {
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/Header/WalletMenu.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ContentCopyRounded, OpenInNewRounded, PowerSettingsNewRounded, } from '@mui/icons-material';
+import { Avatar, Badge, Box, Button, IconButton, MenuItem } from '@mui/material';
+import { getConnectorIcon, useAccount, useWalletMenu, } from '@openocean.finance/wallet-management';
+import { useTranslation } from 'react-i18next';
+import { useAvailableChains } from '../../hooks/useAvailableChains.js';
+import { useExplorer } from '../../hooks/useExplorer.js';
+import { shortenAddress } from '../../utils/wallet.js';
+import { AvatarMasked } from '../Avatar/Avatar.style.js';
+import { SmallAvatar } from '../Avatar/SmallAvatar.js';
+import { DisconnectIconButton } from './DisconnectIconButton.js';
+export const WalletMenu = ({ onClose }) => {
+    const { t } = useTranslation();
+    const { accounts } = useAccount();
+    const { getChainById } = useAvailableChains();
+    const { openWalletMenu } = useWalletMenu();
+    const connect = async () => {
+        openWalletMenu();
+        onClose();
+    };
+    const { getAddressLink } = useExplorer();
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { sx: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                }, children: accounts.map((account) => {
+                    const chain = getChainById(account.chainId);
+                    const walletAddress = shortenAddress(account.address);
+                    const handleCopyAddress = async () => {
+                        await navigator.clipboard.writeText(account.address ?? '');
+                        onClose();
+                    };
+                    return (_jsxs(MenuItem, { disableTouchRipple: true, children: [_jsxs(Box, { sx: {
+                                    flex: 1,
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                }, children: [chain?.logoURI ? (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(SmallAvatar, { src: chain?.logoURI, alt: chain?.name, children: chain?.name[0] }), sx: { marginRight: 1.5 }, children: _jsx(AvatarMasked, { src: getConnectorIcon(account.connector), alt: account.connector?.name, children: account.connector?.name[0] }) })) : (_jsx(Avatar, { src: getConnectorIcon(account.connector), alt: account.connector?.name, sx: {
+                                            marginRight: 1.5,
+                                        }, children: account.connector?.name[0] })), walletAddress] }), _jsxs(Box, { sx: {
+                                    ml: 2,
+                                }, children: [_jsx(IconButton, { size: "medium", onClick: handleCopyAddress, children: _jsx(ContentCopyRounded, {}) }), _jsx(IconButton, { size: "medium", component: "a", onClick: onClose, href: account.address
+                                            ? getAddressLink(account.address, chain)
+                                            : undefined, target: "_blank", children: _jsx(OpenInNewRounded, {}) }), _jsx(DisconnectIconButton, { account: account })] })] }, account.address));
+                }) }), _jsx(Button, { onClick: connect, fullWidth: true, startIcon: _jsx(PowerSettingsNewRounded, {}), sx: {
+                    marginTop: 1,
+                }, children: t('button.connectAnotherWallet') })] }));
+};
+//# sourceMappingURL=WalletMenu.js.map

package/dist/esm/components/Header/WalletMenu.js.map

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

package/dist/esm/components/Header/WalletMenu.style.d.ts

@@ -0,0 +1 @@
+export declare const WalletMenuContainer: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/Header/WalletMenu.style.js

@@ -0,0 +1,25 @@
+import { Menu as MuiMenu, menuClasses, menuItemClasses, styled, svgIconClasses, } from '@mui/material';
+export const WalletMenuContainer = styled(MuiMenu)(({ theme }) => ({
+    [`& .${menuClasses.paper}`]: {
+        borderRadius: theme.shape.borderRadius,
+        color: theme.palette.text.primary,
+        boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',
+        padding: theme.spacing(2),
+        [`& .${menuClasses.list}`]: {
+            padding: 0,
+        },
+        [`& .${menuItemClasses.root}`]: {
+            borderRadius: theme.shape.borderRadiusSecondary,
+            padding: theme.spacing(1, 0, 1, 1),
+            [`& .${svgIconClasses.root}`]: {
+                fontSize: 20,
+                color: theme.palette.text.primary,
+            },
+            ':hover': {
+                background: 'none',
+                cursor: 'default',
+            },
+        },
+    },
+}));
+//# sourceMappingURL=WalletMenu.style.js.map

package/dist/esm/components/Header/WalletMenu.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletMenu.style.js","sourceRoot":"","sources":["../../../../src/components/Header/WalletMenu.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,IAAI,OAAO,EACf,WAAW,EACX,eAAe,EACf,MAAM,EACN,cAAc,GACf,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACjC,SAAS,EAAE,2DAA2D;QACtE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,CAAC,MAAM,WAAW,CAAC,IAAI,EAAE,CAAC,EAAE;YAC1B,OAAO,EAAE,CAAC;SACX;QACD,CAAC,MAAM,eAAe,CAAC,IAAI,EAAE,CAAC,EAAE;YAC9B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,qBAAqB;YAC/C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,CAAC,MAAM,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;aAClC;YACD,QAAQ,EAAE;gBACR,UAAU,EAAE,MAAM;gBAClB,MAAM,EAAE,SAAS;aAClB;SACF;KACF;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/IconTypography.d.ts

@@ -0,0 +1 @@
+export declare const IconTypography: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/IconTypography.js

@@ -0,0 +1,9 @@
+import { Box, alpha, styled } from '@mui/material';
+export const IconTypography = styled(Box)(({ theme }) => ({
+    color: alpha(theme.palette.common.white, 0.4),
+    lineHeight: 0,
+    ...theme.applyStyles('light', {
+        color: alpha(theme.palette.common.black, 0.32),
+    }),
+}));
+//# sourceMappingURL=IconTypography.js.map

package/dist/esm/components/IconTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTypography.js","sourceRoot":"","sources":["../../../src/components/IconTypography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC;IAC7C,UAAU,EAAE,CAAC;IACb,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;QAC5B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;KAC/C,CAAC;CACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/Initializer.d.ts

@@ -0,0 +1 @@
+export declare const Initializer: React.FC;

package/dist/esm/components/Initializer.js

@@ -0,0 +1,6 @@
+import { useInitializer } from '../hooks/useInitializer.js';
+export const Initializer = () => {
+    useInitializer();
+    return null;
+};
+//# sourceMappingURL=Initializer.js.map

package/dist/esm/components/Initializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Initializer.js","sourceRoot":"","sources":["../../../src/components/Initializer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,MAAM,CAAC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,cAAc,EAAE,CAAA;IAChB,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/dist/esm/components/Input.d.ts

@@ -0,0 +1 @@
+export declare const Input: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/Input.js

@@ -0,0 +1,11 @@
+import { InputBase, inputBaseClasses, styled } from '@mui/material';
+export const Input = styled(InputBase)(({ theme }) => ({
+    paddingRight: theme.spacing(2),
+    [`.${inputBaseClasses.input}`]: {
+        padding: theme.spacing(1.5, 1, 1.5, 2),
+        height: '2.875em',
+        boxSizing: 'inherit',
+    },
+    fontWeight: 500,
+}));
+//# sourceMappingURL=Input.js.map

package/dist/esm/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEnE,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QACtC,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,SAAS;KACrB;IACD,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC,CAAA"}

package/dist/esm/components/ListItem/ListItem.d.ts

@@ -0,0 +1 @@
+export declare const ListItem: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "alignItems" | "children" | "sx" | "style" | "className" | "dense" | "classes" | "divider" | "components" | "slots" | "slotProps" | "componentsProps" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/ListItem/ListItem.js

@@ -0,0 +1,21 @@
+import { ListItem as MuiListItem, listItemSecondaryActionClasses, listItemTextClasses, styled, } from '@mui/material';
+export const ListItem = styled(MuiListItem)(({ theme }) => ({
+    height: 64,
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    padding: theme.spacing(0, 1.5),
+    [`.${listItemSecondaryActionClasses.root}`]: {
+        right: theme.spacing(3),
+    },
+    [`& .${listItemTextClasses.secondary}`]: {
+        fontSize: 12,
+        fontWeight: 500,
+    },
+    [`& .${listItemTextClasses.primary}, & .${listItemTextClasses.secondary}`]: {
+        lineHeight: 1.3334,
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+    },
+}));
+//# sourceMappingURL=ListItem.js.map