flowbite-svelte 0.46.3 → 0.46.5

package/dist/device-mockups/Smartwatch.svelte.d.ts

@@ -2,12 +2,12 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        div?: string | undefined;
-        slot?: string | undefined;
-        rightTop?: string | undefined;
-        rightBot?: string | undefined;
-        top?: string | undefined;
-        bot?: string | undefined;
+        div?: string;
+        slot?: string;
+        rightTop?: string;
+        rightBot?: string;
+        top?: string;
+        bot?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/device-mockups/Tablet.svelte.d.ts

@@ -2,12 +2,12 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        div?: string | undefined;
-        slot?: string | undefined;
-        leftTop?: string | undefined;
-        leftMid?: string | undefined;
-        leftBot?: string | undefined;
-        right?: string | undefined;
+        div?: string;
+        slot?: string;
+        leftTop?: string;
+        leftMid?: string;
+        leftBot?: string;
+        right?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/drawer/Drawer.svelte.d.ts

@@ -3,21 +3,21 @@ import type { drawerTransitionParamTypes, drawerTransitionTypes } from '../types
 declare const __propDef: {
     props: {
         [x: string]: any;
-        activateClickOutside?: boolean | undefined;
-        hidden?: boolean | undefined;
-        position?: "fixed" | "absolute" | undefined;
-        leftOffset?: string | undefined;
-        rightOffset?: string | undefined;
-        topOffset?: string | undefined;
-        bottomOffset?: string | undefined;
-        width?: string | undefined;
-        backdrop?: boolean | undefined;
-        bgColor?: string | undefined;
-        bgOpacity?: string | undefined;
-        placement?: "bottom" | "left" | "right" | "top" | undefined;
-        id?: string | undefined;
-        divClass?: string | undefined;
-        transitionParams?: drawerTransitionParamTypes | undefined;
+        activateClickOutside?: boolean;
+        hidden?: boolean;
+        position?: "fixed" | "absolute";
+        leftOffset?: string;
+        rightOffset?: string;
+        topOffset?: string;
+        bottomOffset?: string;
+        width?: string;
+        backdrop?: boolean;
+        bgColor?: string;
+        bgOpacity?: string;
+        placement?: "left" | "right" | "top" | "bottom";
+        id?: string;
+        divClass?: string;
+        transitionParams?: drawerTransitionParamTypes;
         transitionType?: drawerTransitionTypes;
     };
     events: {

package/dist/dropdown/Dropdown.svelte.d.ts

@@ -4,40 +4,40 @@ export type DropdownType = {
 };
 declare const __propDef: {
     props: import("svelte/elements").HTMLAnchorAttributes & {
-        tag?: string | undefined;
-        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "light" | "dark" | "default" | "dropdown" | "navbar" | "navbarUl" | "form" | "primary" | "orange" | "none" | undefined;
-        rounded?: boolean | undefined;
-        border?: boolean | undefined;
-        shadow?: boolean | undefined;
+        tag?: string;
+        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "light" | "dark" | "default" | "dropdown" | "navbar" | "navbarUl" | "form" | "primary" | "orange" | "none";
+        rounded?: boolean;
+        border?: boolean;
+        shadow?: boolean;
         node?: HTMLElement | undefined;
-        use?: import("svelte/action").Action<HTMLElement, any, Record<never, any>> | undefined;
-        options?: object | undefined;
-        class?: string | undefined;
-        role?: string | undefined;
-        open?: boolean | undefined;
-        transition?: ((node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig) | undefined;
+        use?: import("svelte/action").Action<HTMLElement, any>;
+        options?: object;
+        class?: string;
+        role?: string;
+        open?: boolean;
+        transition?: (node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig;
         params?: any;
     } & {
-        activeContent?: boolean | undefined;
-        arrow?: boolean | undefined;
-        offset?: number | undefined;
-        placement?: import("@floating-ui/dom").Placement | undefined;
-        trigger?: "click" | "focus" | "hover" | undefined;
-        triggeredBy?: string | undefined;
-        reference?: string | undefined;
-        strategy?: "fixed" | "absolute" | undefined;
-        open?: boolean | undefined;
-        yOnly?: boolean | undefined;
+        activeContent?: boolean;
+        arrow?: boolean;
+        offset?: number;
+        placement?: import("@floating-ui/dom").Placement;
+        trigger?: "hover" | "click" | "focus";
+        triggeredBy?: string;
+        reference?: string;
+        strategy?: "absolute" | "fixed";
+        open?: boolean;
+        yOnly?: boolean;
     } & {
-        activeUrl?: string | undefined;
-        containerClass?: string | undefined;
-        classContainer?: string | undefined;
-        headerClass?: string | undefined;
-        classHeader?: string | undefined;
-        footerClass?: string | undefined;
-        classFooter?: string | undefined;
-        activeClass?: string | undefined;
-        classActive?: string | undefined;
+        activeUrl?: string;
+        containerClass?: string;
+        classContainer?: string;
+        headerClass?: string;
+        classHeader?: string;
+        footerClass?: string;
+        classFooter?: string;
+        activeClass?: string;
+        classActive?: string;
     };
     events: {
         show: CustomEvent<any>;

package/dist/dropdown/DropdownDivider.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string | undefined;
+        divClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/dropdown/DropdownHeader.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        divClass?: string | undefined;
-        divider?: boolean | undefined;
+        divClass?: string;
+        divider?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/dropdown/DropdownItem.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        defaultClass?: string | undefined;
+        defaultClass?: string;
         href?: string | undefined;
         activeClass?: string | undefined;
     };

package/dist/footer/Footer.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        footerType?: 'sitemap' | 'default' | 'logo' | 'socialmedia' | undefined;
+        footerType?: "sitemap" | "default" | "logo" | "socialmedia" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/footer/FooterBrand.svelte.d.ts

@@ -2,13 +2,13 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        aClass?: string | undefined;
-        spanClass?: string | undefined;
-        imgClass?: string | undefined;
-        href?: string | undefined;
-        src?: string | undefined;
-        alt?: string | undefined;
-        name?: string | undefined;
+        aClass?: string;
+        spanClass?: string;
+        imgClass?: string;
+        href?: string;
+        src?: string;
+        alt?: string;
+        name?: string;
         target?: string | undefined;
     };
     events: {

package/dist/footer/FooterCopyright.svelte.d.ts

@@ -2,13 +2,13 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        spanClass?: string | undefined;
-        aClass?: string | undefined;
-        year?: number | undefined;
-        href?: string | undefined;
-        by?: string | undefined;
+        spanClass?: string;
+        aClass?: string;
+        year?: number;
+        href?: string;
+        by?: string;
         target?: string | undefined;
-        copyrightMessage?: string | undefined;
+        copyrightMessage?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/footer/FooterIcon.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        href?: string | undefined;
-        ariaLabel?: string | undefined;
-        aClass?: string | undefined;
+        href?: string;
+        ariaLabel?: string;
+        aClass?: string;
         target?: string | undefined;
     };
     events: {

package/dist/footer/FooterLink.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        liClass?: string | undefined;
-        aClass?: string | undefined;
-        href?: string | undefined;
+        liClass?: string;
+        aClass?: string;
+        href?: string;
         target?: string | undefined;
     };
     events: {

package/dist/footer/FooterLinkGroup.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        ulClass?: string | undefined;
+        ulClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/forms/Checkbox.svelte.d.ts

@@ -3,13 +3,13 @@ import type { FormColorType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        color?: FormColorType | undefined;
-        custom?: boolean | undefined;
-        inline?: boolean | undefined;
-        group?: (string | number)[] | undefined;
-        value?: string | number | undefined;
+        color?: FormColorType;
+        custom?: boolean;
+        inline?: boolean;
+        group?: (string | number)[];
+        value?: string | number;
         checked?: boolean | undefined;
-        spacing?: string | undefined;
+        spacing?: string;
     };
     events: {
         keyup: KeyboardEvent;

package/dist/forms/CheckboxButton.svelte.d.ts

@@ -3,15 +3,15 @@ import type { ButtonColorType, SizeType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        group?: (string | number)[] | undefined;
-        value?: string | number | undefined;
+        group?: (string | number)[];
+        value?: string | number;
         checked?: boolean | undefined;
-        inline?: boolean | undefined;
-        pill?: boolean | undefined;
-        outline?: boolean | undefined;
+        inline?: boolean;
+        pill?: boolean;
+        outline?: boolean;
         size?: SizeType | undefined;
         color?: ButtonColorType | undefined;
-        shadow?: boolean | undefined;
+        shadow?: boolean;
     };
     events: {
         keyup: KeyboardEvent;

package/dist/forms/Dropzone.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        value?: string | undefined;
+        value?: string;
         files?: FileList | undefined;
-        defaultClass?: string | undefined;
+        defaultClass?: string;
     };
     events: {
         focus: FocusEvent;

package/dist/forms/Fileupload.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        value?: string | undefined;
+        value?: string;
         files?: FileList | undefined;
-        inputClass?: string | undefined;
+        inputClass?: string;
     };
     events: {
         change: Event;

package/dist/forms/FloatingLabelInput.svelte.d.ts

@@ -3,11 +3,11 @@ import type { InputType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        id?: string | undefined;
-        style?: "filled" | "outlined" | "standard" | undefined;
-        type?: InputType | undefined;
-        size?: "default" | "small" | undefined;
-        color?: "red" | "green" | "base" | undefined;
+        id?: string;
+        style?: "filled" | "outlined" | "standard";
+        type?: InputType;
+        size?: "small" | "default";
+        color?: "base" | "green" | "red";
         value?: any;
     };
     events: {

package/dist/forms/Helper.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        helperClass?: string | undefined;
-        color?: "gray" | "red" | "green" | "disabled" | undefined;
+        helperClass?: string;
+        color?: "gray" | "green" | "red" | "disabled";
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/forms/Input.svelte.d.ts

@@ -5,12 +5,12 @@ import type { InputType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        type?: InputType | undefined;
+        type?: InputType;
         value?: any;
         size?: FormSizeType | undefined;
-        defaultClass?: string | undefined;
-        color?: "red" | "green" | "base" | undefined;
-        floatClass?: string | undefined;
+        defaultClass?: string;
+        color?: "base" | "green" | "red";
+        floatClass?: string;
     };
     events: {
         blur: FocusEvent;

package/dist/forms/InputAddon.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: 'sm' | 'md' | 'lg' | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/forms/Label.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        color?: "gray" | "red" | "green" | "disabled" | undefined;
-        defaultClass?: string | undefined;
-        show?: boolean | undefined;
+        color?: "gray" | "green" | "red" | "disabled";
+        defaultClass?: string;
+        show?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/forms/MultiSelect.svelte.d.ts

@@ -3,11 +3,11 @@ import type { FormSizeType, SelectOptionType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        items?: SelectOptionType<any>[] | undefined;
-        value?: (string | number)[] | undefined;
-        size?: FormSizeType | undefined;
-        dropdownClass?: string | undefined;
-        placeholder?: string | undefined;
+        items?: SelectOptionType<any>[];
+        value?: (string | number)[];
+        size?: FormSizeType;
+        dropdownClass?: string;
+        placeholder?: string;
     };
     events: {
         input: Event;

package/dist/forms/NumberInput.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        value?: number | undefined;
+        value?: number;
     };
     events: {
         blur: FocusEvent;

package/dist/forms/Radio.svelte

@@ -26,7 +26,7 @@ let background = getContext("background");
 </script>
 
 <Label class={labelClass(inline, $$props.class)} show={$$slots.default}>
-  <input type="radio" bind:group on:blur on:change on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover on:paste {value} {...$$restProps} class={inputClass(custom, color, false, background, spacing, $$slots.default || $$props.class)} />
+  <input type="radio" bind:group={group} on:blur on:change on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover on:paste {value} {...$$restProps} class={inputClass(custom, color, false, background, spacing, $$slots.default || $$props.class)} />
   <slot />
 </Label>
 

package/dist/forms/Radio.svelte.d.ts

@@ -5,12 +5,12 @@ import type { FormColorType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        color?: FormColorType | undefined;
-        custom?: boolean | undefined;
-        inline?: boolean | undefined;
+        color?: FormColorType;
+        custom?: boolean;
+        inline?: boolean;
         group?: number | string | undefined;
-        value?: string | number | undefined;
-        spacing?: string | undefined;
+        value?: number | string;
+        spacing?: string;
     };
     events: {
         blur: FocusEvent;

package/dist/forms/RadioButton.svelte.d.ts

@@ -3,14 +3,14 @@ import type { ButtonColorType, SizeType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        group?: string | number | undefined;
-        value?: string | number | undefined;
-        inline?: boolean | undefined;
-        pill?: boolean | undefined;
-        outline?: boolean | undefined;
+        group?: string | number;
+        value?: string | number;
+        inline?: boolean;
+        pill?: boolean;
+        outline?: boolean;
         size?: SizeType | undefined;
         color?: ButtonColorType | undefined;
-        shadow?: boolean | undefined;
+        shadow?: boolean;
     };
     events: {
         keyup: KeyboardEvent;

package/dist/forms/Range.svelte.d.ts

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         value: number;
-        size?: "sm" | "lg" | "md" | undefined;
+        size?: "sm" | "md" | "lg";
     };
     events: {
         change: Event;

package/dist/forms/Search.svelte.d.ts

@@ -3,8 +3,8 @@ import type { FormSizeType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: FormSizeType | undefined;
-        placeholder?: string | undefined;
+        size?: FormSizeType;
+        placeholder?: string;
         value?: any;
     };
     events: {

package/dist/forms/Select.svelte

@@ -1,6 +1,6 @@
 <script>import { twMerge } from "tailwind-merge";
 export let items = [];
-export let value = void 0;
+export let value = "";
 export let placeholder = "Choose option ...";
 export let underline = false;
 export let size = "md";
@@ -16,7 +16,7 @@ let selectClass;
 $: selectClass = twMerge(common, underline ? underlineClass : defaultClass, sizes[size], underline && "!px-0", $$props.class);
 </script>
 
-<select {...$$restProps} bind:value class={selectClass} on:change on:contextmenu on:input>
+<select {...$$restProps} bind:value={value} class={selectClass} on:change on:contextmenu on:input>
   {#if placeholder}
     <option disabled selected={(value === undefined) ? true : undefined} value="">{placeholder}</option>
   {/if}
@@ -33,7 +33,7 @@ $: selectClass = twMerge(common, underline ? underlineClass : defaultClass, size
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
 @prop export let items: SelectOptionType<any>[] = [];
-@prop export let value: any = undefined;
+@prop export let value: any = '';
 @prop export let placeholder: string = 'Choose option ...';
 @prop export let underline: boolean = false;
 @prop export let size: 'sm' | 'md' | 'lg' = 'md';

package/dist/forms/Select.svelte.d.ts

@@ -3,13 +3,13 @@ import type { SelectOptionType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        items?: SelectOptionType<any>[] | undefined;
+        items?: SelectOptionType<any>[];
         value?: any;
-        placeholder?: string | undefined;
-        underline?: boolean | undefined;
-        size?: "sm" | "lg" | "md" | undefined;
-        defaultClass?: string | undefined;
-        underlineClass?: string | undefined;
+        placeholder?: string;
+        underline?: boolean;
+        size?: "sm" | "md" | "lg";
+        defaultClass?: string;
+        underlineClass?: string;
     };
     events: {
         change: Event;
@@ -29,7 +29,7 @@ export type SelectSlots = typeof __propDef.slots;
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
  * @prop export let items: SelectOptionType<any>[] = [];
- * @prop export let value: any = undefined;
+ * @prop export let value: any = '';
  * @prop export let placeholder: string = 'Choose option ...';
  * @prop export let underline: boolean = false;
  * @prop export let size: 'sm' | 'md' | 'lg' = 'md';

package/dist/forms/Textarea.svelte

@@ -24,7 +24,7 @@ $: innerWrapperClass = twMerge(innerWrappedClass, $$slots.footer ? "" : "rounded
     </div>
   {/if}
   <Wrapper show={wrapped} class={innerWrapperClass}>
-    <textarea bind:value on:blur on:change on:click on:contextmenu on:focus on:input on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover on:paste on:select {...$$restProps} class={textareaClass} />
+    <textarea bind:value on:blur on:change on:click on:contextmenu on:focus on:input on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover on:paste on:select {...$$restProps} class={textareaClass}></textarea>
   </Wrapper>
   {#if $$slots.footer}
     <div class={headerClass(false)}>

package/dist/forms/Textarea.svelte.d.ts

@@ -3,9 +3,9 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         value?: any;
-        wrappedClass?: string | undefined;
-        unWrappedClass?: string | undefined;
-        innerWrappedClass?: string | undefined;
+        wrappedClass?: string;
+        unWrappedClass?: string;
+        innerWrappedClass?: string;
     };
     events: {
         blur: FocusEvent;

package/dist/forms/Toggle.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        size?: "default" | "custom" | "small" | "large" | undefined;
-        group?: (string | number)[] | undefined;
-        value?: string | number | undefined;
+        size?: "small" | "default" | "large" | "custom";
+        group?: (string | number)[];
+        value?: string | number;
         checked?: boolean | undefined;
-        customSize?: string | undefined;
+        customSize?: string;
     };
     events: {
         click: MouseEvent;

package/dist/gallery/Gallery.svelte.d.ts

@@ -3,8 +3,8 @@ import type { ImgType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        items?: ImgType[] | undefined;
-        imgClass?: string | undefined;
+        items?: ImgType[];
+        imgClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;