flowbite-svelte 0.48.4 → 1.0.0-next.2

package/dist/footer/FooterBrand.svelte.d.ts

@@ -1,44 +1,26 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: HTMLAnchorAttributes & {
-        aClass?: string;
-        spanClass?: string;
-        imgClass?: string;
-        href?: string;
-        src?: string;
-        alt?: string;
-        name?: string;
-        target?: string;
-        classA?: string;
-        classSpan?: string;
-        classImg?: string;
-    };
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        default: {};
-    };
+    slots: {};
 };
-export type FooterBrandProps = typeof __propDef.props;
+type FooterBrandProps_ = typeof __propDef.props;
+export { FooterBrandProps_ as FooterBrandProps };
 export type FooterBrandEvents = typeof __propDef.events;
 export type FooterBrandSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let aClass: $$Props['aClass'] = 'flex items-center';
- * @prop export let spanClass: $$Props['spanClass'] = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
- * @prop export let imgClass: $$Props['imgClass'] = 'me-3 h-8';
- * @prop export let href: $$Props['href'] = '';
- * @prop export let src: $$Props['src'] = '';
- * @prop export let alt: $$Props['alt'] = '';
- * @prop export let name: $$Props['name'] = '';
- * @prop export let target: $$Props['target'] = '';
- * @prop export let classA: $$Props['classA'] = '';
- * @prop export let classSpan: $$Props['classSpan'] = '';
- * @prop export let classImg: $$Props['classImg'] = '';
+ * @props: children: any;
+ * @props:aClass: any;
+ * @props:spanClass: any;
+ * @props:imgClass: any;
+ * @props:href: any;
+ * @props:src: any;
+ * @props:alt: any;
+ * @props:name: any;
  */
-export default class FooterBrand extends SvelteComponentTyped<FooterBrandProps, FooterBrandEvents, FooterBrandSlots> {
+export default class FooterBrand extends SvelteComponentTyped<FooterBrandProps_, FooterBrandEvents, FooterBrandSlots> {
 }
-export {};

package/dist/footer/FooterCopyright.svelte

@@ -1,25 +1,21 @@
-<script>import { twMerge } from "tailwind-merge";
-export let spanClass = "block text-sm text-gray-500 sm:text-center dark:text-gray-400";
-export let aClass = "hover:underline";
-export let year = (/* @__PURE__ */ new Date()).getFullYear();
-export let href = "";
-export let by = "";
-export let target = void 0;
-export let copyrightMessage = "All Rights Reserved.";
-export let classSpan = "";
-export let classA = "";
-let spanCls = twMerge(spanClass, classSpan);
-let aCls = twMerge(aClass, classA);
+<script lang="ts">
+  import { type FooterCopyrightProps as Props, footerCopyright } from ".";
+
+  let { spanClass, aClass, href, by, copyrightMessage = "All Rights Reserved.", year, ...restProps }: Props = $props();
+
+  if (!year) year = new Date().getFullYear();
+
+  const { base, link, bySpan } = $derived(footerCopyright());
 </script>
 
-<span class={spanCls}>
+<span class={base({ class: spanClass })}>
   &copy; {year}
   {#if href}
-    <a {...$$restProps} {href} {target} class={aCls}>
+    <a {...restProps} {href} class={link({ class: aClass })}>
       {by}
     </a>
   {:else}
-    <span class="ms-1">{by}</span>
+    <span class={bySpan()}>{by}</span>
   {/if}
   {copyrightMessage}
 </span>
@@ -28,13 +24,10 @@ let aCls = twMerge(aClass, classA);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let spanClass: $$Props['classSpan'] = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
-@prop export let aClass: $$Props['aClass'] = 'hover:underline';
-@prop export let year: $$Props['year'] = new Date().getFullYear();
-@prop export let href: $$Props['href'] = '';
-@prop export let by: $$Props['by'] = '';
-@prop export let target: $$Props['target'] = undefined;
-@prop export let copyrightMessage: $$Props['copyrightMessage'] = 'All Rights Reserved.';
-@prop export let classSpan: $$Props['classSpan'] = '';
-@prop export let classA: $$Props['classA'] = '';
+@props: spanClass: any;
+@props:aClass: any;
+@props:href: any;
+@props:by: any;
+@props:copyrightMessage: any = "All Rights Reserved.";
+@props:year: any;
 -->

package/dist/footer/FooterCopyright.svelte.d.ts

@@ -1,38 +1,24 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: HTMLAnchorAttributes & {
-        spanClass?: string;
-        aClass?: string;
-        year?: number;
-        by?: string;
-        href?: string;
-        target?: string;
-        copyrightMessage?: string;
-        classSpan?: string;
-        classA?: string;
-    };
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export type FooterCopyrightProps = typeof __propDef.props;
+type FooterCopyrightProps_ = typeof __propDef.props;
+export { FooterCopyrightProps_ as FooterCopyrightProps };
 export type FooterCopyrightEvents = typeof __propDef.events;
 export type FooterCopyrightSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let spanClass: $$Props['classSpan'] = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
- * @prop export let aClass: $$Props['aClass'] = 'hover:underline';
- * @prop export let year: $$Props['year'] = new Date().getFullYear();
- * @prop export let href: $$Props['href'] = '';
- * @prop export let by: $$Props['by'] = '';
- * @prop export let target: $$Props['target'] = undefined;
- * @prop export let copyrightMessage: $$Props['copyrightMessage'] = 'All Rights Reserved.';
- * @prop export let classSpan: $$Props['classSpan'] = '';
- * @prop export let classA: $$Props['classA'] = '';
+ * @props: spanClass: any;
+ * @props:aClass: any;
+ * @props:href: any;
+ * @props:by: any;
+ * @props:copyrightMessage: any = "All Rights Reserved.";
+ * @props:year: any;
  */
-export default class FooterCopyright extends SvelteComponentTyped<FooterCopyrightProps, FooterCopyrightEvents, FooterCopyrightSlots> {
+export default class FooterCopyright extends SvelteComponentTyped<FooterCopyrightProps_, FooterCopyrightEvents, FooterCopyrightSlots> {
 }
-export {};

package/dist/footer/FooterIcon.svelte

@@ -1,24 +1,25 @@
-<script>import { twMerge } from "tailwind-merge";
-export let href = "";
-export let ariaLabel = "";
-export let aClass = "text-gray-500 hover:text-gray-900 dark:hover:text-white";
-export let target = void 0;
+<script lang="ts">
+  import { type FooterIconProps as Props, footerIcon } from ".";
+
+  let { children, href, ariaLabel, class: aClass, ...restProps }: Props = $props();
+
+  const aCls = $derived(footerIcon({ class: aClass }));
 </script>
 
 {#if href}
-  <a {...$$restProps} {href} {target} aria-label={ariaLabel} class={twMerge(aClass, $$props.class)}>
-    <slot />
+  <a {...restProps} {href} aria-label={ariaLabel} class={aCls}>
+    {@render children()}
   </a>
 {:else}
-  <slot />
+  {@render children()}
 {/if}
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let href: $$Props['href'] = '';
-@prop export let ariaLabel: $$Props['ariaLabel'] = '';
-@prop export let aClass: $$Props['aClass'] = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
-@prop export let target: $$Props['target'] = undefined;
+@props: children: any;
+@props:href: any;
+@props:ariaLabel: any;
+@props:class: string;
 -->

package/dist/footer/FooterIcon.svelte.d.ts

@@ -1,30 +1,22 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: HTMLAnchorAttributes & {
-        href?: string;
-        ariaLabel?: string;
-        aClass?: string;
-        target?: string;
-    };
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        default: {};
-    };
+    slots: {};
 };
-export type FooterIconProps = typeof __propDef.props;
+type FooterIconProps_ = typeof __propDef.props;
+export { FooterIconProps_ as FooterIconProps };
 export type FooterIconEvents = typeof __propDef.events;
 export type FooterIconSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let href: $$Props['href'] = '';
- * @prop export let ariaLabel: $$Props['ariaLabel'] = '';
- * @prop export let aClass: $$Props['aClass'] = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
- * @prop export let target: $$Props['target'] = undefined;
+ * @props: children: any;
+ * @props:href: any;
+ * @props:ariaLabel: any;
+ * @props:class: string;
  */
-export default class FooterIcon extends SvelteComponentTyped<FooterIconProps, FooterIconEvents, FooterIconSlots> {
+export default class FooterIcon extends SvelteComponentTyped<FooterIconProps_, FooterIconEvents, FooterIconSlots> {
 }
-export {};

package/dist/footer/FooterLink.svelte

@@ -1,17 +1,13 @@
-<script>import { twMerge } from "tailwind-merge";
-export let liClass = "me-4 last:me-0 md:me-6";
-export let aClass = "hover:underline";
-export let href = "";
-export let target = void 0;
-export let classLi = "";
-export let classA = "";
-let liCls = twMerge(liClass, classLi);
-let aCls = twMerge(aClass, classA);
+<script lang="ts">
+  import { type FooterLinkProps as Props, footerLink } from ".";
+
+  let { children, liClass, aClass, href, ...restProps }: Props = $props();
+  const { base, link } = $derived(footerLink());
 </script>
 
-<li class={liCls}>
-  <a {...$$restProps} {href} class={aCls} {target}>
-    <slot />
+<li class={base({ class: liClass })}>
+  <a {...restProps} {href} class={link({ class: aClass })}>
+    {@render children()}
   </a>
 </li>
 
@@ -19,10 +15,8 @@ let aCls = twMerge(aClass, classA);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let liClass: $$Props['liClass'] = 'me-4 last:me-0 md:me-6';
-@prop export let aClass: $$Props['aClass'] = 'hover:underline';
-@prop export let href: $$Props['href'] = '';
-@prop export let target: $$Props['target'] = undefined;
-@prop export let classLi: $$Props['classLi'] = '';
-@prop export let classA: $$Props['classA'] = '';
+@props: children: any;
+@props:liClass: any;
+@props:aClass: any;
+@props:href: any;
 -->

package/dist/footer/FooterLink.svelte.d.ts

@@ -1,34 +1,22 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: HTMLAnchorAttributes & {
-        liClass?: string;
-        aClass?: string;
-        href?: string;
-        target?: string;
-        classLi?: string;
-        classA?: string;
-    };
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        default: {};
-    };
+    slots: {};
 };
-export type FooterLinkProps = typeof __propDef.props;
+type FooterLinkProps_ = typeof __propDef.props;
+export { FooterLinkProps_ as FooterLinkProps };
 export type FooterLinkEvents = typeof __propDef.events;
 export type FooterLinkSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let liClass: $$Props['liClass'] = 'me-4 last:me-0 md:me-6';
- * @prop export let aClass: $$Props['aClass'] = 'hover:underline';
- * @prop export let href: $$Props['href'] = '';
- * @prop export let target: $$Props['target'] = undefined;
- * @prop export let classLi: $$Props['classLi'] = '';
- * @prop export let classA: $$Props['classA'] = '';
+ * @props: children: any;
+ * @props:liClass: any;
+ * @props:aClass: any;
+ * @props:href: any;
  */
-export default class FooterLink extends SvelteComponentTyped<FooterLinkProps, FooterLinkEvents, FooterLinkSlots> {
+export default class FooterLink extends SvelteComponentTyped<FooterLinkProps_, FooterLinkEvents, FooterLinkSlots> {
 }
-export {};

package/dist/footer/FooterLinkGroup.svelte

@@ -1,14 +1,18 @@
-<script>import { twMerge } from "tailwind-merge";
-export let ulClass = "text-gray-600 dark:text-gray-400";
+<script lang="ts">
+  import { type FooterLinkGroupProps as Props, footerLinkGroup } from ".";
+
+  let { class: ulClass, children, ...restProps }: Props = $props();
+  const base = $derived(footerLinkGroup({ class: ulClass }));
 </script>
 
-<ul {...$$restProps} class={twMerge(ulClass, $$props.class)} >
-  <slot />
+<ul {...restProps} class={base}>
+  {@render children()}
 </ul>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let ulClass: $$Props['ulClass'] = 'text-gray-600 dark:text-gray-400';
+@props: class: string;
+@props:children: any;
 -->

package/dist/footer/FooterLinkGroup.svelte.d.ts

@@ -1,24 +1,20 @@
 import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: HTMLAttributes<HTMLUListElement> & {
-        ulClass?: string;
-    };
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        default: {};
-    };
+    slots: {};
 };
-export type FooterLinkGroupProps = typeof __propDef.props;
+type FooterLinkGroupProps_ = typeof __propDef.props;
+export { FooterLinkGroupProps_ as FooterLinkGroupProps };
 export type FooterLinkGroupEvents = typeof __propDef.events;
 export type FooterLinkGroupSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let ulClass: $$Props['ulClass'] = 'text-gray-600 dark:text-gray-400';
+ * @props: class: string;
+ * @props:children: any;
  */
-export default class FooterLinkGroup extends SvelteComponentTyped<FooterLinkGroupProps, FooterLinkGroupEvents, FooterLinkGroupSlots> {
+export default class FooterLinkGroup extends SvelteComponentTyped<FooterLinkGroupProps_, FooterLinkGroupEvents, FooterLinkGroupSlots> {
 }
-export {};

package/dist/footer/index.d.ts

@@ -0,0 +1,9 @@
+import type { FooterProps, FooterBrandProps, FooterCopyrightProps, FooterIconProps, FooterLinkGroupProps, FooterLinkProps } from "./type";
+import Footer from "./Footer.svelte";
+import FooterBrand from "./FooterBrand.svelte";
+import FooterCopyright from "./FooterCopyright.svelte";
+import FooterIcon from "./FooterIcon.svelte";
+import FooterLink from "./FooterLink.svelte";
+import FooterLinkGroup from "./FooterLinkGroup.svelte";
+import { footer, footerBrand, footerCopyright, footerIcon, footerLinkGroup, footerLink } from "./theme";
+export { Footer, FooterBrand, FooterCopyright, FooterIcon, FooterLink, FooterLinkGroup, footer, footerBrand, footerCopyright, footerIcon, footerLinkGroup, footerLink, type FooterProps, type FooterBrandProps, type FooterCopyrightProps, type FooterIconProps, type FooterLinkGroupProps, type FooterLinkProps };

package/dist/footer/index.js

@@ -0,0 +1,8 @@
+import Footer from "./Footer.svelte";
+import FooterBrand from "./FooterBrand.svelte";
+import FooterCopyright from "./FooterCopyright.svelte";
+import FooterIcon from "./FooterIcon.svelte";
+import FooterLink from "./FooterLink.svelte";
+import FooterLinkGroup from "./FooterLinkGroup.svelte";
+import { footer, footerBrand, footerCopyright, footerIcon, footerLinkGroup, footerLink } from "./theme";
+export { Footer, FooterBrand, FooterCopyright, FooterIcon, FooterLink, FooterLinkGroup, footer, footerBrand, footerCopyright, footerIcon, footerLinkGroup, footerLink };

package/dist/footer/theme.d.ts

@@ -0,0 +1,133 @@
+declare const footer: import("tailwind-variants").TVReturnType<{
+    footerType: {
+        default: string;
+        sitemap: string;
+        socialmedia: string;
+        logo: string;
+        sticky: string;
+    };
+}, undefined, "bg-white dark:bg-gray-800 flex items-center justify-between w-full", {
+    footerType: {
+        default: string;
+        sitemap: string;
+        socialmedia: string;
+        logo: string;
+        sticky: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    footerType: {
+        default: string;
+        sitemap: string;
+        socialmedia: string;
+        logo: string;
+        sticky: string;
+    };
+}, undefined, "bg-white dark:bg-gray-800 flex items-center justify-between w-full", unknown, unknown, undefined>>;
+declare const footerBrand: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    span: string;
+    img: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    span: string;
+    img: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    span: string;
+    img: string;
+}, undefined, unknown, unknown, undefined>>;
+declare const footerCopyright: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+            bySpan?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+            bySpan?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    link: string;
+    bySpan: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+            bySpan?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    link: string;
+    bySpan: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    link: string;
+    bySpan: string;
+}, undefined, unknown, unknown, undefined>>;
+declare const footerIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 hover:text-gray-900 dark:hover:text-white", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 hover:text-gray-900 dark:hover:text-white", unknown, unknown, undefined>>;
+declare const footerLinkGroup: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-sm text-gray-600 dark:text-gray-400 flex flex-wrap items-center", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-sm text-gray-600 dark:text-gray-400 flex flex-wrap items-center", unknown, unknown, undefined>>;
+declare const footerLink: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    link: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            link?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    link: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    link: string;
+}, undefined, unknown, unknown, undefined>>;
+export { footer, footerBrand, footerCopyright, footerIcon, footerLinkGroup, footerLink };

package/dist/footer/theme.js

@@ -0,0 +1,40 @@
+import { tv } from "tailwind-variants";
+const footer = tv({
+    base: "bg-white dark:bg-gray-800 flex items-center justify-between w-full",
+    variants: {
+        footerType: {
+            default: "p-4 rounded-lg shadow-sm md:flex md:items-center md:justify-between md:p-6",
+            sitemap: "bg-white dark:bg-gray-900",
+            socialmedia: "p-4 sm:p-6",
+            logo: "p-4 rounded-lg shadow-sm md:px-6 md:py-8",
+            sticky: "fixed bottom-0 left-0 z-20 w-full p-4 bg-white border-t border-gray-200 shadow-sm md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800 dark:border-gray-600"
+        }
+    }
+});
+const footerBrand = tv({
+    slots: {
+        base: "flex items-center",
+        span: "self-center text-2xl font-semibold whitespace-nowrap dark:text-white",
+        img: "me-3 h-8"
+    }
+});
+const footerCopyright = tv({
+    slots: {
+        base: "block text-sm text-gray-500 sm:text-center dark:text-gray-400",
+        link: "hover:underline",
+        bySpan: "ms-1"
+    }
+});
+const footerIcon = tv({
+    base: "text-gray-500 hover:text-gray-900 dark:hover:text-white"
+});
+const footerLinkGroup = tv({
+    base: "text-sm text-gray-600 dark:text-gray-400 flex flex-wrap items-center"
+});
+const footerLink = tv({
+    slots: {
+        base: "me-4 last:me-0 md:me-6",
+        link: "hover:underline"
+    }
+});
+export { footer, footerBrand, footerCopyright, footerIcon, footerLinkGroup, footerLink };

package/dist/footer/type.d.ts

@@ -0,0 +1,43 @@
+import type { Snippet } from "svelte";
+import type { HTMLAttributes, HTMLAnchorAttributes } from "svelte/elements";
+type FooterType = "default" | "sticky" | "sitemap" | "socialmedia" | "logo" | undefined;
+interface FooterProps extends HTMLAttributes<HTMLElement> {
+    children: Snippet;
+    footerType?: FooterType;
+    class?: string;
+}
+interface FooterBrandProps extends HTMLAnchorAttributes {
+    children?: Snippet;
+    aClass?: string;
+    spanClass?: string;
+    imgClass?: string;
+    href?: string;
+    src?: string;
+    alt?: string;
+    name?: string;
+}
+interface FooterCopyrightProps extends HTMLAnchorAttributes {
+    spanClass?: string;
+    aClass?: string;
+    href?: string;
+    by?: string;
+    copyrightMessage?: string;
+    year?: number | undefined;
+}
+interface FooterIconProps extends HTMLAnchorAttributes {
+    children: Snippet;
+    href?: string;
+    ariaLabel?: string;
+    class?: string;
+}
+interface FooterLinkGroupProps extends HTMLAttributes<HTMLUListElement> {
+    children: Snippet;
+    class?: string;
+}
+interface FooterLinkProps extends HTMLAnchorAttributes {
+    children: Snippet;
+    liClass?: string;
+    aClass?: string;
+    href?: string;
+}
+export { type FooterProps, type FooterBrandProps, type FooterCopyrightProps, type FooterIconProps, type FooterLinkGroupProps, type FooterLinkProps };

package/dist/footer/type.js

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