flowbite-svelte 0.44.1 → 0.44.4

package/dist/forms/Search.svelte

@@ -31,40 +31,10 @@ const sizes = {
 </Wrapper>
 
 <!--
-  @component
-  ## Feature
-  [Go to Search Input](https://flowbite-svelte.com/docs/forms/search-input)
-  - Setup
-  - Search bar example
-  - Simple search input
-  - Voice Search
-  - Events
-  - Example
-  ## Props
-  @prop size: FormSizeType = 'lg';
-  @prop placeholder: string = 'Search';
-  @prop value: string | number = '';
-  ## Event
-  - on:blur
-  - on:change
-  - on:input
-  - on:click
-  - on:focus
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseenter
-  - on:mouseleave
-  - on:mouseover
-  - on:paste
-  ## Example
-  ```
-  <script>
-    import { Search, Button } from 'flowbite-svelte'
-  </script>
-
-  <Search >
-    <Button>Search</Button>
-  </Search>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let size: FormSizeType = 'lg';
+@prop export let placeholder: string = 'Search';
+@prop export let value: any = undefined;
 -->

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

@@ -31,41 +31,11 @@ export type SearchProps = typeof __propDef.props;
 export type SearchEvents = typeof __propDef.events;
 export type SearchSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Search Input](https://flowbite-svelte.com/docs/forms/search-input)
- * - Setup
- * - Search bar example
- * - Simple search input
- * - Voice Search
- * - Events
- * - Example
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop size: FormSizeType = 'lg';
- * @prop placeholder: string = 'Search';
- * @prop value: string | number = '';
- * ## Event
- * - on:blur
- * - on:change
- * - on:input
- * - on:click
- * - on:focus
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseenter
- * - on:mouseleave
- * - on:mouseover
- * - on:paste
- * ## Example
- * ```
- * <script>
- *   import { Search, Button } from 'flowbite-svelte'
- * </script>
- *
- * <Search >
- *   <Button>Search</Button>
- * </Search>
- * ```
+ * @prop export let size: FormSizeType = 'lg';
+ * @prop export let placeholder: string = 'Search';
+ * @prop export let value: any = undefined;
  */
 export default class Search extends SvelteComponentTyped<SearchProps, SearchEvents, SearchSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Search.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Search.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAuC/C,QAAA,MAAM,SAAS;;;;;gBAD+G,GAAG;;;;;;;;;;;;;;;;;;;;;CACnD,CAAC;AAC/E,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Search.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Search.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAuC/C,QAAA,MAAM,SAAS;;;;;gBAD+G,GAAG;;;;;;;;;;;;;;;;;;;;;CACnD,CAAC;AAC/E,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/forms/Select.svelte

@@ -29,38 +29,14 @@ $: selectClass = twMerge(common, underline ? underlineClass : defaultClass, size
 </select>
 
 <!--
-  @component
-  ## Feature
-  [Go to Select](https://flowbite-svelte.com/docs/forms/select)
-  - Setup
-  - Select input example
-  - Disabled state
-  - Underline select
-  - Select with dropdown
-  - Sizes
-  - Custom options
-  ## Props
-  @prop items: SelectOptionType[] = [];
-  @prop value: string | number;
-  @prop placeholder: string = 'Choose option ...';
-  @prop underline: boolean = false;
-  @prop size: 'sm' | 'md' | 'lg' = 'md';
-  @prop defaultClass: string = 'text-gray-900 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:focus:ring-primary-500 dark:focus:border-primary-500';
-  @prop underlineClass: string = 'text-gray-500 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer'; 
-  ## Example
-  ```
-  <script>
-    import { Select, Label } from 'flowbite-svelte';
-    let selected;
-    let countries = [
-      {value:"us", name: "United States"},
-      {value:"ca", name: "Canada"},
-      {value:"fr", name: "France"},
-    ]
-  </script>
-  
-  <Label>Select an option
-    <Select class="mt-2" items={countries} bind:value={selected} />
-  </Label>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let items: SelectOptionType[] = [];
+@prop export let value: any = undefined;
+@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 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:focus:ring-primary-500 dark:focus:border-primary-500';
+@prop export let underlineClass: string = 'text-gray-500 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer';
 -->

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

@@ -26,39 +26,15 @@ export type SelectProps = typeof __propDef.props;
 export type SelectEvents = typeof __propDef.events;
 export type SelectSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Select](https://flowbite-svelte.com/docs/forms/select)
- * - Setup
- * - Select input example
- * - Disabled state
- * - Underline select
- * - Select with dropdown
- * - Sizes
- * - Custom options
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop items: SelectOptionType[] = [];
- * @prop value: string | number;
- * @prop placeholder: string = 'Choose option ...';
- * @prop underline: boolean = false;
- * @prop size: 'sm' | 'md' | 'lg' = 'md';
- * @prop defaultClass: string = 'text-gray-900 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:focus:ring-primary-500 dark:focus:border-primary-500';
- * @prop underlineClass: string = 'text-gray-500 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer';
- * ## Example
- * ```
- * <script>
- *   import { Select, Label } from 'flowbite-svelte';
- *   let selected;
- *   let countries = [
- *     {value:"us", name: "United States"},
- *     {value:"ca", name: "Canada"},
- *     {value:"fr", name: "France"},
- *   ]
- * </script>
- *
- * <Label>Select an option
- *   <Select class="mt-2" items={countries} bind:value={selected} />
- * </Label>
- * ```
+ * @prop export let items: SelectOptionType[] = [];
+ * @prop export let value: any = undefined;
+ * @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 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:focus:ring-primary-500 dark:focus:border-primary-500';
+ * @prop export let underlineClass: string = 'text-gray-500 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer';
  */
 export default class Select extends SvelteComponentTyped<SelectProps, SelectEvents, SelectSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Select.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Select.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AA2CjD,QAAA,MAAM,SAAS;;;;gBADoM,GAAG;;;;;;;;;;;;;;;;;CACxI,CAAC;AAC/E,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Select.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Select.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AA2CjD,QAAA,MAAM,SAAS;;;;gBADoM,GAAG;;;;;;;;;;;;;;;;;CACxI,CAAC;AAC/E,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;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/forms/Textarea.svelte

@@ -34,39 +34,11 @@ $: innerWrapperClass = twMerge(innerWrappedClass, $$slots.footer ? 'rounded-b-lg
 </Wrapper>
 
 <!--
-  @component
-  ## Feature
-  [Go to Textarea](https://flowbite-svelte.com/docs/forms/textarea)
-  - Setup
-  - Textarea example
-  - WYSIWYG Editor
-  - Comment box
-  - Chatroom input
-  ## Props
-  @prop value: string = '';
-  @prop wrappedClass: string = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0';
-  @prop unWrappedClass: string = 'p-2.5 text-sm focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
-  ## Event
-  - on:blur
-  - on:change
-  - on:click
-  - on:contextmenu
-  - on:focus
-  - on:input
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseenter
-  - on:mouseleave
-  - on:mouseover
-  - on:paste
-  ## Example
-  ```
-  <script>
-    import { Textarea, Label } from 'flowbite-svelte'
-  </script>
-
-  <Label for="textarea-id" class="mb-2">Your message</Label>
-  <Textarea id="textarea-id" placeholder="Your message" rows="4" name="message"/>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## 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';
+@prop export let unWrappedClass: string = 'p-2.5 text-sm focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
+@prop export let innerWrappedClass: string = 'py-2 px-4 bg-white dark:bg-gray-800';
 -->

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

@@ -33,40 +33,12 @@ export type TextareaProps = typeof __propDef.props;
 export type TextareaEvents = typeof __propDef.events;
 export type TextareaSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Textarea](https://flowbite-svelte.com/docs/forms/textarea)
- * - Setup
- * - Textarea example
- * - WYSIWYG Editor
- * - Comment box
- * - Chatroom input
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop value: string = '';
- * @prop wrappedClass: string = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0';
- * @prop unWrappedClass: string = 'p-2.5 text-sm focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
- * ## Event
- * - on:blur
- * - on:change
- * - on:click
- * - on:contextmenu
- * - on:focus
- * - on:input
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseenter
- * - on:mouseleave
- * - on:mouseover
- * - on:paste
- * ## Example
- * ```
- * <script>
- *   import { Textarea, Label } from 'flowbite-svelte'
- * </script>
- *
- * <Label for="textarea-id" class="mb-2">Your message</Label>
- * <Textarea id="textarea-id" placeholder="Your message" rows="4" name="message"/>
- * ```
+ * @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';
+ * @prop export let unWrappedClass: string = 'p-2.5 text-sm focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
+ * @prop export let innerWrappedClass: string = 'py-2 px-4 bg-white dark:bg-gray-800';
  */
 export default class Textarea extends SvelteComponentTyped<TextareaProps, TextareaEvents, TextareaSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Textarea.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmDD,QAAA,MAAM,SAAS;;;gBADiI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;CACrE,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Textarea.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmDD,QAAA,MAAM,SAAS;;;gBADiI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;CACrE,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/forms/Toggle.svelte

@@ -27,7 +27,7 @@ const sizes = {
     custom: customSize
 };
 let divClass;
-$: divClass = twMerge(common, background ? 'dark:bg-gray-600 dark:border-gray-500' : 'dark:bg-gray-700 dark:border-gray-600', colors[$$restProps.color ?? 'primary'], sizes[size], 'relative', $$props.class);
+$: divClass = twMerge(common, background ? 'dark:bg-gray-600 dark:border-gray-500' : 'dark:bg-gray-700 dark:border-gray-600', colors[$$restProps.color ?? 'primary'], sizes[size], 'relative', $$props.classDiv);
 </script>
 
 <Checkbox custom {...$$restProps} class={$$props.class} {value} bind:checked bind:group on:click on:change>
@@ -36,28 +36,12 @@ $: divClass = twMerge(common, background ? 'dark:bg-gray-600 dark:border-gray-50
 </Checkbox>
 
 <!--
-  @component
-  ## Feature
-  [Go to Toggle](https://flowbite-svelte.com/docs/forms/toggle)
-  - Setup
-  - Toggle examples
-  - Colors
-  - Sizes
-  ## Props
-  @prop size: 'small' | 'default' | 'large' | 'custom' = 'default';
-  @prop group: (string | number)[] = [];
-  @prop value: string | number = '';
-  @prop checked: boolean | undefined = undefined;
-  @prop customSize: string = '';
-  ## Example
-  ```
-  <script>
-    import { Toggle } from 'flowbite-svelte'
-  </script>
-
-  <Toggle>Toggle me</Toggle>
-  <Toggle checked={true}>Checked toggle</Toggle>
-  <Toggle disabled>Disabled toggle</Toggle>
-  <Toggle checked disabled>Disabled checked</Toggle>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let size: 'small' | 'default' | 'large' | 'custom' = 'default';
+@prop export let group: (string | number)[] = [];
+@prop export let value: string | number = '';
+@prop export let checked: boolean | undefined = undefined;
+@prop export let customSize: string = '';
 -->

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

@@ -22,29 +22,13 @@ export type ToggleProps = typeof __propDef.props;
 export type ToggleEvents = typeof __propDef.events;
 export type ToggleSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Toggle](https://flowbite-svelte.com/docs/forms/toggle)
- * - Setup
- * - Toggle examples
- * - Colors
- * - Sizes
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop size: 'small' | 'default' | 'large' | 'custom' = 'default';
- * @prop group: (string | number)[] = [];
- * @prop value: string | number = '';
- * @prop checked: boolean | undefined = undefined;
- * @prop customSize: string = '';
- * ## Example
- * ```
- * <script>
- *   import { Toggle } from 'flowbite-svelte'
- * </script>
- *
- * <Toggle>Toggle me</Toggle>
- * <Toggle checked={true}>Checked toggle</Toggle>
- * <Toggle disabled>Disabled toggle</Toggle>
- * <Toggle checked disabled>Disabled checked</Toggle>
- * ```
+ * @prop export let size: 'small' | 'default' | 'large' | 'custom' = 'default';
+ * @prop export let group: (string | number)[] = [];
+ * @prop export let value: string | number = '';
+ * @prop export let checked: boolean | undefined = undefined;
+ * @prop export let customSize: string = '';
  */
 export default class Toggle extends SvelteComponentTyped<ToggleProps, ToggleEvents, ToggleSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Toggle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwDD,QAAA,MAAM,SAAS;;;;;;kBAD6M,OAAO,GAAG,SAAS;;;;;;;;;;;;CACjK,CAAC;AAC/E,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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Toggle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwDD,QAAA,MAAM,SAAS;;;;;;kBAD6M,OAAO,GAAG,SAAS;;;;;;;;;;;;CACjK,CAAC;AAC/E,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/forms/VoiceSearch.svelte

@@ -38,38 +38,16 @@ const handleVoiceBtn = () => {
 </form>
 
 <!--
-  @component
-  ## Feature
-  [Go to Voice Search](https://flowbite-svelte.com/docs/forms/search-input#Voice_Search)
-  ## Props
-  @prop id: string = '';
-  @prop labelClass: string = 'sr-only';
-  @prop iconClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
-  @prop iconDivClass: string = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
-  @prop inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
-  @prop btnClass: string = 'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
-  @prop voiceBtnClass: string = 'flex absolute inset-y-0 right-0 items-center pr-3';
-  @prop voiceIconClass: string = 'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white';
-  @prop placeholder: string = 'Search Mockups, Logos, Design Templates...';
-  ## Example
-  ```
-  <script>
-    import { Search, Button } from 'flowbite-svelte'
-    function handleVoiceBtn() {
-      alert('You clicked voice button');
-    }
-  </script>
-
-  <form class="flex gap-2">
-    <Search size='md' class="flex gap-2 items-center" placeholder="Search Mockups, Logos, Design Templates...">
-      <button type="button" on:click={handleVoiceBtn} class="outline-none">
-        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7 4a3 3 0 016 0v4a3 3 0 11-6 0V4zm4 10.93A7.001 7.001 0 0017 8a1 1 0 10-2 0A5 5 0 015 8a1 1 0 00-2 0 7.001 7.001 0 006 6.93V17H6a1 1 0 100 2h8a1 1 0 100-2h-3v-2.07z" clip-rule="evenodd"/></svg>
-      </button>
-    </Search>
-    <Button size='sm'>
-      <svg class="w-5 h-5 mr-2 -ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
-      Search
-    </Button>
-  </form>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let id: string = '';
+@prop export let labelClass: string = 'sr-only';
+@prop export let iconClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
+@prop export let iconDivClass: string = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
+@prop export let inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
+@prop export let btnClass: string = 'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
+@prop export let voiceBtnClass: string = 'flex absolute inset-y-0 right-0 items-center pr-3';
+@prop export let voiceIconClass: string = 'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white';
+@prop export let placeholder: string = 'Search Mockups, Logos, Design Templates...';
 -->

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

@@ -24,39 +24,17 @@ export type VoiceSearchProps = typeof __propDef.props;
 export type VoiceSearchEvents = typeof __propDef.events;
 export type VoiceSearchSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Voice Search](https://flowbite-svelte.com/docs/forms/search-input#Voice_Search)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop id: string = '';
- * @prop labelClass: string = 'sr-only';
- * @prop iconClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
- * @prop iconDivClass: string = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
- * @prop inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
- * @prop btnClass: string = 'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
- * @prop voiceBtnClass: string = 'flex absolute inset-y-0 right-0 items-center pr-3';
- * @prop voiceIconClass: string = 'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white';
- * @prop placeholder: string = 'Search Mockups, Logos, Design Templates...';
- * ## Example
- * ```
- * <script>
- *   import { Search, Button } from 'flowbite-svelte'
- *   function handleVoiceBtn() {
- *     alert('You clicked voice button');
- *   }
- * </script>
- *
- * <form class="flex gap-2">
- *   <Search size='md' class="flex gap-2 items-center" placeholder="Search Mockups, Logos, Design Templates...">
- *     <button type="button" on:click={handleVoiceBtn} class="outline-none">
- *       <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7 4a3 3 0 016 0v4a3 3 0 11-6 0V4zm4 10.93A7.001 7.001 0 0017 8a1 1 0 10-2 0A5 5 0 015 8a1 1 0 00-2 0 7.001 7.001 0 006 6.93V17H6a1 1 0 100 2h8a1 1 0 100-2h-3v-2.07z" clip-rule="evenodd"/></svg>
- *     </button>
- *   </Search>
- *   <Button size='sm'>
- *     <svg class="w-5 h-5 mr-2 -ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
- *     Search
- *   </Button>
- * </form>
- * ```
+ * @prop export let id: string = '';
+ * @prop export let labelClass: string = 'sr-only';
+ * @prop export let iconClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
+ * @prop export let iconDivClass: string = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
+ * @prop export let inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
+ * @prop export let btnClass: string = 'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
+ * @prop export let voiceBtnClass: string = 'flex absolute inset-y-0 right-0 items-center pr-3';
+ * @prop export let voiceIconClass: string = 'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white';
+ * @prop export let placeholder: string = 'Search Mockups, Logos, Design Templates...';
  */
 export default class VoiceSearch extends SvelteComponentTyped<VoiceSearchProps, VoiceSearchEvents, VoiceSearchSlots> {
 }

package/dist/forms/VoiceSearch.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceSearch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/VoiceSearch.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkDD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"VoiceSearch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/VoiceSearch.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkDD,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;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/gallery/Gallery.svelte

@@ -19,42 +19,9 @@ function init(node) {
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to ](https://flowbite-svelte.com/docs/components/)
-  - Set up
-  - Default gallery
-  - Masonry grid
-  - Featured image
-  - Quad gallery
-  - Gallery with slider
-  - Gallery with tag filters
-  - Heterogeneous gallery
-  - Custom image rendering
-  ## Props
-  @prop items: ImgType[] = [];
-  @prop imgClass: string = 'h-auto max-w-full rounded-lg';
-  ## Example
-  ```
-  <script>
-    import { Gallery } from "flowbite-svelte";
-    const images = [
-      {alt: 'erbology', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image.jpg'},
-      {alt: 'shoes', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-1.jpg'},
-      {alt: 'small bag', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-2.jpg'},
-      {alt: 'plants', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-3.jpg'},
-      {alt: 'watch', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-4.jpg'},
-      {alt: 'shoe', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-5.jpg'},
-      {alt: 'cream', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-6.jpg'},
-      {alt: 'small bag', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-7.jpg'},
-      {alt: 'lamp', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-8.jpg'},
-      {alt: 'toiletbag', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-9.jpg'},
-      {alt: 'playstation', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-10.jpg'},
-      {alt: 'bag', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-11.jpg'}
-    ]
-
-  </script>
-
-  <Gallery items={images} class="gap-4 grid-cols-2 md:grid-cols-3" />
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let items: ImgType[] = [];
+@prop export let imgClass: string = 'h-auto max-w-full rounded-lg';
 -->

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

@@ -19,43 +19,10 @@ export type GalleryProps = typeof __propDef.props;
 export type GalleryEvents = typeof __propDef.events;
 export type GallerySlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to ](https://flowbite-svelte.com/docs/components/)
- * - Set up
- * - Default gallery
- * - Masonry grid
- * - Featured image
- * - Quad gallery
- * - Gallery with slider
- * - Gallery with tag filters
- * - Heterogeneous gallery
- * - Custom image rendering
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop items: ImgType[] = [];
- * @prop imgClass: string = 'h-auto max-w-full rounded-lg';
- * ## Example
- * ```
- * <script>
- *   import { Gallery } from "flowbite-svelte";
- *   const images = [
- *     {alt: 'erbology', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image.jpg'},
- *     {alt: 'shoes', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-1.jpg'},
- *     {alt: 'small bag', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-2.jpg'},
- *     {alt: 'plants', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-3.jpg'},
- *     {alt: 'watch', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-4.jpg'},
- *     {alt: 'shoe', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-5.jpg'},
- *     {alt: 'cream', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-6.jpg'},
- *     {alt: 'small bag', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-7.jpg'},
- *     {alt: 'lamp', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-8.jpg'},
- *     {alt: 'toiletbag', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-9.jpg'},
- *     {alt: 'playstation', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-10.jpg'},
- *     {alt: 'bag', src: 'https://flowbite.s3.amazonaws.com/docs/gallery/square/image-11.jpg'}
- *   ]
- *
- * </script>
- *
- * <Gallery items={images} class="gap-4 grid-cols-2 md:grid-cols-3" />
- * ```
+ * @prop export let items: ImgType[] = [];
+ * @prop export let imgClass: string = 'h-auto max-w-full rounded-lg';
  */
 export default class Gallery extends SvelteComponentTyped<GalleryProps, GalleryEvents, GallerySlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/gallery/Gallery.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AA+B1C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Gallery.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/gallery/Gallery.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AA+B1C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,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/index.d.ts

@@ -16,7 +16,6 @@ export { default as ButtonGroup } from './buttongroups/ButtonGroup.svelte';
 export { default as Card } from './cards/Card.svelte';
 export { default as Carousel } from './carousels/Carousel.svelte';
 export { default as CarouselTransition } from './carousels/CarouselTransition.svelte';
-export { default as ChartWrapper } from './charts/ChartWrapper.svelte';
 export { default as Chart } from './charts/Chart.svelte';
 export { default as DarkMode } from './darkmode/DarkMode.svelte';
 export { default as Datepicker } from './datepicker/Datepicker.svelte';