refac

2026-07-15 18:09:34 -04:00
parent 933ab1e1cd
commit 4b0122a120
20 changed files with 137 additions and 165 deletions
@@ -0,0 +1,28 @@
+<script lang="ts">
+	export let value: string | number | boolean = '';
+	export let id = '';
+	export let name = '';
+	export let ariaLabel = '';
+	export let placeholder = '';
+	export let required = false;
+	export let disabled = false;
+	export let className = 'w-fit min-w-32';
+	export let selectClassName = '';
+</script>
+
+<div class="relative inline-flex {className}">
+	<select
+		{...$$restProps}
+		bind:value
+		id={id || undefined}
+		name={name || undefined}
+		aria-label={ariaLabel || undefined}
+		title={placeholder || undefined}
+		{required}
+		{disabled}
+		class="h-7 w-full truncate rounded-lg border border-gray-100/50 !bg-gray-50/40 ps-2.5 pe-9 text-left text-xs text-gray-700 outline-hidden transition-colors focus:border-blue-400 disabled:opacity-50 dark:border-white/[0.04] dark:!bg-white/[0.03] dark:text-gray-300 dark:focus:border-blue-500 {selectClassName}"
+		on:change
+	>
+		<slot />
+	</select>
+</div>