@lifi/widget 3.7.0-beta.10 → 3.7.0-beta.11

package/dist/esm/components/Avatar/Avatar.style.jsx.map

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

package/dist/esm/components/Avatar/SmallAvatar.d.ts

@@ -0,0 +1,4 @@
+export declare const SmallAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "alt" | "src" | "sizes" | "srcSet" | "classes" | "variant" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SmallAvatarSkeleton: () => import("react").JSX.Element;

package/dist/esm/components/Avatar/SmallAvatar.jsx

@@ -0,0 +1,13 @@
+import { Avatar, Skeleton, styled } from '@mui/material';
+import { AvatarSkeletonContainer } from './Avatar.style.js';
+export const SmallAvatar = styled(Avatar)(({ theme }) => ({
+    background: theme.palette.background.paper,
+    width: 16,
+    height: 16,
+}));
+export const SmallAvatarSkeleton = () => {
+    return (<AvatarSkeletonContainer>
+      <Skeleton width={16} height={16} variant="circular"/>
+    </AvatarSkeletonContainer>);
+};
+//# sourceMappingURL=SmallAvatar.jsx.map

package/dist/esm/components/Avatar/SmallAvatar.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallAvatar.jsx","sourceRoot":"","sources":["../../../../src/components/Avatar/SmallAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC1C,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,OAAO,CACL,CAAC,uBAAuB,CACtB;MAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,EACrD;IAAA,EAAE,uBAAuB,CAAC,CAC3B,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Avatar/TokenAvatar.d.ts

@@ -0,0 +1,19 @@
+import type { Chain, StaticToken } from '@lifi/sdk';
+import type { SxProps, Theme } from '@mui/material';
+export declare const TokenAvatar: React.FC<{
+    token?: StaticToken;
+    chain?: Chain;
+    isLoading?: boolean;
+    sx?: SxProps<Theme>;
+}>;
+export declare const TokenAvatarFallback: React.FC<{
+    token?: StaticToken;
+    isLoading?: boolean;
+    sx?: SxProps<Theme>;
+}>;
+export declare const TokenAvatarBase: React.FC<{
+    token?: StaticToken;
+    chain?: Chain;
+    isLoading?: boolean;
+    sx?: SxProps<Theme>;
+}>;

package/dist/esm/components/Avatar/TokenAvatar.jsx

@@ -0,0 +1,27 @@
+import { Badge } from '@mui/material';
+import { useChain } from '../../hooks/useChain.js';
+import { useToken } from '../../hooks/useToken.js';
+import { AvatarBadgedSkeleton } from './Avatar.js';
+import { AvatarDefaultBadge, AvatarMasked } from './Avatar.style.js';
+import { SmallAvatar } from './SmallAvatar.js';
+export const TokenAvatar = ({ token, chain, isLoading, sx }) => {
+    if (!chain || !token?.logoURI) {
+        return <TokenAvatarFallback token={token} isLoading={isLoading} sx={sx}/>;
+    }
+    return (<TokenAvatarBase token={token} chain={chain} isLoading={isLoading} sx={sx}/>);
+};
+export const TokenAvatarFallback = ({ token, isLoading, sx }) => {
+    const { chain } = useChain(token?.chainId);
+    const { token: chainToken, isLoading: isLoadingToken } = useToken(token?.chainId, token?.address);
+    return (<TokenAvatarBase token={chainToken ?? token} isLoading={isLoading || isLoadingToken} chain={chain} sx={sx}/>);
+};
+export const TokenAvatarBase = ({ token, chain, isLoading, sx }) => {
+    return isLoading ? (<AvatarBadgedSkeleton />) : (<Badge overlap="circular" anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }} badgeContent={chain ? (<SmallAvatar src={chain.logoURI} alt={chain.name}>
+            {chain.name[0]}
+          </SmallAvatar>) : (<AvatarDefaultBadge />)} sx={sx}>
+      <AvatarMasked src={token?.logoURI} alt={token?.symbol}>
+        {token?.symbol?.[0]}
+      </AvatarMasked>
+    </Badge>);
+};
+//# sourceMappingURL=TokenAvatar.jsx.map

package/dist/esm/components/Avatar/TokenAvatar.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenAvatar.jsx","sourceRoot":"","sources":["../../../../src/components/Avatar/TokenAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,CAAC,MAAM,WAAW,GAKnB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE;IACvC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;QAC9B,OAAO,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAG,CAAA;IAC5E,CAAC;IACD,OAAO,CACL,CAAC,eAAe,CACd,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,EAAE,CAAC,CAAC,EAAE,CAAC,EACP,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAI3B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE;IAChC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;IAC1C,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,QAAQ,CAC/D,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,OAAO,CACf,CAAA;IACD,OAAO,CACL,CAAC,eAAe,CACd,KAAK,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,CAC3B,SAAS,CAAC,CAAC,SAAS,IAAI,cAAc,CAAC,CACvC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,EAAE,CAAC,CAAC,EAAE,CAAC,EACP,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAKvB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE;IACvC,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,CAAC,oBAAoB,CAAC,AAAD,EAAG,CACzB,CAAC,CAAC,CAAC,CACF,CAAC,KAAK,CACJ,OAAO,CAAC,UAAU,CAClB,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAC1D,YAAY,CAAC,CACX,KAAK,CAAC,CAAC,CAAC,CACN,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAC/C;YAAA,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB;UAAA,EAAE,WAAW,CAAC,CACf,CAAC,CAAC,CAAC,CACF,CAAC,kBAAkB,CAAC,AAAD,EAAG,CAE1B,CAAC,CACD,EAAE,CAAC,CAAC,EAAE,CAAC,CAEP;MAAA,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CACpD;QAAA,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CACrB;MAAA,EAAE,YAAY,CAChB;IAAA,EAAE,KAAK,CAAC,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Avatar/utils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Avatar mask for 16px badge
+ */
+export declare const avatarMask16 = "radial-gradient(circle 10.5px at calc(100% - 5.5px) calc(100% - 5.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat";
+/**
+ * Avatar mask for 12px badge
+ */
+export declare const avatarMask12 = "radial-gradient(circle 8.5px at calc(100% - 3.5px) calc(100% - 3.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat";

package/dist/esm/components/Avatar/utils.js

@@ -0,0 +1,9 @@
+/**
+ * Avatar mask for 16px badge
+ */
+export const avatarMask16 = 'radial-gradient(circle 10.5px at calc(100% - 5.5px) calc(100% - 5.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat';
+/**
+ * Avatar mask for 12px badge
+ */
+export const avatarMask12 = 'radial-gradient(circle 8.5px at calc(100% - 3.5px) calc(100% - 3.5px), #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat';
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/Avatar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/Avatar/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GACvB,0HAA0H,CAAA;AAE5H;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GACvB,yHAAyH,CAAA"}

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

@@ -0,0 +1,2 @@
+import type { BaseTransactionButtonProps } from './types.js';
+export declare const BaseTransactionButton: React.FC<BaseTransactionButtonProps>;

package/dist/esm/components/BaseTransactionButton/BaseTransactionButton.jsx

@@ -0,0 +1,37 @@
+import { useAccount, useWalletMenu } from '@lifi/wallet-management';
+import { LoadingButton } from '@mui/lab';
+import { useTranslation } from 'react-i18next';
+import { useChain } from '../../hooks/useChain.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+export const BaseTransactionButton = ({ onClick, text, disabled, loading, }) => {
+    const { t } = useTranslation();
+    const { walletConfig } = useWidgetConfig();
+    const { openWalletMenu } = useWalletMenu();
+    const [fromChainId] = useFieldValues('fromChain');
+    const { chain } = useChain(fromChainId);
+    const { account } = useAccount({ chainType: chain?.chainType });
+    const handleClick = async () => {
+        if (account.isConnected) {
+            onClick?.();
+        }
+        else if (walletConfig?.onConnect) {
+            walletConfig.onConnect();
+        }
+        else {
+            openWalletMenu();
+        }
+    };
+    const getButtonText = () => {
+        if (account.isConnected) {
+            if (text) {
+                return text;
+            }
+        }
+        return t('button.connectWallet');
+    };
+    return (<LoadingButton variant="contained" color="primary" onClick={handleClick} disabled={account.isConnected && disabled} loading={loading} loadingPosition="center" fullWidth>
+      {getButtonText()}
+    </LoadingButton>);
+};
+//# sourceMappingURL=BaseTransactionButton.jsx.map

package/dist/esm/components/BaseTransactionButton/BaseTransactionButton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTransactionButton.jsx","sourceRoot":"","sources":["../../../../src/components/BaseTransactionButton/BaseTransactionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAGpE,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,aAAa,EAAE,CAAA;IAC1C,MAAM,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IACvC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;IAE/D,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,OAAO,EAAE,EAAE,CAAA;QACb,CAAC;aAAM,IAAI,YAAY,EAAE,SAAS,EAAE,CAAC;YACnC,YAAY,CAAC,SAAS,EAAE,CAAA;QAC1B,CAAC;aAAM,CAAC;YACN,cAAc,EAAE,CAAA;QAClB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,IAAI,CAAA;YACb,CAAC;QACH,CAAC;QACD,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,CAAC,aAAa,CACZ,OAAO,CAAC,WAAW,CACnB,KAAK,CAAC,SAAS,CACf,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,QAAQ,CAAC,CAAC,OAAO,CAAC,WAAW,IAAI,QAAQ,CAAC,CAC1C,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,eAAe,CAAC,QAAQ,CACxB,SAAS,CAET;MAAA,CAAC,aAAa,EAAE,CAClB;IAAA,EAAE,aAAa,CAAC,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/BaseTransactionButton/types.d.ts

@@ -0,0 +1,6 @@
+export interface BaseTransactionButtonProps {
+    onClick?(): void;
+    text?: string;
+    disabled?: boolean;
+    loading?: boolean;
+}

package/dist/esm/components/BaseTransactionButton/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/BaseTransactionButton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/BaseTransactionButton/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import type { BottomSheetBase, BottomSheetProps } from './types.js';
+export declare const BottomSheet: import("react").ForwardRefExoticComponent<Omit<BottomSheetProps, "ref"> & import("react").RefAttributes<BottomSheetBase>>;

package/dist/esm/components/BottomSheet/BottomSheet.jsx

@@ -0,0 +1,26 @@
+import { Drawer } from '@mui/material';
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
+import { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js';
+import { modalProps, paperProps, slotProps } from '../Dialog.js';
+export const BottomSheet = forwardRef(({ elementRef, children, open, onClose }, ref) => {
+    const getContainer = useGetScrollableContainer();
+    const openRef = useRef(open);
+    const [drawerOpen, setDrawerOpen] = useState(open);
+    const close = useCallback(() => {
+        setDrawerOpen(false);
+        openRef.current = false;
+        onClose?.();
+    }, [onClose]);
+    useImperativeHandle(ref, () => ({
+        isOpen: () => openRef.current,
+        open: () => {
+            setDrawerOpen(true);
+            openRef.current = true;
+        },
+        close,
+    }), [close]);
+    return (<Drawer container={getContainer} ref={elementRef} anchor="bottom" open={drawerOpen} onClose={close} ModalProps={modalProps} PaperProps={paperProps} slotProps={slotProps} disableAutoFocus>
+        {children}
+      </Drawer>);
+});
+//# sourceMappingURL=BottomSheet.jsx.map

package/dist/esm/components/BottomSheet/BottomSheet.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.jsx","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EACL,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AACjF,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGhE,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAA;IAChD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC5B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAElD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;IACb,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO;QAC7B,IAAI,EAAE,GAAG,EAAE;YACT,aAAa,CAAC,IAAI,CAAC,CAAA;YACnB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;QACxB,CAAC;QACD,KAAK;KACN,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAA;IAED,OAAO,CACL,CAAC,MAAM,CACL,SAAS,CAAC,CAAC,YAAY,CAAC,CACxB,GAAG,CAAC,CAAC,UAAU,CAAC,CAChB,MAAM,CAAC,QAAQ,CACf,IAAI,CAAC,CAAC,UAAU,CAAC,CACjB,OAAO,CAAC,CAAC,KAAK,CAAC,CACf,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,gBAAgB,CAEhB;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,MAAM,CAAC,CACV,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/esm/components/BottomSheet/types.d.ts

@@ -0,0 +1,11 @@
+import type { DrawerProps } from '@mui/material';
+import type { RefObject } from 'react';
+export type BottomSheetProps = Omit<DrawerProps, 'onClose'> & {
+    elementRef?: RefObject<HTMLDivElement>;
+    onClose?(): void;
+};
+export interface BottomSheetBase {
+    isOpen(): void;
+    open(): void;
+    close(): void;
+}

package/dist/esm/components/BottomSheet/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/BottomSheet/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/BottomSheet/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export declare const ButtonTertiary: import("@emotion/styled").StyledComponent<import("@mui/lab").LoadingButtonOwnProps & Omit<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes">, "classes"> & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "loading" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "fullWidth" | "startIcon" | "loadingIndicator" | "loadingPosition"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/ButtonTertiary.jsx

@@ -0,0 +1,19 @@
+import { LoadingButton, loadingButtonClasses } from '@mui/lab';
+import { styled } from '@mui/material';
+import { getContrastAlphaColor } from '../utils/colors.js';
+export const ButtonTertiary = styled(LoadingButton)(({ theme }) => ({
+    color: theme.palette.text.primary,
+    height: 40,
+    fontSize: 14,
+    backgroundColor: getContrastAlphaColor(theme, 0.04),
+    '&:hover, &:active': {
+        backgroundColor: getContrastAlphaColor(theme, 0.08),
+    },
+    [`&.${loadingButtonClasses.loading}:disabled`]: {
+        backgroundColor: getContrastAlphaColor(theme, 0.04),
+    },
+    [`.${loadingButtonClasses.loadingIndicator}`]: {
+        color: theme.palette.text.primary,
+    },
+}));
+//# sourceMappingURL=ButtonTertiary.jsx.map

package/dist/esm/components/ButtonTertiary.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.jsx","sourceRoot":"","sources":["../../../src/components/ButtonTertiary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,EAAE;IACZ,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;IACnD,mBAAmB,EAAE;QACnB,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;KACpD;IACD,CAAC,KAAK,oBAAoB,CAAC,OAAO,WAAW,CAAC,EAAE;QAC9C,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;KACpD;IACD,CAAC,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,CAAC,EAAE;QAC7C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;CACF,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,9 @@
+import type { CardProps as MuiCardProps } from '@mui/material';
+export interface CardProps extends MuiCardProps {
+    type?: 'default' | 'selected' | 'error';
+    selectionColor?: 'primary' | 'secondary';
+    indented?: boolean;
+}
+export declare const Card: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "elevation" | "classes" | "variant" | "square" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CardProps, {}, {}>;

package/dist/esm/components/Card/Card.jsx

@@ -0,0 +1,42 @@
+import { Card as MuiCard, alpha, darken, lighten, styled } from '@mui/material';
+export const Card = styled(MuiCard, {
+    shouldForwardProp: (prop) => !['type', 'indented', 'selectionColor'].includes(prop),
+})(({ theme, indented, selectionColor, type }) => {
+    return {
+        padding: indented ? theme.spacing(2) : 0,
+        ...(type === 'selected' &&
+            selectionColor === 'primary' && {
+            backgroundColor: theme.palette.mode === 'light'
+                ? lighten(theme.palette.primary.main, 0.95)
+                : darken(theme.palette.primary.main, 0.65),
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor: theme.palette.primary.main,
+            '&:hover': {
+                backgroundColor: theme.palette.mode === 'light'
+                    ? lighten(theme.palette.primary.main, 0.9)
+                    : darken(theme.palette.primary.main, 0.6),
+            },
+        }),
+        ...(type === 'selected' &&
+            selectionColor === 'secondary' && {
+            backgroundColor: theme.palette.mode === 'light'
+                ? lighten(theme.palette.secondary.main, 0.85)
+                : darken(theme.palette.secondary.main, 0.76),
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor: alpha(theme.palette.secondary.main, 0.2),
+            '&:hover': {
+                backgroundColor: theme.palette.mode === 'light'
+                    ? lighten(theme.palette.secondary.main, 0.8)
+                    : darken(theme.palette.secondary.main, 0.72),
+            },
+        }),
+        ...(type === 'error' && {
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor: theme.palette.error.main,
+        }),
+    };
+});
+//# sourceMappingURL=Card.jsx.map

package/dist/esm/components/Card/Card.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.jsx","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAQ/E,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,EAAE;IAClC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACnE,CAAC,CAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1D,OAAO;QACL,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,GAAG,CAAC,IAAI,KAAK,UAAU;YACrB,cAAc,KAAK,SAAS,IAAI;YAC9B,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;gBAC5B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;gBAC3C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;YAC9C,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;YACvC,SAAS,EAAE;gBACT,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;oBAC5B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;oBAC1C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;aAC9C;SACF,CAAC;QACJ,GAAG,CAAC,IAAI,KAAK,UAAU;YACrB,cAAc,KAAK,WAAW,IAAI;YAChC,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;gBAC5B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC;gBAC7C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC;YAChD,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC;YACrD,SAAS,EAAE;gBACT,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;oBAC5B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC;oBAC5C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC;aACjD;SACF,CAAC;QACJ,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI;YACtB,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;SACtC,CAAC;KACH,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/Card/CardButton.d.ts

@@ -0,0 +1,7 @@
+import type { MouseEventHandler, PropsWithChildren } from 'react';
+import type { SettingCardTitle } from '../../pages/SettingsPage/SettingsCard/types.js';
+interface SettingCardButtonProps extends SettingCardTitle {
+    onClick: MouseEventHandler;
+}
+export declare const CardButton: React.FC<PropsWithChildren<SettingCardButtonProps>>;
+export {};

package/dist/esm/components/Card/CardButton.jsx

@@ -0,0 +1,12 @@
+import { Card } from './Card.js';
+import { CardRowButton, CardTitleContainer, CardValue, } from './CardButton.style.js';
+export const CardButton = ({ onClick, icon, title, children }) => (<Card>
+    <CardRowButton onClick={onClick} disableRipple>
+      <CardTitleContainer>
+        {icon}
+        <CardValue>{title}</CardValue>
+      </CardTitleContainer>
+      {children}
+    </CardRowButton>
+  </Card>);
+//# sourceMappingURL=CardButton.jsx.map

package/dist/esm/components/Card/CardButton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.jsx","sourceRoot":"","sources":["../../../../src/components/Card/CardButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,SAAS,GACV,MAAM,uBAAuB,CAAA;AAM9B,MAAM,CAAC,MAAM,UAAU,GAEnB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC1C,CAAC,IAAI,CACH;IAAA,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,aAAa,CAC5C;MAAA,CAAC,kBAAkB,CACjB;QAAA,CAAC,IAAI,CACL;QAAA,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,CAC/B;MAAA,EAAE,kBAAkB,CACpB;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,aAAa,CACjB;EAAA,EAAE,IAAI,CAAC,CACR,CAAA"}

package/dist/esm/components/Card/CardButton.style.d.ts

@@ -0,0 +1,12 @@
+export declare const CardRowButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CardRowContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CardValue: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CardTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/Card/CardButton.style.jsx

@@ -0,0 +1,32 @@
+import { Box, ButtonBase, Typography, styled } from '@mui/material';
+export const CardRowButton = styled(ButtonBase)(({ theme }) => ({
+    background: 'none',
+    color: 'inherit',
+    border: 'none',
+    font: 'inherit',
+    cursor: 'pointer',
+    outline: 'inherit',
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: theme.spacing(2),
+    borderRadius: theme.shape.borderRadius,
+}));
+export const CardRowContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: theme.spacing(2),
+}));
+export const CardValue = styled(Typography)({
+    lineHeight: '1.25',
+    fontWeight: 500,
+});
+export const CardTitleContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1.5),
+}));
+//# sourceMappingURL=CardButton.style.jsx.map

package/dist/esm/components/Card/CardButton.style.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.style.jsx","sourceRoot":"","sources":["../../../../src/components/Card/CardButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEnE,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;CACvC,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC1C,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAA"}

package/dist/esm/components/Card/CardHeader.d.ts

@@ -0,0 +1,3 @@
+export declare const CardHeader: import("@emotion/styled").StyledComponent<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "sx" | "style" | "title" | "className" | "action" | "classes" | "subheader" | "disableTypography" | "avatar" | "subheaderTypographyProps" | "titleTypographyProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/Card/CardHeader.jsx

@@ -0,0 +1,22 @@
+import { CardHeader as MuiCardHeader, cardHeaderClasses, styled, } from '@mui/material';
+export const CardHeader = styled(MuiCardHeader)(({ theme }) => ({
+    [`.${cardHeaderClasses.action}`]: {
+        marginTop: -2,
+        alignSelf: 'center',
+    },
+    [`.${cardHeaderClasses.title}`]: {
+        fontWeight: 600,
+        fontSize: 18,
+        lineHeight: 1.3334,
+        color: theme.palette.text.primary,
+        textAlign: 'left',
+    },
+    [`.${cardHeaderClasses.subheader}`]: {
+        fontWeight: 500,
+        fontSize: 12,
+        lineHeight: 1.3334,
+        color: theme.palette.text.secondary,
+        textAlign: 'left',
+    },
+}));
+//# sourceMappingURL=CardHeader.jsx.map

package/dist/esm/components/Card/CardHeader.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.jsx","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,aAAa,EAC3B,iBAAiB,EACjB,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE;QAChC,SAAS,EAAE,CAAC,CAAC;QACb,SAAS,EAAE,QAAQ;KACpB;IACD,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACjC,SAAS,EAAE,MAAM;KAClB;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/Card/CardIconButton.d.ts

@@ -0,0 +1,6 @@
+import type { LinkProps } from '@mui/material';
+export declare const CardIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    component?: React.ElementType;
+} & Pick<LinkProps, "rel" | "target" | "href">, {}, {}>;

package/dist/esm/components/Card/CardIconButton.jsx

@@ -0,0 +1,13 @@
+import { IconButton as MuiIconButton, styled } from '@mui/material';
+import { getContrastAlphaColor } from '../../utils/colors.js';
+export const CardIconButton = styled(MuiIconButton)(({ theme }) => {
+    return {
+        padding: theme.spacing(0.5),
+        backgroundColor: getContrastAlphaColor(theme, 0.04),
+        '&:hover': {
+            backgroundColor: getContrastAlphaColor(theme, 0.08),
+        },
+        fontSize: '1rem',
+    };
+});
+//# sourceMappingURL=CardIconButton.jsx.map

package/dist/esm/components/Card/CardIconButton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardIconButton.jsx","sourceRoot":"","sources":["../../../../src/components/Card/CardIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAEjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,OAAO;QACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;QACnD,SAAS,EAAE;YACT,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;SACpD;QACD,QAAQ,EAAE,MAAM;KACjB,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/Card/CardLabel.d.ts

@@ -0,0 +1,10 @@
+export declare const CardLabel: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    type?: "active";
+}, {}, {}>;
+export declare const CardLabelTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    type?: "icon";
+}, {}, {}>;

package/dist/esm/components/Card/CardLabel.jsx

@@ -0,0 +1,40 @@
+import { Box, Typography, getContrastRatio, styled } from '@mui/material';
+import { blend } from '../../utils/colors.js';
+export const CardLabel = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'type',
+})(({ theme, type }) => {
+    const backgroundColor = type === 'active'
+        ? theme.palette.mode === 'light'
+            ? theme.palette.secondary.main
+            : blend(theme.palette.background.paper, theme.palette.secondary.main, 0.8)
+        : theme.palette.mode === 'light'
+            ? blend(theme.palette.background.paper, theme.palette.common.black, 0.12)
+            : blend(theme.palette.background.paper, theme.palette.common.white, 0.16);
+    return {
+        backgroundColor,
+        borderRadius: theme.shape.borderRadius,
+        color: getContrastRatio(theme.palette.common.white, backgroundColor) >= 3
+            ? theme.palette.common.white
+            : theme.palette.common.black,
+        padding: 0,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: 24,
+        minWidth: 24,
+        userSelect: 'none',
+        fontSize: '1rem',
+        marginRight: theme.spacing(1),
+    };
+});
+export const CardLabelTypography = styled(Typography, {
+    shouldForwardProp: (prop) => prop !== 'type',
+})(({ theme, type }) => ({
+    padding: type === 'icon'
+        ? theme.spacing(0.75, 0, 0.75, 0.75)
+        : theme.spacing(0.75, 1.5),
+    fontSize: 12,
+    lineHeight: 1,
+    fontWeight: '600',
+}));
+//# sourceMappingURL=CardLabel.jsx.map

package/dist/esm/components/Card/CardLabel.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardLabel.jsx","sourceRoot":"","sources":["../../../../src/components/Card/CardLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM;CAC7C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1C,MAAM,eAAe,GACnB,IAAI,KAAK,QAAQ;QACf,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC9B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;YAC9B,CAAC,CAAC,KAAK,CACH,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAC9B,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAC5B,GAAG,CACJ;QACL,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC9B,CAAC,CAAC,KAAK,CACH,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAC9B,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAC1B,IAAI,CACL;YACH,CAAC,CAAC,KAAK,CACH,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAC9B,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAC1B,IAAI,CACL,CAAA;IACT,OAAO;QACL,eAAe;QACf,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,KAAK,EACH,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC;YAChE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAChC,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,MAAM;QAChB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC9B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,EAAE;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM;CAC7C,CAAC,CAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,OAAO,EACL,IAAI,KAAK,MAAM;QACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC;QACpC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;IAC9B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC,CAAA"}

package/dist/esm/components/Card/CardTitle.d.ts

@@ -0,0 +1,5 @@
+export declare const CardTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    required?: boolean;
+}, {}, {}>;

package/dist/esm/components/Card/CardTitle.jsx

@@ -0,0 +1,16 @@
+import { Typography, styled } from '@mui/material';
+export const CardTitle = styled(Typography, {
+    shouldForwardProp: (prop) => !['required'].includes(prop),
+})(({ theme, required }) => ({
+    fontSize: 14,
+    lineHeight: 1,
+    fontWeight: 700,
+    padding: theme.spacing(2, 2, 0, 2),
+    textAlign: 'left',
+    color: theme.palette.text.primary,
+    '&:after': {
+        content: required ? '" *"' : 'none',
+        color: theme.palette.error.main,
+    },
+}));
+//# sourceMappingURL=CardTitle.jsx.map

package/dist/esm/components/Card/CardTitle.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardTitle.jsx","sourceRoot":"","sources":["../../../../src/components/Card/CardTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpE,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,SAAS,EAAE;QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACnC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;KAChC;CACF,CAAC,CAAC,CAAA"}