flowbite-svelte 0.48.4 → 1.0.0-next.2

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

@@ -1,51 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLInputAttributes } from 'svelte/elements';
-import type { ButtonColorType, SizeType } from '../types';
-declare const __propDef: {
-    props: Omit<HTMLInputAttributes, "size"> & {
-        group: string | number;
-        value: string | number;
-        inline?: boolean;
-        pill?: boolean;
-        outline?: boolean;
-        size?: SizeType | undefined;
-        color?: ButtonColorType | undefined;
-        shadow?: boolean;
-    };
-    events: {
-        keyup: KeyboardEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        focus: FocusEvent;
-        blur: FocusEvent;
-        click: MouseEvent;
-        mouseover: MouseEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        paste: ClipboardEvent;
-        change: Event;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type RadioButtonProps = typeof __propDef.props;
-export type RadioButtonEvents = typeof __propDef.events;
-export type RadioButtonSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let group: $$Props['group'] = '';
- * @prop export let value: $$Props['value'] = '';
- * @prop export let inline: $$Props['inline'] = true;
- * @prop export let pill: $$Props['pill'] = false;
- * @prop export let outline: $$Props['outline'] = false;
- * @prop export let size: $$Props['size'] = undefined;
- * @prop export let color: $$Props['color'] = undefined;
- * @prop export let shadow: $$Props['shadow'] = false;
- */
-export default class RadioButton extends SvelteComponentTyped<RadioButtonProps, RadioButtonEvents, RadioButtonSlots> {
-}
-export {};

package/dist/forms/Range.svelte

@@ -1,21 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let value = 0;
-export let size = "md";
-const sizes = {
-  sm: "h-1 range-sm",
-  md: "h-2",
-  lg: "h-3 range-lg"
-};
-let inputClass;
-$: inputClass = twMerge("w-full bg-gray-200 rounded-lg appearance-none cursor-pointer dark:bg-gray-700", sizes[size] ?? sizes.md, $$props.class);
-</script>
-
-<input type="range" bind:value {...$$restProps} class={inputClass} on:change on:click on:keydown on:keypress on:keyup />
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let value: $$Props['value'] = 0;
-@prop export let size: NonNullable<$$Props['size']> = 'md';
--->

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

@@ -1,30 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLInputAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: Omit<HTMLInputAttributes, "size"> & {
-        value?: number;
-        size?: "sm" | "md" | "lg";
-    };
-    events: {
-        change: Event;
-        click: MouseEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RangeProps = typeof __propDef.props;
-export type RangeEvents = typeof __propDef.events;
-export type RangeSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let value: $$Props['value'] = 0;
- * @prop export let size: NonNullable<$$Props['size']> = 'md';
- */
-export default class Range extends SvelteComponentTyped<RangeProps, RangeEvents, RangeSlots> {
-}
-export {};

package/dist/forms/Search.svelte

@@ -1,40 +0,0 @@
-<script>import Wrapper from "../utils/Wrapper.svelte";
-import Input from "./Input.svelte";
-export let size = "lg";
-export let placeholder = "Search";
-export let value = void 0;
-const sizes = {
-  sm: "w-3.5 h-3.5",
-  md: "w-5 h-5",
-  lg: "w-6 h-6"
-};
-</script>
-
-<Wrapper class="relative w-full" show={$$slots.default}>
-  <Input bind:value on:blur on:change on:input on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover on:paste type="search" {placeholder} {size} {...$$restProps} class={$$props.class}>
-    <svg slot="left" class={sizes[size]} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-      <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
-    </svg>
-    <!-- We can use it here. See below. This will trigger right padding
-      <slot slot="right" />
-    -->
-  </Input>
-  <!-- This slot should be within Input as a slot='right'
-    Svelete has an issue with forwarded slots and even empty slot here will appear as existing slot in Input.
-    Due to that we need the below slot and Wrapper around
-  -->
-  {#if $$slots.default}
-    <div class="flex absolute inset-y-0 end-0 items-center text-gray-500 dark:text-gray-400">
-      <slot />
-    </div>
-  {/if}
-</Wrapper>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let size: NonNullable<$$Props['size']> = 'lg';
-@prop export let placeholder: $$Props['placeholder'] = 'Search';
-@prop export let value: $$Props['value'] = undefined;
--->

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

@@ -1,52 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { FormSizeType } from '../types';
-declare const __propDef: {
-    props: Omit<import("svelte/elements").HTMLInputAttributes, "size"> & {
-        type?: import("../types").InputType;
-        value?: any;
-        size?: FormSizeType;
-        clearable?: boolean;
-        defaultClass?: string;
-        color?: "base" | "green" | "red";
-        floatClass?: string;
-        classLeft?: string;
-        classRight?: string;
-        wrapperClass?: string;
-    } & {
-        size?: FormSizeType;
-        placeholder?: string;
-        value?: any;
-    };
-    events: {
-        blur: FocusEvent;
-        change: CustomEvent<any>;
-        input: 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 SearchProps = typeof __propDef.props;
-export type SearchEvents = typeof __propDef.events;
-export type SearchSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let size: NonNullable<$$Props['size']> = 'lg';
- * @prop export let placeholder: $$Props['placeholder'] = 'Search';
- * @prop export let value: $$Props['value'] = undefined;
- */
-export default class Search extends SvelteComponentTyped<SearchProps, SearchEvents, SearchSlots> {
-}
-export {};

package/dist/forms/Select.svelte

@@ -1,43 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let items = [];
-export let value = "";
-export let placeholder = "Choose option ...";
-export let underline = false;
-export let size = "md";
-export let defaultClass = "text-gray-900 disabled:text-gray-400 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:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500";
-export let underlineClass = "text-gray-500 disabled:text-gray-400 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:disabled:text-gray-500 dark:border-gray-700 focus:outline-hidden focus:ring-0 focus:border-gray-200 peer";
-const common = "block w-full";
-const sizes = {
-  sm: "text-sm p-2",
-  md: "text-sm p-2.5",
-  lg: "text-base py-3 px-4"
-};
-let selectClass;
-$: selectClass = twMerge(common, underline ? underlineClass : defaultClass, sizes[size], underline && "px-0!", $$props.class);
-</script>
-
-<select {...$$restProps} bind:value={value} class={selectClass} on:change on:contextmenu on:input>
-  {#if placeholder}
-    <option disabled selected={(value === undefined) ? true : undefined} value="">{placeholder}</option>
-  {/if}
-  {#if items && items.length > 0}
-    {#each items as { value: itemValue, name, disabled }}
-      <option disabled={disabled} value={itemValue} selected={(itemValue === value) ? true : undefined}>{name}</option>
-    {/each}
-  {:else}
-    <slot />
-  {/if}
-</select>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let items: $$Props['items'] = [];
-@prop export let value: $$Props['value'] = '';
-@prop export let placeholder: $$Props['placeholder'] = 'Choose option ...';
-@prop export let underline: $$Props['underline'] = false;
-@prop export let size: NonNullable<$$Props['size']> = 'md';
-@prop export let defaultClass: $$Props['defaultClass'] = 'text-gray-900 disabled:text-gray-400 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:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
-@prop export let underlineClass: $$Props['underlineClass'] = 'text-gray-500 disabled:text-gray-400 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:disabled:text-gray-500 dark:border-gray-700 focus:outline-hidden focus:ring-0 focus:border-gray-200 peer';
--->

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

@@ -1,41 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLSelectAttributes } from 'svelte/elements';
-import type { SelectOptionType } from '../types';
-declare const __propDef: {
-    props: Omit<HTMLSelectAttributes, "size"> & {
-        items?: SelectOptionType<any>[];
-        value?: any;
-        placeholder?: string;
-        underline?: boolean;
-        size?: "sm" | "md" | "lg";
-        defaultClass?: string;
-        underlineClass?: string;
-    };
-    events: {
-        change: Event;
-        contextmenu: MouseEvent;
-        input: Event;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type SelectProps = typeof __propDef.props;
-export type SelectEvents = typeof __propDef.events;
-export type SelectSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let items: $$Props['items'] = [];
- * @prop export let value: $$Props['value'] = '';
- * @prop export let placeholder: $$Props['placeholder'] = 'Choose option ...';
- * @prop export let underline: $$Props['underline'] = false;
- * @prop export let size: NonNullable<$$Props['size']> = 'md';
- * @prop export let defaultClass: $$Props['defaultClass'] = 'text-gray-900 disabled:text-gray-400 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:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
- * @prop export let underlineClass: $$Props['underlineClass'] = 'text-gray-500 disabled:text-gray-400 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:disabled:text-gray-500 dark:border-gray-700 focus:outline-hidden focus:ring-0 focus:border-gray-200 peer';
- */
-export default class Select extends SvelteComponentTyped<SelectProps, SelectEvents, SelectSlots> {
-}
-export {};

package/dist/forms/Textarea.svelte

@@ -1,47 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-import { getContext } from "svelte";
-import Wrapper from "../utils/Wrapper.svelte";
-export let value = void 0;
-export let wrappedClass = "block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-hidden focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50";
-export let unWrappedClass = "p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50";
-export let innerWrappedClass = "py-2 px-4 bg-white dark:bg-gray-800";
-export let headerClass = "";
-export let footerClass = "";
-const background = getContext("background");
-let wrapped;
-$: wrapped = $$slots.header || $$slots.footer;
-let wrapperClass;
-$: wrapperClass = twMerge("w-full rounded-lg bg-gray-50", background ? "dark:bg-gray-600" : "dark:bg-gray-700", "text-gray-900 dark:placeholder-gray-400 dark:text-white", "border border-gray-200", background ? "dark:border-gray-500" : "dark:border-gray-600", $$props.class);
-$: textareaClass = wrapped ? wrappedClass : twMerge(wrapperClass, unWrappedClass);
-const headerCls = (header) => twMerge(header ? "border-b" : "border-t", "py-2 px-3 border-gray-200", background ? "dark:border-gray-500" : "dark:border-gray-600", header ? headerClass : footerClass);
-let innerWrapperClass;
-$: innerWrapperClass = twMerge(innerWrappedClass, $$slots.footer ? "" : "rounded-b-lg", $$slots.header ? "" : "rounded-t-lg");
-</script>
-
-<Wrapper show={wrapped} class={wrapperClass}>
-  {#if $$slots.header}
-    <div class={headerCls(true)}>
-      <slot name="header"></slot>
-    </div>
-  {/if}
-  <Wrapper show={wrapped} class={innerWrapperClass}>
-    <textarea bind:value 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 on:select {...$$restProps} class={textareaClass}></textarea>
-  </Wrapper>
-  {#if $$slots.footer}
-    <div class={headerCls(false)}>
-      <slot name="footer"></slot>
-    </div>
-  {/if}
-</Wrapper>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let value: $$Props['value'] = undefined;
-@prop export let wrappedClass: $$Props['wrappedClass'] = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-hidden focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50';
-@prop export let unWrappedClass: $$Props['unWrappedClass'] = 'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50';
-@prop export let innerWrappedClass: $$Props['innerWrappedClass'] = 'py-2 px-4 bg-white dark:bg-gray-800';
-@prop export let headerClass: $$Props['headerClass'] = ''
-  export let footerClass: $$Props['footerClass'] = '';
--->

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

@@ -1,50 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLTextareaAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLTextareaAttributes & {
-        value?: string;
-        wrappedClass?: string;
-        unWrappedClass?: string;
-        innerWrappedClass?: string;
-        headerClass?: string;
-        footerClass?: string;
-    };
-    events: {
-        blur: FocusEvent;
-        change: Event;
-        click: MouseEvent;
-        contextmenu: MouseEvent;
-        focus: FocusEvent;
-        input: Event;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        mouseover: MouseEvent;
-        paste: ClipboardEvent;
-        select: Event;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        header: {};
-        footer: {};
-    };
-};
-export type TextareaProps = typeof __propDef.props;
-export type TextareaEvents = typeof __propDef.events;
-export type TextareaSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let value: $$Props['value'] = undefined;
- * @prop export let wrappedClass: $$Props['wrappedClass'] = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-hidden focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50';
- * @prop export let unWrappedClass: $$Props['unWrappedClass'] = 'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50';
- * @prop export let innerWrappedClass: $$Props['innerWrappedClass'] = 'py-2 px-4 bg-white dark:bg-gray-800';
- * @prop export let headerClass: $$Props['headerClass'] = ''
- * export let footerClass: $$Props['footerClass'] = '';
- */
-export default class Textarea extends SvelteComponentTyped<TextareaProps, TextareaEvents, TextareaSlots> {
-}
-export {};

package/dist/forms/Toggle.svelte

@@ -1,53 +0,0 @@
-<script>import { getContext } from "svelte";
-import { twMerge } from "tailwind-merge";
-import Checkbox from "./Checkbox.svelte";
-export let size = "default";
-export let group = [];
-export let value = "";
-export let checked = void 0;
-export let customSize = "";
-export let classDiv = "";
-export let disabled = false;
-let background = getContext("background");
-const common = "me-3 shrink-0 bg-gray-200 rounded-full peer-focus:ring-4 peer-checked:after:translate-x-full peer-checked:rtl:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:bg-white after:border-gray-300 after:border after:rounded-full after:transition-all";
-const colors = {
-  primary: "peer-focus:ring-primary-300 dark:peer-focus:ring-primary-800 peer-checked:bg-primary-600",
-  secondary: "peer-focus:ring-secondary-300 dark:peer-focus:ring-secondary-800 peer-checked:bg-secondary-600",
-  red: "peer-focus:ring-red-300 dark:peer-focus:ring-red-800 peer-checked:bg-red-600",
-  green: "peer-focus:ring-green-300 dark:peer-focus:ring-green-800 peer-checked:bg-green-600",
-  purple: "peer-focus:ring-purple-300 dark:peer-focus:ring-purple-800 peer-checked:bg-purple-600",
-  yellow: "peer-focus:ring-yellow-300 dark:peer-focus:ring-yellow-800 peer-checked:bg-yellow-400",
-  teal: "peer-focus:ring-teal-300 dark:peer-focus:ring-teal-800 peer-checked:bg-teal-600",
-  orange: "peer-focus:ring-orange-300 dark:peer-focus:ring-orange-800 peer-checked:bg-orange-500",
-  blue: "peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 peer-checked:bg-blue-600"
-};
-const sizes = {
-  small: "w-9 h-5 after:top-[2px] after:start-[2px] after:h-4 after:w-4",
-  default: "w-11 h-6 after:top-0.5 after:start-[2px] after:h-5 after:w-5",
-  large: "w-14 h-7 after:top-0.5 after:start-[4px]  after:h-6 after:w-6",
-  custom: customSize
-};
-let divClass;
-$: divClass = twMerge(common, $$slots.offLabel ? "ms-3" : "", background ? "dark:bg-gray-600 dark:border-gray-500" : "dark:bg-gray-700 dark:border-gray-600", colors[$$restProps.color ?? "primary"], sizes[size], "relative", classDiv);
-let checkboxCls;
-$: checkboxCls = disabled ? "cursor-not-allowed grayscale contrast-50 text-gray-400" : "cursor-pointer text-gray-900";
-</script>
-
-<Checkbox custom {...$$restProps} {disabled} class={twMerge(checkboxCls, $$props.class)} {value} bind:checked bind:group on:click on:change>
-  <slot name="offLabel"></slot>
-  <span class={divClass}></span>
-  <slot></slot>
-</Checkbox>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let size: NonNullable<$$Props['size']> = 'default';
-@prop export let group: $$Props['group'] = [];
-@prop export let value: $$Props['value'] = '';
-@prop export let checked: $$Props['checked'] = undefined;
-@prop export let customSize: $$Props['customSize'] = '';
-@prop export let classDiv: string = '';
-@prop export let disabled: $$Props['disabled'] = false;
--->

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

@@ -1,53 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { FormColorType } from '../types';
-declare const __propDef: {
-    props: Omit<import("svelte/elements").HTMLInputAttributes & {
-        color?: FormColorType;
-        custom?: boolean;
-        inline?: boolean;
-        group?: string[];
-        choices?: import("../types").CheckboxItem[];
-        value?: string | number;
-        checked?: boolean;
-        spacing?: string;
-        groupLabelClass?: string;
-        groupInputClass?: string;
-        class?: string;
-        required?: boolean;
-    }, "size"> & {
-        size?: "small" | "default" | "large" | "custom";
-        group?: string[];
-        value?: string | number;
-        checked?: boolean;
-        customSize?: string;
-        classDiv?: string;
-        disabled?: boolean;
-    };
-    events: {
-        click: MouseEvent;
-        change: Event;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        offLabel: {};
-        default: {};
-    };
-};
-export type ToggleProps = typeof __propDef.props;
-export type ToggleEvents = typeof __propDef.events;
-export type ToggleSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let size: NonNullable<$$Props['size']> = 'default';
- * @prop export let group: $$Props['group'] = [];
- * @prop export let value: $$Props['value'] = '';
- * @prop export let checked: $$Props['checked'] = undefined;
- * @prop export let customSize: $$Props['customSize'] = '';
- * @prop export let classDiv: string = '';
- * @prop export let disabled: $$Props['disabled'] = false;
- */
-export default class Toggle extends SvelteComponentTyped<ToggleProps, ToggleEvents, ToggleSlots> {
-}
-export {};

package/dist/indicators/Indicator.svelte

@@ -1,72 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let color = "gray";
-export let rounded = false;
-export let size = "md";
-export let border = false;
-export let placement = void 0;
-export let offset = true;
-const colors = {
-  gray: "bg-gray-200",
-  dark: "bg-gray-900 dark:bg-gray-700",
-  blue: "bg-blue-600",
-  orange: "bg-orange-600",
-  green: "bg-green-500",
-  red: "bg-red-500",
-  purple: "bg-purple-500",
-  indigo: "bg-indigo-500",
-  yellow: "bg-yellow-300",
-  teal: "bg-teal-500",
-  none: ""
-};
-const sizes = {
-  xs: "w-2 h-2",
-  sm: "w-2.5 h-2.5",
-  md: "w-3 h-3",
-  lg: "w-3.5 h-3.5",
-  xl: "w-6 h-6"
-};
-const placements = {
-  // top
-  "top-left": "top-0 start-0",
-  "top-center": "top-0 start-1/2 -translate-x-1/2 rtl:translate-x-1/2 rtl:translate-x-1/2",
-  "top-right": "top-0 end-0",
-  // center
-  "center-left": "top-1/2 -translate-y-1/2 start-0",
-  center: "top-1/2 -translate-y-1/2 start-1/2 -translate-x-1/2 rtl:translate-x-1/2 rtl:translate-x-1/2",
-  "center-right": "top-1/2 -translate-y-1/2 end-0",
-  // bottom
-  "bottom-left": "bottom-0 start-0",
-  "bottom-center": "bottom-0 start-1/2 -translate-x-1/2 rtl:translate-x-1/2 rtl:translate-x-1/2",
-  "bottom-right": "bottom-0 end-0"
-};
-const offsets = {
-  // top
-  "top-left": "-translate-x-1/3 rtl:translate-x-1/3 -translate-y-1/3",
-  "top-center": "-translate-y-1/3",
-  "top-right": "translate-x-1/3 rtl:-translate-x-1/3 -translate-y-1/3",
-  // center
-  "center-left": "-translate-x-1/3 rtl:translate-x-1/3",
-  center: "",
-  "center-right": "translate-x-1/3 rtl:-translate-x-1/3",
-  // bottom
-  "bottom-left": "-translate-x-1/3 rtl:translate-x-1/3 translate-y-1/3",
-  "bottom-center": "translate-y-1/3",
-  "bottom-right": "translate-x-1/3 rtl:-translate-x-1/3 translate-y-1/3"
-};
-let dotClass;
-$: dotClass = twMerge("shrink-0", rounded ? "rounded" : "rounded-full", border && "border-2 border-white dark:border-gray-800", sizes[size], colors[color], $$slots.default && "inline-flex items-center justify-center", placement && "absolute " + placements[placement], placement && offset && offsets[placement], $$props.class);
-</script>
-
-<div {...$$restProps} class={dotClass}><slot /></div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let color: NonNullable<$$Props['color']> = 'gray';
-@prop export let rounded: $$Props['rounded'] = false;
-@prop export let size: NonNullable<$$Props['size']> = 'md';
-@prop export let border: $$Props['border'] = false;
-@prop export let placement: $$Props['placement'] = undefined;
-@prop export let offset: $$Props['offset'] = true;
--->

package/dist/indicators/Indicator.svelte.d.ts

@@ -1,35 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-import type { IndicatorPlacementType } from '../types';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement> & {
-        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "blue" | "dark" | "orange" | "none" | "teal";
-        rounded?: boolean;
-        size?: "xs" | "sm" | "md" | "lg" | "xl";
-        border?: boolean;
-        placement?: IndicatorPlacementType;
-        offset?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type IndicatorProps = typeof __propDef.props;
-export type IndicatorEvents = typeof __propDef.events;
-export type IndicatorSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let color: NonNullable<$$Props['color']> = 'gray';
- * @prop export let rounded: $$Props['rounded'] = false;
- * @prop export let size: NonNullable<$$Props['size']> = 'md';
- * @prop export let border: $$Props['border'] = false;
- * @prop export let placement: $$Props['placement'] = undefined;
- * @prop export let offset: $$Props['offset'] = true;
- */
-export default class Indicator extends SvelteComponentTyped<IndicatorProps, IndicatorEvents, IndicatorSlots> {
-}
-export {};

package/dist/kbd/ArrowKeyDown.svelte

@@ -1,14 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let svgClass = "w-4 h-4";
-</script>
-
-<svg {...$$restProps} class={twMerge(svgClass, $$props.class)} aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
-  <path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z" />
-</svg>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
--->

package/dist/kbd/ArrowKeyDown.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { SVGAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: SVGAttributes<SVGSVGElement> & {
-        svgClass?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ArrowKeyDownProps = typeof __propDef.props;
-export type ArrowKeyDownEvents = typeof __propDef.events;
-export type ArrowKeyDownSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
- */
-export default class ArrowKeyDown extends SvelteComponentTyped<ArrowKeyDownProps, ArrowKeyDownEvents, ArrowKeyDownSlots> {
-}
-export {};

package/dist/kbd/ArrowKeyLeft.svelte

@@ -1,14 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let svgClass = "w-4 h-4";
-</script>
-
-<svg {...$$restProps} class={twMerge(svgClass, $$props.class)} aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
-  <path d="M137.4 406.6l-128-127.1C3.125 272.4 0 264.2 0 255.1s3.125-16.38 9.375-22.63l128-127.1c9.156-9.156 22.91-11.9 34.88-6.943S192 115.1 192 128v255.1c0 12.94-7.781 24.62-19.75 29.58S146.5 415.8 137.4 406.6z" />
-</svg>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
--->