flowbite-svelte 1.10.19 → 1.10.21

package/dist/typography/descriptionlist/theme.d.ts

@@ -1,5 +1,4 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 export type DescriptionListVariants = VariantProps<typeof descriptionList>;
 export declare const descriptionList: import("tailwind-variants").TVReturnType<{
     tag: {
@@ -17,4 +16,3 @@ export declare const descriptionList: import("tailwind-variants").TVReturnType<{
         dd: string;
     };
 }, undefined, undefined, unknown, unknown, undefined>>;
-export type DescriptionListTheme = ClassValue;

package/dist/typography/heading/Heading.svelte

@@ -19,7 +19,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1880)
+[HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1891)
 ## Props
 @prop children
 @prop tag = "h1"

package/dist/typography/heading/Heading.svelte.d.ts

@@ -2,7 +2,7 @@ import type { HeadingProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1880)
+ * [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1891)
  * ## Props
  * @prop children
  * @prop tag = "h1"

package/dist/typography/heading/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Heading } from "./Heading.svelte";
-export { heading, type HeadingTheme } from "./theme";
+export { heading } from "./theme";

package/dist/typography/heading/theme.d.ts

@@ -1,5 +1,4 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 export type HeadingVariants = VariantProps<typeof heading>;
 export declare const heading: import("tailwind-variants").TVReturnType<{
     tag: {
@@ -29,4 +28,3 @@ export declare const heading: import("tailwind-variants").TVReturnType<{
         h6: string;
     };
 }, undefined, "font-bold text-gray-900 dark:text-white", unknown, unknown, undefined>>;
-export type HeadingTheme = ClassValue;

package/dist/typography/hr/Hr.svelte

@@ -1,36 +1,51 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { hr, type HrTheme } from "./index";
+  import { hr } from "./index";
   import type { HrProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
 
-  let { children, divClass, class: className, innerDivClass, ...restProps }: HrProps = $props();
+  let { children, divClass, innerDivClass, class: className, classes, ...restProps }: HrProps = $props();
+
+  // base container content
+  warnThemeDeprecation(
+    "Hr",
+    { divClass, innerDivClass },
+    {
+      divClass: "div",
+      innerDivClass: "content"
+    }
+  );
+  const styling = $derived({
+    div: divClass,
+    content: innerDivClass
+  });
 
   const theme = getTheme("hr");
 
-  let { base, container, content } = $derived(hr({ withChildren: !!children }));
+  let { base, div, content } = $derived(hr({ withChildren: !!children }));
 </script>
 
 {#if children}
-  <div {...restProps} class={container({ class: clsx((theme as HrTheme)?.container, divClass) })}>
-    <hr class={base({ class: clsx((theme as HrTheme)?.base, className) })} />
-    <div class={content({ class: clsx((theme as HrTheme)?.content, innerDivClass) })}>
+  <div {...restProps} class={div({ class: clsx(theme?.div, divClass) })}>
+    <hr class={base({ class: clsx(theme?.base, className) })} />
+    <div class={content({ class: clsx(theme?.content, styling.content) })}>
       {@render children()}
     </div>
   </div>
 {:else}
-  <hr class={base({ class: clsx((theme as HrTheme)?.base, className) })} {...restProps} />
+  <hr class={base({ class: clsx(theme?.base, className) })} {...restProps} />
 {/if}
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1886)
+[HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1897)
 ## Props
 @prop children
 @prop divClass
-@prop class: className
 @prop innerDivClass
+@prop class: className
+@prop classes
 @prop ...restProps
 -->

package/dist/typography/hr/Hr.svelte.d.ts

@@ -2,12 +2,13 @@ import type { HrProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1886)
+ * [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1897)
  * ## Props
  * @prop children
  * @prop divClass
- * @prop class: className
  * @prop innerDivClass
+ * @prop class: className
+ * @prop classes
  * @prop ...restProps
  */
 declare const Hr: import("svelte").Component<HrProps, {}, "">;

package/dist/typography/hr/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Hr } from "./Hr.svelte";
-export { hr, type HrTheme } from "./theme";
+export { hr } from "./theme";

package/dist/typography/hr/theme.d.ts

@@ -1,4 +1,6 @@
-import type { ClassValue } from "svelte/elements";
+import { type VariantProps } from "tailwind-variants";
+import type { Classes } from "../../theme/themeUtils";
+export type HrVariants = VariantProps<typeof hr> & Classes<typeof hr>;
 export declare const hr: import("tailwind-variants").TVReturnType<{
     withChildren: {
         true: {
@@ -8,7 +10,7 @@ export declare const hr: import("tailwind-variants").TVReturnType<{
     };
 }, {
     base: string;
-    container: string;
+    div: string;
     content: string;
 }, undefined, {
     withChildren: {
@@ -19,7 +21,7 @@ export declare const hr: import("tailwind-variants").TVReturnType<{
     };
 }, {
     base: string;
-    container: string;
+    div: string;
     content: string;
 }, import("tailwind-variants").TVReturnType<{
     withChildren: {
@@ -30,8 +32,6 @@ export declare const hr: import("tailwind-variants").TVReturnType<{
     };
 }, {
     base: string;
-    container: string;
+    div: string;
     content: string;
 }, undefined, unknown, unknown, undefined>>;
-export type HrSlots = keyof typeof hr.slots;
-export type HrTheme = Partial<Record<HrSlots, ClassValue>>;

package/dist/typography/hr/theme.js

@@ -2,7 +2,7 @@ import { tv } from "tailwind-variants";
 export const hr = tv({
     slots: {
         base: "h-px my-8 bg-gray-200 border-0 dark:bg-gray-700",
-        container: "inline-flex items-center justify-center w-full",
+        div: "inline-flex items-center justify-center w-full",
         content: "absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900"
     },
     variants: {

package/dist/typography/img/EnhancedImg.svelte

@@ -1,26 +1,39 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { img, type ImgTheme } from ".";
+  import { img } from ".";
   import type { EnhandedImgProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
 
-  let { src, href, caption, size, figClass, class: imgClass, captionClass, ...restProps }: EnhandedImgProps = $props();
+  let { src, href, caption, size, figClass, class: className, classes, captionClass, ...restProps }: EnhandedImgProps = $props();
 
-  const theme = getTheme("enhancedImg");
+  warnThemeDeprecation(
+    "EnhancedImg",
+    { figClass, captionClass },
+    {
+      figClass: "fig",
+      captionClass: "caption"
+    }
+  );
+  const styling = $derived({
+    fig: figClass,
+    caption: captionClass
+  });
 
-  let { base, figure, figureCaption } = $derived(img({ size }));
+  const theme = getTheme("img");
+
+  let { base, figure, caption: figureCaption } = $derived(img({ size }));
 </script>
 
 {#snippet imageSlot()}
   {#if caption}
-    <figure class={figure({ class: clsx((theme as ImgTheme)?.figure, figClass) })}>
-      <enhanced:img {src} {...restProps} class={base({ class: clsx((theme as ImgTheme)?.base, imgClass) })} />
-      <figcaption class={figureCaption({ class: clsx((theme as ImgTheme)?.figureCaption, captionClass) })}>
+    <figure class={figure({ class: clsx(theme?.figure, styling.fig) })}>
+      <enhanced:img {src} {...restProps} class={base({ class: clsx(theme?.base, className) })} />
+      <figcaption class={figureCaption({ class: clsx(theme?.caption, styling.caption) })}>
         {@html caption}
       </figcaption>
     </figure>
   {:else}
-    <enhanced:img {src} {...restProps} class={base({ class: clsx((theme as ImgTheme)?.base, imgClass) })} />
+    <enhanced:img {src} {...restProps} class={base({ class: clsx(theme?.base, className) })} />
   {/if}
 {/snippet}
 
@@ -36,14 +49,15 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1918)
+[EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1929)
 ## Props
 @prop src
 @prop href
 @prop caption
 @prop size
 @prop figClass
-@prop class: imgClass
+@prop class: className
+@prop classes
 @prop captionClass
 @prop ...restProps
 -->

package/dist/typography/img/EnhancedImg.svelte.d.ts

@@ -2,14 +2,15 @@ import type { EnhandedImgProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1918)
+ * [EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1929)
  * ## Props
  * @prop src
  * @prop href
  * @prop caption
  * @prop size
  * @prop figClass
- * @prop class: imgClass
+ * @prop class: className
+ * @prop classes
  * @prop captionClass
  * @prop ...restProps
  */

package/dist/typography/img/Img.svelte

@@ -1,26 +1,39 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { img, type ImgTheme } from ".";
+  import { img } from ".";
   import type { ImgProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
 
-  let { size = "none", effect = "none", caption, class: imgClass, figClass, captionClass, href, ...restProps }: ImgProps = $props();
+  let { size = "none", effect = "none", caption, class: className, classes, figClass, captionClass, href, ...restProps }: ImgProps = $props();
+
+  warnThemeDeprecation(
+    "Img",
+    { figClass, captionClass },
+    {
+      figClass: "fig",
+      captionClass: "caption"
+    }
+  );
+  const styling = $derived({
+    fig: figClass,
+    caption: captionClass
+  });
 
   const theme = getTheme("img");
 
-  let { base, figure, figureCaption } = $derived(img({ size, effect }));
+  let { base, figure, caption: figureCaption } = $derived(img({ size, effect }));
 </script>
 
 {#snippet imageSlot()}
   {#if caption}
-    <figure class={figure({ class: clsx((theme as ImgTheme)?.figure, figClass) })}>
-      <img {...restProps} class={base({ class: clsx((theme as ImgTheme)?.base, imgClass) })} />
-      <figcaption class={figureCaption({ class: clsx((theme as ImgTheme)?.figureCaption, captionClass) })}>
+    <figure class={figure({ class: clsx(theme?.figure, styling.fig) })}>
+      <img {...restProps} class={base({ class: clsx(theme?.base, className) })} />
+      <figcaption class={figureCaption({ class: clsx(theme?.caption, styling.caption) })}>
         {@html caption}
       </figcaption>
     </figure>
   {:else}
-    <img {...restProps} class={base({ class: clsx((theme as ImgTheme)?.base, imgClass) })} />
+    <img {...restProps} class={base({ class: clsx(theme?.base, className) })} />
   {/if}
 {/snippet}
 
@@ -36,12 +49,13 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1909)
+[ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1920)
 ## Props
 @prop size = "none"
 @prop effect = "none"
 @prop caption
-@prop class: imgClass
+@prop class: className
+@prop classes
 @prop figClass
 @prop captionClass
 @prop href

package/dist/typography/img/Img.svelte.d.ts

@@ -2,12 +2,13 @@ import type { ImgProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1909)
+ * [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1920)
  * ## Props
  * @prop size = "none"
  * @prop effect = "none"
  * @prop caption
- * @prop class: imgClass
+ * @prop class: className
+ * @prop classes
  * @prop figClass
  * @prop captionClass
  * @prop href

package/dist/typography/img/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Img } from "./Img.svelte";
 export { default as EnhancedImg } from "./EnhancedImg.svelte";
-export { img, type ImgTheme } from "./theme";
+export { img } from "./theme";

package/dist/typography/img/theme.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
-export type ImgVariants = VariantProps<typeof img>;
+import type { Classes } from "../../theme/themeUtils";
+export type ImgVariants = VariantProps<typeof img> & Classes<typeof img>;
 export declare const img: import("tailwind-variants").TVReturnType<{
     size: {
         xs: {
@@ -62,7 +62,7 @@ export declare const img: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     figure: string;
-    figureCaption: string;
+    caption: string;
 }, undefined, {
     size: {
         xs: {
@@ -124,7 +124,7 @@ export declare const img: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     figure: string;
-    figureCaption: string;
+    caption: string;
 }, import("tailwind-variants").TVReturnType<{
     size: {
         xs: {
@@ -186,7 +186,5 @@ export declare const img: import("tailwind-variants").TVReturnType<{
 }, {
     base: string;
     figure: string;
-    figureCaption: string;
+    caption: string;
 }, undefined, unknown, unknown, undefined>>;
-export type ImgSlots = keyof typeof img.slots;
-export type ImgTheme = Partial<Record<ImgSlots, ClassValue>>;

package/dist/typography/img/theme.js

@@ -3,7 +3,7 @@ export const img = tv({
     slots: {
         base: "max-w-full h-auto",
         figure: "",
-        figureCaption: "mt-2 text-sm text-center text-gray-500 dark:text-gray-400"
+        caption: "mt-2 text-sm text-center text-gray-500 dark:text-gray-400"
     },
     variants: {
         size: {

package/dist/typography/layout/Layout.svelte

@@ -19,7 +19,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1931)
+[LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1942)
 ## Props
 @prop children
 @prop class: className

package/dist/typography/layout/Layout.svelte.d.ts

@@ -2,7 +2,7 @@ import type { LayoutProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1931)
+ * [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1942)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/typography/layout/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Layout } from "./Layout.svelte";
-export { layout, type LayoutTheme } from "./theme";
+export { layout } from "./theme";

package/dist/typography/layout/theme.d.ts

@@ -1,3 +1 @@
-import type { ClassValue } from "svelte/elements";
 export declare const layout: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "grid grid-cols-1 sm:grid-cols-2", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "grid grid-cols-1 sm:grid-cols-2", unknown, unknown, undefined>>;
-export type LayoutTheme = ClassValue;

package/dist/typography/list/Li.svelte

@@ -2,15 +2,12 @@
   import { getContext } from "svelte";
   import type { LiProps } from "../../types";
   import clsx from "clsx";
-  import { getTheme } from "../../theme/themeUtils";
 
   let { children, icon, class: className, ...restProps }: LiProps = $props();
 
-  const theme = getTheme("li");
-
   const getCtxClass = getContext<() => string>("ctxClass");
 
-  let liCls = $derived(clsx(getCtxClass(), icon && "flex items-center", theme, className));
+  let liCls = $derived(clsx(getCtxClass(), icon && "flex items-center", className));
 </script>
 
 <li {...restProps} class={liCls}>
@@ -21,7 +18,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1944)
+[LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1955)
 ## Props
 @prop children
 @prop icon

package/dist/typography/list/Li.svelte.d.ts

@@ -2,7 +2,7 @@ import type { LiProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1944)
+ * [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1955)
  * ## Props
  * @prop children
  * @prop icon

package/dist/typography/list/List.svelte

@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1936)
+[ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1947)
 ## Props
 @prop children
 @prop tag = "ul"

package/dist/typography/list/List.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ListProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1936)
+ * [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1947)
  * ## Props
  * @prop children
  * @prop tag = "ul"

package/dist/typography/list/index.d.ts

@@ -1,3 +1,3 @@
 export { default as List } from "./List.svelte";
 export { default as Li } from "./Li.svelte";
-export { list, type ListTheme } from "./theme";
+export { list } from "./theme";

package/dist/typography/list/theme.d.ts

@@ -1,5 +1,4 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 export type ListVariants = VariantProps<typeof list>;
 export declare const list: import("tailwind-variants").TVReturnType<{
     tag: {
@@ -32,4 +31,3 @@ export declare const list: import("tailwind-variants").TVReturnType<{
         outside: string;
     };
 }, undefined, "", unknown, unknown, undefined>>;
-export type ListTheme = ClassValue;

package/dist/typography/mark/Mark.svelte

@@ -2,7 +2,6 @@
   import clsx from "clsx";
   import { mark } from "./index";
   import type { MarkProps } from "../../types";
-  import { cn } from "../..";
   import { getTheme } from "../../theme/themeUtils";
 
   let { children, class: className, ...restProps }: MarkProps = $props();
@@ -18,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1950)
+[MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1961)
 ## Props
 @prop children
 @prop class: className

package/dist/typography/mark/Mark.svelte.d.ts

@@ -2,7 +2,7 @@ import type { MarkProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1950)
+ * [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1961)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/typography/mark/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Mark } from "./Mark.svelte";
-export { mark, type MarkTheme } from "./theme";
+export { mark } from "./theme";

package/dist/typography/mark/theme.d.ts

@@ -1,3 +1 @@
-import type { ClassValue } from "svelte/elements";
 export declare const mark: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-white dark:bg-blue-500 bg-blue-600 px-2 rounded-sm", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-white dark:bg-blue-500 bg-blue-600 px-2 rounded-sm", unknown, unknown, undefined>>;
-export type MarkTheme = ClassValue;

package/dist/typography/paragraph/P.svelte

@@ -6,7 +6,7 @@
 
   let { children, class: className = "text-gray-900 dark:text-white", height = "normal", align = "left", justify = false, italic, firstUpper = false, whitespace = "normal", size = "base", space = "normal", weight = "normal", ...restProps }: ParagraphProps = $props();
 
-  const theme = getTheme("p");
+  const theme = getTheme("paragraph");
 
   let classP = $derived(paragraph({ height, size, weight, space, align, justify, italic, firstUpper, whitespace, class: clsx(theme, className) }));
 </script>
@@ -19,7 +19,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1955)
+[ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1966)
 ## Props
 @prop children
 @prop class: className = "text-gray-900 dark:text-white"

package/dist/typography/paragraph/P.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ParagraphProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1955)
+ * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1966)
  * ## Props
  * @prop children
  * @prop class: className = "text-gray-900 dark:text-white"

package/dist/typography/paragraph/index.d.ts

@@ -1,2 +1,2 @@
 export { default as P } from "./P.svelte";
-export { paragraph, type ParagraphTheme } from "./theme";
+export { paragraph } from "./theme";

package/dist/typography/paragraph/theme.d.ts

@@ -1,5 +1,4 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 export type ParagraphVariants = VariantProps<typeof paragraph>;
 export declare const paragraph: import("tailwind-variants").TVReturnType<{
     size: {
@@ -224,4 +223,3 @@ export declare const paragraph: import("tailwind-variants").TVReturnType<{
         false: string;
     };
 }, undefined, "text-gray-900 dark:text-white", unknown, unknown, undefined>>;
-export type ParagraphTheme = ClassValue;

package/dist/typography/secondary/Secondary.svelte

@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1963)
+[SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1974)
 ## Props
 @prop children
 @prop class: className

package/dist/typography/secondary/Secondary.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SecondaryProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1963)
+ * [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1974)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/typography/secondary/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Secondary } from "./Secondary.svelte";
-export { secondary, type SecondaryTheme } from "./theme";
+export { secondary } from "./theme";

package/dist/typography/secondary/theme.d.ts

@@ -1,3 +1 @@
-import type { ClassValue } from "svelte/elements";
 export declare const secondary: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 dark:text-gray-400 font-semibold", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 dark:text-gray-400 font-semibold", unknown, unknown, undefined>>;
-export type SecondaryTheme = ClassValue;

package/dist/typography/span/Span.svelte

@@ -34,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1968)
+[SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1979)
 ## Props
 @prop children
 @prop class: className