@rainlanguage/ui-components 0.0.1-alpha.10

package/dist/components/CardProperty.svelte.d.ts

@@ -0,0 +1,31 @@
+/** @typedef {typeof __propDef.props}  CardPropertyProps */
+/** @typedef {typeof __propDef.events}  CardPropertyEvents */
+/** @typedef {typeof __propDef.slots}  CardPropertySlots */
+export default class CardProperty extends SvelteComponent<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    key: {};
+    value: {};
+}> {
+}
+export type CardPropertyProps = typeof __propDef.props;
+export type CardPropertyEvents = typeof __propDef.events;
+export type CardPropertySlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        key: {};
+        value: {};
+    };
+    exports?: undefined;
+    bindings?: undefined;
+};
+export {};

package/dist/components/CheckboxMyItemsOnly.svelte

@@ -0,0 +1,23 @@
+<script>import { Checkbox, Label } from "flowbite-svelte";
+export let showMyItemsOnly;
+export let context;
+export let signerAddress;
+function handleShowMyItemsChange() {
+  $showMyItemsOnly = !$showMyItemsOnly;
+}
+</script>
+
+<div data-testid="show-my-items-checkbox" class="flex items-center gap-x-2">
+	<Label
+		for="show-my-items"
+		class="cursor-pointer whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-300"
+	>
+		Only show my {context}
+	</Label>
+	<Checkbox
+		id="show-my-items"
+		checked={$showMyItemsOnly}
+		on:change={handleShowMyItemsChange}
+		disabled={!$signerAddress}
+	/>
+</div>

package/dist/components/CheckboxMyItemsOnly.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import type { Writable } from 'svelte/store';
+declare const __propDef: {
+    props: {
+        showMyItemsOnly: Writable<boolean>;
+        context: "orders" | "vaults";
+        signerAddress: Writable<string | null> | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CheckboxMyItemsOnlyProps = typeof __propDef.props;
+export type CheckboxMyItemsOnlyEvents = typeof __propDef.events;
+export type CheckboxMyItemsOnlySlots = typeof __propDef.slots;
+export default class CheckboxMyItemsOnly extends SvelteComponent<CheckboxMyItemsOnlyProps, CheckboxMyItemsOnlyEvents, CheckboxMyItemsOnlySlots> {
+}
+export {};

package/dist/components/CheckboxZeroBalanceVault.svelte

@@ -0,0 +1,20 @@
+<script>import { Checkbox, Label } from "flowbite-svelte";
+export let hideZeroBalanceVaults;
+function handleHideZeroBalanceChange() {
+  $hideZeroBalanceVaults = !$hideZeroBalanceVaults;
+}
+</script>
+
+<div data-testid="zero-balance-vault-checkbox" class="flex items-center gap-x-2">
+	<Label
+		for="hide-empty-vaults"
+		class="cursor-pointer whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-300"
+	>
+		Hide empty vaults
+	</Label>
+	<Checkbox
+		id="hide-empty-vaults"
+		checked={$hideZeroBalanceVaults}
+		on:change={handleHideZeroBalanceChange}
+	/>
+</div>

package/dist/components/CheckboxZeroBalanceVault.svelte.d.ts

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

package/dist/components/CodeMirrorDotrain.svelte

@@ -0,0 +1,35 @@
+<script>import CodeMirror from "svelte-codemirror-editor";
+import { RawRainlangExtension } from "codemirror-rainlang";
+import { openLintPanel } from "@codemirror/lint";
+export let rainlangText = void 0;
+export let disabled = false;
+export let styles = {};
+export let rainlangExtension;
+export let codeMirrorTheme;
+</script>
+
+<div data-testid="codemirror-dotrain">
+	<CodeMirror
+		value={rainlangText || ''}
+		extensions={[rainlangExtension]}
+		theme={codeMirrorTheme}
+		readonly={disabled}
+		useTab={true}
+		tabSize={2}
+		styles={{
+			'&': {
+				width: '100%'
+			},
+			...styles
+		}}
+		on:ready={(e) => {
+			openLintPanel(e.detail);
+		}}
+	/>
+</div>
+
+<style global>
+	:global(.ͼ1 .cm-panel.cm-panel-lint ul [aria-selected]) {
+		background-color: inherit;
+	}
+</style>

package/dist/components/CodeMirrorDotrain.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+import { RawRainlangExtension } from 'codemirror-rainlang';
+declare const __propDef: {
+    props: {
+        rainlangText?: string | undefined;
+        disabled?: boolean;
+        styles?: {};
+        rainlangExtension: RawRainlangExtension;
+        codeMirrorTheme: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CodeMirrorDotrainProps = typeof __propDef.props;
+export type CodeMirrorDotrainEvents = typeof __propDef.events;
+export type CodeMirrorDotrainSlots = typeof __propDef.slots;
+export default class CodeMirrorDotrain extends SvelteComponent<CodeMirrorDotrainProps, CodeMirrorDotrainEvents, CodeMirrorDotrainSlots> {
+}
+export {};

package/dist/components/CodeMirrorRainlang.svelte

@@ -0,0 +1,34 @@
+<script>import { extendOrder } from "@rainlanguage/orderbook/js_api";
+import CodeMirror from "svelte-codemirror-editor";
+import { RainlangLR } from "codemirror-rainlang";
+export let order = void 0;
+export let rainlangText = void 0;
+export let codeMirrorTheme;
+export let codeMirrorDisabled = true;
+export let codeMirrorStyles = {};
+$: extendedOrder = order ? extendOrder(order) : void 0;
+</script>
+
+{#if extendedOrder?.rainlang}
+	<CodeMirror
+		value={rainlangText || extendedOrder.rainlang}
+		extensions={[RainlangLR]}
+		theme={codeMirrorTheme}
+		readonly={codeMirrorDisabled}
+		useTab={true}
+		tabSize={2}
+		styles={{
+			'&': {
+				width: '100%'
+			},
+			...codeMirrorStyles
+		}}
+	/>
+{:else if !extendedOrder?.rainlang && !rainlangText}
+	<div
+		class="w-full tracking-tight text-gray-900 dark:text-white"
+		data-testid="rainlang-not-included"
+	>
+		Rain source not included in order meta
+	</div>
+{/if}

package/dist/components/CodeMirrorRainlang.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+import type { SgOrder } from '@rainlanguage/orderbook/js_api';
+declare const __propDef: {
+    props: {
+        order?: SgOrder | undefined;
+        rainlangText?: string | undefined;
+        codeMirrorTheme: any;
+        codeMirrorDisabled?: boolean;
+        codeMirrorStyles?: {};
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CodeMirrorRainlangProps = typeof __propDef.props;
+export type CodeMirrorRainlangEvents = typeof __propDef.events;
+export type CodeMirrorRainlangSlots = typeof __propDef.slots;
+export default class CodeMirrorRainlang extends SvelteComponent<CodeMirrorRainlangProps, CodeMirrorRainlangEvents, CodeMirrorRainlangSlots> {
+}
+export {};

package/dist/components/DropdownProperty.svelte

@@ -0,0 +1,12 @@
+<script>export let key;
+export let value;
+</script>
+
+<div class="mb-2">
+	<h5 class="text-md w-full tracking-tight text-gray-400 dark:text-gray-400">
+		{key}
+	</h5>
+	<p class="font-regular break-all leading-tight text-gray-800 dark:text-white">
+		{value}
+	</p>
+</div>

package/dist/components/DropdownProperty.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        key: string;
+        value: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type DropdownPropertyProps = typeof __propDef.props;
+export type DropdownPropertyEvents = typeof __propDef.events;
+export type DropdownPropertySlots = typeof __propDef.slots;
+export default class DropdownProperty extends SvelteComponent<DropdownPropertyProps, DropdownPropertyEvents, DropdownPropertySlots> {
+}
+export {};

package/dist/components/EditableSpan.svelte

@@ -0,0 +1,46 @@
+<script>import { createEventDispatcher } from "svelte";
+export let displayValue;
+let focussed = false;
+let textContent;
+let editableSpan;
+let dispatch = createEventDispatcher();
+const inputFocussed = () => {
+  focussed = true;
+  dispatch("focus");
+};
+const inputBlurred = () => {
+  focussed = false;
+  displayValue = textContent;
+  dispatch("blur", { value: textContent });
+};
+const handleKeyDown = (event) => {
+  if (event.key === "Enter") {
+    editableSpan.blur();
+  }
+};
+</script>
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div
+	data-testid="editableSpanWrapper"
+	on:click={inputFocussed}
+	class="flex gap-x-1 border-b-2 border-dotted text-sm text-gray-400 dark:text-gray-400"
+>
+	<span>Block:</span>
+	<div class="relative">
+		<span
+			data-testid="editableSpan"
+			class="absolute"
+			class:opacity-0={!focussed}
+			bind:this={editableSpan}
+			bind:textContent
+			contenteditable="true"
+			on:keydown={handleKeyDown}
+			on:blur={inputBlurred}>{displayValue}</span
+		>
+		<span data-testid="displayElement" class="pointer-events-none" class:opacity-0={focussed}
+			>{displayValue}</span
+		>
+	</div>
+</div>

package/dist/components/EditableSpan.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        displayValue: string;
+    };
+    events: {
+        focus: CustomEvent<any>;
+        blur: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type EditableSpanProps = typeof __propDef.props;
+export type EditableSpanEvents = typeof __propDef.events;
+export type EditableSpanSlots = typeof __propDef.slots;
+export default class EditableSpan extends SvelteComponent<EditableSpanProps, EditableSpanEvents, EditableSpanSlots> {
+}
+export {};

package/dist/components/Hash.svelte

@@ -0,0 +1,85 @@
+<script context="module">export var HashType = /* @__PURE__ */ ((HashType2) => {
+  HashType2[HashType2["Identifier"] = 0] = "Identifier";
+  HashType2[HashType2["Wallet"] = 1] = "Wallet";
+  HashType2[HashType2["Transaction"] = 2] = "Transaction";
+  HashType2[HashType2["Address"] = 3] = "Address";
+  return HashType2;
+})(HashType || {});
+</script>
+
+<script>import { Tooltip } from "flowbite-svelte";
+import {
+  WalletOutline,
+  FingerprintOutline,
+  ClipboardListOutline,
+  ClipboardOutline
+} from "flowbite-svelte-icons";
+import { fade } from "svelte/transition";
+export let value;
+export let type = void 0;
+export let shorten = true;
+export let sliceLen = 5;
+export let copyOnClick = true;
+let showCopiedMessage = false;
+let cursorX = 0;
+let cursorY = 0;
+$: id = shorten ? `hash-${value}` : void 0;
+$: displayValue = value && shorten ? `${value.slice(0, sliceLen)}...${value.slice(-1 * sliceLen)}` : value;
+function copy(e) {
+  if (copyOnClick) {
+    e.stopPropagation();
+    navigator.clipboard.writeText(value);
+    cursorX = e.clientX;
+    cursorY = e.clientY;
+    showCopiedMessage = true;
+    setTimeout(() => {
+      showCopiedMessage = false;
+    }, 1500);
+  }
+}
+</script>
+
+<button
+	type="button"
+	{id}
+	class="flex items-center justify-start space-x-2 text-left"
+	on:click={copy}
+>
+	{#if type === HashType.Wallet}
+		<WalletOutline size="sm" />
+	{:else if type === HashType.Identifier}
+		<FingerprintOutline size="sm" />
+	{:else if type === HashType.Transaction}
+		<ClipboardListOutline size="sm" />
+	{:else if type === HashType.Address}
+		<ClipboardOutline size="sm" />
+	{/if}
+	<div>{displayValue}</div>
+</button>
+
+{#if showCopiedMessage}
+	<div
+		out:fade
+		class="fixed rounded bg-green-500 px-2 py-1 text-xs text-white shadow"
+		style="top: {cursorY + 10}px; left: {cursorX + 10}px"
+	>
+		Copied to clipboard
+	</div>
+{/if}
+
+{#if shorten}
+	<Tooltip triggeredBy={`#${id}`} class="z-20 whitespace-normal">
+		<div class="flex items-center justify-start space-x-2">
+			{#if type === HashType.Wallet}
+				<WalletOutline size="sm" />
+			{:else if type === HashType.Identifier}
+				<FingerprintOutline size="sm" />
+			{:else if type === HashType.Transaction}
+				<ClipboardListOutline size="sm" />
+			{:else if type === HashType.Address}
+				<ClipboardOutline size="sm" />
+			{/if}
+			<div>{value}</div>
+		</div>
+	</Tooltip>
+{/if}

package/dist/components/Hash.svelte.d.ts

@@ -0,0 +1,28 @@
+import { SvelteComponent } from "svelte";
+export declare enum HashType {
+    Identifier = 0,
+    Wallet = 1,
+    Transaction = 2,
+    Address = 3
+}
+declare const __propDef: {
+    props: {
+        value: string;
+        type?: HashType | undefined;
+        shorten?: boolean;
+        sliceLen?: number;
+        copyOnClick?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type HashProps = typeof __propDef.props;
+export type HashEvents = typeof __propDef.events;
+export type HashSlots = typeof __propDef.slots;
+export default class Hash extends SvelteComponent<HashProps, HashEvents, HashSlots> {
+}
+export {};

package/dist/components/Heading.svelte

@@ -0,0 +1,19 @@
+<script>
+	export let depth;
+</script>
+
+{#if depth === 1}
+	<div class="mb-4 text-4xl font-medium dark:text-white"><slot /></div>
+{:else if depth === 2}
+	<div class="my-4 text-2xl font-medium dark:text-white"><slot /></div>
+{:else if depth === 3}
+	<div class="my-4 text-xl font-medium dark:text-white"><slot /></div>
+{:else if depth === 4}
+	<div class="my-4 text-lg font-medium dark:text-white"><slot /></div>
+{:else if depth === 5}
+	<h5><slot /></h5>
+{:else if depth === 6}
+	<h6><slot /></h6>
+{:else}
+	<slot />
+{/if}

package/dist/components/Heading.svelte.d.ts

@@ -0,0 +1,29 @@
+/** @typedef {typeof __propDef.props}  HeadingProps */
+/** @typedef {typeof __propDef.events}  HeadingEvents */
+/** @typedef {typeof __propDef.slots}  HeadingSlots */
+export default class Heading extends SvelteComponent<{
+    depth: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type HeadingProps = typeof __propDef.props;
+export type HeadingEvents = typeof __propDef.events;
+export type HeadingSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        depth: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: undefined;
+    bindings?: undefined;
+};
+export {};

package/dist/components/IconError.svelte

@@ -0,0 +1,8 @@
+<script>import CloseCircleSolid from "flowbite-svelte-icons/CloseCircleSolid.svelte";
+</script>
+
+<div
+	class="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-red-100 text-red-500 dark:bg-red-800 dark:text-red-200"
+>
+	<CloseCircleSolid class="h-5 w-5" />
+</div>

package/dist/components/IconError.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type IconErrorProps = typeof __propDef.props;
+export type IconErrorEvents = typeof __propDef.events;
+export type IconErrorSlots = typeof __propDef.slots;
+export default class IconError extends SvelteComponent<IconErrorProps, IconErrorEvents, IconErrorSlots> {
+}
+export {};

package/dist/components/IconExternalLink.svelte

@@ -0,0 +1,18 @@
+<script>export let svgClass = "";
+</script>
+
+<svg
+	class="h-5 w-5 text-gray-800 dark:text-white {svgClass}"
+	aria-hidden="true"
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 18 18"
+>
+	<path
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="2"
+		d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"
+	/>
+</svg>

package/dist/components/IconExternalLink.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        svgClass?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type IconExternalLinkProps = typeof __propDef.props;
+export type IconExternalLinkEvents = typeof __propDef.events;
+export type IconExternalLinkSlots = typeof __propDef.slots;
+export default class IconExternalLink extends SvelteComponent<IconExternalLinkProps, IconExternalLinkEvents, IconExternalLinkSlots> {
+}
+export {};

package/dist/components/IconInfo.svelte

@@ -0,0 +1,8 @@
+<script>import InfoCircleSolid from "flowbite-svelte-icons/InfoCircleSolid.svelte";
+</script>
+
+<div
+	class="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-blue-100 text-blue-500 dark:bg-blue-800 dark:text-blue-200"
+>
+	<InfoCircleSolid class="h-5 w-5" />
+</div>

package/dist/components/IconInfo.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type IconInfoProps = typeof __propDef.props;
+export type IconInfoEvents = typeof __propDef.events;
+export type IconInfoSlots = typeof __propDef.slots;
+export default class IconInfo extends SvelteComponent<IconInfoProps, IconInfoEvents, IconInfoSlots> {
+}
+export {};

package/dist/components/IconLedger.svelte

@@ -0,0 +1,13 @@
+<script>import icon from "../assets/ledger.svg?raw";
+</script>
+
+<!-- eslint-disable-next-line svelte/no-at-html-tags -->
+<div class="icon-ledger">{@html icon}</div>
+
+<style>
+	:global(.icon-ledger svg) {
+		height: 1.5rem;
+		width: auto;
+		fill: white;
+	}
+</style>

package/dist/components/IconLedger.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type IconLedgerProps = typeof __propDef.props;
+export type IconLedgerEvents = typeof __propDef.events;
+export type IconLedgerSlots = typeof __propDef.slots;
+export default class IconLedger extends SvelteComponent<IconLedgerProps, IconLedgerEvents, IconLedgerSlots> {
+}
+export {};

package/dist/components/IconSuccess.svelte

@@ -0,0 +1,8 @@
+<script>import CheckCircleSolid from "flowbite-svelte-icons/CheckCircleSolid.svelte";
+</script>
+
+<div
+	class="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-green-100 text-green-500 dark:bg-green-800 dark:text-green-200"
+>
+	<CheckCircleSolid class="h-5 w-5" />
+</div>

package/dist/components/IconSuccess.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type IconSuccessProps = typeof __propDef.props;
+export type IconSuccessEvents = typeof __propDef.events;
+export type IconSuccessSlots = typeof __propDef.slots;
+export default class IconSuccess extends SvelteComponent<IconSuccessProps, IconSuccessEvents, IconSuccessSlots> {
+}
+export {};

package/dist/components/IconTelegram.svelte

@@ -0,0 +1,12 @@
+<svg
+	viewBox="0 0 24 24"
+	class="h-5 w-5 text-gray-800 dark:text-white"
+	style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"
+	><path
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="2"
+		d="M18.384,22.779c0.322,0.228 0.737,0.285 1.107,0.145c0.37,-0.141 0.642,-0.457 0.724,-0.84c0.869,-4.084 2.977,-14.421 3.768,-18.136c0.06,-0.28 -0.04,-0.571 -0.26,-0.758c-0.22,-0.187 -0.525,-0.241 -0.797,-0.14c-4.193,1.552 -17.106,6.397 -22.384,8.35c-0.335,0.124 -0.553,0.446 -0.542,0.799c0.012,0.354 0.25,0.661 0.593,0.764c2.367,0.708 5.474,1.693 5.474,1.693c0,0 1.452,4.385 2.209,6.615c0.095,0.28 0.314,0.5 0.603,0.576c0.288,0.075 0.596,-0.004 0.811,-0.207c1.216,-1.148 3.096,-2.923 3.096,-2.923c0,0 3.572,2.619 5.598,4.062Zm-11.01,-8.677l1.679,5.538l0.373,-3.507c0,0 6.487,-5.851 10.185,-9.186c0.108,-0.098 0.123,-0.262 0.033,-0.377c-0.089,-0.115 -0.253,-0.142 -0.376,-0.064c-4.286,2.737 -11.894,7.596 -11.894,7.596Z"
+	/></svg
+>