flowbite-svelte 1.9.0 → 1.10.0

package/dist/gallery/Gallery.svelte

@@ -1,9 +1,12 @@
 <script lang="ts">
-  import { gallery } from ".";
+  import { gallery, type GalleryTheme } from ".";
   import { type GalleryProps, type ImgType, cn } from "..";
+  import { getTheme } from "../theme/themeUtils";
 
   let { children, figure, items = [], imgClass, class: className, ...restProps }: GalleryProps = $props();
 
+  const theme = getTheme("gallery");
+
   function init(node: HTMLElement) {
     if (getComputedStyle(node).gap === "normal") node.style.gap = "inherit";
   }
@@ -13,11 +16,11 @@
 
 {#snippet _figure(item: ImgType)}
   <div>
-    <img src={item.src} alt={item.alt} class={cn(image(), imgClass)} {...restProps} />
+    <img src={item.src} alt={item.alt} class={cn(image(), imgClass, (theme as GalleryTheme)?.image)} {...restProps} />
   </div>
 {/snippet}
 
-<div class={cn(div(), className)} use:init>
+<div class={cn(div(), className, (theme as GalleryTheme)?.div)} use:init>
   {#each items as item}
     {#if figure}
       {@render figure(item as ImgType)}
@@ -35,7 +38,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L992)
+[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L985)
 ## Props
 @prop children
 @prop figure

package/dist/gallery/Gallery.svelte.d.ts

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

package/dist/gallery/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Gallery } from "./Gallery.svelte";
-export { gallery } from "./theme";
+export { gallery, type GalleryTheme } from "./theme";

package/dist/gallery/theme.d.ts

@@ -1,15 +1,15 @@
 declare const gallery: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            image?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
+            image?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            image?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
+            image?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -18,8 +18,8 @@ declare const gallery: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            image?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
+            image?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -30,3 +30,5 @@ declare const gallery: import("tailwind-variants").TVReturnType<{
     div: string;
 }, undefined, unknown, unknown, undefined>>;
 export { gallery };
+export type GallerySlots = keyof typeof gallery.slots;
+export type GalleryTheme = Partial<Record<GallerySlots, string>>;

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from "./uiHelpers.svelte";
+export { default as ThemeProvider } from "./theme/ThemeProvider.svelte";
+export { getTheme } from "./theme/themeUtils";
 export * from "./accordion";
 export * from "./alert";
 export * from "./avatar";
@@ -10,7 +12,6 @@ export * from "./button-group";
 export * from "./buttons";
 export * from "./card";
 export * from "./carousel";
-export * from "./chart";
 export * from "./clipboard";
 export * from "./darkmode";
 export * from "./datepicker";
@@ -76,4 +77,3 @@ export * from "./typography/span";
 export * from "./video";
 export * from "./utils";
 export * from "./types";
-export { default as Theme } from "./theme/Theme.svelte";

package/dist/index.js

@@ -1,4 +1,9 @@
+// utils/helpers
 export * from "./uiHelpers.svelte";
+// theme
+export { default as ThemeProvider } from "./theme/ThemeProvider.svelte";
+export { getTheme } from "./theme/themeUtils";
+// components
 export * from "./accordion";
 export * from "./alert";
 export * from "./avatar";
@@ -10,7 +15,6 @@ export * from "./button-group";
 export * from "./buttons";
 export * from "./card";
 export * from "./carousel";
-export * from "./chart";
 export * from "./clipboard";
 export * from "./darkmode";
 export * from "./datepicker";
@@ -78,4 +82,3 @@ export * from "./typography/span";
 export * from "./video";
 export * from "./utils";
 export * from "./types";
-export { default as Theme } from "./theme/Theme.svelte";

package/dist/indicator/Indicator.svelte

@@ -1,11 +1,14 @@
 <script lang="ts">
   import { indicator } from "./index";
   import { type IndicatorProps, cn } from "..";
+  import { getTheme } from "../theme/themeUtils";
 
   let { children, color = "primary", cornerStyle = "circular", size = "md", border = false, placement, offset = true, class: className, ...restProps }: IndicatorProps = $props();
 
+  const theme = getTheme("indicator");
+
   let hasChildren = !!children;
-  const { base } = $derived(
+  const base = $derived(
     indicator({
       color,
       size,
@@ -18,7 +21,7 @@
   );
 </script>
 
-<div {...restProps} class={cn(base(), className)}>
+<div {...restProps} class={cn(base, className, theme)}>
   {#if children}
     {@render children()}
   {/if}
@@ -28,7 +31,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1003)
+[IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L996)
 ## Props
 @prop children
 @prop color = "primary"

package/dist/indicator/Indicator.svelte.d.ts

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

package/dist/indicator/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Indicator } from "./Indicator.svelte";
-export { indicator } from "./theme";
+export { indicator, type IndicatorTheme } from "./theme";