From 301750e1a6d3ae369afad5d7430b6a7a2bf0b91c Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Wed, 18 Dec 2024 14:59:55 +0100
Subject: [PATCH] Lib: Move form stuff into form/ directory

---
 src/lib/components/{ => form}/Button.svelte   | 18 +++++++++---------
 src/lib/components/{ => form}/Input.svelte    |  0
 .../components/{ => form}/LazyDropdown.svelte | 19 +------------------
 src/lib/components/form/LazyDropdown.ts       | 16 ++++++++++++++++
 src/lib/components/{ => form}/Search.svelte   |  0
 5 files changed, 26 insertions(+), 27 deletions(-)
 rename src/lib/components/{ => form}/Button.svelte (82%)
 rename src/lib/components/{ => form}/Input.svelte (100%)
 rename src/lib/components/{ => form}/LazyDropdown.svelte (90%)
 create mode 100644 src/lib/components/form/LazyDropdown.ts
 rename src/lib/components/{ => form}/Search.svelte (100%)

diff --git a/src/lib/components/Button.svelte b/src/lib/components/form/Button.svelte
similarity index 82%
rename from src/lib/components/Button.svelte
rename to src/lib/components/form/Button.svelte
index b0c322b..8527c1d 100644
--- a/src/lib/components/Button.svelte
+++ b/src/lib/components/form/Button.svelte
@@ -22,8 +22,8 @@
     /** Make the button act as a link. */
     href?: string | undefined;
 
-    /** Add the "w-full" class to the button. */
-    fullwidth?: boolean;
+    /** Add a width class to the button. */
+    width?: string;
 
     /** Enable the button's ":hover" state manually. */
     activate?: boolean;
@@ -40,7 +40,7 @@
     color = undefined,
     submit = false,
     href = undefined,
-    fullwidth = false,
+    width = "w-auto",
     activate = false,
     activate_href = false,
     trigger_popup = { event: "click", target: "invalid" },
@@ -53,9 +53,9 @@
   <form action={href} class="contents">
     <button
       type="submit"
-      class="btn m-0 select-none px-2 py-2 {color ? `variant-filled-${color}` : ''} {fullwidth
-        ? 'w-full'
-        : 'w-auto'} {activate ? 'btn-hover' : ''} {activate_href && is_at_path(href)
+      class="btn m-0 select-none px-2 py-2 {color
+        ? `variant-filled-${color}`
+        : ''} {width} {activate ? 'btn-hover' : ''} {activate_href && is_at_path(href)
         ? 'btn-hover'
         : ''}"
       draggable="false"
@@ -65,9 +65,9 @@
 {:else}
   <button
     type={submit ? "submit" : "button"}
-    class="btn select-none px-2 py-2 {color ? `variant-filled-${color}` : ''} {fullwidth
-      ? 'w-full'
-      : 'w-auto'} {activate ? 'btn-hover' : ''}"
+    class="btn select-none px-2 py-2 {color ? `variant-filled-${color}` : ''} {width} {activate
+      ? 'btn-hover'
+      : ''}"
     draggable="false"
     use:popup={trigger_popup}
     {...restProps}>{@render children()}</button
diff --git a/src/lib/components/Input.svelte b/src/lib/components/form/Input.svelte
similarity index 100%
rename from src/lib/components/Input.svelte
rename to src/lib/components/form/Input.svelte
diff --git a/src/lib/components/LazyDropdown.svelte b/src/lib/components/form/LazyDropdown.svelte
similarity index 90%
rename from src/lib/components/LazyDropdown.svelte
rename to src/lib/components/form/LazyDropdown.svelte
index 8e4ad88..e3f80b8 100644
--- a/src/lib/components/LazyDropdown.svelte
+++ b/src/lib/components/form/LazyDropdown.svelte
@@ -4,24 +4,7 @@
   import type { Action } from "svelte/action";
   import type { HTMLInputAttributes } from "svelte/elements";
   import { v4 as uuid } from "uuid";
-  import LazyImage from "./LazyImage.svelte";
-
-  export interface LazyDropdownOption {
-    /** The label displayed in the list of options. */
-    label: string;
-
-    /** The value assigned to the dropdown value variable */
-    value: string;
-
-    /** An optional icon displayed left to the label */
-    icon_url?: string;
-
-    /** The aspect ratio width of the optional icon */
-    icon_width?: number;
-
-    /** The aspect ratio height of the optional icon */
-    icon_height?: number;
-  }
+  import { type LazyDropdownOption, LazyImage } from "$lib/components";
 
   interface LazyDropdownProps extends HTMLInputAttributes {
     children: Snippet;
diff --git a/src/lib/components/form/LazyDropdown.ts b/src/lib/components/form/LazyDropdown.ts
new file mode 100644
index 0000000..7ebf1fc
--- /dev/null
+++ b/src/lib/components/form/LazyDropdown.ts
@@ -0,0 +1,16 @@
+export interface LazyDropdownOption {
+  /** The label displayed in the list of options. */
+  label: string;
+
+  /** The value assigned to the dropdown value variable */
+  value: string;
+
+  /** An optional icon displayed left to the label */
+  icon_url?: string;
+
+  /** The aspect ratio width of the optional icon */
+  icon_width?: number;
+
+  /** The aspect ratio height of the optional icon */
+  icon_height?: number;
+}
diff --git a/src/lib/components/Search.svelte b/src/lib/components/form/Search.svelte
similarity index 100%
rename from src/lib/components/Search.svelte
rename to src/lib/components/form/Search.svelte