From 490d9b2feb58f75fda5d6a998092ccf66256da01 Mon Sep 17 00:00:00 2001
From: Henri <henrikarba@gmail.com>
Date: Wed, 3 Dec 2025 22:09:45 +0200
Subject: [PATCH] fixes

---
 src/components/Dropdown.svelte | 60 +++++++++++-----------------------
 src/components/index.js        |  1 -
 src/routes/Home.svelte         |  5 +--
 src/routes/Test.svelte         |  1 -
 4 files changed, 20 insertions(+), 47 deletions(-)
 delete mode 100644 src/routes/Test.svelte

diff --git a/src/components/Dropdown.svelte b/src/components/Dropdown.svelte
index 61e56eb..198e8e6 100644
--- a/src/components/Dropdown.svelte
+++ b/src/components/Dropdown.svelte
@@ -1,10 +1,9 @@
 <script>
   import Button from "./Button.svelte";
-  import ButtonBorderless from "./ButtonBorderless.svelte";
 
   // Props
   export let name = "";
-  export let variant = "default"; // 'default' | 'borderless' aka 'Button' | 'ButtonBorderless'
+  export let border = false;
 
   let isOpen = false;
 
@@ -22,45 +21,24 @@
 </script>
 
 <div class="relative inline-block" on:focusout={handleFocusOut}>
-  {#if variant === "borderless"}
-    <ButtonBorderless onClick={toggle}>
-      {name}
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 24 24"
-        stroke-width="2"
-        stroke="currentColor"
-        class="w-5 ml-2 mt-1 transition-transform inline-block"
-        style:transform={isOpen ? "rotate(180deg)" : "none"}
-      >
-        <path
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          d="m19.5 8.25-7.5 7.5-7.5-7.5"
-        />
-      </svg>
-    </ButtonBorderless>
-  {:else}
-    <Button onClick={toggle}>
-      {name}
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 24 24"
-        stroke-width="2"
-        stroke="currentColor"
-        class="w-5 ml-2 mt-1 transition-transform inline-block"
-        style:transform={isOpen ? "rotate(180deg)" : "none"}
-      >
-        <path
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          d="m19.5 8.25-7.5 7.5-7.5-7.5"
-        />
-      </svg>
-    </Button>
-  {/if}
+  <Button onClick={toggle} border={border}>
+    {name}
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      stroke-width="2"
+      stroke="currentColor"
+      class="w-5 ml-2 mt-1 transition-transform inline-block"
+      style:transform={isOpen ? "rotate(180deg)" : "none"}
+    >
+      <path
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        d="m19.5 8.25-7.5 7.5-7.5-7.5"
+      />
+    </svg>
+  </Button>
 
   <div
     class="absolute mt-2 rounded-md shadow-lg bg-white ring-1 ring-black/5 overflow-hidden flex flex-col"
diff --git a/src/components/index.js b/src/components/index.js
index 4c17e69..af2a60f 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -5,5 +5,4 @@ export { default as Grid } from './layout/Grid.svelte'
 export { default as Center } from './layout/Center.svelte'
 
 export { default as Button } from './Button.svelte'
-export { default as ButtonBorderless } from './ButtonBorderless.svelte'
 export { default as Dropdown } from './Dropdown.svelte'
diff --git a/src/routes/Home.svelte b/src/routes/Home.svelte
index 6031786..d634f13 100644
--- a/src/routes/Home.svelte
+++ b/src/routes/Home.svelte
@@ -1,7 +1,6 @@
 <script>
   import {
     Button,
-    ButtonBorderless,
     Container,
     Card,
     Stack,
@@ -19,9 +18,7 @@
         “Lapikud”.
       </p>
       <Button href="/docs/getting-started">Get Started</Button>
-      <ButtonBorderless href="/docs/components"
-        >Explore Components</ButtonBorderless
-      >
+      <Button href="/docs/components">Explore Components</Button>
     </Card>
 
     <Grid min="250px" gap="var(--space-4)">
diff --git a/src/routes/Test.svelte b/src/routes/Test.svelte
deleted file mode 100644
index 76e198f..0000000
--- a/src/routes/Test.svelte
+++ /dev/null
@@ -1 +0,0 @@
-<div>testing</div>