flowbite-svelte 0.47.2 → 1.0.0-next.1

package/dist/forms/Input.svelte

@@ -1,88 +0,0 @@
-<script context="module">export function clampSize(s) {
-  return s && s === "xs" ? "sm" : s === "xl" ? "lg" : s;
-}
-</script>
-
-<script>import Wrapper from "../utils/Wrapper.svelte";
-import { twMerge } from "tailwind-merge";
-import { createEventDispatcher, getContext } from "svelte";
-import CloseButton from "../utils/CloseButton.svelte";
-export let type = "text";
-export let value = void 0;
-export let size = void 0;
-export let clearable = false;
-export let defaultClass = "block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right";
-export let color = "base";
-export let floatClass = "flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400";
-export let classLeft = "";
-export let classRight = "";
-const dispatcher = createEventDispatcher();
-const borderClasses = {
-  base: "border border-gray-300 dark:border-gray-600",
-  tinted: "border border-gray-300 dark:border-gray-500",
-  green: "border border-green-500 dark:border-green-400",
-  red: "border border-red-500 dark:border-red-400"
-};
-const ringClasses = {
-  base: "focus:border-primary-500 focus:ring-primary-500 dark:focus:border-primary-500 dark:focus:ring-primary-500",
-  green: "focus:ring-green-500 focus:border-green-500 dark:focus:border-green-500 dark:focus:ring-green-500",
-  red: "focus:ring-red-500 focus:border-red-500 dark:focus:ring-red-500 dark:focus:border-red-500"
-};
-const colorClasses = {
-  base: "bg-gray-50 text-gray-900 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400",
-  tinted: "bg-gray-50 text-gray-900 dark:bg-gray-600 dark:text-white dark:placeholder-gray-400",
-  green: "bg-green-50 text-green-900 placeholder-green-700 dark:text-green-400 dark:placeholder-green-500 dark:bg-gray-700",
-  red: "bg-red-50 text-red-900 placeholder-red-700 dark:text-red-500 dark:placeholder-red-500 dark:bg-gray-700"
-};
-let background = getContext("background");
-let group = getContext("group");
-const textSizes = { sm: "sm:text-xs", md: "text-sm", lg: "sm:text-base" };
-const leftPadding = { sm: "ps-9", md: "ps-10", lg: "ps-11" };
-const rightPadding = { sm: "pe-9", md: "pe-10", lg: "pe-11" };
-const inputPadding = { sm: "p-2", md: "p-2.5", lg: "p-3" };
-$: _size = size || clampSize(group?.size) || "md";
-let inputClass;
-$: {
-  const _color = color === "base" && background ? "tinted" : color;
-  inputClass = twMerge([defaultClass, inputPadding[_size], $$slots.left && leftPadding[_size] || (clearable || $$slots.right) && rightPadding[_size], ringClasses[color], colorClasses[_color], borderClasses[_color], textSizes[_size], group || "rounded-lg", group && "first:rounded-s-lg last:rounded-e-lg", group && "[&:not(:first-child)]:-ms-px", $$props.class]);
-}
-const clearAll = (e) => {
-  e.stopPropagation();
-  value = void 0;
-  dispatcher("change");
-};
-</script>
-
-<Wrapper class="relative w-full" show={$$slots.left || $$slots.right}>
-  {#if $$slots.left}
-    <div class="{twMerge(floatClass, classLeft)} start-0 ps-2.5 pointer-events-none">
-      <slot name="left" />
-    </div>
-  {/if}
-  <slot props={{ ...$$restProps, class: inputClass }}>
-    <input {...$$restProps} bind:value 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 {...{ type }} class={inputClass} />
-  </slot>
-  {#if $$slots.right}
-  <div class="{twMerge(floatClass, classRight)} end-0 pe-2.5">
-    <slot name="right"></slot>
-  </div>
-  {/if}
-  {#if clearable && value && `${value}`.length > 0}
-    <CloseButton {size} on:click={clearAll} color="none" class=" {twMerge(floatClass, classRight)} focus:ring-0 end-6 focus:ring-gray-400 dark:text-white" />
-  {/if}
-</Wrapper>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let type: $$Props['type'] = 'text';
-@prop export let value: $$Props['value'] = undefined;
-@prop export let size: $$Props['size'] = undefined;
-@prop export let clearable: $$Props['clearable'] = false;
-@prop export let defaultClass: $$Props['defaultClass'] = 'block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right';
-@prop export let color: NonNullable<$$Props['color']> = 'base';
-@prop export let floatClass: $$Props['floatClass'] = 'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400';
-@prop export let classLeft: $$Props['classLeft'] = '';
-@prop export let classRight: $$Props['classRight'] = '';
--->

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

@@ -1,63 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { SizeType, FormSizeType } from '../types';
-export declare function clampSize(s: SizeType): "sm" | "lg" | "md";
-import type { HTMLInputAttributes } from 'svelte/elements';
-import type { InputType } from '../types';
-declare const __propDef: {
-    props: Omit<HTMLInputAttributes, "size"> & {
-        type?: InputType;
-        value?: any;
-        size?: FormSizeType;
-        clearable?: boolean;
-        defaultClass?: string;
-        color?: "base" | "green" | "red";
-        floatClass?: string;
-        classLeft?: string;
-        classRight?: string;
-    };
-    events: {
-        blur: FocusEvent;
-        change: CustomEvent<any>;
-        click: MouseEvent;
-        contextmenu: MouseEvent;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-        mouseover: MouseEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        paste: ClipboardEvent;
-        input: Event;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        left: {};
-        default: {
-            props: {
-                class: string;
-            };
-        };
-        right: {};
-    };
-};
-export type InputProps = typeof __propDef.props;
-export type InputEvents = typeof __propDef.events;
-export type InputSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let type: $$Props['type'] = 'text';
- * @prop export let value: $$Props['value'] = undefined;
- * @prop export let size: $$Props['size'] = undefined;
- * @prop export let clearable: $$Props['clearable'] = false;
- * @prop export let defaultClass: $$Props['defaultClass'] = 'block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right';
- * @prop export let color: NonNullable<$$Props['color']> = 'base';
- * @prop export let floatClass: $$Props['floatClass'] = 'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400';
- * @prop export let classLeft: $$Props['classLeft'] = '';
- * @prop export let classRight: $$Props['classRight'] = '';
- */
-export default class Input extends SvelteComponentTyped<InputProps, InputEvents, InputSlots> {
-}
-export {};

package/dist/forms/InputAddon.svelte

@@ -1,34 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-import { getContext } from "svelte";
-import { clampSize } from "./Input.svelte";
-export let size = void 0;
-let background = getContext("background");
-let group = getContext("group");
-const borderClasses = {
-  base: "border-gray-300 dark:border-gray-600",
-  tinted: "border-gray-300 dark:border-gray-500"
-};
-const darkBgClasses = {
-  base: "dark:bg-gray-600 dark:text-gray-400",
-  tinted: "dark:bg-gray-500 dark:text-gray-300"
-};
-const divider = {
-  base: "dark:border-e-gray-700 dark:last:border-e-gray-600",
-  tinted: "dark:border-e-gray-600 dark:last:border-e-gray-500"
-};
-const textSizes = { sm: "sm:text-xs", md: "text-sm", lg: "sm:text-base" };
-const prefixPadding = { sm: "px-2", md: "px-3", lg: "px-4" };
-$: _size = size || clampSize(group?.size) || "md";
-$: divClass = twMerge(textSizes[_size], prefixPadding[_size], "text-gray-500 bg-gray-200", background ? darkBgClasses.tinted : darkBgClasses.base, background ? divider.tinted : divider.base, background ? borderClasses["tinted"] : borderClasses["base"], "inline-flex items-center border", group && "[&:not(:first-child)]:-ms-px", "first:rounded-s-lg last:rounded-e-lg", $$props.class);
-</script>
-
-<div {...$$restProps} class={divClass}>
-  <slot />
-</div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let size: $$Props['size'] = undefined;
--->

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

@@ -1,24 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement> & {
-        size?: "sm" | "md" | "lg";
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type InputAddonProps = typeof __propDef.props;
-export type InputAddonEvents = typeof __propDef.events;
-export type InputAddonSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let size: $$Props['size'] = undefined;
- */
-export default class InputAddon extends SvelteComponentTyped<InputAddonProps, InputAddonEvents, InputAddonSlots> {
-}
-export {};

package/dist/forms/Label.svelte

@@ -1,33 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let color = "gray";
-export let defaultClass = "text-sm rtl:text-right font-medium block";
-export let show = true;
-let node;
-const colorClasses = {
-  gray: "text-gray-900 dark:text-gray-300",
-  green: "text-green-700 dark:text-green-500",
-  red: "text-red-700 dark:text-red-500",
-  disabled: "text-gray-400 dark:text-gray-500 grayscale contrast-50"
-};
-$: {
-  const control = node?.control;
-  color = control?.disabled ? "disabled" : color;
-}
-$: labelClass = twMerge(defaultClass, colorClasses[color], $$props.class);
-</script>
-
-{#if show}
-  <!-- svelte-ignore a11y-label-has-associated-control -->
-  <label bind:this={node} {...$$restProps} class={labelClass}><slot /></label>
-{:else}
-  <slot />
-{/if}
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let color: NonNullable<$$Props['color']> = 'gray';
-@prop export let defaultClass: $$Props['defaultClass'] = 'text-sm rtl:text-right font-medium block';
-@prop export let show: $$Props['show'] = true;
--->

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

@@ -1,28 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLLabelAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLLabelAttributes & {
-        color?: "gray" | "green" | "red" | "disabled";
-        defaultClass?: string;
-        show?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type LabelProps = typeof __propDef.props;
-export type LabelEvents = typeof __propDef.events;
-export type LabelSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let color: NonNullable<$$Props['color']> = 'gray';
- * @prop export let defaultClass: $$Props['defaultClass'] = 'text-sm rtl:text-right font-medium block';
- * @prop export let show: $$Props['show'] = true;
- */
-export default class Label extends SvelteComponentTyped<LabelProps, LabelEvents, LabelSlots> {
-}
-export {};

package/dist/forms/MultiSelect.svelte

@@ -1,156 +0,0 @@
-<script>import Badge from "../badge/Badge.svelte";
-import CloseButton from "../utils/CloseButton.svelte";
-import { twMerge } from "tailwind-merge";
-import { createEventDispatcher } from "svelte";
-export let items = [];
-export let value = [];
-export let size = "md";
-export let dropdownClass = "";
-export let placeholder = "";
-export let disabled = false;
-const dispatcher = createEventDispatcher();
-$: selectItems = items.filter((x) => value.includes(x.value));
-let show = false;
-const sizes = {
-  sm: "px-2 py-1 min-h-[2.4rem]",
-  md: "px-3 py-1 min-h-[2.7rem]",
-  lg: "px-4 py-2 min-h-[3.2rem]"
-};
-const multiSelectClass = "relative border border-gray-300 flex items-center rounded-lg gap-2 dark:border-gray-600 ring-primary-500 dark:ring-primary-500 focus-visible:outline-none";
-let multiSelectDropdown;
-$: multiSelectDropdown = twMerge("absolute z-50 p-3 flex flex-col gap-1 max-h-64 bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-600 start-0 top-[calc(100%+1rem)] rounded-lg cursor-pointer overflow-y-scroll w-full", dropdownClass);
-const itemsClass = "py-2 px-3 rounded-lg text-gray-600 hover:text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:text-gray-300 dark:hover:bg-gray-600";
-const itemsSelectClass = "bg-gray-100 text-black font-semibold hover:text-black dark:text-white dark:bg-gray-600 dark:hover:text-white";
-let activeIndex = null;
-$: activeItem = activeIndex !== null ? items[(activeIndex % items.length + items.length) % items.length] : null;
-const activeItemClass = "bg-primary-100 text-primary-500 dark:bg-primary-500 dark:text-primary-100 hover:bg-primary-100 dark:hover:bg-primary-500 hover:text-primary-600 dark:hover:text-primary-100";
-const selectOption = (select) => {
-  if (disabled) return;
-  if (select.disabled) return;
-  if (value.includes(select.value)) {
-    clearThisOption(select);
-  } else if (!value.includes(select.value)) {
-    value = [...value, select.value];
-    dispatcher("change");
-  }
-};
-const clearAll = (e) => {
-  if (disabled) return;
-  e.stopPropagation();
-  value = [];
-  dispatcher("change");
-};
-const clearThisOption = (select) => {
-  if (disabled) return;
-  if (value.includes(select.value)) {
-    value = value.filter((o) => o !== select.value);
-    dispatcher("change");
-  }
-};
-function handleEscape() {
-  if (disabled) return;
-  if (show) {
-    show = false;
-  }
-}
-function handleToggleActiveItem() {
-  if (disabled) return;
-  if (!show) {
-    show = true;
-    activeIndex = 0;
-  } else {
-    if (activeItem !== null) selectOption(activeItem);
-  }
-}
-function handleArrowUpDown(offset) {
-  if (disabled) return;
-  if (!show) {
-    show = true;
-    activeIndex = 0;
-  } else {
-    if (activeIndex !== null) {
-      activeIndex += offset;
-    } else {
-      activeIndex = 0;
-    }
-  }
-}
-function handleKeyDown(event) {
-  if (disabled) return;
-  switch (event.key) {
-    case "Escape":
-      handleEscape();
-      break;
-    case "Enter":
-    case " ":
-      handleToggleActiveItem();
-      break;
-    case "ArrowDown":
-      handleArrowUpDown(1);
-      break;
-    case "ArrowUp":
-      handleArrowUpDown(-1);
-      break;
-    default:
-      return;
-  }
-  event.stopPropagation();
-  event.preventDefault();
-}
-</script>
-
-<!-- Hidden select for form submission -->
-<select {...$$restProps} {value} hidden multiple on:input>
-  {#each items as { value, name, disabled }}
-    <option {value} {disabled}>{name}</option>
-  {/each}
-</select>
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-<div on:click={() => !disabled && (show = !show)} on:focusout={() => !disabled && (show = false)} on:keydown={handleKeyDown} tabindex="0" role="listbox" class={twMerge(multiSelectClass, sizes[size], $$props.class, !disabled && "focus-within:ring-1 focus-within:border-primary-500 dark:focus-within:border-primary-500", disabled && "opacity-50 cursor-not-allowed")}>
-  {#if !selectItems.length}
-    <span class="text-gray-400">{placeholder}</span>
-  {/if}
-  <span class="flex gap-2 flex-wrap">
-    {#if selectItems.length}
-      {#each selectItems as item (item.name)}
-        <slot {item} clear={() => clearThisOption(item)}>
-          <Badge color="dark" large={size === 'lg'} dismissable params={{ duration: 100 }} on:close={() => clearThisOption(item)} class={disabled ? "pointer-events-none" : undefined} >
-            {item.name}
-          </Badge>
-        </slot>
-      {/each}
-    {/if}
-  </span>
-  <div class="flex ms-auto gap-2 items-center">
-    {#if selectItems.length}
-      <CloseButton {size} on:click={clearAll} color="none" class={twMerge("p-0 focus:ring-gray-400 dark:text-white", disabled && "cursor-not-allowed")} disabled={disabled} />
-    {/if}
-    <div class="w-[1px] bg-gray-300 dark:bg-gray-600"></div>
-    <svg class={twMerge("cursor-pointer h-3 w-3 ms-1 text-gray-800 dark:text-white", disabled && "cursor-not-allowed")} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d={show ? 'm1 5 4-4 4 4' : 'm9 1-4 4-4-4'} />
-    </svg>
-  </div>
-
-  {#if show}
-    <div on:click|stopPropagation role="presentation" class={multiSelectDropdown}>
-      {#each items as item (item.name)}
-        <!-- svelte-ignore a11y-click-events-have-key-events -->
-        <div on:click={() => selectOption(item)} role="presentation" class={twMerge(itemsClass, selectItems.includes(item) && itemsSelectClass, activeItem === item && activeItemClass, disabled && "pointer-events-none", item.disabled && "opacity-50 cursor-not-allowed")}>
-          {item.name}
-        </div>
-      {/each}
-    </div>
-  {/if}
-</div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let items: NonNullable<$$Props['items']> = [];
-@prop export let value: NonNullable<$$Props['value']> = [];
-@prop export let size: NonNullable<$$Props['size']> = 'md';
-@prop export let dropdownClass: $$Props['dropdownClass'] = '';
-@prop export let placeholder: $$Props['placeholder'] = '';
-@prop export let disabled: $$Props['disabled'] = false;
--->

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

@@ -1,42 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLSelectAttributes } from 'svelte/elements';
-import type { FormSizeType, SelectOptionType } from '../types';
-declare const __propDef: {
-    props: Omit<HTMLSelectAttributes, "size"> & {
-        items?: SelectOptionType<any>[];
-        value?: (string | number)[];
-        size?: FormSizeType;
-        dropdownClass?: string;
-        placeholder?: string;
-        disabled?: boolean;
-    };
-    events: {
-        input: Event;
-        click: MouseEvent;
-        change: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            item: SelectOptionType<any>;
-            clear: () => void;
-        };
-    };
-};
-export type MultiSelectProps = typeof __propDef.props;
-export type MultiSelectEvents = typeof __propDef.events;
-export type MultiSelectSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let items: NonNullable<$$Props['items']> = [];
- * @prop export let value: NonNullable<$$Props['value']> = [];
- * @prop export let size: NonNullable<$$Props['size']> = 'md';
- * @prop export let dropdownClass: $$Props['dropdownClass'] = '';
- * @prop export let placeholder: $$Props['placeholder'] = '';
- * @prop export let disabled: $$Props['disabled'] = false;
- */
-export default class MultiSelect extends SvelteComponentTyped<MultiSelectProps, MultiSelectEvents, MultiSelectSlots> {
-}
-export {};

package/dist/forms/NumberInput.svelte

@@ -1,14 +0,0 @@
-<script>import Input from "./Input.svelte";
-export let value = 0;
-</script>
-
-<Input let:props {...$$restProps}>
-  <input {...props} type="number" bind:value 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 />
-</Input>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let value: $$Props['value'] = 0;
--->

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

@@ -1,45 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Omit<import("svelte/elements").HTMLInputAttributes, "size"> & {
-        type?: import("..").InputType;
-        value?: any;
-        size?: import("..").FormSizeType;
-        clearable?: boolean;
-        defaultClass?: string;
-        color?: "base" | "green" | "red";
-        floatClass?: string;
-        classLeft?: string;
-        classRight?: string;
-    } & {
-        value?: number;
-    };
-    events: {
-        blur: FocusEvent;
-        change: Event;
-        click: MouseEvent;
-        contextmenu: MouseEvent;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-        mouseover: MouseEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        paste: ClipboardEvent;
-        input: Event;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type NumberInputProps = typeof __propDef.props;
-export type NumberInputEvents = typeof __propDef.events;
-export type NumberInputSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let value: $$Props['value'] = 0;
- */
-export default class NumberInput extends SvelteComponentTyped<NumberInputProps, NumberInputEvents, NumberInputSlots> {
-}
-export {};

package/dist/forms/Radio.svelte

@@ -1,48 +0,0 @@
-<script context="module">import { twMerge } from "tailwind-merge";
-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",
-  teal: "text-teal-600 focus:ring-teal-500 dark:focus:ring-teal-600",
-  yellow: "text-yellow-400 focus:ring-yellow-500 dark:focus:ring-yellow-600",
-  orange: "text-orange-500 focus:ring-orange-500 dark:focus:ring-orange-600",
-  blue: "text-blue-600 focus:ring-blue-500 dark:focus:ring-blue-600"
-};
-export const labelClass = (inline, extraClass) => twMerge(inline ? "inline-flex" : "flex", "items-center", extraClass);
-export const inputClass = (custom, color, rounded, tinted, spacing, extraClass) => twMerge("w-4 h-4 bg-gray-100 border-gray-300 dark:ring-offset-gray-800 focus:ring-2", spacing, tinted ? "dark:bg-gray-600 dark:border-gray-500" : "dark:bg-gray-700 dark:border-gray-600", custom && "sr-only peer", rounded && "rounded", colorClasses[color], extraClass);
-</script>
-
-<script>import { getContext } from "svelte";
-import Label from "./Label.svelte";
-export let color = "primary";
-export let custom = false;
-export let inline = false;
-export let group = void 0;
-export let value = "";
-export let spacing = $$slots.default ? "me-2" : "";
-export let checked = false;
-let background = getContext("background");
-$: if (checked && group === void 0) {
-  group = value;
-}
-</script>
-
-<Label class={labelClass(inline, $$props.class)} show={$$slots.default}>
-  <input type="radio" bind:group={group} on:blur on:change on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover on:paste {value} {...$$restProps} class={inputClass(custom, color, false, background, spacing, $$slots.default || $$props.class)} />
-  <slot />
-</Label>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let color: NonNullable<$$Props['color']> = 'primary';
-@prop export let custom: NonNullable<$$Props['custom']> = false;
-@prop export let inline: NonNullable<$$Props['inline']> = false;
-@prop export let group: $$Props['group'] = undefined;
-@prop export let value: $$Props['value'] = '';
-@prop export let spacing: NonNullable<$$Props['spacing']> = $$slots.default ? 'me-2' : '';
-@prop export let checked: $$Props['checked'] = false;
--->

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

@@ -1,51 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export declare const labelClass: (inline: boolean, extraClass: string) => string;
-export declare const inputClass: (custom: boolean, color: FormColorType, rounded: boolean, tinted: boolean, spacing: string, extraClass: string) => string;
-import type { HTMLInputAttributes } from 'svelte/elements';
-import type { FormColorType } from '../types';
-declare const __propDef: {
-    props: HTMLInputAttributes & {
-        color?: FormColorType;
-        custom?: boolean;
-        inline?: boolean;
-        group?: number | string | undefined;
-        value?: number | string;
-        spacing?: string;
-        checked?: boolean;
-    };
-    events: {
-        blur: FocusEvent;
-        change: Event;
-        click: MouseEvent;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        mouseover: MouseEvent;
-        paste: ClipboardEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type RadioProps = typeof __propDef.props;
-export type RadioEvents = typeof __propDef.events;
-export type RadioSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let color: NonNullable<$$Props['color']> = 'primary';
- * @prop export let custom: NonNullable<$$Props['custom']> = false;
- * @prop export let inline: NonNullable<$$Props['inline']> = false;
- * @prop export let group: $$Props['group'] = undefined;
- * @prop export let value: $$Props['value'] = '';
- * @prop export let spacing: NonNullable<$$Props['spacing']> = $$slots.default ? 'me-2' : '';
- * @prop export let checked: $$Props['checked'] = false;
- */
-export default class Radio extends SvelteComponentTyped<RadioProps, RadioEvents, RadioSlots> {
-}
-export {};