flowbite-svelte 0.47.2 → 1.0.0-next.1

package/dist/dropdown/Dropdown.svelte

@@ -1,70 +1,40 @@
-<script context="module"></script>
+<script lang="ts">
+  import { type DropdownProps as Props, dropdown } from "./";
+  import { fly } from "svelte/transition";
+  import type { ParamsType } from "../types";
+  import { setContext } from "svelte";
+  import { writable } from "svelte/store";
 
-<script>import { twMerge } from "tailwind-merge";
-import Popper from "../utils/Popper.svelte";
-import { setContext } from "svelte";
-import { writable } from "svelte/store";
-export let activeUrl = void 0;
-export let open = false;
-export let containerClass = "divide-y z-50";
-export let classContainer = void 0;
-export let headerClass = "py-1 overflow-hidden rounded-t-lg";
-export let classHeader = void 0;
-export let footerClass = "py-1 overflow-hidden rounded-b-lg";
-export let classFooter = void 0;
-export let activeClass = "text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900";
-export let classActive = void 0;
-export let arrow = false;
-export let trigger = "click";
-export let placement = "bottom";
-export let color = "dropdown";
-export let shadow = true;
-export let rounded = true;
-const activeUrlStore = writable("");
-let activeCls = twMerge(activeClass, classActive);
-setContext("DropdownType", { activeClass: activeCls });
-$: activeUrlStore.set(activeUrl ?? "");
-setContext("activeUrl", activeUrlStore);
-$: containerCls = twMerge(containerClass, classContainer);
-$: headerCls = twMerge(headerClass, classHeader);
-$: ulCls = twMerge("py-1", $$props.class);
-$: footerCls = twMerge(footerClass, classFooter);
+  let { children, dropdownStatus = $bindable(), closeDropdown, class: className, backdropClass, params, transition = fly, activeUrl = "", ...restProps }: Props = $props();
+
+  const { base, backdrop } = $derived(dropdown());
+  const activeUrlStore = writable("");
+  setContext("activeUrl", activeUrlStore);
+
+  $effect(() => {
+    activeUrlStore.set(activeUrl ?? "");
+  });
 </script>
 
-<Popper activeContent {...$$restProps} {trigger} {arrow} {placement} {shadow} {rounded} {color} class={containerCls} on:show bind:open>
-  {#if $$slots.header}
-    <div class={headerCls}>
-      <slot name="header" />
-    </div>
-  {/if}
-  <ul class={ulCls}>
-    <slot />
-  </ul>
-  {#if $$slots.footer}
-    <div class={footerCls}>
-      <slot name="footer" />
-    </div>
-  {/if}
-</Popper>
+<!-- Dropdown menu -->
+{#if dropdownStatus}
+  <div {...restProps} class={base({ class: className })} transition:transition={params as ParamsType}>
+    {@render children()}
+  </div>
+
+  <div role="presentation" class={backdrop({ class: backdropClass })} onclick={closeDropdown}></div>
+{/if}
 
 <!--
 @component
-[Go to docs](https://flowbite-svelte.com/)
+[Go to docs](https://preview.flowbite-svelte.com/)
 ## Props
-@prop export let activeUrl: $$Props['activeUrl'] = undefined;
-@prop export let open: $$Props['open'] = false;
-@prop export let containerClass: $$Props['containerClass'] = 'divide-y z-50';
-@prop export let classContainer: $$Props['classContainer'] = undefined;
-@prop export let headerClass: $$Props['headerClass'] = 'py-1 overflow-hidden rounded-t-lg';
-@prop export let classHeader: $$Props['classHeader'] = undefined;
-@prop export let footerClass: $$Props['footerClass'] = 'py-1 overflow-hidden rounded-b-lg';
-@prop export let classFooter: $$Props['classFooter'] = undefined;
-@prop export let activeClass: $$Props['activeClass'] = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
-@prop export let classActive: $$Props['classActive'] = undefined;
-@prop export let arrow: $$Props['arrow'] = false;
-@prop export let trigger: $$Props['trigger'] = 'click';
-@prop export let placement: $$Props['placement'] = 'bottom';
-@prop export let color: $$Props['color'] = 'dropdown';
-@prop export let shadow: $$Props['shadow'] = true;
-@prop export let rounded: $$Props['rounded'] = true;
+@props: children: any;
+@props:dropdownStatus: any = $bindable();
+@props:closeDropdown: any;
+@props:class: string;
+@props:backdropClass: any;
+@props:params: any;
+@props:transition: any = fly;
+@props:activeUrl: any = "";
 -->

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

@@ -1,87 +1,16 @@
-import { SvelteComponentTyped } from "svelte";
-export type DropdownType = {
-    activeClass: string;
-};
-import type { Placement } from '@floating-ui/dom';
-import type { FrameColor } from '../utils/Frame.svelte';
-declare const __propDef: {
-    props: import("svelte/elements").HTMLAnchorAttributes & {
-        tag?: string;
-        color?: 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;
-    } & {
-        activeUrl?: string;
-        open?: boolean;
-        containerClass?: string;
-        classContainer?: string;
-        headerClass?: string;
-        classHeader?: string;
-        footerClass?: string;
-        classFooter?: string;
-        activeClass?: string;
-        classActive?: string;
-        arrow?: boolean;
-        trigger?: "hover" | "click" | "focus";
-        placement?: Placement;
-        color?: FrameColor;
-        shadow?: boolean;
-        rounded?: boolean;
-    };
-    events: {
-        show: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        header: {};
-        default: {};
-        footer: {};
-    };
-};
-export type DropdownProps = typeof __propDef.props;
-export type DropdownEvents = typeof __propDef.events;
-export type DropdownSlots = typeof __propDef.slots;
+import { type DropdownProps as Props } from "./";
 /**
- * [Go to docs](https://flowbite-svelte.com/)
+ * [Go to docs](https://preview.flowbite-svelte.com/)
  * ## Props
- * @prop export let activeUrl: $$Props['activeUrl'] = undefined;
- * @prop export let open: $$Props['open'] = false;
- * @prop export let containerClass: $$Props['containerClass'] = 'divide-y z-50';
- * @prop export let classContainer: $$Props['classContainer'] = undefined;
- * @prop export let headerClass: $$Props['headerClass'] = 'py-1 overflow-hidden rounded-t-lg';
- * @prop export let classHeader: $$Props['classHeader'] = undefined;
- * @prop export let footerClass: $$Props['footerClass'] = 'py-1 overflow-hidden rounded-b-lg';
- * @prop export let classFooter: $$Props['classFooter'] = undefined;
- * @prop export let activeClass: $$Props['activeClass'] = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
- * @prop export let classActive: $$Props['classActive'] = undefined;
- * @prop export let arrow: $$Props['arrow'] = false;
- * @prop export let trigger: $$Props['trigger'] = 'click';
- * @prop export let placement: $$Props['placement'] = 'bottom';
- * @prop export let color: $$Props['color'] = 'dropdown';
- * @prop export let shadow: $$Props['shadow'] = true;
- * @prop export let rounded: $$Props['rounded'] = true;
+ * @props: children: any;
+ * @props:dropdownStatus: any = $bindable();
+ * @props:closeDropdown: any;
+ * @props:class: string;
+ * @props:backdropClass: any;
+ * @props:params: any;
+ * @props:transition: any = fly;
+ * @props:activeUrl: any = "";
  */
-export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {
-}
-export {};
+declare const Dropdown: import("svelte").Component<Props, {}, "dropdownStatus">;
+type Dropdown = ReturnType<typeof Dropdown>;
+export default Dropdown;

package/dist/dropdown/DropdownDivider.svelte

@@ -1,12 +1,15 @@
-<script>import { twMerge } from "tailwind-merge";
-export let divClass = "my-1 h-px bg-gray-100 dark:bg-gray-600";
+<script lang="ts">
+  import { type DropdownDividerProps as Props, dropdowndivider } from "./";
+
+  let { class: divClass, ...restProps }: Props = $props();
+  const base = dropdowndivider({ class: divClass });
 </script>
 
-<div {...$$restProps} class={twMerge(divClass, $$props.class)}></div>
+<div {...restProps} class={base}></div>
 
 <!--
 @component
-[Go to docs](https://flowbite-svelte.com/)
+[Go to docs](https://preview.flowbite-svelte.com/)
 ## Props
-@prop export let divClass: $$Props['divClass'] = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
+@props: class: string;
 -->

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

@@ -1,22 +1,9 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement> & {
-        divClass?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type DropdownDividerProps = typeof __propDef.props;
-export type DropdownDividerEvents = typeof __propDef.events;
-export type DropdownDividerSlots = typeof __propDef.slots;
+import { type DropdownDividerProps as Props } from "./";
 /**
- * [Go to docs](https://flowbite-svelte.com/)
+ * [Go to docs](https://preview.flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: $$Props['divClass'] = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
+ * @props: class: string;
  */
-export default class DropdownDivider extends SvelteComponentTyped<DropdownDividerProps, DropdownDividerEvents, DropdownDividerSlots> {
-}
-export {};
+declare const DropdownDivider: import("svelte").Component<Props, {}, "">;
+type DropdownDivider = ReturnType<typeof DropdownDivider>;
+export default DropdownDivider;

package/dist/dropdown/DropdownFooter.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+  import { type DropdownFooterProps as Props, dropdownFooter } from ".";
+
+  let { children, class: className, ...restProps }: Props = $props();
+  let footerClass = $derived(dropdownFooter({ class: className }));
+</script>
+
+<div {...restProps} class={footerClass}>
+  {@render children()}
+</div>
+
+<!--
+@component
+[Go to docs](https://preview.flowbite-svelte.com/)
+## Props
+@props: children: any;
+@props:class: string;
+-->

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

@@ -0,0 +1,10 @@
+import { type DropdownFooterProps as Props } from ".";
+/**
+ * [Go to docs](https://preview.flowbite-svelte.com/)
+ * ## Props
+ * @props: children: any;
+ * @props:class: string;
+ */
+declare const DropdownFooter: import("svelte").Component<Props, {}, "">;
+type DropdownFooter = ReturnType<typeof DropdownFooter>;
+export default DropdownFooter;

package/dist/dropdown/DropdownHeader.svelte

@@ -1,20 +1,18 @@
-<script>import { twMerge } from "tailwind-merge";
-import DropdownDivider from "./DropdownDivider.svelte";
-export let divClass = "py-2 px-4 text-gray-700 dark:text-white";
-export let divider = true;
+<script lang="ts">
+  import { type DropdownHeaderProps as Props, dropdownHeader } from ".";
+
+  let { children, class: className, ...restProps }: Props = $props();
+  let headerClass = $derived(dropdownHeader({ class: className }));
 </script>
 
-<div {...$$restProps} class={twMerge(divClass, $$props.class)}>
-  <slot />
+<div {...restProps} class={headerClass}>
+  {@render children()}
 </div>
-{#if divider}
-  <DropdownDivider />
-{/if}
 
 <!--
 @component
-[Go to docs](https://flowbite-svelte.com/)
+[Go to docs](https://preview.flowbite-svelte.com/)
 ## Props
-@prop export let divClass: $$Props['divClass'] = 'py-2 px-4 text-gray-700 dark:text-white';
-@prop export let divider: $$Props['divider'] = true;
+@props: children: any;
+@props:class: string;
 -->

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

@@ -1,26 +1,10 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement> & {
-        divClass?: string;
-        divider?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type DropdownHeaderProps = typeof __propDef.props;
-export type DropdownHeaderEvents = typeof __propDef.events;
-export type DropdownHeaderSlots = typeof __propDef.slots;
+import { type DropdownHeaderProps as Props } from ".";
 /**
- * [Go to docs](https://flowbite-svelte.com/)
+ * [Go to docs](https://preview.flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: $$Props['divClass'] = 'py-2 px-4 text-gray-700 dark:text-white';
- * @prop export let divider: $$Props['divider'] = true;
+ * @props: children: any;
+ * @props:class: string;
  */
-export default class DropdownHeader extends SvelteComponentTyped<DropdownHeaderProps, DropdownHeaderEvents, DropdownHeaderSlots> {
-}
-export {};
+declare const DropdownHeader: import("svelte").Component<Props, {}, "">;
+type DropdownHeader = ReturnType<typeof DropdownHeader>;
+export default DropdownHeader;

package/dist/dropdown/DropdownLi.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+  import { getContext } from "svelte";
+  import { type DropdownLiProps as Props, dropdownli } from "./";
+
+  let { aClass, children, href, activeClass, liClass, ...restProps }: Props = $props();
+
+  const activeUrlStore = getContext("activeUrl") as { subscribe: (callback: (value: string) => void) => void };
+  let sidebarUrl = $state("");
+  activeUrlStore.subscribe((value) => {
+    // console.log('value: ', value)
+    sidebarUrl = value;
+  });
+  let active = $state(false);
+  $effect(() => {
+    active = sidebarUrl ? href === sidebarUrl : false;
+  });
+
+  const { anchor, activeAnchor } = $derived(dropdownli());
+</script>
+
+<li class={liClass}>
+  {#if href}
+    <a {href} {...restProps} class={active ? activeAnchor({ class: activeClass }) : anchor({ class: aClass })}>
+      {@render children()}
+    </a>
+  {:else}
+    {@render children()}
+  {/if}
+</li>
+
+<!--
+@component
+[Go to docs](https://preview.flowbite-svelte.com/)
+## Props
+@props: aClass: any;
+@props:children: any;
+@props:href: any;
+@props:activeClass: any;
+@props:liClass: any;
+-->

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

@@ -0,0 +1,13 @@
+import { type DropdownLiProps as Props } from "./";
+/**
+ * [Go to docs](https://preview.flowbite-svelte.com/)
+ * ## Props
+ * @props: aClass: any;
+ * @props:children: any;
+ * @props:href: any;
+ * @props:activeClass: any;
+ * @props:liClass: any;
+ */
+declare const DropdownLi: import("svelte").Component<Props, {}, "">;
+type DropdownLi = ReturnType<typeof DropdownLi>;
+export default DropdownLi;

package/dist/dropdown/DropdownUl.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { type DropdownUlProps as Props, dropdownul } from ".";
+
+  let { children, class: className, ...restProps }: Props = $props();
+
+  const ulCls = $derived(dropdownul({ class: className }));
+</script>
+
+<ul {...restProps} class={ulCls}>
+  {@render children()}
+</ul>
+
+<!--
+@component
+[Go to docs](https://preview.flowbite-svelte.com/)
+## Props
+@props: children: any;
+@props:class: string;
+-->

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

@@ -0,0 +1,10 @@
+import { type DropdownUlProps as Props } from ".";
+/**
+ * [Go to docs](https://preview.flowbite-svelte.com/)
+ * ## Props
+ * @props: children: any;
+ * @props:class: string;
+ */
+declare const DropdownUl: import("svelte").Component<Props, {}, "">;
+type DropdownUl = ReturnType<typeof DropdownUl>;
+export default DropdownUl;

package/dist/dropdown/index.d.ts

@@ -0,0 +1,9 @@
+import type { DropdownProps, DropdownDividerProps, DropdownLiProps, DropdownUlProps, DropdownHeaderProps, DropdownFooterProps } from "./type";
+import Dropdown from "./Dropdown.svelte";
+import DropdownDivider from "./DropdownDivider.svelte";
+import DropdownUl from "./DropdownUl.svelte";
+import DropdownLi from "./DropdownLi.svelte";
+import DropdownHeader from "./DropdownHeader.svelte";
+import DropdownFooter from "./DropdownFooter.svelte";
+import { dropdown, dropdowndivider, dropdownli, dropdownul, dropdownHeader, dropdownFooter } from "./theme";
+export { Dropdown, DropdownDivider, DropdownUl, DropdownLi, DropdownHeader, DropdownFooter, dropdown, dropdowndivider, dropdownli, dropdownul, dropdownHeader, dropdownFooter, type DropdownProps, type DropdownDividerProps, type DropdownLiProps, type DropdownUlProps, type DropdownHeaderProps, type DropdownFooterProps };

package/dist/dropdown/index.js

@@ -0,0 +1,8 @@
+import Dropdown from "./Dropdown.svelte";
+import DropdownDivider from "./DropdownDivider.svelte";
+import DropdownUl from "./DropdownUl.svelte";
+import DropdownLi from "./DropdownLi.svelte";
+import DropdownHeader from "./DropdownHeader.svelte";
+import DropdownFooter from "./DropdownFooter.svelte";
+import { dropdown, dropdowndivider, dropdownli, dropdownul, dropdownHeader, dropdownFooter } from "./theme";
+export { Dropdown, DropdownDivider, DropdownUl, DropdownLi, DropdownHeader, DropdownFooter, dropdown, dropdowndivider, dropdownli, dropdownul, dropdownHeader, dropdownFooter };

package/dist/dropdown/theme.d.ts

@@ -0,0 +1,94 @@
+export declare const dropdown: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            backdrop?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            backdrop?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    backdrop: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            backdrop?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            backdrop?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    backdrop: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    backdrop: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            backdrop?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export declare const dropdowndivider: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "my-1 h-px bg-gray-100 dark:bg-gray-500", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "my-1 h-px bg-gray-100 dark:bg-gray-500", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const dropdownHeader: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "px-4 py-3 text-sm text-gray-900 dark:text-white", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "px-4 py-3 text-sm text-gray-900 dark:text-white", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const dropdownFooter: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "overflow-hidden rounded-b-lg py-1", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "overflow-hidden rounded-b-lg py-1", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const dropdownli: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            anchor?: import("tailwind-merge").ClassNameValue;
+            activeAnchor?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            anchor?: import("tailwind-merge").ClassNameValue;
+            activeAnchor?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    anchor: string;
+    activeAnchor: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            anchor?: import("tailwind-merge").ClassNameValue;
+            activeAnchor?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            anchor?: import("tailwind-merge").ClassNameValue;
+            activeAnchor?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    anchor: string;
+    activeAnchor: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    anchor: string;
+    activeAnchor: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            anchor?: import("tailwind-merge").ClassNameValue;
+            activeAnchor?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export declare const dropdownul: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "py-2 text-sm text-gray-700 dark:text-gray-200", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "py-2 text-sm text-gray-700 dark:text-gray-200", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;

package/dist/dropdown/theme.js

@@ -0,0 +1,25 @@
+import { tv } from "tailwind-variants";
+export const dropdown = tv({
+    slots: {
+        base: "z-10 w-44 mt-2 divide-y divide-gray-300 dark:divide-gray-500 overflow-hidden rounded-lg bg-white shadow dark:bg-gray-700",
+        backdrop: "fixed top-0 start-0 w-full h-full"
+    }
+});
+export const dropdowndivider = tv({
+    base: "my-1 h-px bg-gray-100 dark:bg-gray-500"
+});
+export const dropdownHeader = tv({
+    base: "px-4 py-3 text-sm text-gray-900 dark:text-white"
+});
+export const dropdownFooter = tv({
+    base: "overflow-hidden rounded-b-lg py-1"
+});
+export const dropdownli = tv({
+    slots: {
+        anchor: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
+        activeAnchor: "block px-4 py-2 text-primary-700 dark:text-primary-600 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
+    }
+});
+export const dropdownul = tv({
+    base: "py-2 text-sm text-gray-700 dark:text-gray-200"
+});

package/dist/dropdown/type.d.ts

@@ -0,0 +1,36 @@
+import type { Snippet } from "svelte";
+import type { ParamsType, TransitionFunc } from "../types";
+import type { HTMLAttributes, HTMLAnchorAttributes } from "svelte/elements";
+interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
+    children: Snippet;
+    dropdownStatus: boolean;
+    closeDropdown?: () => void;
+    divClass?: string;
+    footerClass?: string;
+    headerClass?: string;
+    ulClass?: string;
+    backdropClass?: string;
+    params?: ParamsType;
+    transition?: TransitionFunc;
+    activeUrl?: string;
+}
+interface DropdownDividerProps extends HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+interface DropdownHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    children: Snippet;
+}
+interface DropdownFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children: Snippet;
+}
+interface DropdownLiProps extends HTMLAnchorAttributes {
+    children: Snippet;
+    aClass?: string;
+    href?: string;
+    activeClass?: string;
+    liClass?: string;
+}
+interface DropdownUlProps extends HTMLAttributes<HTMLUListElement> {
+    children: Snippet;
+}
+export { type DropdownProps, type DropdownDividerProps, type DropdownLiProps, type DropdownUlProps, type DropdownHeaderProps, type DropdownFooterProps };

package/dist/dropdown/type.js

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

package/dist/footer/Footer.svelte

@@ -1,15 +1,20 @@
-<script>import { twMerge } from "tailwind-merge";
-export let footerType = void 0;
-let footerClass = twMerge(footerType === "sitemap" && "bg-gray-800", footerType === "socialmedia" && "p-4 bg-white sm:p-6 dark:bg-gray-800", footerType === "logo" && "p-4 bg-white rounded-lg shadow md:px-6 md:py-8 dark:bg-gray-800", footerType === "default" && "p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800", $$props.class);
+<script lang="ts">
+  import { type FooterProps as Props, footer } from ".";
+
+  let { children, footerType = "default", class: className, ...restProps }: Props = $props();
+
+  const footerCls = $derived(footer({ footerType, className }));
 </script>
 
-<footer {...$$restProps} class={footerClass}>
-  <slot />
+<footer {...restProps} class={footerCls}>
+  {@render children()}
 </footer>
 
 <!--
 @component
-[Go to docs](https://flowbite-svelte.com/)
+[Go to docs](https://preview.flowbite-svelte.com/)
 ## Props
-@prop export let footerType: $$Props['footerType'] = undefined;
+@props: children: any;
+@props:footerType: any = "default";
+@props:class: string;
 -->