flowbite-svelte 0.47.2 → 1.0.0-next.1

package/dist/typography/Span.svelte

@@ -1,32 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let italic = false;
-export let underline = false;
-export let linethrough = false;
-export let uppercase = false;
-export let gradient = false;
-export let highlight = false;
-export let highlightClass = "text-blue-600 dark:text-blue-500";
-export let decorationClass = "decoration-2 decoration-blue-400 dark:decoration-blue-600";
-export let gradientClass = "text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400";
-let underlineClass = twMerge("underline", decorationClass);
-let classSpan = twMerge(italic && "italic", underline && underlineClass, linethrough && "line-through", uppercase && "uppercase", gradient ? gradientClass : "font-semibold text-gray-900 dark:text-white", highlight && highlightClass, $$props.class);
-</script>
-
-<span {...$$restProps} class={classSpan}>
-  <slot />
-</span>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let italic: $$Props['italic'] = false;
-@prop export let underline: $$Props['underline'] = false;
-@prop export let linethrough: $$Props['linethrough'] = false;
-@prop export let uppercase: $$Props['uppercase'] = false;
-@prop export let gradient: $$Props['gradient'] = false;
-@prop export let highlight: $$Props['highlight'] = false;
-@prop export let highlightClass: $$Props['highlightClass'] = 'text-blue-600 dark:text-blue-500';
-@prop export let decorationClass: $$Props['decorationClass'] = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
-@prop export let gradientClass: $$Props['gradientClass'] = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
--->

package/dist/typography/Span.svelte.d.ts

@@ -1,40 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLSpanElement> & {
-        italic?: boolean;
-        underline?: boolean;
-        linethrough?: boolean;
-        uppercase?: boolean;
-        gradient?: boolean;
-        highlight?: boolean;
-        highlightClass?: string;
-        decorationClass?: string;
-        gradientClass?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type SpanProps = typeof __propDef.props;
-export type SpanEvents = typeof __propDef.events;
-export type SpanSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let italic: $$Props['italic'] = false;
- * @prop export let underline: $$Props['underline'] = false;
- * @prop export let linethrough: $$Props['linethrough'] = false;
- * @prop export let uppercase: $$Props['uppercase'] = false;
- * @prop export let gradient: $$Props['gradient'] = false;
- * @prop export let highlight: $$Props['highlight'] = false;
- * @prop export let highlightClass: $$Props['highlightClass'] = 'text-blue-600 dark:text-blue-500';
- * @prop export let decorationClass: $$Props['decorationClass'] = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
- * @prop export let gradientClass: $$Props['gradientClass'] = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
- */
-export default class Span extends SvelteComponentTyped<SpanProps, SpanEvents, SpanSlots> {
-}
-export {};

package/dist/utils/Frame.svelte

@@ -1,116 +0,0 @@
-<script context="module">const bgColors = {
-  gray: "bg-gray-50 dark:bg-gray-800",
-  red: "bg-red-50 dark:bg-gray-800",
-  yellow: "bg-yellow-50 dark:bg-gray-800 ",
-  green: "bg-green-50 dark:bg-gray-800 ",
-  indigo: "bg-indigo-50 dark:bg-gray-800 ",
-  purple: "bg-purple-50 dark:bg-gray-800 ",
-  pink: "bg-pink-50 dark:bg-gray-800 ",
-  blue: "bg-blue-50 dark:bg-gray-800 ",
-  light: "bg-gray-50 dark:bg-gray-700",
-  dark: "bg-gray-50 dark:bg-gray-800",
-  default: "bg-white dark:bg-gray-800",
-  dropdown: "bg-white dark:bg-gray-700",
-  navbar: "bg-white dark:bg-gray-900",
-  navbarUl: "bg-gray-50 dark:bg-gray-800",
-  form: "bg-gray-50 dark:bg-gray-700",
-  primary: "bg-primary-50 dark:bg-gray-800 ",
-  orange: "bg-orange-50 dark:bg-orange-800",
-  none: ""
-};
-</script>
-
-<script>import { createEventDispatcher, setContext } from "svelte";
-import { twMerge } from "tailwind-merge";
-import {} from "svelte/transition";
-const noop = () => {
-};
-setContext("background", true);
-export let tag = $$restProps.href ? "a" : "div";
-export let color = "default";
-export let rounded = false;
-export let border = false;
-export let shadow = false;
-export let node = void 0;
-export let use = noop;
-export let options = {};
-export let role = void 0;
-export let transition = void 0;
-export let params = {};
-export let open = true;
-const dispatch = createEventDispatcher();
-$: dispatch(open ? "open" : "close");
-$: dispatch("show", open);
-$: color = color ?? "default";
-$: setContext("color", color);
-const textColors = {
-  gray: "text-gray-800 dark:text-gray-300",
-  red: "text-red-800 dark:text-red-400",
-  yellow: "text-yellow-800 dark:text-yellow-300",
-  green: "text-green-800 dark:text-green-400",
-  indigo: "text-indigo-800 dark:text-indigo-400",
-  purple: "text-purple-800 dark:text-purple-400",
-  pink: "text-pink-800 dark:text-pink-400",
-  blue: "text-blue-800 dark:text-blue-400",
-  light: "text-gray-700 dark:text-gray-300",
-  dark: "text-gray-700 dark:text-gray-300",
-  default: "text-gray-500 dark:text-gray-400",
-  dropdown: "text-gray-700 dark:text-gray-200",
-  navbar: "text-gray-700 dark:text-gray-200",
-  navbarUl: "text-gray-700 dark:text-gray-400",
-  form: "text-gray-900 dark:text-white",
-  primary: "text-primary-800 dark:text-primary-400",
-  orange: "text-orange-800 dark:text-orange-400",
-  none: ""
-};
-const borderColors = {
-  gray: "border-gray-300 dark:border-gray-800 divide-gray-300 dark:divide-gray-800",
-  red: "border-red-300 dark:border-red-800 divide-red-300 dark:divide-red-800",
-  yellow: "border-yellow-300 dark:border-yellow-800 divide-yellow-300 dark:divide-yellow-800",
-  green: "border-green-300 dark:border-green-800 divide-green-300 dark:divide-green-800",
-  indigo: "border-indigo-300 dark:border-indigo-800 divide-indigo-300 dark:divide-indigo-800",
-  purple: "border-purple-300 dark:border-purple-800 divide-purple-300 dark:divide-purple-800",
-  pink: "border-pink-300 dark:border-pink-800 divide-pink-300 dark:divide-pink-800",
-  blue: "border-blue-300 dark:border-blue-800 divide-blue-300 dark:divide-blue-800",
-  light: "border-gray-500 divide-gray-500",
-  dark: "border-gray-500 divide-gray-500",
-  default: "border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700",
-  dropdown: "border-gray-100 dark:border-gray-600 divide-gray-100 dark:divide-gray-600",
-  navbar: "border-gray-100 dark:border-gray-700 divide-gray-100 dark:divide-gray-700",
-  navbarUl: "border-gray-100 dark:border-gray-700 divide-gray-100 dark:divide-gray-700",
-  form: "border-gray-300 dark:border-gray-700 divide-gray-300 dark:divide-gray-700",
-  primary: "border-primary-500 dark:border-primary-200  divide-primary-500 dark:divide-primary-200 ",
-  orange: "border-orange-300 dark:border-orange-800 divide-orange-300 dark:divide-orange-800",
-  none: ""
-};
-let divClass;
-$: divClass = twMerge(bgColors[color], textColors[color], rounded && "rounded-lg", border && "border", borderColors[color], shadow && "shadow-md", $$props.class);
-</script>
-
-{#if transition && open}
-  <svelte:element this={tag} transition:transition={params} use:use={options} bind:this={node} {role} {...$$restProps} class={divClass} on:click on:mouseenter on:mouseleave on:focusin on:focusout>
-    <slot />
-  </svelte:element>
-{:else if open}
-  <svelte:element this={tag} use:use={options} bind:this={node} {role} {...$$restProps} class={divClass} on:click on:mouseenter on:mouseleave on:focusin on:focusout>
-    <slot />
-  </svelte:element>
-{/if}
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let tag: string = $$restProps.href ? 'a' : 'div';
-@prop export let color: FrameColor = 'default';
-@prop export let rounded: boolean = false;
-@prop export let border: boolean = false;
-@prop export let shadow: boolean = false;
-@prop export let node: HTMLElement | undefined = undefined;
-@prop export let use: Action<HTMLElement, any> = noop;
-@prop export let options = {};
-@prop export let role: string | undefined = undefined;
-@prop export let transition: TransitionFunc | undefined = undefined;
-@prop export let params: object = {};
-@prop export let open: boolean = true;
--->

package/dist/utils/Frame.svelte.d.ts

@@ -1,77 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export type FrameColor = keyof typeof bgColors;
-declare const bgColors: {
-    gray: string;
-    red: string;
-    yellow: string;
-    green: string;
-    indigo: string;
-    purple: string;
-    pink: string;
-    blue: string;
-    light: string;
-    dark: string;
-    default: string;
-    dropdown: string;
-    navbar: string;
-    navbarUl: string;
-    form: string;
-    primary: string;
-    orange: string;
-    none: string;
-};
-import type { Action } from 'svelte/action';
-import type { HTMLAnchorAttributes } from 'svelte/elements';
-import { type TransitionConfig } from 'svelte/transition';
-declare const __propDef: {
-    props: HTMLAnchorAttributes & {
-        tag?: string;
-        color?: FrameColor;
-        rounded?: boolean;
-        border?: boolean;
-        shadow?: boolean;
-        node?: HTMLElement | undefined;
-        use?: Action<HTMLElement, any>;
-        options?: object;
-        class?: string;
-        role?: string;
-        open?: boolean;
-        transition?: (node: HTMLElement, params: any) => TransitionConfig;
-        params?: any;
-    };
-    events: {
-        click: MouseEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        focusin: FocusEvent;
-        focusout: FocusEvent;
-        show: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type FrameProps = typeof __propDef.props;
-export type FrameEvents = typeof __propDef.events;
-export type FrameSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let tag: string = $$restProps.href ? 'a' : 'div';
- * @prop export let color: FrameColor = 'default';
- * @prop export let rounded: boolean = false;
- * @prop export let border: boolean = false;
- * @prop export let shadow: boolean = false;
- * @prop export let node: HTMLElement | undefined = undefined;
- * @prop export let use: Action<HTMLElement, any> = noop;
- * @prop export let options = {};
- * @prop export let role: string | undefined = undefined;
- * @prop export let transition: TransitionFunc | undefined = undefined;
- * @prop export let params: object = {};
- * @prop export let open: boolean = true;
- */
-export default class Frame extends SvelteComponentTyped<FrameProps, FrameEvents, FrameSlots> {
-}
-export {};

package/dist/utils/Popper.svelte

@@ -1,177 +0,0 @@
-<script>import * as dom from "@floating-ui/dom";
-import { onMount, createEventDispatcher } from "svelte";
-import { twJoin } from "tailwind-merge";
-import Frame from "./Frame.svelte";
-export let activeContent = false;
-export let arrow = true;
-export let offset = 8;
-export let placement = "top";
-export let trigger = "hover";
-export let triggeredBy = void 0;
-export let reference = void 0;
-export let strategy = "absolute";
-export let open = false;
-export let yOnly = false;
-export let middlewares = [dom.flip(), dom.shift()];
-const dispatch = createEventDispatcher();
-let focusable;
-$: focusable = trigger === "focus";
-let clickable;
-$: clickable = trigger === "click";
-let hoverable;
-$: hoverable = trigger === "hover";
-$: dispatch("show", open);
-$: placement && (referenceEl = referenceEl);
-let referenceEl;
-let floatingEl;
-let arrowEl;
-let contentEl;
-let triggerEls = [];
-const showHandler = (ev) => {
-  if (referenceEl === void 0) console.error("trigger undefined");
-  if (!reference && triggerEls.includes(ev.target) && referenceEl !== ev.target) {
-    referenceEl = ev.target;
-    if (open) return;
-  }
-  open = ev.type === "click" ? !open : true;
-};
-const hasHover = (el) => el.matches(":hover");
-const hasFocus = (el) => el.contains(document.activeElement);
-const px = (n) => n ? `${n}px` : "";
-const hideHandler = (ev) => {
-  if (activeContent && hoverable) {
-    const elements = [referenceEl, floatingEl, ...triggerEls].filter(Boolean);
-    setTimeout(() => {
-      if (ev.type === "mouseleave" && !elements.some(hasHover)) {
-        open = false;
-      }
-    }, 100);
-  } else {
-    open = false;
-  }
-};
-let arrowSide;
-const oppositeSideMap = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-$: middleware = [...middlewares, dom.offset(+offset), arrowEl && dom.arrow({ element: arrowEl, padding: 10 })];
-function updatePosition() {
-  dom.computePosition(referenceEl, floatingEl, { placement, strategy, middleware }).then(({ x, y, middlewareData, placement: placement2, strategy: strategy2 }) => {
-    floatingEl.style.position = strategy2;
-    floatingEl.style.left = yOnly ? "0" : px(x);
-    floatingEl.style.top = px(y);
-    if (middlewareData.arrow && arrowEl instanceof HTMLDivElement) {
-      arrowEl.style.left = px(middlewareData.arrow.x);
-      arrowEl.style.top = px(middlewareData.arrow.y);
-      arrowSide = oppositeSideMap[placement2.split("-")[0]];
-      arrowEl.style[arrowSide] = px(-arrowEl.offsetWidth / 2 - ($$props.border ? 1 : 0));
-    }
-  });
-}
-function init(node, _referenceEl) {
-  floatingEl = node;
-  let cleanup = dom.autoUpdate(_referenceEl, floatingEl, updatePosition);
-  return {
-    update(_referenceEl2) {
-      cleanup();
-      cleanup = dom.autoUpdate(_referenceEl2, floatingEl, updatePosition);
-    },
-    destroy() {
-      cleanup();
-    }
-  };
-}
-onMount(() => {
-  const events = [
-    ["focusin", showHandler, focusable],
-    ["focusout", hideHandler, focusable],
-    ["click", showHandler, clickable],
-    ["mouseenter", showHandler, hoverable],
-    ["mouseleave", hideHandler, hoverable]
-  ];
-  if (triggeredBy) triggerEls = [...document.querySelectorAll(triggeredBy)];
-  else triggerEls = contentEl.previousElementSibling ? [contentEl.previousElementSibling] : [];
-  if (!triggerEls.length) {
-    console.error("No triggers found.");
-  }
-  triggerEls.forEach((element) => {
-    if (element.tabIndex < 0) element.tabIndex = 0;
-    for (const [name, handler, cond] of events) if (cond) element.addEventListener(name, handler);
-  });
-  if (reference) {
-    referenceEl = document.querySelector(reference) ?? document.body;
-    if (referenceEl === document.body) {
-      console.error(`Popup reference not found: '${reference}'`);
-    } else {
-      if (focusable) referenceEl.addEventListener("focusout", hideHandler);
-      if (hoverable) referenceEl.addEventListener("mouseleave", hideHandler);
-    }
-  } else {
-    referenceEl = triggerEls[0];
-  }
-  if (clickable) document.addEventListener("click", closeOnClickOutside);
-  return () => {
-    triggerEls.forEach((element) => {
-      if (element) {
-        for (const [name, handler] of events) element.removeEventListener(name, handler);
-      }
-    });
-    if (referenceEl) {
-      referenceEl.removeEventListener("focusout", hideHandler);
-      referenceEl.removeEventListener("mouseleave", hideHandler);
-    }
-    document.removeEventListener("click", closeOnClickOutside);
-  };
-});
-function closeOnClickOutside(event) {
-  if (open) {
-    if (!event.composedPath().includes(floatingEl) && !triggerEls.some((el) => event.composedPath().includes(el))) {
-      hideHandler(event);
-    }
-  }
-}
-function optional(pred, func) {
-  return pred ? func : () => void 0;
-}
-let arrowClass;
-$: arrowClass = twJoin("absolute pointer-events-none block w-[10px] h-[10px] rotate-45 bg-inherit border-inherit", $$props.border && arrowSide === "bottom" && "border-b border-e", $$props.border && arrowSide === "top" && "border-t border-s ", $$props.border && arrowSide === "right" && "border-t border-e ", $$props.border && arrowSide === "left" && "border-b border-s ");
-function initArrow(node) {
-  arrowEl = node;
-  return {
-    destroy() {
-      arrowEl = null;
-    }
-  };
-}
-</script>
-
-{#if !referenceEl}
-  <div bind:this={contentEl}></div>
-{/if}
-
-{#if referenceEl}
-  <Frame use={init} options={referenceEl} bind:open role="tooltip" tabindex={activeContent ? -1 : undefined} on:focusin={optional(activeContent && focusable, showHandler)} on:focusout={optional(activeContent && focusable, hideHandler)} on:mouseenter={optional(activeContent && hoverable, showHandler)} on:mouseleave={optional(activeContent && hoverable, hideHandler)} {...$$restProps}>
-    <slot></slot>
-    {#if arrow}<div use:initArrow class={arrowClass}></div>{/if}
-  </Frame>
-{/if}
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let activeContent: boolean = false;
-@prop export let arrow: boolean = true;
-@prop export let offset: number = 8;
-@prop export let placement: Placement = 'top';
-@prop export let trigger: 'hover' | 'click' | 'focus' = 'hover';
-@prop export let triggeredBy: string | undefined = undefined;
-@prop export let reference: string | undefined = undefined;
-@prop export let strategy: 'absolute' | 'fixed' = 'absolute';
-@prop export let open: boolean = false;
-@prop export let yOnly: boolean = false;
-@prop export let middlewares: Middleware[] = [dom.flip(), dom.shift()];
--->

package/dist/utils/Popper.svelte.d.ts

@@ -1,59 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Placement } from '@floating-ui/dom';
-declare const __propDef: {
-    props: import("svelte/elements").HTMLAnchorAttributes & {
-        tag?: string;
-        color?: import("./Frame.svelte").FrameColor;
-        rounded?: boolean;
-        border?: boolean;
-        shadow?: boolean;
-        node?: HTMLElement | undefined;
-        use?: import("svelte/action").Action<HTMLElement, any>;
-        options?: object;
-        class?: string;
-        role?: string;
-        open?: boolean;
-        transition?: (node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig;
-        params?: any;
-    } & {
-        activeContent?: boolean;
-        arrow?: boolean;
-        offset?: number;
-        placement?: Placement;
-        trigger?: "hover" | "click" | "focus";
-        triggeredBy?: string;
-        reference?: string;
-        strategy?: "absolute" | "fixed";
-        open?: boolean;
-        yOnly?: boolean;
-    };
-    events: {
-        show: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type PopperProps = typeof __propDef.props;
-export type PopperEvents = typeof __propDef.events;
-export type PopperSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let activeContent: boolean = false;
- * @prop export let arrow: boolean = true;
- * @prop export let offset: number = 8;
- * @prop export let placement: Placement = 'top';
- * @prop export let trigger: 'hover' | 'click' | 'focus' = 'hover';
- * @prop export let triggeredBy: string | undefined = undefined;
- * @prop export let reference: string | undefined = undefined;
- * @prop export let strategy: 'absolute' | 'fixed' = 'absolute';
- * @prop export let open: boolean = false;
- * @prop export let yOnly: boolean = false;
- * @prop export let middlewares: Middleware[] = [dom.flip(), dom.shift()];
- */
-export default class Popper extends SvelteComponentTyped<PopperProps, PopperEvents, PopperSlots> {
-}
-export {};

package/dist/utils/TransitionFrame.svelte

@@ -1,22 +0,0 @@
-<script>import {} from "svelte";
-import { fade } from "svelte/transition";
-import Frame from "./Frame.svelte";
-export let transition = fade;
-export let params = {};
-export let open = true;
-function close(ev) {
-  if (ev?.stopPropagation) ev.stopPropagation();
-  open = false;
-}
-</script>
-
-<Frame bind:open {transition} {params} {...$$restProps} on:show><slot {close} /></Frame>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let transition: TransitionFunc = fade;
-@prop export let params: object = {};
-@prop export let open: boolean = true;
--->

package/dist/utils/TransitionFrame.svelte.d.ts

@@ -1,43 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Dismissable } from '../types';
-import { type TransitionConfig } from 'svelte/transition';
-declare const __propDef: {
-    props: import("svelte/elements").HTMLAnchorAttributes & {
-        tag?: string;
-        color?: import("./Frame.svelte").FrameColor;
-        rounded?: boolean;
-        border?: boolean;
-        shadow?: boolean;
-        node?: HTMLElement | undefined;
-        use?: import("svelte/action").Action<HTMLElement, any>;
-        options?: object;
-        class?: string;
-        role?: string;
-        open?: boolean;
-        transition?: (node: HTMLElement, params: any) => TransitionConfig;
-        params?: any;
-    } & Dismissable;
-    events: {
-        show: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            close: (ev: MouseEvent | undefined) => void;
-        };
-    };
-};
-export type TransitionFrameProps = typeof __propDef.props;
-export type TransitionFrameEvents = typeof __propDef.events;
-export type TransitionFrameSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let transition: TransitionFunc = fade;
- * @prop export let params: object = {};
- * @prop export let open: boolean = true;
- */
-export default class TransitionFrame extends SvelteComponentTyped<TransitionFrameProps, TransitionFrameEvents, TransitionFrameSlots> {
-}
-export {};

package/dist/utils/Wrapper.svelte

@@ -1,20 +0,0 @@
-<script>export let tag = "div";
-export let show;
-export let use = () => {
-};
-</script>
-
-{#if show}
-  <svelte:element this={tag} use:use {...$$restProps}><slot /></svelte:element>
-{:else}
-  <slot />
-{/if}
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let tag: string = 'div';
-@prop export let show: boolean;
-@prop export let use: Action<HTMLElement, any> = () => {};
--->

package/dist/utils/Wrapper.svelte.d.ts

@@ -1,29 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Action } from 'svelte/action';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        tag?: string | undefined;
-        show: boolean;
-        use?: Action<HTMLElement, any> | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type WrapperProps = typeof __propDef.props;
-export type WrapperEvents = typeof __propDef.events;
-export type WrapperSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let tag: string = 'div';
- * @prop export let show: boolean;
- * @prop export let use: Action<HTMLElement, any> = () => {};
- */
-export default class Wrapper extends SvelteComponentTyped<WrapperProps, WrapperEvents, WrapperSlots> {
-}
-export {};

package/dist/utils/backdrop.d.ts

@@ -1,6 +0,0 @@
-export declare let open: boolean;
-export declare let placement: string;
-export declare const init: (node: HTMLElement, _open: boolean) => {
-    update(_open: boolean): void;
-    destroy(): void;
-};