flowbite-svelte 0.36.5 → 0.37.1

package/dist/forms/FloatingLabelInput.svelte

@@ -108,3 +108,40 @@ function setType(node, _type) {
     {label}
   </label>
 </div>
+
+<!--
+  @component
+  ## Feature
+  [Go to Floating Label](https://flowbite-svelte.com/docs/forms/floating-label)
+  ## Props
+  @prop id: string = generateId();
+  @prop style: 'filled' | 'outlined' | 'standard' = 'standard';
+  @prop type: InputType = 'text';
+  @prop size: 'small' | 'default' = 'default';
+  @prop color: 'base' | 'green' | 'red' = 'base';
+  @prop value: string = '';
+  @prop label: string = '';  
+  ## Event
+  - on:blur
+  - on:change
+  - on:click
+  - on:focus
+  - on:input
+  - on:keydown
+  - on:keypress
+  - on:keyup
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+  - on:paste
+  ## Example
+  ```
+  <script>
+    import { FloatingLabelInput, Helper } from 'flowbite-svelte';
+  </script>
+
+  <div id="exampleWrapper" class="grid gap-6 items-end w-full md:grid-cols-3">
+    <FloatingLabelInput style="filled" id="floating_filled" name="floating_filled" type="text" label="Floating filled"/>
+  </div>
+  ```
+-->

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

@@ -32,6 +32,41 @@ declare const __propDef: {
 export type FloatingLabelInputProps = typeof __propDef.props;
 export type FloatingLabelInputEvents = typeof __propDef.events;
 export type FloatingLabelInputSlots = typeof __propDef.slots;
+/**
+ * ## Feature
+ * [Go to Floating Label](https://flowbite-svelte.com/docs/forms/floating-label)
+ * ## Props
+ * @prop id: string = generateId();
+ * @prop style: 'filled' | 'outlined' | 'standard' = 'standard';
+ * @prop type: InputType = 'text';
+ * @prop size: 'small' | 'default' = 'default';
+ * @prop color: 'base' | 'green' | 'red' = 'base';
+ * @prop value: string = '';
+ * @prop label: string = '';
+ * ## Event
+ * - on:blur
+ * - on:change
+ * - on:click
+ * - on:focus
+ * - on:input
+ * - on:keydown
+ * - on:keypress
+ * - on:keyup
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:mouseover
+ * - on:paste
+ * ## Example
+ * ```
+ * <script>
+ *   import { FloatingLabelInput, Helper } from 'flowbite-svelte';
+ * </script>
+ *
+ * <div id="exampleWrapper" class="grid gap-6 items-end w-full md:grid-cols-3">
+ *   <FloatingLabelInput style="filled" id="floating_filled" name="floating_filled" type="text" label="Floating filled"/>
+ * </div>
+ * ```
+ */
 export default class FloatingLabelInput extends SvelteComponentTyped<FloatingLabelInputProps, FloatingLabelInputEvents, FloatingLabelInputSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingLabelInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/FloatingLabelInput.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAgH1C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}
+{"version":3,"file":"FloatingLabelInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/FloatingLabelInput.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAkH1C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}

package/dist/forms/Helper.svelte

@@ -12,3 +12,18 @@ const colorClasses = {
 <p {...$$restProps} class={classNames(helperClass, colorClasses[color], $$props.class)}>
   <slot />
 </p>
+
+<!--
+  @component
+  ## Feature
+  [Go to Forms](https://flowbite-svelte.com/docs/components/forms)
+  ## Props
+  @prop helperClass: string = 'text-xs font-normal text-gray-500 dark:text-gray-300';
+  @prop color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
+  ## Example
+  ```
+    <Helper class="mt-2" color="green">
+      <span class="font-medium">Well done!</span> Some success message.
+    </Helper>
+  ```
+-->

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

@@ -15,6 +15,19 @@ declare const __propDef: {
 export type HelperProps = typeof __propDef.props;
 export type HelperEvents = typeof __propDef.events;
 export type HelperSlots = typeof __propDef.slots;
+/**
+ * ## Feature
+ * [Go to Forms](https://flowbite-svelte.com/docs/components/forms)
+ * ## Props
+ * @prop helperClass: string = 'text-xs font-normal text-gray-500 dark:text-gray-300';
+ * @prop color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
+ * ## Example
+ * ```
+ *   <Helper class="mt-2" color="green">
+ *     <span class="font-medium">Well done!</span> Some success message.
+ *   </Helper>
+ * ```
+ */
 export default class Helper extends SvelteComponentTyped<HelperProps, HelperEvents, HelperSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Helper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Helper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,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,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Helper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Helper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,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;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/forms/Input.svelte

@@ -81,3 +81,62 @@ let floatClass = 'flex absolute inset-y-0 items-center text-gray-500 dark:text-g
     <div class="{floatClass} right-0 pr-2.5"><slot name="right" /></div>
   {/if}
 </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>
+  ```
+-->

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

@@ -41,6 +41,63 @@ declare const __propDef: {
 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
+ * ## 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>
+ * ```
+ */
 export default class Input extends SvelteComponentTyped<InputProps, InputEvents, InputSlots> {
 }
 export {};

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;AA8F1C,QAAA,MAAM,SAAS;;;;gBADoH,GAAG;eAAS,YAAY,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACzF,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":"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;AAgG1C,QAAA,MAAM,SAAS;;;;gBADoH,GAAG;eAAS,YAAY,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACzF,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"}

package/dist/forms/InputAddon.svelte

@@ -27,3 +27,21 @@ $: divClass = classNames(textSizes[_size], prefixPadding[_size], background ? bo
 <div {...$$restProps} class={divClass}>
   <slot />
 </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>
+  ```
+-->

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

@@ -14,6 +14,22 @@ declare const __propDef: {
 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)
+ * ## 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>
+ * ```
+ */
 export default class InputAddon extends SvelteComponentTyped<InputAddonProps, InputAddonEvents, InputAddonSlots> {
 }
 export {};

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;AA2DD,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,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;AA6DD,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"}

package/dist/forms/Label.svelte

@@ -23,3 +23,23 @@ $: labelClass = classNames(defaultClass, colorClasses[color], $$props.class);
 {:else}
   <slot />
 {/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>
+  ```
+-->

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

@@ -16,6 +16,24 @@ declare const __propDef: {
 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)
+ * ## 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>
+ * ```
+ */
 export default class Label extends SvelteComponentTyped<LabelProps, LabelEvents, LabelSlots> {
 }
 export {};

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;AAqCD,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,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;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/forms/NumberInput.svelte

@@ -21,3 +21,25 @@ export let value = 0;
     on:paste
     on:input />
 </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 
+-->

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

@@ -26,6 +26,26 @@ declare const __propDef: {
 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)
+ * ## 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
+ */
 export default class NumberInput extends SvelteComponentTyped<NumberInputProps, NumberInputEvents, NumberInputSlots> {
 }
 export {};

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;AAeD,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":"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"}

package/dist/forms/Radio.svelte

@@ -1,6 +1,8 @@
 <script context="module">// this part is shared between Radio and Checkbox
 import classNames from 'classnames';
 const colorClasses = {
+    primary: 'text-primary-600 focus:ring-primary-500 dark:focus:ring-primary-600',
+    secondary: 'text-secondary-600 focus:ring-secondary-500 dark:focus:ring-secondary-600',
     red: 'text-red-600 focus:ring-red-500 dark:focus:ring-red-600',
     green: 'text-green-600 focus:ring-green-500 dark:focus:ring-green-600',
     purple: 'text-purple-600 focus:ring-purple-500 dark:focus:ring-purple-600',
@@ -43,3 +45,49 @@ let background = getContext('background');
     {...$$restProps}
     class={inputClass(custom, color, false, background, $$slots.default || $$props.class)} /><slot />
 </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 = 'blue';
+  @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>
+  ```
+-->

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

@@ -33,6 +33,50 @@ declare const __propDef: {
 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
+ * ## Props
+ * @prop color: FormColorType = 'blue';
+ * @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>
+ * ```
+ */
 export default class Radio extends SvelteComponentTyped<RadioProps, RadioEvents, RadioSlots> {
 }
 export {};

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;AAcC,eAAO,MAAM,UAAU,WAAY,OAAO,cAAc,MAAM,WACW,CAAC;AAE1E,eAAO,MAAM,UAAU,WACb,OAAO,SACR,aAAa,WACX,OAAO,UACR,OAAO,cACH,MAAM,GAAG,OAAO,WAU3B,CAAC;AAIN,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA0B9C,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,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,WACW,CAAC;AAE1E,eAAO,MAAM,UAAU,WACb,OAAO,SACR,aAAa,WACX,OAAO,UACR,OAAO,cACH,MAAM,GAAG,OAAO,WAU3B,CAAC;AAIN,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA4B9C,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"}

package/dist/forms/RadioInline.svelte

@@ -1,3 +1,12 @@
 <div class="flex">
   <slot />
 </div>
+
+<!--
+  @component
+  ## Feature
+  [Go to ](https://flowbite-svelte.com/docs/components/)
+
+  ## Props
+  
+-->

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

@@ -1,6 +1,12 @@
 /** @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
+ */
 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":"AASA,0DAA0D;AAC1D,4DAA4D;AAC5D,0DAA0D;AAE1D;;;;;;;CACC;+BALa,OAAO,UAAU,KAAK;gCACtB,OAAO,UAAU,MAAM;+BACvB,OAAO,UAAU,KAAK;qCAXC,QAAQ;AAQ7C;;;;;;;;;;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;;;;;GAKG;AACH;;;;;;;CACC;+BAXa,OAAO,UAAU,KAAK;gCACtB,OAAO,UAAU,MAAM;+BACvB,OAAO,UAAU,KAAK;qCAbC,QAAQ;AAU7C;;;;;;;;;;EAA8E"}

package/dist/forms/Range.svelte

@@ -20,3 +20,26 @@ $: inputClass = classNames('w-full bg-gray-200 rounded-lg appearance-none cursor
   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
+-->

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

@@ -19,6 +19,27 @@ declare const __propDef: {
 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
+ * ## Props
+ * @prop value: number;
+ * @prop size: 'sm' | 'md' | 'lg' = 'md';
+ * ## Event
+ * - on:change
+ * - on:click
+ * - on:keydown
+ * - on:keypress
+ * - on:keyup
+ */
 export default class Range extends SvelteComponentTyped<RangeProps, RangeEvents, RangeSlots> {
 }
 export {};

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;AA0BD,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,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;AA4BD,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"}