flowbite-svelte 0.46.3 → 0.46.5

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.d.ts

@@ -1,22 +1,22 @@
 import { SvelteComponentTyped } from "svelte";
 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;
+        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, "color"> & {
-        color?: "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "primary" | "none" | undefined;
-        large?: boolean | undefined;
+        color?: "primary" | "blue" | "dark" | "red" | "green" | "yellow" | "indigo" | "purple" | "pink" | "none";
+        large?: boolean;
     };
     events: {
         close: CustomEvent<any>;

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>;

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

@@ -4,11 +4,11 @@ import Thumbnail from './Thumbnail.svelte';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        images?: HTMLImgAttributes[] | undefined;
-        index?: number | undefined;
-        ariaLabel?: string | undefined;
-        imgClass?: string | undefined;
-        throttleDelay?: number | undefined;
+        images?: HTMLImgAttributes[];
+        index?: number;
+        ariaLabel?: string;
+        imgClass?: string;
+        throttleDelay?: number;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/darkmode/DarkMode.svelte.d.ts

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

package/dist/datepicker/Datepicker.svelte.d.ts

@@ -13,13 +13,13 @@ declare module 'svelte/elements' {
 declare const __propDef: {
     props: {
         [x: string]: any;
-        range?: boolean | undefined;
-        datepickerButtons?: boolean | undefined;
-        datepickerFormat?: string | undefined;
-        datepickerOrientation?: string | undefined;
-        datepickerTitle?: string | undefined;
-        attribute?: string | undefined;
-        inputClass?: string | undefined;
+        range?: boolean;
+        datepickerButtons?: boolean;
+        datepickerFormat?: string;
+        datepickerOrientation?: string;
+        datepickerTitle?: string;
+        attribute?: string;
+        inputClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        device?: "default" | "ios" | "android" | "tablet" | "laptop" | "desktop" | "smartwatch" | undefined;
+        device?: "default" | "ios" | "android" | "tablet" | "laptop" | "desktop" | "smartwatch";
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

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

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

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