odj-svelte-ui 0.4.4 → 0.4.5

package/README.md

@@ -35,8 +35,9 @@ This is a fork from [Flowbite for Svelte 5 with Runes](https://svelte-5-ui-lib.c
 - `SidebarButton` has been removed. Please use the `Drawer` component to maintain the old sidebar behaviour;
 - `Card` can be a button now adding `clickable` prop;
 - `Accordion` has a new design and 4 options to the new prop `accordionStyle`: `none`, `flush`, `outlined` and `cards`;
-- New `MultiSelect` input.
+- New `MultiSelect` input;
 - `Table` can be rounded with `rounded` prop.
+- Change the placeholder value for `Select`.
 
 ## Installation
 

package/dist/forms/select/Select.svelte

@@ -1,14 +1,14 @@
 <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...", placeholderValue = undefined, ...restProps }: Props<T> = $props();
 
   const selectStyle = $derived(selectCls({ underline, size, className }));
 </script>
 
 <select {...restProps} bind:value class={selectStyle}>
   {#if placeholder}
-    <option disabled selected value={undefined}>{placeholder}</option>
+    <option disabled selected value={placeholderValue}>{placeholder}</option>
   {/if}
 
   {#if items}

package/dist/forms/select/type.d.ts

@@ -12,6 +12,7 @@ interface SelectProps<T> extends Omit<HTMLSelectAttributes, "size"> {
     underline?: boolean;
     size?: SelectSize;
     placeholder?: string;
+    placeholderValue?: any;
 }
 interface MultiSelectProps<T> extends MultiSelectParameters {
     outerDivClass?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "odj-svelte-ui",
   "author": "orbitadajogatina",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "This is a fork from Flowbite Svelte 5 with Runes. I just made some changes that fits better my taste.",
   "license": "MIT",
   "main": "dist/index.js",