flowbite-svelte - npm Package Compare versions

Comparing version 0.46.19 to 0.46.20

dist/charts/Chart.svelte.d.ts

@@ -5,5 +5,4 @@ import { SvelteComponentTyped } from "svelte";
     props: {
-        [x: string]: any;
         options: ApexOptions;
-        chart: ApexCharts | undefined;
+        class?: string;
     };
@@ -22,3 +21,2 @@ events: {
  * @prop export let options: ApexOptions;
- * @prop export let chart: ApexCharts | undefined;
  */
@@ -25,0 +23,0 @@ export default class Chart extends SvelteComponentTyped<ChartProps, ChartEvents, ChartSlots> {

dist/dropdown/Dropdown.svelte.d.ts

@@ -8,20 +8,44 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        activeUrl?: string | undefined;
-        open?: boolean | 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;
-        arrow?: boolean | undefined;
-        trigger?: ("hover" | "click" | "focus") | undefined;
-        placement?: Placement | undefined;
-        color?: FrameColor | undefined;
-        shadow?: boolean | undefined;
-        rounded?: boolean | undefined;
+    props: import("svelte/elements").HTMLAnchorAttributes & {
+        tag?: string;
+        color?: FrameColor;
+        rounded?: boolean;
+        border?: boolean;
+        shadow?: boolean;
+        node?: HTMLElement | 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;
+        arrow?: boolean;
+        offset?: number;
+        placement?: Placement;
+        trigger?: "hover" | "click" | "focus";
+        triggeredBy?: string;
+        reference?: string;
+        strategy?: "absolute" | "fixed";
+        open?: boolean;
+        yOnly?: boolean;
+    } & {
+        activeUrl?: string;
+        open?: boolean;
+        containerClass?: string;
+        classContainer?: string;
+        headerClass?: string;
+        classHeader?: string;
+        footerClass?: string;
+        classFooter?: string;
+        activeClass?: string;
+        classActive?: string;
+        arrow?: boolean;
+        trigger?: "hover" | "click" | "focus";
+        placement?: Placement;
+        color?: FrameColor;
+        shadow?: boolean;
+        rounded?: boolean;
     };
@@ -45,18 +69,18 @@ events: {
  * ## Props
- * @prop export let activeUrl: string = '';
- * @prop export let open: boolean = false;
- * @prop export let containerClass: string = 'divide-y z-50';
- * @prop export let classContainer: string | undefined = undefined;
- * @prop export let headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
- * @prop export let classHeader: string | undefined = undefined;
- * @prop export let footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
- * @prop export let classFooter: string | undefined = undefined;
- * @prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
- * @prop export let classActive: string | undefined = undefined;
- * @prop export let arrow: boolean = false;
- * @prop export let trigger: 'hover' | 'click' | 'focus' = 'click';
- * @prop export let placement: Placement = 'bottom';
- * @prop export let color: FrameColor = 'dropdown';
- * @prop export let shadow: boolean = true;
- * @prop export let rounded: boolean = true;
+ * @prop export let activeUrl: $$Props['activeUrl'] = undefined;
+ * @prop export let open: $$Props['open'] = false;
+ * @prop export let containerClass: $$Props['containerClass'] = 'divide-y z-50';
+ * @prop export let classContainer: $$Props['classContainer'] = undefined;
+ * @prop export let headerClass: $$Props['headerClass'] = 'py-1 overflow-hidden rounded-t-lg';
+ * @prop export let classHeader: $$Props['classHeader'] = undefined;
+ * @prop export let footerClass: $$Props['footerClass'] = 'py-1 overflow-hidden rounded-b-lg';
+ * @prop export let classFooter: $$Props['classFooter'] = undefined;
+ * @prop export let activeClass: $$Props['activeClass'] = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
+ * @prop export let classActive: $$Props['classActive'] = undefined;
+ * @prop export let arrow: $$Props['arrow'] = false;
+ * @prop export let trigger: $$Props['trigger'] = 'click';
+ * @prop export let placement: $$Props['placement'] = 'bottom';
+ * @prop export let color: $$Props['color'] = 'dropdown';
+ * @prop export let shadow: $$Props['shadow'] = true;
+ * @prop export let rounded: $$Props['rounded'] = true;
  */
@@ -63,0 +87,0 @@ export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {

dist/dropdown/DropdownDivider.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        divClass?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        divClass?: string;
     };
@@ -18,3 +18,3 @@ events: {
  * ## Props
- * @prop export let divClass: string = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
+ * @prop export let divClass: $$Props['divClass'] = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
  */
@@ -21,0 +21,0 @@ export default class DropdownDivider extends SvelteComponentTyped<DropdownDividerProps, DropdownDividerEvents, DropdownDividerSlots> {

dist/dropdown/DropdownHeader.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        divClass?: string | undefined;
-        divider?: boolean | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        divClass?: string;
+        divider?: boolean;
     };
@@ -21,4 +21,4 @@ events: {
  * ## Props
- * @prop export let divClass: string = 'py-2 px-4 text-gray-700 dark:text-white';
- * @prop export let divider: boolean = true;
+ * @prop export let divClass: $$Props['divClass'] = 'py-2 px-4 text-gray-700 dark:text-white';
+ * @prop export let divider: $$Props['divider'] = true;
  */
@@ -25,0 +25,0 @@ export default class DropdownHeader extends SvelteComponentTyped<DropdownHeaderProps, DropdownHeaderEvents, DropdownHeaderSlots> {

dist/dropdown/DropdownItem.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        defaultClass?: string | undefined;
-        href?: string | undefined;
-        activeClass?: string | undefined;
+    props: HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+        defaultClass?: string;
+        href?: string;
+        activeClass?: string;
     };
@@ -31,5 +31,5 @@ events: {
  * ## Props
- * @prop export let defaultClass: string = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
- * @prop export let href: string | undefined = undefined;
- * @prop export let activeClass: string | undefined = undefined;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
+ * @prop export let href: $$Props['href'] = undefined;
+ * @prop export let activeClass: $$Props['activeClass'] = undefined;
  * @prop export let active: boolean = false;
@@ -36,0 +36,0 @@ */

dist/footer/Footer.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        footerType?: "sitemap" | "default" | "logo" | "socialmedia" | undefined;
+    props: HTMLAttributes<HTMLElement> & {
+        footerType?: "sitemap" | "default" | "logo" | "socialmedia";
     };
@@ -20,3 +20,3 @@ events: {
  * ## Props
- * @prop export let footerType: 'sitemap' | 'default' | 'logo' | 'socialmedia' | undefined = undefined;
+ * @prop export let footerType: $$Props['footerType'] = undefined;
  */
@@ -23,0 +23,0 @@ export default class Footer extends SvelteComponentTyped<FooterProps, FooterEvents, FooterSlots> {

dist/footer/FooterBrand.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 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;
-        target?: string | undefined;
+    props: HTMLAnchorAttributes & {
+        aClass?: string;
+        spanClass?: string;
+        imgClass?: string;
+        href?: string;
+        src?: string;
+        alt?: string;
+        name?: string;
+        target?: string;
     };
@@ -27,10 +27,10 @@ events: {
  * ## Props
- * @prop export let aClass: string = 'flex items-center';
- * @prop export let spanClass: string = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
- * @prop export let imgClass: string = 'me-3 h-8';
- * @prop export let href: string = '';
- * @prop export let src: string = '';
- * @prop export let alt: string = '';
- * @prop export let name: string = '';
- * @prop export let target: string | undefined = undefined;
+ * @prop export let aClass: $$Props['aClass'] = 'flex items-center';
+ * @prop export let spanClass: $$Props['spanClass'] = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
+ * @prop export let imgClass: $$Props['imgClass'] = 'me-3 h-8';
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let src: $$Props['src'] = '';
+ * @prop export let alt: $$Props['alt'] = '';
+ * @prop export let name: $$Props['name'] = '';
+ * @prop export let target: $$Props['target'] = '';
  */
@@ -37,0 +37,0 @@ export default class FooterBrand extends SvelteComponentTyped<FooterBrandProps, FooterBrandEvents, FooterBrandSlots> {

dist/footer/FooterCopyright.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        spanClass?: string | undefined;
-        aClass?: string | undefined;
-        year?: number | undefined;
-        href?: string | undefined;
-        by?: string | undefined;
-        target?: string | undefined;
-        copyrightMessage?: string | undefined;
+    props: HTMLAnchorAttributes & {
+        classSpan?: string;
+        aClass?: string;
+        year?: number;
+        by?: string;
+        href?: string;
+        target?: string;
+        copyrightMessage?: string;
     };
@@ -24,9 +24,9 @@ events: {
  * ## Props
- * @prop export let spanClass: string = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
- * @prop export let aClass: string = 'hover:underline';
- * @prop export let year: number = new Date().getFullYear();
- * @prop export let href: string = '';
- * @prop export let by: string = '';
- * @prop export let target: string | undefined = undefined;
- * @prop export let copyrightMessage: string = 'All Rights Reserved.';
+ * @prop export let spanClass: $$Props['classSpan'] = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
+ * @prop export let aClass: $$Props['aClass'] = 'hover:underline';
+ * @prop export let year: $$Props['year'] = new Date().getFullYear();
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let by: $$Props['by'] = '';
+ * @prop export let target: $$Props['target'] = undefined;
+ * @prop export let copyrightMessage: $$Props['copyrightMessage'] = 'All Rights Reserved.';
  */
@@ -33,0 +33,0 @@ export default class FooterCopyright extends SvelteComponentTyped<FooterCopyrightProps, FooterCopyrightEvents, FooterCopyrightSlots> {

dist/footer/FooterIcon.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        href?: string | undefined;
-        ariaLabel?: string | undefined;
-        aClass?: string | undefined;
-        target?: string | undefined;
+    props: HTMLAnchorAttributes & {
+        href?: string;
+        ariaLabel?: string;
+        aClass?: string;
+        target?: string;
     };
@@ -23,6 +23,6 @@ events: {
  * ## Props
- * @prop export let href: string = '';
- * @prop export let ariaLabel: string = '';
- * @prop export let aClass: string = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
- * @prop export let target: string | undefined = undefined;
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let ariaLabel: $$Props['ariaLabel'] = '';
+ * @prop export let aClass: $$Props['aClass'] = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
+ * @prop export let target: $$Props['target'] = undefined;
  */
@@ -29,0 +29,0 @@ export default class FooterIcon extends SvelteComponentTyped<FooterIconProps, FooterIconEvents, FooterIconSlots> {

dist/footer/FooterLink.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        liClass?: string | undefined;
-        aClass?: string | undefined;
-        href?: string | undefined;
-        target?: string | undefined;
+    props: HTMLAnchorAttributes & {
+        liClass?: string;
+        aClass?: string;
+        href?: string;
+        target?: string;
     };
@@ -23,6 +23,6 @@ events: {
  * ## Props
- * @prop export let liClass: string = 'me-4 last:me-0 md:me-6';
- * @prop export let aClass: string = 'hover:underline';
- * @prop export let href: string = '';
- * @prop export let target: string | undefined = undefined;
+ * @prop export let liClass: $$Props['liClass'] = 'me-4 last:me-0 md:me-6';
+ * @prop export let aClass: $$Props['aClass'] = 'hover:underline';
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let target: $$Props['target'] = undefined;
  */
@@ -29,0 +29,0 @@ export default class FooterLink extends SvelteComponentTyped<FooterLinkProps, FooterLinkEvents, FooterLinkSlots> {

dist/footer/FooterLinkGroup.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        ulClass?: string | undefined;
+    props: HTMLAttributes<HTMLUListElement> & {
+        ulClass?: string;
     };
@@ -20,3 +20,3 @@ events: {
  * ## Props
- * @prop export let ulClass: string = 'text-gray-600 dark:text-gray-400';
+ * @prop export let ulClass: $$Props['ulClass'] = 'text-gray-600 dark:text-gray-400';
  */
@@ -23,0 +23,0 @@ export default class FooterLinkGroup extends SvelteComponentTyped<FooterLinkGroupProps, FooterLinkGroupEvents, FooterLinkGroupSlots> {

dist/forms/CheckboxButton.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { ButtonColorType, SizeType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        group?: (string | number)[] | undefined;
-        value?: (string | number) | undefined;
-        checked?: boolean | undefined;
-        inline?: boolean | undefined;
-        pill?: boolean | undefined;
-        outline?: boolean | undefined;
+    props: import("svelte/elements").HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+        pill?: boolean;
+        outline?: boolean;
+        size?: "xs" | "sm" | "md" | "lg" | "xl";
+        href?: string;
+        type?: import("svelte/elements").HTMLButtonAttributes["type"];
+        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
+        shadow?: boolean;
+        tag?: string;
+        checked?: boolean;
+        disabled?: boolean;
+        target?: string;
+        rel?: string;
+        name?: string;
+    } & {
+        group: (string | number)[];
+        value: string | number;
+        checked?: boolean;
+        inline?: boolean;
+        pill?: boolean;
+        outline?: boolean;
         size?: SizeType | undefined;
         color?: ButtonColorType | undefined;
-        shadow?: boolean | undefined;
+        shadow?: boolean;
     };
@@ -41,11 +54,11 @@ events: {
  * ## Props
- * @prop export let group: (string | number)[] = [];
- * @prop export let value: string | number = 'on';
- * @prop export let checked: boolean | undefined = undefined;
- * @prop export let inline: boolean = true;
- * @prop export let pill: boolean = false;
- * @prop export let outline: boolean = false;
- * @prop export let size: SizeType | undefined = undefined;
- * @prop export let color: ButtonColorType | undefined = undefined;
- * @prop export let shadow: boolean = false;
+ * @prop export let group: $$Props['group'] = [];
+ * @prop export let value: $$Props['value'] = 'on';
+ * @prop export let checked: $$Props['checked'] = undefined;
+ * @prop export let inline: $$Props['inline'] = true;
+ * @prop export let pill: $$Props['pill'] = false;
+ * @prop export let outline: $$Props['outline'] = false;
+ * @prop export let size: $$Props['size'] = undefined;
+ * @prop export let color: $$Props['color'] = undefined;
+ * @prop export let shadow: $$Props['shadow'] = false;
  */
@@ -52,0 +65,0 @@ export default class CheckboxButton extends SvelteComponentTyped<CheckboxButtonProps, CheckboxButtonEvents, CheckboxButtonSlots> {

dist/forms/Dropzone.svelte.d.ts

@@ -35,7 +35,7 @@ import { SvelteComponentTyped } from "svelte";
  * ## Props
- * @prop export let value: string = '';
- * @prop export let files: FileList | undefined = undefined;
- * @prop export let defaultClass: string = 'flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600';
+ * @prop export let value: $$Props['value'] = '';
+ * @prop export let files: $$Props['files'] = undefined;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600';
  */
 export default class Dropzone extends SvelteComponentTyped<DropzoneProps_, DropzoneEvents, DropzoneSlots> {
 }

dist/forms/Fileupload.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value?: string | undefined;
-        files?: FileList | undefined;
-        inputClass?: string | undefined;
+    props: Omit<import("svelte/elements").HTMLInputAttributes, "size"> & {
+        type?: import("..").InputType;
+        value?: any;
+        size?: import("..").FormSizeType;
+        clearable?: boolean;
+        defaultClass?: string;
+        color?: "base" | "green" | "red";
+        floatClass?: string;
+    } & {
+        value: string;
+        files: FileList | undefined;
+        inputClass?: string;
     };
@@ -32,5 +39,5 @@ events: {
  * ## Props
- * @prop export let value: string = '';
- * @prop export let files: FileList | undefined = undefined;
- * @prop export let inputClass: string = 'border !p-0 dark:text-gray-400';
+ * @prop export let value: $$Props['value'] = '';
+ * @prop export let files: $$Props['files'] = undefined;
+ * @prop export let inputClass: $$Props['inputClass'] = 'border !p-0 dark:text-gray-400';
  */
@@ -37,0 +44,0 @@ export default class Fileupload extends SvelteComponentTyped<FileuploadProps, FileuploadEvents, FileuploadSlots> {

dist/forms/FloatingLabelInput.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { InputType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        id?: string | undefined;
-        style?: ("filled" | "outlined" | "standard") | undefined;
-        type?: InputType | undefined;
-        size?: ("small" | "default") | undefined;
-        color?: ("base" | "green" | "red") | undefined;
+    props: Omit<HTMLInputAttributes, "size"> & {
+        id?: string;
+        style?: "filled" | "outlined" | "standard";
+        type?: InputType;
+        size?: "small" | "default";
+        color?: "base" | "green" | "red";
         value?: any;
@@ -39,8 +39,8 @@ };
  * ## Props
- * @prop export let id: string = generateId();
- * @prop export let style: 'filled' | 'outlined' | 'standard' = 'standard';
- * @prop export let type: InputType = 'text';
- * @prop export let size: 'small' | 'default' = 'default';
- * @prop export let color: 'base' | 'green' | 'red' = 'base';
- * @prop export let value: any = undefined;
+ * @prop export let id: $$Props['id'] = generateId();
+ * @prop export let style: NonNullable<$$Props['style']> = 'standard';
+ * @prop export let type: NonNullable<$$Props['type']> = 'text';
+ * @prop export let size: NonNullable<$$Props['size']> = 'default';
+ * @prop export let color: NonNullable<$$Props['color']> = 'base';
+ * @prop export let value: $$Props['value'] = undefined;
  */
@@ -47,0 +47,0 @@ export default class FloatingLabelInput extends SvelteComponentTyped<FloatingLabelInputProps, FloatingLabelInputEvents, FloatingLabelInputSlots> {

dist/forms/Helper.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        helperClass?: string | undefined;
-        color?: ("gray" | "green" | "red" | "disabled") | undefined;
+    props: HTMLAttributes<HTMLParagraphElement> & {
+        helperClass?: string;
+        color?: "gray" | "green" | "red" | "disabled";
     };
@@ -21,4 +21,4 @@ events: {
  * ## Props
- * @prop export let helperClass: string = 'text-xs font-normal text-gray-500 dark:text-gray-300';
- * @prop export let color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
+ * @prop export let helperClass: $$Props['helperClass'] = 'text-xs font-normal text-gray-500 dark:text-gray-300';
+ * @prop export let color: NonNullable<$$Props['color']> = 'gray';
  */
@@ -25,0 +25,0 @@ export default class Helper extends SvelteComponentTyped<HelperProps, HelperEvents, HelperSlots> {

dist/forms/Input.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { SizeType, FormSizeType } from '../types';
 export declare function clampSize(s: SizeType): "sm" | "lg" | "md";
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { InputType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        type?: InputType | undefined;
+    props: Omit<HTMLInputAttributes, "size"> & {
+        type?: InputType;
         value?: any;
-        size?: FormSizeType | undefined;
-        clearable?: boolean | undefined;
-        defaultClass?: string | undefined;
-        color?: ("base" | "green" | "red") | undefined;
-        floatClass?: string | undefined;
+        size?: FormSizeType;
+        clearable?: boolean;
+        defaultClass?: string;
+        color?: "base" | "green" | "red";
+        floatClass?: string;
     };
@@ -49,9 +49,9 @@ events: {
  * ## Props
- * @prop export let type: InputType = 'text';
- * @prop export let value: any = undefined;
- * @prop export let size: FormSizeType | undefined = undefined;
- * @prop export let clearable = false;
- * @prop export let defaultClass: string = 'block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right';
- * @prop export let color: 'base' | 'green' | 'red' = 'base';
- * @prop export let floatClass: string = 'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400';
+ * @prop export let type: $$Props['type'] = 'text';
+ * @prop export let value: $$Props['value'] = undefined;
+ * @prop export let size: $$Props['size'] = undefined;
+ * @prop export let clearable: $$Props['clearable'] = false;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right';
+ * @prop export let color: NonNullable<$$Props['color']> = 'base';
+ * @prop export let floatClass: $$Props['floatClass'] = 'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400';
  */
@@ -58,0 +58,0 @@ export default class Input extends SvelteComponentTyped<InputProps, InputEvents, InputSlots> {

dist/forms/InputAddon.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        size?: "sm" | "md" | "lg" | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        size?: "sm" | "md" | "lg";
     };
@@ -20,3 +20,3 @@ events: {
  * ## Props
- * @prop export let size: 'sm' | 'md' | 'lg' | undefined = undefined;
+ * @prop export let size: $$Props['size'] = undefined;
  */
@@ -23,0 +23,0 @@ export default class InputAddon extends SvelteComponentTyped<InputAddonProps, InputAddonEvents, InputAddonSlots> {

dist/forms/Label.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLLabelAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: ("gray" | "green" | "red" | "disabled") | undefined;
-        defaultClass?: string | undefined;
-        show?: boolean | undefined;
+    props: HTMLLabelAttributes & {
+        color?: "gray" | "green" | "red" | "disabled";
+        defaultClass?: string;
+        show?: boolean;
     };
@@ -22,5 +22,5 @@ events: {
  * ## Props
- * @prop export let color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
- * @prop export let defaultClass: string = 'text-sm rtl:text-right font-medium block';
- * @prop export let show: boolean = true;
+ * @prop export let color: NonNullable<$$Props['color']> = 'gray';
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'text-sm rtl:text-right font-medium block';
+ * @prop export let show: $$Props['show'] = true;
  */
@@ -27,0 +27,0 @@ export default class Label extends SvelteComponentTyped<LabelProps, LabelEvents, LabelSlots> {

dist/forms/MultiSelect.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLSelectAttributes } from 'svelte/elements';
 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;
-        disabled?: boolean | undefined;
+    props: Omit<HTMLSelectAttributes, "size"> & {
+        items?: SelectOptionType<any>[];
+        value?: (string | number)[];
+        size?: FormSizeType;
+        dropdownClass?: string;
+        placeholder?: string;
+        disabled?: boolean;
     };
@@ -33,8 +33,8 @@ events: {
  * ## Props
- * @prop export let items: SelectOptionType<any>[] = [];
- * @prop export let value: (string | number)[] = [];
- * @prop export let size: FormSizeType = 'md';
- * @prop export let dropdownClass: string = '';
- * @prop export let placeholder: string = '';
- * @prop export let disabled: boolean = false;
+ * @prop export let items: NonNullable<$$Props['items']> = [];
+ * @prop export let value: NonNullable<$$Props['value']> = [];
+ * @prop export let size: NonNullable<$$Props['size']> = 'md';
+ * @prop export let dropdownClass: $$Props['dropdownClass'] = '';
+ * @prop export let placeholder: $$Props['placeholder'] = '';
+ * @prop export let disabled: $$Props['disabled'] = false;
  */
@@ -41,0 +41,0 @@ export default class MultiSelect extends SvelteComponentTyped<MultiSelectProps, MultiSelectEvents, MultiSelectSlots> {

dist/forms/NumberInput.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value?: number | undefined;
+    props: Omit<import("svelte/elements").HTMLInputAttributes, "size"> & {
+        type?: import("..").InputType;
+        value?: any;
+        size?: import("..").FormSizeType;
+        clearable?: boolean;
+        defaultClass?: string;
+        color?: "base" | "green" | "red";
+        floatClass?: string;
+    } & {
+        value?: number;
     };
@@ -32,3 +39,3 @@ events: {
  * ## Props
- * @prop export let value: number = 0;
+ * @prop export let value: $$Props['value'] = 0;
  */
@@ -35,0 +42,0 @@ export default class NumberInput extends SvelteComponentTyped<NumberInputProps, NumberInputEvents, NumberInputSlots> {

dist/forms/Radio.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 export declare const labelClass: (inline: boolean, extraClass: string) => string;
 export declare const inputClass: (custom: boolean, color: FormColorType, rounded: boolean, tinted: boolean, spacing: string, extraClass: string) => string;
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { FormColorType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: FormColorType | undefined;
-        custom?: boolean | undefined;
-        inline?: boolean | undefined;
+    props: HTMLInputAttributes & {
+        color?: FormColorType;
+        custom?: boolean;
+        inline?: boolean;
         group?: number | string | undefined;
-        value?: (number | string) | undefined;
-        spacing?: string | undefined;
-        checked?: boolean | undefined;
+        value?: number | string;
+        spacing?: string;
+        checked?: boolean;
     };
@@ -41,9 +41,9 @@ events: {
  * ## Props
- * @prop export let color: FormColorType = 'primary';
- * @prop export let custom: boolean = false;
- * @prop export let inline: boolean = false;
- * @prop export let group: number | string | undefined = undefined;
- * @prop export let value: number | string = '';
- * @prop export let spacing: string = $$slots.default ? 'me-2' : '';
- * @prop export let checked: boolean = false;
+ * @prop export let color: NonNullable<$$Props['color']> = 'primary';
+ * @prop export let custom: NonNullable<$$Props['custom']> = false;
+ * @prop export let inline: NonNullable<$$Props['inline']> = false;
+ * @prop export let group: $$Props['group'] = undefined;
+ * @prop export let value: $$Props['value'] = '';
+ * @prop export let spacing: NonNullable<$$Props['spacing']> = $$slots.default ? 'me-2' : '';
+ * @prop export let checked: $$Props['checked'] = false;
  */
@@ -50,0 +50,0 @@ export default class Radio extends SvelteComponentTyped<RadioProps, RadioEvents, RadioSlots> {

dist/forms/RadioButton.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 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;
+    props: Omit<HTMLInputAttributes, "size"> & {
+        group: string | number;
+        value: string | number;
+        inline?: boolean;
+        pill?: boolean;
+        outline?: boolean;
         size?: SizeType | undefined;
         color?: ButtonColorType | undefined;
-        shadow?: boolean | undefined;
+        shadow?: boolean;
     };
@@ -40,10 +40,10 @@ events: {
  * ## Props
- * @prop export let group: string | number = '';
- * @prop export let value: string | number = '';
- * @prop export let inline: boolean = true;
- * @prop export let pill: boolean = false;
- * @prop export let outline: boolean = false;
- * @prop export let size: SizeType | undefined = undefined;
- * @prop export let color: ButtonColorType | undefined = undefined;
- * @prop export let shadow: boolean = false;
+ * @prop export let group: $$Props['group'] = '';
+ * @prop export let value: $$Props['value'] = '';
+ * @prop export let inline: $$Props['inline'] = true;
+ * @prop export let pill: $$Props['pill'] = false;
+ * @prop export let outline: $$Props['outline'] = false;
+ * @prop export let size: $$Props['size'] = undefined;
+ * @prop export let color: $$Props['color'] = undefined;
+ * @prop export let shadow: $$Props['shadow'] = false;
  */
@@ -50,0 +50,0 @@ export default class RadioButton extends SvelteComponentTyped<RadioButtonProps, RadioButtonEvents, RadioButtonSlots> {

dist/forms/Range.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value: number;
-        size?: ("sm" | "md" | "lg") | undefined;
+    props: Omit<HTMLInputAttributes, "size"> & {
+        value?: number;
+        size?: "sm" | "md" | "lg";
     };
@@ -25,4 +25,4 @@ events: {
  * ## Props
- * @prop export let value: number;
- * @prop export let size: 'sm' | 'md' | 'lg' = 'md';
+ * @prop export let value: $$Props['value'] = 0;
+ * @prop export let size: NonNullable<$$Props['size']> = 'md';
  */
@@ -29,0 +29,0 @@ export default class Range extends SvelteComponentTyped<RangeProps, RangeEvents, RangeSlots> {

dist/forms/Search.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 import type { FormSizeType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        size?: FormSizeType | undefined;
-        placeholder?: string | undefined;
+    props: Omit<import("svelte/elements").HTMLInputAttributes, "size"> & {
+        type?: import("../types").InputType;
         value?: any;
+        size?: FormSizeType;
+        clearable?: boolean;
+        defaultClass?: string;
+        color?: "base" | "green" | "red";
+        floatClass?: string;
+    } & {
+        size?: FormSizeType;
+        placeholder?: string;
+        value?: any;
     };
@@ -36,5 +43,5 @@ events: {
  * ## Props
- * @prop export let size: FormSizeType = 'lg';
- * @prop export let placeholder: string = 'Search';
- * @prop export let value: any = undefined;
+ * @prop export let size: NonNullable<$$Props['size']> = 'lg';
+ * @prop export let placeholder: $$Props['placeholder'] = 'Search';
+ * @prop export let value: $$Props['value'] = undefined;
  */
@@ -41,0 +48,0 @@ export default class Search extends SvelteComponentTyped<SearchProps, SearchEvents, SearchSlots> {

dist/forms/Select.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLSelectAttributes } from 'svelte/elements';
 import type { SelectOptionType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        items?: SelectOptionType<any>[] | undefined;
-        value?: any;
-        placeholder?: string | undefined;
-        underline?: boolean | undefined;
-        size?: ("sm" | "md" | "lg") | undefined;
-        defaultClass?: string | undefined;
-        underlineClass?: string | undefined;
+    props: Omit<HTMLSelectAttributes, "size"> & {
+        items: SelectOptionType<any>[];
+        value: any;
+        placeholder?: string;
+        underline?: boolean;
+        size?: "sm" | "md" | "lg";
+        defaultClass?: string;
+        underlineClass?: string;
     };
@@ -31,9 +31,9 @@ events: {
  * ## Props
- * @prop export let items: SelectOptionType<any>[] = [];
- * @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';
- * @prop export let defaultClass: string = 'text-gray-900 disabled:text-gray-400 bg-gray-50 border border-gray-300 rounded-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
- * @prop export let underlineClass: string = 'text-gray-500 disabled:text-gray-400 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:disabled:text-gray-500 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer';
+ * @prop export let items: $$Props['items'] = [];
+ * @prop export let value: $$Props['value'] = '';
+ * @prop export let placeholder: $$Props['placeholder'] = 'Choose option ...';
+ * @prop export let underline: $$Props['underline'] = false;
+ * @prop export let size: NonNullable<$$Props['size']> = 'md';
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'text-gray-900 disabled:text-gray-400 bg-gray-50 border border-gray-300 rounded-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
+ * @prop export let underlineClass: $$Props['underlineClass'] = 'text-gray-500 disabled:text-gray-400 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:disabled:text-gray-500 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer';
  */
@@ -40,0 +40,0 @@ export default class Select extends SvelteComponentTyped<SelectProps, SelectEvents, SelectSlots> {

dist/forms/Textarea.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLTextareaAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
+    props: HTMLTextareaAttributes & {
         value?: any;
-        wrappedClass?: string | undefined;
-        unWrappedClass?: string | undefined;
-        innerWrappedClass?: string | undefined;
-        headerClass?: string | undefined;
-        footerClass?: string | undefined;
+        wrappedClass?: string;
+        unWrappedClass?: string;
+        innerWrappedClass?: string;
+        headerClass?: string;
+        footerClass?: string;
     };
@@ -41,8 +41,8 @@ events: {
  * ## Props
- * @prop export let value: any = undefined;
- * @prop export let wrappedClass: string = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50';
- * @prop export let unWrappedClass: string = 'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50';
- * @prop export let innerWrappedClass: string = 'py-2 px-4 bg-white dark:bg-gray-800';
- * @prop export let headerClass: string = ''
- * export let footerClass: string = '';
+ * @prop export let value: $$Props['value'] = undefined;
+ * @prop export let wrappedClass: $$Props['wrappedClass'] = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50';
+ * @prop export let unWrappedClass: $$Props['unWrappedClass'] = 'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50';
+ * @prop export let innerWrappedClass: $$Props['innerWrappedClass'] = 'py-2 px-4 bg-white dark:bg-gray-800';
+ * @prop export let headerClass: $$Props['headerClass'] = ''
+ * export let footerClass: $$Props['footerClass'] = '';
  */
@@ -49,0 +49,0 @@ export default class Textarea extends SvelteComponentTyped<TextareaProps, TextareaEvents, TextareaSlots> {

dist/gallery/Gallery.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 import type { ImgType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        items?: ImgType[] | undefined;
-        imgClass?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        items: ImgType[];
+        imgClass?: string;
     };
@@ -24,4 +24,4 @@ events: {
  * ## Props
- * @prop export let items: ImgType[] = [];
- * @prop export let imgClass: string = 'h-auto max-w-full rounded-lg';
+ * @prop export let items: $$Props['items'] = [];
+ * @prop export let imgClass: $$Props['imgClass'] = 'h-auto max-w-full rounded-lg';
  */
@@ -28,0 +28,0 @@ export default class Gallery extends SvelteComponentTyped<GalleryProps, GalleryEvents, GallerySlots> {

dist/indicators/Indicator.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 import type { IndicatorPlacementType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: ("gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "blue" | "dark" | "orange" | "none" | "teal") | undefined;
-        rounded?: boolean | undefined;
-        size?: ("xs" | "sm" | "md" | "lg" | "xl") | undefined;
-        border?: boolean | undefined;
-        placement?: IndicatorPlacementType | undefined;
-        offset?: boolean | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "blue" | "dark" | "orange" | "none" | "teal";
+        rounded?: boolean;
+        size?: "xs" | "sm" | "md" | "lg" | "xl";
+        border?: boolean;
+        placement?: IndicatorPlacementType;
+        offset?: boolean;
     };
@@ -26,8 +26,8 @@ events: {
  * ## Props
- * @prop export let color: IndicatorColorType = 'gray';
- * @prop export let rounded: boolean = false;
- * @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
- * @prop export let border: boolean = false;
- * @prop export let placement: IndicatorPlacementType | undefined = undefined;
- * @prop export let offset: boolean = true;
+ * @prop export let color: NonNullable<$$Props['color']> = 'gray';
+ * @prop export let rounded: $$Props['rounded'] = false;
+ * @prop export let size: NonNullable<$$Props['size']> = 'md';
+ * @prop export let border: $$Props['border'] = false;
+ * @prop export let placement: $$Props['placement'] = undefined;
+ * @prop export let offset: $$Props['offset'] = true;
  */
@@ -34,0 +34,0 @@ export default class Indicator extends SvelteComponentTyped<IndicatorProps, IndicatorEvents, IndicatorSlots> {

dist/kbd/ArrowKeyDown.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
@@ -18,3 +18,3 @@ events: {
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
@@ -21,0 +21,0 @@ export default class ArrowKeyDown extends SvelteComponentTyped<ArrowKeyDownProps, ArrowKeyDownEvents, ArrowKeyDownSlots> {

dist/kbd/ArrowKeyLeft.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
@@ -18,3 +18,3 @@ events: {
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
@@ -21,0 +21,0 @@ export default class ArrowKeyLeft extends SvelteComponentTyped<ArrowKeyLeftProps, ArrowKeyLeftEvents, ArrowKeyLeftSlots> {

dist/kbd/ArrowKeyRight.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
@@ -18,3 +18,3 @@ events: {
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
@@ -21,0 +21,0 @@ export default class ArrowKeyRight extends SvelteComponentTyped<ArrowKeyRightProps, ArrowKeyRightEvents, ArrowKeyRightSlots> {

dist/kbd/ArrowKeyUp.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
@@ -18,3 +18,3 @@ events: {
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
@@ -21,0 +21,0 @@ export default class ArrowKeyUp extends SvelteComponentTyped<ArrowKeyUpProps, ArrowKeyUpEvents, ArrowKeyUpSlots> {

dist/kbd/Kbd.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        kbdClass?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        kbdClass?: string;
     };
@@ -20,3 +20,3 @@ events: {
  * ## Props
- * @prop export let kbdClass: string = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
+ * @prop export let kbdClass: $$Props['kbdClass'] = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
  */
@@ -23,0 +23,0 @@ export default class Kbd extends SvelteComponentTyped<KbdProps, KbdEvents, KbdSlots> {

dist/list-group/Listgroup.svelte.d.ts

@@ -21,2 +21,3 @@ import { SvelteComponentTyped } from "svelte";
         active?: boolean;
+        defaultClass?: string;
     };
@@ -41,5 +42,5 @@ events(): {
  * ## Props
- * @prop export let items: T[] = [];
- * @prop export let active: boolean = false;
- * @prop export let defaultClass: string = 'divide-y divide-gray-200 dark:divide-gray-600';
+ * @prop export let items: NonNullable<$$Props['items']> = [];
+ * @prop export let active: $$Props['active'] = false;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'divide-y divide-gray-200 dark:divide-gray-600';
  */
@@ -46,0 +47,0 @@ export default class Listgroup<T extends ListGroupItemType | string> extends SvelteComponentTyped<ListgroupProps<T>, ListgroupEvents<T>, ListgroupSlots<T>> {

dist/mega-menu/MegaMenu.svelte.d.ts

@@ -30,6 +30,7 @@ import { SvelteComponentTyped } from "svelte";
     } & {
-        items?: (LinkType & {
+        items: (LinkType & {
             [propName: string]: any;
         })[];
         full?: boolean;
+        open?: boolean;
         ulClass?: string;
@@ -58,6 +59,6 @@ };
  * ## Props
- * @prop export let items: LinkTypeLike[] = [];
- * @prop export let full: boolean = false;
- * @prop export let open: boolean = false;
- * @prop export let ulClass: string = 'grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max';
+ * @prop export let items: $$Props['items'] = [];
+ * @prop export let full: $$Props['full'] = false;
+ * @prop export let open: $$Props['open'] = false;
+ * @prop export let ulClass: $$Props['ulClass'] = 'grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max';
  */
@@ -64,0 +65,0 @@ export default class MegaMenu extends SvelteComponentTyped<MegaMenuProps, MegaMenuEvents, MegaMenuSlots> {

package.json

 {
   "name": "flowbite-svelte",
-  "version": "0.46.19",
+  "version": "0.46.20",
   "description": "Flowbite components for Svelte",
@@ -31,3 +31,3 @@ "main": "dist/index.js",
     "eslint-plugin-svelte": "^2.44.0",
-    "flowbite-svelte": "^0.46.19",
+    "flowbite-svelte": "^0.46.20",
     "flowbite-svelte-blocks": "^1.1.3",
@@ -34,0 +34,0 @@ "flowbite-svelte-icons": "^1.6.1",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

560340

increased by0.87%

Lines of code

6352

increased by0.92%

No dependency changes