@valerius_petrini/corekit-ui 0.1.40 → 0.1.42

package/dist/components/{FloatingDropdown.svelte → FloatingSelect.svelte}

@@ -1,13 +1,17 @@
 <script lang="ts">
+    import type { FloatingSelectProps } from "../types/FloatingSelect.js";
     import { twMerge } from "tailwind-merge";
 
     let { 
         children = undefined, 
-        class: className = "", 
+        class: className = "",
+        divName = "",
+        optionClass = "", 
+        value = $bindable(),
         options = [],
         id = crypto.randomUUID(),
         ...restProps
-    } = $props();
+    }: FloatingSelectProps = $props();
 
     let defaultSelectClass = "cursor-pointer bg-form-input-background text-main-text z-20 w-full rounded px-1 pt-4 pb-1 text-xs outline-none focus:ring-2 focus:ring-blue-500 transition-all";
     let defaultLabelClass = "block text-sub-text rounded-md text-sm font-medium mb-1 absolute transition-all duration-100 pointer-events-none";
@@ -18,15 +22,18 @@
 
     let combinedLabelClass = $derived(twMerge(defaultLabelClass, selectedLabelClass, className));
     let combinedSelectClass = $derived(twMerge(defaultSelectClass, className));
+    let combinedDivClass = $derived(twMerge(defaultDivClass, divName));
 </script>
 
-<div class={defaultDivClass}>
+<div class={combinedDivClass}>
     <label for={id} class={combinedLabelClass}>
         {@render children?.()}
     </label>
-    <select {id} class={combinedSelectClass} {...restProps}>
+    <select {id} class={combinedSelectClass} {...restProps} bind:value={value}>
         {#each options as option}
-            <option value={option.value}>{option.label}</option>
+            <option value={option.value} class={optionClass}>
+                {option.label}
+            </option>
         {/each}
     </select>
 </div>

package/dist/components/FloatingSelect.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { FloatingSelectProps } from "../types/FloatingSelect.js";
+declare const FloatingSelect: import("svelte").Component<FloatingSelectProps, {}, "value">;
+type FloatingSelect = ReturnType<typeof FloatingSelect>;
+export default FloatingSelect;

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { default as Navbar } from "./components/Navbar.svelte";
 export { default as NavbarSeparator } from "./components/NavbarSeparator.svelte";
 export { default as NavbarElement } from "./components/NavbarElement.svelte";
 export { default as FloatingInput } from "./components/FloatingInput.svelte";
+export { default as FloatingSelect } from "./components/FloatingSelect.svelte";
 export { default as Text } from "./components/Text.svelte";
 export { default as Card } from "./components/Card.svelte";
 export { fbmBackground } from "./actions/fbm.ts";

package/dist/index.js

@@ -6,6 +6,7 @@ export { default as Navbar } from "./components/Navbar.svelte";
 export { default as NavbarSeparator } from "./components/NavbarSeparator.svelte";
 export { default as NavbarElement } from "./components/NavbarElement.svelte";
 export { default as FloatingInput } from "./components/FloatingInput.svelte";
+export { default as FloatingSelect } from "./components/FloatingSelect.svelte";
 export { default as Text } from "./components/Text.svelte";
 export { default as Card } from "./components/Card.svelte";
 export { fbmBackground } from "./actions/fbm.js";

package/dist/types/FloatingSelect.d.ts

@@ -0,0 +1,10 @@
+export interface FloatingSelectProps {
+    children?: any;
+    class?: string;
+    divClass?: string;
+    optionClass?: string;
+    value?: string;
+    options: { value: string; 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.40",
+	"version": "0.1.42",
 	"description": "Component Library used across all my projects",
 	"author": "Valerius Petrini Jr.",
 	"license": "MIT",

package/dist/components/FloatingDropdown.svelte.d.ts

@@ -1,8 +0,0 @@
-declare const FloatingDropdown: import("svelte").Component<{
-    children?: any;
-    class?: string;
-    options?: any[];
-    id?: any;
-} & Record<string, any>, {}, "">;
-type FloatingDropdown = ReturnType<typeof FloatingDropdown>;
-export default FloatingDropdown;