@lifi/widget 4.1.0 → 4.2.0

package/dist/esm/stores/navigationTabs/utils.js

@@ -5,35 +5,41 @@ const navigationTabsByKey = {
 	default: {
 		key: "default",
 		variant: "wide",
-		mode: "default"
+		mode: "default",
+		defaultUI: { layout: "cards" }
 	},
 	private: {
 		key: "private",
 		variant: "compact",
-		mode: "split",
-		modeOptions: { split: "swap" }
+		mode: "default",
+		defaultUI: { layout: "cards" },
+		requiredUI: { toAddress: true }
 	},
 	refuel: {
 		key: "refuel",
 		variant: "wide",
-		mode: "refuel"
+		mode: "refuel",
+		defaultUI: { layout: "cards" }
 	},
 	limit: {
 		key: "limit",
 		variant: "compact",
-		mode: "limit"
+		mode: "limit",
+		defaultUI: { layout: "cards" }
 	},
 	"swap-advanced": {
 		key: "swap-advanced",
 		variant: "wide",
 		mode: "split",
-		modeOptions: { split: "swap" }
+		modeOptions: { split: "swap" },
+		defaultUI: { layout: "cards" }
 	},
 	"bridge-advanced": {
 		key: "bridge-advanced",
 		variant: "wide",
 		mode: "split",
-		modeOptions: { split: "bridge" }
+		modeOptions: { split: "bridge" },
+		defaultUI: { layout: "cards" }
 	}
 };
 /** Split-mode tabs (Swap / Bridge), shown when no navigation tabs are configured. */
@@ -86,7 +92,31 @@ const getTabMode = (config, key) => {
 const getTabModeOptions = (config, key) => {
 	return (key ? tabByKey[key] : void 0)?.modeOptions ?? config.modeOptions;
 };
+/**
+* Default UI for a tab, layered over the widget config's `defaultUI` so the
+* tab overrides only the fields it sets and inherits the rest.
+*/
+const getTabDefaultUI = (config, key) => {
+	const tab = key ? tabByKey[key] : void 0;
+	if (!tab?.defaultUI) return config.defaultUI;
+	return {
+		...config.defaultUI,
+		...tab.defaultUI
+	};
+};
+/**
+* Required UI for a tab, layered over the widget config's `requiredUI` so the
+* tab overrides only the fields it sets and inherits the rest.
+*/
+const getTabRequiredUI = (config, key) => {
+	const tab = key ? tabByKey[key] : void 0;
+	if (!tab?.requiredUI) return config.requiredUI;
+	return {
+		...config.requiredUI,
+		...tab.requiredUI
+	};
+};
 //#endregion
-export { getInitialActiveTab, getNavigationTabKeys, getTabMode, getTabModeOptions, getTabSplitMode, getTabVariant };
+export { getInitialActiveTab, getNavigationTabKeys, getTabDefaultUI, getTabMode, getTabModeOptions, getTabRequiredUI, getTabSplitMode, getTabVariant, splitTabKeys };
 
 //# sourceMappingURL=utils.js.map

package/dist/esm/stores/navigationTabs/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/stores/navigationTabs/utils.ts"],"sourcesContent":["import type {\n  InternalNavigationTabKey,\n  ModeOptions,\n  NavigationTabKey,\n  SplitMode,\n  SplitNavigationTabKey,\n  WidgetConfig,\n  WidgetMode,\n  WidgetVariant,\n} from '../../types/widget.js'\nimport { getSplitMode } from '../../utils/mode.js'\nimport type { NavigationTab } from './types.js'\n\n/** Configured navigation tabs by key. Labels are resolved from the key by a hook. */\nconst navigationTabsByKey: Record<InternalNavigationTabKey, NavigationTab> = {\n  default: { key: 'default', variant: 'wide', mode: 'default' },\n  private: {\n    key: 'private',\n    variant: 'compact',\n    mode: 'split',\n    modeOptions: { split: 'swap' },\n  },\n  refuel: { key: 'refuel', variant: 'wide', mode: 'refuel' },\n  limit: { key: 'limit', variant: 'compact', mode: 'limit' },\n  'swap-advanced': {\n    key: 'swap-advanced',\n    variant: 'wide',\n    mode: 'split',\n    modeOptions: { split: 'swap' },\n  },\n  'bridge-advanced': {\n    key: 'bridge-advanced',\n    variant: 'wide',\n    mode: 'split',\n    modeOptions: { split: 'bridge' },\n  },\n}\n\n/** Split-mode tabs (Swap / Bridge), shown when no navigation tabs are configured. */\nconst splitTabs: NavigationTab[] = [\n  {\n    key: 'swap',\n    mode: 'split',\n    modeOptions: { split: 'swap' },\n  },\n  {\n    key: 'bridge',\n    mode: 'split',\n    modeOptions: { split: 'bridge' },\n  },\n]\n\nconst splitTabsByKey = Object.fromEntries(\n  splitTabs.map((tab) => [tab.key, tab])\n) as Record<SplitNavigationTabKey, NavigationTab>\n\n/** Combined lookup across configured and split tabs. */\nconst tabByKey: Record<NavigationTabKey, NavigationTab> = {\n  ...navigationTabsByKey,\n  ...splitTabsByKey,\n}\n\n/** Tab keys shown in split mode when no navigation tabs are configured. */\nexport const splitTabKeys: NavigationTabKey[] = splitTabs.map((tab) => tab.key)\n\n/** Resolves which navigation tabs the header should render from the config. */\nexport const getNavigationTabKeys = (\n  config: WidgetConfig\n): NavigationTabKey[] => {\n  if (config._navigationTabs?.length) {\n    return config._navigationTabs\n  }\n  // Split mode shows Swap / Bridge tabs unless pinned to a single side.\n  if (\n    config.mode === 'split' &&\n    typeof config.modeOptions?.split !== 'string'\n  ) {\n    return splitTabKeys\n  }\n  return []\n}\n\n/**\n * The tab the store seeds as active from the config. With navigation tabs it's\n * the first configured tab; otherwise split mode's selection is itself a tab\n * (`swap`/`bridge`), so it seeds the active tab too.\n */\nexport const getInitialActiveTab = (\n  config: WidgetConfig\n): NavigationTabKey | undefined => {\n  if (config._navigationTabs?.length) {\n    return config._navigationTabs[0]\n  }\n  return config.mode === 'split'\n    ? getSplitMode(config.modeOptions?.split)\n    : undefined\n}\n\n/** Split mode (`swap`/`bridge`) implied by a tab, or `undefined` if not split. */\nexport const getTabSplitMode = (\n  key?: NavigationTabKey\n): SplitMode | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.mode === 'split'\n    ? getSplitMode(tab.modeOptions?.split)\n    : undefined\n}\n\n/** Variant for a tab, falling back to the widget config's variant when unset. */\nexport const getTabVariant = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): WidgetVariant | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.variant ?? config.variant\n}\n\n/** Mode for a tab, falling back to the widget config's mode when unset. */\nexport const getTabMode = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): WidgetMode | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.mode ?? config.mode\n}\n\n/** Mode options for a tab, falling back to the widget config's when unset. */\nexport const getTabModeOptions = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): ModeOptions | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.modeOptions ?? config.modeOptions\n}\n"],"mappings":";;;AAcA,MAAM,sBAAuE;CAC3E,SAAS;EAAE,KAAK;EAAW,SAAS;EAAQ,MAAM;CAAU;CAC5D,SAAS;EACP,KAAK;EACL,SAAS;EACT,MAAM;EACN,aAAa,EAAE,OAAO,OAAO;CAC/B;CACA,QAAQ;EAAE,KAAK;EAAU,SAAS;EAAQ,MAAM;CAAS;CACzD,OAAO;EAAE,KAAK;EAAS,SAAS;EAAW,MAAM;CAAQ;CACzD,iBAAiB;EACf,KAAK;EACL,SAAS;EACT,MAAM;EACN,aAAa,EAAE,OAAO,OAAO;CAC/B;CACA,mBAAmB;EACjB,KAAK;EACL,SAAS;EACT,MAAM;EACN,aAAa,EAAE,OAAO,SAAS;CACjC;AACF;;AAGA,MAAM,YAA6B,CACjC;CACE,KAAK;CACL,MAAM;CACN,aAAa,EAAE,OAAO,OAAO;AAC/B,GACA;CACE,KAAK;CACL,MAAM;CACN,aAAa,EAAE,OAAO,SAAS;AACjC,CACF;AAEA,MAAM,iBAAiB,OAAO,YAC5B,UAAU,KAAK,QAAQ,CAAC,IAAI,KAAK,GAAG,CAAC,CACvC;;AAGA,MAAM,WAAoD;CACxD,GAAG;CACH,GAAG;AACL;;AAGA,MAAa,eAAmC,UAAU,KAAK,QAAQ,IAAI,GAAG;;AAG9E,MAAa,wBACX,WACuB;CACvB,IAAI,OAAO,iBAAiB,QAC1B,OAAO,OAAO;CAGhB,IACE,OAAO,SAAS,WAChB,OAAO,OAAO,aAAa,UAAU,UAErC,OAAO;CAET,OAAO,CAAC;AACV;;;;;;AAOA,MAAa,uBACX,WACiC;CACjC,IAAI,OAAO,iBAAiB,QAC1B,OAAO,OAAO,gBAAgB;CAEhC,OAAO,OAAO,SAAS,UACnB,aAAa,OAAO,aAAa,KAAK,IACtC,KAAA;AACN;;AAGA,MAAa,mBACX,QAC0B;CAC1B,MAAM,MAAM,MAAM,SAAS,OAAO,KAAA;CAClC,OAAO,KAAK,SAAS,UACjB,aAAa,IAAI,aAAa,KAAK,IACnC,KAAA;AACN;;AAGA,MAAa,iBACX,QACA,QAC8B;CAE9B,QADY,MAAM,SAAS,OAAO,KAAA,EAAA,EACtB,WAAW,OAAO;AAChC;;AAGA,MAAa,cACX,QACA,QAC2B;CAE3B,QADY,MAAM,SAAS,OAAO,KAAA,EAAA,EACtB,QAAQ,OAAO;AAC7B;;AAGA,MAAa,qBACX,QACA,QAC4B;CAE5B,QADY,MAAM,SAAS,OAAO,KAAA,EAAA,EACtB,eAAe,OAAO;AACpC"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/stores/navigationTabs/utils.ts"],"sourcesContent":["import type {\n  DefaultUI,\n  InternalNavigationTabKey,\n  ModeOptions,\n  NavigationTabKey,\n  RequiredUIConfig,\n  SplitMode,\n  SplitNavigationTabKey,\n  WidgetConfig,\n  WidgetMode,\n  WidgetVariant,\n} from '../../types/widget.js'\nimport { getSplitMode } from '../../utils/mode.js'\nimport type { NavigationTab } from './types.js'\n\n/** Configured navigation tabs by key. Labels are resolved from the key by a hook. */\nconst navigationTabsByKey: Record<InternalNavigationTabKey, NavigationTab> = {\n  default: {\n    key: 'default',\n    variant: 'wide',\n    mode: 'default',\n    defaultUI: {\n      layout: 'cards',\n    },\n  },\n  private: {\n    key: 'private',\n    variant: 'compact',\n    mode: 'default',\n    defaultUI: {\n      layout: 'cards',\n    },\n    requiredUI: { toAddress: true },\n  },\n  refuel: {\n    key: 'refuel',\n    variant: 'wide',\n    mode: 'refuel',\n    defaultUI: {\n      layout: 'cards',\n    },\n  },\n  limit: {\n    key: 'limit',\n    variant: 'compact',\n    mode: 'limit',\n    defaultUI: {\n      layout: 'cards',\n    },\n  },\n  'swap-advanced': {\n    key: 'swap-advanced',\n    variant: 'wide',\n    mode: 'split',\n    modeOptions: { split: 'swap' },\n    defaultUI: {\n      layout: 'cards',\n    },\n  },\n  'bridge-advanced': {\n    key: 'bridge-advanced',\n    variant: 'wide',\n    mode: 'split',\n    modeOptions: { split: 'bridge' },\n    defaultUI: {\n      layout: 'cards',\n    },\n  },\n}\n\n/** Split-mode tabs (Swap / Bridge), shown when no navigation tabs are configured. */\nconst splitTabs: NavigationTab[] = [\n  {\n    key: 'swap',\n    mode: 'split',\n    modeOptions: { split: 'swap' },\n  },\n  {\n    key: 'bridge',\n    mode: 'split',\n    modeOptions: { split: 'bridge' },\n  },\n]\n\nconst splitTabsByKey = Object.fromEntries(\n  splitTabs.map((tab) => [tab.key, tab])\n) as Record<SplitNavigationTabKey, NavigationTab>\n\n/** Combined lookup across configured and split tabs. */\nconst tabByKey: Record<NavigationTabKey, NavigationTab> = {\n  ...navigationTabsByKey,\n  ...splitTabsByKey,\n}\n\n/** Tab keys shown in split mode when no navigation tabs are configured. */\nexport const splitTabKeys: NavigationTabKey[] = splitTabs.map((tab) => tab.key)\n\n/** Resolves which navigation tabs the header should render from the config. */\nexport const getNavigationTabKeys = (\n  config: WidgetConfig\n): NavigationTabKey[] => {\n  if (config._navigationTabs?.length) {\n    return config._navigationTabs\n  }\n  // Split mode shows Swap / Bridge tabs unless pinned to a single side.\n  if (\n    config.mode === 'split' &&\n    typeof config.modeOptions?.split !== 'string'\n  ) {\n    return splitTabKeys\n  }\n  return []\n}\n\n/**\n * The tab the store seeds as active from the config. With navigation tabs it's\n * the first configured tab; otherwise split mode's selection is itself a tab\n * (`swap`/`bridge`), so it seeds the active tab too.\n */\nexport const getInitialActiveTab = (\n  config: WidgetConfig\n): NavigationTabKey | undefined => {\n  if (config._navigationTabs?.length) {\n    return config._navigationTabs[0]\n  }\n  return config.mode === 'split'\n    ? getSplitMode(config.modeOptions?.split)\n    : undefined\n}\n\n/** Split mode (`swap`/`bridge`) implied by a tab, or `undefined` if not split. */\nexport const getTabSplitMode = (\n  key?: NavigationTabKey\n): SplitMode | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.mode === 'split'\n    ? getSplitMode(tab.modeOptions?.split)\n    : undefined\n}\n\n/** Variant for a tab, falling back to the widget config's variant when unset. */\nexport const getTabVariant = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): WidgetVariant | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.variant ?? config.variant\n}\n\n/** Mode for a tab, falling back to the widget config's mode when unset. */\nexport const getTabMode = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): WidgetMode | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.mode ?? config.mode\n}\n\n/** Mode options for a tab, falling back to the widget config's when unset. */\nexport const getTabModeOptions = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): ModeOptions | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  return tab?.modeOptions ?? config.modeOptions\n}\n\n/**\n * Default UI for a tab, layered over the widget config's `defaultUI` so the\n * tab overrides only the fields it sets and inherits the rest.\n */\nexport const getTabDefaultUI = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): DefaultUI | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  if (!tab?.defaultUI) {\n    return config.defaultUI\n  }\n  return { ...config.defaultUI, ...tab.defaultUI }\n}\n\n/**\n * Required UI for a tab, layered over the widget config's `requiredUI` so the\n * tab overrides only the fields it sets and inherits the rest.\n */\nexport const getTabRequiredUI = (\n  config: WidgetConfig,\n  key?: NavigationTabKey\n): RequiredUIConfig | undefined => {\n  const tab = key ? tabByKey[key] : undefined\n  if (!tab?.requiredUI) {\n    return config.requiredUI\n  }\n  return { ...config.requiredUI, ...tab.requiredUI }\n}\n"],"mappings":";;;AAgBA,MAAM,sBAAuE;CAC3E,SAAS;EACP,KAAK;EACL,SAAS;EACT,MAAM;EACN,WAAW,EACT,QAAQ,QACV;CACF;CACA,SAAS;EACP,KAAK;EACL,SAAS;EACT,MAAM;EACN,WAAW,EACT,QAAQ,QACV;EACA,YAAY,EAAE,WAAW,KAAK;CAChC;CACA,QAAQ;EACN,KAAK;EACL,SAAS;EACT,MAAM;EACN,WAAW,EACT,QAAQ,QACV;CACF;CACA,OAAO;EACL,KAAK;EACL,SAAS;EACT,MAAM;EACN,WAAW,EACT,QAAQ,QACV;CACF;CACA,iBAAiB;EACf,KAAK;EACL,SAAS;EACT,MAAM;EACN,aAAa,EAAE,OAAO,OAAO;EAC7B,WAAW,EACT,QAAQ,QACV;CACF;CACA,mBAAmB;EACjB,KAAK;EACL,SAAS;EACT,MAAM;EACN,aAAa,EAAE,OAAO,SAAS;EAC/B,WAAW,EACT,QAAQ,QACV;CACF;AACF;;AAGA,MAAM,YAA6B,CACjC;CACE,KAAK;CACL,MAAM;CACN,aAAa,EAAE,OAAO,OAAO;AAC/B,GACA;CACE,KAAK;CACL,MAAM;CACN,aAAa,EAAE,OAAO,SAAS;AACjC,CACF;AAEA,MAAM,iBAAiB,OAAO,YAC5B,UAAU,KAAK,QAAQ,CAAC,IAAI,KAAK,GAAG,CAAC,CACvC;;AAGA,MAAM,WAAoD;CACxD,GAAG;CACH,GAAG;AACL;;AAGA,MAAa,eAAmC,UAAU,KAAK,QAAQ,IAAI,GAAG;;AAG9E,MAAa,wBACX,WACuB;CACvB,IAAI,OAAO,iBAAiB,QAC1B,OAAO,OAAO;CAGhB,IACE,OAAO,SAAS,WAChB,OAAO,OAAO,aAAa,UAAU,UAErC,OAAO;CAET,OAAO,CAAC;AACV;;;;;;AAOA,MAAa,uBACX,WACiC;CACjC,IAAI,OAAO,iBAAiB,QAC1B,OAAO,OAAO,gBAAgB;CAEhC,OAAO,OAAO,SAAS,UACnB,aAAa,OAAO,aAAa,KAAK,IACtC,KAAA;AACN;;AAGA,MAAa,mBACX,QAC0B;CAC1B,MAAM,MAAM,MAAM,SAAS,OAAO,KAAA;CAClC,OAAO,KAAK,SAAS,UACjB,aAAa,IAAI,aAAa,KAAK,IACnC,KAAA;AACN;;AAGA,MAAa,iBACX,QACA,QAC8B;CAE9B,QADY,MAAM,SAAS,OAAO,KAAA,EAAA,EACtB,WAAW,OAAO;AAChC;;AAGA,MAAa,cACX,QACA,QAC2B;CAE3B,QADY,MAAM,SAAS,OAAO,KAAA,EAAA,EACtB,QAAQ,OAAO;AAC7B;;AAGA,MAAa,qBACX,QACA,QAC4B;CAE5B,QADY,MAAM,SAAS,OAAO,KAAA,EAAA,EACtB,eAAe,OAAO;AACpC;;;;;AAMA,MAAa,mBACX,QACA,QAC0B;CAC1B,MAAM,MAAM,MAAM,SAAS,OAAO,KAAA;CAClC,IAAI,CAAC,KAAK,WACR,OAAO,OAAO;CAEhB,OAAO;EAAE,GAAG,OAAO;EAAW,GAAG,IAAI;CAAU;AACjD;;;;;AAMA,MAAa,oBACX,QACA,QACiC;CACjC,MAAM,MAAM,MAAM,SAAS,OAAO,KAAA;CAClC,IAAI,CAAC,KAAK,YACR,OAAO,OAAO;CAEhB,OAAO;EAAE,GAAG,OAAO;EAAY,GAAG,IAAI;CAAW;AACnD"}

package/dist/esm/types/events.d.ts

@@ -1,4 +1,5 @@
 import { DefaultValues } from "../stores/form/types.js";
+import { Appearance, NavigationTabKey } from "./widget.js";
 import { TokenAmount as TokenAmount$1 } from "./token.js";
 import { SettingsProps } from "../stores/settings/types.js";
 import { NavigationRouteType } from "../utils/navigationRoutes.js";
@@ -6,12 +7,14 @@ import { ChainId, ExecutionAction, Route } from "@lifi/sdk";
 
 //#region src/types/events.d.ts
 declare enum WidgetEvent {
+  AppearanceChanged = "appearanceChanged",
   AvailableRoutes = "availableRoutes",
   ChainPinned = "chainPinned",
   ContactSupport = "contactSupport",
   DestinationChainTokenSelected = "destinationChainTokenSelected",
   FormFieldChanged = "formFieldChanged",
   LowAddressActivityConfirmed = "lowAddressActivityConfirmed",
+  NavigationTabChanged = "navigationTabChanged",
   PageEntered = "pageEntered",
   RouteExecutionCompleted = "routeExecutionCompleted",
   RouteExecutionFailed = "routeExecutionFailed",
@@ -26,12 +29,14 @@ declare enum WidgetEvent {
   WidgetExpanded = "widgetExpanded"
 }
 type WidgetEvents = {
+  appearanceChanged: (data: Appearance) => void;
   availableRoutes: (data: Route[]) => void;
   chainPinned: (data: ChainPinned) => void;
   contactSupport: (data: ContactSupport) => void;
   destinationChainTokenSelected: (data: ChainTokenSelected) => void;
   formFieldChanged: (data: FormFieldChanged) => void;
   lowAddressActivityConfirmed: (data: LowAddressActivityConfirmed) => void;
+  navigationTabChanged: (data: NavigationTabChanged) => void;
   pageEntered: (data: NavigationRouteType) => void;
   routeExecutionCompleted: (data: Route) => void;
   routeExecutionFailed: (data: RouteExecutionUpdate) => void;
@@ -91,6 +96,10 @@ type LowAddressActivityConfirmed = {
   address: string;
   chainId: number;
 };
+type NavigationTabChanged = {
+  /** Key of the now-active tab. */tab: NavigationTabKey; /** Key of the previously active tab, or `undefined` on first render. */
+  previousTab?: NavigationTabKey;
+};
 //#endregion
-export { ChainPinned, ChainTokenSelected, ContactSupport, FormFieldChanged, LowAddressActivityConfirmed, RouteExecutionUpdate, RouteHighValueLossUpdate, RouteSelected, SettingUpdated, TokenSearch, WidgetEvent, WidgetEvents };
+export { ChainPinned, ChainTokenSelected, ContactSupport, FormFieldChanged, LowAddressActivityConfirmed, NavigationTabChanged, RouteExecutionUpdate, RouteHighValueLossUpdate, RouteSelected, SettingUpdated, TokenSearch, WidgetEvent, WidgetEvents };
 //# sourceMappingURL=events.d.ts.map

package/dist/esm/types/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","names":[],"sources":["../../../src/types/events.ts"],"mappings":";;;;;;;aAMY,WAAA;EACV,eAAA;EACA,WAAA;EACA,cAAA;EACA,6BAAA;EACA,gBAAA;EACA,2BAAA;EACA,WAAA;EACA,uBAAA;EACA,oBAAA;EACA,qBAAA;EACA,qBAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,cAAA;EACA,wBAAA;EACA,WAAA;EACA,cAAA;AAAA;AAAA,KAGU,YAAA;EACV,eAAA,GAAkB,IAAA,EAAM,KAAA;EACxB,WAAA,GAAc,IAAA,EAAM,WAAA;EACpB,cAAA,GAAiB,IAAA,EAAM,cAAA;EACvB,6BAAA,GAAgC,IAAA,EAAM,kBAAA;EACtC,gBAAA,GAAmB,IAAA,EAAM,gBAAA;EACzB,2BAAA,GAA8B,IAAA,EAAM,2BAAA;EACpC,WAAA,GAAc,IAAA,EAAM,mBAAA;EACpB,uBAAA,GAA0B,IAAA,EAAM,KAAA;EAChC,oBAAA,GAAuB,IAAA,EAAM,oBAAA;EAC7B,qBAAA,GAAwB,IAAA,EAAM,KAAA;EAC9B,qBAAA,GAAwB,IAAA,EAAM,oBAAA;EAC9B,kBAAA,GAAqB,IAAA,EAAM,wBAAA;EAC3B,aAAA,GAAgB,IAAA,EAAM,aAAA;EACtB,mBAAA,GAAsB,IAAA;EACtB,cAAA,GAAiB,IAAA,EAAM,cAAA;EACvB,wBAAA,GAA2B,IAAA,EAAM,kBAAA;EACjC,WAAA,GAAc,IAAA,EAAM,WAAA;EACpB,cAAA,GAAiB,IAAA;AAAA;AAAA,KAUP,cAAA;EACV,SAAA;AAAA;AAAA,KAGU,wBAAA;EACV,aAAA;EACA,WAAA;EACA,UAAA;EACA,UAAA;EACA,SAAA;AAAA;AAAA,KAGU,oBAAA;EACV,KAAA,EAAO,KAAA;EACP,MAAA,EAAQ,eAAA;AAAA;AAAA,KAGE,aAAA;EACV,KAAA,EAAO,KAAA;EACP,MAAA,EAAQ,KAAA;AAAA;AAAA,KAGE,WAAA;EACV,KAAA;EACA,MAAA,EAAQ,aAAA;AAAA;AAAA,KAGE,kBAAA;EACV,OAAA,EAAS,OAAA;EACT,YAAA;AAAA;AAAA,KAGU,gBAAA,iBACE,aAAA;EACV,SAAA,EAAW,CAAA;EACX,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,QAAA,EAAU,aAAA,CAAc,CAAA;AAAA,UAEpB,aAAA;AAAA,KAEI,cAAA,iBACM,aAAA,SAAsB,aAAA;EAEtC,OAAA,EAAS,CAAA;EACT,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,WAAA,EAAa,aAAA;EACb,WAAA,EAAa,aAAA;AAAA;AAAA,KAGH,WAAA;EACV,OAAA;EACA,MAAA;AAAA;AAAA,KAGU,2BAAA;EACV,OAAA;EACA,OAAA;AAAA"}
+{"version":3,"file":"events.d.ts","names":[],"sources":["../../../src/types/events.ts"],"mappings":";;;;;;;;aAOY,WAAA;EACV,iBAAA;EACA,eAAA;EACA,WAAA;EACA,cAAA;EACA,6BAAA;EACA,gBAAA;EACA,2BAAA;EACA,oBAAA;EACA,WAAA;EACA,uBAAA;EACA,oBAAA;EACA,qBAAA;EACA,qBAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,cAAA;EACA,wBAAA;EACA,WAAA;EACA,cAAA;AAAA;AAAA,KAGU,YAAA;EACV,iBAAA,GAAoB,IAAA,EAAM,UAAA;EAC1B,eAAA,GAAkB,IAAA,EAAM,KAAA;EACxB,WAAA,GAAc,IAAA,EAAM,WAAA;EACpB,cAAA,GAAiB,IAAA,EAAM,cAAA;EACvB,6BAAA,GAAgC,IAAA,EAAM,kBAAA;EACtC,gBAAA,GAAmB,IAAA,EAAM,gBAAA;EACzB,2BAAA,GAA8B,IAAA,EAAM,2BAAA;EACpC,oBAAA,GAAuB,IAAA,EAAM,oBAAA;EAC7B,WAAA,GAAc,IAAA,EAAM,mBAAA;EACpB,uBAAA,GAA0B,IAAA,EAAM,KAAA;EAChC,oBAAA,GAAuB,IAAA,EAAM,oBAAA;EAC7B,qBAAA,GAAwB,IAAA,EAAM,KAAA;EAC9B,qBAAA,GAAwB,IAAA,EAAM,oBAAA;EAC9B,kBAAA,GAAqB,IAAA,EAAM,wBAAA;EAC3B,aAAA,GAAgB,IAAA,EAAM,aAAA;EACtB,mBAAA,GAAsB,IAAA;EACtB,cAAA,GAAiB,IAAA,EAAM,cAAA;EACvB,wBAAA,GAA2B,IAAA,EAAM,kBAAA;EACjC,WAAA,GAAc,IAAA,EAAM,WAAA;EACpB,cAAA,GAAiB,IAAA;AAAA;AAAA,KAUP,cAAA;EACV,SAAA;AAAA;AAAA,KAGU,wBAAA;EACV,aAAA;EACA,WAAA;EACA,UAAA;EACA,UAAA;EACA,SAAA;AAAA;AAAA,KAGU,oBAAA;EACV,KAAA,EAAO,KAAA;EACP,MAAA,EAAQ,eAAA;AAAA;AAAA,KAGE,aAAA;EACV,KAAA,EAAO,KAAA;EACP,MAAA,EAAQ,KAAA;AAAA;AAAA,KAGE,WAAA;EACV,KAAA;EACA,MAAA,EAAQ,aAAA;AAAA;AAAA,KAGE,kBAAA;EACV,OAAA,EAAS,OAAA;EACT,YAAA;AAAA;AAAA,KAGU,gBAAA,iBACE,aAAA;EACV,SAAA,EAAW,CAAA;EACX,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,QAAA,EAAU,aAAA,CAAc,CAAA;AAAA,UAEpB,aAAA;AAAA,KAEI,cAAA,iBACM,aAAA,SAAsB,aAAA;EAEtC,OAAA,EAAS,CAAA;EACT,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,QAAA,EAAU,aAAA,CAAc,CAAA;EACxB,WAAA,EAAa,aAAA;EACb,WAAA,EAAa,aAAA;AAAA;AAAA,KAGH,WAAA;EACV,OAAA;EACA,MAAA;AAAA;AAAA,KAGU,2BAAA;EACV,OAAA;EACA,OAAA;AAAA;AAAA,KAGU,oBAAA;mCAEV,GAAA,EAAK,gBAAA;EAEL,WAAA,GAAc,gBAAA;AAAA"}

package/dist/esm/types/events.js

@@ -1,11 +1,13 @@
 //#region src/types/events.ts
 let WidgetEvent = /* @__PURE__ */ function(WidgetEvent) {
+	WidgetEvent["AppearanceChanged"] = "appearanceChanged";
 	WidgetEvent["AvailableRoutes"] = "availableRoutes";
 	WidgetEvent["ChainPinned"] = "chainPinned";
 	WidgetEvent["ContactSupport"] = "contactSupport";
 	WidgetEvent["DestinationChainTokenSelected"] = "destinationChainTokenSelected";
 	WidgetEvent["FormFieldChanged"] = "formFieldChanged";
 	WidgetEvent["LowAddressActivityConfirmed"] = "lowAddressActivityConfirmed";
+	WidgetEvent["NavigationTabChanged"] = "navigationTabChanged";
 	WidgetEvent["PageEntered"] = "pageEntered";
 	WidgetEvent["RouteExecutionCompleted"] = "routeExecutionCompleted";
 	WidgetEvent["RouteExecutionFailed"] = "routeExecutionFailed";

package/dist/esm/types/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","names":[],"sources":["../../../src/types/events.ts"],"sourcesContent":["import type { ChainId, ExecutionAction, Route } from '@lifi/sdk'\nimport type { DefaultValues } from '../stores/form/types.js'\nimport type { SettingsProps } from '../stores/settings/types.js'\nimport type { NavigationRouteType } from '../utils/navigationRoutes.js'\nimport type { TokenAmount } from './token.js'\n\nexport enum WidgetEvent {\n  AvailableRoutes = 'availableRoutes',\n  ChainPinned = 'chainPinned',\n  ContactSupport = 'contactSupport',\n  DestinationChainTokenSelected = 'destinationChainTokenSelected',\n  FormFieldChanged = 'formFieldChanged',\n  LowAddressActivityConfirmed = 'lowAddressActivityConfirmed',\n  PageEntered = 'pageEntered',\n  RouteExecutionCompleted = 'routeExecutionCompleted',\n  RouteExecutionFailed = 'routeExecutionFailed',\n  RouteExecutionStarted = 'routeExecutionStarted',\n  RouteExecutionUpdated = 'routeExecutionUpdated',\n  RouteHighValueLoss = 'routeHighValueLoss',\n  RouteSelected = 'routeSelected',\n  SendToWalletToggled = 'sendToWalletToggled',\n  SettingUpdated = 'settingUpdated',\n  SourceChainTokenSelected = 'sourceChainTokenSelected',\n  TokenSearch = 'tokenSearch',\n  WidgetExpanded = 'widgetExpanded',\n}\n\nexport type WidgetEvents = {\n  availableRoutes: (data: Route[]) => void\n  chainPinned: (data: ChainPinned) => void\n  contactSupport: (data: ContactSupport) => void\n  destinationChainTokenSelected: (data: ChainTokenSelected) => void\n  formFieldChanged: (data: FormFieldChanged) => void\n  lowAddressActivityConfirmed: (data: LowAddressActivityConfirmed) => void\n  pageEntered: (data: NavigationRouteType) => void\n  routeExecutionCompleted: (data: Route) => void\n  routeExecutionFailed: (data: RouteExecutionUpdate) => void\n  routeExecutionStarted: (data: Route) => void\n  routeExecutionUpdated: (data: RouteExecutionUpdate) => void\n  routeHighValueLoss: (data: RouteHighValueLossUpdate) => void\n  routeSelected: (data: RouteSelected) => void\n  sendToWalletToggled: (data: boolean) => void\n  settingUpdated: (data: SettingUpdated) => void\n  sourceChainTokenSelected: (data: ChainTokenSelected) => void\n  tokenSearch: (data: TokenSearch) => void\n  widgetExpanded: (data: boolean) => void\n}\n\n// Compile-time invariant: WidgetEvent enum values and keyof WidgetEvents\n// must stay in lockstep. Adding to one without the other fails the build.\ntype Exact<A, B> = [A] extends [B] ? ([B] extends [A] ? true : false) : false\nconst _eventEnumMatchesEventMap: Exact<`${WidgetEvent}`, keyof WidgetEvents> =\n  true\nvoid _eventEnumMatchesEventMap\n\nexport type ContactSupport = {\n  supportId?: string\n}\n\nexport type RouteHighValueLossUpdate = {\n  fromAmountUSD: number\n  toAmountUSD: number\n  gasCostUSD?: number\n  feeCostUSD?: number\n  valueLoss: number\n}\n\nexport type RouteExecutionUpdate = {\n  route: Route\n  action: ExecutionAction\n}\n\nexport type RouteSelected = {\n  route: Route\n  routes: Route[]\n}\n\nexport type TokenSearch = {\n  value: string\n  tokens: TokenAmount[]\n}\n\nexport type ChainTokenSelected = {\n  chainId: ChainId\n  tokenAddress: string\n}\n\nexport type FormFieldChanged = {\n  [K in keyof DefaultValues]: {\n    fieldName: K\n    newValue: DefaultValues[K]\n    oldValue: DefaultValues[K]\n  }\n}[keyof DefaultValues]\n\nexport type SettingUpdated<\n  K extends keyof SettingsProps = keyof SettingsProps,\n> = {\n  setting: K\n  newValue: SettingsProps[K]\n  oldValue: SettingsProps[K]\n  newSettings: SettingsProps\n  oldSettings: SettingsProps\n}\n\nexport type ChainPinned = {\n  chainId: number\n  pinned: boolean\n}\n\nexport type LowAddressActivityConfirmed = {\n  address: string\n  chainId: number\n}\n"],"mappings":";AAMA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,qBAAA;CACA,YAAA,iBAAA;CACA,YAAA,oBAAA;CACA,YAAA,mCAAA;CACA,YAAA,sBAAA;CACA,YAAA,iCAAA;CACA,YAAA,iBAAA;CACA,YAAA,6BAAA;CACA,YAAA,0BAAA;CACA,YAAA,2BAAA;CACA,YAAA,2BAAA;CACA,YAAA,wBAAA;CACA,YAAA,mBAAA;CACA,YAAA,yBAAA;CACA,YAAA,oBAAA;CACA,YAAA,8BAAA;CACA,YAAA,iBAAA;CACA,YAAA,oBAAA;;AACF,EAAA,CAAA,CAAA"}
+{"version":3,"file":"events.js","names":[],"sources":["../../../src/types/events.ts"],"sourcesContent":["import type { ChainId, ExecutionAction, Route } from '@lifi/sdk'\nimport type { DefaultValues } from '../stores/form/types.js'\nimport type { SettingsProps } from '../stores/settings/types.js'\nimport type { NavigationRouteType } from '../utils/navigationRoutes.js'\nimport type { TokenAmount } from './token.js'\nimport type { Appearance, NavigationTabKey } from './widget.js'\n\nexport enum WidgetEvent {\n  AppearanceChanged = 'appearanceChanged',\n  AvailableRoutes = 'availableRoutes',\n  ChainPinned = 'chainPinned',\n  ContactSupport = 'contactSupport',\n  DestinationChainTokenSelected = 'destinationChainTokenSelected',\n  FormFieldChanged = 'formFieldChanged',\n  LowAddressActivityConfirmed = 'lowAddressActivityConfirmed',\n  NavigationTabChanged = 'navigationTabChanged',\n  PageEntered = 'pageEntered',\n  RouteExecutionCompleted = 'routeExecutionCompleted',\n  RouteExecutionFailed = 'routeExecutionFailed',\n  RouteExecutionStarted = 'routeExecutionStarted',\n  RouteExecutionUpdated = 'routeExecutionUpdated',\n  RouteHighValueLoss = 'routeHighValueLoss',\n  RouteSelected = 'routeSelected',\n  SendToWalletToggled = 'sendToWalletToggled',\n  SettingUpdated = 'settingUpdated',\n  SourceChainTokenSelected = 'sourceChainTokenSelected',\n  TokenSearch = 'tokenSearch',\n  WidgetExpanded = 'widgetExpanded',\n}\n\nexport type WidgetEvents = {\n  appearanceChanged: (data: Appearance) => void\n  availableRoutes: (data: Route[]) => void\n  chainPinned: (data: ChainPinned) => void\n  contactSupport: (data: ContactSupport) => void\n  destinationChainTokenSelected: (data: ChainTokenSelected) => void\n  formFieldChanged: (data: FormFieldChanged) => void\n  lowAddressActivityConfirmed: (data: LowAddressActivityConfirmed) => void\n  navigationTabChanged: (data: NavigationTabChanged) => void\n  pageEntered: (data: NavigationRouteType) => void\n  routeExecutionCompleted: (data: Route) => void\n  routeExecutionFailed: (data: RouteExecutionUpdate) => void\n  routeExecutionStarted: (data: Route) => void\n  routeExecutionUpdated: (data: RouteExecutionUpdate) => void\n  routeHighValueLoss: (data: RouteHighValueLossUpdate) => void\n  routeSelected: (data: RouteSelected) => void\n  sendToWalletToggled: (data: boolean) => void\n  settingUpdated: (data: SettingUpdated) => void\n  sourceChainTokenSelected: (data: ChainTokenSelected) => void\n  tokenSearch: (data: TokenSearch) => void\n  widgetExpanded: (data: boolean) => void\n}\n\n// Compile-time invariant: WidgetEvent enum values and keyof WidgetEvents\n// must stay in lockstep. Adding to one without the other fails the build.\ntype Exact<A, B> = [A] extends [B] ? ([B] extends [A] ? true : false) : false\nconst _eventEnumMatchesEventMap: Exact<`${WidgetEvent}`, keyof WidgetEvents> =\n  true\nvoid _eventEnumMatchesEventMap\n\nexport type ContactSupport = {\n  supportId?: string\n}\n\nexport type RouteHighValueLossUpdate = {\n  fromAmountUSD: number\n  toAmountUSD: number\n  gasCostUSD?: number\n  feeCostUSD?: number\n  valueLoss: number\n}\n\nexport type RouteExecutionUpdate = {\n  route: Route\n  action: ExecutionAction\n}\n\nexport type RouteSelected = {\n  route: Route\n  routes: Route[]\n}\n\nexport type TokenSearch = {\n  value: string\n  tokens: TokenAmount[]\n}\n\nexport type ChainTokenSelected = {\n  chainId: ChainId\n  tokenAddress: string\n}\n\nexport type FormFieldChanged = {\n  [K in keyof DefaultValues]: {\n    fieldName: K\n    newValue: DefaultValues[K]\n    oldValue: DefaultValues[K]\n  }\n}[keyof DefaultValues]\n\nexport type SettingUpdated<\n  K extends keyof SettingsProps = keyof SettingsProps,\n> = {\n  setting: K\n  newValue: SettingsProps[K]\n  oldValue: SettingsProps[K]\n  newSettings: SettingsProps\n  oldSettings: SettingsProps\n}\n\nexport type ChainPinned = {\n  chainId: number\n  pinned: boolean\n}\n\nexport type LowAddressActivityConfirmed = {\n  address: string\n  chainId: number\n}\n\nexport type NavigationTabChanged = {\n  /** Key of the now-active tab. */\n  tab: NavigationTabKey\n  /** Key of the previously active tab, or `undefined` on first render. */\n  previousTab?: NavigationTabKey\n}\n"],"mappings":";AAOA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,uBAAA;CACA,YAAA,qBAAA;CACA,YAAA,iBAAA;CACA,YAAA,oBAAA;CACA,YAAA,mCAAA;CACA,YAAA,sBAAA;CACA,YAAA,iCAAA;CACA,YAAA,0BAAA;CACA,YAAA,iBAAA;CACA,YAAA,6BAAA;CACA,YAAA,0BAAA;CACA,YAAA,2BAAA;CACA,YAAA,2BAAA;CACA,YAAA,wBAAA;CACA,YAAA,mBAAA;CACA,YAAA,yBAAA;CACA,YAAA,oBAAA;CACA,YAAA,8BAAA;CACA,YAAA,iBAAA;CACA,YAAA,oBAAA;;AACF,EAAA,CAAA,CAAA"}

package/dist/esm/types/widget.d.ts

@@ -115,6 +115,15 @@ interface RequiredUIConfig {
 type DefaultUI = {
   transactionDetailsExpanded?: boolean;
   navigationHeaderTitleNoWrap?: boolean;
+  /**
+  * Layout for the main form.
+  * - `'default'`: the chain/token selectors plus single amount input.
+  * - `'cards'`: the redesigned card-based layout — stacked Send/Receive amount
+  *   cards (`AmountInputCardPair`) with inline token pill selectors and a swap
+  *   button.
+  * @default 'default'
+  */
+  layout?: "default" | "cards";
 };
 interface WidgetWalletConfig {
   walletEcosystemsOrder?: Record<string, ChainType[]>;

package/dist/esm/types/widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","names":[],"sources":["../../../src/types/widget.ts"],"mappings":"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"}
+{"version":3,"file":"widget.d.ts","names":[],"sources":["../../../src/types/widget.ts"],"mappings":"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"}

package/dist/esm/types/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","names":[],"sources":["../../../src/types/widget.ts"],"sourcesContent":["import type {\n  BaseToken,\n  ChainType,\n  ContractCall,\n  ExecutionOptions,\n  ExtendedChain,\n  Order,\n  Route,\n  RouteOptions,\n  SDKConfig,\n  StaticToken,\n  Token,\n} from '@lifi/sdk'\nimport type { WalletMenuOpenArgs } from '@lifi/wallet-management'\nimport type { WidgetProviderProps } from '@lifi/widget-provider'\nimport type {\n  Components,\n  PaletteMode,\n  PaletteOptions,\n  Shape,\n  SxProps,\n  Theme,\n} from '@mui/material'\nimport type { TypographyVariantsOptions } from '@mui/material/styles'\nimport type {\n  CSSProperties,\n  PropsWithChildren,\n  ReactNode,\n  RefObject,\n} from 'react'\nimport type {\n  LanguageKey,\n  LanguageResources,\n} from '../providers/I18nProvider/types.js'\nimport type { DefaultFieldValues } from '../stores/form/types.js'\n\nexport type WidgetVariant = 'compact' | 'wide' | 'drawer'\n\n/** @internal Not part of the public API. */\nexport type InternalWidgetMode = 'limit'\nexport type WidgetMode =\n  | 'default'\n  | 'split'\n  | 'custom'\n  | 'refuel'\n  | InternalWidgetMode\nexport type SplitMode = 'bridge' | 'swap'\nexport type SplitModeOptions = {\n  defaultTab: SplitMode\n}\nexport type CustomMode = 'checkout' | 'deposit'\nexport interface ModeOptions {\n  /**\n   * Configure split mode behavior:\n   * - 'bridge' | 'swap': Single mode without tabs\n   * - { defaultTab: 'bridge' | 'swap' }: Tabs mode with configurable default tab\n   */\n  split?: SplitMode | SplitModeOptions\n  custom?: { type: CustomMode }\n}\n\n/**\n * Identity of a header navigation tab. Each key maps to a widget variant, mode and\n * (optionally) mode options; labels are resolved from the key.\n */\nexport type SplitNavigationTabKey = SplitMode\n/** @internal Not part of the public API. */\nexport type InternalNavigationTabKey =\n  | 'default'\n  | 'private'\n  | 'refuel'\n  | 'swap-advanced'\n  | 'bridge-advanced'\n  | 'limit'\nexport type NavigationTabKey = InternalNavigationTabKey | SplitNavigationTabKey\n\nexport type Appearance = PaletteMode | 'system'\nexport interface NavigationProps {\n  /**\n   * If given, uses a negative margin to counteract the padding on sides for navigation elements like icon buttons.\n   * @default true\n   */\n  edge?: boolean\n}\nexport type WidgetThemeComponents = Partial<\n  Pick<\n    Components<Theme>,\n    | 'MuiAppBar'\n    | 'MuiAvatar'\n    | 'MuiButton'\n    | 'MuiCard'\n    | 'MuiDrawer'\n    | 'MuiIconButton'\n    | 'MuiInputCard'\n    | 'MuiNavigationTabs'\n    | 'MuiNavigationTab'\n    | 'MuiTabs'\n    | 'MuiCheckbox'\n  >\n>\n\nexport type WidgetTheme = {\n  colorSchemes?: {\n    light?: {\n      palette: PaletteOptions\n    }\n    dark?: {\n      palette: PaletteOptions\n    }\n  }\n  shape?: Partial<Shape>\n  typography?: TypographyVariantsOptions\n  components?: WidgetThemeComponents\n  container?: CSSProperties\n  routesContainer?: CSSProperties\n  chainSidebarContainer?: CSSProperties\n  header?: CSSProperties\n  navigation?: NavigationProps\n}\n\nexport interface DisabledUIConfig {\n  fromAmount?: boolean\n  fromToken?: boolean\n  toAddress?: boolean\n  toToken?: boolean\n}\n\nexport interface HiddenUIConfig {\n  addressBookConnectedWallets?: boolean\n  allNetworks?: boolean\n  appearance?: boolean\n  bridgesSettings?: boolean\n  chainSelect?: boolean\n  /**\n   * Hide the chain sidebar in the `wide` variant. No effect in other variants.\n   * @default false\n   */\n  chainSidebar?: boolean\n  contactSupport?: boolean\n  /**\n   * Hide the drawer close button. Only meaningful when `variant === 'drawer'`.\n   * @default false\n   */\n  drawerCloseButton?: boolean\n  fromToken?: boolean\n  gasRefuelMessage?: boolean\n  hideSmallBalances?: boolean\n  history?: boolean\n  insufficientGasMessage?: boolean\n  integratorStepDetails?: boolean\n  language?: boolean\n  /**\n   * Hide the warning shown when sending to an address with low historical\n   * on-chain activity (low transaction count or contract-like behavior).\n   * @default false\n   */\n  lowAddressActivityConfirmation?: boolean\n  poweredBy?: boolean\n  reverseTokensButton?: boolean\n  routeCardPriceImpact?: boolean\n  routeTokenDescription?: boolean\n  searchTokenInput?: boolean\n  toAddress?: boolean\n  toToken?: boolean\n  walletMenu?: boolean\n}\n\nexport interface RequiredUIConfig {\n  accountDeployedMessage?: boolean\n  toAddress?: boolean\n}\n\nexport type DefaultUI = {\n  transactionDetailsExpanded?: boolean\n  navigationHeaderTitleNoWrap?: boolean\n}\n\nexport interface WidgetWalletConfig {\n  walletEcosystemsOrder?: Record<string, ChainType[]>\n  onConnect?(args?: WalletMenuOpenArgs): void\n  /**\n   * Determines whether the widget should provide partial wallet management functionality.\n   *\n   * In partial mode, external wallet management will be used for \"opt-out\" providers,\n   * while the internal management is applied for any remaining providers that do not opt out.\n   * This allows a flexible balance between the integrator's custom wallet menu and the widget's native wallet menu.\n   * @default false\n   */\n  usePartialWalletManagement?: boolean\n  /**\n   * This option forces the widget to always use internal wallet management ignoring external wallet management contexts\n   * @default false\n   */\n  forceInternalWalletManagement?: boolean\n}\n\nexport interface WidgetSDKConfig\n  extends Omit<\n    SDKConfig,\n    | 'apiKey'\n    | 'disableVersionCheck'\n    | 'integrator'\n    | 'providers'\n    | 'routeOptions'\n    | 'widgetVersion'\n  > {\n  routeOptions?: Omit<\n    RouteOptions,\n    'bridges' | 'exchanges' | 'fee' | 'referrer' | 'order' | 'slippage'\n  >\n  executionOptions?: Pick<ExecutionOptions, 'updateTransactionRequestHook'>\n}\n\nexport interface WidgetContractTool {\n  name: string\n  logoURI: string\n}\n\nexport interface CalculateFeeParams {\n  fromChain: ExtendedChain\n  toChain: ExtendedChain\n  fromToken: Token\n  toToken: Token\n  fromAddress?: string\n  toAddress?: string\n  fromAmount?: bigint\n  toAmount?: bigint\n  slippage?: number\n}\n\nexport interface WidgetFeeConfig {\n  name?: string\n  logoURI?: string\n  fee?: number\n  /**\n   * Whether to show the fee percentage in the fee details.\n   * @default false\n   */\n  showFeePercentage?: boolean\n  /**\n   * Whether to show a tooltip with the fee details. Requires `name` or `feeTooltipComponent` to be set.\n   * @default false\n   */\n  showFeeTooltip?: boolean\n  /**\n   * Custom tooltip component to show with the fee details.\n   */\n  feeTooltipComponent?: ReactNode\n  /**\n   * Function to calculate fees before fetching quotes.\n   * If provided, this function will be used instead of the `fee` parameter.\n   * Only one of `fee` or `calculateFee` should be used.\n   *\n   * @param params Object containing the fee calculation parameters\n   * @returns A promise that resolves to the calculated fee as a number (e.g., 0.03 represents a 3% fee)\n   */\n  calculateFee?(params: CalculateFeeParams): Promise<number | undefined>\n}\n\nexport interface ToAddress {\n  name?: string\n  address: string\n  chainType: ChainType\n  logoURI?: string\n}\n\nexport interface AllowDeny<T> {\n  allow?: T[]\n  deny?: T[]\n}\n\nexport type AllowDenySetItem = string | number\nexport interface AllowDenySet {\n  allow?: Set<AllowDenySetItem>\n  deny?: Set<AllowDenySetItem>\n}\n\nexport type AllowDenySets = {\n  from?: AllowDenySet\n  to?: AllowDenySet\n} & AllowDenySet\n\nexport type AllowDenyItems<T> = {\n  from?: AllowDeny<T>\n  to?: AllowDeny<T>\n} & AllowDeny<T>\n\nexport type WidgetChains = {\n  types?: AllowDeny<ChainType>\n} & AllowDenyItems<number>\n\nexport type WidgetTokens = {\n  featured?: StaticToken[]\n  include?: Token[]\n  popular?: StaticToken[]\n} & AllowDenyItems<BaseToken>\n\nexport type WidgetLanguages = {\n  default?: LanguageKey\n} & AllowDeny<LanguageKey>\n\nexport type PoweredByType = 'default' | 'jumper'\n\nexport interface RouteLabel {\n  text: string\n  sx?: SxProps<Theme>\n}\n\nexport interface RouteLabelRule {\n  label: RouteLabel\n  // Matching criteria\n  bridges?: AllowDeny<string>\n  exchanges?: AllowDeny<string>\n  fromChainId?: number[]\n  toChainId?: number[]\n  fromTokenAddress?: string[]\n  toTokenAddress?: string[]\n  /**\n   * Custom match function evaluated against the route. When provided, its\n   * result is AND'd with the other matching criteria — all specified\n   * conditions must pass for the label to apply. Use this for matching logic\n   * that the built-in fields cannot express (gas costs, step count, route\n   * tags, etc.).\n   */\n  match?: (route: Route) => boolean\n}\n\nexport type ExplorerUrl =\n  | string\n  | {\n      url: string\n      txPath?: string\n      addressPath?: string\n    }\n\nexport type WidgetProvider = (\n  props: PropsWithChildren<WidgetProviderProps>\n) => ReactNode\n\nexport interface WidgetConfig {\n  fromChain?: number\n  toChain?: number\n  fromToken?: string\n  toToken?: string\n  toAddress?: ToAddress\n  toAddresses?: ToAddress[]\n  fromAmount?: number | string\n  minFromAmountUSD?: number\n  toAmount?: number | string\n  formUpdateKey?: string\n\n  providers?: WidgetProvider[]\n\n  contractCalls?: ContractCall[]\n  contractComponent?: ReactNode\n  contractSecondaryComponent?: ReactNode\n  contractCompactComponent?: ReactNode\n  contractTool?: WidgetContractTool\n  integrator: string\n  apiKey?: string\n  feeConfig?: WidgetFeeConfig\n  referrer?: string\n\n  routePriority?: Order\n  slippage?: number\n\n  variant?: WidgetVariant\n  mode?: WidgetMode\n  modeOptions?: ModeOptions\n  /**\n   * Header navigation tabs, in order. When set, the widget renders a tab bar\n   * and the active tab drives the displayed flow. Each entry is a tab key.\n   *\n   * @internal Not part of the public API.\n   */\n  _navigationTabs?: NavigationTabKey[]\n\n  appearance?: Appearance\n  theme?: WidgetTheme\n\n  disabledUI?: DisabledUIConfig\n  hiddenUI?: HiddenUIConfig\n  requiredUI?: RequiredUIConfig\n  defaultUI?: DefaultUI\n  /**\n   * When true, shows only the recommended route and hides the route\n   * selector UI. Distinct from `routePriority`, which sets the SDK\n   * ranking order across multiple displayed routes.\n   * @default false\n   */\n  showSingleRoute?: boolean\n  useRelayerRoutes?: boolean\n\n  walletConfig?: WidgetWalletConfig\n  sdkConfig?: WidgetSDKConfig\n\n  buildUrl?: boolean\n  keyPrefix?: string\n\n  bridges?: AllowDeny<string>\n  exchanges?: AllowDeny<string>\n  chains?: WidgetChains\n  tokens?: WidgetTokens\n  languages?: WidgetLanguages\n  languageResources?: LanguageResources\n  explorerUrls?: Record<number, ExplorerUrl[]> &\n    Partial<Record<'internal', ExplorerUrl[]>>\n  poweredBy?: PoweredByType\n\n  /**\n   * Custom labels/badges to show on routes based on specified rules\n   */\n  routeLabels?: RouteLabelRule[]\n}\n\nexport interface FormFieldOptions {\n  setUrlSearchParam: boolean\n}\n\nexport interface FieldValues\n  extends Omit<DefaultFieldValues, 'fromAmount' | 'toAmount' | 'toAddress'> {\n  fromAmount?: number | string\n  toAmount?: number | string\n  toAddress?: ToAddress | string\n}\n\nexport type FieldNames = keyof FieldValues\n\nexport type SetFieldValueFunction = <K extends FieldNames>(\n  key: K,\n  value: FieldValues[K],\n  options?: FormFieldOptions\n) => void\n\nexport type FormState = {\n  setFieldValue: SetFieldValueFunction\n}\n\nexport type FormRef = RefObject<FormState | null>\n\nexport interface FormRefProps {\n  formRef?: FormRef\n}\n\nexport interface WidgetConfigProps extends FormRefProps {\n  config: WidgetConfig\n}\n\nexport interface WidgetConfigPartialProps {\n  config?: Partial<WidgetConfig>\n}\n\nexport type WidgetProps = WidgetDrawerProps &\n  WidgetConfig &\n  WidgetConfigPartialProps &\n  FormRefProps\n\nexport interface WidgetDrawerProps extends WidgetConfigPartialProps {\n  elementRef?: RefObject<HTMLDivElement>\n  open?: boolean\n  /**\n   * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget\n   */\n  onClose?(): void\n}\n\nexport enum ExpansionType {\n  Routes = 'routes',\n  FromChain = 'fromChain',\n  ToChain = 'toChain',\n}\n"],"mappings":";AAkdA,IAAY,gBAAL,yBAAA,eAAA;CACL,cAAA,YAAA;CACA,cAAA,eAAA;CACA,cAAA,aAAA;;AACF,EAAA,CAAA,CAAA"}
+{"version":3,"file":"widget.js","names":[],"sources":["../../../src/types/widget.ts"],"sourcesContent":["import type {\n  BaseToken,\n  ChainType,\n  ContractCall,\n  ExecutionOptions,\n  ExtendedChain,\n  Order,\n  Route,\n  RouteOptions,\n  SDKConfig,\n  StaticToken,\n  Token,\n} from '@lifi/sdk'\nimport type { WalletMenuOpenArgs } from '@lifi/wallet-management'\nimport type { WidgetProviderProps } from '@lifi/widget-provider'\nimport type {\n  Components,\n  PaletteMode,\n  PaletteOptions,\n  Shape,\n  SxProps,\n  Theme,\n} from '@mui/material'\nimport type { TypographyVariantsOptions } from '@mui/material/styles'\nimport type {\n  CSSProperties,\n  PropsWithChildren,\n  ReactNode,\n  RefObject,\n} from 'react'\nimport type {\n  LanguageKey,\n  LanguageResources,\n} from '../providers/I18nProvider/types.js'\nimport type { DefaultFieldValues } from '../stores/form/types.js'\n\nexport type WidgetVariant = 'compact' | 'wide' | 'drawer'\n\n/** @internal Not part of the public API. */\nexport type InternalWidgetMode = 'limit'\nexport type WidgetMode =\n  | 'default'\n  | 'split'\n  | 'custom'\n  | 'refuel'\n  | InternalWidgetMode\nexport type SplitMode = 'bridge' | 'swap'\nexport type SplitModeOptions = {\n  defaultTab: SplitMode\n}\nexport type CustomMode = 'checkout' | 'deposit'\nexport interface ModeOptions {\n  /**\n   * Configure split mode behavior:\n   * - 'bridge' | 'swap': Single mode without tabs\n   * - { defaultTab: 'bridge' | 'swap' }: Tabs mode with configurable default tab\n   */\n  split?: SplitMode | SplitModeOptions\n  custom?: { type: CustomMode }\n}\n\n/**\n * Identity of a header navigation tab. Each key maps to a widget variant, mode and\n * (optionally) mode options; labels are resolved from the key.\n */\nexport type SplitNavigationTabKey = SplitMode\n/** @internal Not part of the public API. */\nexport type InternalNavigationTabKey =\n  | 'default'\n  | 'private'\n  | 'refuel'\n  | 'swap-advanced'\n  | 'bridge-advanced'\n  | 'limit'\nexport type NavigationTabKey = InternalNavigationTabKey | SplitNavigationTabKey\n\nexport type Appearance = PaletteMode | 'system'\nexport interface NavigationProps {\n  /**\n   * If given, uses a negative margin to counteract the padding on sides for navigation elements like icon buttons.\n   * @default true\n   */\n  edge?: boolean\n}\nexport type WidgetThemeComponents = Partial<\n  Pick<\n    Components<Theme>,\n    | 'MuiAppBar'\n    | 'MuiAvatar'\n    | 'MuiButton'\n    | 'MuiCard'\n    | 'MuiDrawer'\n    | 'MuiIconButton'\n    | 'MuiInputCard'\n    | 'MuiNavigationTabs'\n    | 'MuiNavigationTab'\n    | 'MuiTabs'\n    | 'MuiCheckbox'\n  >\n>\n\nexport type WidgetTheme = {\n  colorSchemes?: {\n    light?: {\n      palette: PaletteOptions\n    }\n    dark?: {\n      palette: PaletteOptions\n    }\n  }\n  shape?: Partial<Shape>\n  typography?: TypographyVariantsOptions\n  components?: WidgetThemeComponents\n  container?: CSSProperties\n  routesContainer?: CSSProperties\n  chainSidebarContainer?: CSSProperties\n  header?: CSSProperties\n  navigation?: NavigationProps\n}\n\nexport interface DisabledUIConfig {\n  fromAmount?: boolean\n  fromToken?: boolean\n  toAddress?: boolean\n  toToken?: boolean\n}\n\nexport interface HiddenUIConfig {\n  addressBookConnectedWallets?: boolean\n  allNetworks?: boolean\n  appearance?: boolean\n  bridgesSettings?: boolean\n  chainSelect?: boolean\n  /**\n   * Hide the chain sidebar in the `wide` variant. No effect in other variants.\n   * @default false\n   */\n  chainSidebar?: boolean\n  contactSupport?: boolean\n  /**\n   * Hide the drawer close button. Only meaningful when `variant === 'drawer'`.\n   * @default false\n   */\n  drawerCloseButton?: boolean\n  fromToken?: boolean\n  gasRefuelMessage?: boolean\n  hideSmallBalances?: boolean\n  history?: boolean\n  insufficientGasMessage?: boolean\n  integratorStepDetails?: boolean\n  language?: boolean\n  /**\n   * Hide the warning shown when sending to an address with low historical\n   * on-chain activity (low transaction count or contract-like behavior).\n   * @default false\n   */\n  lowAddressActivityConfirmation?: boolean\n  poweredBy?: boolean\n  reverseTokensButton?: boolean\n  routeCardPriceImpact?: boolean\n  routeTokenDescription?: boolean\n  searchTokenInput?: boolean\n  toAddress?: boolean\n  toToken?: boolean\n  walletMenu?: boolean\n}\n\nexport interface RequiredUIConfig {\n  accountDeployedMessage?: boolean\n  toAddress?: boolean\n}\n\nexport type DefaultUI = {\n  transactionDetailsExpanded?: boolean\n  navigationHeaderTitleNoWrap?: boolean\n  /**\n   * Layout for the main form.\n   * - `'default'`: the chain/token selectors plus single amount input.\n   * - `'cards'`: the redesigned card-based layout — stacked Send/Receive amount\n   *   cards (`AmountInputCardPair`) with inline token pill selectors and a swap\n   *   button.\n   * @default 'default'\n   */\n  layout?: 'default' | 'cards'\n}\n\nexport interface WidgetWalletConfig {\n  walletEcosystemsOrder?: Record<string, ChainType[]>\n  onConnect?(args?: WalletMenuOpenArgs): void\n  /**\n   * Determines whether the widget should provide partial wallet management functionality.\n   *\n   * In partial mode, external wallet management will be used for \"opt-out\" providers,\n   * while the internal management is applied for any remaining providers that do not opt out.\n   * This allows a flexible balance between the integrator's custom wallet menu and the widget's native wallet menu.\n   * @default false\n   */\n  usePartialWalletManagement?: boolean\n  /**\n   * This option forces the widget to always use internal wallet management ignoring external wallet management contexts\n   * @default false\n   */\n  forceInternalWalletManagement?: boolean\n}\n\nexport interface WidgetSDKConfig\n  extends Omit<\n    SDKConfig,\n    | 'apiKey'\n    | 'disableVersionCheck'\n    | 'integrator'\n    | 'providers'\n    | 'routeOptions'\n    | 'widgetVersion'\n  > {\n  routeOptions?: Omit<\n    RouteOptions,\n    'bridges' | 'exchanges' | 'fee' | 'referrer' | 'order' | 'slippage'\n  >\n  executionOptions?: Pick<ExecutionOptions, 'updateTransactionRequestHook'>\n}\n\nexport interface WidgetContractTool {\n  name: string\n  logoURI: string\n}\n\nexport interface CalculateFeeParams {\n  fromChain: ExtendedChain\n  toChain: ExtendedChain\n  fromToken: Token\n  toToken: Token\n  fromAddress?: string\n  toAddress?: string\n  fromAmount?: bigint\n  toAmount?: bigint\n  slippage?: number\n}\n\nexport interface WidgetFeeConfig {\n  name?: string\n  logoURI?: string\n  fee?: number\n  /**\n   * Whether to show the fee percentage in the fee details.\n   * @default false\n   */\n  showFeePercentage?: boolean\n  /**\n   * Whether to show a tooltip with the fee details. Requires `name` or `feeTooltipComponent` to be set.\n   * @default false\n   */\n  showFeeTooltip?: boolean\n  /**\n   * Custom tooltip component to show with the fee details.\n   */\n  feeTooltipComponent?: ReactNode\n  /**\n   * Function to calculate fees before fetching quotes.\n   * If provided, this function will be used instead of the `fee` parameter.\n   * Only one of `fee` or `calculateFee` should be used.\n   *\n   * @param params Object containing the fee calculation parameters\n   * @returns A promise that resolves to the calculated fee as a number (e.g., 0.03 represents a 3% fee)\n   */\n  calculateFee?(params: CalculateFeeParams): Promise<number | undefined>\n}\n\nexport interface ToAddress {\n  name?: string\n  address: string\n  chainType: ChainType\n  logoURI?: string\n}\n\nexport interface AllowDeny<T> {\n  allow?: T[]\n  deny?: T[]\n}\n\nexport type AllowDenySetItem = string | number\nexport interface AllowDenySet {\n  allow?: Set<AllowDenySetItem>\n  deny?: Set<AllowDenySetItem>\n}\n\nexport type AllowDenySets = {\n  from?: AllowDenySet\n  to?: AllowDenySet\n} & AllowDenySet\n\nexport type AllowDenyItems<T> = {\n  from?: AllowDeny<T>\n  to?: AllowDeny<T>\n} & AllowDeny<T>\n\nexport type WidgetChains = {\n  types?: AllowDeny<ChainType>\n} & AllowDenyItems<number>\n\nexport type WidgetTokens = {\n  featured?: StaticToken[]\n  include?: Token[]\n  popular?: StaticToken[]\n} & AllowDenyItems<BaseToken>\n\nexport type WidgetLanguages = {\n  default?: LanguageKey\n} & AllowDeny<LanguageKey>\n\nexport type PoweredByType = 'default' | 'jumper'\n\nexport interface RouteLabel {\n  text: string\n  sx?: SxProps<Theme>\n}\n\nexport interface RouteLabelRule {\n  label: RouteLabel\n  // Matching criteria\n  bridges?: AllowDeny<string>\n  exchanges?: AllowDeny<string>\n  fromChainId?: number[]\n  toChainId?: number[]\n  fromTokenAddress?: string[]\n  toTokenAddress?: string[]\n  /**\n   * Custom match function evaluated against the route. When provided, its\n   * result is AND'd with the other matching criteria — all specified\n   * conditions must pass for the label to apply. Use this for matching logic\n   * that the built-in fields cannot express (gas costs, step count, route\n   * tags, etc.).\n   */\n  match?: (route: Route) => boolean\n}\n\nexport type ExplorerUrl =\n  | string\n  | {\n      url: string\n      txPath?: string\n      addressPath?: string\n    }\n\nexport type WidgetProvider = (\n  props: PropsWithChildren<WidgetProviderProps>\n) => ReactNode\n\nexport interface WidgetConfig {\n  fromChain?: number\n  toChain?: number\n  fromToken?: string\n  toToken?: string\n  toAddress?: ToAddress\n  toAddresses?: ToAddress[]\n  fromAmount?: number | string\n  minFromAmountUSD?: number\n  toAmount?: number | string\n  formUpdateKey?: string\n\n  providers?: WidgetProvider[]\n\n  contractCalls?: ContractCall[]\n  contractComponent?: ReactNode\n  contractSecondaryComponent?: ReactNode\n  contractCompactComponent?: ReactNode\n  contractTool?: WidgetContractTool\n  integrator: string\n  apiKey?: string\n  feeConfig?: WidgetFeeConfig\n  referrer?: string\n\n  routePriority?: Order\n  slippage?: number\n\n  variant?: WidgetVariant\n  mode?: WidgetMode\n  modeOptions?: ModeOptions\n  /**\n   * Header navigation tabs, in order. When set, the widget renders a tab bar\n   * and the active tab drives the displayed flow. Each entry is a tab key.\n   *\n   * @internal Not part of the public API.\n   */\n  _navigationTabs?: NavigationTabKey[]\n\n  appearance?: Appearance\n  theme?: WidgetTheme\n\n  disabledUI?: DisabledUIConfig\n  hiddenUI?: HiddenUIConfig\n  requiredUI?: RequiredUIConfig\n  defaultUI?: DefaultUI\n  /**\n   * When true, shows only the recommended route and hides the route\n   * selector UI. Distinct from `routePriority`, which sets the SDK\n   * ranking order across multiple displayed routes.\n   * @default false\n   */\n  showSingleRoute?: boolean\n  useRelayerRoutes?: boolean\n\n  walletConfig?: WidgetWalletConfig\n  sdkConfig?: WidgetSDKConfig\n\n  buildUrl?: boolean\n  keyPrefix?: string\n\n  bridges?: AllowDeny<string>\n  exchanges?: AllowDeny<string>\n  chains?: WidgetChains\n  tokens?: WidgetTokens\n  languages?: WidgetLanguages\n  languageResources?: LanguageResources\n  explorerUrls?: Record<number, ExplorerUrl[]> &\n    Partial<Record<'internal', ExplorerUrl[]>>\n  poweredBy?: PoweredByType\n\n  /**\n   * Custom labels/badges to show on routes based on specified rules\n   */\n  routeLabels?: RouteLabelRule[]\n}\n\nexport interface FormFieldOptions {\n  setUrlSearchParam: boolean\n}\n\nexport interface FieldValues\n  extends Omit<DefaultFieldValues, 'fromAmount' | 'toAmount' | 'toAddress'> {\n  fromAmount?: number | string\n  toAmount?: number | string\n  toAddress?: ToAddress | string\n}\n\nexport type FieldNames = keyof FieldValues\n\nexport type SetFieldValueFunction = <K extends FieldNames>(\n  key: K,\n  value: FieldValues[K],\n  options?: FormFieldOptions\n) => void\n\nexport type FormState = {\n  setFieldValue: SetFieldValueFunction\n}\n\nexport type FormRef = RefObject<FormState | null>\n\nexport interface FormRefProps {\n  formRef?: FormRef\n}\n\nexport interface WidgetConfigProps extends FormRefProps {\n  config: WidgetConfig\n}\n\nexport interface WidgetConfigPartialProps {\n  config?: Partial<WidgetConfig>\n}\n\nexport type WidgetProps = WidgetDrawerProps &\n  WidgetConfig &\n  WidgetConfigPartialProps &\n  FormRefProps\n\nexport interface WidgetDrawerProps extends WidgetConfigPartialProps {\n  elementRef?: RefObject<HTMLDivElement>\n  open?: boolean\n  /**\n   * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget\n   */\n  onClose?(): void\n}\n\nexport enum ExpansionType {\n  Routes = 'routes',\n  FromChain = 'fromChain',\n  ToChain = 'toChain',\n}\n"],"mappings":";AA2dA,IAAY,gBAAL,yBAAA,eAAA;CACL,cAAA,YAAA;CACA,cAAA,eAAA;CACA,cAAA,aAAA;;AACF,EAAA,CAAA,CAAA"}

package/dist/esm/utils/format.d.ts

@@ -22,7 +22,7 @@ declare function formatTokenPrice(amount?: string | bigint, price?: string, deci
 * Convert price value to token amount
 */
 declare function priceToTokenAmount(priceValue: string, priceUSD?: string): string;
-declare function formatDuration(seconds: number, locale: string): string;
+declare function formatDuration(seconds: number, locale: string, unitDisplay?: Intl.NumberFormatOptions["unitDisplay"]): string;
 declare function wrapLongWords(text: string): string;
 //#endregion
 export { formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, priceToTokenAmount, usdDecimals, wrapLongWords };

package/dist/esm/utils/format.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format.d.ts","names":[],"sources":["../../../src/utils/format.ts"],"mappings":";cAEa,WAAA;AAAb;;;;AAAa;AAAb,iBAOgB,iBAAA,CACd,MAAA,sBACA,QAAA;AAAA,iBAWc,cAAA,CACd,QAAA,WACA,YAAA,WACA,aAAA;;;AAdA;AAWF;;;;;;iBAoCgB,iBAAA,CACd,MAAA,UACA,QAAA,kBACA,aAAA;AAAA,iBAqDc,gBAAA,CACd,MAAA,oBACA,KAAA,WACA,QAAA;AA5FA;AAiCF;;AAjCE,iBA2Hc,kBAAA,CACd,UAAA,UACA,QAAA;AAAA,iBA2Bc,cAAA,CAAe,OAAA,UAAiB,MAAA;AAAA,iBAYhC,aAAA,CAAc,IAAA"}
+{"version":3,"file":"format.d.ts","names":[],"sources":["../../../src/utils/format.ts"],"mappings":";cAEa,WAAA;AAAb;;;;AAAa;AAAb,iBAOgB,iBAAA,CACd,MAAA,sBACA,QAAA;AAAA,iBAWc,cAAA,CACd,QAAA,WACA,YAAA,WACA,aAAA;;;AAdA;AAWF;;;;;;iBAoCgB,iBAAA,CACd,MAAA,UACA,QAAA,kBACA,aAAA;AAAA,iBAqDc,gBAAA,CACd,MAAA,oBACA,KAAA,WACA,QAAA;AA5FA;AAiCF;;AAjCE,iBA2Hc,kBAAA,CACd,UAAA,UACA,QAAA;AAAA,iBA2Bc,cAAA,CACd,OAAA,UACA,MAAA,UACA,WAAA,GAAa,IAAA,CAAK,mBAAA;AAAA,iBAaJ,aAAA,CAAc,IAAA"}

package/dist/esm/utils/format.js

@@ -81,14 +81,14 @@ const units = [
 	["minute", 60],
 	["second", 1]
 ];
-function formatDuration(seconds, locale) {
+function formatDuration(seconds, locale, unitDisplay = "narrow") {
 	const match = units.find(([, v]) => seconds >= v);
 	const amount = match ? Math.floor(seconds / match[1]) : 0;
 	const unit = match?.[0] ?? "second";
 	return amount.toLocaleString(locale, {
 		style: "unit",
 		unit,
-		unitDisplay: "narrow"
+		unitDisplay
 	});
 }
 function wrapLongWords(text) {

package/dist/esm/utils/format.js.map

@@ -1 +1 @@
-{"version":3,"file":"format.js","names":[],"sources":["../../../src/utils/format.ts"],"sourcesContent":["import { formatUnits } from '@lifi/sdk'\n\nexport const usdDecimals = 2\n\n/**\n * Format token amount to at least 6 decimals.\n * @param amount amount to format.\n * @returns formatted amount.\n */\nexport function formatTokenAmount(\n  amount: bigint | undefined,\n  decimals: number\n): string {\n  const formattedAmount = amount ? formatUnits(amount, decimals) : '0'\n  const parsedAmount = Number.parseFloat(formattedAmount)\n  if (!parsedAmount || Number.isNaN(Number(formattedAmount))) {\n    return '0'\n  }\n\n  return formattedAmount\n}\n\nexport function formatSlippage(\n  slippage = '',\n  defaultValue = '',\n  returnInitial = false\n): string {\n  if (!slippage) {\n    return slippage\n  }\n  const parsedSlippage = Number.parseFloat(slippage)\n  if (Number.isNaN(Number(slippage)) && !Number.isNaN(parsedSlippage)) {\n    return parsedSlippage.toString()\n  }\n  if (Number.isNaN(parsedSlippage)) {\n    return defaultValue\n  }\n  if (parsedSlippage >= 100) {\n    return '100'\n  }\n  if (parsedSlippage < 0) {\n    return Math.abs(parsedSlippage).toString()\n  }\n  if (returnInitial) {\n    return slippage\n  }\n  return parsedSlippage.toString()\n}\n\n/**\n * Formats a user input amount string, normalizing it and optionally limiting decimal places.\n * @param amount - The amount string to format (e.g., '123.45', '1,23', '0..')\n * @param decimals - Maximum number of decimal places to allow. If null, no limit is applied.\n * @param returnInitial - If true, preserves the input format during typing (e.g., keeps trailing dots,\n *                        preserves leading zeros, keeps negative signs). If false (default), cleans up the\n *                        format on blur (removes leading/trailing zeros, removes negative signs).\n * @returns The formatted amount string, or empty string for invalid input.\n */\nexport function formatInputAmount(\n  amount: string,\n  decimals: number | null = null,\n  returnInitial: boolean = false\n): string {\n  if (!amount) {\n    return amount\n  }\n\n  // Replace commas with dots\n  let formattedAmount = amount.trim().replaceAll(',', '.')\n\n  // Keep only the first dot, remove all subsequent dots\n  const dotIndex = formattedAmount.indexOf('.')\n  if (dotIndex !== -1) {\n    formattedAmount = `${formattedAmount.slice(0, dotIndex + 1)}${formattedAmount.slice(dotIndex + 1).replaceAll('.', '')}`\n  }\n\n  // If the amount starts with a dot, prepend 0\n  if (\n    (!returnInitial && formattedAmount.startsWith('.')) ||\n    formattedAmount === '.'\n  ) {\n    formattedAmount = `0${formattedAmount}`\n  }\n\n  // Parse the valid part of the amount\n  const parsedAmount = Number.parseFloat(formattedAmount)\n  if (Number.isNaN(Number(formattedAmount)) && !Number.isNaN(parsedAmount)) {\n    formattedAmount = parsedAmount.toString()\n  }\n  if (Number.isNaN(Math.abs(Number(formattedAmount)))) {\n    return ''\n  }\n\n  // Split and limit decimals\n  let [integer, fraction = ''] = formattedAmount.split('.')\n  if (decimals !== null && fraction.length > decimals) {\n    fraction = fraction.slice(0, decimals)\n  }\n\n  if (returnInitial) {\n    if (!fraction) {\n      return formattedAmount\n    }\n    return `${integer}${fraction ? `.${fraction}` : ''}`\n  }\n\n  // Remove leading zeros and minus sign\n  integer = integer.replace(/^0+|-/, '')\n  // Remove trailing zeros\n  fraction = fraction.replace(/(0+)$/, '')\n\n  return `${integer || (fraction ? '0' : '')}${fraction ? `.${fraction}` : ''}`\n}\n\nexport function formatTokenPrice(\n  amount?: string | bigint,\n  price?: string,\n  decimals?: number\n): number {\n  if (!amount || !price) {\n    return 0\n  }\n\n  const formattedAmount =\n    typeof amount === 'bigint' && decimals !== undefined\n      ? formatUnits(amount, decimals)\n      : amount.toString()\n\n  if (Number.isNaN(Number(formattedAmount)) || Number.isNaN(Number(price))) {\n    return 0\n  }\n  return Number.parseFloat(formattedAmount) * Number.parseFloat(price)\n}\n\n/**\n * Formatter for price value to token amount\n */\nconst formatter = new Intl.NumberFormat('en', {\n  notation: 'standard',\n  roundingPriority: 'morePrecision',\n  maximumSignificantDigits: 20,\n  maximumFractionDigits: 20,\n  useGrouping: false,\n})\n\n/**\n * Convert price value to token amount\n */\nexport function priceToTokenAmount(\n  priceValue: string,\n  priceUSD?: string\n): string {\n  if (!priceValue || !priceUSD) {\n    return '0'\n  }\n\n  const numericPriceValue = Number.parseFloat(priceValue)\n  const numericPrice = Number.parseFloat(priceUSD)\n\n  if (\n    Number.isNaN(numericPriceValue) ||\n    Number.isNaN(numericPrice) ||\n    !numericPrice\n  ) {\n    return '0'\n  }\n\n  return formatter.format(numericPriceValue / numericPrice)\n}\n\nconst units = [\n  ['day', 86400],\n  ['hour', 3600],\n  ['minute', 60],\n  ['second', 1],\n] as const\n\nexport function formatDuration(seconds: number, locale: string): string {\n  const match = units.find(([, v]) => seconds >= v)\n  const amount = match ? Math.floor(seconds / match[1]) : 0\n  const unit = match?.[0] ?? 'second'\n\n  return amount.toLocaleString(locale, {\n    style: 'unit',\n    unit,\n    unitDisplay: 'narrow',\n  })\n}\n\nexport function wrapLongWords(text: string): string {\n  return text.replace(\n    /\\S{32,}/g,\n    (word) => `${word.slice(0, 8)}...${word.slice(-4)}`\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"format.js","names":[],"sources":["../../../src/utils/format.ts"],"sourcesContent":["import { formatUnits } from '@lifi/sdk'\n\nexport const usdDecimals = 2\n\n/**\n * Format token amount to at least 6 decimals.\n * @param amount amount to format.\n * @returns formatted amount.\n */\nexport function formatTokenAmount(\n  amount: bigint | undefined,\n  decimals: number\n): string {\n  const formattedAmount = amount ? formatUnits(amount, decimals) : '0'\n  const parsedAmount = Number.parseFloat(formattedAmount)\n  if (!parsedAmount || Number.isNaN(Number(formattedAmount))) {\n    return '0'\n  }\n\n  return formattedAmount\n}\n\nexport function formatSlippage(\n  slippage = '',\n  defaultValue = '',\n  returnInitial = false\n): string {\n  if (!slippage) {\n    return slippage\n  }\n  const parsedSlippage = Number.parseFloat(slippage)\n  if (Number.isNaN(Number(slippage)) && !Number.isNaN(parsedSlippage)) {\n    return parsedSlippage.toString()\n  }\n  if (Number.isNaN(parsedSlippage)) {\n    return defaultValue\n  }\n  if (parsedSlippage >= 100) {\n    return '100'\n  }\n  if (parsedSlippage < 0) {\n    return Math.abs(parsedSlippage).toString()\n  }\n  if (returnInitial) {\n    return slippage\n  }\n  return parsedSlippage.toString()\n}\n\n/**\n * Formats a user input amount string, normalizing it and optionally limiting decimal places.\n * @param amount - The amount string to format (e.g., '123.45', '1,23', '0..')\n * @param decimals - Maximum number of decimal places to allow. If null, no limit is applied.\n * @param returnInitial - If true, preserves the input format during typing (e.g., keeps trailing dots,\n *                        preserves leading zeros, keeps negative signs). If false (default), cleans up the\n *                        format on blur (removes leading/trailing zeros, removes negative signs).\n * @returns The formatted amount string, or empty string for invalid input.\n */\nexport function formatInputAmount(\n  amount: string,\n  decimals: number | null = null,\n  returnInitial: boolean = false\n): string {\n  if (!amount) {\n    return amount\n  }\n\n  // Replace commas with dots\n  let formattedAmount = amount.trim().replaceAll(',', '.')\n\n  // Keep only the first dot, remove all subsequent dots\n  const dotIndex = formattedAmount.indexOf('.')\n  if (dotIndex !== -1) {\n    formattedAmount = `${formattedAmount.slice(0, dotIndex + 1)}${formattedAmount.slice(dotIndex + 1).replaceAll('.', '')}`\n  }\n\n  // If the amount starts with a dot, prepend 0\n  if (\n    (!returnInitial && formattedAmount.startsWith('.')) ||\n    formattedAmount === '.'\n  ) {\n    formattedAmount = `0${formattedAmount}`\n  }\n\n  // Parse the valid part of the amount\n  const parsedAmount = Number.parseFloat(formattedAmount)\n  if (Number.isNaN(Number(formattedAmount)) && !Number.isNaN(parsedAmount)) {\n    formattedAmount = parsedAmount.toString()\n  }\n  if (Number.isNaN(Math.abs(Number(formattedAmount)))) {\n    return ''\n  }\n\n  // Split and limit decimals\n  let [integer, fraction = ''] = formattedAmount.split('.')\n  if (decimals !== null && fraction.length > decimals) {\n    fraction = fraction.slice(0, decimals)\n  }\n\n  if (returnInitial) {\n    if (!fraction) {\n      return formattedAmount\n    }\n    return `${integer}${fraction ? `.${fraction}` : ''}`\n  }\n\n  // Remove leading zeros and minus sign\n  integer = integer.replace(/^0+|-/, '')\n  // Remove trailing zeros\n  fraction = fraction.replace(/(0+)$/, '')\n\n  return `${integer || (fraction ? '0' : '')}${fraction ? `.${fraction}` : ''}`\n}\n\nexport function formatTokenPrice(\n  amount?: string | bigint,\n  price?: string,\n  decimals?: number\n): number {\n  if (!amount || !price) {\n    return 0\n  }\n\n  const formattedAmount =\n    typeof amount === 'bigint' && decimals !== undefined\n      ? formatUnits(amount, decimals)\n      : amount.toString()\n\n  if (Number.isNaN(Number(formattedAmount)) || Number.isNaN(Number(price))) {\n    return 0\n  }\n  return Number.parseFloat(formattedAmount) * Number.parseFloat(price)\n}\n\n/**\n * Formatter for price value to token amount\n */\nconst formatter = new Intl.NumberFormat('en', {\n  notation: 'standard',\n  roundingPriority: 'morePrecision',\n  maximumSignificantDigits: 20,\n  maximumFractionDigits: 20,\n  useGrouping: false,\n})\n\n/**\n * Convert price value to token amount\n */\nexport function priceToTokenAmount(\n  priceValue: string,\n  priceUSD?: string\n): string {\n  if (!priceValue || !priceUSD) {\n    return '0'\n  }\n\n  const numericPriceValue = Number.parseFloat(priceValue)\n  const numericPrice = Number.parseFloat(priceUSD)\n\n  if (\n    Number.isNaN(numericPriceValue) ||\n    Number.isNaN(numericPrice) ||\n    !numericPrice\n  ) {\n    return '0'\n  }\n\n  return formatter.format(numericPriceValue / numericPrice)\n}\n\nconst units = [\n  ['day', 86400],\n  ['hour', 3600],\n  ['minute', 60],\n  ['second', 1],\n] as const\n\nexport function formatDuration(\n  seconds: number,\n  locale: string,\n  unitDisplay: Intl.NumberFormatOptions['unitDisplay'] = 'narrow'\n): string {\n  const match = units.find(([, v]) => seconds >= v)\n  const amount = match ? Math.floor(seconds / match[1]) : 0\n  const unit = match?.[0] ?? 'second'\n\n  return amount.toLocaleString(locale, {\n    style: 'unit',\n    unit,\n    unitDisplay,\n  })\n}\n\nexport function wrapLongWords(text: string): string {\n  return text.replace(\n    /\\S{32,}/g,\n    (word) => `${word.slice(0, 8)}...${word.slice(-4)}`\n  )\n}\n"],"mappings":"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"}

package/dist/esm/utils/limitOrder.js

@@ -0,0 +1,61 @@
+import { formatInputAmount } from "./format.js";
+//#region src/utils/limitOrder.ts
+/** Default order validity: 1 day, expressed as a duration in seconds. */
+const DEFAULT_VALID_UNTIL_SECONDS = 1440 * 60;
+/**
+* High-precision formatter for derived limit-order values. Mirrors the
+* approach used by `priceToTokenAmount` — these are display-level derivations;
+* the route request re-parses amounts via `parseUnits`.
+*/
+const preciseFormatter = new Intl.NumberFormat("en", {
+	notation: "standard",
+	roundingPriority: "morePrecision",
+	maximumSignificantDigits: 20,
+	maximumFractionDigits: 20,
+	useGrouping: false
+});
+function parsePositive(value) {
+	if (!value) return;
+	const parsed = Number.parseFloat(value);
+	if (Number.isNaN(parsed) || parsed <= 0) return;
+	return parsed;
+}
+/**
+* Derive the receive amount: `receiveAmount = sendAmount × limitPrice`.
+* Returns an empty string when either input is missing or invalid.
+*/
+function deriveReceiveAmount(sendAmount, limitPrice, toDecimals) {
+	const send = parsePositive(sendAmount);
+	const price = parsePositive(limitPrice);
+	if (send === void 0 || price === void 0) return "";
+	return formatInputAmount(preciseFormatter.format(send * price), toDecimals ?? null);
+}
+/**
+* Derive the limit price: `limitPrice = receiveAmount ÷ sendAmount`.
+* Returns an empty string when either input is missing or invalid.
+*/
+function deriveLimitPrice(sendAmount, receiveAmount) {
+	const send = parsePositive(sendAmount);
+	const receive = parsePositive(receiveAmount);
+	if (send === void 0 || receive === void 0) return "";
+	return preciseFormatter.format(receive / send);
+}
+/** Invert a price for display flipping: `1 ÷ price`. */
+function invertPrice(price) {
+	const parsed = parsePositive(price);
+	if (parsed === void 0) return "";
+	return preciseFormatter.format(1 / parsed);
+}
+/**
+* Apply a percentage offset to a price, e.g. `percent = 2` → `price × 1.02`.
+* Used by the quick-set buttons (+2%, +5%).
+*/
+function applyPriceOffset(price, percent) {
+	const parsed = parsePositive(price);
+	if (parsed === void 0) return "";
+	return preciseFormatter.format(parsed * (1 + percent / 100));
+}
+//#endregion
+export { DEFAULT_VALID_UNTIL_SECONDS, applyPriceOffset, deriveLimitPrice, deriveReceiveAmount, invertPrice };
+
+//# sourceMappingURL=limitOrder.js.map

package/dist/esm/utils/limitOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"limitOrder.js","names":[],"sources":["../../../src/utils/limitOrder.ts"],"sourcesContent":["import { formatInputAmount } from './format.js'\n\n/** Default order validity: 1 day, expressed as a duration in seconds. */\nexport const DEFAULT_VALID_UNTIL_SECONDS: number = 24 * 60 * 60\n\n/**\n * High-precision formatter for derived limit-order values. Mirrors the\n * approach used by `priceToTokenAmount` — these are display-level derivations;\n * the route request re-parses amounts via `parseUnits`.\n */\nconst preciseFormatter = new Intl.NumberFormat('en', {\n  notation: 'standard',\n  roundingPriority: 'morePrecision',\n  maximumSignificantDigits: 20,\n  maximumFractionDigits: 20,\n  useGrouping: false,\n})\n\nfunction parsePositive(value?: string): number | undefined {\n  if (!value) {\n    return undefined\n  }\n  const parsed = Number.parseFloat(value)\n  if (Number.isNaN(parsed) || parsed <= 0) {\n    return undefined\n  }\n  return parsed\n}\n\n/**\n * Derive the receive amount: `receiveAmount = sendAmount × limitPrice`.\n * Returns an empty string when either input is missing or invalid.\n */\nexport function deriveReceiveAmount(\n  sendAmount?: string,\n  limitPrice?: string,\n  toDecimals?: number\n): string {\n  const send = parsePositive(sendAmount)\n  const price = parsePositive(limitPrice)\n  if (send === undefined || price === undefined) {\n    return ''\n  }\n  return formatInputAmount(\n    preciseFormatter.format(send * price),\n    toDecimals ?? null\n  )\n}\n\n/**\n * Derive the limit price: `limitPrice = receiveAmount ÷ sendAmount`.\n * Returns an empty string when either input is missing or invalid.\n */\nexport function deriveLimitPrice(\n  sendAmount?: string,\n  receiveAmount?: string\n): string {\n  const send = parsePositive(sendAmount)\n  const receive = parsePositive(receiveAmount)\n  if (send === undefined || receive === undefined) {\n    return ''\n  }\n  return preciseFormatter.format(receive / send)\n}\n\n/** Invert a price for display flipping: `1 ÷ price`. */\nexport function invertPrice(price?: string): string {\n  const parsed = parsePositive(price)\n  if (parsed === undefined) {\n    return ''\n  }\n  return preciseFormatter.format(1 / parsed)\n}\n\n/**\n * Apply a percentage offset to a price, e.g. `percent = 2` → `price × 1.02`.\n * Used by the quick-set buttons (+2%, +5%).\n */\nexport function applyPriceOffset(\n  price: string | undefined,\n  percent: number\n): string {\n  const parsed = parsePositive(price)\n  if (parsed === undefined) {\n    return ''\n  }\n  return preciseFormatter.format(parsed * (1 + percent / 100))\n}\n"],"mappings":";;;AAGA,MAAa,8BAAsC,OAAU;;;;;;AAO7D,MAAM,mBAAmB,IAAI,KAAK,aAAa,MAAM;CACnD,UAAU;CACV,kBAAkB;CAClB,0BAA0B;CAC1B,uBAAuB;CACvB,aAAa;AACf,CAAC;AAED,SAAS,cAAc,OAAoC;CACzD,IAAI,CAAC,OACH;CAEF,MAAM,SAAS,OAAO,WAAW,KAAK;CACtC,IAAI,OAAO,MAAM,MAAM,KAAK,UAAU,GACpC;CAEF,OAAO;AACT;;;;;AAMA,SAAgB,oBACd,YACA,YACA,YACQ;CACR,MAAM,OAAO,cAAc,UAAU;CACrC,MAAM,QAAQ,cAAc,UAAU;CACtC,IAAI,SAAS,KAAA,KAAa,UAAU,KAAA,GAClC,OAAO;CAET,OAAO,kBACL,iBAAiB,OAAO,OAAO,KAAK,GACpC,cAAc,IAChB;AACF;;;;;AAMA,SAAgB,iBACd,YACA,eACQ;CACR,MAAM,OAAO,cAAc,UAAU;CACrC,MAAM,UAAU,cAAc,aAAa;CAC3C,IAAI,SAAS,KAAA,KAAa,YAAY,KAAA,GACpC,OAAO;CAET,OAAO,iBAAiB,OAAO,UAAU,IAAI;AAC/C;;AAGA,SAAgB,YAAY,OAAwB;CAClD,MAAM,SAAS,cAAc,KAAK;CAClC,IAAI,WAAW,KAAA,GACb,OAAO;CAET,OAAO,iBAAiB,OAAO,IAAI,MAAM;AAC3C;;;;;AAMA,SAAgB,iBACd,OACA,SACQ;CACR,MAAM,SAAS,cAAc,KAAK;CAClC,IAAI,WAAW,KAAA,GACb,OAAO;CAET,OAAO,iBAAiB,OAAO,UAAU,IAAI,UAAU,IAAI;AAC7D"}

package/dist/esm/utils/navigationRoutes.d.ts

@@ -9,6 +9,8 @@ declare const navigationRoutes: {
   languages: string;
   routes: string;
   settings: string;
+  routePriority: string;
+  slippage: string;
   toChain: string;
   toToken: string;
   toTokenNative: string;

package/dist/esm/utils/navigationRoutes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigationRoutes.d.ts","names":[],"sources":["../../../src/utils/navigationRoutes.ts"],"mappings":";cAAa,gBAAA;EACX,IAAA;EACA,UAAA;EACA,OAAA;EACA,SAAA;EACA,SAAA;EACA,SAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EACA,OAAA;EACA,OAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,YAAA;EACA,SAAA;EACA,aAAA;EACA,gBAAA;EACA,iBAAA;AAAA;AAAA,KA6CG,uBAAA,gBAAuC,gBAAA;AAAA,KAEhC,mBAAA,WACF,gBAAA,EAAkB,uBAAA"}
+{"version":3,"file":"navigationRoutes.d.ts","names":[],"sources":["../../../src/utils/navigationRoutes.ts"],"mappings":";cAAa,gBAAA;EACX,IAAA;EACA,UAAA;EACA,OAAA;EACA,SAAA;EACA,SAAA;EACA,SAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EACA,aAAA;EACA,QAAA;EACA,OAAA;EACA,OAAA;EACA,aAAA;EACA,kBAAA;EACA,oBAAA;EACA,YAAA;EACA,SAAA;EACA,aAAA;EACA,gBAAA;EACA,iBAAA;AAAA;AAAA,KAiDG,uBAAA,gBAAuC,gBAAA;AAAA,KAEhC,mBAAA,WACF,gBAAA,EAAkB,uBAAA"}

package/dist/esm/utils/navigationRoutes.js

@@ -9,6 +9,8 @@ const navigationRoutes = {
 	languages: "languages",
 	routes: "routes",
 	settings: "settings",
+	routePriority: "route-priority",
+	slippage: "slippage",
 	toChain: "to-chain",
 	toToken: "to-token",
 	toTokenNative: "to-token-native",
@@ -29,6 +31,8 @@ const stickyHeaderRoutes = [
 	navigationRoutes.home,
 	navigationRoutes.routes,
 	navigationRoutes.settings,
+	navigationRoutes.routePriority,
+	navigationRoutes.slippage,
 	navigationRoutes.toChain,
 	navigationRoutes.toTokenNative,
 	navigationRoutes.transactionDetails,
@@ -48,6 +52,8 @@ const backButtonRoutes = [
 	navigationRoutes.fromToken,
 	navigationRoutes.routes,
 	navigationRoutes.settings,
+	navigationRoutes.routePriority,
+	navigationRoutes.slippage,
 	navigationRoutes.toChain,
 	navigationRoutes.toToken,
 	navigationRoutes.toTokenNative,

package/dist/esm/utils/navigationRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigationRoutes.js","names":[],"sources":["../../../src/utils/navigationRoutes.ts"],"sourcesContent":["export const navigationRoutes = {\n  home: '/',\n  activities: 'activities',\n  bridges: 'bridges',\n  exchanges: 'exchanges',\n  fromChain: 'from-chain',\n  fromToken: 'from-token',\n  languages: 'languages',\n  routes: 'routes',\n  settings: 'settings',\n  toChain: 'to-chain',\n  toToken: 'to-token',\n  toTokenNative: 'to-token-native',\n  transactionDetails: 'transaction-details',\n  transactionExecution: 'transaction-execution',\n  sendToWallet: 'send-to-wallet',\n  bookmarks: 'bookmarks',\n  recentWallets: 'recent-wallets',\n  connectedWallets: 'connected-wallets',\n  configuredWallets: 'configured-wallets',\n}\n\nexport const navigationRoutesValues: string[] = Object.values(navigationRoutes)\n\nexport const stickyHeaderRoutes: string[] = [\n  navigationRoutes.activities,\n  navigationRoutes.bridges,\n  navigationRoutes.exchanges,\n  navigationRoutes.fromChain,\n  navigationRoutes.home,\n  navigationRoutes.routes,\n  navigationRoutes.settings,\n  navigationRoutes.toChain,\n  navigationRoutes.toTokenNative,\n  navigationRoutes.transactionDetails,\n  navigationRoutes.transactionExecution,\n  navigationRoutes.sendToWallet,\n  navigationRoutes.bookmarks,\n  navigationRoutes.recentWallets,\n  navigationRoutes.connectedWallets,\n  navigationRoutes.configuredWallets,\n]\n\nexport const backButtonRoutes: string[] = [\n  navigationRoutes.activities,\n  navigationRoutes.bridges,\n  navigationRoutes.exchanges,\n  navigationRoutes.languages,\n  navigationRoutes.fromChain,\n  navigationRoutes.fromToken,\n  navigationRoutes.routes,\n  navigationRoutes.settings,\n  navigationRoutes.toChain,\n  navigationRoutes.toToken,\n  navigationRoutes.toTokenNative,\n  navigationRoutes.transactionDetails,\n  navigationRoutes.transactionExecution,\n  navigationRoutes.sendToWallet,\n  navigationRoutes.bookmarks,\n  navigationRoutes.recentWallets,\n  navigationRoutes.connectedWallets,\n  navigationRoutes.configuredWallets,\n]\n\ntype NavigationRouteTypeKeys = keyof typeof navigationRoutes\n\nexport type NavigationRouteType =\n  (typeof navigationRoutes)[NavigationRouteTypeKeys]\n"],"mappings":";AAAA,MAAa,mBAAmB;CAC9B,MAAM;CACN,YAAY;CACZ,SAAS;CACT,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,QAAQ;CACR,UAAU;CACV,SAAS;CACT,SAAS;CACT,eAAe;CACf,oBAAoB;CACpB,sBAAsB;CACtB,cAAc;CACd,WAAW;CACX,eAAe;CACf,kBAAkB;CAClB,mBAAmB;AACrB;AAEA,MAAa,yBAAmC,OAAO,OAAO,gBAAgB;AAE9E,MAAa,qBAA+B;CAC1C,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;AACnB;AAEA,MAAa,mBAA6B;CACxC,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;AACnB"}
+{"version":3,"file":"navigationRoutes.js","names":[],"sources":["../../../src/utils/navigationRoutes.ts"],"sourcesContent":["export const navigationRoutes = {\n  home: '/',\n  activities: 'activities',\n  bridges: 'bridges',\n  exchanges: 'exchanges',\n  fromChain: 'from-chain',\n  fromToken: 'from-token',\n  languages: 'languages',\n  routes: 'routes',\n  settings: 'settings',\n  routePriority: 'route-priority',\n  slippage: 'slippage',\n  toChain: 'to-chain',\n  toToken: 'to-token',\n  toTokenNative: 'to-token-native',\n  transactionDetails: 'transaction-details',\n  transactionExecution: 'transaction-execution',\n  sendToWallet: 'send-to-wallet',\n  bookmarks: 'bookmarks',\n  recentWallets: 'recent-wallets',\n  connectedWallets: 'connected-wallets',\n  configuredWallets: 'configured-wallets',\n}\n\nexport const navigationRoutesValues: string[] = Object.values(navigationRoutes)\n\nexport const stickyHeaderRoutes: string[] = [\n  navigationRoutes.activities,\n  navigationRoutes.bridges,\n  navigationRoutes.exchanges,\n  navigationRoutes.fromChain,\n  navigationRoutes.home,\n  navigationRoutes.routes,\n  navigationRoutes.settings,\n  navigationRoutes.routePriority,\n  navigationRoutes.slippage,\n  navigationRoutes.toChain,\n  navigationRoutes.toTokenNative,\n  navigationRoutes.transactionDetails,\n  navigationRoutes.transactionExecution,\n  navigationRoutes.sendToWallet,\n  navigationRoutes.bookmarks,\n  navigationRoutes.recentWallets,\n  navigationRoutes.connectedWallets,\n  navigationRoutes.configuredWallets,\n]\n\nexport const backButtonRoutes: string[] = [\n  navigationRoutes.activities,\n  navigationRoutes.bridges,\n  navigationRoutes.exchanges,\n  navigationRoutes.languages,\n  navigationRoutes.fromChain,\n  navigationRoutes.fromToken,\n  navigationRoutes.routes,\n  navigationRoutes.settings,\n  navigationRoutes.routePriority,\n  navigationRoutes.slippage,\n  navigationRoutes.toChain,\n  navigationRoutes.toToken,\n  navigationRoutes.toTokenNative,\n  navigationRoutes.transactionDetails,\n  navigationRoutes.transactionExecution,\n  navigationRoutes.sendToWallet,\n  navigationRoutes.bookmarks,\n  navigationRoutes.recentWallets,\n  navigationRoutes.connectedWallets,\n  navigationRoutes.configuredWallets,\n]\n\ntype NavigationRouteTypeKeys = keyof typeof navigationRoutes\n\nexport type NavigationRouteType =\n  (typeof navigationRoutes)[NavigationRouteTypeKeys]\n"],"mappings":";AAAA,MAAa,mBAAmB;CAC9B,MAAM;CACN,YAAY;CACZ,SAAS;CACT,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,QAAQ;CACR,UAAU;CACV,eAAe;CACf,UAAU;CACV,SAAS;CACT,SAAS;CACT,eAAe;CACf,oBAAoB;CACpB,sBAAsB;CACtB,cAAc;CACd,WAAW;CACX,eAAe;CACf,kBAAkB;CAClB,mBAAmB;AACrB;AAEA,MAAa,yBAAmC,OAAO,OAAO,gBAAgB;AAE9E,MAAa,qBAA+B;CAC1C,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;AACnB;AAEA,MAAa,mBAA6B;CACxC,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;AACnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -34,22 +34,22 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@lifi/sdk": "^4.0.0",
-    "@mui/icons-material": "^9.1.1",
-    "@mui/material": "^9.1.1",
-    "@mui/system": "^9.1.1",
-    "@tanstack/react-router": "^1.170.16",
-    "@tanstack/react-virtual": "^3.14.3",
+    "@lifi/sdk": "^4.1.0",
+    "@mui/icons-material": "^9.2.0",
+    "@mui/material": "^9.2.0",
+    "@mui/system": "^9.2.0",
+    "@tanstack/react-router": "^1.170.17",
+    "@tanstack/react-virtual": "^3.14.5",
     "eventemitter3": "^5.0.4",
-    "i18next": "^26.3.1",
+    "i18next": "^26.3.4",
     "microdiff": "^1.5.0",
-    "motion": "^12.38.0",
+    "motion": "^12.42.2",
     "react-i18next": "^17.0.8",
     "react-intersection-observer": "^10.0.3",
     "react-transition-group": "^4.4.5",
     "zustand": "^5.0.14",
-    "@lifi/widget-provider": "4.1.0",
-    "@lifi/wallet-management": "4.1.0"
+    "@lifi/wallet-management": "4.1.1",
+    "@lifi/widget-provider": "4.2.0"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.90.0",

package/src/AppDefault.tsx

@@ -12,6 +12,7 @@ import { NotFound } from './components/NotFound.js'
 import { ActivitiesPage } from './pages/ActivitiesPage/ActivitiesPage.js'
 import { LanguagesPage } from './pages/LanguagesPage.js'
 import { MainPage } from './pages/MainPage/MainPage.js'
+import { RoutePriorityPage } from './pages/RoutePriorityPage.js'
 import { RoutesPage } from './pages/RoutesPage/RoutesPage.js'
 import { SelectChainPage } from './pages/SelectChainPage/SelectChainPage.js'
 import { SelectEnabledToolsPage } from './pages/SelectEnabledToolsPage.js'
@@ -22,6 +23,7 @@ import { RecentWalletsPage } from './pages/SendToWallet/RecentWalletsPage.js'
 import { SendToConfiguredWalletPage } from './pages/SendToWallet/SendToConfiguredWalletPage.js'
 import { SendToWalletPage } from './pages/SendToWallet/SendToWalletPage.js'
 import { SettingsPage } from './pages/SettingsPage/SettingsPage.js'
+import { SlippagePage } from './pages/SettingsPage/SlippageSettings/SlippagePage.js'
 import { TransactionDetailsPage } from './pages/TransactionDetailsPage/TransactionDetailsPage.js'
 import { TransactionPage } from './pages/TransactionPage/TransactionPage.js'
 import { navigationRoutes } from './utils/navigationRoutes.js'
@@ -66,6 +68,18 @@ const settingsLanguagesRoute = createRoute({
   component: LanguagesPage,
 })
 
+const settingsRoutePriorityRoute = createRoute({
+  getParentRoute: () => settingsLayoutRoute,
+  path: navigationRoutes.routePriority,
+  component: RoutePriorityPage,
+})
+
+const settingsSlippageRoute = createRoute({
+  getParentRoute: () => settingsLayoutRoute,
+  path: navigationRoutes.slippage,
+  component: SlippagePage,
+})
+
 const fromTokenLayoutRoute = createRoute({
   getParentRoute: () => rootRoute,
   path: navigationRoutes.fromToken,
@@ -214,6 +228,8 @@ const routeTree = rootRoute.addChildren([
   settingsLayoutRoute.addChildren([
     settingsIndexRoute,
     settingsLanguagesRoute,
+    settingsRoutePriorityRoute,
+    settingsSlippageRoute,
     settingsBridgesRoute,
     settingsExchangesRoute,
   ]),