flowbite-svelte 0.44.1 → 0.44.4

package/dist/forms/Input.svelte

@@ -59,60 +59,13 @@ $: {
 </Wrapper>
 
 <!--
-  @component
-  ## Feature
-  [Go to Input Fields](https://flowbite-svelte.com/docs/forms/input-field)
-  - Setup
-  - Input fields
-  - Input sizes
-  - Disabled state
-  - Validation
-  - Input with icon
-  - Input group
-  - Icon click handler
-  - Helper text
-  - Number input
-  - Search input
-  - Dropdown
-  - Advanced usage
-  ## Props
-  @prop type: InputType = 'text';
-  @prop value: any = '';
-  @prop size: FormSizeType | undefined = undefined;
-  @prop defaultClass: string = 'block w-full disabled:cursor-not-allowed disabled:opacity-50';
-  @prop color: 'base' | 'green' | 'red' = 'base';
-  ## Event
-  - on:blur
-  - on:change
-  - on:click
-  - on:contextmenu
-  - on:focus
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseover
-  - on:mouseenter
-  - on:mouseleave
-  - on:paste
-  - on:input
-  ## Example
-  ```
-  <form>
-    <div class="grid gap-6 mb-6 md:grid-cols-2">
-      <div>
-        <Label for="first_name" class="mb-2">First name</Label>
-        <Input type="text" id="first_name" placeholder="John" required  />
-      </div>
-      <div>
-        <Label for="last_name" class="mb-2">Last name</Label>
-        <Input type="text" id="last_name" placeholder="Doe" required />
-      </div>
-      <div>
-        <Label for="company" class="mb-2">Company</Label>
-        <Input type="text" id="company" placeholder="Flowbite" required />
-      </div>
-    </div>
-    <Button type="submit">Submit</Button>
-  </form>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let type: InputType = 'text';
+@prop export let value: any = undefined;
+@prop export let size: FormSizeType | undefined = undefined;
+@prop export let defaultClass: string = 'block w-full disabled:cursor-not-allowed disabled:opacity-50';
+@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';
 -->

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

@@ -43,61 +43,14 @@ export type InputProps = typeof __propDef.props;
 export type InputEvents = typeof __propDef.events;
 export type InputSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Input Fields](https://flowbite-svelte.com/docs/forms/input-field)
- * - Setup
- * - Input fields
- * - Input sizes
- * - Disabled state
- * - Validation
- * - Input with icon
- * - Input group
- * - Icon click handler
- * - Helper text
- * - Number input
- * - Search input
- * - Dropdown
- * - Advanced usage
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop type: InputType = 'text';
- * @prop value: any = '';
- * @prop size: FormSizeType | undefined = undefined;
- * @prop defaultClass: string = 'block w-full disabled:cursor-not-allowed disabled:opacity-50';
- * @prop color: 'base' | 'green' | 'red' = 'base';
- * ## Event
- * - on:blur
- * - on:change
- * - on:click
- * - on:contextmenu
- * - on:focus
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseover
- * - on:mouseenter
- * - on:mouseleave
- * - on:paste
- * - on:input
- * ## Example
- * ```
- * <form>
- *   <div class="grid gap-6 mb-6 md:grid-cols-2">
- *     <div>
- *       <Label for="first_name" class="mb-2">First name</Label>
- *       <Input type="text" id="first_name" placeholder="John" required  />
- *     </div>
- *     <div>
- *       <Label for="last_name" class="mb-2">Last name</Label>
- *       <Input type="text" id="last_name" placeholder="Doe" required />
- *     </div>
- *     <div>
- *       <Label for="company" class="mb-2">Company</Label>
- *       <Input type="text" id="company" placeholder="Flowbite" required />
- *     </div>
- *   </div>
- *   <Button type="submit">Submit</Button>
- * </form>
- * ```
+ * @prop export let type: InputType = 'text';
+ * @prop export let value: any = undefined;
+ * @prop export let size: FormSizeType | undefined = undefined;
+ * @prop export let defaultClass: string = 'block w-full disabled:cursor-not-allowed disabled:opacity-50';
+ * @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';
  */
 export default class Input extends SvelteComponentTyped<InputProps, InputEvents, InputSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Input.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,wBAAgB,SAAS,CAAC,CAAC,EAAE,QAAQ,sBAEpC;AAMH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAyE1C,QAAA,MAAM,SAAS;;;;gBAD6I,GAAG;eAAS,YAAY,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAClH,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Input.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,wBAAgB,SAAS,CAAC,CAAC,EAAE,QAAQ,sBAEpC;AAMH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAyE1C,QAAA,MAAM,SAAS;;;;gBAD6I,GAAG;eAAS,YAAY,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAClH,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/forms/InputAddon.svelte

@@ -29,19 +29,8 @@ $: divClass = twMerge(textSizes[_size], prefixPadding[_size], background ? borde
 </div>
 
 <!--
-  @component
-  ## Feature
-  [Go to Input Fields](https://flowbite-svelte.com/docs/forms/input-field)
-  ## Props
-  @prop size: 'sm' | 'md' | 'lg' | undefined = undefined;
-  ## Example
-  ```
-  <div>
-    <Label class="mb-2" for="input-addon-sm">Small additional text</Label>
-    <ButtonGroup class="w-full" size="sm">
-      <InputAddon>@</InputAddon>
-      <Input id="input-addon-sm" type="email" placeholder="elonmusk" />
-    </ButtonGroup>
-  </div>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let size: 'sm' | 'md' | 'lg' | undefined = undefined;
 -->

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

@@ -15,20 +15,9 @@ export type InputAddonProps = typeof __propDef.props;
 export type InputAddonEvents = typeof __propDef.events;
 export type InputAddonSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Input Fields](https://flowbite-svelte.com/docs/forms/input-field)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop size: 'sm' | 'md' | 'lg' | undefined = undefined;
- * ## Example
- * ```
- * <div>
- *   <Label class="mb-2" for="input-addon-sm">Small additional text</Label>
- *   <ButtonGroup class="w-full" size="sm">
- *     <InputAddon>@</InputAddon>
- *     <Input id="input-addon-sm" type="email" placeholder="elonmusk" />
- *   </ButtonGroup>
- * </div>
- * ```
+ * @prop export let size: 'sm' | 'md' | 'lg' | undefined = undefined;
  */
 export default class InputAddon extends SvelteComponentTyped<InputAddonProps, InputAddonEvents, InputAddonSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"InputAddon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/InputAddon.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmDD,QAAA,MAAM,SAAS;;;eADyB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS;;;;;;;;CACQ,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;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
+{"version":3,"file":"InputAddon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/InputAddon.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmDD,QAAA,MAAM,SAAS;;;eADyB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS;;;;;;;;CACQ,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}

package/dist/forms/Label.svelte

@@ -25,21 +25,10 @@ $: labelClass = twMerge(defaultClass, colorClasses[color], $$props.class);
 {/if}
 
 <!--
-  @component
-  ## Feature
-  [Go to Label](https://flowbite-svelte.com/docs/utilities/label)
-  ## Props
-  @prop color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
-  @prop defaultClass: string = 'text-sm font-medium block';
-  @prop show: boolean = true;
-  ## Example
-  ```
-  <script>
-    import { Label, Checkbox } from 'flowbite-svelte'
-  </script>
-
-  <Label color="red" class="mt-4 flex items-center font-bold italic">
-    <Checkbox class="mr-2" /> Your Label
-  </Label>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
+@prop export let defaultClass: string = 'text-sm font-medium block';
+@prop export let show: boolean = true;
 -->

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

@@ -17,22 +17,11 @@ export type LabelProps = typeof __propDef.props;
 export type LabelEvents = typeof __propDef.events;
 export type LabelSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Label](https://flowbite-svelte.com/docs/utilities/label)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
- * @prop defaultClass: string = 'text-sm font-medium block';
- * @prop show: boolean = true;
- * ## Example
- * ```
- * <script>
- *   import { Label, Checkbox } from 'flowbite-svelte'
- * </script>
- *
- * <Label color="red" class="mt-4 flex items-center font-bold italic">
- *   <Checkbox class="mr-2" /> Your Label
- * </Label>
- * ```
+ * @prop export let color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
+ * @prop export let defaultClass: string = 'text-sm font-medium block';
+ * @prop export let show: boolean = true;
  */
 export default class Label extends SvelteComponentTyped<LabelProps, LabelEvents, LabelSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Label.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Label.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;CAA+D,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;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Label.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Label.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;CAA+D,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/forms/MultiSelect.svelte

@@ -98,22 +98,11 @@ const clearThisOption = (select) => {
 </div>
 
 <!--
-  @component
-  ## Example
-  ```
-  <script>
-    import MultiSelect from '../../../lib/forms/MultiSelect.svelte';
-
-    let selected = [];
-    let countries = [
-      {value:"us", name: "United States"},
-      {value:"ca", name: "Canada"},
-      {value:"fr", name: "France"},
-      {value:"jp", name: "Japan"},
-      {value:"en", name: "England"},
-    ]
-  </script>
-
-  <MultiSelect items={countries} bind:value={selected} />
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let items: SelectOptionType[] = [];
+@prop export let value: (string | number)[] = [];
+@prop export let size: FormSizeType = 'md';
+@prop export let dropdownClass: string = '';
 -->

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

@@ -24,23 +24,12 @@ export type MultiSelectProps = typeof __propDef.props;
 export type MultiSelectEvents = typeof __propDef.events;
 export type MultiSelectSlots = typeof __propDef.slots;
 /**
- * ## Example
- * ```
- * <script>
- *   import MultiSelect from '../../../lib/forms/MultiSelect.svelte';
- *
- *   let selected = [];
- *   let countries = [
- *     {value:"us", name: "United States"},
- *     {value:"ca", name: "Canada"},
- *     {value:"fr", name: "France"},
- *     {value:"jp", name: "Japan"},
- *     {value:"en", name: "England"},
- *   ]
- * </script>
- *
- * <MultiSelect items={countries} bind:value={selected} />
- * ```
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @prop export let items: SelectOptionType[] = [];
+ * @prop export let value: (string | number)[] = [];
+ * @prop export let size: FormSizeType = 'md';
+ * @prop export let dropdownClass: string = '';
  */
 export default class MultiSelect extends SvelteComponentTyped<MultiSelectProps, MultiSelectEvents, MultiSelectSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/MultiSelect.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAwH/D,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;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"MultiSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/MultiSelect.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAwH/D,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/forms/NumberInput.svelte

@@ -7,23 +7,8 @@ export let value = 0;
 </Input>
 
 <!--
-  @component
-  ## Feature
-  [Go to Number Input](https://flowbite-svelte.com/docs/forms/input-field#Number_input)
-  ## Props
-  @prop value: number = 0;
-  ## Event
-  - on:blur
-  - on:change
-  - on:click
-  - on:contextmenu
-  - on:focus
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseover
-  - on:mouseenter
-  - on:mouseleave
-  - on:paste
-  - on:input 
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let value: number = 0;
 -->

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

@@ -27,24 +27,9 @@ export type NumberInputProps = typeof __propDef.props;
 export type NumberInputEvents = typeof __propDef.events;
 export type NumberInputSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Number Input](https://flowbite-svelte.com/docs/forms/input-field#Number_input)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop value: number = 0;
- * ## Event
- * - on:blur
- * - on:change
- * - on:click
- * - on:contextmenu
- * - on:focus
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseover
- * - on:mouseenter
- * - on:mouseleave
- * - on:paste
- * - on:input
+ * @prop export let value: number = 0;
  */
 export default class NumberInput extends SvelteComponentTyped<NumberInputProps, NumberInputEvents, NumberInputSlots> {
 }

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

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

package/dist/forms/Radio.svelte

@@ -33,47 +33,13 @@ let background = getContext('background');
 </Label>
 
 <!--
-  @component
-  ## Feature
-  [Go to Radio](https://flowbite-svelte.com/docs/forms/radio)
-  - Setup
-  - Radio examples
-  - Disabled state
-  - Alternative syntax
-  - Radio with a link
-  - Helper text
-  - Bordered
-  - Radio list group
-  - Horizontal list group
-  - Radio in dropdown
-  - Inline layout
-  - Colors
-  - Advanced layout
-  ## Props
-  @prop color: FormColorType = 'primary';
-  @prop custom: boolean = false;
-  @prop inline: boolean = false;
-  @prop group: number | string = '';
-  @prop value: number | string = '';
-  ## Event
-  - on:blur
-  - on:change
-  - on:click
-  - on:focus
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseenter
-  - on:mouseleave
-  - on:mouseover
-  - on:paste
-  ## Example
-  ```
-  <script>
-    import { Radio } from 'flowbite-svelte'
-  </script>
-
-  <Radio name="example">Default radio</Radio>
-  <Radio name="example">Checked state</Radio>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let spacing: string = 'mr-2';
+@prop export let color: FormColorType = 'primary';
+@prop export let custom: boolean = false;
+@prop export let inline: boolean = false;
+@prop export let group: number | string = '';
+@prop export let value: number | string = '';
 -->

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

@@ -35,48 +35,14 @@ export type RadioProps = typeof __propDef.props;
 export type RadioEvents = typeof __propDef.events;
 export type RadioSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Radio](https://flowbite-svelte.com/docs/forms/radio)
- * - Setup
- * - Radio examples
- * - Disabled state
- * - Alternative syntax
- * - Radio with a link
- * - Helper text
- * - Bordered
- * - Radio list group
- * - Horizontal list group
- * - Radio in dropdown
- * - Inline layout
- * - Colors
- * - Advanced layout
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop color: FormColorType = 'primary';
- * @prop custom: boolean = false;
- * @prop inline: boolean = false;
- * @prop group: number | string = '';
- * @prop value: number | string = '';
- * ## Event
- * - on:blur
- * - on:change
- * - on:click
- * - on:focus
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseenter
- * - on:mouseleave
- * - on:mouseover
- * - on:paste
- * ## Example
- * ```
- * <script>
- *   import { Radio } from 'flowbite-svelte'
- * </script>
- *
- * <Radio name="example">Default radio</Radio>
- * <Radio name="example">Checked state</Radio>
- * ```
+ * @prop export let spacing: string = 'mr-2';
+ * @prop export let color: FormColorType = 'primary';
+ * @prop export let custom: boolean = false;
+ * @prop export let inline: boolean = false;
+ * @prop export let group: number | string = '';
+ * @prop export let value: number | string = '';
  */
 export default class Radio extends SvelteComponentTyped<RadioProps, RadioEvents, RadioSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Radio.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgBC,eAAO,MAAM,UAAU,WAAY,OAAO,cAAc,MAAM,WAAyE,CAAC;AACxI,eAAO,IAAI,OAAO,EAAE,MAAe,CAAC;AAEpC,eAAO,MAAM,UAAU,WAAY,OAAO,SAAS,aAAa,WAAW,OAAO,UAAU,OAAO,cAAc,MAAM,WAAgR,CAAC;AAI1Y,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA6B9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Radio.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgBC,eAAO,MAAM,UAAU,WAAY,OAAO,cAAc,MAAM,WAAyE,CAAC;AACxI,eAAO,IAAI,OAAO,EAAE,MAAe,CAAC;AAEpC,eAAO,MAAM,UAAU,WAAY,OAAO,SAAS,aAAa,WAAW,OAAO,UAAU,OAAO,cAAc,MAAM,WAAgR,CAAC;AAI1Y,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA6B9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/forms/RadioInline.svelte

@@ -4,9 +4,6 @@
 
 <!--
   @component
-  ## Feature
   [Go to ](https://flowbite-svelte.com/docs/components/)
-
-  ## Props
   
 -->

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

@@ -1,12 +1,7 @@
 /** @typedef {typeof __propDef.props}  RadioInlineProps */
 /** @typedef {typeof __propDef.events}  RadioInlineEvents */
 /** @typedef {typeof __propDef.slots}  RadioInlineSlots */
-/**
- * ## Feature
- * [Go to ](https://flowbite-svelte.com/docs/components/)
- *
- * ## Props
- */
+/** [Go to ](https://flowbite-svelte.com/docs/components/) */
 export default class RadioInline extends SvelteComponentTyped<{
     [x: string]: never;
 }, {

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

@@ -1 +1 @@
-{"version":3,"file":"RadioInline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/RadioInline.svelte.js"],"names":[],"mappings":"AAWA,0DAA0D;AAC1D,4DAA4D;AAC5D,0DAA0D;AAE1D;;;;;GAKG;AACH;;;;;;;CACC;+BAXa,OAAO,UAAU,KAAK;gCACtB,OAAO,UAAU,MAAM;+BACvB,OAAO,UAAU,KAAK;qCAbC,QAAQ;AAU7C;;;;;;;;;;EAA8E"}
+{"version":3,"file":"RadioInline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/RadioInline.svelte.js"],"names":[],"mappings":"AAWA,0DAA0D;AAC1D,4DAA4D;AAC5D,0DAA0D;AAE1D,6DAA6D;AAC7D;;;;;;;CACC;+BANa,OAAO,UAAU,KAAK;gCACtB,OAAO,UAAU,MAAM;+BACvB,OAAO,UAAU,KAAK;qCAbC,QAAQ;AAU7C;;;;;;;;;;EAA8E"}

package/dist/forms/Range.svelte

@@ -13,24 +13,9 @@ $: inputClass = twMerge('w-full bg-gray-200 rounded-lg appearance-none cursor-po
 <input type="range" bind:value {...$$restProps} class={inputClass} on:change on:click on:keydown on:keypress on:keyup />
 
 <!--
-  @component
-  ## Feature
-  [Go to Range](https://flowbite-svelte.com/docs/forms/range)
-  - Setup
-  - Range slider example
-  - Disabled state
-  - Binding value
-  - Min and max
-  - Steps
-  - Sizes
-  - Unknown attributes
-  ## Props
-  @prop value: number;
-  @prop size: 'sm' | 'md' | 'lg' = 'md';
-  ## Event
-  - on:change
-  - on:click
-  - on:keydown
-  - on:keypress
-  - on:keyup
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let value: number;
+@prop export let size: 'sm' | 'md' | 'lg' = 'md';
 -->

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

@@ -20,25 +20,10 @@ export type RangeProps = typeof __propDef.props;
 export type RangeEvents = typeof __propDef.events;
 export type RangeSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Range](https://flowbite-svelte.com/docs/forms/range)
- * - Setup
- * - Range slider example
- * - Disabled state
- * - Binding value
- * - Min and max
- * - Steps
- * - Sizes
- * - Unknown attributes
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop value: number;
- * @prop size: 'sm' | 'md' | 'lg' = 'md';
- * ## Event
- * - on:change
- * - on:click
- * - on:keydown
- * - on:keypress
- * - on:keyup
+ * @prop export let value: number;
+ * @prop export let size: 'sm' | 'md' | 'lg' = 'md';
  */
 export default class Range extends SvelteComponentTyped<RangeProps, RangeEvents, RangeSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Range.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Range.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwBD,QAAA,MAAM,SAAS;;;eADwC,MAAM;;;;;;;;;;;;;CACiB,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;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Range.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Range.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwBD,QAAA,MAAM,SAAS;;;eADwC,MAAM;;;;;;;;;;;;;CACiB,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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}