@lifi/widget 4.0.0 → 4.1.0

package/dist/esm/App.d.ts

@@ -1,9 +1,11 @@
 import { WidgetProps } from "./types/widget.js";
 import { WidgetDrawer } from "./AppDrawer.js";
-import { ForwardRefExoticComponent, RefAttributes } from "react";
+import { JSX, Ref } from "react";
 
 //#region src/App.d.ts
-declare const App: ForwardRefExoticComponent<WidgetProps & RefAttributes<WidgetDrawer>>;
+declare const App: (props: WidgetProps & {
+  ref?: Ref<WidgetDrawer>;
+}) => JSX.Element;
 //#endregion
 export { App };
 //# sourceMappingURL=App.d.ts.map

package/dist/esm/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","names":[],"sources":["../../src/App.tsx"],"mappings":";;;;;cASa,GAAA,EAAK,yBAAA,CAChB,WAAA,GAAc,aAAA,CAAc,YAAA"}
+{"version":3,"file":"App.d.ts","names":[],"sources":["../../src/App.tsx"],"mappings":";;;;;cASa,GAAA,GACX,KAAA,EAAO,WAAA;EAAgB,GAAA,GAAM,GAAA,CAAI,YAAA;AAAA,MAChC,GAAA,CAAI,OAAA"}

package/dist/esm/App.js

@@ -2,10 +2,10 @@
 import { AppDefault } from "./AppDefault.js";
 import { AppDrawer } from "./AppDrawer.js";
 import { AppProvider } from "./AppProvider.js";
-import { forwardRef, useMemo } from "react";
+import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/App.tsx
-const App = forwardRef((props, ref) => {
+const App = (props) => {
 	const config = useMemo(() => {
 		const config = {
 			...props,
@@ -24,7 +24,7 @@ const App = forwardRef((props, ref) => {
 		config,
 		formRef: props.formRef,
 		children: /* @__PURE__ */ jsx(AppDrawer, {
-			ref,
+			ref: props.ref,
 			elementRef: props.elementRef,
 			config,
 			open: props.open,
@@ -37,7 +37,7 @@ const App = forwardRef((props, ref) => {
 		formRef: props.formRef,
 		children: /* @__PURE__ */ jsx(AppDefault, {})
 	});
-});
+};
 //#endregion
 export { App };
 

package/dist/esm/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","names":[],"sources":["../../src/App.tsx"],"sourcesContent":["'use client'\nimport type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport { forwardRef, useMemo } from 'react'\nimport { AppDefault } from './AppDefault.js'\nimport type { WidgetDrawer } from './AppDrawer.js'\nimport { AppDrawer } from './AppDrawer.js'\nimport { AppProvider } from './AppProvider.js'\nimport type { WidgetConfig, WidgetProps } from './types/widget.js'\n\nexport const App: ForwardRefExoticComponent<\n  WidgetProps & RefAttributes<WidgetDrawer>\n> = forwardRef<WidgetDrawer, WidgetProps>((props, ref) => {\n  const config: WidgetConfig = useMemo(() => {\n    const config = { ...props, ...props.config }\n    if (config.variant === 'drawer') {\n      config.theme = {\n        ...config.theme,\n        container: {\n          height: '100%',\n          ...config.theme?.container,\n        },\n      }\n    }\n    return config\n  }, [props])\n\n  if (config.variant === 'drawer') {\n    return (\n      <AppProvider config={config} formRef={props.formRef}>\n        <AppDrawer\n          ref={ref}\n          elementRef={props.elementRef}\n          config={config}\n          open={props.open}\n          onClose={props.onClose}\n        >\n          <AppDefault />\n        </AppDrawer>\n      </AppProvider>\n    )\n  }\n\n  return (\n    <AppProvider config={config} formRef={props.formRef}>\n      <AppDefault />\n    </AppProvider>\n  )\n})\n"],"mappings":";;;;;;;AASA,MAAa,MAET,YAAuC,OAAO,QAAQ;CACxD,MAAM,SAAuB,cAAc;EACzC,MAAM,SAAS;GAAE,GAAG;GAAO,GAAG,MAAM;EAAO;EAC3C,IAAI,OAAO,YAAY,UACrB,OAAO,QAAQ;GACb,GAAG,OAAO;GACV,WAAW;IACT,QAAQ;IACR,GAAG,OAAO,OAAO;GACnB;EACF;EAEF,OAAO;CACT,GAAG,CAAC,KAAK,CAAC;CAEV,IAAI,OAAO,YAAY,UACrB,OACE,oBAAC,aAAD;EAAqB;EAAQ,SAAS,MAAM;YAC1C,oBAAC,WAAD;GACO;GACL,YAAY,MAAM;GACV;GACR,MAAM,MAAM;GACZ,SAAS,MAAM;aAEf,oBAAC,YAAD,CAAa,CAAA;EACJ,CAAA;CACA,CAAA;CAIjB,OACE,oBAAC,aAAD;EAAqB;EAAQ,SAAS,MAAM;YAC1C,oBAAC,YAAD,CAAa,CAAA;CACF,CAAA;AAEjB,CAAC"}
+{"version":3,"file":"App.js","names":[],"sources":["../../src/App.tsx"],"sourcesContent":["'use client'\nimport type { JSX, Ref } from 'react'\nimport { useMemo } from 'react'\nimport { AppDefault } from './AppDefault.js'\nimport type { WidgetDrawer } from './AppDrawer.js'\nimport { AppDrawer } from './AppDrawer.js'\nimport { AppProvider } from './AppProvider.js'\nimport type { WidgetConfig, WidgetProps } from './types/widget.js'\n\nexport const App = (\n  props: WidgetProps & { ref?: Ref<WidgetDrawer> }\n): JSX.Element => {\n  const config: WidgetConfig = useMemo(() => {\n    const config = { ...props, ...props.config }\n    if (config.variant === 'drawer') {\n      config.theme = {\n        ...config.theme,\n        container: {\n          height: '100%',\n          ...config.theme?.container,\n        },\n      }\n    }\n    return config\n  }, [props])\n\n  if (config.variant === 'drawer') {\n    return (\n      <AppProvider config={config} formRef={props.formRef}>\n        <AppDrawer\n          ref={props.ref}\n          elementRef={props.elementRef}\n          config={config}\n          open={props.open}\n          onClose={props.onClose}\n        >\n          <AppDefault />\n        </AppDrawer>\n      </AppProvider>\n    )\n  }\n\n  return (\n    <AppProvider config={config} formRef={props.formRef}>\n      <AppDefault />\n    </AppProvider>\n  )\n}\n"],"mappings":";;;;;;;AASA,MAAa,OACX,UACgB;CAChB,MAAM,SAAuB,cAAc;EACzC,MAAM,SAAS;GAAE,GAAG;GAAO,GAAG,MAAM;EAAO;EAC3C,IAAI,OAAO,YAAY,UACrB,OAAO,QAAQ;GACb,GAAG,OAAO;GACV,WAAW;IACT,QAAQ;IACR,GAAG,OAAO,OAAO;GACnB;EACF;EAEF,OAAO;CACT,GAAG,CAAC,KAAK,CAAC;CAEV,IAAI,OAAO,YAAY,UACrB,OACE,oBAAC,aAAD;EAAqB;EAAQ,SAAS,MAAM;YAC1C,oBAAC,WAAD;GACE,KAAK,MAAM;GACX,YAAY,MAAM;GACV;GACR,MAAM,MAAM;GACZ,SAAS,MAAM;aAEf,oBAAC,YAAD,CAAa,CAAA;EACJ,CAAA;CACA,CAAA;CAIjB,OACE,oBAAC,aAAD;EAAqB;EAAQ,SAAS,MAAM;YAC1C,oBAAC,YAAD,CAAa,CAAA;CACF,CAAA;AAEjB"}

package/dist/esm/AppDrawer.d.ts

@@ -1,4 +1,4 @@
-import { ForwardRefExoticComponent, PropsWithChildren, RefAttributes } from "react";
+import { JSX, PropsWithChildren, Ref } from "react";
 
 //#region src/AppDrawer.d.ts
 interface WidgetDrawer {

package/dist/esm/AppDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppDrawer.d.ts","names":[],"sources":["../../src/AppDrawer.tsx"],"mappings":";;;UAkBiB,YAAA;EACf,MAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;AAAA"}
+{"version":3,"file":"AppDrawer.d.ts","names":[],"sources":["../../src/AppDrawer.tsx"],"mappings":";;;UAaiB,YAAA;EACf,MAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;AAAA"}

package/dist/esm/AppDrawer.js

@@ -1,9 +1,9 @@
 import { DrawerContext } from "./AppDrawerContext.js";
-import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Drawer } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 //#region src/AppDrawer.tsx
-const AppDrawer = forwardRef(({ elementRef, open, onClose, children }, ref) => {
+const AppDrawer = ({ elementRef, open, onClose, children, ref }) => {
 	const openRef = useRef(Boolean(open));
 	const [drawerOpen, setDrawerOpen] = useState(Boolean(open));
 	const toggleDrawer = useCallback(() => {
@@ -32,9 +32,8 @@ const AppDrawer = forwardRef(({ elementRef, open, onClose, children }, ref) => {
 		openDrawer,
 		toggleDrawer
 	]);
-	const drawerContext = useMemo(() => ({ closeDrawer }), [closeDrawer]);
-	return /* @__PURE__ */ jsx(DrawerContext.Provider, {
-		value: drawerContext,
+	return /* @__PURE__ */ jsx(DrawerContext, {
+		value: useMemo(() => ({ closeDrawer }), [closeDrawer]),
 		children: /* @__PURE__ */ jsx(Drawer, {
 			ref: elementRef,
 			anchor: "right",
@@ -56,7 +55,7 @@ const AppDrawer = forwardRef(({ elementRef, open, onClose, children }, ref) => {
 			children
 		})
 	});
-});
+};
 //#endregion
 export { AppDrawer };
 

package/dist/esm/AppDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppDrawer.js","names":[],"sources":["../../src/AppDrawer.tsx"],"sourcesContent":["import { Drawer } from '@mui/material'\nimport type {\n  ForwardRefExoticComponent,\n  PropsWithChildren,\n  RefAttributes,\n} from 'react'\nimport {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport type { WidgetDrawerContext } from './AppDrawerContext.js'\nimport { DrawerContext } from './AppDrawerContext.js'\nimport type { WidgetDrawerProps } from './types/widget.js'\n\nexport interface WidgetDrawer {\n  isOpen(): void\n  toggleDrawer(): void\n  openDrawer(): void\n  closeDrawer(): void\n}\n\nexport const AppDrawer: ForwardRefExoticComponent<\n  PropsWithChildren<WidgetDrawerProps> & RefAttributes<WidgetDrawer>\n> = forwardRef<WidgetDrawer, PropsWithChildren<WidgetDrawerProps>>(\n  ({ elementRef, open, onClose, children }, ref) => {\n    const openRef = useRef(Boolean(open))\n    const [drawerOpen, setDrawerOpen] = useState(Boolean(open))\n\n    const toggleDrawer = useCallback(() => {\n      setDrawerOpen((open) => {\n        openRef.current = !open\n        return openRef.current\n      })\n      if (!openRef.current) {\n        onClose?.()\n      }\n    }, [onClose])\n\n    const openDrawer = useCallback(() => {\n      setDrawerOpen(true)\n      openRef.current = true\n    }, [])\n\n    const closeDrawer = useCallback(() => {\n      setDrawerOpen(false)\n      openRef.current = false\n      onClose?.()\n    }, [onClose])\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        isOpen: () => openRef.current,\n        toggleDrawer,\n        openDrawer,\n        closeDrawer,\n      }),\n      [closeDrawer, openDrawer, toggleDrawer]\n    )\n\n    const drawerContext: WidgetDrawerContext = useMemo(\n      () => ({\n        closeDrawer,\n      }),\n      [closeDrawer]\n    )\n\n    return (\n      <DrawerContext.Provider value={drawerContext}>\n        <Drawer\n          ref={elementRef}\n          anchor=\"right\"\n          open={drawerOpen}\n          onClose={closeDrawer}\n          slotProps={{\n            paper: {\n              sx: (theme) => ({\n                background: theme.vars.palette.background.default,\n                width: theme?.container?.width ?? '100%',\n                minWidth:\n                  theme?.container?.minWidth ?? theme.breakpoints.values.xs,\n                maxWidth:\n                  theme?.container?.maxWidth ?? theme.breakpoints.values.sm,\n              }),\n            },\n            backdrop: {\n              sx: {\n                backgroundColor: 'rgb(0 0 0 / 48%)',\n                backdropFilter: 'blur(3px)',\n              },\n            },\n          }}\n          keepMounted\n        >\n          {children}\n        </Drawer>\n      </DrawerContext.Provider>\n    )\n  }\n)\n"],"mappings":";;;;;AAyBA,MAAa,YAET,YACD,EAAE,YAAY,MAAM,SAAS,YAAY,QAAQ;CAChD,MAAM,UAAU,OAAO,QAAQ,IAAI,CAAC;CACpC,MAAM,CAAC,YAAY,iBAAiB,SAAS,QAAQ,IAAI,CAAC;CAE1D,MAAM,eAAe,kBAAkB;EACrC,eAAe,SAAS;GACtB,QAAQ,UAAU,CAAC;GACnB,OAAO,QAAQ;EACjB,CAAC;EACD,IAAI,CAAC,QAAQ,SACX,UAAU;CAEd,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,aAAa,kBAAkB;EACnC,cAAc,IAAI;EAClB,QAAQ,UAAU;CACpB,GAAG,CAAC,CAAC;CAEL,MAAM,cAAc,kBAAkB;EACpC,cAAc,KAAK;EACnB,QAAQ,UAAU;EAClB,UAAU;CACZ,GAAG,CAAC,OAAO,CAAC;CAEZ,oBACE,YACO;EACL,cAAc,QAAQ;EACtB;EACA;EACA;CACF,IACA;EAAC;EAAa;EAAY;CAAY,CACxC;CAEA,MAAM,gBAAqC,eAClC,EACL,YACF,IACA,CAAC,WAAW,CACd;CAEA,OACE,oBAAC,cAAc,UAAf;EAAwB,OAAO;YAC7B,oBAAC,QAAD;GACE,KAAK;GACL,QAAO;GACP,MAAM;GACN,SAAS;GACT,WAAW;IACT,OAAO,EACL,KAAK,WAAW;KACd,YAAY,MAAM,KAAK,QAAQ,WAAW;KAC1C,OAAO,OAAO,WAAW,SAAS;KAClC,UACE,OAAO,WAAW,YAAY,MAAM,YAAY,OAAO;KACzD,UACE,OAAO,WAAW,YAAY,MAAM,YAAY,OAAO;IAC3D,GACF;IACA,UAAU,EACR,IAAI;KACF,iBAAiB;KACjB,gBAAgB;IAClB,EACF;GACF;GACA,aAAA;GAEC;EACK,CAAA;CACc,CAAA;AAE5B,CACF"}
+{"version":3,"file":"AppDrawer.js","names":[],"sources":["../../src/AppDrawer.tsx"],"sourcesContent":["import { Drawer } from '@mui/material'\nimport type { JSX, PropsWithChildren, Ref } from 'react'\nimport {\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport type { WidgetDrawerContext } from './AppDrawerContext.js'\nimport { DrawerContext } from './AppDrawerContext.js'\nimport type { WidgetDrawerProps } from './types/widget.js'\n\nexport interface WidgetDrawer {\n  isOpen(): void\n  toggleDrawer(): void\n  openDrawer(): void\n  closeDrawer(): void\n}\n\nexport const AppDrawer = ({\n  elementRef,\n  open,\n  onClose,\n  children,\n  ref,\n}: PropsWithChildren<WidgetDrawerProps> & {\n  ref?: Ref<WidgetDrawer>\n}): JSX.Element => {\n  const openRef = useRef(Boolean(open))\n  const [drawerOpen, setDrawerOpen] = useState(Boolean(open))\n\n  const toggleDrawer = useCallback(() => {\n    setDrawerOpen((open) => {\n      openRef.current = !open\n      return openRef.current\n    })\n    if (!openRef.current) {\n      onClose?.()\n    }\n  }, [onClose])\n\n  const openDrawer = useCallback(() => {\n    setDrawerOpen(true)\n    openRef.current = true\n  }, [])\n\n  const closeDrawer = useCallback(() => {\n    setDrawerOpen(false)\n    openRef.current = false\n    onClose?.()\n  }, [onClose])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      isOpen: () => openRef.current,\n      toggleDrawer,\n      openDrawer,\n      closeDrawer,\n    }),\n    [closeDrawer, openDrawer, toggleDrawer]\n  )\n\n  const drawerContext: WidgetDrawerContext = useMemo(\n    () => ({\n      closeDrawer,\n    }),\n    [closeDrawer]\n  )\n\n  return (\n    <DrawerContext value={drawerContext}>\n      <Drawer\n        ref={elementRef}\n        anchor=\"right\"\n        open={drawerOpen}\n        onClose={closeDrawer}\n        slotProps={{\n          paper: {\n            sx: (theme) => ({\n              background: theme.vars.palette.background.default,\n              width: theme?.container?.width ?? '100%',\n              minWidth:\n                theme?.container?.minWidth ?? theme.breakpoints.values.xs,\n              maxWidth:\n                theme?.container?.maxWidth ?? theme.breakpoints.values.sm,\n            }),\n          },\n          backdrop: {\n            sx: {\n              backgroundColor: 'rgb(0 0 0 / 48%)',\n              backdropFilter: 'blur(3px)',\n            },\n          },\n        }}\n        keepMounted\n      >\n        {children}\n      </Drawer>\n    </DrawerContext>\n  )\n}\n"],"mappings":";;;;;AAoBA,MAAa,aAAa,EACxB,YACA,MACA,SACA,UACA,UAGiB;CACjB,MAAM,UAAU,OAAO,QAAQ,IAAI,CAAC;CACpC,MAAM,CAAC,YAAY,iBAAiB,SAAS,QAAQ,IAAI,CAAC;CAE1D,MAAM,eAAe,kBAAkB;EACrC,eAAe,SAAS;GACtB,QAAQ,UAAU,CAAC;GACnB,OAAO,QAAQ;EACjB,CAAC;EACD,IAAI,CAAC,QAAQ,SACX,UAAU;CAEd,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,aAAa,kBAAkB;EACnC,cAAc,IAAI;EAClB,QAAQ,UAAU;CACpB,GAAG,CAAC,CAAC;CAEL,MAAM,cAAc,kBAAkB;EACpC,cAAc,KAAK;EACnB,QAAQ,UAAU;EAClB,UAAU;CACZ,GAAG,CAAC,OAAO,CAAC;CAEZ,oBACE,YACO;EACL,cAAc,QAAQ;EACtB;EACA;EACA;CACF,IACA;EAAC;EAAa;EAAY;CAAY,CACxC;CASA,OACE,oBAAC,eAAD;EAAe,OAR0B,eAClC,EACL,YACF,IACA,CAAC,WAAW,CAIsB;YAChC,oBAAC,QAAD;GACE,KAAK;GACL,QAAO;GACP,MAAM;GACN,SAAS;GACT,WAAW;IACT,OAAO,EACL,KAAK,WAAW;KACd,YAAY,MAAM,KAAK,QAAQ,WAAW;KAC1C,OAAO,OAAO,WAAW,SAAS;KAClC,UACE,OAAO,WAAW,YAAY,MAAM,YAAY,OAAO;KACzD,UACE,OAAO,WAAW,YAAY,MAAM,YAAY,OAAO;IAC3D,GACF;IACA,UAAU,EACR,IAAI;KACF,iBAAiB;KACjB,gBAAgB;IAClB,EACF;GACF;GACA,aAAA;GAEC;EACK,CAAA;CACK,CAAA;AAEnB"}

package/dist/esm/AppDrawerContext.js

@@ -1,7 +1,7 @@
-import { createContext, useContext } from "react";
+import { createContext, use } from "react";
 //#region src/AppDrawerContext.ts
 const DrawerContext = createContext({});
-const useDrawer = () => useContext(DrawerContext);
+const useDrawer = () => use(DrawerContext);
 //#endregion
 export { DrawerContext, useDrawer };
 

package/dist/esm/AppDrawerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppDrawerContext.js","names":[],"sources":["../../src/AppDrawerContext.ts"],"sourcesContent":["import { type Context, createContext, useContext } from 'react'\n\nexport interface WidgetDrawerContext {\n  closeDrawer?(): void\n}\n\nexport const DrawerContext: Context<WidgetDrawerContext> =\n  createContext<WidgetDrawerContext>({})\n\nexport const useDrawer = (): WidgetDrawerContext => useContext(DrawerContext)\n"],"mappings":";;AAMA,MAAa,gBACX,cAAmC,CAAC,CAAC;AAEvC,MAAa,kBAAuC,WAAW,aAAa"}
+{"version":3,"file":"AppDrawerContext.js","names":[],"sources":["../../src/AppDrawerContext.ts"],"sourcesContent":["import { type Context, createContext, use } from 'react'\n\nexport interface WidgetDrawerContext {\n  closeDrawer?(): void\n}\n\nexport const DrawerContext: Context<WidgetDrawerContext> =\n  createContext<WidgetDrawerContext>({})\n\nexport const useDrawer = (): WidgetDrawerContext => use(DrawerContext)\n"],"mappings":";;AAMA,MAAa,gBACX,cAAmC,CAAC,CAAC;AAEvC,MAAa,kBAAuC,IAAI,aAAa"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionRow.style.js","names":[],"sources":["../../../../src/components/ActionRow/ActionRow.style.tsx"],"sourcesContent":["import { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const ActionRowContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    padding: theme.spacing(1),\n    borderRadius: theme.vars.shape.borderRadiusTertiary,\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n  }))\n\nexport const ActionRowLabel: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    flex: 1,\n    fontSize: 12,\n    fontWeight: 500,\n    lineHeight: 1.3334,\n    color: theme.vars.palette.text.primary,\n  }))\n"],"mappings":";;AAGA,MAAa,qBACX,OAAO,GAAG,GAAG,EAAE,aAAa;CAC1B,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,CAAC;CACpB,SAAS,MAAM,QAAQ,CAAC;CACxB,cAAc,MAAM,KAAK,MAAM;CAC/B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;AAChF,EAAE;AAEJ,MAAa,iBACX,OAAO,UAAU,GAAG,EAAE,aAAa;CACjC,MAAM;CACN,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;AACjC,EAAE"}
+{"version":3,"file":"ActionRow.style.js","names":[],"sources":["../../../../src/components/ActionRow/ActionRow.style.tsx"],"sourcesContent":["import { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const ActionRowContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    padding: theme.spacing(1),\n    borderRadius: theme.vars.shape.borderRadiusTertiary,\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n  }))\n\nexport const ActionRowLabel: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    flex: 1,\n    fontSize: 12,\n    fontWeight: 500,\n    lineHeight: 1.3334,\n    color: theme.vars.palette.text.primary,\n  }))\n"],"mappings":";;AAGA,MAAa,qBACX,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC1B,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,CAAC;CACpB,SAAS,MAAM,QAAQ,CAAC;CACxB,cAAc,MAAM,KAAK,MAAM;CAC/B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;AAChF,EAAE;AAEJ,MAAa,iBACX,OAAO,UAAU,CAAC,EAAE,EAAE,aAAa;CACjC,MAAM;CACN,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;AACjC,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.js","names":[],"sources":["../../../../src/components/AmountInput/AmountInput.tsx"],"sourcesContent":["import type { Token } from '@lifi/sdk'\nimport type { CardProps } from '@mui/material'\nimport type { ChangeEvent, ReactNode } from 'react'\nimport { useLayoutEffect, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useToken } from '../../hooks/useToken.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { FormKeyHelper, type FormTypeProps } from '../../stores/form/types.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { useInputModeStore } from '../../stores/inputMode/useInputModeStore.js'\nimport {\n  formatInputAmount,\n  formatTokenPrice,\n  priceToTokenAmount,\n  usdDecimals,\n} from '../../utils/format.js'\nimport { fitInputText } from '../../utils/input.js'\nimport { InputCard } from '../Card/InputCard.js'\nimport {\n  AmountInputCardHeader,\n  AmountInputCardTitle,\n  FormContainer,\n  FormControl,\n  Input,\n  maxInputFontSize,\n  minInputFontSize,\n} from './AmountInput.style.js'\nimport { AmountInputEndAdornment } from './AmountInputEndAdornment.js'\nimport { AmountInputStartAdornment } from './AmountInputStartAdornment.js'\nimport { PriceFormHelperText } from './PriceFormHelperText.js'\n\nexport const AmountInput: React.FC<FormTypeProps & CardProps> = ({\n  formType,\n  ...props\n}) => {\n  const { disabledUI } = useWidgetConfig()\n\n  const [chainId, tokenAddress] = useFieldValues(\n    FormKeyHelper.getChainKey(formType),\n    FormKeyHelper.getTokenKey(formType)\n  )\n\n  const { token } = useToken(chainId, tokenAddress)\n\n  const disabled = disabledUI?.fromAmount\n  return (\n    <AmountInputBase\n      formType={formType}\n      token={token}\n      bottomAdornment={<PriceFormHelperText formType={formType} />}\n      disabled={disabled}\n      {...props}\n    />\n  )\n}\n\nconst AmountInputBase: React.FC<\n  FormTypeProps &\n    CardProps & {\n      token?: Token\n      startAdornment?: ReactNode\n      bottomAdornment?: ReactNode\n      disabled?: boolean\n    }\n> = ({\n  formType,\n  token,\n  startAdornment,\n  bottomAdornment,\n  disabled,\n  ...props\n}) => {\n  const { t } = useTranslation()\n  const { mode, modeOptions } = useWidgetConfig()\n  const ref = useRef<HTMLInputElement>(null)\n\n  const isEditingRef = useRef(false)\n  const [formattedPriceInput, setFormattedPriceInput] = useState('')\n\n  const amountKey = FormKeyHelper.getAmountKey(formType)\n  const [value] = useFieldValues(amountKey)\n  const { setFieldValue } = useFieldActions()\n  const { inputMode } = useInputModeStore()\n\n  const currentInputMode = inputMode[formType]\n  let displayValue: string\n  if (isEditingRef.current) {\n    if (currentInputMode === 'price') {\n      displayValue = formattedPriceInput\n    } else {\n      displayValue = value as string\n    }\n  } else {\n    if (currentInputMode === 'price') {\n      const priceValue = formatTokenPrice(value as string, token?.priceUSD)\n      displayValue = formatInputAmount(\n        priceValue.toFixed(usdDecimals),\n        usdDecimals\n      )\n    } else {\n      displayValue = value as string\n    }\n  }\n\n  const handleChange = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    const { value: inputValue } = event.target\n    isEditingRef.current = true\n\n    let formattedValue: string\n    if (currentInputMode === 'price') {\n      const cleanInputValue = inputValue.replace('$', '')\n      formattedValue = formatInputAmount(cleanInputValue, usdDecimals, true)\n      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)\n      setFormattedPriceInput(formattedValue)\n      setFieldValue(amountKey, tokenValue, { isDirty: true, isTouched: true })\n    } else {\n      formattedValue = formatInputAmount(inputValue, token?.decimals, true)\n      setFieldValue(amountKey, formattedValue, {\n        isDirty: true,\n        isTouched: true,\n      })\n    }\n  }\n\n  const handleBlur = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    const { value: inputValue } = event.target\n    isEditingRef.current = false\n\n    let formattedValue: string\n    if (currentInputMode === 'price') {\n      const cleanInputValue = inputValue.replace('$', '')\n      formattedValue = formatInputAmount(cleanInputValue, usdDecimals)\n      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)\n      const formattedAmount = formatInputAmount(tokenValue, token?.decimals)\n      setFieldValue(amountKey, formattedAmount, {\n        isDirty: true,\n        isTouched: true,\n      })\n    } else {\n      formattedValue = formatInputAmount(inputValue, token?.decimals)\n      setFieldValue(amountKey, formattedValue, {\n        isDirty: true,\n        isTouched: true,\n      })\n    }\n  }\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: we need run effect on value change\n  useLayoutEffect(() => {\n    if (ref.current) {\n      fitInputText(maxInputFontSize, minInputFontSize, ref.current)\n    }\n  }, [displayValue])\n\n  const title =\n    mode === 'custom'\n      ? modeOptions?.custom?.type === 'deposit'\n        ? t('header.amount')\n        : t('header.youPay')\n      : t('header.send')\n\n  return (\n    <InputCard {...props}>\n      <AmountInputCardHeader>\n        <AmountInputCardTitle>{title}</AmountInputCardTitle>\n      </AmountInputCardHeader>\n      <FormContainer>\n        <AmountInputStartAdornment formType={formType} />\n        <FormControl fullWidth>\n          <Input\n            inputRef={ref}\n            size=\"small\"\n            autoComplete=\"off\"\n            placeholder={currentInputMode === 'price' ? '$0' : '0'}\n            startAdornment={startAdornment}\n            inputProps={{\n              inputMode: 'decimal',\n            }}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            value={\n              currentInputMode === 'price'\n                ? displayValue\n                  ? `$${displayValue}`\n                  : ''\n                : displayValue\n            }\n            name={amountKey}\n            disabled={disabled}\n            required\n          />\n          {bottomAdornment}\n        </FormControl>\n      </FormContainer>\n      {!disabled && <AmountInputEndAdornment formType={formType} />}\n    </InputCard>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"AmountInput.js","names":[],"sources":["../../../../src/components/AmountInput/AmountInput.tsx"],"sourcesContent":["import type { Token } from '@lifi/sdk'\nimport type { CardProps } from '@mui/material'\nimport type { ChangeEvent, ReactNode } from 'react'\nimport { useLayoutEffect, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useToken } from '../../hooks/useToken.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { FormKeyHelper, type FormTypeProps } from '../../stores/form/types.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { useInputModeStore } from '../../stores/inputMode/useInputModeStore.js'\nimport {\n  formatInputAmount,\n  formatTokenPrice,\n  priceToTokenAmount,\n  usdDecimals,\n} from '../../utils/format.js'\nimport { fitInputText } from '../../utils/input.js'\nimport { InputCard } from '../Card/InputCard.js'\nimport {\n  AmountInputCardHeader,\n  AmountInputCardTitle,\n  FormContainer,\n  FormControl,\n  Input,\n  maxInputFontSize,\n  minInputFontSize,\n} from './AmountInput.style.js'\nimport { AmountInputEndAdornment } from './AmountInputEndAdornment.js'\nimport { AmountInputStartAdornment } from './AmountInputStartAdornment.js'\nimport { PriceFormHelperText } from './PriceFormHelperText.js'\n\nexport const AmountInput: React.FC<FormTypeProps & CardProps> = ({\n  formType,\n  ...props\n}) => {\n  const { disabledUI } = useWidgetConfig()\n\n  const [chainId, tokenAddress] = useFieldValues(\n    FormKeyHelper.getChainKey(formType),\n    FormKeyHelper.getTokenKey(formType)\n  )\n\n  const { token } = useToken(chainId, tokenAddress)\n\n  const disabled = disabledUI?.fromAmount\n  return (\n    <AmountInputBase\n      formType={formType}\n      token={token}\n      bottomAdornment={<PriceFormHelperText formType={formType} />}\n      disabled={disabled}\n      {...props}\n    />\n  )\n}\n\nconst AmountInputBase: React.FC<\n  FormTypeProps &\n    CardProps & {\n      token?: Token\n      startAdornment?: ReactNode\n      bottomAdornment?: ReactNode\n      disabled?: boolean\n    }\n> = ({\n  formType,\n  token,\n  startAdornment,\n  bottomAdornment,\n  disabled,\n  ...props\n}) => {\n  const { t } = useTranslation()\n  const { mode, modeOptions } = useWidgetConfig()\n  const ref = useRef<HTMLInputElement>(null)\n\n  const isEditingRef = useRef(false)\n  const [formattedPriceInput, setFormattedPriceInput] = useState('')\n\n  const amountKey = FormKeyHelper.getAmountKey(formType)\n  const [value] = useFieldValues(amountKey)\n  const { setFieldValue } = useFieldActions()\n  const { inputMode } = useInputModeStore()\n\n  const currentInputMode = inputMode[formType]\n  let displayValue: string\n  if (isEditingRef.current) {\n    if (currentInputMode === 'price') {\n      displayValue = formattedPriceInput\n    } else {\n      displayValue = value as string\n    }\n  } else {\n    if (currentInputMode === 'price') {\n      const priceValue = formatTokenPrice(value as string, token?.priceUSD)\n      displayValue = formatInputAmount(\n        priceValue.toFixed(usdDecimals),\n        usdDecimals\n      )\n    } else {\n      displayValue = value as string\n    }\n  }\n\n  const handleChange = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    const { value: inputValue } = event.target\n    isEditingRef.current = true\n\n    let formattedValue: string\n    if (currentInputMode === 'price') {\n      const cleanInputValue = inputValue.replace('$', '')\n      formattedValue = formatInputAmount(cleanInputValue, usdDecimals, true)\n      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)\n      setFormattedPriceInput(formattedValue)\n      setFieldValue(amountKey, tokenValue, { isDirty: true, isTouched: true })\n    } else {\n      formattedValue = formatInputAmount(inputValue, token?.decimals, true)\n      setFieldValue(amountKey, formattedValue, {\n        isDirty: true,\n        isTouched: true,\n      })\n    }\n  }\n\n  const handleBlur = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    const { value: inputValue } = event.target\n    isEditingRef.current = false\n\n    let formattedValue: string\n    if (currentInputMode === 'price') {\n      const cleanInputValue = inputValue.replace('$', '')\n      formattedValue = formatInputAmount(cleanInputValue, usdDecimals)\n      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)\n      const formattedAmount = formatInputAmount(tokenValue, token?.decimals)\n      setFieldValue(amountKey, formattedAmount, {\n        isDirty: true,\n        isTouched: true,\n      })\n    } else {\n      formattedValue = formatInputAmount(inputValue, token?.decimals)\n      setFieldValue(amountKey, formattedValue, {\n        isDirty: true,\n        isTouched: true,\n      })\n    }\n  }\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: we need run effect on value change\n  useLayoutEffect(() => {\n    if (ref.current) {\n      fitInputText(maxInputFontSize, minInputFontSize, ref.current)\n    }\n  }, [displayValue])\n\n  const title =\n    mode === 'custom'\n      ? modeOptions?.custom?.type === 'deposit'\n        ? t('header.amount')\n        : t('header.youPay')\n      : t('header.send')\n\n  return (\n    <InputCard {...props}>\n      <AmountInputCardHeader>\n        <AmountInputCardTitle>{title}</AmountInputCardTitle>\n      </AmountInputCardHeader>\n      <FormContainer>\n        <AmountInputStartAdornment formType={formType} />\n        <FormControl fullWidth>\n          <Input\n            inputRef={ref}\n            size=\"small\"\n            autoComplete=\"off\"\n            placeholder={currentInputMode === 'price' ? '$0' : '0'}\n            startAdornment={startAdornment}\n            inputProps={{\n              inputMode: 'decimal',\n            }}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            value={\n              currentInputMode === 'price'\n                ? displayValue\n                  ? `$${displayValue}`\n                  : ''\n                : displayValue\n            }\n            name={amountKey}\n            disabled={disabled}\n            required\n          />\n          {bottomAdornment}\n        </FormControl>\n      </FormContainer>\n      {!disabled && <AmountInputEndAdornment formType={formType} />}\n    </InputCard>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.style.js","names":["FormControl","MuiFormControl"],"sources":["../../../../src/components/AmountInput/AmountInput.style.tsx"],"sourcesContent":["import {\n  Box,\n  InputBase,\n  inputBaseClasses,\n  FormControl as MuiFormControl,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\nimport { CardTitle } from '../Card/CardTitle.js'\n\nexport const maxInputFontSize = 24\nexport const minInputFontSize = 14\n\nexport const FormContainer: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  padding: theme.spacing(2),\n}))\n\nexport const FormControl: React.FC<\n  React.ComponentProps<typeof MuiFormControl>\n> = styled(MuiFormControl)(() => ({\n  height: 40,\n}))\n\nexport const Input: React.FC<React.ComponentProps<typeof InputBase>> = styled(\n  InputBase\n)(({ theme }) => ({\n  fontSize: 24,\n  fontWeight: 700,\n  boxShadow: 'none',\n  lineHeight: 1.5,\n  [`.${inputBaseClasses.input}`]: {\n    height: 24,\n    padding: theme.spacing(0, 0, 0, 2),\n  },\n  '& input[type=\"number\"]::-webkit-outer-spin-button, & input[type=\"number\"]::-webkit-inner-spin-button':\n    {\n      WebkitAppearance: 'none',\n      margin: 0,\n    },\n  '& input[type=\"number\"]': {\n    MozAppearance: 'textfield',\n  },\n  [`&.${inputBaseClasses.disabled}`]: {\n    color: 'inherit',\n  },\n  [`.${inputBaseClasses.input}.${inputBaseClasses.disabled}`]: {\n    WebkitTextFillColor: 'unset',\n  },\n}))\n\nexport const AmountInputCardTitle: React.FC<\n  React.ComponentProps<typeof CardTitle>\n> = styled(CardTitle)(({ theme }) => ({\n  padding: theme.spacing(0),\n}))\n\nexport const AmountInputCardHeader: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    padding: theme.spacing(2, 2, 0, 2),\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    height: 30,\n  }))\n"],"mappings":";;;AAaA,MAAa,gBAA4D,OACvE,GACF,GAAG,EAAE,aAAa;CAChB,SAAS;CACT,YAAY;CACZ,SAAS,MAAM,QAAQ,CAAC;AAC1B,EAAE;AAEF,MAAaA,gBAET,OAAOC,WAAc,SAAS,EAChC,QAAQ,GACV,EAAE;AAEF,MAAa,QAA0D,OACrE,SACF,GAAG,EAAE,aAAa;CAChB,UAAU;CACV,YAAY;CACZ,WAAW;CACX,YAAY;EACX,IAAI,iBAAiB,UAAU;EAC9B,QAAQ;EACR,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;CACnC;CACA,4GACE;EACE,kBAAkB;EAClB,QAAQ;CACV;CACF,4BAA0B,EACxB,eAAe,YACjB;EACC,KAAK,iBAAiB,aAAa,EAClC,OAAO,UACT;EACC,IAAI,iBAAiB,MAAM,GAAG,iBAAiB,aAAa,EAC3D,qBAAqB,QACvB;AACF,EAAE;AAEF,MAAa,uBAET,OAAO,SAAS,GAAG,EAAE,aAAa,EACpC,SAAS,MAAM,QAAQ,CAAC,EAC1B,EAAE;AAEF,MAAa,wBACX,OAAO,GAAG,GAAG,EAAE,aAAa;CAC1B,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;CACjC,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;AACV,EAAE"}
+{"version":3,"file":"AmountInput.style.js","names":["FormControl","MuiFormControl"],"sources":["../../../../src/components/AmountInput/AmountInput.style.tsx"],"sourcesContent":["import {\n  Box,\n  InputBase,\n  inputBaseClasses,\n  FormControl as MuiFormControl,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\nimport { CardTitle } from '../Card/CardTitle.js'\n\nexport const maxInputFontSize = 24\nexport const minInputFontSize = 14\n\nexport const FormContainer: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  padding: theme.spacing(2),\n}))\n\nexport const FormControl: React.FC<\n  React.ComponentProps<typeof MuiFormControl>\n> = styled(MuiFormControl)(() => ({\n  height: 40,\n}))\n\nexport const Input: React.FC<React.ComponentProps<typeof InputBase>> = styled(\n  InputBase\n)(({ theme }) => ({\n  fontSize: 24,\n  fontWeight: 700,\n  boxShadow: 'none',\n  lineHeight: 1.5,\n  [`.${inputBaseClasses.input}`]: {\n    height: 24,\n    padding: theme.spacing(0, 0, 0, 2),\n  },\n  '& input[type=\"number\"]::-webkit-outer-spin-button, & input[type=\"number\"]::-webkit-inner-spin-button':\n    {\n      WebkitAppearance: 'none',\n      margin: 0,\n    },\n  '& input[type=\"number\"]': {\n    MozAppearance: 'textfield',\n  },\n  [`&.${inputBaseClasses.disabled}`]: {\n    color: 'inherit',\n  },\n  [`.${inputBaseClasses.input}.${inputBaseClasses.disabled}`]: {\n    WebkitTextFillColor: 'unset',\n  },\n}))\n\nexport const AmountInputCardTitle: React.FC<\n  React.ComponentProps<typeof CardTitle>\n> = styled(CardTitle)(({ theme }) => ({\n  padding: theme.spacing(0),\n}))\n\nexport const AmountInputCardHeader: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    padding: theme.spacing(2, 2, 0, 2),\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    height: 30,\n  }))\n"],"mappings":";;;AAaA,MAAa,gBAA4D,OACvE,GACF,CAAC,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,YAAY;CACZ,SAAS,MAAM,QAAQ,CAAC;AAC1B,EAAE;AAEF,MAAaA,gBAET,OAAOC,WAAc,CAAC,QAAQ,EAChC,QAAQ,GACV,EAAE;AAEF,MAAa,QAA0D,OACrE,SACF,CAAC,EAAE,EAAE,aAAa;CAChB,UAAU;CACV,YAAY;CACZ,WAAW;CACX,YAAY;EACX,IAAI,iBAAiB,UAAU;EAC9B,QAAQ;EACR,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;CACnC;CACA,4GACE;EACE,kBAAkB;EAClB,QAAQ;CACV;CACF,4BAA0B,EACxB,eAAe,YACjB;EACC,KAAK,iBAAiB,aAAa,EAClC,OAAO,UACT;EACC,IAAI,iBAAiB,MAAM,GAAG,iBAAiB,aAAa,EAC3D,qBAAqB,QACvB;AACF,EAAE;AAEF,MAAa,uBAET,OAAO,SAAS,CAAC,EAAE,EAAE,aAAa,EACpC,SAAS,MAAM,QAAQ,CAAC,EAC1B,EAAE;AAEF,MAAa,wBACX,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC1B,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;CACjC,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;AACV,EAAE"}

package/dist/esm/components/AmountInput/AmountInputEndAdornment.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInputEndAdornment.style.js","names":[],"sources":["../../../../src/components/AmountInput/AmountInputEndAdornment.style.ts"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\nimport { ButtonTertiary } from '../ButtonTertiary.js'\n\nexport const ButtonContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    gap: theme.spacing(1),\n    padding: theme.spacing(0, 2, 2, 2),\n  }))\n\nexport const AmountInputButton: React.FC<\n  React.ComponentProps<typeof ButtonTertiary>\n> = styled(ButtonTertiary)(({ theme }) => ({\n  flex: 1,\n  padding: theme.spacing(0.5, 1.5),\n  fontSize: 12,\n  fontWeight: 700,\n  lineHeight: 1.3334,\n  height: 'auto',\n  borderRadius: theme.shape.borderRadiusSecondary,\n}))\n"],"mappings":";;;AAIA,MAAa,kBACX,OAAO,GAAG,GAAG,EAAE,aAAa;CAC1B,SAAS;CACT,KAAK,MAAM,QAAQ,CAAC;CACpB,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AACnC,EAAE;AAEJ,MAAa,oBAET,OAAO,cAAc,GAAG,EAAE,aAAa;CACzC,MAAM;CACN,SAAS,MAAM,QAAQ,IAAK,GAAG;CAC/B,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,cAAc,MAAM,MAAM;AAC5B,EAAE"}
+{"version":3,"file":"AmountInputEndAdornment.style.js","names":[],"sources":["../../../../src/components/AmountInput/AmountInputEndAdornment.style.ts"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\nimport { ButtonTertiary } from '../ButtonTertiary.js'\n\nexport const ButtonContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    gap: theme.spacing(1),\n    padding: theme.spacing(0, 2, 2, 2),\n  }))\n\nexport const AmountInputButton: React.FC<\n  React.ComponentProps<typeof ButtonTertiary>\n> = styled(ButtonTertiary)(({ theme }) => ({\n  flex: 1,\n  padding: theme.spacing(0.5, 1.5),\n  fontSize: 12,\n  fontWeight: 700,\n  lineHeight: 1.3334,\n  height: 'auto',\n  borderRadius: theme.shape.borderRadiusSecondary,\n}))\n"],"mappings":";;;AAIA,MAAa,kBACX,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC1B,SAAS;CACT,KAAK,MAAM,QAAQ,CAAC;CACpB,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AACnC,EAAE;AAEJ,MAAa,oBAET,OAAO,cAAc,CAAC,EAAE,EAAE,aAAa;CACzC,MAAM;CACN,SAAS,MAAM,QAAQ,IAAK,GAAG;CAC/B,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,cAAc,MAAM,MAAM;AAC5B,EAAE"}

package/dist/esm/components/AmountInput/PriceFormHelperText.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriceFormHelperText.style.js","names":[],"sources":["../../../../src/components/AmountInput/PriceFormHelperText.style.tsx"],"sourcesContent":["import { Button, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const InputPriceButton: React.FC<React.ComponentProps<typeof Button>> =\n  styled(Button)(({ theme, onClick }) => ({\n    color: theme.vars.palette.text.secondary,\n    padding: theme.spacing(0.25, 0.5, 0.25, 0.75),\n    maxHeight: 16,\n    fontSize: '0.75rem',\n    fontWeight: 500,\n    borderRadius: `calc(${theme.vars.shape.borderRadius} * 2)`,\n    backgroundColor: 'transparent',\n    minWidth: 32,\n    ...(onClick\n      ? {\n          '&:hover': {\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n          },\n          ...theme.applyStyles('dark', {\n            backgroundColor: 'transparent',\n            '&:hover': {\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n            },\n          }),\n        }\n      : {\n          cursor: 'text',\n          userSelect: 'text',\n          pointerEvents: 'none',\n          ...theme.applyStyles('dark', {\n            backgroundColor: 'transparent',\n          }),\n        }),\n  }))\n"],"mappings":";;AAGA,MAAa,mBACX,OAAO,MAAM,GAAG,EAAE,OAAO,eAAe;CACtC,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,SAAS,MAAM,QAAQ,KAAM,IAAK,KAAM,GAAI;CAC5C,WAAW;CACX,UAAU;CACV,YAAY;CACZ,cAAc,QAAQ,MAAM,KAAK,MAAM,aAAa;CACpD,iBAAiB;CACjB,UAAU;CACV,GAAI,UACA;EACE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;EACA,GAAG,MAAM,YAAY,QAAQ;GAC3B,iBAAiB;GACjB,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;EACF,CAAC;CACH,IACA;EACE,QAAQ;EACR,YAAY;EACZ,eAAe;EACf,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,cACnB,CAAC;CACH;AACN,EAAE"}
+{"version":3,"file":"PriceFormHelperText.style.js","names":[],"sources":["../../../../src/components/AmountInput/PriceFormHelperText.style.tsx"],"sourcesContent":["import { Button, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const InputPriceButton: React.FC<React.ComponentProps<typeof Button>> =\n  styled(Button)(({ theme, onClick }) => ({\n    color: theme.vars.palette.text.secondary,\n    padding: theme.spacing(0.25, 0.5, 0.25, 0.75),\n    maxHeight: 16,\n    fontSize: '0.75rem',\n    fontWeight: 500,\n    borderRadius: `calc(${theme.vars.shape.borderRadius} * 2)`,\n    backgroundColor: 'transparent',\n    minWidth: 32,\n    ...(onClick\n      ? {\n          '&:hover': {\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n          },\n          ...theme.applyStyles('dark', {\n            backgroundColor: 'transparent',\n            '&:hover': {\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n            },\n          }),\n        }\n      : {\n          cursor: 'text',\n          userSelect: 'text',\n          pointerEvents: 'none',\n          ...theme.applyStyles('dark', {\n            backgroundColor: 'transparent',\n          }),\n        }),\n  }))\n"],"mappings":";;AAGA,MAAa,mBACX,OAAO,MAAM,CAAC,EAAE,EAAE,OAAO,eAAe;CACtC,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,SAAS,MAAM,QAAQ,KAAM,IAAK,KAAM,GAAI;CAC5C,WAAW;CACX,UAAU;CACV,YAAY;CACZ,cAAc,QAAQ,MAAM,KAAK,MAAM,aAAa;CACpD,iBAAiB;CACjB,UAAU;CACV,GAAI,UACA;EACE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;EACA,GAAG,MAAM,YAAY,QAAQ;GAC3B,iBAAiB;GACjB,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;EACF,CAAC;CACH,IACA;EACE,QAAQ;EACR,YAAY;EACZ,eAAe;EACf,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,cACnB,CAAC;CACH;AACN,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"AppContainer.js","names":[],"sources":["../../../src/components/AppContainer.tsx"],"sourcesContent":["import type { BoxProps, ContainerProps } from '@mui/material'\nimport { Box, Container, ScopedCssBaseline, styled } from '@mui/material'\nimport type React from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useHeaderHeight } from '../stores/header/useHeaderStore.js'\nimport type { WidgetVariant } from '../types/widget.js'\nimport { createElementId, ElementId } from '../utils/elements.js'\nimport { getWidgetMaxHeight } from '../utils/widgetSize.js'\n\n// NOTE: the setting of the height in AppExpandedContainer, RelativeContainer and CssBaselineContainer can\n//  be done dynamically by values in the config - namely the config.theme.container values display, maxHeight and height\n//  A Number of other components and hooks work with height values that are often set on or derived from these elements\n//  if there are changes to how the height works here you should also check the functionality of these hooks and their point of use\n//    - useTokenListHeight\n//    - useSetContentHeight\n//  Also check any code that is using the methods from elements.ts utils file\n\nexport const AppExpandedContainer: React.FC<BoxProps> = styled(Box)(\n  ({ theme }) => {\n    return {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'start',\n      flex: 1,\n      height:\n        theme.container?.display === 'flex'\n          ? '100%'\n          : theme.container?.maxHeight\n            ? 'auto'\n            : theme.container?.height || 'auto',\n    }\n  }\n)\n\nexport const RelativeContainer: React.FC<\n  BoxProps & { variant?: WidgetVariant }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: WidgetVariant }>(({ theme }) => {\n  const maxHeight =\n    theme.container?.height === 'fit-content' ||\n    (!theme.container?.height && !theme.container?.maxHeight)\n      ? 'none'\n      : getWidgetMaxHeight(theme)\n  return {\n    position: 'relative',\n    boxSizing: 'content-box',\n    width: '100%',\n    minWidth: theme.breakpoints.values.xs,\n    maxWidth: theme.breakpoints.values.sm,\n    background: theme.vars.palette.background.default,\n    overflow: 'auto',\n    flex: 1,\n    ...theme.container,\n    maxHeight:\n      theme.container?.display === 'flex' && !theme.container?.height\n        ? '100%'\n        : maxHeight,\n    zIndex: 1, // NB: higher than of expansion containers\n    variants: [\n      {\n        props: {\n          variant: 'drawer',\n        },\n        style: {\n          maxHeight: 'none',\n          height: '100%',\n          boxShadow: 'none',\n          borderRadius: 0,\n        },\n      },\n    ],\n  }\n})\n\ninterface CssBaselineContainerProps {\n  variant?: WidgetVariant\n  paddingTopAdjustment: number\n  elementId: string\n}\n\nconst CssBaselineContainer = styled(ScopedCssBaseline, {\n  shouldForwardProp: (prop) =>\n    !['variant', 'paddingTopAdjustment', 'elementId'].includes(prop as string),\n})<CssBaselineContainerProps>(({ theme, variant, paddingTopAdjustment }) => {\n  const maxHeight =\n    theme.container?.height === 'fit-content' ||\n    (!theme.container?.height && !theme.container?.maxHeight)\n      ? 'none'\n      : getWidgetMaxHeight(theme)\n  return {\n    display: 'flex',\n    flex: 1,\n    flexDirection: 'column',\n    overflowX: 'clip',\n    margin: 0,\n    width: '100%',\n    maxHeight:\n      variant === 'drawer' || theme.container?.display === 'flex'\n        ? 'none'\n        : maxHeight,\n    overflowY: 'auto',\n    height: theme.container?.display === 'flex' ? 'auto' : '100%',\n    paddingTop: paddingTopAdjustment,\n    '&:has(.long-list)': {\n      minHeight: getWidgetMaxHeight(theme),\n      maxHeight: getWidgetMaxHeight(theme),\n    },\n  }\n})\n\nexport const FlexContainer: React.FC<ContainerProps> = styled(Container)({\n  display: 'flex',\n  flexDirection: 'column',\n  flex: 1,\n})\n\nexport const AppContainer: React.FC<PropsWithChildren> = ({ children }) => {\n  // const ref = useRef<HTMLDivElement>(null);\n  const { variant, elementId, theme } = useWidgetConfig()\n  const { headerHeight } = useHeaderHeight()\n  const positionFixedAdjustment =\n    theme?.header?.position === 'fixed' ? headerHeight : 0\n\n  return (\n    <RelativeContainer\n      variant={variant}\n      id={createElementId(ElementId.RelativeContainer, elementId)}\n    >\n      <CssBaselineContainer\n        id={createElementId(ElementId.ScrollableContainer, elementId)}\n        variant={variant}\n        enableColorScheme\n        paddingTopAdjustment={positionFixedAdjustment}\n        elementId={elementId}\n        // ref={ref}\n      >\n        <FlexContainer disableGutters>{children}</FlexContainer>\n      </CssBaselineContainer>\n      {/* <ScrollToLocation elementRef={ref} /> */}\n    </RelativeContainer>\n  )\n}\n\n// export const ScrollToLocation: React.FC<{\n//   elementRef: RefObject<HTMLElement>;\n// }> = ({ elementRef }) => {\n//   const { pathname } = useLocation();\n//   useLayoutEffect(() => {\n//     elementRef.current?.scrollTo(0, 0);\n//   }, [elementRef, pathname]);\n//   return null;\n// };\n"],"mappings":";;;;;;;AAkBA,MAAa,uBAA2C,OAAO,GAAG,GAC/D,EAAE,YAAY;CACb,OAAO;EACL,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,MAAM;EACN,QACE,MAAM,WAAW,YAAY,SACzB,SACA,MAAM,WAAW,YACf,SACA,MAAM,WAAW,UAAU;CACrC;AACF,CACF;AAEA,MAAa,oBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,UACxC,CAAC,GAAgC,EAAE,YAAY;CAC7C,MAAM,YACJ,MAAM,WAAW,WAAW,iBAC3B,CAAC,MAAM,WAAW,UAAU,CAAC,MAAM,WAAW,YAC3C,SACA,mBAAmB,KAAK;CAC9B,OAAO;EACL,UAAU;EACV,WAAW;EACX,OAAO;EACP,UAAU,MAAM,YAAY,OAAO;EACnC,UAAU,MAAM,YAAY,OAAO;EACnC,YAAY,MAAM,KAAK,QAAQ,WAAW;EAC1C,UAAU;EACV,MAAM;EACN,GAAG,MAAM;EACT,WACE,MAAM,WAAW,YAAY,UAAU,CAAC,MAAM,WAAW,SACrD,SACA;EACN,QAAQ;EACR,UAAU,CACR;GACE,OAAO,EACL,SAAS,SACX;GACA,OAAO;IACL,WAAW;IACX,QAAQ;IACR,WAAW;IACX,cAAc;GAChB;EACF,CACF;CACF;AACF,CAAC;AAQD,MAAM,uBAAuB,OAAO,mBAAmB,EACrD,oBAAoB,SAClB,CAAC;CAAC;CAAW;CAAwB;AAAW,EAAE,SAAS,IAAc,EAC7E,CAAC,GAA8B,EAAE,OAAO,SAAS,2BAA2B;CAC1E,MAAM,YACJ,MAAM,WAAW,WAAW,iBAC3B,CAAC,MAAM,WAAW,UAAU,CAAC,MAAM,WAAW,YAC3C,SACA,mBAAmB,KAAK;CAC9B,OAAO;EACL,SAAS;EACT,MAAM;EACN,eAAe;EACf,WAAW;EACX,QAAQ;EACR,OAAO;EACP,WACE,YAAY,YAAY,MAAM,WAAW,YAAY,SACjD,SACA;EACN,WAAW;EACX,QAAQ,MAAM,WAAW,YAAY,SAAS,SAAS;EACvD,YAAY;EACZ,qBAAqB;GACnB,WAAW,mBAAmB,KAAK;GACnC,WAAW,mBAAmB,KAAK;EACrC;CACF;AACF,CAAC;AAED,MAAa,gBAA0C,OAAO,SAAS,EAAE;CACvE,SAAS;CACT,eAAe;CACf,MAAM;AACR,CAAC;AAED,MAAa,gBAA6C,EAAE,eAAe;CAEzE,MAAM,EAAE,SAAS,WAAW,UAAU,gBAAgB;CACtD,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,0BACJ,OAAO,QAAQ,aAAa,UAAU,eAAe;CAEvD,OACE,oBAAC,mBAAD;EACW;EACT,IAAI,gBAAA,6BAA6C,SAAS;YAE1D,oBAAC,sBAAD;GACE,IAAI,gBAAA,+BAA+C,SAAS;GACnD;GACT,mBAAA;GACA,sBAAsB;GACX;aAGX,oBAAC,eAAD;IAAe,gBAAA;IAAgB;GAAwB,CAAA;EACnC,CAAA;CAEL,CAAA;AAEvB"}
+{"version":3,"file":"AppContainer.js","names":[],"sources":["../../../src/components/AppContainer.tsx"],"sourcesContent":["import type { BoxProps, ContainerProps } from '@mui/material'\nimport { Box, Container, ScopedCssBaseline, styled } from '@mui/material'\nimport type React from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { useHeaderHeight } from '../stores/header/useHeaderStore.js'\nimport type { WidgetVariant } from '../types/widget.js'\nimport { createElementId, ElementId } from '../utils/elements.js'\nimport { getWidgetMaxHeight } from '../utils/widgetSize.js'\n\n// NOTE: the setting of the height in AppExpandedContainer, RelativeContainer and CssBaselineContainer can\n//  be done dynamically by values in the config - namely the config.theme.container values display, maxHeight and height\n//  A Number of other components and hooks work with height values that are often set on or derived from these elements\n//  if there are changes to how the height works here you should also check the functionality of these hooks and their point of use\n//    - useTokenListHeight\n//    - useSetContentHeight\n//  Also check any code that is using the methods from elements.ts utils file\n\nexport const AppExpandedContainer: React.FC<BoxProps> = styled(Box)(\n  ({ theme }) => {\n    return {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'start',\n      flex: 1,\n      height:\n        theme.container?.display === 'flex'\n          ? '100%'\n          : theme.container?.maxHeight\n            ? 'auto'\n            : theme.container?.height || 'auto',\n    }\n  }\n)\n\nexport const RelativeContainer: React.FC<\n  BoxProps & { variant?: WidgetVariant }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: WidgetVariant }>(({ theme }) => {\n  const maxHeight =\n    theme.container?.height === 'fit-content' ||\n    (!theme.container?.height && !theme.container?.maxHeight)\n      ? 'none'\n      : getWidgetMaxHeight(theme)\n  return {\n    position: 'relative',\n    boxSizing: 'content-box',\n    width: '100%',\n    minWidth: theme.breakpoints.values.xs,\n    maxWidth: theme.breakpoints.values.sm,\n    background: theme.vars.palette.background.default,\n    overflow: 'auto',\n    flex: 1,\n    ...theme.container,\n    maxHeight:\n      theme.container?.display === 'flex' && !theme.container?.height\n        ? '100%'\n        : maxHeight,\n    zIndex: 1, // NB: higher than of expansion containers\n    variants: [\n      {\n        props: {\n          variant: 'drawer',\n        },\n        style: {\n          maxHeight: 'none',\n          height: '100%',\n          boxShadow: 'none',\n          borderRadius: 0,\n        },\n      },\n    ],\n  }\n})\n\ninterface CssBaselineContainerProps {\n  variant?: WidgetVariant\n  paddingTopAdjustment: number\n  elementId: string\n}\n\nconst CssBaselineContainer = styled(ScopedCssBaseline, {\n  shouldForwardProp: (prop) =>\n    !['variant', 'paddingTopAdjustment', 'elementId'].includes(prop as string),\n})<CssBaselineContainerProps>(({ theme, variant, paddingTopAdjustment }) => {\n  const maxHeight =\n    theme.container?.height === 'fit-content' ||\n    (!theme.container?.height && !theme.container?.maxHeight)\n      ? 'none'\n      : getWidgetMaxHeight(theme)\n  return {\n    display: 'flex',\n    flex: 1,\n    flexDirection: 'column',\n    overflowX: 'clip',\n    margin: 0,\n    width: '100%',\n    maxHeight:\n      variant === 'drawer' || theme.container?.display === 'flex'\n        ? 'none'\n        : maxHeight,\n    overflowY: 'auto',\n    height: theme.container?.display === 'flex' ? 'auto' : '100%',\n    paddingTop: paddingTopAdjustment,\n    '&:has(.long-list)': {\n      minHeight: getWidgetMaxHeight(theme),\n      maxHeight: getWidgetMaxHeight(theme),\n    },\n  }\n})\n\nexport const FlexContainer: React.FC<ContainerProps> = styled(Container)({\n  display: 'flex',\n  flexDirection: 'column',\n  flex: 1,\n})\n\nexport const AppContainer: React.FC<PropsWithChildren> = ({ children }) => {\n  // const ref = useRef<HTMLDivElement>(null);\n  const { variant, elementId, theme } = useWidgetConfig()\n  const { headerHeight } = useHeaderHeight()\n  const positionFixedAdjustment =\n    theme?.header?.position === 'fixed' ? headerHeight : 0\n\n  return (\n    <RelativeContainer\n      variant={variant}\n      id={createElementId(ElementId.RelativeContainer, elementId)}\n    >\n      <CssBaselineContainer\n        id={createElementId(ElementId.ScrollableContainer, elementId)}\n        variant={variant}\n        enableColorScheme\n        paddingTopAdjustment={positionFixedAdjustment}\n        elementId={elementId}\n        // ref={ref}\n      >\n        <FlexContainer disableGutters>{children}</FlexContainer>\n      </CssBaselineContainer>\n      {/* <ScrollToLocation elementRef={ref} /> */}\n    </RelativeContainer>\n  )\n}\n\n// export const ScrollToLocation: React.FC<{\n//   elementRef: RefObject<HTMLElement>;\n// }> = ({ elementRef }) => {\n//   const { pathname } = useLocation();\n//   useLayoutEffect(() => {\n//     elementRef.current?.scrollTo(0, 0);\n//   }, [elementRef, pathname]);\n//   return null;\n// };\n"],"mappings":";;;;;;;AAkBA,MAAa,uBAA2C,OAAO,GAAG,CAAC,EAChE,EAAE,YAAY;CACb,OAAO;EACL,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,MAAM;EACN,QACE,MAAM,WAAW,YAAY,SACzB,SACA,MAAM,WAAW,YACf,SACA,MAAM,WAAW,UAAU;CACrC;AACF,CACF;AAEA,MAAa,oBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,UACxC,CAAC,CAAC,EAA+B,EAAE,YAAY;CAC7C,MAAM,YACJ,MAAM,WAAW,WAAW,iBAC3B,CAAC,MAAM,WAAW,UAAU,CAAC,MAAM,WAAW,YAC3C,SACA,mBAAmB,KAAK;CAC9B,OAAO;EACL,UAAU;EACV,WAAW;EACX,OAAO;EACP,UAAU,MAAM,YAAY,OAAO;EACnC,UAAU,MAAM,YAAY,OAAO;EACnC,YAAY,MAAM,KAAK,QAAQ,WAAW;EAC1C,UAAU;EACV,MAAM;EACN,GAAG,MAAM;EACT,WACE,MAAM,WAAW,YAAY,UAAU,CAAC,MAAM,WAAW,SACrD,SACA;EACN,QAAQ;EACR,UAAU,CACR;GACE,OAAO,EACL,SAAS,SACX;GACA,OAAO;IACL,WAAW;IACX,QAAQ;IACR,WAAW;IACX,cAAc;GAChB;EACF,CACF;CACF;AACF,CAAC;AAQD,MAAM,uBAAuB,OAAO,mBAAmB,EACrD,oBAAoB,SAClB,CAAC;CAAC;CAAW;CAAwB;AAAW,CAAC,CAAC,SAAS,IAAc,EAC7E,CAAC,CAAC,EAA6B,EAAE,OAAO,SAAS,2BAA2B;CAC1E,MAAM,YACJ,MAAM,WAAW,WAAW,iBAC3B,CAAC,MAAM,WAAW,UAAU,CAAC,MAAM,WAAW,YAC3C,SACA,mBAAmB,KAAK;CAC9B,OAAO;EACL,SAAS;EACT,MAAM;EACN,eAAe;EACf,WAAW;EACX,QAAQ;EACR,OAAO;EACP,WACE,YAAY,YAAY,MAAM,WAAW,YAAY,SACjD,SACA;EACN,WAAW;EACX,QAAQ,MAAM,WAAW,YAAY,SAAS,SAAS;EACvD,YAAY;EACZ,qBAAqB;GACnB,WAAW,mBAAmB,KAAK;GACnC,WAAW,mBAAmB,KAAK;EACrC;CACF;AACF,CAAC;AAED,MAAa,gBAA0C,OAAO,SAAS,CAAC,CAAC;CACvE,SAAS;CACT,eAAe;CACf,MAAM;AACR,CAAC;AAED,MAAa,gBAA6C,EAAE,eAAe;CAEzE,MAAM,EAAE,SAAS,WAAW,UAAU,gBAAgB;CACtD,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,0BACJ,OAAO,QAAQ,aAAa,UAAU,eAAe;CAEvD,OACE,oBAAC,mBAAD;EACW;EACT,IAAI,gBAAA,6BAA6C,SAAS;YAE1D,oBAAC,sBAAD;GACE,IAAI,gBAAA,+BAA+C,SAAS;GACnD;GACT,mBAAA;GACA,sBAAsB;GACX;aAGX,oBAAC,eAAD;IAAe,gBAAA;IAAgB;GAAwB,CAAA;EACnC,CAAA;CAEL,CAAA;AAEvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"AccountAvatar.js","names":[],"sources":["../../../../src/components/Avatar/AccountAvatar.tsx"],"sourcesContent":["import { getConnectorIcon } from '@lifi/wallet-management'\nimport type { Account } from '@lifi/widget-provider'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { Badge } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useChain } from '../../hooks/useChain.js'\nimport type { ToAddress } from '../../types/widget.js'\nimport { AvatarDefault, AvatarMasked } from './Avatar.style.js'\nimport { ChainBadgeContent } from './ChainBadgeContent.js'\n\ninterface AccountAvatarProps {\n  chainId?: number\n  account?: Account\n  toAddress?: ToAddress\n  empty?: boolean\n}\n\nexport const AccountAvatar = ({\n  chainId,\n  account,\n  empty,\n  toAddress,\n}: AccountAvatarProps): JSX.Element => {\n  const { chain } = useChain(chainId)\n\n  const avatar = empty ? (\n    <AvatarDefault />\n  ) : account?.connector || toAddress?.logoURI ? (\n    <AvatarMasked\n      src={toAddress?.logoURI || getConnectorIcon(account?.connector)}\n      alt={toAddress?.name || account?.connector?.name}\n    >\n      {(toAddress?.name || account?.connector?.name)?.[0]}\n    </AvatarMasked>\n  ) : (\n    <AvatarDefault>\n      <Wallet sx={{ fontSize: 20 }} />\n    </AvatarDefault>\n  )\n\n  return (\n    <Badge\n      overlap=\"circular\"\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n      badgeContent={<ChainBadgeContent chain={chain} />}\n    >\n      {avatar}\n    </Badge>\n  )\n}\n"],"mappings":";;;;;;;;AAiBA,MAAa,iBAAiB,EAC5B,SACA,SACA,OACA,gBACqC;CACrC,MAAM,EAAE,UAAU,SAAS,OAAO;CAElC,MAAM,SAAS,QACb,oBAAC,eAAD,CAAgB,CAAA,IACd,SAAS,aAAa,WAAW,UACnC,oBAAC,cAAD;EACE,KAAK,WAAW,WAAW,iBAAiB,SAAS,SAAS;EAC9D,KAAK,WAAW,QAAQ,SAAS,WAAW;aAE1C,WAAW,QAAQ,SAAS,WAAW,QAAQ;CACrC,CAAA,IAEd,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA,EAClB,CAAA;CAGjB,OACE,oBAAC,OAAD;EACE,SAAQ;EACR,cAAc;GAAE,UAAU;GAAU,YAAY;EAAQ;EACxD,cAAc,oBAAC,mBAAD,EAA0B,MAAQ,CAAA;YAE/C;CACI,CAAA;AAEX"}
+{"version":3,"file":"AccountAvatar.js","names":[],"sources":["../../../../src/components/Avatar/AccountAvatar.tsx"],"sourcesContent":["import { getConnectorIcon } from '@lifi/wallet-management'\nimport type { Account } from '@lifi/widget-provider'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { Badge } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useChain } from '../../hooks/useChain.js'\nimport type { ToAddress } from '../../types/widget.js'\nimport { AvatarDefault, AvatarMasked } from './Avatar.style.js'\nimport { ChainBadgeContent } from './ChainBadgeContent.js'\n\ninterface AccountAvatarProps {\n  chainId?: number\n  account?: Account\n  toAddress?: ToAddress\n  empty?: boolean\n}\n\nexport const AccountAvatar = ({\n  chainId,\n  account,\n  empty,\n  toAddress,\n}: AccountAvatarProps): JSX.Element => {\n  const { chain } = useChain(chainId)\n\n  const avatar = empty ? (\n    <AvatarDefault />\n  ) : account?.connector || toAddress?.logoURI ? (\n    <AvatarMasked\n      src={toAddress?.logoURI || getConnectorIcon(account?.connector)}\n      alt={toAddress?.name || account?.connector?.name}\n    >\n      {(toAddress?.name || account?.connector?.name)?.[0]}\n    </AvatarMasked>\n  ) : (\n    <AvatarDefault>\n      <Wallet sx={{ fontSize: 20 }} />\n    </AvatarDefault>\n  )\n\n  return (\n    <Badge\n      overlap=\"circular\"\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n      badgeContent={<ChainBadgeContent chain={chain} />}\n    >\n      {avatar}\n    </Badge>\n  )\n}\n"],"mappings":";;;;;;;;AAiBA,MAAa,iBAAiB,EAC5B,SACA,SACA,OACA,gBACqC;CACrC,MAAM,EAAE,UAAU,SAAS,OAAO;CAElC,MAAM,SAAS,QACb,oBAAC,eAAD,CAAgB,CAAA,IACd,SAAS,aAAa,WAAW,UACnC,oBAAC,cAAD;EACE,KAAK,WAAW,WAAW,iBAAiB,SAAS,SAAS;EAC9D,KAAK,WAAW,QAAQ,SAAS,WAAW;aAE1C,WAAW,QAAQ,SAAS,WAAW,KAAA,GAAQ;CACrC,CAAA,IAEd,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA,EAClB,CAAA;CAGjB,OACE,oBAAC,OAAD;EACE,SAAQ;EACR,cAAc;GAAE,UAAU;GAAU,YAAY;EAAQ;EACxD,cAAc,oBAAC,mBAAD,EAA0B,MAAQ,CAAA;YAE/C;CACI,CAAA;AAEX"}

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.style.js","names":["MuiAvatar"],"sources":["../../../../src/components/Avatar/Avatar.style.tsx"],"sourcesContent":["import type { CSSObject } from '@mui/material'\nimport {\n  AvatarGroup,\n  avatarClasses,\n  Box,\n  badgeClasses,\n  Avatar as MuiAvatar,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\nimport { getAvatarMask } from './utils.js'\n\nexport const AvatarMasked: React.FC<\n  React.ComponentProps<typeof MuiAvatar> & {\n    avatarSize?: number\n    badgeSize?: number\n  }\n> = styled(MuiAvatar, {\n  shouldForwardProp: (prop) => prop !== 'avatarSize' && prop !== 'badgeSize',\n})<{ avatarSize?: number; badgeSize?: number }>(\n  ({ avatarSize = 40, badgeSize = 16 }) => ({\n    width: avatarSize,\n    height: avatarSize,\n    mask: getAvatarMask(badgeSize),\n  })\n)\n\nexport const TokenAvatarGroup: React.FC<\n  React.ComponentProps<typeof AvatarGroup> & { badgeSize?: number }\n> = styled(AvatarGroup)(({ theme }) => ({\n  [`& .${badgeClasses.badge}:last-of-type .${avatarClasses.root}`]: {\n    boxSizing: 'border-box',\n  },\n  [`& .${avatarClasses.root}`]: {\n    border: 'none',\n    marginLeft: 0,\n  },\n  [`& .${badgeClasses.root}:first-of-type`]: {\n    marginLeft: theme.spacing(-1),\n    border: 'none',\n  },\n  [`& .${badgeClasses.root}:last-of-type`]: {\n    border: 'none',\n  },\n}))\n\nexport const AvatarDefault: React.FC<\n  React.ComponentProps<typeof Box> & { badgeSize?: number }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'badgeSize',\n})<{ badgeSize?: number }>(({ theme, badgeSize = 16 }) => {\n  const root = theme.components?.MuiAvatar?.styleOverrides?.root as CSSObject\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '50%',\n    height: root?.height,\n    width: root?.width,\n    color: theme.vars.palette.text.secondary,\n    mask: getAvatarMask(badgeSize),\n    background: theme.vars.palette.grey[300],\n    ...theme.applyStyles('dark', {\n      background: theme.vars.palette.grey[800],\n    }),\n  }\n})\n\nexport const AvatarDefaultBadge: React.FC<\n  React.ComponentProps<typeof Box> & { size?: number }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'size',\n})<{ size?: number }>(({ theme, size = 16 }) => {\n  return {\n    borderRadius: '50%',\n    height: size,\n    width: size,\n    background: theme.vars.palette.grey[300],\n    ...theme.applyStyles('dark', {\n      background: theme.vars.palette.grey[800],\n    }),\n  }\n})\n\nexport const AvatarSkeletonContainer: React.FC<\n  React.ComponentProps<typeof Box> & { badgeSize?: number }\n> = styled(Box)(({ theme }) => ({\n  background: theme.vars.palette.background.paper,\n  borderRadius: '50%',\n}))\n\nexport const AvatarSkeletonMaskedContainer: React.FC<\n  React.ComponentProps<typeof Box> & { badgeSize?: number }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'badgeSize',\n})<{ badgeSize?: number }>(({ theme, badgeSize = 16 }) => ({\n  background: theme.vars.palette.background.paper,\n  borderRadius: '50%',\n  mask: getAvatarMask(badgeSize),\n}))\n"],"mappings":";;;AAYA,MAAa,eAKT,OAAOA,QAAW,EACpB,oBAAoB,SAAS,SAAS,gBAAgB,SAAS,YACjE,CAAC,GACE,EAAE,aAAa,IAAI,YAAY,UAAU;CACxC,OAAO;CACP,QAAQ;CACR,MAAM,cAAc,SAAS;AAC/B,EACF;AAII,OAAO,WAAW,GAAG,EAAE,aAAa;EACrC,MAAM,aAAa,MAAM,iBAAiB,cAAc,SAAS,EAChE,WAAW,aACb;EACC,MAAM,cAAc,SAAS;EAC5B,QAAQ;EACR,YAAY;CACd;EACC,MAAM,aAAa,KAAK,kBAAkB;EACzC,YAAY,MAAM,QAAQ,EAAE;EAC5B,QAAQ;CACV;EACC,MAAM,aAAa,KAAK,iBAAiB,EACxC,QAAQ,OACV;AACF,EAAE;AAEF,MAAa,gBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,YACxC,CAAC,GAA2B,EAAE,OAAO,YAAY,SAAS;CACxD,MAAM,OAAO,MAAM,YAAY,WAAW,gBAAgB;CAC1D,OAAO;EACL,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,QAAQ,MAAM;EACd,OAAO,MAAM;EACb,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,MAAM,cAAc,SAAS;EAC7B,YAAY,MAAM,KAAK,QAAQ,KAAK;EACpC,GAAG,MAAM,YAAY,QAAQ,EAC3B,YAAY,MAAM,KAAK,QAAQ,KAAK,KACtC,CAAC;CACH;AACF,CAAC;AAED,MAAa,qBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,OACxC,CAAC,GAAsB,EAAE,OAAO,OAAO,SAAS;CAC9C,OAAO;EACL,cAAc;EACd,QAAQ;EACR,OAAO;EACP,YAAY,MAAM,KAAK,QAAQ,KAAK;EACpC,GAAG,MAAM,YAAY,QAAQ,EAC3B,YAAY,MAAM,KAAK,QAAQ,KAAK,KACtC,CAAC;CACH;AACF,CAAC;AAED,MAAa,0BAET,OAAO,GAAG,GAAG,EAAE,aAAa;CAC9B,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,cAAc;AAChB,EAAE;AAEF,MAAa,gCAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,YACxC,CAAC,GAA2B,EAAE,OAAO,YAAY,UAAU;CACzD,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,cAAc;CACd,MAAM,cAAc,SAAS;AAC/B,EAAE"}
+{"version":3,"file":"Avatar.style.js","names":["MuiAvatar"],"sources":["../../../../src/components/Avatar/Avatar.style.tsx"],"sourcesContent":["import type { CSSObject } from '@mui/material'\nimport {\n  AvatarGroup,\n  avatarClasses,\n  Box,\n  badgeClasses,\n  Avatar as MuiAvatar,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\nimport { getAvatarMask } from './utils.js'\n\nexport const AvatarMasked: React.FC<\n  React.ComponentProps<typeof MuiAvatar> & {\n    avatarSize?: number\n    badgeSize?: number\n  }\n> = styled(MuiAvatar, {\n  shouldForwardProp: (prop) => prop !== 'avatarSize' && prop !== 'badgeSize',\n})<{ avatarSize?: number; badgeSize?: number }>(\n  ({ avatarSize = 40, badgeSize = 16 }) => ({\n    width: avatarSize,\n    height: avatarSize,\n    mask: getAvatarMask(badgeSize),\n  })\n)\n\nexport const TokenAvatarGroup: React.FC<\n  React.ComponentProps<typeof AvatarGroup> & { badgeSize?: number }\n> = styled(AvatarGroup)(({ theme }) => ({\n  [`& .${badgeClasses.badge}:last-of-type .${avatarClasses.root}`]: {\n    boxSizing: 'border-box',\n  },\n  [`& .${avatarClasses.root}`]: {\n    border: 'none',\n    marginLeft: 0,\n  },\n  [`& .${badgeClasses.root}:first-of-type`]: {\n    marginLeft: theme.spacing(-1),\n    border: 'none',\n  },\n  [`& .${badgeClasses.root}:last-of-type`]: {\n    border: 'none',\n  },\n}))\n\nexport const AvatarDefault: React.FC<\n  React.ComponentProps<typeof Box> & { badgeSize?: number }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'badgeSize',\n})<{ badgeSize?: number }>(({ theme, badgeSize = 16 }) => {\n  const root = theme.components?.MuiAvatar?.styleOverrides?.root as CSSObject\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '50%',\n    height: root?.height,\n    width: root?.width,\n    color: theme.vars.palette.text.secondary,\n    mask: getAvatarMask(badgeSize),\n    background: theme.vars.palette.grey[300],\n    ...theme.applyStyles('dark', {\n      background: theme.vars.palette.grey[800],\n    }),\n  }\n})\n\nexport const AvatarDefaultBadge: React.FC<\n  React.ComponentProps<typeof Box> & { size?: number }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'size',\n})<{ size?: number }>(({ theme, size = 16 }) => {\n  return {\n    borderRadius: '50%',\n    height: size,\n    width: size,\n    background: theme.vars.palette.grey[300],\n    ...theme.applyStyles('dark', {\n      background: theme.vars.palette.grey[800],\n    }),\n  }\n})\n\nexport const AvatarSkeletonContainer: React.FC<\n  React.ComponentProps<typeof Box> & { badgeSize?: number }\n> = styled(Box)(({ theme }) => ({\n  background: theme.vars.palette.background.paper,\n  borderRadius: '50%',\n}))\n\nexport const AvatarSkeletonMaskedContainer: React.FC<\n  React.ComponentProps<typeof Box> & { badgeSize?: number }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'badgeSize',\n})<{ badgeSize?: number }>(({ theme, badgeSize = 16 }) => ({\n  background: theme.vars.palette.background.paper,\n  borderRadius: '50%',\n  mask: getAvatarMask(badgeSize),\n}))\n"],"mappings":";;;AAYA,MAAa,eAKT,OAAOA,QAAW,EACpB,oBAAoB,SAAS,SAAS,gBAAgB,SAAS,YACjE,CAAC,CAAC,EACC,EAAE,aAAa,IAAI,YAAY,UAAU;CACxC,OAAO;CACP,QAAQ;CACR,MAAM,cAAc,SAAS;AAC/B,EACF;AAII,OAAO,WAAW,CAAC,EAAE,EAAE,aAAa;EACrC,MAAM,aAAa,MAAM,iBAAiB,cAAc,SAAS,EAChE,WAAW,aACb;EACC,MAAM,cAAc,SAAS;EAC5B,QAAQ;EACR,YAAY;CACd;EACC,MAAM,aAAa,KAAK,kBAAkB;EACzC,YAAY,MAAM,QAAQ,EAAE;EAC5B,QAAQ;CACV;EACC,MAAM,aAAa,KAAK,iBAAiB,EACxC,QAAQ,OACV;AACF,EAAE;AAEF,MAAa,gBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,YACxC,CAAC,CAAC,EAA0B,EAAE,OAAO,YAAY,SAAS;CACxD,MAAM,OAAO,MAAM,YAAY,WAAW,gBAAgB;CAC1D,OAAO;EACL,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,QAAQ,MAAM;EACd,OAAO,MAAM;EACb,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,MAAM,cAAc,SAAS;EAC7B,YAAY,MAAM,KAAK,QAAQ,KAAK;EACpC,GAAG,MAAM,YAAY,QAAQ,EAC3B,YAAY,MAAM,KAAK,QAAQ,KAAK,KACtC,CAAC;CACH;AACF,CAAC;AAED,MAAa,qBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,OACxC,CAAC,CAAC,EAAqB,EAAE,OAAO,OAAO,SAAS;CAC9C,OAAO;EACL,cAAc;EACd,QAAQ;EACR,OAAO;EACP,YAAY,MAAM,KAAK,QAAQ,KAAK;EACpC,GAAG,MAAM,YAAY,QAAQ,EAC3B,YAAY,MAAM,KAAK,QAAQ,KAAK,KACtC,CAAC;CACH;AACF,CAAC;AAED,MAAa,0BAET,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC9B,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,cAAc;AAChB,EAAE;AAEF,MAAa,gCAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,YACxC,CAAC,CAAC,EAA0B,EAAE,OAAO,YAAY,UAAU;CACzD,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,cAAc;CACd,MAAM,cAAc,SAAS;AAC/B,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"SmallAvatar.js","names":[],"sources":["../../../../src/components/Avatar/SmallAvatar.tsx"],"sourcesContent":["import { Avatar, Skeleton, styled } from '@mui/material'\nimport type React from 'react'\nimport { AvatarSkeletonContainer } from './Avatar.style.js'\n\ninterface SmallAvatarProps {\n  size?: number\n}\n\nexport const SmallAvatar: React.FC<\n  React.ComponentProps<typeof Avatar> & SmallAvatarProps\n> = styled(Avatar, {\n  shouldForwardProp: (prop) => prop !== 'size',\n})<SmallAvatarProps>(({ theme, size = 16 }) => ({\n  background: theme.vars.palette.background.paper,\n  width: size,\n  height: size,\n}))\n\nexport const SmallAvatarSkeleton: React.FC<{\n  size?: number\n}> = ({ size = 16 }) => {\n  return (\n    <AvatarSkeletonContainer>\n      <Skeleton width={size} height={size} variant=\"circular\" />\n    </AvatarSkeletonContainer>\n  )\n}\n"],"mappings":";;;;AAQA,MAAa,cAET,OAAO,QAAQ,EACjB,oBAAoB,SAAS,SAAS,OACxC,CAAC,GAAqB,EAAE,OAAO,OAAO,UAAU;CAC9C,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,OAAO;CACP,QAAQ;AACV,EAAE;AAEF,MAAa,uBAEP,EAAE,OAAO,SAAS;CACtB,OACE,oBAAC,yBAAD,EAAA,UACE,oBAAC,UAAD;EAAU,OAAO;EAAM,QAAQ;EAAM,SAAQ;CAAY,CAAA,EAClC,CAAA;AAE7B"}
+{"version":3,"file":"SmallAvatar.js","names":[],"sources":["../../../../src/components/Avatar/SmallAvatar.tsx"],"sourcesContent":["import { Avatar, Skeleton, styled } from '@mui/material'\nimport type React from 'react'\nimport { AvatarSkeletonContainer } from './Avatar.style.js'\n\ninterface SmallAvatarProps {\n  size?: number\n}\n\nexport const SmallAvatar: React.FC<\n  React.ComponentProps<typeof Avatar> & SmallAvatarProps\n> = styled(Avatar, {\n  shouldForwardProp: (prop) => prop !== 'size',\n})<SmallAvatarProps>(({ theme, size = 16 }) => ({\n  background: theme.vars.palette.background.paper,\n  width: size,\n  height: size,\n}))\n\nexport const SmallAvatarSkeleton: React.FC<{\n  size?: number\n}> = ({ size = 16 }) => {\n  return (\n    <AvatarSkeletonContainer>\n      <Skeleton width={size} height={size} variant=\"circular\" />\n    </AvatarSkeletonContainer>\n  )\n}\n"],"mappings":";;;;AAQA,MAAa,cAET,OAAO,QAAQ,EACjB,oBAAoB,SAAS,SAAS,OACxC,CAAC,CAAC,EAAoB,EAAE,OAAO,OAAO,UAAU;CAC9C,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,OAAO;CACP,QAAQ;AACV,EAAE;AAEF,MAAa,uBAEP,EAAE,OAAO,SAAS;CACtB,OACE,oBAAC,yBAAD,EAAA,UACE,oBAAC,UAAD;EAAU,OAAO;EAAM,QAAQ;EAAM,SAAQ;CAAY,CAAA,EAClC,CAAA;AAE7B"}

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

@@ -41,6 +41,7 @@ const BaseTransactionButton = ({ onClick, text, disabled, loading, route, sx })
 		loadingPosition: "center",
 		fullWidth: true,
 		sx,
+		"data-testid": "widget-transaction-button",
 		children: getButtonText()
 	});
 };

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTransactionButton.js","names":[],"sources":["../../../../src/components/BaseTransactionButton/BaseTransactionButton.tsx"],"sourcesContent":["import { useWalletMenu } from '@lifi/wallet-management'\nimport { Button } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useRouteRequiredAccountConnection } from '../../hooks/useRouteRequiredAccountConnection.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport type { BaseTransactionButtonProps } from './types.js'\n\nexport const BaseTransactionButton: React.FC<BaseTransactionButtonProps> = ({\n  onClick,\n  text,\n  disabled,\n  loading,\n  route,\n  sx,\n}) => {\n  const { t } = useTranslation()\n  const { walletConfig } = useWidgetConfig()\n  const { openWalletMenu } = useWalletMenu()\n  const [fromChainId] = useFieldValues('fromChain')\n  const { chain } = useChain(fromChainId)\n  const { connected, missingChain } = useRouteRequiredAccountConnection(\n    route,\n    chain\n  )\n  const handleClick = async (e: React.MouseEvent<HTMLElement>) => {\n    if (connected) {\n      onClick?.()\n      return\n    }\n    const connectionOptions = missingChain ? { chain: missingChain } : undefined\n    if (\n      walletConfig?.onConnect &&\n      !walletConfig?.forceInternalWalletManagement\n    ) {\n      walletConfig.onConnect(connectionOptions)\n    } else {\n      openWalletMenu(connectionOptions)\n      e.currentTarget.blur() // Remove focus to prevent accessibility issues when opening drawer\n    }\n  }\n\n  const getButtonText = () => {\n    if (connected) {\n      if (text) {\n        return text\n      }\n    }\n    return missingChain\n      ? t('button.connectChainWallet', {\n          chain: missingChain.name,\n        })\n      : t('button.connectWallet')\n  }\n\n  return (\n    <Button\n      variant=\"contained\"\n      color=\"primary\"\n      onClick={handleClick}\n      disabled={connected && disabled}\n      loading={loading}\n      loadingPosition=\"center\"\n      fullWidth\n      sx={sx}\n    >\n      {getButtonText()}\n    </Button>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,yBAA+D,EAC1E,SACA,MACA,UACA,SACA,OACA,SACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,EAAE,mBAAmB,cAAc;CACzC,MAAM,CAAC,eAAe,eAAe,WAAW;CAChD,MAAM,EAAE,UAAU,SAAS,WAAW;CACtC,MAAM,EAAE,WAAW,iBAAiB,kCAClC,OACA,KACF;CACA,MAAM,cAAc,OAAO,MAAqC;EAC9D,IAAI,WAAW;GACb,UAAU;GACV;EACF;EACA,MAAM,oBAAoB,eAAe,EAAE,OAAO,aAAa,IAAI,KAAA;EACnE,IACE,cAAc,aACd,CAAC,cAAc,+BAEf,aAAa,UAAU,iBAAiB;OACnC;GACL,eAAe,iBAAiB;GAChC,EAAE,cAAc,KAAK;EACvB;CACF;CAEA,MAAM,sBAAsB;EAC1B,IAAI;OACE,MACF,OAAO;EAAA;EAGX,OAAO,eACH,EAAE,6BAA6B,EAC7B,OAAO,aAAa,KACtB,CAAC,IACD,EAAE,sBAAsB;CAC9B;CAEA,OACE,oBAAC,QAAD;EACE,SAAQ;EACR,OAAM;EACN,SAAS;EACT,UAAU,aAAa;EACd;EACT,iBAAgB;EAChB,WAAA;EACI;YAEH,cAAc;CACT,CAAA;AAEZ"}
+{"version":3,"file":"BaseTransactionButton.js","names":[],"sources":["../../../../src/components/BaseTransactionButton/BaseTransactionButton.tsx"],"sourcesContent":["import { useWalletMenu } from '@lifi/wallet-management'\nimport { Button } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useRouteRequiredAccountConnection } from '../../hooks/useRouteRequiredAccountConnection.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport type { BaseTransactionButtonProps } from './types.js'\n\nexport const BaseTransactionButton: React.FC<BaseTransactionButtonProps> = ({\n  onClick,\n  text,\n  disabled,\n  loading,\n  route,\n  sx,\n}) => {\n  const { t } = useTranslation()\n  const { walletConfig } = useWidgetConfig()\n  const { openWalletMenu } = useWalletMenu()\n  const [fromChainId] = useFieldValues('fromChain')\n  const { chain } = useChain(fromChainId)\n  const { connected, missingChain } = useRouteRequiredAccountConnection(\n    route,\n    chain\n  )\n  const handleClick = async (e: React.MouseEvent<HTMLElement>) => {\n    if (connected) {\n      onClick?.()\n      return\n    }\n    const connectionOptions = missingChain ? { chain: missingChain } : undefined\n    if (\n      walletConfig?.onConnect &&\n      !walletConfig?.forceInternalWalletManagement\n    ) {\n      walletConfig.onConnect(connectionOptions)\n    } else {\n      openWalletMenu(connectionOptions)\n      e.currentTarget.blur() // Remove focus to prevent accessibility issues when opening drawer\n    }\n  }\n\n  const getButtonText = () => {\n    if (connected) {\n      if (text) {\n        return text\n      }\n    }\n    return missingChain\n      ? t('button.connectChainWallet', {\n          chain: missingChain.name,\n        })\n      : t('button.connectWallet')\n  }\n\n  return (\n    <Button\n      variant=\"contained\"\n      color=\"primary\"\n      onClick={handleClick}\n      disabled={connected && disabled}\n      loading={loading}\n      loadingPosition=\"center\"\n      fullWidth\n      sx={sx}\n      data-testid=\"widget-transaction-button\"\n    >\n      {getButtonText()}\n    </Button>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,yBAA+D,EAC1E,SACA,MACA,UACA,SACA,OACA,SACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,EAAE,mBAAmB,cAAc;CACzC,MAAM,CAAC,eAAe,eAAe,WAAW;CAChD,MAAM,EAAE,UAAU,SAAS,WAAW;CACtC,MAAM,EAAE,WAAW,iBAAiB,kCAClC,OACA,KACF;CACA,MAAM,cAAc,OAAO,MAAqC;EAC9D,IAAI,WAAW;GACb,UAAU;GACV;EACF;EACA,MAAM,oBAAoB,eAAe,EAAE,OAAO,aAAa,IAAI,KAAA;EACnE,IACE,cAAc,aACd,CAAC,cAAc,+BAEf,aAAa,UAAU,iBAAiB;OACnC;GACL,eAAe,iBAAiB;GAChC,EAAE,cAAc,KAAK;EACvB;CACF;CAEA,MAAM,sBAAsB;EAC1B,IAAI;OACE,MACF,OAAO;EAAA;EAGX,OAAO,eACH,EAAE,6BAA6B,EAC7B,OAAO,aAAa,KACtB,CAAC,IACD,EAAE,sBAAsB;CAC9B;CAEA,OACE,oBAAC,QAAD;EACE,SAAQ;EACR,OAAM;EACN,SAAS;EACT,UAAU,aAAa;EACd;EACT,iBAAgB;EAChB,WAAA;EACI;EACJ,eAAY;YAEX,cAAc;CACT,CAAA;AAEZ"}

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

@@ -1,10 +1,10 @@
 import { useGetScrollableContainer } from "../../hooks/useScrollableContainer.js";
 import { modalProps, slotProps } from "../Dialog/Dialog.js";
-import { forwardRef, startTransition, useCallback, useImperativeHandle, useRef, useState } from "react";
+import { startTransition, useCallback, useImperativeHandle, useRef, useState } from "react";
 import { Drawer } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/BottomSheet/BottomSheet.tsx
-const BottomSheet = forwardRef(({ elementRef, children, open, onClose, keepMounted = false }, ref) => {
+const BottomSheet = ({ elementRef, children, open, onClose, keepMounted = false, ref }) => {
 	const getContainer = useGetScrollableContainer();
 	const openRef = useRef(open);
 	const [drawerOpen, setDrawerOpen] = useState(open);
@@ -39,7 +39,7 @@ const BottomSheet = forwardRef(({ elementRef, children, open, onClose, keepMount
 		inert: isInert,
 		children
 	});
-});
+};
 //#endregion
 export { BottomSheet };
 

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","names":[],"sources":["../../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { Drawer } from '@mui/material'\nimport type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport {\n  forwardRef,\n  startTransition,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js'\nimport { modalProps, slotProps } from '../Dialog/Dialog.js'\nimport type { BottomSheetBase, BottomSheetProps } from './types.js'\n\nexport const BottomSheet: ForwardRefExoticComponent<\n  Omit<BottomSheetProps, 'ref'> & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, BottomSheetProps>(\n  ({ elementRef, children, open, onClose, keepMounted = false }, ref) => {\n    const getContainer = useGetScrollableContainer()\n    const openRef = useRef(open)\n    const [drawerOpen, setDrawerOpen] = useState(open)\n    const [isInert, setIsInert] = useState(!open)\n\n    const close = useCallback(() => {\n      // Set inert first to prevent focus issues\n      setIsInert(true)\n      // Push the state update to the next event loop tick\n      // to ensure the inert is applied to before the drawer is closed\n      startTransition(() => {\n        setDrawerOpen(false)\n        openRef.current = false\n        onClose?.()\n      })\n    }, [onClose])\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        isOpen: () => openRef.current,\n        open: () => {\n          setIsInert(false)\n          setDrawerOpen(true)\n          openRef.current = true\n        },\n        close,\n      }),\n      [close]\n    )\n\n    return (\n      <Drawer\n        container={getContainer}\n        ref={elementRef}\n        anchor=\"bottom\"\n        open={drawerOpen}\n        onClose={close}\n        ModalProps={modalProps}\n        slotProps={slotProps}\n        disableAutoFocus\n        keepMounted={keepMounted}\n        inert={isInert}\n      >\n        {children}\n      </Drawer>\n    )\n  }\n)\n"],"mappings":";;;;;;AAcA,MAAa,cAET,YACD,EAAE,YAAY,UAAU,MAAM,SAAS,cAAc,SAAS,QAAQ;CACrE,MAAM,eAAe,0BAA0B;CAC/C,MAAM,UAAU,OAAO,IAAI;CAC3B,MAAM,CAAC,YAAY,iBAAiB,SAAS,IAAI;CACjD,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,IAAI;CAE5C,MAAM,QAAQ,kBAAkB;EAE9B,WAAW,IAAI;EAGf,sBAAsB;GACpB,cAAc,KAAK;GACnB,QAAQ,UAAU;GAClB,UAAU;EACZ,CAAC;CACH,GAAG,CAAC,OAAO,CAAC;CAEZ,oBACE,YACO;EACL,cAAc,QAAQ;EACtB,YAAY;GACV,WAAW,KAAK;GAChB,cAAc,IAAI;GAClB,QAAQ,UAAU;EACpB;EACA;CACF,IACA,CAAC,KAAK,CACR;CAEA,OACE,oBAAC,QAAD;EACE,WAAW;EACX,KAAK;EACL,QAAO;EACP,MAAM;EACN,SAAS;EACT,YAAY;EACD;EACX,kBAAA;EACa;EACb,OAAO;EAEN;CACK,CAAA;AAEZ,CACF"}
+{"version":3,"file":"BottomSheet.js","names":[],"sources":["../../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { Drawer } from '@mui/material'\nimport type { JSX, Ref } from 'react'\nimport {\n  startTransition,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js'\nimport { modalProps, slotProps } from '../Dialog/Dialog.js'\nimport type { BottomSheetBase, BottomSheetProps } from './types.js'\n\nexport const BottomSheet = ({\n  elementRef,\n  children,\n  open,\n  onClose,\n  keepMounted = false,\n  ref,\n}: Omit<BottomSheetProps, 'ref'> & {\n  ref?: Ref<BottomSheetBase>\n}): JSX.Element => {\n  const getContainer = useGetScrollableContainer()\n  const openRef = useRef(open)\n  const [drawerOpen, setDrawerOpen] = useState(open)\n  const [isInert, setIsInert] = useState(!open)\n\n  const close = useCallback(() => {\n    // Set inert first to prevent focus issues\n    setIsInert(true)\n    // Push the state update to the next event loop tick\n    // to ensure the inert is applied to before the drawer is closed\n    startTransition(() => {\n      setDrawerOpen(false)\n      openRef.current = false\n      onClose?.()\n    })\n  }, [onClose])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      isOpen: () => openRef.current,\n      open: () => {\n        setIsInert(false)\n        setDrawerOpen(true)\n        openRef.current = true\n      },\n      close,\n    }),\n    [close]\n  )\n\n  return (\n    <Drawer\n      container={getContainer}\n      ref={elementRef}\n      anchor=\"bottom\"\n      open={drawerOpen}\n      onClose={close}\n      ModalProps={modalProps}\n      slotProps={slotProps}\n      disableAutoFocus\n      keepMounted={keepMounted}\n      inert={isInert}\n    >\n      {children}\n    </Drawer>\n  )\n}\n"],"mappings":";;;;;;AAaA,MAAa,eAAe,EAC1B,YACA,UACA,MACA,SACA,cAAc,OACd,UAGiB;CACjB,MAAM,eAAe,0BAA0B;CAC/C,MAAM,UAAU,OAAO,IAAI;CAC3B,MAAM,CAAC,YAAY,iBAAiB,SAAS,IAAI;CACjD,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,IAAI;CAE5C,MAAM,QAAQ,kBAAkB;EAE9B,WAAW,IAAI;EAGf,sBAAsB;GACpB,cAAc,KAAK;GACnB,QAAQ,UAAU;GAClB,UAAU;EACZ,CAAC;CACH,GAAG,CAAC,OAAO,CAAC;CAEZ,oBACE,YACO;EACL,cAAc,QAAQ;EACtB,YAAY;GACV,WAAW,KAAK;GAChB,cAAc,IAAI;GAClB,QAAQ,UAAU;EACpB;EACA;CACF,IACA,CAAC,KAAK,CACR;CAEA,OACE,oBAAC,QAAD;EACE,WAAW;EACX,KAAK;EACL,QAAO;EACP,MAAM;EACN,SAAS;EACT,YAAY;EACD;EACX,kBAAA;EACa;EACb,OAAO;EAEN;CACK,CAAA;AAEZ"}

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonTertiary.js","names":[],"sources":["../../../src/components/ButtonTertiary.tsx"],"sourcesContent":["import { Button, buttonClasses, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const ButtonTertiary: React.FC<React.ComponentProps<typeof Button>> =\n  styled(Button)(({ theme }) => ({\n    color: theme.vars.palette.text.primary,\n    height: 40,\n    fontSize: 14,\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    '&:hover, &:active': {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent)`,\n    },\n    [`&.${buttonClasses.loading}:disabled`]: {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    },\n    ...theme.applyStyles('dark', {\n      color: theme.vars.palette.text.primary,\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n      '&:hover, &:active': {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent)`,\n      },\n      [`&.${buttonClasses.loading}:disabled`]: {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n      },\n    }),\n    [`.${buttonClasses.loadingIndicator}`]: {\n      color: theme.vars.palette.text.primary,\n    },\n  }))\n"],"mappings":";;AAGA,MAAa,iBACX,OAAO,MAAM,GAAG,EAAE,aAAa;CAC7B,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,QAAQ;CACR,UAAU;CACV,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;CAC9E,qBAAqB,EACnB,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;EACC,KAAK,cAAc,QAAQ,aAAa,EACvC,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;CACA,GAAG,MAAM,YAAY,QAAQ;EAC3B,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;EAC9E,qBAAqB,EACnB,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;GACC,KAAK,cAAc,QAAQ,aAAa,EACvC,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;CACF,CAAC;EACA,IAAI,cAAc,qBAAqB,EACtC,OAAO,MAAM,KAAK,QAAQ,KAAK,QACjC;AACF,EAAE"}
+{"version":3,"file":"ButtonTertiary.js","names":[],"sources":["../../../src/components/ButtonTertiary.tsx"],"sourcesContent":["import { Button, buttonClasses, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const ButtonTertiary: React.FC<React.ComponentProps<typeof Button>> =\n  styled(Button)(({ theme }) => ({\n    color: theme.vars.palette.text.primary,\n    height: 40,\n    fontSize: 14,\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    '&:hover, &:active': {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent)`,\n    },\n    [`&.${buttonClasses.loading}:disabled`]: {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    },\n    ...theme.applyStyles('dark', {\n      color: theme.vars.palette.text.primary,\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n      '&:hover, &:active': {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent)`,\n      },\n      [`&.${buttonClasses.loading}:disabled`]: {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n      },\n    }),\n    [`.${buttonClasses.loadingIndicator}`]: {\n      color: theme.vars.palette.text.primary,\n    },\n  }))\n"],"mappings":";;AAGA,MAAa,iBACX,OAAO,MAAM,CAAC,EAAE,EAAE,aAAa;CAC7B,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,QAAQ;CACR,UAAU;CACV,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;CAC9E,qBAAqB,EACnB,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;EACC,KAAK,cAAc,QAAQ,aAAa,EACvC,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;CACA,GAAG,MAAM,YAAY,QAAQ;EAC3B,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;EAC9E,qBAAqB,EACnB,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;GACC,KAAK,cAAc,QAAQ,aAAa,EACvC,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;CACF,CAAC;EACA,IAAI,cAAc,qBAAqB,EACtC,OAAO,MAAM,KAAK,QAAQ,KAAK,QACjC;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["Card","MuiCard"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import type { CardProps as MuiCardProps } from '@mui/material'\nimport { Card as MuiCard, styled } from '@mui/material'\nimport type React from 'react'\n\nexport interface CardProps extends MuiCardProps {\n  type?: 'default' | 'selected' | 'error'\n  selectionColor?: 'primary' | 'secondary'\n  indented?: boolean\n}\n\nexport const Card: React.FC<React.ComponentProps<typeof MuiCard> & CardProps> =\n  styled(MuiCard, {\n    shouldForwardProp: (prop) =>\n      !['type', 'indented', 'selectionColor'].includes(prop as string),\n  })<CardProps>(({ theme }) => {\n    return {\n      padding: 0,\n      variants: [\n        {\n          props: ({ indented }) => indented,\n          style: {\n            padding: theme.spacing(2),\n          },\n        },\n        {\n          props: {\n            selectionColor: 'primary',\n            type: 'selected',\n          },\n          style: {\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderColor: theme.vars.palette.primary.main,\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 5%, white)`,\n            '&:hover': {\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 10%, white)`,\n            },\n            ...theme.applyStyles('dark', {\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 35%, black)`,\n              '&:hover': {\n                backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 40%, black)`,\n              },\n              borderColor: theme.vars.palette.primary.main,\n            }),\n          },\n        },\n        {\n          props: {\n            selectionColor: 'secondary',\n            type: 'selected',\n          },\n          style: {\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 32%, transparent)`,\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, white)`,\n            '&:hover': {\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, white)`,\n            },\n            ...theme.applyStyles('dark', {\n              borderColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 32%, transparent)`,\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, black)`,\n              '&:hover': {\n                backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, black)`,\n              },\n            }),\n          },\n        },\n        {\n          props: {\n            type: 'error',\n          },\n          style: {\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderColor: theme.vars.palette.error.main,\n          },\n        },\n      ],\n    }\n  })\n"],"mappings":";;AAUA,MAAaA,SACX,OAAOC,MAAS,EACd,oBAAoB,SAClB,CAAC;CAAC;CAAQ;CAAY;AAAgB,EAAE,SAAS,IAAc,EACnE,CAAC,GAAc,EAAE,YAAY;CAC3B,OAAO;EACL,SAAS;EACT,UAAU;GACR;IACE,QAAQ,EAAE,eAAe;IACzB,OAAO,EACL,SAAS,MAAM,QAAQ,CAAC,EAC1B;GACF;GACA;IACE,OAAO;KACL,gBAAgB;KAChB,MAAM;IACR;IACA,OAAO;KACL,aAAa;KACb,aAAa;KACb,aAAa,MAAM,KAAK,QAAQ,QAAQ;KACxC,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;KACvE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK,cACzE;KACA,GAAG,MAAM,YAAY,QAAQ;MAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;MACvE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK,cACzE;MACA,aAAa,MAAM,KAAK,QAAQ,QAAQ;KAC1C,CAAC;IACH;GACF;GACA;IACE,OAAO;KACL,gBAAgB;KAChB,MAAM;IACR;IACA,OAAO;KACL,aAAa;KACb,aAAa;KACb,aAAa,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;KACrE,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;KACzE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK,cAC3E;KACA,GAAG,MAAM,YAAY,QAAQ;MAC3B,aAAa,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;MACrE,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;MACzE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK,cAC3E;KACF,CAAC;IACH;GACF;GACA;IACE,OAAO,EACL,MAAM,QACR;IACA,OAAO;KACL,aAAa;KACb,aAAa;KACb,aAAa,MAAM,KAAK,QAAQ,MAAM;IACxC;GACF;EACF;CACF;AACF,CAAC"}
+{"version":3,"file":"Card.js","names":["Card","MuiCard"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import type { CardProps as MuiCardProps } from '@mui/material'\nimport { Card as MuiCard, styled } from '@mui/material'\nimport type React from 'react'\n\nexport interface CardProps extends MuiCardProps {\n  type?: 'default' | 'selected' | 'error'\n  selectionColor?: 'primary' | 'secondary'\n  indented?: boolean\n}\n\nexport const Card: React.FC<React.ComponentProps<typeof MuiCard> & CardProps> =\n  styled(MuiCard, {\n    shouldForwardProp: (prop) =>\n      !['type', 'indented', 'selectionColor'].includes(prop as string),\n  })<CardProps>(({ theme }) => {\n    return {\n      padding: 0,\n      variants: [\n        {\n          props: ({ indented }) => indented,\n          style: {\n            padding: theme.spacing(2),\n          },\n        },\n        {\n          props: {\n            selectionColor: 'primary',\n            type: 'selected',\n          },\n          style: {\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderColor: theme.vars.palette.primary.main,\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 5%, white)`,\n            '&:hover': {\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 10%, white)`,\n            },\n            ...theme.applyStyles('dark', {\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 35%, black)`,\n              '&:hover': {\n                backgroundColor: `color-mix(in srgb, ${theme.vars.palette.primary.main} 40%, black)`,\n              },\n              borderColor: theme.vars.palette.primary.main,\n            }),\n          },\n        },\n        {\n          props: {\n            selectionColor: 'secondary',\n            type: 'selected',\n          },\n          style: {\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 32%, transparent)`,\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, white)`,\n            '&:hover': {\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, white)`,\n            },\n            ...theme.applyStyles('dark', {\n              borderColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 32%, transparent)`,\n              backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, black)`,\n              '&:hover': {\n                backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, black)`,\n              },\n            }),\n          },\n        },\n        {\n          props: {\n            type: 'error',\n          },\n          style: {\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderColor: theme.vars.palette.error.main,\n          },\n        },\n      ],\n    }\n  })\n"],"mappings":";;AAUA,MAAaA,SACX,OAAOC,MAAS,EACd,oBAAoB,SAClB,CAAC;CAAC;CAAQ;CAAY;AAAgB,CAAC,CAAC,SAAS,IAAc,EACnE,CAAC,CAAC,EAAa,EAAE,YAAY;CAC3B,OAAO;EACL,SAAS;EACT,UAAU;GACR;IACE,QAAQ,EAAE,eAAe;IACzB,OAAO,EACL,SAAS,MAAM,QAAQ,CAAC,EAC1B;GACF;GACA;IACE,OAAO;KACL,gBAAgB;KAChB,MAAM;IACR;IACA,OAAO;KACL,aAAa;KACb,aAAa;KACb,aAAa,MAAM,KAAK,QAAQ,QAAQ;KACxC,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;KACvE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK,cACzE;KACA,GAAG,MAAM,YAAY,QAAQ;MAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;MACvE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK,cACzE;MACA,aAAa,MAAM,KAAK,QAAQ,QAAQ;KAC1C,CAAC;IACH;GACF;GACA;IACE,OAAO;KACL,gBAAgB;KAChB,MAAM;IACR;IACA,OAAO;KACL,aAAa;KACb,aAAa;KACb,aAAa,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;KACrE,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;KACzE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK,cAC3E;KACA,GAAG,MAAM,YAAY,QAAQ;MAC3B,aAAa,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;MACrE,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;MACzE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK,cAC3E;KACF,CAAC;IACH;GACF;GACA;IACE,OAAO,EACL,MAAM,QACR;IACA,OAAO;KACL,aAAa;KACb,aAAa;KACb,aAAa,MAAM,KAAK,QAAQ,MAAM;IACxC;GACF;EACF;CACF;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CardButton.style.js","names":[],"sources":["../../../../src/components/Card/CardButton.style.tsx"],"sourcesContent":["import { Box, ButtonBase, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const CardRowButton: React.FC<React.ComponentProps<typeof ButtonBase>> =\n  styled(ButtonBase)(({ theme }) => ({\n    background: 'none',\n    color: 'inherit',\n    border: 'none',\n    font: 'inherit',\n    cursor: 'pointer',\n    outline: 'inherit',\n    display: 'flex',\n    width: '100%',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: theme.spacing(2),\n    borderRadius: theme.vars.shape.borderRadius,\n  }))\n\nexport const CardValue: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)({\n    lineHeight: '1.25',\n    fontWeight: 500,\n  })\n\nexport const CardTitleContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1.5),\n  }))\n"],"mappings":";;AAGA,MAAa,gBACX,OAAO,UAAU,GAAG,EAAE,aAAa;CACjC,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,SAAS;CACT,SAAS;CACT,OAAO;CACP,gBAAgB;CAChB,YAAY;CACZ,SAAS,MAAM,QAAQ,CAAC;CACxB,cAAc,MAAM,KAAK,MAAM;AACjC,EAAE;AAEJ,MAAa,YACX,OAAO,UAAU,EAAE;CACjB,YAAY;CACZ,YAAY;AACd,CAAC;AAEH,MAAa,qBACX,OAAO,GAAG,GAAG,EAAE,aAAa;CAC1B,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,GAAG;AACxB,EAAE"}
+{"version":3,"file":"CardButton.style.js","names":[],"sources":["../../../../src/components/Card/CardButton.style.tsx"],"sourcesContent":["import { Box, ButtonBase, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const CardRowButton: React.FC<React.ComponentProps<typeof ButtonBase>> =\n  styled(ButtonBase)(({ theme }) => ({\n    background: 'none',\n    color: 'inherit',\n    border: 'none',\n    font: 'inherit',\n    cursor: 'pointer',\n    outline: 'inherit',\n    display: 'flex',\n    width: '100%',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: theme.spacing(2),\n    borderRadius: theme.vars.shape.borderRadius,\n  }))\n\nexport const CardValue: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)({\n    lineHeight: '1.25',\n    fontWeight: 500,\n  })\n\nexport const CardTitleContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1.5),\n  }))\n"],"mappings":";;AAGA,MAAa,gBACX,OAAO,UAAU,CAAC,EAAE,EAAE,aAAa;CACjC,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,SAAS;CACT,SAAS;CACT,OAAO;CACP,gBAAgB;CAChB,YAAY;CACZ,SAAS,MAAM,QAAQ,CAAC;CACxB,cAAc,MAAM,KAAK,MAAM;AACjC,EAAE;AAEJ,MAAa,YACX,OAAO,UAAU,CAAC,CAAC;CACjB,YAAY;CACZ,YAAY;AACd,CAAC;AAEH,MAAa,qBACX,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC1B,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,GAAG;AACxB,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","names":["CardHeader","MuiCardHeader"],"sources":["../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["import {\n  cardHeaderClasses,\n  CardHeader as MuiCardHeader,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const CardHeader: React.FC<React.ComponentProps<typeof MuiCardHeader>> =\n  styled(MuiCardHeader)(({ theme }) => ({\n    [`.${cardHeaderClasses.action}`]: {\n      marginTop: -2,\n      alignSelf: 'center',\n    },\n    [`.${cardHeaderClasses.title}`]: {\n      fontWeight: 600,\n      fontSize: 18,\n      lineHeight: 1.3334,\n      color: theme.vars.palette.text.primary,\n      textAlign: 'left',\n    },\n    [`.${cardHeaderClasses.subheader}`]: {\n      fontWeight: 500,\n      fontSize: 12,\n      lineHeight: 1.3334,\n      color: theme.vars.palette.text.secondary,\n      textAlign: 'left',\n    },\n  }))\n"],"mappings":";;AAOA,MAAaA,eACX,OAAOC,UAAa,GAAG,EAAE,aAAa;EACnC,IAAI,kBAAkB,WAAW;EAChC,WAAW;EACX,WAAW;CACb;EACC,IAAI,kBAAkB,UAAU;EAC/B,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,WAAW;CACb;EACC,IAAI,kBAAkB,cAAc;EACnC,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,WAAW;CACb;AACF,EAAE"}
+{"version":3,"file":"CardHeader.js","names":["CardHeader","MuiCardHeader"],"sources":["../../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["import {\n  cardHeaderClasses,\n  CardHeader as MuiCardHeader,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const CardHeader: React.FC<React.ComponentProps<typeof MuiCardHeader>> =\n  styled(MuiCardHeader)(({ theme }) => ({\n    [`.${cardHeaderClasses.action}`]: {\n      marginTop: -2,\n      alignSelf: 'center',\n    },\n    [`.${cardHeaderClasses.title}`]: {\n      fontWeight: 600,\n      fontSize: 18,\n      lineHeight: 1.3334,\n      color: theme.vars.palette.text.primary,\n      textAlign: 'left',\n    },\n    [`.${cardHeaderClasses.subheader}`]: {\n      fontWeight: 500,\n      fontSize: 12,\n      lineHeight: 1.3334,\n      color: theme.vars.palette.text.secondary,\n      textAlign: 'left',\n    },\n  }))\n"],"mappings":";;AAOA,MAAaA,eACX,OAAOC,UAAa,CAAC,EAAE,EAAE,aAAa;EACnC,IAAI,kBAAkB,WAAW;EAChC,WAAW;EACX,WAAW;CACb;EACC,IAAI,kBAAkB,UAAU;EAC/B,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,WAAW;CACb;EACC,IAAI,kBAAkB,cAAc;EACnC,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,WAAW;CACb;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"CardIconButton.js","names":["MuiIconButton"],"sources":["../../../../src/components/Card/CardIconButton.tsx"],"sourcesContent":["import type { IconButtonProps, LinkProps } from '@mui/material'\nimport { IconButton as MuiIconButton, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const CardIconButton: React.FC<\n  React.ComponentProps<typeof MuiIconButton> &\n    IconButtonProps &\n    Pick<LinkProps, 'href' | 'target' | 'rel'>\n> = styled(MuiIconButton)<\n  IconButtonProps & Pick<LinkProps, 'href' | 'target' | 'rel'>\n>(({ theme }) => {\n  return {\n    padding: theme.spacing(0.5),\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    '&:hover': {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent)`,\n    },\n    fontSize: '1rem',\n  }\n})\n"],"mappings":";;AAIA,MAAa,iBAIT,OAAOA,UAAa,GAErB,EAAE,YAAY;CACf,OAAO;EACL,SAAS,MAAM,QAAQ,EAAG;EAC1B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;EAC9E,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;EACA,UAAU;CACZ;AACF,CAAC"}
+{"version":3,"file":"CardIconButton.js","names":["MuiIconButton"],"sources":["../../../../src/components/Card/CardIconButton.tsx"],"sourcesContent":["import type { IconButtonProps, LinkProps } from '@mui/material'\nimport { IconButton as MuiIconButton, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const CardIconButton: React.FC<\n  React.ComponentProps<typeof MuiIconButton> &\n    IconButtonProps &\n    Pick<LinkProps, 'href' | 'target' | 'rel'>\n> = styled(MuiIconButton)<\n  IconButtonProps & Pick<LinkProps, 'href' | 'target' | 'rel'>\n>(({ theme }) => {\n  return {\n    padding: theme.spacing(0.5),\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    '&:hover': {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent)`,\n    },\n    fontSize: '1rem',\n  }\n})\n"],"mappings":";;AAIA,MAAa,iBAIT,OAAOA,UAAa,CAAC,EAEtB,EAAE,YAAY;CACf,OAAO;EACL,SAAS,MAAM,QAAQ,EAAG;EAC1B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;EAC9E,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;EACA,UAAU;CACZ;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CardLabel.js","names":[],"sources":["../../../../src/components/Card/CardLabel.tsx"],"sourcesContent":["import { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const CardLabel: React.FC<\n  React.ComponentProps<typeof Box> & {\n    variant?: 'secondary' | 'success' | 'warning'\n  }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: 'secondary' | 'success' | 'warning' }>(({ theme }) => ({\n  borderRadius: theme.vars.shape.borderRadius,\n  padding: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  height: 24,\n  minWidth: 24,\n  userSelect: 'none',\n  fontSize: '1rem',\n  backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 88%, black)`,\n  color: theme.vars.palette.text.primary,\n  ...theme.applyStyles('dark', {\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 84%, white)`,\n  }),\n  variants: [\n    {\n      props: { variant: 'secondary' },\n      style: {\n        color: theme.palette.getContrastText(theme.palette.secondary.main),\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 20%, ${theme.vars.palette.secondary.main})`,\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 20%, ${theme.vars.palette.secondary.main})`,\n        }),\n      },\n    },\n    {\n      props: { variant: 'success' },\n      style: {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 84%, ${theme.vars.palette.success.main})`,\n        color: theme.vars.palette.success.main,\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 76%, ${theme.vars.palette.success.main})`,\n          color: `color-mix(in srgb, ${theme.vars.palette.success.main} 76%, white)`,\n        }),\n      },\n    },\n    {\n      props: { variant: 'warning' },\n      style: {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 32%, transparent)`,\n        color: `color-mix(in srgb, ${theme.vars.palette.warning.main} 64%, black)`,\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 16%, transparent)`,\n          color: theme.vars.palette.warning.main,\n        }),\n      },\n    },\n  ],\n}))\n\nexport const CardLabelTypography: React.FC<\n  React.ComponentProps<typeof Typography> & { type?: 'icon' }\n> = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'type',\n})<{ type?: 'icon' }>(({ theme }) => ({\n  padding: theme.spacing(0.75, 1.5),\n  fontSize: 12,\n  lineHeight: 1,\n  fontWeight: '600',\n  variants: [\n    {\n      props: {\n        type: 'icon',\n      },\n      style: {\n        padding: theme.spacing(0.75, 0, 0.75, 0.75),\n      },\n    },\n  ],\n}))\n"],"mappings":";;AAGA,MAAa,YAIT,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,UACxC,CAAC,GAAsD,EAAE,aAAa;CACpE,cAAc,MAAM,KAAK,MAAM;CAC/B,SAAS;CACT,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,QAAQ;CACR,UAAU;CACV,YAAY;CACZ,UAAU;CACV,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM;CAC3E,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,cAC7E,CAAC;CACD,UAAU;EACR;GACE,OAAO,EAAE,SAAS,YAAY;GAC9B,OAAO;IACL,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,UAAU,IAAI;IACjE,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,QAAQ,MAAM,KAAK,QAAQ,UAAU,KAAK;IACrH,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,QAAQ,MAAM,KAAK,QAAQ,UAAU,KAAK,GACvH,CAAC;GACH;EACF;EACA;GACE,OAAO,EAAE,SAAS,UAAU;GAC5B,OAAO;IACL,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,QAAQ,MAAM,KAAK,QAAQ,QAAQ,KAAK;IACnH,OAAO,MAAM,KAAK,QAAQ,QAAQ;IAClC,GAAG,MAAM,YAAY,QAAQ;KAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,QAAQ,MAAM,KAAK,QAAQ,QAAQ,KAAK;KACnH,OAAO,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;IAC/D,CAAC;GACH;EACF;EACA;GACE,OAAO,EAAE,SAAS,UAAU;GAC5B,OAAO;IACL,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;IACvE,OAAO,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;IAC7D,GAAG,MAAM,YAAY,QAAQ;KAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;KACvE,OAAO,MAAM,KAAK,QAAQ,QAAQ;IACpC,CAAC;GACH;EACF;CACF;AACF,EAAE;AAEF,MAAa,sBAET,OAAO,YAAY,EACrB,oBAAoB,SAAS,SAAS,OACxC,CAAC,GAAsB,EAAE,aAAa;CACpC,SAAS,MAAM,QAAQ,KAAM,GAAG;CAChC,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,UAAU,CACR;EACE,OAAO,EACL,MAAM,OACR;EACA,OAAO,EACL,SAAS,MAAM,QAAQ,KAAM,GAAG,KAAM,GAAI,EAC5C;CACF,CACF;AACF,EAAE"}
+{"version":3,"file":"CardLabel.js","names":[],"sources":["../../../../src/components/Card/CardLabel.tsx"],"sourcesContent":["import { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const CardLabel: React.FC<\n  React.ComponentProps<typeof Box> & {\n    variant?: 'secondary' | 'success' | 'warning'\n  }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'variant',\n})<{ variant?: 'secondary' | 'success' | 'warning' }>(({ theme }) => ({\n  borderRadius: theme.vars.shape.borderRadius,\n  padding: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  height: 24,\n  minWidth: 24,\n  userSelect: 'none',\n  fontSize: '1rem',\n  backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 88%, black)`,\n  color: theme.vars.palette.text.primary,\n  ...theme.applyStyles('dark', {\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 84%, white)`,\n  }),\n  variants: [\n    {\n      props: { variant: 'secondary' },\n      style: {\n        color: theme.palette.getContrastText(theme.palette.secondary.main),\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 20%, ${theme.vars.palette.secondary.main})`,\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 20%, ${theme.vars.palette.secondary.main})`,\n        }),\n      },\n    },\n    {\n      props: { variant: 'success' },\n      style: {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 84%, ${theme.vars.palette.success.main})`,\n        color: theme.vars.palette.success.main,\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 76%, ${theme.vars.palette.success.main})`,\n          color: `color-mix(in srgb, ${theme.vars.palette.success.main} 76%, white)`,\n        }),\n      },\n    },\n    {\n      props: { variant: 'warning' },\n      style: {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 32%, transparent)`,\n        color: `color-mix(in srgb, ${theme.vars.palette.warning.main} 64%, black)`,\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 16%, transparent)`,\n          color: theme.vars.palette.warning.main,\n        }),\n      },\n    },\n  ],\n}))\n\nexport const CardLabelTypography: React.FC<\n  React.ComponentProps<typeof Typography> & { type?: 'icon' }\n> = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'type',\n})<{ type?: 'icon' }>(({ theme }) => ({\n  padding: theme.spacing(0.75, 1.5),\n  fontSize: 12,\n  lineHeight: 1,\n  fontWeight: '600',\n  variants: [\n    {\n      props: {\n        type: 'icon',\n      },\n      style: {\n        padding: theme.spacing(0.75, 0, 0.75, 0.75),\n      },\n    },\n  ],\n}))\n"],"mappings":";;AAGA,MAAa,YAIT,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,UACxC,CAAC,CAAC,EAAqD,EAAE,aAAa;CACpE,cAAc,MAAM,KAAK,MAAM;CAC/B,SAAS;CACT,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,QAAQ;CACR,UAAU;CACV,YAAY;CACZ,UAAU;CACV,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM;CAC3E,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,cAC7E,CAAC;CACD,UAAU;EACR;GACE,OAAO,EAAE,SAAS,YAAY;GAC9B,OAAO;IACL,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,UAAU,IAAI;IACjE,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,QAAQ,MAAM,KAAK,QAAQ,UAAU,KAAK;IACrH,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,QAAQ,MAAM,KAAK,QAAQ,UAAU,KAAK,GACvH,CAAC;GACH;EACF;EACA;GACE,OAAO,EAAE,SAAS,UAAU;GAC5B,OAAO;IACL,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,QAAQ,MAAM,KAAK,QAAQ,QAAQ,KAAK;IACnH,OAAO,MAAM,KAAK,QAAQ,QAAQ;IAClC,GAAG,MAAM,YAAY,QAAQ;KAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,QAAQ,MAAM,KAAK,QAAQ,QAAQ,KAAK;KACnH,OAAO,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;IAC/D,CAAC;GACH;EACF;EACA;GACE,OAAO,EAAE,SAAS,UAAU;GAC5B,OAAO;IACL,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;IACvE,OAAO,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;IAC7D,GAAG,MAAM,YAAY,QAAQ;KAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;KACvE,OAAO,MAAM,KAAK,QAAQ,QAAQ;IACpC,CAAC;GACH;EACF;CACF;AACF,EAAE;AAEF,MAAa,sBAET,OAAO,YAAY,EACrB,oBAAoB,SAAS,SAAS,OACxC,CAAC,CAAC,EAAqB,EAAE,aAAa;CACpC,SAAS,MAAM,QAAQ,KAAM,GAAG;CAChC,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,UAAU,CACR;EACE,OAAO,EACL,MAAM,OACR;EACA,OAAO,EACL,SAAS,MAAM,QAAQ,KAAM,GAAG,KAAM,GAAI,EAC5C;CACF,CACF;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.js","names":[],"sources":["../../../../src/components/Card/CardTitle.tsx"],"sourcesContent":["import { styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const CardTitle: React.FC<\n  React.ComponentProps<typeof Typography> & { required?: boolean }\n> = styled(Typography, {\n  shouldForwardProp: (prop) => !['required'].includes(prop as string),\n})<{ required?: boolean }>(({ theme }) => ({\n  fontSize: 14,\n  lineHeight: 1,\n  fontWeight: 700,\n  padding: theme.spacing(2, 2, 0, 2),\n  textAlign: 'left',\n  color: theme.vars.palette.text.primary,\n  '&:after': {\n    content: 'none',\n    color: theme.vars.palette.error.main,\n  },\n  variants: [\n    {\n      props: ({ required }) => required,\n      style: {\n        '&:after': {\n          content: '\" *\"',\n        },\n      },\n    },\n  ],\n}))\n"],"mappings":";;AAGA,MAAa,YAET,OAAO,YAAY,EACrB,oBAAoB,SAAS,CAAC,CAAC,UAAU,EAAE,SAAS,IAAc,EACpE,CAAC,GAA2B,EAAE,aAAa;CACzC,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;CACjC,WAAW;CACX,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,WAAW;EACT,SAAS;EACT,OAAO,MAAM,KAAK,QAAQ,MAAM;CAClC;CACA,UAAU,CACR;EACE,QAAQ,EAAE,eAAe;EACzB,OAAO,EACL,WAAW,EACT,SAAS,SACX,EACF;CACF,CACF;AACF,EAAE"}
+{"version":3,"file":"CardTitle.js","names":[],"sources":["../../../../src/components/Card/CardTitle.tsx"],"sourcesContent":["import { styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const CardTitle: React.FC<\n  React.ComponentProps<typeof Typography> & { required?: boolean }\n> = styled(Typography, {\n  shouldForwardProp: (prop) => !['required'].includes(prop as string),\n})<{ required?: boolean }>(({ theme }) => ({\n  fontSize: 14,\n  lineHeight: 1,\n  fontWeight: 700,\n  padding: theme.spacing(2, 2, 0, 2),\n  textAlign: 'left',\n  color: theme.vars.palette.text.primary,\n  '&:after': {\n    content: 'none',\n    color: theme.vars.palette.error.main,\n  },\n  variants: [\n    {\n      props: ({ required }) => required,\n      style: {\n        '&:after': {\n          content: '\" *\"',\n        },\n      },\n    },\n  ],\n}))\n"],"mappings":";;AAGA,MAAa,YAET,OAAO,YAAY,EACrB,oBAAoB,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,IAAc,EACpE,CAAC,CAAC,EAA0B,EAAE,aAAa;CACzC,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;CACjC,WAAW;CACX,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,WAAW;EACT,SAAS;EACT,OAAO,MAAM,KAAK,QAAQ,MAAM;CAClC;CACA,UAAU,CACR;EACE,QAAQ,EAAE,eAAe;EACzB,OAAO,EACL,WAAW,EACT,SAAS,SACX,EACF;CACF,CACF;AACF,EAAE"}

package/dist/esm/components/Card/InputCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputCard.js","names":["Card"],"sources":["../../../../src/components/Card/InputCard.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport type React from 'react'\nimport { Card } from './Card.js'\n\nexport const InputCard: React.FC<React.ComponentProps<typeof Card>> = styled(\n  Card,\n  {\n    name: 'MuiInputCard',\n    slot: 'root',\n  }\n)({})\n"],"mappings":";;;AAIA,MAAa,YAAyD,OACpEA,QACA;CACE,MAAM;CACN,MAAM;AACR,CACF,EAAE,CAAC,CAAC"}
+{"version":3,"file":"InputCard.js","names":["Card"],"sources":["../../../../src/components/Card/InputCard.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport type React from 'react'\nimport { Card } from './Card.js'\n\nexport const InputCard: React.FC<React.ComponentProps<typeof Card>> = styled(\n  Card,\n  {\n    name: 'MuiInputCard',\n    slot: 'root',\n  }\n)({})\n"],"mappings":";;;AAIA,MAAa,YAAyD,OACpEA,QACA;CACE,MAAM;CACN,MAAM;AACR,CACF,CAAC,CAAC,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChainSelect.js","names":[],"sources":["../../../../src/components/ChainSelect/ChainSelect.tsx"],"sourcesContent":["import type { EVMChain } from '@lifi/sdk'\nimport { Skeleton, type Theme, Tooltip, useMediaQuery } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport type React from 'react'\nimport { type JSX, memo, useCallback, useEffect, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useChainOrderStore } from '../../stores/chains/ChainOrderStore.js'\nimport {\n  maxChainsToOrder,\n  maxChainsToShow,\n  maxGridItemsToShow,\n} from '../../stores/chains/createChainOrderStore.js'\nimport type { FormTypeProps } from '../../stores/form/types.js'\nimport { FormKeyHelper } from '../../stores/form/types.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { AllChainsAvatar } from '../Chains/AllChainsAvatar.js'\nimport {\n  ChainAvatar,\n  ChainCard,\n  ChainContainer,\n  MoreChainsBox,\n  MoreChainsText,\n} from './ChainSelect.style.js'\nimport { useChainSelect } from './useChainSelect.js'\n\nexport const ChainSelect: React.NamedExoticComponent<FormTypeProps> = memo(\n  ({ formType }: FormTypeProps): JSX.Element => {\n    const { t } = useTranslation()\n    const navigate = useNavigate()\n    const isMobile = useMediaQuery((theme: Theme) =>\n      theme.breakpoints.down(theme.breakpoints.values.xs)\n    )\n    const { setFieldValue } = useFieldActions()\n    const {\n      chainOrder,\n      chains,\n      isLoading,\n      getSelectedChains,\n      setChainOrder,\n      setCurrentChain,\n    } = useChainSelect(formType)\n\n    const [showAllNetworks, isAllNetworks, setIsAllNetworks] =\n      useChainOrderStore((state) => [\n        state[`${formType}ShowAllNetworks`],\n        state[`${formType}IsAllNetworks`],\n        state.setIsAllNetworks,\n      ])\n\n    const [chainId] = useFieldValues(FormKeyHelper.getChainKey(formType))\n\n    useEffect(() => {\n      if (chainId) {\n        const hasChainInOrderedList = chainOrder.includes(chainId)\n        // If we don't have a chain in the ordered chain list we should add it.\n        if (!hasChainInOrderedList) {\n          setChainOrder(chainId, formType)\n        }\n      }\n    }, [chainId, chainOrder, formType, setChainOrder])\n\n    const onChainSelect = useCallback(\n      (selectedChainId: number) => {\n        setIsAllNetworks(false, formType)\n        setCurrentChain(selectedChainId)\n      },\n      [setIsAllNetworks, setCurrentChain, formType]\n    )\n\n    const showAllChains = useCallback(() => {\n      navigate({ to: navigationRoutes[`${formType}Chain`] })\n    }, [navigate, formType])\n\n    const selectAllNetworks = useCallback(() => {\n      setIsAllNetworks(true, formType)\n      // Reset the chain and token fields when selecting all networks\n      setFieldValue(FormKeyHelper.getChainKey(formType), '', {\n        isTouched: true,\n      })\n      setFieldValue(FormKeyHelper.getTokenKey(formType), '', {\n        isTouched: true,\n      })\n    }, [setIsAllNetworks, formType, setFieldValue])\n\n    const chainsToHide =\n      chains?.length === maxChainsToShow\n        ? 0\n        : (chains?.length ?? 0) - maxChainsToOrder\n\n    const chainsToShow = useMemo(\n      () => (chainsToHide > 0 ? getSelectedChains() : chains) ?? [],\n      [chainsToHide, getSelectedChains, chains]\n    )\n\n    const tilesCount =\n      chainsToShow.length +\n      (showAllNetworks ? 1 : 0) +\n      (chainsToHide > 0 ? 1 : 0)\n\n    if (isLoading) {\n      return (\n        <ChainContainer itemCount={tilesCount}>\n          {Array.from({ length: maxGridItemsToShow }).map((_, index) => (\n            <Skeleton\n              key={index}\n              variant=\"rectangular\"\n              width={56}\n              height={isMobile ? 36 : 56}\n              sx={{ borderRadius: 1 }}\n            />\n          ))}\n        </ChainContainer>\n      )\n    }\n\n    return (\n      <ChainContainer itemCount={tilesCount}>\n        {showAllNetworks && (\n          <Tooltip title={t('main.allNetworks')} enterNextDelay={100}>\n            <ChainCard\n              component=\"button\"\n              onClick={selectAllNetworks}\n              type={isAllNetworks ? 'selected' : 'default'}\n              selectionColor=\"secondary\"\n            >\n              <AllChainsAvatar\n                chains={chains ?? []}\n                size={isMobile ? 'small' : 'medium'}\n              />\n            </ChainCard>\n          </Tooltip>\n        )}\n        {chainsToShow.map((chain: EVMChain) => (\n          <ChainItem\n            key={chain.id}\n            chain={chain}\n            isSelected={chainId === chain.id}\n            isAllNetworks={isAllNetworks}\n            onSelect={onChainSelect}\n          />\n        ))}\n        {chainsToHide > 0 && (\n          <ChainCard component=\"button\" onClick={showAllChains}>\n            <MoreChainsBox>\n              <MoreChainsText>+{chainsToHide}</MoreChainsText>\n            </MoreChainsBox>\n          </ChainCard>\n        )}\n      </ChainContainer>\n    )\n  }\n)\n\nconst ChainItem = memo(\n  ({\n    chain,\n    isSelected,\n    isAllNetworks,\n    onSelect,\n  }: {\n    chain: EVMChain\n    isSelected: boolean\n    isAllNetworks: boolean\n    onSelect: (id: number) => void\n  }) => {\n    return (\n      <Tooltip title={chain.name} enterNextDelay={100}>\n        <ChainCard\n          component=\"button\"\n          onClick={() => onSelect(chain.id)}\n          type={!isAllNetworks && isSelected ? 'selected' : 'default'}\n          selectionColor=\"secondary\"\n        >\n          <ChainAvatar src={chain.logoURI} alt={chain.key}>\n            {chain.name[0]}\n          </ChainAvatar>\n        </ChainCard>\n      </Tooltip>\n    )\n  }\n)\n"],"mappings":"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"}
+{"version":3,"file":"ChainSelect.js","names":[],"sources":["../../../../src/components/ChainSelect/ChainSelect.tsx"],"sourcesContent":["import type { EVMChain } from '@lifi/sdk'\nimport { Skeleton, type Theme, Tooltip, useMediaQuery } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport type React from 'react'\nimport { type JSX, memo, useCallback, useEffect, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useChainOrderStore } from '../../stores/chains/ChainOrderStore.js'\nimport {\n  maxChainsToOrder,\n  maxChainsToShow,\n  maxGridItemsToShow,\n} from '../../stores/chains/createChainOrderStore.js'\nimport type { FormTypeProps } from '../../stores/form/types.js'\nimport { FormKeyHelper } from '../../stores/form/types.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { AllChainsAvatar } from '../Chains/AllChainsAvatar.js'\nimport {\n  ChainAvatar,\n  ChainCard,\n  ChainContainer,\n  MoreChainsBox,\n  MoreChainsText,\n} from './ChainSelect.style.js'\nimport { useChainSelect } from './useChainSelect.js'\n\nexport const ChainSelect: React.NamedExoticComponent<FormTypeProps> = memo(\n  ({ formType }: FormTypeProps): JSX.Element => {\n    const { t } = useTranslation()\n    const navigate = useNavigate()\n    const isMobile = useMediaQuery((theme: Theme) =>\n      theme.breakpoints.down(theme.breakpoints.values.xs)\n    )\n    const { setFieldValue } = useFieldActions()\n    const {\n      chainOrder,\n      chains,\n      isLoading,\n      getSelectedChains,\n      setChainOrder,\n      setCurrentChain,\n    } = useChainSelect(formType)\n\n    const [showAllNetworks, isAllNetworks, setIsAllNetworks] =\n      useChainOrderStore((state) => [\n        state[`${formType}ShowAllNetworks`],\n        state[`${formType}IsAllNetworks`],\n        state.setIsAllNetworks,\n      ])\n\n    const [chainId] = useFieldValues(FormKeyHelper.getChainKey(formType))\n\n    useEffect(() => {\n      if (chainId) {\n        const hasChainInOrderedList = chainOrder.includes(chainId)\n        // If we don't have a chain in the ordered chain list we should add it.\n        if (!hasChainInOrderedList) {\n          setChainOrder(chainId, formType)\n        }\n      }\n    }, [chainId, chainOrder, formType, setChainOrder])\n\n    const onChainSelect = useCallback(\n      (selectedChainId: number) => {\n        setIsAllNetworks(false, formType)\n        setCurrentChain(selectedChainId)\n      },\n      [setIsAllNetworks, setCurrentChain, formType]\n    )\n\n    const showAllChains = useCallback(() => {\n      navigate({ to: navigationRoutes[`${formType}Chain`] })\n    }, [navigate, formType])\n\n    const selectAllNetworks = useCallback(() => {\n      setIsAllNetworks(true, formType)\n      // Reset the chain and token fields when selecting all networks\n      setFieldValue(FormKeyHelper.getChainKey(formType), '', {\n        isTouched: true,\n      })\n      setFieldValue(FormKeyHelper.getTokenKey(formType), '', {\n        isTouched: true,\n      })\n    }, [setIsAllNetworks, formType, setFieldValue])\n\n    const chainsToHide =\n      chains?.length === maxChainsToShow\n        ? 0\n        : (chains?.length ?? 0) - maxChainsToOrder\n\n    const chainsToShow = useMemo(\n      () => (chainsToHide > 0 ? getSelectedChains() : chains) ?? [],\n      [chainsToHide, getSelectedChains, chains]\n    )\n\n    const tilesCount =\n      chainsToShow.length +\n      (showAllNetworks ? 1 : 0) +\n      (chainsToHide > 0 ? 1 : 0)\n\n    if (isLoading) {\n      return (\n        <ChainContainer itemCount={tilesCount}>\n          {Array.from({ length: maxGridItemsToShow }).map((_, index) => (\n            <Skeleton\n              key={index}\n              variant=\"rectangular\"\n              width={56}\n              height={isMobile ? 36 : 56}\n              sx={{ borderRadius: 1 }}\n            />\n          ))}\n        </ChainContainer>\n      )\n    }\n\n    return (\n      <ChainContainer itemCount={tilesCount}>\n        {showAllNetworks && (\n          <Tooltip title={t('main.allNetworks')} enterNextDelay={100}>\n            <ChainCard\n              component=\"button\"\n              onClick={selectAllNetworks}\n              type={isAllNetworks ? 'selected' : 'default'}\n              selectionColor=\"secondary\"\n            >\n              <AllChainsAvatar\n                chains={chains ?? []}\n                size={isMobile ? 'small' : 'medium'}\n              />\n            </ChainCard>\n          </Tooltip>\n        )}\n        {chainsToShow.map((chain: EVMChain) => (\n          <ChainItem\n            key={chain.id}\n            chain={chain}\n            isSelected={chainId === chain.id}\n            isAllNetworks={isAllNetworks}\n            onSelect={onChainSelect}\n          />\n        ))}\n        {chainsToHide > 0 && (\n          <ChainCard component=\"button\" onClick={showAllChains}>\n            <MoreChainsBox>\n              <MoreChainsText>+{chainsToHide}</MoreChainsText>\n            </MoreChainsBox>\n          </ChainCard>\n        )}\n      </ChainContainer>\n    )\n  }\n)\n\nconst ChainItem = memo(\n  ({\n    chain,\n    isSelected,\n    isAllNetworks,\n    onSelect,\n  }: {\n    chain: EVMChain\n    isSelected: boolean\n    isAllNetworks: boolean\n    onSelect: (id: number) => void\n  }) => {\n    return (\n      <Tooltip title={chain.name} enterNextDelay={100}>\n        <ChainCard\n          component=\"button\"\n          onClick={() => onSelect(chain.id)}\n          type={!isAllNetworks && isSelected ? 'selected' : 'default'}\n          selectionColor=\"secondary\"\n        >\n          <ChainAvatar src={chain.logoURI} alt={chain.key}>\n            {chain.name[0]}\n          </ChainAvatar>\n        </ChainCard>\n      </Tooltip>\n    )\n  }\n)\n"],"mappings":"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"}