flowbite-svelte 0.48.4 → 1.0.0-next.2

package/dist/skeleton/theme.js

@@ -0,0 +1,175 @@
+import { tv } from "tailwind-variants";
+const cardPlaceholder = tv({
+    slots: {
+        base: "p-4 rounded-sm border border-gray-200 shadow-sm animate-pulse md:p-6 dark:border-gray-700",
+        imageArea: "mb-4 flex h-48 items-center justify-center rounded-sm bg-gray-300 dark:bg-gray-700",
+        imageIcon: "text-gray-200 dark:text-gray-600",
+        line: "rounded-full bg-gray-200 dark:bg-gray-700",
+        footerArea: "mt-4 flex items-center space-x-3 rtl:space-x-reverse"
+    },
+    variants: {
+        size: {
+            sm: { base: "max-w-sm" },
+            md: { base: "max-w-md" },
+            lg: { base: "max-w-lg" },
+            xl: { base: "max-w-xl" },
+            "2xl": { base: "max-w-2xl" }
+        }
+    }
+});
+const imagePlaceholder = tv({
+    slots: {
+        base: "space-y-8 animate-pulse md:space-y-0 md:space-x-8 rtl:space-x-reverse md:flex md:items-center",
+        image: "flex w-full items-center justify-center rounded-sm bg-gray-300 sm:w-96 dark:bg-gray-700",
+        svg: "text-gray-200",
+        content: "w-full",
+        line: "rounded-full bg-gray-200 dark:bg-gray-700"
+    },
+    variants: {
+        size: {
+            sm: {
+                image: "h-32",
+                content: "space-y-2"
+            },
+            md: {
+                image: "h-48",
+                content: "space-y-3"
+            },
+            lg: {
+                image: "h-64",
+                content: "space-y-4"
+            }
+        },
+        rounded: {
+            none: {
+                image: "rounded-none",
+                line: "rounded-none"
+            },
+            sm: {
+                image: "rounded-xs",
+                line: "rounded-xs"
+            },
+            md: {
+                image: "rounded-sm",
+                line: "rounded-sm"
+            },
+            lg: {
+                image: "rounded-lg",
+                line: "rounded-lg"
+            },
+            full: {
+                image: "rounded-full",
+                line: "rounded-full"
+            }
+        }
+    }
+});
+const listPlaceholder = tv({
+    slots: {
+        base: "p-4 space-y-4 max-w-md rounded-sm border border-gray-200 divide-y divide-gray-200 shadow-sm animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700",
+        item: "flex items-center justify-between",
+        itemContent: "",
+        itemTitle: "mb-2.5 h-2.5 w-24 rounded-full bg-gray-300 dark:bg-gray-600",
+        itemSubtitle: "h-2 w-32 rounded-full bg-gray-200 dark:bg-gray-700",
+        itemExtra: "h-2.5 w-12 rounded-full bg-gray-300 dark:bg-gray-700"
+    },
+    variants: {
+        size: {
+            sm: {
+                base: "p-3 space-y-3 max-w-sm md:p-4",
+                itemTitle: "mb-2 h-2 w-20",
+                itemSubtitle: "h-1.5 w-28",
+                itemExtra: "h-2 w-10"
+            },
+            md: {}, // default size
+            lg: {
+                base: "p-5 space-y-5 max-w-lg md:p-7",
+                itemTitle: "mb-3 h-3 w-28",
+                itemSubtitle: "h-2.5 w-36",
+                itemExtra: "h-3 w-14"
+            }
+        },
+        rounded: {
+            none: { base: "rounded-none" },
+            sm: { base: "rounded-xs" },
+            md: { base: "rounded-sm" },
+            lg: { base: "rounded-lg" },
+            full: { base: "rounded-full p-8 md:p-16" }
+        }
+    }
+});
+// Skeleton
+const skeleton = tv({
+    slots: {
+        wrapper: "animate-pulse",
+        line: "rounded-full bg-gray-200 dark:bg-gray-700"
+    },
+    variants: {
+        size: {
+            sm: {
+                wrapper: "max-w-sm"
+            },
+            md: {
+                wrapper: "max-w-md"
+            },
+            lg: {
+                wrapper: "max-w-lg"
+            },
+            xl: {
+                wrapper: "max-w-xl"
+            },
+            "2xl": {
+                wrapper: "max-w-2xl"
+            }
+        }
+    }
+});
+// TestimonialPlaceholder
+const testimonialPlaceholder = tv({
+    slots: {
+        wrapper: "animate-pulse",
+        line1: "rounded-full bg-gray-200 dark:bg-gray-700",
+        line2: "rounded-full bg-gray-300 dark:bg-gray-700",
+        svg: "me-2 h-10 w-10 text-gray-200 dark:text-gray-700",
+        subContent: "mt-4 flex items-center justify-center"
+    }
+});
+const textPlaceholder = tv({
+    slots: {
+        baseWrapper: "space-y-2.5 animate-pulse",
+        divWrapper: "flex items-center space-x-2 rtl:space-x-reverse",
+        lineA: "rounded-full bg-gray-200 dark:bg-gray-700",
+        lineB: "rounded-full bg-gray-300 dark:bg-gray-600"
+    },
+    variants: {
+        size: {
+            sm: { baseWrapper: "max-w-sm" },
+            md: { baseWrapper: "max-w-md" },
+            lg: { baseWrapper: "max-w-lg" },
+            xl: { baseWrapper: "max-w-xl" },
+            "2xl": { baseWrapper: "max-w-2xl" }
+        }
+    }
+});
+const videoPlaceholder = tv({
+    base: "flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700",
+    variants: {
+        size: {
+            sm: "max-w-sm",
+            md: "max-w-md",
+            lg: "max-w-lg",
+            xl: "max-w-xl",
+            "2xl": "max-w-2xl"
+        }
+    }
+});
+// WidgetPlaceholder
+const widgetPlaceholder = tv({
+    slots: {
+        base: "p-4 max-w-sm rounded-sm border border-gray-200 shadow-sm animate-pulse md:p-6 dark:border-gray-700",
+        wrapper: "mt-4 flex items-baseline space-x-6 rtl:space-x-reverse",
+        hLine: "rounded-full bg-gray-200 dark:bg-gray-700",
+        vLine: "w-full rounded-t-lg bg-gray-200 dark:bg-gray-700"
+    }
+});
+export { cardPlaceholder, imagePlaceholder, listPlaceholder, skeleton, testimonialPlaceholder, textPlaceholder, videoPlaceholder, widgetPlaceholder };

package/dist/skeleton/type.d.ts

@@ -0,0 +1,24 @@
+import type { HTMLAttributes } from "svelte/elements";
+import type { CardPlaceholderVariants, ImagePlaceholderVariants, ListPlaceholderVariants, SkeletonVariants, TextPlaceholderVariants, VideoPlaceholderVariants } from "./theme";
+interface CardPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
+    size?: CardPlaceholderVariants["size"];
+}
+interface ImagePlaceholderProps extends HTMLAttributes<HTMLDivElement> {
+    size?: ImagePlaceholderVariants["size"];
+    rounded?: ImagePlaceholderVariants["rounded"];
+}
+interface ListPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
+    itemNumber?: number;
+    size?: ListPlaceholderVariants["size"];
+    rounded?: ListPlaceholderVariants["rounded"];
+}
+interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    size?: SkeletonVariants["size"];
+}
+interface TextPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
+    size?: TextPlaceholderVariants["size"];
+}
+interface VideoPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
+    size?: VideoPlaceholderVariants["size"];
+}
+export type { CardPlaceholderProps, ImagePlaceholderProps, ListPlaceholderProps, SkeletonProps, TextPlaceholderProps, VideoPlaceholderProps };

package/dist/skeleton/type.js

@@ -0,0 +1 @@
+export {};

package/dist/speed-dial/SpeedDial.svelte

@@ -1,53 +1,54 @@
-<script context="module"></script>
+<script lang="ts">
+  import Button from "../buttons/Button.svelte";
+  import GradientButton from "../buttons/GradientButton.svelte";
+  import Popper from "../utils/Popper.svelte";
+  import { getSideAxis } from "@floating-ui/utils";
+  import clsx from "clsx";
+  import { setContext } from "svelte";
+  import { speed_dial } from "./theme";
+  import type { SpeedDialProps as Props, SpeedCtxType } from "./type";
 
-<script>import { twMerge } from "tailwind-merge";
-import Button from "../buttons/Button.svelte";
-import Popper from "../utils/Popper.svelte";
-import { setContext } from "svelte";
-import generateId from "../utils/generateId";
-import GradientButton from "../buttons/GradientButton.svelte";
-export let defaultClass = "fixed end-6 bottom-6";
-export let popperDefaultClass = "flex items-center mb-4 gap-2";
-export let placement = "top";
-export let pill = true;
-export let tooltip = "left";
-export let trigger = "hover";
-export let textOutside = false;
-export let id = generateId();
-export let name = "Open actions menu";
-export let gradient = false;
-export let open = false;
-setContext("speed-dial", { pill, tooltip, textOutside });
-let divClass;
-$: divClass = twMerge(defaultClass, "group", $$props.class);
-let poperClass;
-$: poperClass = twMerge(popperDefaultClass, ["top", "bottom"].includes(placement.split("-")[0]) && "flex-col");
+  let { children, icon, button, popperClass, placement = "top", pill = true, tooltip = "left", trigger = "hover", textOutside = false, name = "Open actions menu", gradient = false, class: className, ontoggle, onbeforetoggle, ...restProps }: Props = $props();
+
+  setContext<SpeedCtxType>("speed-dial", { pill, tooltip, textOutside });
+
+  let vertical: boolean = $derived(getSideAxis(placement) === "y");
+
+  let { base, popper } = $derived(speed_dial({ vertical }));
 </script>
 
-<div class={divClass}>
-  <slot name="button">
-    {#if gradient}
-      <GradientButton {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="p-3!">
-        <slot name="icon">
-          <svg aria-hidden="true" class="w-8 h-8 transition-transform group-hover:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
-          </svg>
-        </slot>
-        <span class="sr-only">{name}</span>
-      </GradientButton>
-    {:else}
-      <Button {pill} {name} aria-controls={id} aria-expanded={open} {...$$restProps} class="p-3!">
-        <slot name="icon">
-          <svg aria-hidden="true" class="w-8 h-8 transition-transform group-hover:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
-          </svg>
-        </slot>
-        <span class="sr-only">{name}</span>
-      </Button>
-    {/if}
-  </slot>
-  <Popper {id} {trigger} arrow={false} color="none" activeContent {placement} class={poperClass} bind:open>
-    <slot />
+{#snippet moving_cross()}
+  <svg aria-hidden="true" class="h-8 w-8 transition-transform group-hover:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
+  </svg>
+{/snippet}
+
+<div class={base({ class: clsx(className) })}>
+  {#if button}
+    {@render button()}
+  {:else if gradient}
+    <GradientButton {pill} {name} {...restProps} class="p-3!">
+      {#if icon}
+        {@render icon()}
+      {:else}
+        {@render moving_cross()}
+      {/if}
+      <span class="sr-only">{name}</span>
+    </GradientButton>
+  {:else}
+    <Button {pill} {name} {...restProps} class="p-3!">
+      {#if icon}
+        {@render icon()}
+      {:else}
+        {@render moving_cross()}
+      {/if}
+      <span class="sr-only">{name}</span>
+    </Button>
+  {/if}
+  <Popper {trigger} arrow={false} {placement} {ontoggle} {onbeforetoggle} class="bg-transparent">
+    <div class={popper({ class: popperClass })}>
+      {@render children()}
+    </div>
   </Popper>
 </div>
 
@@ -55,15 +56,18 @@ $: poperClass = twMerge(popperDefaultClass, ["top", "bottom"].includes(placement
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let defaultClass: $$Props['defaultClass'] = 'fixed end-6 bottom-6';
-@prop export let popperDefaultClass: $$Props['popperDefaultClass'] = 'flex items-center mb-4 gap-2';
-@prop export let placement: NonNullable<$$Props['placement']> = 'top';
-@prop export let pill: NonNullable<$$Props['pill']> = true;
-@prop export let tooltip: NonNullable<$$Props['tooltip']> = 'left';
-@prop export let trigger: $$Props['trigger'] = 'hover';
-@prop export let textOutside: NonNullable<$$Props['textOutside']> = false;
-@prop export let id: $$Props['id'] = generateId();
-@prop export let name: $$Props['name'] = 'Open actions menu';
-@prop export let gradient: $$Props['gradient'] = false;
-@prop export let open: $$Props['open'] = false;
+@props: children: any;
+@props:icon: any;
+@props:button: any;
+@props:popperClass: any;
+@props:placement: any = "top";
+@props:pill: any = true;
+@props:tooltip: any = "left";
+@props:trigger: any = "hover";
+@props:textOutside: any = false;
+@props:name: any = "Open actions menu";
+@props:gradient: any = false;
+@props:class: string;
+@props:ontoggle: any;
+@props:onbeforetoggle: any;
 -->

package/dist/speed-dial/SpeedDial.svelte.d.ts

@@ -1,72 +1,32 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Placement } from '@floating-ui/dom';
-export interface SpeedCtxType {
-    pill: boolean;
-    tooltip: Placement | 'none';
-    textOutside: boolean;
-}
 declare const __propDef: {
-    props: (({
-        pill?: boolean;
-        outline?: boolean;
-        size?: "xs" | "sm" | "md" | "lg" | "xl";
-        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
-        shadow?: boolean;
-        tag?: "a" | "button" | "label";
-        checked?: boolean;
-    } & Omit<import("svelte/elements").HTMLAnchorAttributes, "type"> & {
-        href?: string | undefined;
-    }) | ({
-        pill?: boolean;
-        outline?: boolean;
-        size?: "xs" | "sm" | "md" | "lg" | "xl";
-        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
-        shadow?: boolean;
-        tag?: "a" | "button" | "label";
-        checked?: boolean;
-    } & import("svelte/elements").HTMLButtonAttributes & {
-        disabled?: import("svelte/elements").HTMLButtonAttributes["disabled"];
-        type?: import("svelte/elements").HTMLButtonAttributes["type"];
-    })) & {
-        defaultClass?: string;
-        popperDefaultClass?: string;
-        placement?: Placement;
-        pill?: boolean;
-        tooltip?: Placement | "none";
-        trigger?: "hover" | "click" | "focus";
-        textOutside?: boolean;
-        id?: string;
-        name?: string;
-        gradient?: boolean;
-        open?: boolean;
-    };
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        button: {};
-        icon: {};
-        default: {};
-    };
+    slots: {};
 };
-export type SpeedDialProps = typeof __propDef.props;
+type SpeedDialProps_ = typeof __propDef.props;
+export { SpeedDialProps_ as SpeedDialProps };
 export type SpeedDialEvents = typeof __propDef.events;
 export type SpeedDialSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let defaultClass: $$Props['defaultClass'] = 'fixed end-6 bottom-6';
- * @prop export let popperDefaultClass: $$Props['popperDefaultClass'] = 'flex items-center mb-4 gap-2';
- * @prop export let placement: NonNullable<$$Props['placement']> = 'top';
- * @prop export let pill: NonNullable<$$Props['pill']> = true;
- * @prop export let tooltip: NonNullable<$$Props['tooltip']> = 'left';
- * @prop export let trigger: $$Props['trigger'] = 'hover';
- * @prop export let textOutside: NonNullable<$$Props['textOutside']> = false;
- * @prop export let id: $$Props['id'] = generateId();
- * @prop export let name: $$Props['name'] = 'Open actions menu';
- * @prop export let gradient: $$Props['gradient'] = false;
- * @prop export let open: $$Props['open'] = false;
+ * @props: children: any;
+ * @props:icon: any;
+ * @props:button: any;
+ * @props:popperClass: any;
+ * @props:placement: any = "top";
+ * @props:pill: any = true;
+ * @props:tooltip: any = "left";
+ * @props:trigger: any = "hover";
+ * @props:textOutside: any = false;
+ * @props:name: any = "Open actions menu";
+ * @props:gradient: any = false;
+ * @props:class: string;
+ * @props:ontoggle: any;
+ * @props:onbeforetoggle: any;
  */
-export default class SpeedDial extends SvelteComponentTyped<SpeedDialProps, SpeedDialEvents, SpeedDialSlots> {
+export default class SpeedDial extends SvelteComponentTyped<SpeedDialProps_, SpeedDialEvents, SpeedDialSlots> {
 }
-export {};

package/dist/speed-dial/SpeedDialButton.svelte

@@ -1,43 +1,38 @@
-<script>import Button from "../buttons/Button.svelte";
-import Tooltip from "../tooltip/Tooltip.svelte";
-import { twMerge } from "tailwind-merge";
-import { getContext } from "svelte";
-const context = getContext("speed-dial");
-export let btnDefaultClass = "w-[52px] h-[52px] shadow-xs p-2!";
-export let name = "";
-export let tooltip = context.tooltip;
-export let pill = context.pill;
-export let textOutside = context.textOutside;
-export let textOutsideClass = "block absolute -start-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2";
-export let textDefaultClass = "block mb-px text-xs font-medium";
-let btnClass;
-$: btnClass = twMerge(btnDefaultClass, tooltip === "none" && "flex-col", textOutside && "relative", $$props.class);
+<script lang="ts">
+  import Button from "../buttons/Button.svelte";
+  import Tooltip from "../tooltip/Tooltip.svelte";
+  import { getContext } from "svelte";
+  import { speed_dial_button } from "./theme";
+  import type { SpeedCtxType, SpeedDialButtonProps as Props } from "./type";
+  import clsx from "clsx";
+
+  const context = getContext<SpeedCtxType>("speed-dial");
+
+  let { children, name = "", color = "light", tooltip = context.tooltip, pill = context.pill, textOutside = context.textOutside, textClass, class: className, ...restProps }: Props = $props();
+
+  let { base, span } = $derived(speed_dial_button({ textOutside, tooltip: tooltip == "none" }));
+  let spanClass = $derived(tooltip === "none" ? span({ class: textClass }) : "sr-only");
 </script>
 
-<Button {pill} outline color="light" {...$$restProps} class={btnClass} on:click>
-  <slot />
-  {#if tooltip !== 'none'}
-    <span class="sr-only">{name}</span>
-  {:else if textOutside}
-    <span class={textOutsideClass}>{name}</span>
-  {:else}
-    <span class={textDefaultClass}>{name}</span>
-  {/if}
+<Button {pill} outline {color} {...restProps} class={base({ class: clsx(className) })}>
+  {@render children?.()}
+  <span class={spanClass}>{name}</span>
 </Button>
 
-{#if tooltip !== 'none'}
-  <Tooltip placement={tooltip} style="dark">{name}</Tooltip>
+{#if tooltip !== "none"}
+  <Tooltip placement={tooltip} type="dark">{name}</Tooltip>
 {/if}
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let btnDefaultClass: $$Props['defaultClass'] = 'w-[52px] h-[52px] shadow-xs p-2!';
-@prop export let name: $$Props['name'] = '';
-@prop export let tooltip: $$Props['tooltip'] = context.tooltip;
-@prop export let pill: $$Props['pill'] = context.pill;
-@prop export let textOutside: $$Props['textOutside'] = context.textOutside;
-@prop export let textOutsideClass: $$Props['textOutsideClass'] = 'block absolute -start-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2';
-@prop export let textDefaultClass: $$Props['textDefaultClass'] = 'block mb-px text-xs font-medium';
+@props: children: any;
+@props:name: any = "";
+@props:color: any = "light";
+@props:tooltip: any = context.tooltip;
+@props:pill: any = context.pill;
+@props:textOutside: any = context.textOutside;
+@props:textClass: any;
+@props:class: string;
 -->

package/dist/speed-dial/SpeedDialButton.svelte.d.ts

@@ -1,59 +1,26 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Placement } from '@floating-ui/dom';
 declare const __propDef: {
-    props: (({
-        pill?: boolean;
-        outline?: boolean;
-        size?: "xs" | "sm" | "md" | "lg" | "xl";
-        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
-        shadow?: boolean;
-        tag?: "a" | "button" | "label";
-        checked?: boolean;
-    } & Omit<import("svelte/elements").HTMLAnchorAttributes, "type"> & {
-        href?: string | undefined;
-    }) | ({
-        pill?: boolean;
-        outline?: boolean;
-        size?: "xs" | "sm" | "md" | "lg" | "xl";
-        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
-        shadow?: boolean;
-        tag?: "a" | "button" | "label";
-        checked?: boolean;
-    } & import("svelte/elements").HTMLButtonAttributes & {
-        disabled?: import("svelte/elements").HTMLButtonAttributes["disabled"];
-        type?: import("svelte/elements").HTMLButtonAttributes["type"];
-    })) & {
-        defaultClass?: string;
-        name?: string;
-        tooltip?: Placement | "none";
-        pill?: boolean;
-        textOutside?: boolean;
-        textOutsideClass?: string;
-        textDefaultClass?: string;
-    };
+    props: Record<string, never>;
     events: {
-        click: MouseEvent;
-    } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        default: {};
-    };
+    slots: {};
 };
-export type SpeedDialButtonProps = typeof __propDef.props;
+type SpeedDialButtonProps_ = typeof __propDef.props;
+export { SpeedDialButtonProps_ as SpeedDialButtonProps };
 export type SpeedDialButtonEvents = typeof __propDef.events;
 export type SpeedDialButtonSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let btnDefaultClass: $$Props['defaultClass'] = 'w-[52px] h-[52px] shadow-xs p-2!';
- * @prop export let name: $$Props['name'] = '';
- * @prop export let tooltip: $$Props['tooltip'] = context.tooltip;
- * @prop export let pill: $$Props['pill'] = context.pill;
- * @prop export let textOutside: $$Props['textOutside'] = context.textOutside;
- * @prop export let textOutsideClass: $$Props['textOutsideClass'] = 'block absolute -start-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2';
- * @prop export let textDefaultClass: $$Props['textDefaultClass'] = 'block mb-px text-xs font-medium';
+ * @props: children: any;
+ * @props:name: any = "";
+ * @props:color: any = "light";
+ * @props:tooltip: any = context.tooltip;
+ * @props:pill: any = context.pill;
+ * @props:textOutside: any = context.textOutside;
+ * @props:textClass: any;
+ * @props:class: string;
  */
-export default class SpeedDialButton extends SvelteComponentTyped<SpeedDialButtonProps, SpeedDialButtonEvents, SpeedDialButtonSlots> {
+export default class SpeedDialButton extends SvelteComponentTyped<SpeedDialButtonProps_, SpeedDialButtonEvents, SpeedDialButtonSlots> {
 }
-export {};

package/dist/speed-dial/index.d.ts

@@ -0,0 +1,5 @@
+import type { SpeedDialButtonProps, SpeedDialProps } from "./type";
+import SpeedDial from "./SpeedDial.svelte";
+import SpeedDialButton from "./SpeedDialButton.svelte";
+import { speed_dial } from "./theme";
+export { SpeedDial, SpeedDialButton, type SpeedDialProps, type SpeedDialButtonProps, speed_dial };

package/dist/speed-dial/index.js

@@ -0,0 +1,4 @@
+import SpeedDial from "./SpeedDial.svelte";
+import SpeedDialButton from "./SpeedDialButton.svelte";
+import { speed_dial } from "./theme";
+export { SpeedDial, SpeedDialButton, speed_dial };