flowbite-svelte 0.47.2 → 1.0.0-next.1

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

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

package/dist/kbd/ArrowKeyLeft.svelte

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

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

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

package/dist/kbd/ArrowKeyRight.svelte

@@ -1,14 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let svgClass = "w-4 h-4";
-</script>
-
-<svg {...$$restProps} class={twMerge(svgClass, $$props.class)} aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
-  <path d="M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z" />
-</svg>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
--->

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

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

package/dist/kbd/ArrowKeyUp.svelte

@@ -1,14 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let svgClass = "w-4 h-4";
-</script>
-
-<svg {...$$restProps} class={twMerge(svgClass, $$props.class)} aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
-  <path d="M9.39 265.4l127.1-128C143.6 131.1 151.8 128 160 128s16.38 3.125 22.63 9.375l127.1 128c9.156 9.156 11.9 22.91 6.943 34.88S300.9 320 287.1 320H32.01c-12.94 0-24.62-7.781-29.58-19.75S.2333 274.5 9.39 265.4z" />
-</svg>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
--->

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

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

package/dist/marquee/Marquee.svelte

@@ -1,46 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let speed = 1;
-export let hoverSpeed = 1;
-export let shadow = false;
-let offset = 0;
-let isHovering = false;
-let shadowClass = `after:content-[''] after:absolute after:block after:z-10 after:h-full before:content-[''] before:absolute 
-    before:block before:z-10 before:h-full before:end-0 after:shadow-[10px_0_50px_65px_rgba(256,256,256,1)] 
-    before:shadow-[-10px_0_50px_65px_rgba(256,256,256,1)] dark:after:shadow-[10px_0_50px_65px_rgba(16,24,39,1)]
-    dark:before:shadow-[-10px_0_50px_65px_rgba(16,24,39,1)]`;
-let divCls = twMerge("relative flex overflow-hidden w-full", shadow ? shadowClass : "", $$props.class);
-function init(marquee) {
-  const intervalId = setInterval(() => {
-    if (marquee && Math.abs(offset) >= marquee.offsetWidth) {
-      offset = 0;
-    } else {
-      if (isHovering) offset -= hoverSpeed;
-      else offset -= speed;
-    }
-  }, 5);
-  return {
-    destroy() {
-      clearInterval(intervalId);
-    }
-  };
-}
-</script>
-
-<!-- svelte-ignore a11y-mouse-events-have-key-events -->
-<div class={divCls} role="banner" on:mouseover={() => (isHovering = true)} on:mouseleave={() => (isHovering = false)}>
-  <div class="flex justify-around items-center min-w-full" style="transform: {`translateX(${offset}px)`}" use:init>
-    <slot />
-  </div>
-  <div class="flex justify-around items-center min-w-full" style="transform: {`translateX(${offset}px)`}">
-    <slot />
-  </div>
-</div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let speed: number = 1;
-@prop export let hoverSpeed: number = 1;
-@prop export let shadow: boolean = false;
--->

package/dist/marquee/Marquee.svelte.d.ts

@@ -1,28 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        speed?: number | undefined;
-        hoverSpeed?: number | undefined;
-        shadow?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type MarqueeProps = typeof __propDef.props;
-export type MarqueeEvents = typeof __propDef.events;
-export type MarqueeSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let speed: number = 1;
- * @prop export let hoverSpeed: number = 1;
- * @prop export let shadow: boolean = false;
- */
-export default class Marquee extends SvelteComponentTyped<MarqueeProps, MarqueeEvents, MarqueeSlots> {
-}
-export {};

package/dist/navbar/Menu.svelte

@@ -1,36 +0,0 @@
-<script>export let size = "24";
-export let color = "currentColor";
-export let variation = "outline";
-export let ariaLabel = "bars 3";
-let viewBox;
-let svgpath;
-let svgoutline = `<path stroke="${color}" stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path> `;
-let svgsolid = `<path fill="${color}" clip-rule="evenodd" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"></path> `;
-$: switch (variation) {
-  case "outline":
-    svgpath = svgoutline;
-    viewBox = "0 0 24 24";
-    break;
-  case "solid":
-    svgpath = svgsolid;
-    viewBox = "0 0 24 24";
-    break;
-  default:
-    svgpath = svgoutline;
-    viewBox = "0 0 24 24";
-}
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" role="button" tabindex="0" width={size} height={size} class={$$props.class} {...$$restProps} aria-label={ariaLabel} fill="none" {viewBox} stroke-width="2" on:click>
-  {@html svgpath}
-</svg>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let size: $$Props['size'] = '24';
-@prop export let color: $$Props['color'] = 'currentColor';
-@prop export let variation: $$Props['variation'] = 'outline';
-@prop export let ariaLabel: $$Props['ariaLabel'] = 'bars 3';
--->

package/dist/navbar/Menu.svelte.d.ts

@@ -1,30 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { SVGAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: SVGAttributes<SVGSVGElement> & {
-        size?: string;
-        color?: string;
-        variation?: "solid" | "outline";
-        ariaLabel?: string;
-    };
-    events: {
-        click: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type MenuProps = typeof __propDef.props;
-export type MenuEvents = typeof __propDef.events;
-export type MenuSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let size: $$Props['size'] = '24';
- * @prop export let color: $$Props['color'] = 'currentColor';
- * @prop export let variation: $$Props['variation'] = 'outline';
- * @prop export let ariaLabel: $$Props['ariaLabel'] = 'bars 3';
- */
-export default class Menu extends SvelteComponentTyped<MenuProps, MenuEvents, MenuSlots> {
-}
-export {};

package/dist/navbar/NavBrand.svelte

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

package/dist/navbar/NavBrand.svelte.d.ts

@@ -1,24 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAreaAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAreaAttributes & {
-        href?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type NavBrandProps = typeof __propDef.props;
-export type NavBrandEvents = typeof __propDef.events;
-export type NavBrandSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let href: $$Props['href'] = '';
- */
-export default class NavBrand extends SvelteComponentTyped<NavBrandProps, NavBrandEvents, NavBrandSlots> {
-}
-export {};

package/dist/navbar/NavContainer.svelte

@@ -1,14 +0,0 @@
-<script>import { twMerge } from "tailwind-merge";
-export let fluid = false;
-</script>
-
-<div {...$$restProps} class={twMerge('mx-auto flex flex-wrap justify-between items-center ', fluid ? 'w-full' : 'container', $$props.class)} >
-  <slot />
-</div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let fluid: boolean = false;
--->

package/dist/navbar/NavContainer.svelte.d.ts

@@ -1,24 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement> & {
-        fluid?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type NavContainerProps = typeof __propDef.props;
-export type NavContainerEvents = typeof __propDef.events;
-export type NavContainerSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let fluid: boolean = false;
- */
-export default class NavContainer extends SvelteComponentTyped<NavContainerProps, NavContainerEvents, NavContainerSlots> {
-}
-export {};

package/dist/navbar/NavHamburger.svelte

@@ -1,25 +0,0 @@
-<script>import { getContext } from "svelte";
-import { writable } from "svelte/store";
-import { twMerge } from "tailwind-merge";
-import ToolbarButton from "../toolbar/ToolbarButton.svelte";
-import Menu from "./Menu.svelte";
-export let menuClass = "h-6 w-6 shrink-0";
-export let onClick = void 0;
-export let classMenu = "";
-let btnClass = "ms-3 md:hidden";
-let hiddenStore = getContext("navHidden") ?? writable(true);
-const toggle = (ev) => hiddenStore.update((h) => !h);
-</script>
-
-<ToolbarButton name="Open main menu" on:click={onClick || toggle} {...$$restProps} class={twMerge(btnClass, $$props.class)}>
-  <Menu class={twMerge(menuClass, classMenu)} />
-</ToolbarButton>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let menuClass: $$Props['menuClass'] = 'h-6 w-6 shrink-0';
-@prop export let onClick: $$Props['onClick'] = undefined;
-@prop export let classMenu: $$Props['classMenu'] = '';
--->

package/dist/navbar/NavHamburger.svelte.d.ts

@@ -1,37 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: (({
-        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "default" | "primary";
-        name?: string;
-        ariaLabel?: string;
-        size?: "xs" | "sm" | "lg" | "md";
-    } & import("svelte/elements").HTMLAnchorAttributes & {
-        href: string;
-    }) | ({
-        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "default" | "primary";
-        name?: string;
-        ariaLabel?: string;
-        size?: "xs" | "sm" | "lg" | "md";
-    } & import("svelte/elements").HTMLButtonAttributes)) & {
-        menuClass?: string;
-        onClick?: (() => void) | undefined;
-        classMenu?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type NavHamburgerProps = typeof __propDef.props;
-export type NavHamburgerEvents = typeof __propDef.events;
-export type NavHamburgerSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let menuClass: $$Props['menuClass'] = 'h-6 w-6 shrink-0';
- * @prop export let onClick: $$Props['onClick'] = undefined;
- * @prop export let classMenu: $$Props['classMenu'] = '';
- */
-export default class NavHamburger extends SvelteComponentTyped<NavHamburgerProps, NavHamburgerEvents, NavHamburgerSlots> {
-}
-export {};

package/dist/navbar/NavLi.svelte

@@ -1,29 +0,0 @@
-<script>import { getContext } from "svelte";
-import { twMerge } from "tailwind-merge";
-export let href = "";
-export let activeClass = void 0;
-export let nonActiveClass = void 0;
-const context = getContext("navbarContext") ?? {};
-const activeUrlStore = getContext("activeUrl");
-let navUrl = "";
-activeUrlStore.subscribe((value) => {
-  navUrl = value;
-});
-$: active = navUrl ? href === navUrl : false;
-$: liClass = twMerge("block py-2 pe-4 ps-3 md:p-0 rounded md:border-0", active ? activeClass ?? context.activeClass : nonActiveClass ?? context.nonActiveClass, $$props.class);
-</script>
-
-<li>
-  <svelte:element this={href ? 'a' : 'div'} role={href ? undefined : 'link'} {href} {...$$restProps} on:blur on:change on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover class={liClass}>
-    <slot />
-  </svelte:element>
-</li>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let href: $$Props['href'] = '';
-@prop export let activeClass: $$Props['activeClass'] = undefined;
-@prop export let nonActiveClass: $$Props['nonActiveClass'] = undefined;
--->

package/dist/navbar/NavLi.svelte.d.ts

@@ -1,39 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes, HTMLAnchorAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: {
-        href?: string;
-        activeClass?: string;
-        nonActiveClass?: string;
-    } & (HTMLAnchorAttributes | HTMLAttributes<HTMLDivElement>);
-    events: {
-        blur: FocusEvent;
-        change: Event;
-        click: MouseEvent;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        mouseover: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-type NavLiProps_ = typeof __propDef.props;
-export { NavLiProps_ as NavLiProps };
-export type NavLiEvents = typeof __propDef.events;
-export type NavLiSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let href: $$Props['href'] = '';
- * @prop export let activeClass: $$Props['activeClass'] = undefined;
- * @prop export let nonActiveClass: $$Props['nonActiveClass'] = undefined;
- */
-export default class NavLi extends SvelteComponentTyped<NavLiProps_, NavLiEvents, NavLiSlots> {
-}

package/dist/navbar/NavUl.svelte

@@ -1,58 +0,0 @@
-<script context="module"></script>
-
-<script>import { getContext, setContext } from "svelte";
-import { sineIn } from "svelte/easing";
-import { writable } from "svelte/store";
-import { slide } from "svelte/transition";
-import { twMerge } from "tailwind-merge";
-import Frame from "../utils/Frame.svelte";
-export let activeUrl = "";
-export let divClass = "w-full md:block md:w-auto";
-export let ulClass = "flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium";
-export let hidden = void 0;
-export let slideParams = { delay: 250, duration: 500, easing: sineIn };
-export let activeClass = "text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent";
-export let nonActiveClass = "text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent";
-export let classUl = "";
-const activeUrlStore = writable("");
-setContext("navbarContext", { activeClass, nonActiveClass });
-$: {
-  activeUrlStore.set(activeUrl);
-}
-setContext("activeUrl", activeUrlStore);
-let hiddenStore = getContext("navHidden");
-let _hidden;
-$: _hidden = hidden ?? $hiddenStore ?? true;
-let _divClass;
-$: _divClass = twMerge(divClass, $$props.class);
-let _ulClass;
-$: _ulClass = twMerge(ulClass, classUl);
-</script>
-
-{#if !_hidden}
-  <div {...$$restProps} class={_divClass} transition:slide={slideParams} on:click role="button" tabindex="0">
-    <Frame tag="ul" border rounded color="navbarUl" class={_ulClass}>
-      <slot />
-    </Frame>
-  </div>
-{:else}
-  <div {...$$restProps} class={_divClass} hidden={_hidden}>
-    <ul class={_ulClass}>
-      <slot />
-    </ul>
-  </div>
-{/if}
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let activeUrl: NonNullable<$$Props['activeUrl']> = '';
-@prop export let divClass: $$Props['divClass'] = 'w-full md:block md:w-auto';
-@prop export let ulClass: $$Props['ulClass'] = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium';
-@prop export let hidden: $$Props['hidden'] = undefined;
-@prop export let slideParams: $$Props['slideParams'] = { delay: 250, duration: 500, easing: sineIn };
-@prop export let activeClass: NonNullable<$$Props['activeClass']> = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
-@prop export let nonActiveClass: NonNullable<$$Props['nonActiveClass']> = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
-@prop export let classUl: string = '';
--->

package/dist/navbar/NavUl.svelte.d.ts

@@ -1,44 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export type NavbarLiType = {
-    activeClass: string;
-    nonActiveClass: string;
-};
-import type { HTMLAttributes } from 'svelte/elements';
-import { type SlideParams } from 'svelte/transition';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement> & {
-        activeUrl?: string;
-        divClass?: string;
-        ulClass?: string;
-        hidden?: boolean | undefined;
-        slideParams?: SlideParams;
-        activeClass?: string;
-        nonActiveClass?: string;
-    };
-    events: {
-        click: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type NavUlProps = typeof __propDef.props;
-export type NavUlEvents = typeof __propDef.events;
-export type NavUlSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let activeUrl: NonNullable<$$Props['activeUrl']> = '';
- * @prop export let divClass: $$Props['divClass'] = 'w-full md:block md:w-auto';
- * @prop export let ulClass: $$Props['ulClass'] = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium';
- * @prop export let hidden: $$Props['hidden'] = undefined;
- * @prop export let slideParams: $$Props['slideParams'] = { delay: 250, duration: 500, easing: sineIn };
- * @prop export let activeClass: NonNullable<$$Props['activeClass']> = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
- * @prop export let nonActiveClass: NonNullable<$$Props['nonActiveClass']> = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
- * @prop export let classUl: string = '';
- */
-export default class NavUl extends SvelteComponentTyped<NavUlProps, NavUlEvents, NavUlSlots> {
-}
-export {};

package/dist/navbar/Navbar.svelte

@@ -1,28 +0,0 @@
-<script>import { setContext } from "svelte";
-import Frame from "../utils/Frame.svelte";
-import { twMerge } from "tailwind-merge";
-import NavContainer from "./NavContainer.svelte";
-import { writable } from "svelte/store";
-export let fluid = false;
-export let navContainerClass = "";
-let hidden = writable(true);
-setContext("navHidden", hidden);
-$: {
-  $$restProps.color = $$restProps.color ?? "navbar";
-}
-let toggle = () => hidden.update((hidden2) => !hidden2);
-</script>
-
-<Frame tag="nav" {...$$restProps} class={twMerge('px-2 sm:px-4 py-2.5 w-full', $$props.class)}>
-  <NavContainer {fluid} class={navContainerClass}>
-    <slot hidden={$hidden} {toggle} {NavContainer} />
-  </NavContainer>
-</Frame>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let fluid: $$Props['fluid'] = false;
-@prop export let navContainerClass: string= '';
--->