flowbite-svelte 0.47.2 → 1.0.0-next.1

package/dist/charts/Chart.svelte

@@ -1,35 +0,0 @@
-<script>import { onMount } from "svelte";
-export let options;
-let chart;
-function initChart(node, options2) {
-  async function asyncInitChart() {
-    const ApexChartsModule = await import("apexcharts");
-    const ApexCharts = ApexChartsModule.default;
-    chart = new ApexCharts(node, options2);
-    await chart.render();
-  }
-  asyncInitChart();
-  return {
-    update(options3) {
-      chart?.updateOptions(options3);
-    },
-    destroy() {
-      chart?.destroy();
-    }
-  };
-}
-onMount(() => {
-  return () => {
-    chart?.destroy();
-  };
-});
-</script>
-
-<div use:initChart={options} class={$$props.class}></div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let options: ApexOptions;
--->

package/dist/charts/Chart.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { ApexOptions } from 'apexcharts';
-declare const __propDef: {
-    props: {
-        options: ApexOptions;
-        class?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ChartProps = typeof __propDef.props;
-export type ChartEvents = typeof __propDef.events;
-export type ChartSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let options: ApexOptions;
- */
-export default class Chart extends SvelteComponentTyped<ChartProps, ChartEvents, ChartSlots> {
-}
-export {};

package/dist/darkmode/DarkMode.svelte

@@ -1,58 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let btnClass = "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5";
-export let size = "md";
-export let ariaLabel = "Dark mode";
-const sizes = {
-  sm: "w-4 h-4",
-  md: "w-5 h-5",
-  lg: "w-6 h-6"
-};
-const toggleTheme = (ev) => {
-  const target = ev.target;
-  const isDark = target.ownerDocument.documentElement.classList.toggle("dark");
-  if (target.ownerDocument === document)
-    localStorage.setItem("color-theme", isDark ? "dark" : "light");
-};
-</script>
-
-<svelte:head>
-  <script>
-    if ('color-theme' in localStorage) {
-      // explicit preference - overrides author's choice
-      localStorage.getItem('color-theme') === 'dark' ? window.document.documentElement.classList.add('dark') : window.document.documentElement.classList.remove('dark');
-    } else {
-      // browser preference - does not overrides
-      if (window.matchMedia('(prefers-color-scheme: dark)').matches) window.document.documentElement.classList.add('dark');
-    }
-  </script>
-</svelte:head>
-
-<button on:click={toggleTheme} aria-label={ariaLabel} type="button" {...$$restProps} class={twMerge(btnClass, $$props.class)}>
-  <span class="hidden dark:block">
-    <slot name="lightIcon">
-      <svg class={sizes[size]} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path
-          d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1
-  0 100-2H3a1 1 0 000 2h1z"
-          fill-rule="evenodd"
-          clip-rule="evenodd" />
-      </svg>
-    </slot>
-  </span>
-  <span class="block dark:hidden">
-    <slot name="darkIcon">
-      <svg class={sizes[size]} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" />
-      </svg>
-    </slot>
-  </span>
-</button>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let btnClass: $$Props['btnClass'] = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5';
-@prop export let size: NonNullable<$$Props['size']> = 'md';
-@prop export let ariaLabel: $$Props['ariaLabel'] = 'Dark mode';
--->

package/dist/darkmode/DarkMode.svelte.d.ts

@@ -1,29 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLButtonAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLButtonAttributes & {
-        btnClass?: string;
-        size?: "sm" | "md" | "lg";
-        ariaLabel?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        lightIcon: {};
-        darkIcon: {};
-    };
-};
-export type DarkModeProps = typeof __propDef.props;
-export type DarkModeEvents = typeof __propDef.events;
-export type DarkModeSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let btnClass: $$Props['btnClass'] = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5';
- * @prop export let size: NonNullable<$$Props['size']> = 'md';
- * @prop export let ariaLabel: $$Props['ariaLabel'] = 'Dark mode';
- */
-export default class DarkMode extends SvelteComponentTyped<DarkModeProps, DarkModeEvents, DarkModeSlots> {
-}
-export {};

package/dist/datepicker/Datepicker.svelte

@@ -1,295 +0,0 @@
-<script>import { createEventDispatcher, onMount } from "svelte";
-import { fade } from "svelte/transition";
-import { Button } from "..";
-export let value = null;
-export let defaultDate = null;
-export let range = false;
-export let rangeFrom = null;
-export let rangeTo = null;
-export let locale = "default";
-export let firstDayOfWeek = 0;
-export let dateFormat = { year: "numeric", month: "long", day: "numeric" };
-export let placeholder = "Select date";
-export let disabled = false;
-export let required = false;
-export let inputClass = "";
-export let color = "primary";
-export let inline = false;
-export let autohide = true;
-export let showActionButtons = false;
-export let title = "";
-const dispatch = createEventDispatcher();
-let isOpen = inline;
-let inputElement;
-let currentMonth = value || defaultDate || /* @__PURE__ */ new Date();
-let focusedDate = null;
-let calendarRef;
-$: daysInMonth = getDaysInMonth(currentMonth);
-$: weekdays = getWeekdays();
-onMount(() => {
-  if (!inline) {
-    document.addEventListener("click", handleClickOutside);
-    return () => {
-      document.removeEventListener("click", handleClickOutside);
-    };
-  }
-});
-function getFocusRingClass(color2) {
-  switch (color2) {
-    case "primary":
-      return "focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400";
-    case "blue":
-      return "focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400";
-    case "red":
-      return "focus:ring-2 focus:ring-red-500 dark:focus:ring-red-400";
-    case "green":
-      return "focus:ring-2 focus:ring-green-500 dark:focus:ring-green-400";
-    case "yellow":
-      return "focus:ring-2 focus:ring-yellow-500 dark:focus:ring-yellow-400";
-    case "purple":
-      return "focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400";
-    default:
-      return "";
-  }
-}
-function getRangeBackgroundClass(color2) {
-  switch (color2) {
-    case "primary":
-      return "bg-primary-100 dark:bg-primary-900";
-    case "blue":
-      return "bg-blue-100 dark:bg-blue-900";
-    case "red":
-      return "bg-red-100 dark:bg-red-900";
-    case "green":
-      return "bg-green-100 dark:bg-green-900";
-    case "yellow":
-      return "bg-yellow-100 dark:bg-yellow-900";
-    case "purple":
-      return "bg-purple-100 dark:bg-purple-900";
-    default:
-      return "";
-  }
-}
-function getDaysInMonth(date) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  const firstDay = new Date(year, month, 0);
-  const lastDay = new Date(year, month + 1, 0);
-  const daysArray = [];
-  let start = firstDay.getDay() - firstDayOfWeek;
-  if (start < 0) start += 7;
-  for (let i = 0; i < start; i++) {
-    daysArray.push(new Date(year, month, -i));
-  }
-  for (let i = 1; i <= lastDay.getDate(); i++) {
-    daysArray.push(new Date(year, month, i));
-  }
-  const remainingDays = 7 - daysArray.length % 7;
-  if (remainingDays < 7) {
-    for (let i = 1; i <= remainingDays; i++) {
-      daysArray.push(new Date(year, month + 1, i));
-    }
-  }
-  return daysArray;
-}
-function getWeekdays() {
-  const weekdays2 = [];
-  for (let i = 0; i < 7; i++) {
-    const day = new Date(2021, 5, i + firstDayOfWeek);
-    weekdays2.push(day.toLocaleString(locale, { weekday: "short" }));
-  }
-  return weekdays2;
-}
-function changeMonth(increment) {
-  currentMonth = new Date(currentMonth.getFullYear(), currentMonth.getMonth() + increment, 1);
-}
-function handleDaySelect(day) {
-  if (range) {
-    if (!rangeFrom || rangeFrom && rangeTo) {
-      rangeFrom = day;
-      rangeTo = null;
-    } else if (day < rangeFrom) {
-      rangeTo = rangeFrom;
-      rangeFrom = day;
-    } else {
-      rangeTo = day;
-    }
-    dispatch("select", { from: rangeFrom, to: rangeTo });
-  } else {
-    value = day;
-    dispatch("select", value);
-    if (autohide && !inline) isOpen = false;
-  }
-}
-function handleInputChange() {
-  const date = new Date(inputElement.value);
-  if (!isNaN(date.getTime())) {
-    handleDaySelect(date);
-  }
-}
-function handleClickOutside(event) {
-  if (isOpen && !inputElement.contains(event.target)) {
-    isOpen = false;
-  }
-}
-function formatDate(date) {
-  if (!date) return "";
-  return date.toLocaleDateString(locale, dateFormat);
-}
-function isSameDate(date1, date2) {
-  if (!date1 || !date2) return false;
-  return date1.toDateString() === date2.toDateString();
-}
-$: isSelected = (day) => {
-  if (range) {
-    return isSameDate(day, rangeFrom) || isSameDate(day, rangeTo);
-  }
-  return isSameDate(day, value);
-};
-function isInRange(day) {
-  if (!range || !rangeFrom || !rangeTo) return false;
-  return day > rangeFrom && day < rangeTo;
-}
-function isToday(day) {
-  const today = /* @__PURE__ */ new Date();
-  return day.toDateString() === today.toDateString();
-}
-function handleCalendarKeydown(event) {
-  if (!isOpen) return;
-  if (!focusedDate) {
-    focusedDate = value || /* @__PURE__ */ new Date();
-  }
-  switch (event.key) {
-    case "ArrowLeft":
-      focusedDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), focusedDate.getDate() - 1);
-      break;
-    case "ArrowRight":
-      focusedDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), focusedDate.getDate() + 1);
-      break;
-    case "ArrowUp":
-      focusedDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), focusedDate.getDate() - 7);
-      break;
-    case "ArrowDown":
-      focusedDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), focusedDate.getDate() + 7);
-      break;
-    case "Enter":
-      handleDaySelect(focusedDate);
-      break;
-    case "Escape":
-      isOpen = false;
-      inputElement.focus();
-      break;
-    default:
-      return;
-  }
-  event.preventDefault();
-  if (focusedDate.getMonth() !== currentMonth.getMonth()) {
-    currentMonth = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), 1);
-  }
-  setTimeout(() => {
-    const focusedButton = calendarRef.querySelector(`button[aria-label="${focusedDate.toLocaleDateString(locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" })}"]`);
-    focusedButton?.focus();
-  }, 0);
-}
-function handleInputKeydown(event) {
-  if (event.key === "Enter" || event.key === " ") {
-    event.preventDefault();
-    isOpen = !isOpen;
-  }
-}
-function handleToday() {
-  handleDaySelect(/* @__PURE__ */ new Date());
-}
-function handleClear() {
-  value = null;
-  rangeFrom = null;
-  rangeTo = null;
-  dispatch("clear");
-}
-function handleApply() {
-  dispatch("apply", range ? { from: rangeFrom, to: rangeTo } : value);
-  if (!inline) isOpen = false;
-}
-</script>
-
-<div class="relative {inline ? 'inline-block' : ''}">
-  {#if !inline}
-    <div class="relative">
-      <input bind:this={inputElement} type="text" class="w-full px-4 py-2 text-sm border rounded-md focus:outline-none dark:bg-gray-700 dark:text-white dark:border-gray-600 {getFocusRingClass(color)} {inputClass}" {placeholder} value={range ? `${formatDate(rangeFrom)} - ${formatDate(rangeTo)}` : formatDate(value)} on:focus={() => (isOpen = true)} on:input={handleInputChange} on:keydown={handleInputKeydown} {disabled} {required} aria-haspopup="dialog" />
-      <button type="button" class="absolute inset-y-0 right-0 flex items-center px-3 text-gray-500 dark:text-gray-400 focus:outline-none" on:click={() => (isOpen = !isOpen)} {disabled} aria-label={isOpen ? 'Close date picker' : 'Open date picker'}>
-        <svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
-          <path d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z"></path>
-        </svg>
-      </button>
-    </div>
-  {/if}
-
-  {#if isOpen || inline}
-    <div
-      bind:this={calendarRef}
-      id="datepicker-dropdown"
-      class="
-        {inline ? '' : 'absolute z-10 mt-1'}
-        bg-white dark:bg-gray-800 rounded-md shadow-lg"
-      transition:fade={{ duration: 100 }}
-      role="dialog"
-      aria-label="Calendar">
-      <div class="p-4" role="application">
-        {#if title}
-          <h2 class="text-lg font-semibold mb-4 dark:text-white">{title}</h2>
-        {/if}
-        <div class="flex items-center justify-between mb-4">
-          <Button on:click={() => changeMonth(-1)} {color} size="sm" aria-label="Previous month">
-            <svg class="w-3 h-3 rtl:rotate-180 text-white dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5H1m0 0 4 4M1 5l4-4"></path></svg>
-          </Button>
-          <h3 class="text-lg font-semibold dark:text-white" aria-live="polite">
-            {currentMonth.toLocaleString(locale, { month: 'long', year: 'numeric' })}
-          </h3>
-          <Button on:click={() => changeMonth(1)} {color} size="sm" aria-label="Next month">
-            <svg class="w-3 h-3 rtl:rotate-180 text-white dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"></path></svg>
-          </Button>
-        </div>
-        <div class="grid grid-cols-7 gap-1" role="grid">
-          {#each weekdays as day}
-            <div class="text-center text-sm font-medium text-gray-500 dark:text-gray-400" role="columnheader">{day}</div>
-          {/each}
-          {#each daysInMonth as day}
-            <Button color={isSelected(day) ? color : 'alternative'} size="sm" class="w-full h-8 {day.getMonth() !== currentMonth.getMonth() ? 'text-gray-300 dark:text-gray-600' : ''} {isToday(day) ? 'font-bold' : ''} {isInRange(day) ? getRangeBackgroundClass(color) : ''}" on:click={() => handleDaySelect(day)} on:keydown={handleCalendarKeydown} aria-label={day.toLocaleDateString(locale, { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' })} aria-selected={isSelected(day)} role="gridcell">
-              {day.getDate()}
-            </Button>
-          {/each}
-        </div>
-        {#if showActionButtons}
-          <div class="mt-4 flex justify-between">
-            <Button on:click={handleToday} {color} size="sm">Today</Button>
-            <Button on:click={handleClear} color="red" size="sm">Clear</Button>
-            <Button on:click={handleApply} {color} size="sm">Apply</Button>
-          </div>
-        {/if}
-      </div>
-    </div>
-  {/if}
-</div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let value: Date | null = null;
-@prop export let defaultDate: Date | null = null;
-@prop export let range: boolean = false;
-@prop export let rangeFrom: Date | null = null;
-@prop export let rangeTo: Date | null = null;
-@prop export let locale: string = 'default';
-@prop export let firstDayOfWeek: number = 0;
-@prop export let dateFormat: Intl.DateTimeFormatOptions = { year: 'numeric', month: 'long', day: 'numeric' };
-@prop export let placeholder: string = 'Select date';
-@prop export let disabled: boolean = false;
-@prop export let required: boolean = false;
-@prop export let inputClass: string = '';
-@prop export let color: Button['color'] = 'primary';
-@prop export let inline: boolean = false;
-@prop export let autohide: boolean = true;
-@prop export let showActionButtons: boolean = false;
-@prop export let title: string = '';
--->

package/dist/datepicker/Datepicker.svelte.d.ts

@@ -1,58 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { Button } from '..';
-declare const __propDef: {
-    props: {
-        value?: Date | null;
-        defaultDate?: Date | null;
-        range?: boolean;
-        rangeFrom?: Date | null;
-        rangeTo?: Date | null;
-        locale?: string;
-        firstDayOfWeek?: number;
-        dateFormat?: Intl.DateTimeFormatOptions;
-        placeholder?: string;
-        disabled?: boolean;
-        required?: boolean;
-        inputClass?: string;
-        color?: Button["color"];
-        inline?: boolean;
-        autohide?: boolean;
-        showActionButtons?: boolean;
-        title?: string;
-    };
-    events: {
-        select: CustomEvent<any>;
-        clear: CustomEvent<any>;
-        apply: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type DatepickerProps = typeof __propDef.props;
-export type DatepickerEvents = typeof __propDef.events;
-export type DatepickerSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let value: Date | null = null;
- * @prop export let defaultDate: Date | null = null;
- * @prop export let range: boolean = false;
- * @prop export let rangeFrom: Date | null = null;
- * @prop export let rangeTo: Date | null = null;
- * @prop export let locale: string = 'default';
- * @prop export let firstDayOfWeek: number = 0;
- * @prop export let dateFormat: Intl.DateTimeFormatOptions = { year: 'numeric', month: 'long', day: 'numeric' };
- * @prop export let placeholder: string = 'Select date';
- * @prop export let disabled: boolean = false;
- * @prop export let required: boolean = false;
- * @prop export let inputClass: string = '';
- * @prop export let color: Button['color'] = 'primary';
- * @prop export let inline: boolean = false;
- * @prop export let autohide: boolean = true;
- * @prop export let showActionButtons: boolean = false;
- * @prop export let title: string = '';
- */
-export default class Datepicker extends SvelteComponentTyped<DatepickerProps, DatepickerEvents, DatepickerSlots> {
-}
-export {};

package/dist/dropdown/DropdownItem.svelte

@@ -1,35 +0,0 @@
-<script>import Wrapper from "../utils/Wrapper.svelte";
-import { twMerge } from "tailwind-merge";
-import { getContext } from "svelte";
-export let defaultClass = "font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600";
-export let href = void 0;
-export let activeClass = void 0;
-const context = getContext("DropdownType") ?? {};
-const activeUrlStore = getContext("activeUrl");
-let sidebarUrl = "";
-activeUrlStore.subscribe((value) => {
-  sidebarUrl = value;
-});
-$: active = sidebarUrl ? href === sidebarUrl : false;
-$: liClass = twMerge(defaultClass, href ? "block" : "w-full text-left", active && (activeClass ?? context.activeClass), $$props.class);
-let wrap = true;
-function init(node) {
-  wrap = node.parentElement?.tagName === "UL";
-}
-</script>
-
-<Wrapper tag="li" show={wrap} use={init}>
-  <svelte:element this={href ? 'a' : 'button'} {href} type={href ? undefined : 'button'} role={href ? 'link' : 'button'} {...$$restProps} class={liClass} on:click on:change on:keydown on:keyup on:focus on:blur on:mouseenter on:mouseleave>
-    <slot />
-  </svelte:element>
-</Wrapper>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let defaultClass: $$Props['defaultClass'] = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
-@prop export let href: $$Props['href'] = undefined;
-@prop export let activeClass: $$Props['activeClass'] = undefined;
-@prop export let active: boolean = false;
--->

package/dist/dropdown/DropdownItem.svelte.d.ts

@@ -1,38 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLButtonAttributes, HTMLAnchorAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: {
-        defaultClass?: string;
-        href?: string;
-        activeClass?: string;
-    } & (HTMLAnchorAttributes | HTMLButtonAttributes);
-    events: {
-        click: MouseEvent;
-        change: Event;
-        keydown: KeyboardEvent;
-        keyup: KeyboardEvent;
-        focus: FocusEvent;
-        blur: FocusEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-type DropdownItemProps_ = typeof __propDef.props;
-export { DropdownItemProps_ as DropdownItemProps };
-export type DropdownItemEvents = typeof __propDef.events;
-export type DropdownItemSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let defaultClass: $$Props['defaultClass'] = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
- * @prop export let href: $$Props['href'] = undefined;
- * @prop export let activeClass: $$Props['activeClass'] = undefined;
- * @prop export let active: boolean = false;
- */
-export default class DropdownItem extends SvelteComponentTyped<DropdownItemProps_, DropdownItemEvents, DropdownItemSlots> {
-}

package/dist/footer/FooterLink.svelte

@@ -1,28 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let liClass = "me-4 last:me-0 md:me-6";
-export let aClass = "hover:underline";
-export let href = "";
-export let target = void 0;
-export let classLi = "";
-export let classA = "";
-let liCls = twMerge(liClass, classLi);
-let aCls = twMerge(aClass, classA);
-</script>
-
-<li class={liCls}>
-  <a {...$$restProps} {href} class={aCls} {target}>
-    <slot />
-  </a>
-</li>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let liClass: $$Props['liClass'] = 'me-4 last:me-0 md:me-6';
-@prop export let aClass: $$Props['aClass'] = 'hover:underline';
-@prop export let href: $$Props['href'] = '';
-@prop export let target: $$Props['target'] = undefined;
-@prop export let classLi: $$Props['classLi'] = '';
-@prop export let classA: $$Props['classA'] = '';
--->

package/dist/footer/FooterLink.svelte.d.ts

@@ -1,34 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAnchorAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAnchorAttributes & {
-        liClass?: string;
-        aClass?: string;
-        href?: string;
-        target?: string;
-        classLi?: string;
-        classA?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type FooterLinkProps = typeof __propDef.props;
-export type FooterLinkEvents = typeof __propDef.events;
-export type FooterLinkSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let liClass: $$Props['liClass'] = 'me-4 last:me-0 md:me-6';
- * @prop export let aClass: $$Props['aClass'] = 'hover:underline';
- * @prop export let href: $$Props['href'] = '';
- * @prop export let target: $$Props['target'] = undefined;
- * @prop export let classLi: $$Props['classLi'] = '';
- * @prop export let classA: $$Props['classA'] = '';
- */
-export default class FooterLink extends SvelteComponentTyped<FooterLinkProps, FooterLinkEvents, FooterLinkSlots> {
-}
-export {};

package/dist/footer/FooterLinkGroup.svelte

@@ -1,14 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let ulClass = "text-gray-600 dark:text-gray-400";
-</script>
-
-<ul {...$$restProps} class={twMerge(ulClass, $$props.class)} >
-  <slot />
-</ul>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let ulClass: $$Props['ulClass'] = 'text-gray-600 dark:text-gray-400';
--->

package/dist/footer/FooterLinkGroup.svelte.d.ts

@@ -1,24 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLUListElement> & {
-        ulClass?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type FooterLinkGroupProps = typeof __propDef.props;
-export type FooterLinkGroupEvents = typeof __propDef.events;
-export type FooterLinkGroupSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let ulClass: $$Props['ulClass'] = 'text-gray-600 dark:text-gray-400';
- */
-export default class FooterLinkGroup extends SvelteComponentTyped<FooterLinkGroupProps, FooterLinkGroupEvents, FooterLinkGroupSlots> {
-}
-export {};