From 0a5e6467c8ed11b071eb1c1a5dde1eca97f70156 Mon Sep 17 00:00:00 2001
From: Dennie de Lange <621098+tkvw@users.noreply.github.com>
Date: Fri, 22 Nov 2024 01:16:13 +0100
Subject: [PATCH] feat: allow select size through selectSize attribute

---
 src/lib/forms/select/Select.svelte | 4 ++--
 src/lib/forms/select/index.ts      | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/lib/forms/select/Select.svelte b/src/lib/forms/select/Select.svelte
index a1e99550..1c6e6dfe 100644
--- a/src/lib/forms/select/Select.svelte
+++ b/src/lib/forms/select/Select.svelte
@@ -1,12 +1,12 @@
 <script lang="ts" generics="T">
   import { type SelectProps as Props, select as selectCls } from ".";
 
-  let { children, items, value = $bindable(), underline, size = "md", class: className, placeholder = "Choose option ...", ...restProps }: Props<T> = $props();
+  let { children, items, value = $bindable(), underline, size = "md", class: className, placeholder = "Choose option ...", selectSize, ...restProps }: Props<T> = $props();
 
   const selectStyle = $derived(selectCls({ underline, size, className }));
 </script>
 
-<select {...restProps} bind:value class={selectStyle}>
+<select {...restProps} bind:value class={selectStyle} size={selectSize}>
   {#if placeholder}
     <option disabled selected value="">{placeholder}</option>
   {/if}
diff --git a/src/lib/forms/select/index.ts b/src/lib/forms/select/index.ts
index 094728ef..1ab7aed0 100644
--- a/src/lib/forms/select/index.ts
+++ b/src/lib/forms/select/index.ts
@@ -16,6 +16,7 @@ interface SelectProps<T> extends Omit<HTMLSelectAttributes, "size"> {
   underline?: boolean;
   size?: SelectSize;
   placeholder?: string;
+  selectSize?: number;
 }
 
 interface MultiSelectProps<T> extends HTMLAttributes<HTMLDivElement> {