@rainlanguage/ui-components 0.0.1-alpha.21 → 0.0.1-alpha.211

package/dist/components/dropdown/DropdownCheckbox.svelte

@@ -31,8 +31,8 @@ function toggleItem(key) {
 }
 </script>
 
-<Label>{label}</Label>
-<div>
+<div class="flex flex-col items-center gap-2">
+	<Label>{label}</Label>
 	<Button
 		color="alternative"
 		class="flex w-full justify-between overflow-hidden pl-2 pr-0 text-left"
@@ -66,9 +66,9 @@ function toggleItem(key) {
 				checked={key in value}
 			>
 				<div class="ml-2">
-					<div class="text-sm font-medium">{key}</div>
+					<div class="text-sm font-medium">{optionValue}</div>
 					{#if !onlyTitle}
-						<div class="text-xs text-gray-500">{optionValue}</div>
+						<div class="text-xs text-gray-500">{key}</div>
 					{/if}
 				</div>
 			</Checkbox>

package/dist/components/dropdown/DropdownOrderListAccounts.svelte

@@ -1,7 +1,10 @@
 <script>import DropdownCheckbox from "./DropdownCheckbox.svelte";
-export let accounts;
+import { getAccountsAsOptions } from "../../utils/configHelpers";
+import { useRaindexClient } from "../../hooks/useRaindexClient";
 export let activeAccountsItems;
-$: options = $accounts;
+const raindexClient = useRaindexClient();
+$: accounts = raindexClient.getAllAccounts();
+$: options = getAccountsAsOptions(accounts.value);
 </script>
 
 <div data-testid="accounts-dropdown">

package/dist/components/dropdown/DropdownOrderListAccounts.svelte.d.ts

@@ -1,9 +1,8 @@
 import { SvelteComponent } from "svelte";
-import type { Writable, Readable } from 'svelte/store';
+import type { AppStoresInterface } from '../../types/appStores';
 declare const __propDef: {
     props: {
-        accounts: Readable<Record<string, string>> | undefined;
-        activeAccountsItems: Writable<Record<string, string>> | undefined;
+        activeAccountsItems: AppStoresInterface["activeAccountsItems"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/dropdown/DropdownOrderbooksFilter.svelte

@@ -0,0 +1,172 @@
+<script>import { Button, Dropdown, Label, Checkbox, Input } from "flowbite-svelte";
+import { ChevronDownSolid, SearchSolid } from "flowbite-svelte-icons";
+import { isEmpty } from "lodash";
+import { getNetworkName } from "../../utils/getNetworkName";
+import { useRaindexClient } from "../../hooks/useRaindexClient";
+export let activeOrderbookAddresses;
+export let selectedOrderbookAddresses;
+export let selectedChainIds;
+export let label = "Filter by orderbook";
+export let allLabel = "All orderbooks";
+export let emptyMessage = "No orderbooks available";
+const raindexClient = useRaindexClient();
+let filteredOrderbooks = [];
+let searchTerm = "";
+let selectedIndex = 0;
+$: orderbooksResult = raindexClient.getAllOrderbooks();
+$: orderbooksMap = orderbooksResult?.value ?? /* @__PURE__ */ new Map();
+$: orderbooksError = orderbooksResult?.error;
+$: availableOrderbooks = (() => {
+  const items = [];
+  orderbooksMap.forEach((cfg, key) => {
+    if (selectedChainIds.length === 0 || selectedChainIds.includes(cfg.network.chainId)) {
+      items.push({
+        key,
+        address: cfg.address,
+        label: cfg.label,
+        chainId: cfg.network.chainId
+      });
+    }
+  });
+  return items;
+})();
+$: selectedCount = selectedOrderbookAddresses.length;
+$: allSelected = selectedCount === availableOrderbooks.length && availableOrderbooks.length > 0;
+$: buttonText = selectedCount === 0 ? "Select orderbooks" : allSelected ? allLabel : `${selectedCount} orderbook${selectedCount > 1 ? "s" : ""}`;
+$: {
+  if (searchTerm.trim() === "") {
+    filteredOrderbooks = availableOrderbooks;
+    selectedIndex = 0;
+  } else {
+    const term = searchTerm.toLowerCase();
+    filteredOrderbooks = availableOrderbooks.filter(
+      (ob) => ob.label?.toLowerCase().includes(term) || ob.address?.toLowerCase().includes(term) || ob.key?.toLowerCase().includes(term)
+    );
+    selectedIndex = filteredOrderbooks.length > 0 ? 0 : -1;
+  }
+}
+$: sortedFilteredOrderbooks = [...filteredOrderbooks].sort((a, b) => {
+  const aSelected = selectedOrderbookAddresses.some(
+    (addr) => addr.toLowerCase() === a.address.toLowerCase()
+  );
+  const bSelected = selectedOrderbookAddresses.some(
+    (addr) => addr.toLowerCase() === b.address.toLowerCase()
+  );
+  if (aSelected === bSelected) return 0;
+  return aSelected ? -1 : 1;
+});
+function getDisplayName(ob) {
+  const truncatedAddr = `${ob.address.slice(0, 6)}...${ob.address.slice(-4)}`;
+  return ob.label ? `${ob.label} (${truncatedAddr})` : truncatedAddr;
+}
+function updateSelectedOrderbooks(newSelection) {
+  activeOrderbookAddresses.set(newSelection);
+}
+function toggleOrderbook({ address }) {
+  if (!address) return;
+  const normalizedAddress = address.toLowerCase();
+  const isSelected = selectedOrderbookAddresses.some(
+    (addr) => addr.toLowerCase() === normalizedAddress
+  );
+  const newSelection = isSelected ? $activeOrderbookAddresses.filter((addr) => addr.toLowerCase() !== normalizedAddress) : [...$activeOrderbookAddresses, normalizedAddress];
+  updateSelectedOrderbooks(newSelection);
+}
+function handleKeyDown(event) {
+  if (!sortedFilteredOrderbooks.length) return;
+  switch (event.key) {
+    case "Enter":
+      event.preventDefault();
+      if (sortedFilteredOrderbooks.length > 0) {
+        const orderbookToToggle = sortedFilteredOrderbooks[selectedIndex];
+        if (orderbookToToggle) {
+          toggleOrderbook(orderbookToToggle);
+        }
+      }
+      break;
+    case "ArrowDown":
+      event.preventDefault();
+      selectedIndex = Math.min(selectedIndex + 1, sortedFilteredOrderbooks.length - 1);
+      break;
+    case "ArrowUp":
+      event.preventDefault();
+      selectedIndex = Math.max(selectedIndex - 1, 0);
+      break;
+    case "Escape":
+      searchTerm = "";
+      selectedIndex = -1;
+      break;
+  }
+}
+</script>
+
+<div class="flex flex-col gap-x-2">
+	<Label>{label}</Label>
+	<div>
+		<Button
+			color="alternative"
+			class="flex w-full justify-between overflow-hidden pl-2 pr-0 text-left"
+			data-testid="dropdown-orderbooks-filter-button"
+			aria-label="Select orderbooks to filter"
+			aria-expanded="false"
+			aria-haspopup="listbox"
+		>
+			<div class="w-[110px] overflow-hidden text-ellipsis whitespace-nowrap">
+				{buttonText}
+			</div>
+			<ChevronDownSolid class="mx-2 h-3 w-3 text-black dark:text-white" />
+		</Button>
+
+		<Dropdown
+			class="max-h-[75vh] w-full min-w-60 overflow-y-auto py-0"
+			data-testid="dropdown-orderbooks-filter"
+		>
+			{#if orderbooksError}
+				<div class="ml-2 w-full rounded-lg p-3 text-red-500">
+					Cannot load orderbooks list: {orderbooksError.readableMsg || 'Unknown error'}
+				</div>
+			{:else if isEmpty(availableOrderbooks)}
+				<div class="ml-2 w-full rounded-lg p-3">{emptyMessage}</div>
+			{:else}
+				<div class="sticky top-0 bg-white p-3 dark:bg-gray-800">
+					<Input
+						placeholder="Search orderbooks..."
+						bind:value={searchTerm}
+						autofocus
+						on:keydown={handleKeyDown}
+						data-testid="orderbooks-filter-search"
+					>
+						<SearchSolid slot="left" class="h-4 w-4 text-gray-500" />
+					</Input>
+				</div>
+
+				{#if isEmpty(filteredOrderbooks)}
+					<div class="ml-2 w-full rounded-lg p-3">No orderbooks match your search</div>
+				{:else}
+					{#each sortedFilteredOrderbooks as orderbook, index (`${orderbook.address}-${orderbook.chainId}`)}
+						<Checkbox
+							data-testid="dropdown-orderbooks-filter-option"
+							class="w-full rounded-lg p-3 hover:bg-gray-100 dark:hover:bg-gray-600 {selectedIndex ===
+							index
+								? 'bg-blue-100 dark:bg-blue-900'
+								: ''}"
+							on:click={() => toggleOrderbook(orderbook)}
+							checked={!!(
+								orderbook.address &&
+								selectedOrderbookAddresses.some(
+									(addr) => addr.toLowerCase() === orderbook.address.toLowerCase()
+								)
+							)}
+						>
+							<div class="ml-2 flex w-full">
+								<div class="flex-1 text-sm font-medium">{getDisplayName(orderbook)}</div>
+								<div class="text-xs text-gray-500">
+									{getNetworkName(orderbook.chainId)}
+								</div>
+							</div>
+						</Checkbox>
+					{/each}
+				{/if}
+			{/if}
+		</Dropdown>
+	</div>
+</div>

package/dist/components/dropdown/DropdownOrderbooksFilter.svelte.d.ts

@@ -0,0 +1,25 @@
+import { SvelteComponent } from "svelte";
+import type { Address } from '@rainlanguage/orderbook';
+import type { AppStoresInterface } from '../../types/appStores';
+declare const __propDef: {
+    props: {
+        activeOrderbookAddresses: AppStoresInterface["activeOrderbookAddresses"];
+        selectedOrderbookAddresses: Address[];
+        selectedChainIds: number[];
+        label?: string;
+        allLabel?: string;
+        emptyMessage?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type DropdownOrderbooksFilterProps = typeof __propDef.props;
+export type DropdownOrderbooksFilterEvents = typeof __propDef.events;
+export type DropdownOrderbooksFilterSlots = typeof __propDef.slots;
+export default class DropdownOrderbooksFilter extends SvelteComponent<DropdownOrderbooksFilterProps, DropdownOrderbooksFilterEvents, DropdownOrderbooksFilterSlots> {
+}
+export {};

package/dist/components/dropdown/DropdownTokensFilter.svelte

@@ -0,0 +1,152 @@
+<script>import { Button, Dropdown, Label, Checkbox, Input } from "flowbite-svelte";
+import { ChevronDownSolid, SearchSolid } from "flowbite-svelte-icons";
+import { isEmpty } from "lodash";
+import { getTokenDisplayName } from "../../utils/tokens";
+import { getNetworkName } from "../../utils/getNetworkName";
+export let tokensQuery;
+export let activeTokens;
+export let selectedTokens;
+export let label = "Filter by tokens";
+export let allLabel = "All tokens";
+export let emptyMessage = "No tokens available";
+export let loadingMessage = "Loading tokens...";
+let filteredTokens = [];
+let searchTerm = "";
+let selectedIndex = 0;
+$: availableTokens = $tokensQuery?.data || [];
+$: selectedCount = selectedTokens.length;
+$: allSelected = selectedCount === availableTokens.length && availableTokens.length > 0;
+$: buttonText = selectedCount === 0 ? "Select tokens" : allSelected ? allLabel : `${selectedCount} token${selectedCount > 1 ? "s" : ""}`;
+$: {
+  let tokensToFilter = availableTokens;
+  const getKey = (token) => `${token.address}-${token.chainId}`;
+  const uniqueTokensMap = /* @__PURE__ */ new Map();
+  tokensToFilter.forEach((token) => {
+    const key = getKey(token);
+    if (token.address && !uniqueTokensMap.has(key)) {
+      uniqueTokensMap.set(key, token);
+    }
+  });
+  const uniqueTokens = Array.from(uniqueTokensMap.values());
+  if (searchTerm.trim() === "") {
+    filteredTokens = uniqueTokens;
+  } else {
+    const term = searchTerm.toLowerCase();
+    filteredTokens = uniqueTokens.filter(
+      (token) => token.symbol?.toLowerCase().includes(term) || token.name?.toLowerCase().includes(term) || token.address?.toLowerCase().includes(term)
+    );
+    selectedIndex = filteredTokens.length > 0 ? 0 : -1;
+  }
+}
+$: sortedFilteredTokens = [...filteredTokens].sort((a, b) => {
+  const aSelected = selectedTokens.includes(a.address);
+  const bSelected = selectedTokens.includes(b.address);
+  if (aSelected === bSelected) return 0;
+  return aSelected ? -1 : 1;
+});
+function updateSelectedTokens(newSelection) {
+  activeTokens.set(newSelection);
+}
+function toggleToken({ address }) {
+  if (!address) return;
+  const isSelected = selectedTokens.includes(address);
+  const newSelection = isSelected ? $activeTokens.filter((addr) => addr !== address) : [...$activeTokens, address];
+  updateSelectedTokens(newSelection);
+}
+function handleKeyDown(event) {
+  if (!sortedFilteredTokens.length) return;
+  switch (event.key) {
+    case "Enter":
+      event.preventDefault();
+      if (sortedFilteredTokens.length > 0) {
+        const tokenToToggle = sortedFilteredTokens[selectedIndex];
+        if (tokenToToggle) {
+          toggleToken(tokenToToggle);
+        }
+      }
+      break;
+    case "ArrowDown":
+      event.preventDefault();
+      selectedIndex = Math.min(selectedIndex + 1, sortedFilteredTokens.length - 1);
+      break;
+    case "ArrowUp":
+      event.preventDefault();
+      selectedIndex = Math.max(selectedIndex - 1, 0);
+      break;
+    case "Escape":
+      searchTerm = "";
+      selectedIndex = -1;
+      break;
+  }
+}
+</script>
+
+<div class="flex flex-col gap-x-2">
+	<Label>{label}</Label>
+	<div>
+		<Button
+			color="alternative"
+			class="flex w-full justify-between overflow-hidden pl-2 pr-0 text-left"
+			data-testid="dropdown-tokens-filter-button"
+			aria-label="Select tokens to filter"
+			aria-expanded="false"
+			aria-haspopup="listbox"
+		>
+			<div class="w-[90px] overflow-hidden text-ellipsis whitespace-nowrap">
+				{buttonText}
+			</div>
+			<ChevronDownSolid class="mx-2 h-3 w-3 text-black dark:text-white" />
+		</Button>
+
+		<Dropdown
+			class="max-h-[75vh] w-full min-w-60 overflow-y-auto py-0"
+			data-testid="dropdown-tokens-filter"
+		>
+			{#if $tokensQuery.isLoading}
+				<div class="ml-2 w-full rounded-lg p-3">{loadingMessage}</div>
+			{:else if $tokensQuery.isError}
+				<div class="ml-2 w-full rounded-lg p-3 text-red-500">
+					Cannot load tokens list: {$tokensQuery.error?.message || 'Unknown error'}
+				</div>
+			{:else if isEmpty(availableTokens)}
+				<div class="ml-2 w-full rounded-lg p-3">{emptyMessage}</div>
+			{:else}
+				<!-- Search input -->
+				<div class="sticky top-0 bg-white p-3 dark:bg-gray-800">
+					<Input
+						placeholder="Search tokens..."
+						bind:value={searchTerm}
+						autofocus
+						on:keydown={handleKeyDown}
+						data-testid="tokens-filter-search"
+					>
+						<SearchSolid slot="left" class="h-4 w-4 text-gray-500" />
+					</Input>
+				</div>
+
+				{#if isEmpty(filteredTokens)}
+					<div class="ml-2 w-full rounded-lg p-3">No tokens match your search</div>
+				{:else}
+					{#each sortedFilteredTokens as token, index (`${token.address}-${token.chainId}`)}
+						<Checkbox
+							data-testid="dropdown-tokens-filter-option"
+							class="w-full rounded-lg p-3 hover:bg-gray-100 dark:hover:bg-gray-600 {selectedIndex ===
+							index
+								? 'bg-blue-100 dark:bg-blue-900'
+								: ''}"
+							on:click={() => toggleToken(token)}
+							checked={!!(token.address && selectedTokens.includes(token.address))}
+						>
+							<div class="ml-2 flex w-full">
+								<div class="flex-1 text-sm font-medium">{getTokenDisplayName(token)}</div>
+								<div class="text-xs text-gray-500">
+									{getNetworkName(token.chainId)}
+								</div>
+							</div>
+						</Checkbox>
+					{/each}
+				{/if}
+			{/if}
+		</Dropdown>
+	</div>
+</div>

package/dist/components/dropdown/DropdownTokensFilter.svelte.d.ts

@@ -0,0 +1,28 @@
+import { SvelteComponent } from "svelte";
+import type { Address, RaindexVaultToken } from '@rainlanguage/orderbook';
+import type { AppStoresInterface } from '../../types/appStores';
+import type { Readable } from 'svelte/store';
+import type { QueryObserverResult } from '@tanstack/svelte-query';
+declare const __propDef: {
+    props: {
+        tokensQuery: Readable<QueryObserverResult<RaindexVaultToken[], Error>>;
+        activeTokens: AppStoresInterface["activeTokens"];
+        selectedTokens: Address[];
+        label?: string;
+        allLabel?: string;
+        emptyMessage?: string;
+        loadingMessage?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type DropdownTokensFilterProps = typeof __propDef.props;
+export type DropdownTokensFilterEvents = typeof __propDef.events;
+export type DropdownTokensFilterSlots = typeof __propDef.slots;
+export default class DropdownTokensFilter extends SvelteComponent<DropdownTokensFilterProps, DropdownTokensFilterEvents, DropdownTokensFilterSlots> {
+}
+export {};

package/dist/components/icon/Refresh.svelte

@@ -12,10 +12,11 @@ export let size = ctx.size || "md";
 export let role = ctx.role || "img";
 export let ariaLabel = "refresh";
 export let spin = false;
+export let testId = "refresh-button";
 </script>
 
 <svg
-	data-testid="refresh-button"
+	data-testid={testId}
 	xmlns="http://www.w3.org/2000/svg"
 	fill="none"
 	{...$$restProps}

package/dist/components/icon/Refresh.svelte.d.ts

@@ -7,6 +7,7 @@ declare const __propDef: {
         role?: AriaRole | undefined;
         ariaLabel?: string | undefined;
         spin?: boolean | undefined;
+        testId?: string | undefined;
     };
     events: {
         click: MouseEvent;

package/dist/components/input/InputOrderHash.svelte

@@ -9,7 +9,7 @@ function handleChange(event) {
 </script>
 
 <div data-testid="order-hash-input" class="flex flex-col gap-x-2">
-	<Label>Order Hash</Label>
+	<Label>Order hash</Label>
 	<div class="w-full lg:w-32">
 		<input
 			type="text"

package/dist/components/input/InputOrderHash.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponent } from "svelte";
-import type { Writable } from 'svelte/store';
+import type { AppStoresInterface } from '../../types/appStores';
 declare const __propDef: {
     props: {
-        orderHash: Writable<string>;
-        value?: string;
+        orderHash: AppStoresInterface["orderHash"];
+        value?: `0x${string}`;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/input/InputRegistryUrl.svelte

@@ -1,18 +1,40 @@
 <script>import { Button, Input } from "flowbite-svelte";
-let newRegistryUrl = localStorage.getItem("registry") || "";
-const loadRegistryUrl = () => {
-  window.history.pushState({}, "", window.location.pathname + "?registry=" + newRegistryUrl);
-  window.location.reload();
-  localStorage.setItem("registry", newRegistryUrl);
-};
+import { useRegistry } from "../../providers/registry/useRegistry";
+import { loadRegistryUrl } from "../../services/loadRegistryUrl";
+const registry = useRegistry();
+let newRegistryUrl = registry.getCurrentRegistry();
+let error = null;
+let loading = false;
+async function handleClick() {
+  loading = true;
+  error = null;
+  try {
+    if (!registry) {
+      throw new Error("Registry manager not yet available.");
+    }
+    await loadRegistryUrl(newRegistryUrl, registry);
+  } catch (err) {
+    error = err instanceof Error ? err.message : "Unknown error";
+  }
+  loading = false;
+}
 </script>
 
-<div class="mb-4 flex w-full items-start gap-4">
-	<Input
-		id="strategy-url"
-		type="url"
-		placeholder="Enter URL to raw strategy registry file"
-		bind:value={newRegistryUrl}
-	/>
-	<Button class="text-nowrap" on:click={loadRegistryUrl}>Load Registry URL</Button>
+<div class="flex w-full flex-col items-end gap-2">
+	<div class="flex w-full items-start gap-4" data-testid="registry-input">
+		<Input
+			id="order-url"
+			type="url"
+			placeholder="Enter URL to raw order registry file"
+			bind:value={newRegistryUrl}
+		/>
+		<Button class="w-36 text-nowrap" on:click={handleClick} disabled={loading}>
+			{loading ? 'Loading registry...' : 'Load registry URL'}
+		</Button>
+	</div>
+	<div class="h-4">
+		{#if error}
+			<p data-testid="registry-error" class="text-red-500">{error}</p>
+		{/if}
+	</div>
 </div>

package/dist/components/input/InputToken.svelte

@@ -35,10 +35,10 @@ function decimalsComplete({ detail }) {
 		</div>
 
 		{#if !isAddressValid && address.length > 0}
-			<Helper class="mt-2 text-sm" color="red">Invalid Address</Helper>
+			<Helper class="mt-2 text-sm" color="red">Invalid address</Helper>
 		{/if}
 
-		<Helper class="mt-2 text-sm">Token Address</Helper>
+		<Helper class="mt-2 text-sm">Token address</Helper>
 	</div>
 	<div class="w-32 grow-0 break-all" data-testid="token-decimals-input">
 		<input

package/dist/components/input/InputTokenAmount.svelte

@@ -1,30 +1,32 @@
-<script>import { InputAddon, Button, Alert } from "flowbite-svelte";
-import { InfoCircleSolid } from "flowbite-svelte-icons";
-import { parseUnits } from "viem";
+<script>import { InputAddon, Button } from "flowbite-svelte";
+import { Float } from "@rainlanguage/orderbook";
 export let symbol = void 0;
-export let decimals = 0;
 export let maxValue = void 0;
+export let value = Float.parse("0").value;
 let inputValue = "";
-export let value = 0n;
 function handleInput(event) {
   const input = event.target;
   inputValue = input.value;
   if (inputValue === "") {
-    value = 0n;
+    value = Float.parse("0").value;
   } else {
-    try {
-      value = parseUnits(inputValue, decimals);
-    } catch (_e) {
-      value = 0n;
+    let parsedValue = Float.parse(inputValue);
+    if (parsedValue.error) {
+      value = Float.parse("0").value;
+      return;
     }
+    value = parsedValue.value;
   }
 }
 function fillMaxValue() {
   if (!maxValue) return;
   value = maxValue;
-  inputValue = maxValue.toString().padStart(decimals + 1, "0");
-  inputValue = inputValue.slice(0, -decimals) + "." + inputValue.slice(-decimals);
-  inputValue = inputValue.replace(/\.?0+$/, "");
+  let formattedValue = value.format().value;
+  if (!formattedValue) {
+    inputValue = "";
+    return;
+  }
+  inputValue = formattedValue;
 }
 </script>
 
@@ -39,7 +41,7 @@ function fillMaxValue() {
 			/>
 
 			{#if maxValue}
-				<div class="absolute right-4 flex h-10 flex-col justify-center">
+				<div class="absolute right-2 flex h-10 flex-col justify-center">
 					<Button color="blue" class="px-2 py-1" size="xs" pill on:click={fillMaxValue}>MAX</Button>
 				</div>
 			{/if}
@@ -53,11 +55,4 @@ function fillMaxValue() {
 			</InputAddon>
 		{/if}
 	</div>
-	{#if decimals === 0}
-		<Alert color="yellow" border class="mt-2">
-			<InfoCircleSolid slot="icon" class="h-6 w-6" />
-			This token does not specify a number of decimals. <br />You are inputting the raw integer
-			amount with 0 decimal places.
-		</Alert>
-	{/if}
 </div>

package/dist/components/input/InputTokenAmount.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponent } from "svelte";
+import { Float } from '@rainlanguage/orderbook';
 declare const __propDef: {
     props: {
         symbol?: string | undefined;
-        decimals?: number;
-        maxValue?: bigint | undefined;
-        value?: bigint;
+        maxValue?: Float | undefined;
+        value?: Float;
     };
     events: {
         [evt: string]: CustomEvent<any>;