@valerius_petrini/corekit-ui 0.1.42 → 0.1.44

package/dist/components/FloatingInput.svelte

@@ -10,6 +10,7 @@
         value = $bindable(),
         onfocus = undefined,
         onblur = undefined,
+        isTextArea = false,
         validInputRegex = undefined,
         id = crypto.randomUUID(),
         ...restProps
@@ -25,12 +26,16 @@
     let defaultLabelClass = "block text-sub-text rounded-md text-sm font-medium mb-1 absolute transition-all duration-100 pointer-events-none";
     let defaultDivClass = "relative";
 
-    let originalLabelClass = "left-2 top-1/2 transform -translate-y-1/2 z-0";
+    let originalLabelClass = "left-2 z-0";
+    let originalLabelClassInput = "top-1/2 transform -translate-y-1/2";
+    let originalLabelClassTextArea = "top-2";
     let selectedLabelClass = "left-2 z-30 top-0.5 text-[10px]";
 
     let invalidClass = "border border-red-500 focus:ring-red-500";
 
-    let combinedLabelClass = $derived(twMerge(defaultLabelClass, isFocused || hasContent ? selectedLabelClass : originalLabelClass, labelClass));
+    let labelClassFull = $derived(twMerge(isTextArea ? originalLabelClassTextArea : originalLabelClassInput, originalLabelClass));
+
+    let combinedLabelClass = $derived(twMerge(defaultLabelClass, isFocused || hasContent ? selectedLabelClass : labelClassFull, labelClass));
     let combinedClass = $derived(twMerge(defaultClass, className, isValid ? "" : invalidClass));
     let combinedDivClass = $derived(twMerge(defaultDivClass, divClass));
 
@@ -50,12 +55,23 @@
     <label for={id} class={combinedLabelClass}>
         {@render children?.()}
     </label>
-    <input 
-        {id}
-        bind:value={value}
-        onfocus={handleFocus}
-        onblur={handleBlur}
-        class={combinedClass} 
-        {...restProps}
-    />
+    {#if isTextArea}
+        <textarea
+            {id}
+            bind:value={value}
+            onfocus={handleFocus}
+            onblur={handleBlur}
+            class={combinedClass}
+            {...restProps}
+        ></textarea>
+    {:else}
+        <input
+            {id}
+            bind:value={value}
+            onfocus={handleFocus}
+            onblur={handleBlur}
+            class={combinedClass} 
+            {...restProps}
+        />
+    {/if}
 </div>

package/dist/types/FloatingInput.d.ts

@@ -4,6 +4,7 @@ export interface FloatingInputProps {
     labelClass?: string;
     divClass?: string;
     value?: string;
+    isTextArea?: boolean;
     onfocus?: (e?: FocusEvent) => void;
     onblur?: (e?: FocusEvent) => void;
     validInputRegex?: RegExp;

package/dist/types/FloatingSelect.d.ts

@@ -3,8 +3,8 @@ export interface FloatingSelectProps {
     class?: string;
     divClass?: string;
     optionClass?: string;
-    value?: string;
-    options: { value: string; label: string }[];
+    value?: any;
+    options: { value: any; label: string }[];
     id?: `${string}-${string}-${string}-${string}-${string}`;
     [key: string]: any; 
 };  

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@valerius_petrini/corekit-ui",
-	"version": "0.1.42",
+	"version": "0.1.44",
 	"description": "Component Library used across all my projects",
 	"author": "Valerius Petrini Jr.",
 	"license": "MIT",