flowbite-svelte 0.36.5 → 0.37.2

package/dist/utils/ChevronUp.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronUp.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronUp.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
+{"version":3,"file":"ChevronUp.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronUp.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/utils/CloseButton.svelte

@@ -11,3 +11,11 @@ export let name = 'Close';
       clip-rule="evenodd" />
   </svg>
 </ToolbarButton>
+
+<!--
+  @component
+  ## Props
+  @prop name: string = 'Close';
+  ## Event
+  - on:click
+-->

package/dist/utils/CloseButton.svelte.d.ts

@@ -14,6 +14,12 @@ declare const __propDef: {
 export type CloseButtonProps = typeof __propDef.props;
 export type CloseButtonEvents = typeof __propDef.events;
 export type CloseButtonSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop name: string = 'Close';
+ * ## Event
+ * - on:click
+ */
 export default class CloseButton extends SvelteComponentTyped<CloseButtonProps, CloseButtonEvents, CloseButtonSlots> {
 }
 export {};

package/dist/utils/CloseButton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/CloseButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"CloseButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/CloseButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/utils/Frame.svelte

@@ -2,7 +2,6 @@
 import { setContext } from 'svelte';
 import { noop } from 'svelte/internal';
 setContext('background', true);
-$: setContext('color', color);
 export let tag = 'div';
 export let color = 'default';
 export let rounded = false;
@@ -17,6 +16,8 @@ export let node = undefined;
 // Action function and its params
 export let use = noop;
 export let options = {};
+$: color = color ?? 'default'; // for cases when undefined
+$: setContext('color', color);
 // your script goes here
 const bgColors = {
     gray: 'bg-gray-50 dark:bg-gray-800',
@@ -109,3 +110,24 @@ $: divClass = classNames(bgColors[color], textColors[color], rounded && (color =
     <slot />
   </svelte:element>
 {/if}
+
+<!--
+  @component
+  ## Props
+  @prop tag: string = 'div';
+  @prop color: FrameColor = 'default';
+  @prop rounded: boolean = false;
+  @prop border: boolean = false;
+  @prop shadow: boolean = false;
+  @prop transition: TransitionFunc | undefined = undefined;
+  @prop params: object = {};
+  @prop node: HTMLElement | undefined = undefined;
+  @prop use: Action = noop;
+  @prop options = {};  
+  ## Event
+  - on:click
+  - on:mouseenter
+  - on:mouseleave
+  - on:focusin
+  - on:focusout
+-->

package/dist/utils/Frame.svelte.d.ts

@@ -261,6 +261,25 @@ declare const __propDef: {
 export type FrameProps = typeof __propDef.props;
 export type FrameEvents = typeof __propDef.events;
 export type FrameSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop tag: string = 'div';
+ * @prop color: FrameColor = 'default';
+ * @prop rounded: boolean = false;
+ * @prop border: boolean = false;
+ * @prop shadow: boolean = false;
+ * @prop transition: TransitionFunc | undefined = undefined;
+ * @prop params: object = {};
+ * @prop node: HTMLElement | undefined = undefined;
+ * @prop use: Action = noop;
+ * @prop options = {};
+ * ## Event
+ * - on:click
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:focusin
+ * - on:focusout
+ */
 export default class Frame extends SvelteComponentTyped<FrameProps, FrameEvents, FrameSlots> {
 }
 export {};

package/dist/utils/Frame.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Frame.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Frame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAKD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAuI1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA3HgB,WAAW,UAAU,GAAG,KAAK,gBAAgB;;eAWjE,WAAW,GAAG,SAAS;;;;;;;;;;;;;;;;CAgHqB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Frame.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Frame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAKD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA2I1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA/HgB,WAAW,UAAU,GAAG,KAAK,gBAAgB;;eAWjE,WAAW,GAAG,SAAS;;;;;;;;;;;;;;;;CAoHqB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/utils/InformationCircle.svelte

@@ -34,3 +34,14 @@ $: switch (variation) {
   on:click>
   {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop size = '24';
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'information circle';  
+  ## Event
+  - on:click
+-->

package/dist/utils/InformationCircle.svelte.d.ts

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type InformationCircleProps = typeof __propDef.props;
 export type InformationCircleEvents = typeof __propDef.events;
 export type InformationCircleSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop size = '24';
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'information circle';
+ * ## Event
+ * - on:click
+ */
 export default class InformationCircle extends SvelteComponentTyped<InformationCircleProps, InformationCircleEvents, InformationCircleSlots> {
 }
 export {};

package/dist/utils/InformationCircle.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InformationCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/InformationCircle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}
+{"version":3,"file":"InformationCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/InformationCircle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}

package/dist/utils/MenuButton.svelte

@@ -20,3 +20,12 @@ export let vertical = false;
     {/if}
   </svg>
 </ToolbarButton>
+
+<!--
+  @component
+  ## Props
+  @prop name: string | undefined = undefined;
+  @prop vertical: boolean = false;
+  ## Event
+  - on:click
+-->

package/dist/utils/MenuButton.svelte.d.ts

@@ -15,6 +15,13 @@ declare const __propDef: {
 export type MenuButtonProps = typeof __propDef.props;
 export type MenuButtonEvents = typeof __propDef.events;
 export type MenuButtonSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop name: string | undefined = undefined;
+ * @prop vertical: boolean = false;
+ * ## Event
+ * - on:click
+ */
 export default class MenuButton extends SvelteComponentTyped<MenuButtonProps, MenuButtonEvents, MenuButtonSlots> {
 }
 export {};

package/dist/utils/MenuButton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/MenuButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwBD,QAAA,MAAM,SAAS;;;eAD8C,MAAM,GAAG,SAAS;;;;;;;;;CACD,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
+{"version":3,"file":"MenuButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/MenuButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0BD,QAAA,MAAM,SAAS;;;eAD8C,MAAM,GAAG,SAAS;;;;;;;;;CACD,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}

package/dist/utils/Popper.svelte

@@ -67,7 +67,8 @@ function init(node, _triggerEl) {
                 }
             },
             { name: 'eventListeners', enabled: open },
-            { name: 'flip', enabled: false }
+            { name: 'flip', enabled: false },
+            { name: 'arrow', enabled: true }
         ]
     });
     return {
@@ -115,12 +116,10 @@ onMount(() => {
 function optional(pred, func) {
     return (pred && func) || null;
 }
-let placement_primary;
-$: placement_primary = placement.split('-')[0];
+let position;
+$: position = placement.split('-', 1)[0];
 let arrowClass = 'bottom';
-$: arrowClass = classNames('absolute w-[9px] h-[9px] rotate-45 inset-0 m-auto bg-inherit', $$props.border && placement_primary === 'top' && 'border-b border-r', $$props.border && placement_primary === 'bottom' && 'border-t border-l', $$props.border && placement_primary === 'left' && 'border-t border-r', $$props.border && placement_primary === 'right' && 'border-b border-l');
-let arrowOffset = '-4px';
-$: arrowOffset = $$props.border ? '-5px' : '-4px';
+$: arrowClass = classNames('absolute w-[9px] h-[9px] rotate-45 bg-inherit', position === 'top' && ($$props.border ? 'border-b border-r -bottom-[5px]' : '-bottom-[4px]'), position === 'bottom' && ($$props.border ? 'border-t border-l -top-[5px]' : '-top-[4px]'), position === 'left' && ($$props.border ? 'border-t border-r -right-[5px]' : '-right-[4px]'), position === 'right' && ($$props.border ? 'border-b border-l -left-[5px]' : '-left-[4px]'));
 </script>
 
 {#if !triggerEl}
@@ -138,14 +137,22 @@ $: arrowOffset = $$props.border ? '-5px' : '-4px';
     on:mouseenter={optional(activeContent && !clickable, showHandler)}
     on:mouseleave={optional(activeContent && !clickable, hideHandler)}
     {...$$restProps}
-    class={classNames('z-10 outline-none', $$props.class)}>
+    class={classNames('outline-none', $$props.class)}>
     <slot />
-    {#if arrow}<div
-        class={arrowClass}
-        style:margin-left={placement_primary === 'right' ? arrowOffset : undefined}
-        style:margin-right={placement_primary === 'left' ? arrowOffset : undefined}
-        style:margin-top={placement_primary === 'bottom' ? arrowOffset : undefined}
-        style:margin-bottom={placement_primary === 'top' ? arrowOffset : undefined} />
-    {/if}
+    {#if arrow}<div data-popper-arrow class={arrowClass} />{/if}
   </Frame>
 {/if}
+
+<!--        
+  @component
+  ## Props
+  @prop activeContent: boolean = false;
+  @prop arrow: boolean = true;
+  @prop offset: number = 8;
+  @prop placement: Placement = 'top';
+  @prop trigger: 'hover' | 'click' = 'hover';
+  @prop triggeredBy: string | undefined = undefined;
+  @prop strategy: 'absolute' | 'fixed' = 'absolute';
+  @prop open: boolean = false;
+  @prop yOnly: boolean = false;
+-->

package/dist/utils/Popper.svelte.d.ts

@@ -263,6 +263,18 @@ declare const __propDef: {
 export type PopperProps = typeof __propDef.props;
 export type PopperEvents = typeof __propDef.events;
 export type PopperSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop activeContent: boolean = false;
+ * @prop arrow: boolean = true;
+ * @prop offset: number = 8;
+ * @prop placement: Placement = 'top';
+ * @prop trigger: 'hover' | 'click' = 'hover';
+ * @prop triggeredBy: string | undefined = undefined;
+ * @prop strategy: 'absolute' | 'fixed' = 'absolute';
+ * @prop open: boolean = false;
+ * @prop yOnly: boolean = false;
+ */
 export default class Popper extends SvelteComponentTyped<PopperProps, PopperEvents, PopperSlots> {
 }
 export {};

package/dist/utils/Popper.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAC;AA8K1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,gBAAgB,CAAC;AA6K1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/utils/UserCircle.svelte

@@ -34,3 +34,14 @@ $: switch (variation) {
   on:click>
   {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop size = '24';
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'user circle';
+  ## Event
+  - on:click
+-->

package/dist/utils/UserCircle.svelte.d.ts

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type UserCircleProps = typeof __propDef.props;
 export type UserCircleEvents = typeof __propDef.events;
 export type UserCircleSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop size = '24';
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'user circle';
+ * ## Event
+ * - on:click
+ */
 export default class UserCircle extends SvelteComponentTyped<UserCircleProps, UserCircleEvents, UserCircleSlots> {
 }
 export {};

package/dist/utils/UserCircle.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/UserCircle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
+{"version":3,"file":"UserCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/UserCircle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}

package/dist/utils/Wrapper.svelte

@@ -8,3 +8,11 @@ export let use = () => { };
 {:else}
   <slot />
 {/if}
+
+<!--
+  @component
+  ## Props
+  @prop tag: string = 'div';
+  @prop show: boolean;
+  @prop use: Action = () => {};
+-->

package/dist/utils/Wrapper.svelte.d.ts

@@ -17,6 +17,12 @@ declare const __propDef: {
 export type WrapperProps = typeof __propDef.props;
 export type WrapperEvents = typeof __propDef.events;
 export type WrapperSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop tag: string = 'div';
+ * @prop show: boolean;
+ * @prop use: Action = () => {};
+ */
 export default class Wrapper extends SvelteComponentTyped<WrapperProps, WrapperEvents, WrapperSlots> {
 }
 export {};

package/dist/utils/Wrapper.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Wrapper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAkB5C,QAAA,MAAM,SAAS;;;;cAD4D,OAAO;;;;;;;;;CACJ,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Wrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Wrapper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAoB5C,QAAA,MAAM,SAAS;;;;cAD4D,OAAO;;;;;;;;;CACJ,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/video/Video.svelte

@@ -1,17 +1,10 @@
 <script>import classNames from 'classnames';
-// export let width;
-// export let controls: boolean = true;
-// export let autoplay: boolean = false;
 export let src;
 export let type = 'video/mp4';
 export let trackSrc = '';
 export let srclang = 'en';
 export let label = 'english_captions';
-// export let attribute = '';
 let videoClass = classNames($$props.class);
-// const setAttribute = (node, params) => {
-//   node.setAttribute(params, '');
-// };
 </script>
 
 <video {...$$restProps} class={videoClass}>
@@ -20,3 +13,20 @@ let videoClass = classNames($$props.class);
   <track src={trackSrc} kind="captions" {srclang} {label} />
   Your browser does not support the video tag.
 </video>
+
+<!--
+  @component
+  ## Features
+  [Go to Video](https://flowbite-svelte.com/docs/components/video)
+  - Setup
+  - Video player
+  - Autoplay
+  - Muted
+  - Sizes
+  ## Props
+  @prop src: string;
+  @prop type: string = 'video/mp4';
+  @prop trackSrc: string = '';
+  @prop srclang: string = 'en';
+  @prop label: string = 'english_captions';
+-->

package/dist/video/Video.svelte.d.ts

@@ -18,6 +18,21 @@ declare const __propDef: {
 export type VideoProps = typeof __propDef.props;
 export type VideoEvents = typeof __propDef.events;
 export type VideoSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Video](https://flowbite-svelte.com/docs/components/video)
+ * - Setup
+ * - Video player
+ * - Autoplay
+ * - Muted
+ * - Sizes
+ * ## Props
+ * @prop src: string;
+ * @prop type: string = 'video/mp4';
+ * @prop trackSrc: string = '';
+ * @prop srclang: string = 'en';
+ * @prop label: string = 'english_captions';
+ */
 export default class Video extends SvelteComponentTyped<VideoProps, VideoEvents, VideoSlots> {
 }
 export {};

package/dist/video/Video.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Video.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/video/Video.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8BD,QAAA,MAAM,SAAS;;;aADyF,MAAM;;;;;;;;;;;;CAChC,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Video.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/video/Video.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0BD,QAAA,MAAM,SAAS;;;aADyF,MAAM;;;;;;;;;;;;CAChC,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.36.5",
+  "version": "0.37.2",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -26,7 +26,7 @@
     "write-package-json": "node ./scripts/package-json-writer.js",
     "add-exports": "node ./scripts/add-exports-to-package-json.js",
     "package:publish": "standard-version && git push --follow-tags origin main && npm run package && npm run add-exports && npm run write-package-json && npm publish",
-    "gen:props": "createprops"
+    "gen:props": "createprops && npm run format"
   },
   "peerDependencies": {
     "@popperjs/core": "^2.11.6",