From b82e4e1211d160d23f361e318ff62d50012ae8c4 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Fri, 3 Jan 2025 13:41:05 +0100
Subject: [PATCH] Test fixes

---
 v2/pink-sb/src/lib/Code.svelte                          | 2 +-
 v2/pink-sb/src/lib/DirectoryPicker/DirectoryItem.svelte | 3 ++-
 v2/pink-sb/src/lib/HiddenText.svelte                    | 2 +-
 v2/pink-sb/src/lib/Sheet.svelte                         | 1 -
 v2/pink-sb/src/lib/ToggleButton.svelte                  | 1 -
 v2/pink-sb/src/lib/card/Media.svelte                    | 2 +-
 v2/pink-sb/src/lib/helpers/size.ts                      | 3 +--
 v2/pink-sb/src/lib/input/Select.svelte                  | 4 +++-
 v2/pink-sb/src/stories/Lights.stories.svelte            | 2 +-
 v2/pink-sb/src/stories/layout/Wizard.stories.svelte     | 3 +--
 10 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/v2/pink-sb/src/lib/Code.svelte b/v2/pink-sb/src/lib/Code.svelte
index 2407e4d1c6..de4f0fe004 100644
--- a/v2/pink-sb/src/lib/Code.svelte
+++ b/v2/pink-sb/src/lib/Code.svelte
@@ -15,7 +15,6 @@
     import { IconDuplicate } from '@appwrite.io/pink-icons-svelte';
     import Tooltip from './Tooltip.svelte';
     import Spinner from './Spinner.svelte';
-    import Select from './input/Select.svelte';
     import { copy } from '$lib/helpers/copy.js';
 
     type Language = BuiltinLanguage | PlainTextLanguage;
@@ -130,6 +129,7 @@
 <div class="code-block">
     {#if htmlCode}
         <div transition:fade={{ duration: 300 }}>
+            <!-- eslint-disable-next-line svelte/no-at-html-tags -->
             {@html htmlCode}
         </div>
     {:else}
diff --git a/v2/pink-sb/src/lib/DirectoryPicker/DirectoryItem.svelte b/v2/pink-sb/src/lib/DirectoryPicker/DirectoryItem.svelte
index de977e4996..733e5aa513 100644
--- a/v2/pink-sb/src/lib/DirectoryPicker/DirectoryItem.svelte
+++ b/v2/pink-sb/src/lib/DirectoryPicker/DirectoryItem.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { melt, type TreeView } from '@melt-ui/svelte';
-    import { createEventDispatcher, getContext, type DispatchOptions } from 'svelte';
+    import { createEventDispatcher, getContext } from 'svelte';
     import type { Directory } from '$lib/DirectoryPicker/index.js';
     import { IconChevronRight } from '@appwrite.io/pink-icons-svelte';
     import Radio from '$lib/selector/Radio.svelte';
@@ -102,6 +102,7 @@
                     </div>
                 {:else if thumbnailHtml}
                     <div class="thumbnail">
+                        <!-- eslint-disable-next-line svelte/no-at-html-tags -->
                         {@html thumbnailHtml}
                     </div>
                 {/if}
diff --git a/v2/pink-sb/src/lib/HiddenText.svelte b/v2/pink-sb/src/lib/HiddenText.svelte
index 75b1d542cc..9f5b76fffc 100644
--- a/v2/pink-sb/src/lib/HiddenText.svelte
+++ b/v2/pink-sb/src/lib/HiddenText.svelte
@@ -4,7 +4,7 @@
     export let text: string;
     export let autoHideTimeoutMs = 10000;
     export let isVisible: boolean = true;
-    let timeout: NodeJS.Timeout;
+    let timeout: ReturnType<typeof setTimeout>;
     let showCopySuccess = false;
 
     function toggleVisibility() {
diff --git a/v2/pink-sb/src/lib/Sheet.svelte b/v2/pink-sb/src/lib/Sheet.svelte
index e745b45ffd..591aea39d7 100644
--- a/v2/pink-sb/src/lib/Sheet.svelte
+++ b/v2/pink-sb/src/lib/Sheet.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-    import Stack from '$lib/layout/Stack.svelte';
     import Button from '$lib/button/Button.svelte';
     import Icon from '$lib/Icon.svelte';
     import { IconX } from '@appwrite.io/pink-icons-svelte';
diff --git a/v2/pink-sb/src/lib/ToggleButton.svelte b/v2/pink-sb/src/lib/ToggleButton.svelte
index d2fdd31e31..0ce4798a29 100644
--- a/v2/pink-sb/src/lib/ToggleButton.svelte
+++ b/v2/pink-sb/src/lib/ToggleButton.svelte
@@ -54,7 +54,6 @@
         indicator.style.opacity = '1';
 
         if (isInitialPosition) {
-            indicator.offsetHeight;
             indicator.style.transition = '';
             isInitialPosition = false;
         }
diff --git a/v2/pink-sb/src/lib/card/Media.svelte b/v2/pink-sb/src/lib/card/Media.svelte
index d4d2ce2a62..19ce8c672f 100644
--- a/v2/pink-sb/src/lib/card/Media.svelte
+++ b/v2/pink-sb/src/lib/card/Media.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import Badge from '$lib/Badge.svelte';
     import Image from '$lib/Image.svelte';
-    import { Layout, Card, Typography } from '$lib/index.js';
+    import { Layout, Typography } from '$lib/index.js';
     import type { BaseCardProps } from './Base.svelte';
 
     type $$Props = BaseCardProps & {
diff --git a/v2/pink-sb/src/lib/helpers/size.ts b/v2/pink-sb/src/lib/helpers/size.ts
index b153ea4c47..fee16af15f 100644
--- a/v2/pink-sb/src/lib/helpers/size.ts
+++ b/v2/pink-sb/src/lib/helpers/size.ts
@@ -1,7 +1,6 @@
 import prettyBytes from 'pretty-bytes';
 
-const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] as const;
-export type Size = (typeof sizes)[number];
+export type Size = 'Bytes' | 'KB' | 'MB' | 'GB' | 'TB' | 'PB' | 'EB' | 'ZB' | 'YB';
 
 export function humanFileSize(
     bytes: number,
diff --git a/v2/pink-sb/src/lib/input/Select.svelte b/v2/pink-sb/src/lib/input/Select.svelte
index e21ba8530d..5b541cfae3 100644
--- a/v2/pink-sb/src/lib/input/Select.svelte
+++ b/v2/pink-sb/src/lib/input/Select.svelte
@@ -73,6 +73,7 @@
             <span>
                 {#if $selectedLabel}
                     {#if selectedLeadingHtml}
+                        <!-- eslint-disable-next-line svelte/no-at-html-tags -->
                         {@html selectedLeadingHtml}
                     {/if}
                     {$selectedLabel}
@@ -85,9 +86,10 @@
     </div>
     {#if $open}
         <ul {...$menu} use:menu>
-            {#each filteredOptions as { value, label, badge, disabled, readonly, leadingIcon, trailingIcon, leadingHtml }}
+            {#each filteredOptions as { value, label, badge, disabled, leadingIcon, trailingIcon, leadingHtml }}
                 <li {...$option({ value, label, disabled })} use:option>
                     {#if leadingHtml}
+                        <!-- eslint-disable-next-line svelte/no-at-html-tags -->
                         {@html leadingHtml}
                     {/if}
                     {#if leadingIcon}
diff --git a/v2/pink-sb/src/stories/Lights.stories.svelte b/v2/pink-sb/src/stories/Lights.stories.svelte
index 4ed8a24822..a642237cd3 100644
--- a/v2/pink-sb/src/stories/Lights.stories.svelte
+++ b/v2/pink-sb/src/stories/Lights.stories.svelte
@@ -13,7 +13,7 @@
     import { Story, Template } from '@storybook/addon-svelte-csf';
 </script>
 
-<Template let:args>
+<Template>
     <Lights />
 </Template>
 
diff --git a/v2/pink-sb/src/stories/layout/Wizard.stories.svelte b/v2/pink-sb/src/stories/layout/Wizard.stories.svelte
index 77ebdb5798..f91cd25f3d 100644
--- a/v2/pink-sb/src/stories/layout/Wizard.stories.svelte
+++ b/v2/pink-sb/src/stories/layout/Wizard.stories.svelte
@@ -22,10 +22,9 @@
 </script>
 
 <script>
-    import { Card, Typography } from '$lib/index.ts';
+    import { Card } from '$lib/index.ts';
     import Button from '$lib/button/Button.svelte';
     import { Story, Template } from '@storybook/addon-svelte-csf';
-    import Stack from './Stack.stories.svelte';
 </script>
 
 <Template let:args>