flowbite-svelte 0.47.2 → 1.0.0-next.1

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

@@ -1,24 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLElement> & {
-        footerType?: "sitemap" | "default" | "logo" | "socialmedia";
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type FooterProps = typeof __propDef.props;
-export type FooterEvents = typeof __propDef.events;
-export type FooterSlots = typeof __propDef.slots;
+import { type FooterProps as Props } from ".";
 /**
- * [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;
  */
-export default class Footer extends SvelteComponentTyped<FooterProps, FooterEvents, FooterSlots> {
-}
-export {};
+declare const Footer: import("svelte").Component<Props, {}, "">;
+type Footer = ReturnType<typeof Footer>;
+export default Footer;

package/dist/footer/FooterBrand.svelte

@@ -1,43 +1,37 @@
-<script>import { twMerge } from "tailwind-merge";
-export let aClass = "flex items-center";
-export let spanClass = "self-center text-2xl font-semibold whitespace-nowrap dark:text-white";
-export let imgClass = "me-3 h-8";
-export let href = "";
-export let src = "";
-export let alt = "";
-export let name = "";
-export let target = "";
-export let classA = "";
-export let classSpan = "";
-export let classImg = "";
-let aCls = twMerge(aClass, classA);
-let spanCls = twMerge(spanClass, classSpan);
-let imgCls = twMerge(imgClass, classImg);
+<script lang="ts">
+  import { type FooterBrandProps as Props, footerBrand } from ".";
+
+  let { children, aClass, spanClass, imgClass, href, src, alt, name, ...restProps }: Props = $props();
+
+  const { base, span, img } = $derived(footerBrand());
 </script>
 
 {#if href}
-  <a {...$$restProps} {href} {target} class={aCls}>
-    <img {src} class={imgCls} {alt} />
-    <span class={spanCls}>{name}</span>
-    <slot />
+  <a {...restProps} {href} class={base({ class: aClass })}>
+    {#if src}
+      <img {src} class={img({ class: imgClass })} {alt} />
+    {/if}
+    {#if name}
+      <span class={span({ class: spanClass })}>{name}</span>
+    {/if}
+    {#if children}
+      {@render children()}
+    {/if}
   </a>
 {:else}
-  <img {...$$restProps} {src} class={imgCls} {alt} />
+  <img {src} class={img({ class: imgClass })} {alt} />
 {/if}
 
 <!--
 @component
-[Go to docs](https://flowbite-svelte.com/)
+[Go to docs](https://preview.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;
 -->

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

@@ -1,44 +1,16 @@
-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;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type FooterBrandProps = typeof __propDef.props;
-export type FooterBrandEvents = typeof __propDef.events;
-export type FooterBrandSlots = typeof __propDef.slots;
+import { type FooterBrandProps as Props } from ".";
 /**
- * [Go to docs](https://flowbite-svelte.com/)
+ * [Go to docs](https://preview.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 {};
+declare const FooterBrand: import("svelte").Component<Props, {}, "">;
+type FooterBrand = ReturnType<typeof FooterBrand>;
+export default FooterBrand;

package/dist/footer/FooterCopyright.svelte

@@ -1,40 +1,33 @@
-<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>
 
 <!--
 @component
-[Go to docs](https://flowbite-svelte.com/)
+[Go to docs](https://preview.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,14 @@
-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;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FooterCopyrightProps = typeof __propDef.props;
-export type FooterCopyrightEvents = typeof __propDef.events;
-export type FooterCopyrightSlots = typeof __propDef.slots;
+import { type FooterCopyrightProps as Props } from ".";
 /**
- * [Go to docs](https://flowbite-svelte.com/)
+ * [Go to docs](https://preview.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 {};
+declare const FooterCopyright: import("svelte").Component<Props, {}, "">;
+type FooterCopyright = ReturnType<typeof FooterCopyright>;
+export default FooterCopyright;

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/)
+[Go to docs](https://preview.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,12 @@
-import { SvelteComponentTyped } from "svelte";
-import type { HTMLAnchorAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAnchorAttributes & {
-        href?: string;
-        ariaLabel?: string;
-        aClass?: string;
-        target?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type FooterIconProps = typeof __propDef.props;
-export type FooterIconEvents = typeof __propDef.events;
-export type FooterIconSlots = typeof __propDef.slots;
+import { type FooterIconProps as Props } from ".";
 /**
- * [Go to docs](https://flowbite-svelte.com/)
+ * [Go to docs](https://preview.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 {};
+declare const FooterIcon: import("svelte").Component<Props, {}, "">;
+type FooterIcon = ReturnType<typeof FooterIcon>;
+export default FooterIcon;

package/dist/footer/FooterLi.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { type FooterLiProps as Props, footerLi } from "./";
+
+  let { children, liClass, aClass, href, ...restProps }: Props = $props();
+  const { base, link } = $derived(footerLi());
+</script>
+
+<li class={base({ class: liClass })}>
+  <a {...restProps} {href} class={link({ class: aClass })}>
+    {@render children()}
+  </a>
+</li>
+
+<!--
+@component
+[Go to docs](https://preview.flowbite-svelte.com/)
+## Props
+@props: children: any;
+@props:liClass: any;
+@props:aClass: any;
+@props:href: any;
+-->

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

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

package/dist/footer/FooterUl.svelte

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

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

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

package/dist/footer/index.d.ts

@@ -0,0 +1,9 @@
+import type { FooterProps, FooterBrandProps, FooterCopyrightProps, FooterIconProps, FooterUlProps, FooterLiProps } from "./type";
+import Footer from "./Footer.svelte";
+import FooterBrand from "./FooterBrand.svelte";
+import FooterCopyright from "./FooterCopyright.svelte";
+import FooterIcon from "./FooterIcon.svelte";
+import FooterLi from "./FooterLi.svelte";
+import FooterUl from "./FooterUl.svelte";
+import { footer, footerBrand, footerCopyright, footerIcon, footerUl, footerLi } from "./theme";
+export { Footer, FooterBrand, FooterCopyright, FooterIcon, FooterLi, FooterUl, footer, footerBrand, footerCopyright, footerIcon, footerUl, footerLi, type FooterProps, type FooterBrandProps, type FooterCopyrightProps, type FooterIconProps, type FooterUlProps, type FooterLiProps };

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 FooterLi from "./FooterLi.svelte";
+import FooterUl from "./FooterUl.svelte";
+import { footer, footerBrand, footerCopyright, footerIcon, footerUl, footerLi } from "./theme";
+export { Footer, FooterBrand, FooterCopyright, FooterIcon, FooterLi, FooterUl, footer, footerBrand, footerCopyright, footerIcon, footerUl, footerLi };

package/dist/footer/theme.d.ts

@@ -0,0 +1,211 @@
+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", import("tailwind-variants/dist/config").TVConfig<{
+    footerType: {
+        default: string;
+        sitemap: string;
+        socialmedia: string;
+        logo: string;
+        sticky: string;
+    };
+}, {
+    footerType: {
+        default: string;
+        sitemap: string;
+        socialmedia: string;
+        logo: string;
+        sticky: string;
+    };
+}>, {
+    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", import("tailwind-variants/dist/config").TVConfig<{
+    footerType: {
+        default: string;
+        sitemap: string;
+        socialmedia: string;
+        logo: string;
+        sticky: string;
+    };
+}, {
+    footerType: {
+        default: string;
+        sitemap: string;
+        socialmedia: string;
+        logo: string;
+        sticky: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const footerBrand: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    span: string;
+    img: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    span: string;
+    img: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    span: string;
+    img: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+declare const footerCopyright: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+            bySpan?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+            bySpan?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    link: string;
+    bySpan: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+            bySpan?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            base?: 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, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+            bySpan?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+declare const footerIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 hover:text-gray-900 dark:hover:text-white", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 hover:text-gray-900 dark:hover:text-white", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+declare const footerUl: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-600 dark:text-gray-400", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-600 dark:text-gray-400", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+declare const footerLi: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    link: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    link: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    link: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export { footer, footerBrand, footerCopyright, footerIcon, footerUl, footerLi };