@rainlanguage/ui-components 0.0.1-alpha.10

package/dist/components/detail/VaultDetail.svelte

@@ -0,0 +1,178 @@
+<script>import { Button } from "flowbite-svelte";
+import { bigintStringToHex } from "../../utils/hex";
+import Hash, { HashType } from "../Hash.svelte";
+import VaultBalanceChangesTable from "../tables/VaultBalanceChangesTable.svelte";
+import VaultBalanceChart from "../charts/VaultBalanceChart.svelte";
+import TanstackPageContentDetail from "./TanstackPageContentDetail.svelte";
+import CardProperty from "../CardProperty.svelte";
+import { QKEY_VAULT } from "../../queries/keys";
+import { getVault } from "@rainlanguage/orderbook/js_api";
+import { formatUnits } from "viem";
+import { createQuery } from "@tanstack/svelte-query";
+import { onDestroy } from "svelte";
+import { useQueryClient } from "@tanstack/svelte-query";
+import { ArrowDownOutline, ArrowUpOutline } from "flowbite-svelte-icons";
+import OrderOrVaultHash from "../OrderOrVaultHash.svelte";
+import DepositOrWithdrawButtons from "./DepositOrWithdrawButtons.svelte";
+import Refresh from "../icon/Refresh.svelte";
+import { invalidateIdQuery } from "../../queries/queryClient";
+export let handleDepositOrWithdrawModal = void 0;
+export let id;
+export let network;
+export let walletAddressMatchesOrBlank = void 0;
+export let handleDepositModal = void 0;
+export let handleWithdrawModal = void 0;
+export let lightweightChartsTheme = void 0;
+export let activeNetworkRef;
+export let activeOrderbookRef;
+export let settings;
+export let wagmiConfig = void 0;
+export let signerAddress = void 0;
+const subgraphUrl = $settings?.subgraphs?.[network] || "";
+const chainId = $settings?.networks?.[network]?.["chain-id"] || 0;
+const rpcUrl = $settings?.networks?.[network]?.["rpc"] || "";
+const queryClient = useQueryClient();
+$: vaultDetailQuery = createQuery({
+  queryKey: [id, QKEY_VAULT + id],
+  queryFn: () => {
+    return getVault(subgraphUrl || "", id);
+  },
+  enabled: !!subgraphUrl
+});
+const updateActiveNetworkAndOrderbook = (subgraphName) => {
+  activeNetworkRef.set(subgraphName);
+  activeOrderbookRef.set(subgraphName);
+};
+const interval = setInterval(async () => {
+  await queryClient.invalidateQueries({
+    queryKey: [id],
+    refetchType: "active",
+    exact: false
+  });
+}, 5e3);
+onDestroy(() => {
+  clearInterval(interval);
+});
+</script>
+
+<TanstackPageContentDetail query={vaultDetailQuery} emptyMessage="Vault not found">
+	<svelte:fragment slot="top" let:data>
+		<div
+			data-testid="vaultDetailTokenName"
+			class="flex gap-x-4 text-3xl font-medium dark:text-white"
+		>
+			{data.token.name}
+		</div>
+		<div class="flex items-center gap-2">
+			{#if $wagmiConfig && handleDepositOrWithdrawModal && $signerAddress === data.owner}
+				<DepositOrWithdrawButtons
+					vault={data}
+					{chainId}
+					{rpcUrl}
+					query={vaultDetailQuery}
+					{handleDepositOrWithdrawModal}
+					{subgraphUrl}
+				/>
+			{:else if handleDepositModal && handleWithdrawModal && $walletAddressMatchesOrBlank?.(data.owner)}
+				<Button
+					data-testid="vaultDetailDepositButton"
+					color="dark"
+					on:click={() => handleDepositModal(data, $vaultDetailQuery.refetch)}
+					><ArrowDownOutline size="xs" class="mr-2" />Deposit</Button
+				>
+				<Button
+					data-testid="vaultDetailWithdrawButton"
+					color="dark"
+					on:click={() => handleWithdrawModal(data, $vaultDetailQuery.refetch)}
+					><ArrowUpOutline size="xs" class="mr-2" />Withdraw</Button
+				>
+			{/if}
+
+			<Refresh
+				on:click={async () => await invalidateIdQuery(queryClient, id)}
+				spin={$vaultDetailQuery.isLoading || $vaultDetailQuery.isFetching}
+			/>
+		</div>
+	</svelte:fragment>
+	<svelte:fragment slot="card" let:data>
+		<CardProperty data-testid="vaultDetailVaultId">
+			<svelte:fragment slot="key">Vault ID</svelte:fragment>
+			<svelte:fragment slot="value">{bigintStringToHex(data.vaultId)}</svelte:fragment>
+		</CardProperty>
+
+		<CardProperty data-testid="vaultDetailOrderbookAddress">
+			<svelte:fragment slot="key">Orderbook</svelte:fragment>
+			<svelte:fragment slot="value">
+				<Hash type={HashType.Identifier} value={data.orderbook.id} />
+			</svelte:fragment>
+		</CardProperty>
+
+		<CardProperty data-testid="vaultDetailOwnerAddress">
+			<svelte:fragment slot="key">Owner Address</svelte:fragment>
+			<svelte:fragment slot="value">
+				<Hash type={HashType.Wallet} value={data.owner} />
+			</svelte:fragment>
+		</CardProperty>
+
+		<CardProperty data-testid="vaultDetailTokenAddress">
+			<svelte:fragment slot="key">Token address</svelte:fragment>
+			<svelte:fragment slot="value">
+				<Hash value={data.token.id} />
+			</svelte:fragment>
+		</CardProperty>
+
+		<CardProperty data-testid="vaultDetailBalance">
+			<svelte:fragment slot="key">Balance</svelte:fragment>
+			<svelte:fragment slot="value"
+				>{formatUnits(BigInt(data.balance), Number(data.token.decimals ?? 0))}
+				{data.token.symbol}</svelte:fragment
+			>
+		</CardProperty>
+
+		<CardProperty>
+			<svelte:fragment slot="key">Orders as input</svelte:fragment>
+			<svelte:fragment slot="value">
+				<p data-testid="vaultDetailOrdersAsInput" class="flex flex-wrap justify-start">
+					{#if data.ordersAsInput && data.ordersAsInput.length > 0}
+						{#each data.ordersAsInput as order}
+							<OrderOrVaultHash
+								type="orders"
+								orderOrVault={order}
+								{network}
+								{updateActiveNetworkAndOrderbook}
+							/>
+						{/each}
+					{:else}
+						None
+					{/if}
+				</p>
+			</svelte:fragment>
+		</CardProperty>
+
+		<CardProperty>
+			<svelte:fragment slot="key">Orders as output</svelte:fragment>
+			<svelte:fragment slot="value">
+				<p data-testid="vaulDetailOrdersAsOutput" class="flex flex-wrap justify-start">
+					{#if data.ordersAsOutput && data.ordersAsOutput.length > 0}
+						{#each data.ordersAsOutput as order}
+							<OrderOrVaultHash
+								type="orders"
+								orderOrVault={order}
+								{network}
+								{updateActiveNetworkAndOrderbook}
+							/>
+						{/each}
+					{:else}
+						None
+					{/if}
+				</p>
+			</svelte:fragment>
+		</CardProperty>
+	</svelte:fragment>
+
+	<svelte:fragment slot="chart" let:data>
+		<VaultBalanceChart vault={data} {subgraphUrl} {lightweightChartsTheme} {id} />
+	</svelte:fragment>
+
+	<svelte:fragment slot="below"><VaultBalanceChangesTable {id} {subgraphUrl} /></svelte:fragment>
+</TanstackPageContentDetail>

package/dist/components/detail/VaultDetail.svelte.d.ts

@@ -0,0 +1,35 @@
+import { SvelteComponent } from "svelte";
+import type { ChartTheme } from '../../utils/lightweightChartsThemes';
+import type { Readable, Writable } from 'svelte/store';
+import type { SgVault } from '@rainlanguage/orderbook/js_api';
+import type { AppStoresInterface } from '../../types/appStores';
+import type { Config } from 'wagmi';
+import type { DepositOrWithdrawModalProps } from '../../types/modal';
+declare const __propDef: {
+    props: {
+        handleDepositOrWithdrawModal?: ((args: DepositOrWithdrawModalProps) => void) | undefined;
+        id: string;
+        network: string;
+        walletAddressMatchesOrBlank?: Readable<(otherAddress: string) => boolean> | undefined;
+        handleDepositModal?: ((vault: SgVault, onDeposit: () => void) => void) | undefined;
+        handleWithdrawModal?: ((vault: SgVault, onWithdraw: () => void) => void) | undefined;
+        lightweightChartsTheme?: Readable<ChartTheme> | undefined;
+        activeNetworkRef: AppStoresInterface["activeNetworkRef"];
+        activeOrderbookRef: AppStoresInterface["activeOrderbookRef"];
+        settings: any;
+        wagmiConfig?: Writable<Config> | undefined;
+        signerAddress?: Writable<string | null> | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type VaultDetailProps = typeof __propDef.props;
+export type VaultDetailEvents = typeof __propDef.events;
+export type VaultDetailSlots = typeof __propDef.slots;
+export default class VaultDetail extends SvelteComponent<VaultDetailProps, VaultDetailEvents, VaultDetailSlots> {
+}
+export {};

package/dist/components/dropdown/DropdownActiveSubgraphs.svelte

@@ -0,0 +1,38 @@
+<script>import DropdownCheckbox from "./DropdownCheckbox.svelte";
+export let settings;
+export let activeSubgraphs;
+$: dropdownOptions = Object.keys(settings?.subgraphs ?? {}).reduce(
+  (acc, key) => ({
+    ...acc,
+    [key]: key
+  }),
+  {}
+);
+function handleStatusChange(event) {
+  let items = Object.keys(event.detail);
+  activeSubgraphs.set(
+    Object.values(items).reduce(
+      (acc, key) => ({ ...acc, [key]: (settings?.subgraphs ?? {})[key] }),
+      {}
+    )
+  );
+}
+$: value = Object.keys($activeSubgraphs).length === 0 ? {} : Object.keys($activeSubgraphs).reduce(
+  (acc, key) => ({
+    ...acc,
+    [key]: key
+  }),
+  {}
+);
+</script>
+
+<div data-testid="subgraphs-dropdown">
+	<DropdownCheckbox
+		options={dropdownOptions}
+		on:change={handleStatusChange}
+		label="Networks"
+		showAllLabel={false}
+		onlyTitle={true}
+		{value}
+	/>
+</div>

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

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import type { Writable } from 'svelte/store';
+import type { ConfigSource } from '@rainlanguage/orderbook/js_api';
+declare const __propDef: {
+    props: {
+        settings: ConfigSource;
+        activeSubgraphs: Writable<Record<string, string>>;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type DropdownActiveSubgraphsProps = typeof __propDef.props;
+export type DropdownActiveSubgraphsEvents = typeof __propDef.events;
+export type DropdownActiveSubgraphsSlots = typeof __propDef.slots;
+export default class DropdownActiveSubgraphs extends SvelteComponent<DropdownActiveSubgraphsProps, DropdownActiveSubgraphsEvents, DropdownActiveSubgraphsSlots> {
+}
+export {};

package/dist/components/dropdown/DropdownCheckbox.svelte

@@ -0,0 +1,77 @@
+<script>import { createEventDispatcher } from "svelte";
+import { Button, Dropdown, Label, Checkbox } from "flowbite-svelte";
+import { ChevronDownSolid } from "flowbite-svelte-icons";
+import { isEmpty } from "lodash";
+const dispatch = createEventDispatcher();
+export let options = {};
+export let value = {};
+export let label = "Select items";
+export let allLabel = "All items";
+export let showAllLabel = true;
+export let emptyMessage = "No items available";
+export let onlyTitle = false;
+$: selectedCount = Object.keys(value).length;
+$: allSelected = selectedCount === Object.keys(options).length;
+$: buttonText = selectedCount === 0 ? "Select items" : allSelected ? allLabel : `${selectedCount} item${selectedCount > 1 ? "s" : ""}`;
+function updateValue(newValue) {
+  value = newValue;
+  dispatch("change", value);
+}
+function toggleAll() {
+  updateValue(allSelected ? {} : { ...options });
+}
+function toggleItem(key) {
+  const newValue = { ...value };
+  if (key in newValue) {
+    delete newValue[key];
+  } else {
+    newValue[key] = options[key];
+  }
+  updateValue(newValue);
+}
+</script>
+
+<Label>{label}</Label>
+<div>
+	<Button
+		color="alternative"
+		class="flex w-full justify-between overflow-hidden pl-2 pr-0 text-left"
+		data-testid="dropdown-checkbox-button"
+	>
+		<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="w-full min-w-72 py-0" data-testid="dropdown-checkbox">
+		{#if isEmpty(options)}
+			<div class="ml-2 w-full rounded-lg p-3">{emptyMessage}</div>
+		{:else if Object.keys(options).length > 1 && showAllLabel}
+			<Checkbox
+				data-testid="dropdown-checkbox-option"
+				class="w-full rounded-lg p-3 hover:bg-gray-100 dark:hover:bg-gray-600"
+				on:click={toggleAll}
+				checked={allSelected}
+			>
+				<div class="ml-2">{allLabel}</div>
+			</Checkbox>
+		{/if}
+
+		{#each Object.entries(options) as [key, optionValue]}
+			<Checkbox
+				data-testid="dropdown-checkbox-option"
+				class="w-full rounded-lg p-3 hover:bg-gray-100 dark:hover:bg-gray-600"
+				on:click={() => toggleItem(key)}
+				checked={key in value}
+			>
+				<div class="ml-2">
+					<div class="text-sm font-medium">{key}</div>
+					{#if !onlyTitle}
+						<div class="text-xs text-gray-500">{optionValue}</div>
+					{/if}
+				</div>
+			</Checkbox>
+		{/each}
+	</Dropdown>
+</div>

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

@@ -0,0 +1,26 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        options?: Record<string, string>;
+        value?: Record<string, string>;
+        label?: string;
+        allLabel?: string;
+        showAllLabel?: boolean;
+        emptyMessage?: string;
+        onlyTitle?: boolean;
+    };
+    events: {
+        change: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type DropdownCheckboxProps = typeof __propDef.props;
+export type DropdownCheckboxEvents = typeof __propDef.events;
+export type DropdownCheckboxSlots = typeof __propDef.slots;
+export default class DropdownCheckbox extends SvelteComponent<DropdownCheckboxProps, DropdownCheckboxEvents, DropdownCheckboxSlots> {
+}
+export {};

package/dist/components/dropdown/DropdownOrderListAccounts.svelte

@@ -0,0 +1,15 @@
+<script>import DropdownCheckbox from "./DropdownCheckbox.svelte";
+export let accounts;
+export let activeAccountsItems;
+$: options = $accounts;
+</script>
+
+<div data-testid="accounts-dropdown">
+	<DropdownCheckbox
+		{options}
+		bind:value={$activeAccountsItems}
+		label="Accounts"
+		allLabel="All accounts"
+		emptyMessage="No accounts added"
+	/>
+</div>

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

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+import type { Writable, Readable } from 'svelte/store';
+declare const __propDef: {
+    props: {
+        accounts: Readable<Record<string, string>> | undefined;
+        activeAccountsItems: Writable<Record<string, string>> | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type DropdownOrderListAccountsProps = typeof __propDef.props;
+export type DropdownOrderListAccountsEvents = typeof __propDef.events;
+export type DropdownOrderListAccountsSlots = typeof __propDef.slots;
+export default class DropdownOrderListAccounts extends SvelteComponent<DropdownOrderListAccountsProps, DropdownOrderListAccountsEvents, DropdownOrderListAccountsSlots> {
+}
+export {};

package/dist/components/dropdown/DropdownOrderStatus.svelte

@@ -0,0 +1,31 @@
+<script>import DropdownCheckbox from "./DropdownCheckbox.svelte";
+export let activeOrderStatus;
+const orderStatusOptions = {
+  Active: "active",
+  Inactive: "inactive"
+};
+function handleStatusChange(event) {
+  let status = void 0;
+  let items = Object.keys(event.detail);
+  if (items.length === 0 || items.length === 2) {
+    status = void 0;
+  } else if (items.includes("Active")) {
+    status = true;
+  } else if (items.includes("Inactive")) {
+    status = false;
+  }
+  activeOrderStatus.set(status);
+}
+$: value = $activeOrderStatus === void 0 ? {} : $activeOrderStatus ? { Active: "active" } : { Inactive: "inactive" };
+</script>
+
+<div data-testid="order-status-dropdown">
+	<DropdownCheckbox
+		options={orderStatusOptions}
+		on:change={handleStatusChange}
+		label="Status"
+		showAllLabel={false}
+		onlyTitle={true}
+		{value}
+	/>
+</div>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { Writable } from 'svelte/store';
+declare const __propDef: {
+    props: {
+        activeOrderStatus: Writable<boolean | undefined>;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type DropdownOrderStatusProps = typeof __propDef.props;
+export type DropdownOrderStatusEvents = typeof __propDef.events;
+export type DropdownOrderStatusSlots = typeof __propDef.slots;
+export default class DropdownOrderStatus extends SvelteComponent<DropdownOrderStatusProps, DropdownOrderStatusEvents, DropdownOrderStatusSlots> {
+}
+export {};

package/dist/components/dropdown/DropdownRadio.svelte

@@ -0,0 +1,45 @@
+<script generics="T">import { Button, Dropdown, Radio } from "flowbite-svelte";
+import { ChevronDownSolid } from "flowbite-svelte-icons";
+import { sortBy } from "lodash";
+import { createEventDispatcher } from "svelte";
+const dispatch = createEventDispatcher();
+export let options = {};
+export let value = void 0;
+let open = false;
+$: {
+  dispatch("change", { value });
+  if (value) {
+    open = false;
+  }
+}
+$: optionsSorted = sortBy(Object.entries(options), (o) => o[0]);
+</script>
+
+<Button
+	color="alternative"
+	class="flex w-full justify-between overflow-hidden overflow-ellipsis pl-2 pr-0 text-left"
+	data-testid="dropdown-button"
+>
+	<div class="flex-grow overflow-hidden">
+		<slot
+			name="content"
+			selectedRef={value}
+			selectedOption={value !== undefined ? options[value] : undefined}
+		/>
+	</div>
+	<ChevronDownSolid class="mx-2 h-3 w-3 text-black dark:text-white" />
+</Button>
+
+<Dropdown bind:open data-testid="dropdown">
+	{#each optionsSorted as [ref, option]}
+		<Radio
+			bind:group={value}
+			value={ref}
+			class="w-full rounded-lg p-3 hover:bg-gray-100 dark:hover:bg-gray-600"
+		>
+			<div class="ml-2">
+				<slot name="option" {option} {ref} />
+			</div>
+		</Radio>
+	{/each}
+</Dropdown>

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

@@ -0,0 +1,30 @@
+import { SvelteComponent } from "svelte";
+declare class __sveltets_Render<T> {
+    props(): {
+        options?: Record<string, T> | undefined;
+        value?: string | undefined;
+    };
+    events(): {
+        change: CustomEvent<{
+            value: string | undefined;
+        }>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {
+        content: {
+            selectedRef: string | undefined;
+            selectedOption: T | undefined;
+        };
+        option: {
+            option: T;
+            ref: string;
+        };
+    };
+}
+export type DropdownRadioProps<T> = ReturnType<__sveltets_Render<T>['props']>;
+export type DropdownRadioEvents<T> = ReturnType<__sveltets_Render<T>['events']>;
+export type DropdownRadioSlots<T> = ReturnType<__sveltets_Render<T>['slots']>;
+export default class DropdownRadio<T> extends SvelteComponent<DropdownRadioProps<T>, DropdownRadioEvents<T>, DropdownRadioSlots<T>> {
+}
+export {};

package/dist/components/icon/RainLogo.svelte

@@ -0,0 +1,54 @@
+<svg width="577" height="139" viewBox="0 0 577 139" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M514.246 38.408H531.526L575.942 101H558.79L514.246 38.408ZM557.382 38.408H574.406L529.99 101H512.966L557.382 38.408Z"
+		fill="#181818"
+	/>
+	<path
+		d="M485.035 102.28C479.062 102.28 473.558 100.829 468.523 97.9279C463.574 95.0266 459.649 91.1013 456.747 86.1519C453.931 81.1173 452.523 75.5706 452.523 69.5119C452.523 63.5386 453.931 58.0773 456.747 53.1279C459.649 48.1786 463.574 44.2959 468.523 41.4799C473.473 38.5786 478.891 37.1279 484.779 37.1279C490.326 37.1279 495.403 38.4933 500.011 41.2239C504.705 43.8693 508.417 47.5386 511.147 52.2319C513.878 56.8399 515.243 62.0026 515.243 67.7199C515.243 69.5973 515.158 71.3893 514.987 73.0959H459.947V62.7279H500.139C499.969 60.1679 499.115 57.8639 497.579 55.8159C496.129 53.6826 494.209 52.0613 491.819 50.9519C489.515 49.7573 486.998 49.1599 484.267 49.1599C480.683 49.1599 477.483 50.0133 474.667 51.7199C471.851 53.3413 469.675 55.7306 468.139 58.8879C466.603 61.9599 465.835 65.6719 465.835 70.0239C465.835 73.9493 466.646 77.4479 468.267 80.5199C469.889 83.5066 472.107 85.8533 474.923 87.5599C477.825 89.2666 481.153 90.1199 484.907 90.1199C488.918 90.1199 492.331 89.2666 495.147 87.5599C497.963 85.7679 499.713 83.3786 500.395 80.3919H514.475C513.451 87.0479 510.209 92.3813 504.747 96.3919C499.286 100.317 492.715 102.28 485.035 102.28Z"
+		fill="#181818"
+	/>
+	<path
+		d="M407.815 102.28C402.354 102.28 397.319 100.829 392.711 97.9282C388.103 95.0268 384.477 91.0588 381.831 86.0242C379.186 80.9895 377.863 75.5282 377.863 69.6402C377.863 63.7522 379.186 58.3335 381.831 53.3842C384.477 48.3495 388.103 44.3815 392.711 41.4801C397.319 38.5788 402.354 37.1282 407.815 37.1282C413.362 37.1282 418.141 38.4508 422.151 41.0961C426.247 43.7415 429.362 47.5388 431.495 52.4882C433.629 57.3521 434.695 63.0695 434.695 69.6402C434.695 76.2962 433.629 82.0988 431.495 87.0481C429.362 91.9121 426.247 95.6668 422.151 98.3121C418.141 100.957 413.362 102.28 407.815 102.28ZM410.887 88.7122C414.471 88.7122 417.714 87.9015 420.615 86.2802C423.517 84.5735 425.778 82.2695 427.399 79.3681C429.106 76.4668 429.959 73.2242 429.959 69.6402C429.959 66.0562 429.106 62.8562 427.399 60.0401C425.778 57.1388 423.517 54.8775 420.615 53.2561C417.714 51.5495 414.471 50.6962 410.887 50.6962C407.389 50.6962 404.189 51.5495 401.287 53.2561C398.386 54.9628 396.082 57.2668 394.375 60.1682C392.754 63.0695 391.943 66.2268 391.943 69.6402C391.943 73.1388 392.754 76.3388 394.375 79.2402C396.082 82.1415 398.386 84.4455 401.287 86.1522C404.189 87.8588 407.389 88.7122 410.887 88.7122ZM429.959 11.4001H444.295V101H429.959V11.4001Z"
+		fill="#181818"
+	/>
+	<path
+		d="M325.624 101H311.416V38.4079H325.624V101ZM356.216 67.0799C356.216 62.1306 354.808 58.2053 351.992 55.3039C349.261 52.3173 345.635 50.8239 341.112 50.8239C336.419 50.8239 332.664 52.3173 329.848 55.3039C327.032 58.2053 325.624 62.1306 325.624 67.0799H321.272C321.272 61.1066 322.211 55.8586 324.088 51.3359C326.051 46.7279 328.781 43.2293 332.28 40.8399C335.864 38.3653 339.96 37.1279 344.568 37.1279C349.859 37.1279 354.467 38.2799 358.392 40.5839C362.317 42.8026 365.304 46.0453 367.352 50.3119C369.485 54.5786 370.552 59.5706 370.552 65.2879V101H356.216V67.0799Z"
+		fill="#181818"
+	/>
+	<path
+		d="M299.339 38.4081V101H285.131V38.4081H299.339ZM292.299 27.6561C289.739 27.6561 287.563 26.7601 285.771 24.968C283.979 23.1761 283.083 21.0427 283.083 18.568C283.083 16.0934 283.979 13.96 285.771 12.1681C287.563 10.2907 289.739 9.35205 292.299 9.35205C294.859 9.35205 297.035 10.2907 298.827 12.1681C300.619 13.96 301.515 16.0934 301.515 18.568C301.515 21.0427 300.619 23.1761 298.827 24.968C297.035 26.7601 294.859 27.6561 292.299 27.6561Z"
+		fill="#181818"
+	/>
+	<path
+		d="M273.191 101H258.855V38.4079H273.191V101ZM236.711 102.28C231.249 102.28 226.215 100.829 221.607 97.9279C216.999 95.0266 213.372 91.0586 210.727 86.0239C208.081 80.9893 206.759 75.5279 206.759 69.6399C206.759 63.7519 208.081 58.3333 210.727 53.3839C213.372 48.3493 216.999 44.3813 221.607 41.4799C226.215 38.5786 231.249 37.1279 236.711 37.1279C242.257 37.1279 247.036 38.4506 251.047 41.0959C255.143 43.7413 258.257 47.5386 260.391 52.4879C262.524 57.3519 263.591 63.0693 263.591 69.6399C263.591 76.2959 262.524 82.0986 260.391 87.0479C258.257 91.9119 255.143 95.6666 251.047 98.3119C247.036 100.957 242.257 102.28 236.711 102.28ZM239.783 88.7119C243.367 88.7119 246.609 87.9013 249.511 86.2799C252.412 84.5733 254.673 82.2693 256.295 79.3679C258.001 76.4666 258.855 73.2239 258.855 69.6399C258.855 66.0559 258.001 62.8559 256.295 60.0399C254.673 57.1386 252.412 54.8773 249.511 53.2559C246.609 51.5493 243.367 50.6959 239.783 50.6959C236.284 50.6959 233.084 51.5493 230.183 53.2559C227.281 54.9626 224.977 57.2666 223.271 60.1679C221.649 63.0693 220.839 66.2266 220.839 69.6399C220.839 73.1386 221.649 76.3386 223.271 79.2399C224.977 82.1413 227.281 84.4453 230.183 86.1519C233.084 87.8586 236.284 88.7119 239.783 88.7119Z"
+		fill="#181818"
+	/>
+	<path
+		d="M169.936 38.4079H184.144V47.1119C185.936 44.0399 188.282 41.6079 191.184 39.8159C194.17 38.0239 197.456 37.1279 201.04 37.1279C202.832 37.1279 204.794 37.3839 206.928 37.8959V50.9519C204.453 50.3546 202.362 50.0559 200.656 50.0559C197.498 50.0559 194.682 50.7386 192.208 52.1039C189.733 53.4693 187.77 55.4746 186.32 58.1199C184.869 60.7653 184.144 63.9226 184.144 67.5919V101H169.936V38.4079Z"
+		fill="#181818"
+	/>
+	<path
+		d="M83.1001 115.265C83.1001 131.025 73.8772 138.105 62.5002 138.105C51.1231 138.105 41.9002 131.025 41.9002 115.265C41.9002 108.552 45.9116 99.031 50.4687 90.6148C56.7107 79.0871 62.5002 69.0512 62.5002 69.0512C62.5002 69.0512 68.2897 79.0871 74.5316 90.6148C79.0887 99.031 83.1001 108.552 83.1001 115.265Z"
+		fill="#0038C9"
+	/>
+	<path
+		d="M41.9002 22.8396C41.9002 7.07977 51.1231 1.00185e-06 62.5002 0C73.8772 -1.00185e-06 83.1001 7.07977 83.1001 22.8396C83.1001 29.5532 79.0887 39.0738 74.5316 47.49C68.2897 59.0178 62.5002 69.0537 62.5002 69.0537C62.5002 69.0537 56.7107 59.0177 50.4687 47.49C45.9116 39.0738 41.9002 29.5532 41.9002 22.8396Z"
+		fill="#6E95F9"
+	/>
+	<path
+		d="M33.0668 110.129C19.517 118.009 8.81865 113.503 3.13014 103.579C-2.55838 93.6544 -1.08289 82.0691 12.4668 74.1892C18.239 70.8324 28.4302 69.5713 37.9447 69.3385C50.9768 69.0197 62.5001 69.0521 62.5001 69.0521C62.5001 69.0521 56.7663 79.1205 49.9761 90.3293C45.0187 98.5127 38.8389 106.772 33.0668 110.129Z"
+		fill="#164CD6"
+	/>
+	<path
+		d="M91.9333 27.9759C105.483 20.096 116.181 24.6015 121.87 34.5261C127.558 44.4506 126.083 56.0359 112.533 63.9158C106.761 67.2726 96.5699 68.5337 87.0554 68.7665C74.0233 69.0853 62.5 69.0529 62.5 69.0529C62.5 69.0529 68.2337 58.9846 75.0239 47.7757C79.9813 39.5923 86.1612 31.3327 91.9333 27.9759Z"
+		fill="#8BABFF"
+	/>
+	<path
+		d="M12.4668 63.9145C-1.08294 56.0346 -2.55843 44.4493 3.13009 34.5247C8.8186 24.6002 19.517 20.0946 33.0667 27.9745C38.8388 31.3313 45.0187 39.5909 49.9761 47.7743C56.7663 58.9832 62.5 69.0515 62.5 69.0515C62.5 69.0515 50.9767 69.084 37.9446 68.7651C28.4301 68.5323 18.2389 67.2713 12.4668 63.9145Z"
+		fill="#3D6BE1"
+	/>
+	<path
+		d="M112.533 74.1892C126.083 82.0691 127.558 93.6544 121.87 103.579C116.181 113.503 105.483 118.009 91.9333 110.129C86.1612 106.772 79.9813 98.5127 75.0239 90.3293C68.2337 79.1205 62.5001 69.0521 62.5001 69.0521C62.5001 69.0521 74.0233 69.0197 87.0554 69.3385C96.5699 69.5713 106.761 70.8324 112.533 74.1892Z"
+		fill="#AEC4FF"
+	/>
+</svg>

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

@@ -0,0 +1,25 @@
+/** @typedef {typeof __propDef.props}  RainLogoProps */
+/** @typedef {typeof __propDef.events}  RainLogoEvents */
+/** @typedef {typeof __propDef.slots}  RainLogoSlots */
+export default class RainLogo extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type RainLogoProps = typeof __propDef.props;
+export type RainLogoEvents = typeof __propDef.events;
+export type RainLogoSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: undefined;
+    bindings?: undefined;
+};
+export {};