flowbite-svelte 0.46.4 → 0.46.6

package/README.md

@@ -59,7 +59,7 @@ For full documentation, visit [flowbite-svelte.com](https://flowbite-svelte.com/
   </tr>
   <tr>
     <td width="33.3333%">
-        <a href="https://flowbite-svelte.com/docs/components/button">
+        <a href="https://flowbite-svelte.com/docs/components/buttons">
             <img alt="Svelte Buttons" src="https://flowbite.s3.amazonaws.com/github/svelte/buttons.jpg">
         </a>
     </td>

package/dist/accordion/Accordion.svelte.d.ts

@@ -10,27 +10,27 @@ export interface AccordionCtxType {
 }
 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;
     } & {
-        multiple?: boolean | undefined;
-        flush?: boolean | undefined;
-        activeClass?: string | undefined;
-        inactiveClass?: string | undefined;
-        defaultClass?: string | undefined;
-        classActive?: string | undefined;
-        classInactive?: string | undefined;
+        multiple?: boolean;
+        flush?: boolean;
+        activeClass?: string;
+        inactiveClass?: string;
+        defaultClass?: string;
+        classActive?: string;
+        classInactive?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/accordion/AccordionItem.svelte.d.ts

@@ -3,20 +3,20 @@ import type { TransitionTypes, TransitionParamTypes } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        open?: boolean | undefined;
+        open?: boolean;
         activeClass?: string | undefined;
         inactiveClass?: string | undefined;
-        defaultClass?: string | undefined;
-        transitionType?: TransitionTypes | undefined;
-        transitionParams?: TransitionParamTypes | undefined;
-        paddingFlush?: string | undefined;
-        paddingDefault?: string | undefined;
-        textFlushOpen?: string | undefined;
-        textFlushDefault?: string | undefined;
-        borderClass?: string | undefined;
-        borderOpenClass?: string | undefined;
-        borderBottomClass?: string | undefined;
-        borderSharedClass?: string | undefined;
+        defaultClass?: string;
+        transitionType?: TransitionTypes;
+        transitionParams?: TransitionParamTypes;
+        paddingFlush?: string;
+        paddingDefault?: string;
+        textFlushOpen?: string;
+        textFlushDefault?: string;
+        borderClass?: string;
+        borderOpenClass?: string;
+        borderBottomClass?: string;
+        borderSharedClass?: string;
         classActive?: string | undefined;
         classInactive?: string | undefined;
     };

package/dist/alert/Alert.svelte.d.ts

@@ -1,21 +1,21 @@
 import { SvelteComponentTyped } from "svelte";
 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;
     } & import("..").Dismissable & {
-        defaultClass?: string | undefined;
+        defaultClass?: string;
     };
     events: {
         close: CustomEvent<any>;

package/dist/avatar/Avatar.svelte.d.ts

@@ -2,14 +2,14 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        src?: string | undefined;
+        src?: string;
         href?: string | undefined;
-        rounded?: boolean | undefined;
-        border?: boolean | undefined;
-        stacked?: boolean | undefined;
+        rounded?: boolean;
+        border?: boolean;
+        stacked?: boolean;
         dot?: object | undefined;
-        alt?: string | undefined;
-        size?: "none" | "xs" | "sm" | "lg" | "xl" | "md" | undefined;
+        alt?: string;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "none";
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/badge/Badge.svelte

@@ -1,16 +1,21 @@
-<script>import TransitionFrame from "../utils/TransitionFrame.svelte";
-import { createEventDispatcher } from "svelte";
+<script>import { createEventDispatcher } from "svelte";
 import { twMerge } from "tailwind-merge";
-import CloseButton from "../utils/CloseButton.svelte";
+import { CloseButton } from "..";
+import { fade } from "svelte/transition";
+const dispatcher = createEventDispatcher();
 export let color = "primary";
 export let large = false;
 export let dismissable = false;
-const dispatcher = createEventDispatcher();
+export let border = false;
+export let href = "";
+export let rounded = false;
+export let transition = fade;
+export let params = {};
+let badgeStatus = true;
 const colors = {
   primary: "bg-primary-100 text-primary-800 dark:bg-primary-900 dark:text-primary-300",
-  blue: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300",
   dark: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300",
-  gray: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300",
+  blue: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300",
   red: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300",
   green: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300",
   yellow: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300",
@@ -21,8 +26,8 @@ const colors = {
 };
 const borderedColors = {
   primary: "bg-primary-100 text-primary-800 dark:bg-gray-700 dark:text-primary-400 border-primary-400 dark:border-primary-400",
+  dark: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-400 border-gray-400 dark:border-gray-400",
   blue: "bg-blue-100 text-blue-800 dark:bg-gray-700 dark:text-blue-400 border-blue-400 dark:border-blue-400",
-  dark: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-400 border-gray-500 dark:border-gray-500",
   red: "bg-red-100 text-red-800 dark:bg-gray-700 dark:text-red-400 border-red-400 dark:border-red-400",
   green: "bg-green-100 text-green-800 dark:bg-gray-700 dark:text-green-400 border-green-400 dark:border-green-400",
   yellow: "bg-yellow-100 text-yellow-800 dark:bg-gray-700 dark:text-yellow-300 border-yellow-300 dark:border-yellow-300",
@@ -33,8 +38,8 @@ const borderedColors = {
 };
 const hoverColors = {
   primary: "hover:bg-primary-200",
-  blue: "hover:bg-blue-200",
   dark: "hover:bg-gray-200",
+  blue: "hover:bg-blue-200",
   red: "hover:bg-red-200",
   green: "hover:bg-green-200",
   yellow: "hover:bg-yellow-200",
@@ -43,40 +48,58 @@ const hoverColors = {
   pink: "hover:bg-pink-200",
   none: ""
 };
-const baseClass = "font-medium inline-flex items-center justify-center px-2.5 py-0.5";
-let badgeClass;
-$: badgeClass = twMerge(baseClass, large ? "text-sm" : "text-xs", $$restProps.border ? `border ${borderedColors[color]}` : colors[color], $$restProps.href && hoverColors[color], $$restProps.rounded ? "rounded-full" : "rounded", $$props.class);
-const closeBtnColors = {
-  primary: "text-primary-400 hover:text-primary-900 dark:hover:bg-primary-800 dark:hover:text-primary-300",
-  blue: "text-blue-400 hover:text-blue-900 dark:hover:bg-blue-800 dark:hover:text-blue-300",
-  dark: "text-gray-400 hover:text-gray-400 hover:bg-gray-600 dark:hover:text-gray-300",
-  red: "text-red-400 hover:text-red-900 dark:hover:bg-red-800 dark:hover:text-red-300",
-  green: "text-green-400 hover:text-green-900 dark:hover:bg-green-800 dark:hover:text-green-300",
-  yellow: "text-yellow-400 hover:text-yellow-900 dark:hover:bg-yellow-800 dark:hover:text-yellow-300",
-  indigo: "text-indigo-400 hover:text-indigo-900 dark:hover:bg-indigo-800 dark:hover:text-indigo-300",
-  purple: "text-purple-400 hover:text-purple-900 dark:hover:bg-purple-800 dark:hover:text-purple-300",
-  pink: "text-pink-400 hover:text-pink-900 dark:hover:bg-pink-800 dark:hover:text-pink-300",
-  none: ""
+const close = () => {
+  badgeStatus = false;
 };
+const baseClass = "font-medium inline-flex items-center justify-center px-2.5 py-0.5";
+let badgeClass = twMerge(
+  baseClass,
+  large ? "text-sm" : "text-xs",
+  border ? `border ${borderedColors[color]}` : colors[color],
+  href && hoverColors[color],
+  rounded ? "rounded-full" : "rounded",
+  $$restProps.class
+);
 </script>
 
-<TransitionFrame {dismissable} {...$$restProps} class={badgeClass} let:close on:close>
-  <slot />
-  {#if dismissable}
-    <slot name="close-button" {close}>
-      <CloseButton {color} on:click={()=>{
-         close(undefined);
-         dispatcher('close');
-      }} size={large ? 'sm' : 'xs'} name="Remove badge" class="ms-1.5 -me-1.5" />
-    </slot>
-  {/if}
-</TransitionFrame>
+{#if badgeStatus}
+  <div {...$$restProps} transition:transition={params} class={badgeClass} on:close>
+    {#if href}
+      <a {href}>
+        <slot></slot>
+      </a>
+    {:else}
+      <slot></slot>
+    {/if}
+    {#if dismissable}
+      <slot name="close-button" {close}>
+        <CloseButton
+          divclass="ms-1.5 -me-1.5"
+          {color}
+          size={large ? 'sm' : 'xs'}
+          ariaLabel="Remove badge"
+          on:click={() => {
+            badgeStatus = false;
+            dispatcher('close');
+          }}
+        />
+      </slot>
+    {/if}
+  </div>
+{/if}
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: 'primary' | 'blue' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'none' = 'primary';
-@prop export let large: boolean = false;
-@prop export let dismissable: boolean = false;
+@prop export let color: ColorVariant = 'primary'
+  export let large: boolean = false
+  export let dismissable: boolean = false
+  export let border: boolean = false
+  export let href: string = ''
+  export let rounded: boolean = false
+  export let transition = fade
+  export let params = {}
+
+  let badgeStatus: boolean = true;
 -->

package/dist/badge/Badge.svelte.d.ts

@@ -1,22 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
+import type { ColorVariant } from '../types';
+import { fade } from 'svelte/transition';
 declare const __propDef: {
-    props: Omit<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;
-        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;
-        params?: any;
-    } & import("..").Dismissable, "color"> & {
-        color?: "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "primary" | "none" | undefined;
-        large?: boolean | undefined;
+    props: {
+        [x: string]: any;
+        color?: ColorVariant;
+        large?: boolean;
+        dismissable?: boolean;
+        border?: boolean;
+        href?: string;
+        rounded?: boolean;
+        transition?: typeof fade;
+        params?: {};
     };
     events: {
         close: CustomEvent<any>;
@@ -26,7 +21,7 @@ declare const __propDef: {
     slots: {
         default: {};
         'close-button': {
-            close: (ev: MouseEvent | undefined) => void;
+            close: () => void;
         };
     };
 };
@@ -36,9 +31,16 @@ export type BadgeSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: 'primary' | 'blue' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'none' = 'primary';
- * @prop export let large: boolean = false;
- * @prop export let dismissable: boolean = false;
+ * @prop export let color: ColorVariant = 'primary'
+ * export let large: boolean = false
+ * export let dismissable: boolean = false
+ * export let border: boolean = false
+ * export let href: string = ''
+ * export let rounded: boolean = false
+ * export let transition = fade
+ * export let params = {}
+ *
+ * let badgeStatus: boolean = true;
  */
 export default class Badge extends SvelteComponentTyped<BadgeProps, BadgeEvents, BadgeSlots> {
 }

package/dist/banner/Banner.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
-        dismissable?: boolean | undefined;
-        bannerType?: "default" | "bottom" | "cta" | "signup" | "info" | undefined;
-        divClass?: string | undefined;
-        innerClass?: string | undefined;
+        position?: "static" | "fixed" | "absolute" | "relative" | "sticky";
+        dismissable?: boolean;
+        bannerType?: "default" | "bottom" | "cta" | "signup" | "info";
+        divClass?: string;
+        innerClass?: string;
     };
     events: {
         click: MouseEvent;

package/dist/bottom-navigation/BottomNav.svelte.d.ts

@@ -5,12 +5,12 @@ export type BottomNavType = {
 declare const __propDef: {
     props: {
         [x: string]: any;
-        activeUrl?: string | undefined;
-        position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
-        navType?: "default" | "border" | "application" | "group" | "pagination" | "card" | "meeting" | "video" | undefined;
-        outerClass?: string | undefined;
-        innerClass?: string | undefined;
-        activeClass?: string | undefined;
+        activeUrl?: string;
+        position?: "static" | "fixed" | "absolute" | "relative" | "sticky";
+        navType?: "default" | "border" | "application" | "pagination" | "group" | "card" | "meeting" | "video";
+        outerClass?: string;
+        innerClass?: string;
+        activeClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts

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

package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        itemName?: string | undefined;
-        active?: boolean | undefined;
-        defaultClass?: string | undefined;
-        activeClass?: string | undefined;
+        itemName?: string;
+        active?: boolean;
+        defaultClass?: string;
+        activeClass?: string;
     };
     events: {
         click: MouseEvent;

package/dist/bottom-navigation/BottomNavItem.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        btnName?: string | undefined;
-        appBtnPosition?: "left" | "middle" | "right" | undefined;
+        btnName?: string;
+        appBtnPosition?: "left" | "middle" | "right";
         activeClass?: string | undefined;
-        href?: string | undefined;
-        exact?: boolean | undefined;
+        href?: string;
+        exact?: boolean;
     };
     events: {
         click: MouseEvent;

package/dist/breadcrumb/Breadcrumb.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        solid?: boolean | undefined;
-        navClass?: string | undefined;
-        solidClass?: string | undefined;
-        olClass?: string | undefined;
-        ariaLabel?: string | undefined;
+        solid?: boolean;
+        navClass?: string;
+        solidClass?: string;
+        olClass?: string;
+        ariaLabel?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts

@@ -2,11 +2,11 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        home?: boolean | undefined;
+        home?: boolean;
         href?: string | undefined;
-        linkClass?: string | undefined;
-        spanClass?: string | undefined;
-        homeClass?: string | undefined;
+        linkClass?: string;
+        spanClass?: string;
+        homeClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/button-group/ButtonGroup.svelte.d.ts

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

package/dist/buttons/Button.svelte.d.ts

@@ -3,16 +3,16 @@ import type { HTMLButtonAttributes } from 'svelte/elements';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        pill?: boolean | undefined;
-        outline?: boolean | undefined;
-        size?: "xs" | "sm" | "lg" | "xl" | "md" | undefined;
+        pill?: boolean;
+        outline?: boolean;
+        size?: "xs" | "sm" | "md" | "lg" | "xl";
         href?: string | undefined;
-        type?: HTMLButtonAttributes['type'];
-        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative" | undefined;
-        shadow?: boolean | undefined;
-        tag?: string | undefined;
+        type?: HTMLButtonAttributes["type"];
+        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
+        shadow?: boolean;
+        tag?: string;
         checked?: boolean | undefined;
-        disabled?: boolean | undefined;
+        disabled?: boolean;
     };
     events: {
         click: MouseEvent;

package/dist/buttons/GradientButton.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        color?: "red" | "green" | "purple" | "pink" | "blue" | "teal" | "cyan" | "lime" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow" | undefined;
-        shadow?: boolean | undefined;
+        color?: "red" | "green" | "purple" | "pink" | "blue" | "teal" | "cyan" | "lime" | "purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow";
+        shadow?: boolean;
     };
     events: {
         click: MouseEvent;
@@ -20,12 +20,7 @@ declare const __propDef: {
     };
     slots: {
         default: {};
-    }; /**
-     * [Go to docs](https://flowbite-svelte.com/)
-     * ## Props
-     * @prop export let color: keyof typeof gradientClasses = 'blue';
-     * @prop export let shadow: boolean = false;
-     */
+    };
 };
 export type GradientButtonProps = typeof __propDef.props;
 export type GradientButtonEvents = typeof __propDef.events;

package/dist/cards/Card.svelte.d.ts

@@ -2,25 +2,25 @@ import { SvelteComponentTyped } from "svelte";
 import type { SizeType } from '../types';
 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;
     } & {
-        horizontal?: boolean | undefined;
-        reverse?: boolean | undefined;
-        img?: string | undefined;
-        padding?: "none" | SizeType | undefined;
-        size?: "none" | SizeType | undefined;
+        horizontal?: boolean;
+        reverse?: boolean;
+        img?: string;
+        padding?: SizeType | "none";
+        size?: SizeType | "none";
     };
     events: {
         click: MouseEvent;

package/dist/carousel/Carousel.svelte.d.ts

@@ -15,13 +15,13 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         images: HTMLImgAttributes[];
-        index?: number | undefined;
-        slideDuration?: number | undefined;
-        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | null | undefined;
-        duration?: number | undefined;
-        ariaLabel?: string | undefined;
-        disableSwipe?: boolean | undefined;
-        imgClass?: string | undefined;
+        index?: number;
+        slideDuration?: number;
+        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | null;
+        duration?: number;
+        ariaLabel?: string;
+        disableSwipe?: boolean;
+        imgClass?: string;
     };
     events: {
         change: CustomEvent<any>;

package/dist/carousel/Indicators.svelte.d.ts

@@ -3,8 +3,8 @@ import Indicator from '../indicators/Indicator.svelte';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        activeClass?: string | undefined;
-        inactiveClass?: string | undefined;
+        activeClass?: string;
+        inactiveClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/carousel/Slide.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         image: HTMLImgAttributes;
-        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | null | undefined;
+        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | null;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/carousel/Thumbnail.svelte.d.ts

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