flowbite-svelte 0.34.6 → 0.34.7

package/dist/gallery/Gallery.svelte

@@ -1,5 +1,4 @@
 <script>import classNames from 'classnames';
-import GalleryItem from './GalleryItem.svelte';
 export let items = [];
 $: divClass = classNames('grid', $$props.class);
 function init(node) {
@@ -9,8 +8,10 @@ function init(node) {
 </script>
 
 <div {...$$restProps} class={divClass} use:init>
-  {#each items as { src, alt }}
-    <GalleryItem {src} {alt} />
+  {#each items as item}
+    <slot {item}>
+      <div><img src={item.src} alt={item.alt} class='h-auto max-w-full rounded-lg' /></div>
+    </slot>  
   {:else}
     <slot />
   {/each}

package/dist/index.d.ts

@@ -46,7 +46,6 @@ export { default as Textarea } from "./forms/Textarea.svelte";
 export { default as Toggle } from "./forms/Toggle.svelte";
 export { default as VoiceSearch } from "./forms/VoiceSearch.svelte";
 export { default as Gallery } from "./gallery/Gallery.svelte";
-export { default as GalleryItem } from "./gallery/GalleryItem.svelte";
 export { default as Indicator } from "./indicators/Indicator.svelte";
 export { default as Kbd } from "./kbd/Kbd.svelte";
 export { default as ArrowKeyDown } from "./kbd/ArrowKeyDown.svelte";

package/dist/index.js

@@ -18,7 +18,7 @@ export { default as Banner } from './banner/Banner.svelte';
 export { default as BottomNav } from './bottom-nav/BottomNav.svelte';
 export { default as BottomNavItem } from './bottom-nav/BottomNavItem.svelte';
 export { default as BottomNavHeader } from './bottom-nav/BottomNavHeader.svelte';
-export { default as BottomNavHeaderItem } from './bottom-nav/BottomNavHeaderItem.svelte'
+export { default as BottomNavHeaderItem } from './bottom-nav/BottomNavHeaderItem.svelte';
 
 // Breadcrumbs
 export { default as Breadcrumb } from './breadcrumbs/Breadcrumb.svelte';
@@ -80,8 +80,7 @@ export { default as Toggle } from './forms/Toggle.svelte';
 export { default as VoiceSearch } from './forms/VoiceSearch.svelte';
 
 // Gallery
-export { default as Gallery } from './gallery/Gallery.svelte'
-export { default as GalleryItem } from './gallery/GalleryItem.svelte'
+export { default as Gallery } from './gallery/Gallery.svelte';
 
 // Indicator
 export { default as Indicator } from './indicators/Indicator.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.34.6",
+  "version": "0.34.7",
   "description": "Flowbite components for Svelte",
   "author": {
     "name": "Shinichi Okada",
@@ -334,10 +334,6 @@
       "types": "./dist/gallery/Gallery.svelte.d.ts",
       "svelte": "./dist/gallery/Gallery.svelte"
     },
-    "./GalleryItem.svelte": {
-      "types": "./dist/gallery/GalleryItem.svelte.d.ts",
-      "svelte": "./dist/gallery/GalleryItem.svelte"
-    },
     "./ArrowKeyDown.svelte": {
       "types": "./dist/kbd/ArrowKeyDown.svelte.d.ts",
       "svelte": "./dist/kbd/ArrowKeyDown.svelte"

package/dist/gallery/GalleryItem.svelte

@@ -1,8 +0,0 @@
-<script>export let src;
-export let alt = undefined;
-export let defaultClass = 'h-auto max-w-full rounded-lg';
-</script>
-
-<div>
-  <img class={defaultClass} {src} {alt} />
-</div>

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

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        src: string;
-        alt?: string | undefined;
-        defaultClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type GalleryItemProps = typeof __propDef.props;
-export type GalleryItemEvents = typeof __propDef.events;
-export type GalleryItemSlots = typeof __propDef.slots;
-export default class GalleryItem extends SvelteComponentTyped<GalleryItemProps, GalleryItemEvents, GalleryItemSlots> {
-}
-export {};