flowbite-svelte 0.48.4 → 1.0.0-next.2

package/dist/typography/Heading.svelte

@@ -1,26 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let tag = "h1";
-export let color = "text-gray-900 dark:text-white";
-export let customSize = "";
-const textSizes = {
-  h1: "text-5xl font-extrabold",
-  h2: "text-4xl font-bold",
-  h3: "text-3xl font-bold",
-  h4: "text-2xl font-bold",
-  h5: "text-xl font-bold",
-  h6: "text-lg font-bold"
-};
-</script>
-
-<svelte:element this={tag} {...$$restProps} class={twMerge(customSize ? customSize : textSizes[tag], color, 'w-full', $$props.class)}>
-  <slot />
-</svelte:element>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let tag: NonNullable<$$Props['tag']> = 'h1';
-@prop export let color: $$Props['color'] = 'text-gray-900 dark:text-white';
-@prop export let customSize: $$Props['customSize'] = '';
--->

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

@@ -1,28 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLHeadingElement> & {
-        tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-        color?: string;
-        customSize?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type HeadingProps = typeof __propDef.props;
-export type HeadingEvents = typeof __propDef.events;
-export type HeadingSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let tag: NonNullable<$$Props['tag']> = 'h1';
- * @prop export let color: $$Props['color'] = 'text-gray-900 dark:text-white';
- * @prop export let customSize: $$Props['customSize'] = '';
- */
-export default class Heading extends SvelteComponentTyped<HeadingProps, HeadingEvents, HeadingSlots> {
-}
-export {};

package/dist/typography/Hr.svelte

@@ -1,40 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let icon = false;
-export let divClass = "inline-flex items-center justify-center w-full";
-export let hrClass = "h-px my-8 bg-gray-200 border-0 dark:bg-gray-700";
-export let iconDivClass = "absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ";
-export let textSpanClass = "absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ";
-export let innerDivClass = "absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900";
-export let classHr = "";
-export let classDiv = "";
-export let classInnerDiv = "";
-let horizontalCls = twMerge(hrClass, classHr);
-let divCls = twMerge(divClass, $$slots && "relative", classDiv);
-let innerDivCls = twMerge(innerDivClass, icon ? iconDivClass : textSpanClass, classInnerDiv);
-</script>
-
-{#if $$slots.default}
-  <div {...$$restProps} class={divCls}>
-    <hr class={horizontalCls} />
-    <div class={innerDivCls}>
-      <slot />
-    </div>
-  </div>
-{:else}
-  <hr class={horizontalCls} />
-{/if}
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let icon: $$Props['icon'] = false;
-@prop export let divClass: $$Props['divClass'] = 'inline-flex items-center justify-center w-full';
-@prop export let hrClass: $$Props['hrClass'] = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
-@prop export let iconDivClass: $$Props['iconDivClass'] = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
-@prop export let textSpanClass: $$Props['textSpanClass'] = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
-@prop export let innerDivClass: $$Props['innerDivClass'] = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
-@prop export let classHr: $$Props['classHr'] = '';
-@prop export let classDiv: $$Props['classDiv'] = '';
-@prop export let classInnerDiv: $$Props['classInnerDiv'] = '';
--->

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

@@ -1,40 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLElement> & {
-        icon?: boolean;
-        divClass?: string;
-        hrClass?: string;
-        iconDivClass?: string;
-        textSpanClass?: string;
-        innerDivClass?: string;
-        classHr?: string;
-        classDiv?: string;
-        classInnerDiv?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type HrProps = typeof __propDef.props;
-export type HrEvents = typeof __propDef.events;
-export type HrSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let icon: $$Props['icon'] = false;
- * @prop export let divClass: $$Props['divClass'] = 'inline-flex items-center justify-center w-full';
- * @prop export let hrClass: $$Props['hrClass'] = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
- * @prop export let iconDivClass: $$Props['iconDivClass'] = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
- * @prop export let textSpanClass: $$Props['textSpanClass'] = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
- * @prop export let innerDivClass: $$Props['innerDivClass'] = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
- * @prop export let classHr: $$Props['classHr'] = '';
- * @prop export let classDiv: $$Props['classDiv'] = '';
- * @prop export let classInnerDiv: $$Props['classInnerDiv'] = '';
- */
-export default class Hr extends SvelteComponentTyped<HrProps, HrEvents, HrSlots> {
-}
-export {};

package/dist/typography/Img.svelte

@@ -1,37 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let caption = void 0;
-export let src = void 0;
-export let srcset = void 0;
-export let size = "max-w-full";
-export let alignment = "";
-export let imgClass = "h-auto";
-export let figClass = "max-w-lg";
-export let alt = "";
-export let effect = "";
-export let captionClass = "mt-2 text-sm text-center text-gray-500 dark:text-gray-400";
-</script>
-
-{#if caption}
-  <figure class={figClass}>
-    <img class={twMerge(imgClass, size, alignment, effect, $$props.class)} {src} {srcset} {alt} {...$$restProps}/>
-    <figcaption class={captionClass}>{@html caption}</figcaption>
-  </figure>
-{:else}
-  <img {...$$restProps} class={twMerge(imgClass, size, alignment, effect, $$props.class)} {src} {srcset} {alt} />
-{/if}
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let caption: $$Props['caption'] = undefined;
-@prop export let src: $$Props['src'] = undefined;
-@prop export let srcset: $$Props['srcset'] = undefined;
-@prop export let size: $$Props['size'] = 'max-w-full';
-@prop export let alignment: $$Props['alignment'] = '';
-@prop export let imgClass: $$Props['imgClass'] = 'h-auto';
-@prop export let figClass: $$Props['figClass'] = 'max-w-lg';
-@prop export let alt: $$Props['alt'] = '';
-@prop export let effect: $$Props['effect'] = '';
-@prop export let captionClass: $$Props['captionClass'] = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
--->

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

@@ -1,40 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLImgAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLImgAttributes & {
-        caption?: string;
-        src?: string;
-        srcset?: string;
-        size?: string;
-        alignment?: string;
-        imgClass?: string;
-        figClass?: string;
-        alt?: string;
-        effect?: string;
-        captionClass?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ImgProps = typeof __propDef.props;
-export type ImgEvents = typeof __propDef.events;
-export type ImgSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let caption: $$Props['caption'] = undefined;
- * @prop export let src: $$Props['src'] = undefined;
- * @prop export let srcset: $$Props['srcset'] = undefined;
- * @prop export let size: $$Props['size'] = 'max-w-full';
- * @prop export let alignment: $$Props['alignment'] = '';
- * @prop export let imgClass: $$Props['imgClass'] = 'h-auto';
- * @prop export let figClass: $$Props['figClass'] = 'max-w-lg';
- * @prop export let alt: $$Props['alt'] = '';
- * @prop export let effect: $$Props['effect'] = '';
- * @prop export let captionClass: $$Props['captionClass'] = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
- */
-export default class Img extends SvelteComponentTyped<ImgProps, ImgEvents, ImgSlots> {
-}
-export {};

package/dist/typography/Layout.svelte

@@ -1,19 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let divClass = "grid";
-export let cols = "grid-cols-1 sm:grid-cols-2";
-export let gap = 6;
-let classDiv = twMerge(divClass, "gap-" + String(gap), cols);
-</script>
-
-<div {...$$restProps} class={classDiv}>
-  <slot />
-</div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let divClass: $$Props['divClass'] = 'grid';
-@prop export let cols: $$Props['cols'] = 'grid-cols-1 sm:grid-cols-2';
-@prop export let gap: $$Props['gap'] = 6;
--->

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

@@ -1,28 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement> & {
-        divClass?: string;
-        cols?: string;
-        gap?: number;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type LayoutProps = typeof __propDef.props;
-export type LayoutEvents = typeof __propDef.events;
-export type LayoutSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let divClass: $$Props['divClass'] = 'grid';
- * @prop export let cols: $$Props['cols'] = 'grid-cols-1 sm:grid-cols-2';
- * @prop export let gap: $$Props['gap'] = 6;
- */
-export default class Layout extends SvelteComponentTyped<LayoutProps, LayoutEvents, LayoutSlots> {
-}
-export {};

package/dist/typography/Li.svelte

@@ -1,17 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let icon = false;
-export let liClass = "";
-let classLi = twMerge(liClass, icon && "flex items-center", $$props.class);
-</script>
-
-<li {...$$restProps} class={classLi}>
-  <slot />
-</li>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let icon: $$Props['icon'] = false;
-@prop export let liClass: $$Props['liClass'] = '';
--->

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

@@ -1,26 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLLiAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLLiAttributes & {
-        icon?: boolean;
-        liClass?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type LiProps = typeof __propDef.props;
-export type LiEvents = typeof __propDef.events;
-export type LiSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let icon: $$Props['icon'] = false;
- * @prop export let liClass: $$Props['liClass'] = '';
- */
-export default class Li extends SvelteComponentTyped<LiProps, LiEvents, LiSlots> {
-}
-export {};

package/dist/typography/List.svelte

@@ -1,28 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let tag = "ul";
-export let list = void 0;
-export let position = "inside";
-let lists = {
-  disc: "list-disc",
-  none: "list-none",
-  decimal: "list-decimal"
-};
-let positions = {
-  inside: "list-inside",
-  outside: "list-outside"
-};
-let classList = twMerge(lists[list ?? (tag === "ul" ? "disc" : tag === "ol" ? "decimal" : "none")], positions[position], $$props.class);
-</script>
-
-<svelte:element this={tag} {...$$restProps} class={classList}>
-  <slot />
-</svelte:element>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let tag: $$Props['tag'] = 'ul';
-@prop export let list: $$Props['list'] = undefined;
-@prop export let position: NonNullable<$$Props['position']> = 'inside';
--->

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

@@ -1,36 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes, HTMLOlAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: (HTMLAttributes<HTMLUListElement> & {
-        tag?: "ul" | "ol" | "dl";
-        list?: "disc" | "none" | "decimal" | undefined;
-        position?: "inside" | "outside";
-    }) | (HTMLOlAttributes & {
-        tag?: "ul" | "ol" | "dl";
-        list?: "disc" | "none" | "decimal" | undefined;
-        position?: "inside" | "outside";
-    }) | (HTMLAttributes<HTMLDListElement> & {
-        tag?: "ul" | "ol" | "dl";
-        list?: "disc" | "none" | "decimal" | undefined;
-        position?: "inside" | "outside";
-    });
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-type ListProps_ = typeof __propDef.props;
-export { ListProps_ as ListProps };
-export type ListEvents = typeof __propDef.events;
-export type ListSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let tag: $$Props['tag'] = 'ul';
- * @prop export let list: $$Props['list'] = undefined;
- * @prop export let position: NonNullable<$$Props['position']> = 'inside';
- */
-export default class List extends SvelteComponentTyped<ListProps_, ListEvents, ListSlots> {
-}

package/dist/typography/Mark.svelte

@@ -1,18 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let color = "text-white dark:bg-blue-500";
-export let bgColor = "bg-blue-600";
-export let markClass = "px-2 rounded-sm";
-</script>
-
-<mark {...$$restProps} class={twMerge(markClass, bgColor, color, $$props.class)}>
-  <slot />
-</mark>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let color: $$Props['color'] = 'text-white dark:bg-blue-500';
-@prop export let bgColor: $$Props['bgColor'] = 'bg-blue-600';
-@prop export let markClass: $$Props['markClass'] = 'px-2 rounded-sm';
--->

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

@@ -1,28 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLElement> & {
-        color?: string;
-        bgColor?: string;
-        markClass?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type MarkProps = typeof __propDef.props;
-export type MarkEvents = typeof __propDef.events;
-export type MarkSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let color: $$Props['color'] = 'text-white dark:bg-blue-500';
- * @prop export let bgColor: $$Props['bgColor'] = 'bg-blue-600';
- * @prop export let markClass: $$Props['markClass'] = 'px-2 rounded-sm';
- */
-export default class Mark extends SvelteComponentTyped<MarkProps, MarkEvents, MarkSlots> {
-}
-export {};

package/dist/typography/P.svelte

@@ -1,89 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let color = "text-gray-900 dark:text-white";
-export let height = "normal";
-export let align = "left";
-export let justify = false;
-export let italic = false;
-export let firstupper = false;
-export let upperClass = "first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left";
-export let opacity = void 0;
-export let whitespace = "normal";
-export let size = "base";
-export let space = void 0;
-export let weight = "normal";
-const sizes = {
-  xs: "text-xs",
-  sm: "text-sm",
-  base: "text-base",
-  lg: "text-lg",
-  xl: "text-xl",
-  "2xl": "text-2xl",
-  "3xl": "text-3xl",
-  "4xl": "text-4xl",
-  "5xl": "text-5xl",
-  "6xl": "text-6xl",
-  "7xl": "text-7xl",
-  "8xl": "text-8xl",
-  "9xl": "text-9xl"
-};
-const weights = {
-  thin: "font-thin",
-  extralight: "font-extralight",
-  light: "font-light",
-  normal: "font-normal",
-  medium: "font-medium",
-  semibold: "font-semibold",
-  bold: "font-bold",
-  extrabold: "font-extrabold",
-  black: "font-black"
-};
-const spaces = {
-  tighter: "tracking-tighter",
-  tight: "tracking-tight",
-  normal: "tracking-normal",
-  wide: "tracking-wide",
-  wider: "tracking-wider",
-  widest: "tracking-widest"
-};
-const heights = {
-  normal: "leading-normal",
-  relaxed: "leading-relaxed",
-  loose: "leading-loose"
-};
-const aligns = {
-  left: "text-left",
-  center: "text-center",
-  right: "text-right"
-};
-const whitespaces = {
-  normal: "whitespace-normal",
-  nowrap: "whitespace-nowrap",
-  pre: "whitespace-pre",
-  preline: "whitespace-pre-line",
-  prewrap: "whitespace-pre-wrap"
-};
-$: colorAndopacity = color.split(" ").map((element) => element.trim()).map((element) => element + "/" + String(opacity)).join(" ");
-$: classP = twMerge(size && sizes[size], opacity && colorAndopacity || color && color, height && heights[height], weight && weights[weight], space && spaces[space], align && aligns[align], justify && "text-justify", italic && "italic", firstupper && upperClass, whitespace && whitespaces[whitespace], $$props.class);
-</script>
-
-<p {...$$restProps} class={classP}>
-  <slot />
-</p>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let color: NonNullable<$$Props['color']> = 'text-gray-900 dark:text-white';
-@prop export let height: $$Props['height'] = 'normal';
-@prop export let align: $$Props['align'] = 'left';
-@prop export let justify: $$Props['justify'] = false;
-@prop export let italic: $$Props['italic'] = false;
-@prop export let firstupper: $$Props['firstupper'] = false;
-@prop export let upperClass: $$Props['upperClass'] = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left';
-@prop export let opacity: $$Props['opacity'] = undefined;
-@prop export let whitespace: $$Props['whitespace'] = 'normal';
-@prop export let size: $$Props['size'] = 'base';
-@prop export let space: $$Props['space'] = undefined;
-@prop export let weight: $$Props['weight'] = 'normal';
--->

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

@@ -1,47 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-import type { PsizeType, PweightType } from '../types';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLParagraphElement> & {
-        color?: string;
-        height?: "normal" | "relaxed" | "loose";
-        align?: "left" | "center" | "right";
-        justify?: boolean;
-        italic?: boolean;
-        firstupper?: boolean;
-        upperClass?: string;
-        opacity?: number;
-        whitespace?: "normal" | "nowrap" | "pre" | "preline" | "prewrap";
-        size?: PsizeType;
-        space?: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest";
-        weight?: PweightType;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type PProps = typeof __propDef.props;
-export type PEvents = typeof __propDef.events;
-export type PSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let color: NonNullable<$$Props['color']> = 'text-gray-900 dark:text-white';
- * @prop export let height: $$Props['height'] = 'normal';
- * @prop export let align: $$Props['align'] = 'left';
- * @prop export let justify: $$Props['justify'] = false;
- * @prop export let italic: $$Props['italic'] = false;
- * @prop export let firstupper: $$Props['firstupper'] = false;
- * @prop export let upperClass: $$Props['upperClass'] = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left';
- * @prop export let opacity: $$Props['opacity'] = undefined;
- * @prop export let whitespace: $$Props['whitespace'] = 'normal';
- * @prop export let size: $$Props['size'] = 'base';
- * @prop export let space: $$Props['space'] = undefined;
- * @prop export let weight: $$Props['weight'] = 'normal';
- */
-export default class P extends SvelteComponentTyped<PProps, PEvents, PSlots> {
-}
-export {};

package/dist/typography/Secondary.svelte

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

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

@@ -1,26 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLElement> & {
-        color?: string;
-        secondaryClass?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type SecondaryProps = typeof __propDef.props;
-export type SecondaryEvents = typeof __propDef.events;
-export type SecondarySlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let color: $$Props['color'] = 'text-gray-500 dark:text-gray-400';
- * @prop export let secondaryClass: $$Props['secondaryClass'] = 'font-semibold';
- */
-export default class Secondary extends SvelteComponentTyped<SecondaryProps, SecondaryEvents, SecondarySlots> {
-}
-export {};

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-linear-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-linear-to-r to-emerald-600 from-sky-400';
--->