flowbite-svelte 0.34.1 → 0.34.3

package/dist/alert/Alert.svelte

@@ -0,0 +1,47 @@
+<script>import classNames from 'classnames';
+import { createEventDispatcher } from 'svelte';
+import CloseButton from '../utils/CloseButton.svelte';
+import Frame from '../utils/Frame.svelte';
+const dispatch = createEventDispatcher();
+export let dismissable = false;
+export let accent = false;
+let hidden = false;
+const handleHide = () => {
+    hidden = !hidden;
+    dispatch('close'); // preffered name
+};
+let divClass;
+$: divClass = classNames('p-4 text-sm', accent && 'border-t-4 ', hidden && 'hidden', $$props.class);
+$: {
+    // set default values
+    $$restProps.color = $$restProps.color ?? 'blue';
+    $$restProps.rounded = $$restProps.rounded ?? !accent;
+}
+</script>
+
+<Frame {...$$restProps} class={divClass} role="alert">
+  <div class="flex items-center">
+    {#if $$slots.icon}
+      <slot name="icon" />
+    {/if}
+    <div class:ml-3={$$slots.icon}>
+      <slot />
+    </div>
+
+    {#if dismissable}
+      <CloseButton
+        class="-mx-1.5 -my-1.5"
+        color={$$restProps.color}
+        on:click={handleHide}
+        on:click
+        on:change
+        on:keydown
+        on:keyup
+        on:focus
+        on:blur
+        on:mouseenter
+        on:mouseleave />
+    {/if}
+  </div>
+  <slot name="extra" />
+</Frame>

package/dist/alert/Alert.svelte.d.ts

@@ -0,0 +1,32 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        dismissable?: boolean | undefined;
+        accent?: boolean | undefined;
+    };
+    events: {
+        click: MouseEvent;
+        change: CustomEvent<any>;
+        keydown: CustomEvent<any>;
+        keyup: CustomEvent<any>;
+        focus: CustomEvent<any>;
+        blur: CustomEvent<any>;
+        mouseenter: CustomEvent<any>;
+        mouseleave: CustomEvent<any>;
+        close: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        icon: {};
+        default: {};
+        extra: {};
+    };
+};
+export type AlertProps = typeof __propDef.props;
+export type AlertEvents = typeof __propDef.events;
+export type AlertSlots = typeof __propDef.slots;
+export default class Alert extends SvelteComponentTyped<AlertProps, AlertEvents, AlertSlots> {
+}
+export {};

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { default as Accordion } from "./accordions/Accordion.svelte";
-export { default as AccordionItem } from "./accordions/AccordionItem.svelte";
+export { default as Accordion } from "./accordion/Accordion.svelte";
+export { default as AccordionItem } from "./accordion/AccordionItem.svelte";
 export { default as Alert } from "./alerts/Alert.svelte";
 export { default as Avatar } from "./avatar/Avatar.svelte";
 export { default as Badge } from "./badges/Badge.svelte";
@@ -42,7 +42,6 @@ export { default as Radio } from "./forms/Radio.svelte";
 export { default as Range } from "./forms/Range.svelte";
 export { default as Search } from "./forms/Search.svelte";
 export { default as Select } from "./forms/Select.svelte";
-export { default as SimpleSearch } from "./forms/SimpleSearch.svelte";
 export { default as Textarea } from "./forms/Textarea.svelte";
 export { default as Toggle } from "./forms/Toggle.svelte";
 export { default as VoiceSearch } from "./forms/VoiceSearch.svelte";
@@ -101,15 +100,15 @@ export { default as TableHeadCell } from "./tables/TableHeadCell.svelte";
 export { default as TableSearch } from "./tables/TableSearch.svelte";
 export { default as TabItem } from "./tabs/TabItem.svelte";
 export { default as Tabs } from "./tabs/Tabs.svelte";
-export { default as Group } from "./timelines/Group.svelte";
-export { default as GroupItem } from "./timelines/GroupItem.svelte";
-export { default as Activity } from "./timelines/Activity.svelte";
-export { default as ActivityItem } from "./timelines/ActivityItem.svelte";
-export { default as Timeline } from "./timelines/Timeline.svelte";
-export { default as TimelineItem } from "./timelines/TimelineItem.svelte";
-export { default as TimelineHorizontal } from "./timelines/TimelineHorizontal.svelte";
-export { default as TimelineItemHorizontal } from "./timelines/TimelineItemHorizontal.svelte";
-export { default as TimelineItemVertical } from "./timelines/TimelineItemVertical.svelte";
+export { default as Group } from "./timeline/Group.svelte";
+export { default as GroupItem } from "./timeline/GroupItem.svelte";
+export { default as Activity } from "./timeline/Activity.svelte";
+export { default as ActivityItem } from "./timeline/ActivityItem.svelte";
+export { default as Timeline } from "./timeline/Timeline.svelte";
+export { default as TimelineItem } from "./timeline/TimelineItem.svelte";
+export { default as TimelineHorizontal } from "./timeline/TimelineHorizontal.svelte";
+export { default as TimelineItemHorizontal } from "./timeline/TimelineItemHorizontal.svelte";
+export { default as TimelineItemVertical } from "./timeline/TimelineItemVertical.svelte";
 export { default as Toast } from "./toasts/Toast.svelte";
 export { default as Toolbar } from "./toolbar/Toolbar.svelte";
 export { default as ToolbarButton } from "./toolbar/ToolbarButton.svelte";

package/dist/index.js

@@ -1,6 +1,6 @@
 // Accordion
-export { default as Accordion } from './accordions/Accordion.svelte';
-export { default as AccordionItem } from './accordions/AccordionItem.svelte';
+export { default as Accordion } from './accordion/Accordion.svelte';
+export { default as AccordionItem } from './accordion/AccordionItem.svelte';
 
 // Alerts
 export { default as Alert } from './alerts/Alert.svelte';
@@ -75,7 +75,6 @@ export { default as Radio } from './forms/Radio.svelte';
 export { default as Range } from './forms/Range.svelte';
 export { default as Search } from './forms/Search.svelte';
 export { default as Select } from './forms/Select.svelte';
-export { default as SimpleSearch } from './forms/SimpleSearch.svelte';
 export { default as Textarea } from './forms/Textarea.svelte';
 export { default as Toggle } from './forms/Toggle.svelte';
 export { default as VoiceSearch } from './forms/VoiceSearch.svelte';
@@ -172,15 +171,15 @@ export { default as TabItem } from './tabs/TabItem.svelte';
 export { default as Tabs } from './tabs/Tabs.svelte';
 
 // Timeline
-export { default as Group } from './timelines/Group.svelte';
-export { default as GroupItem } from './timelines/GroupItem.svelte';
-export { default as Activity } from './timelines/Activity.svelte';
-export { default as ActivityItem } from './timelines/ActivityItem.svelte';
-export { default as Timeline } from './timelines/Timeline.svelte';
-export { default as TimelineItem } from './timelines/TimelineItem.svelte';
-export { default as TimelineHorizontal } from './timelines/TimelineHorizontal.svelte';
-export { default as TimelineItemHorizontal } from './timelines/TimelineItemHorizontal.svelte';
-export { default as TimelineItemVertical } from './timelines/TimelineItemVertical.svelte';
+export { default as Group } from './timeline/Group.svelte';
+export { default as GroupItem } from './timeline/GroupItem.svelte';
+export { default as Activity } from './timeline/Activity.svelte';
+export { default as ActivityItem } from './timeline/ActivityItem.svelte';
+export { default as Timeline } from './timeline/Timeline.svelte';
+export { default as TimelineItem } from './timeline/TimelineItem.svelte';
+export { default as TimelineHorizontal } from './timeline/TimelineHorizontal.svelte';
+export { default as TimelineItemHorizontal } from './timeline/TimelineItemHorizontal.svelte';
+export { default as TimelineItemVertical } from './timeline/TimelineItemVertical.svelte';
 
 // Toast
 export { default as Toast } from './toasts/Toast.svelte';

package/dist/skeleton/CardPlaceholder.svelte

@@ -1,13 +1,21 @@
-<script>import classNames from 'classnames';
-export let divClass = 'p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
-export let size = '48';
+<script>const sizes = {
+    sm: 'max-w-sm',
+    md: 'max-w-md',
+    lg: 'max-w-lg',
+    xl: 'max-w-xl',
+    xxl: 'max-w-2xl'
+};
+import classNames from 'classnames';
+export let divClass = 'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
+export let size = 'sm';
+$: outDivclass = classNames(sizes[size], divClass, $$props.class);
 </script>
 
-<div role="status" class={classNames(divClass, $$props.class)}>
+<div role="status" class={outDivclass}>
 	<div class="flex justify-center items-center mb-4 h-48 bg-gray-300 rounded dark:bg-gray-700">
 		<svg
-			width={size}
-			height={size}
+			width=48
+			height=48
 			class="text-gray-200 dark:text-gray-600"
 			xmlns="http://www.w3.org/2000/svg"
 			aria-hidden="true"
@@ -18,7 +26,7 @@ export let size = '48';
 			/></svg
 		>
 	</div>
-	<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-48 mb-4" />
+	<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4" />
 	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
 	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
 	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700" />

package/dist/skeleton/CardPlaceholder.svelte.d.ts

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         divClass?: string | undefined;
-        size?: string | undefined;
+        size?: string | number | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/ImagePlaceholder.svelte

@@ -1,15 +1,15 @@
 <script>import classNames from 'classnames';
 export let divClass = 'space-y-8 animate-pulse md:space-y-0 md:space-x-8 md:flex md:items-center';
-export let size = '48';
+export let imgHeight = '48';
 </script>
 
 <div role="status" class={classNames(divClass, $$props.class)}>
 	<div
-		class="flex justify-center items-center w-full h-48 bg-gray-300 rounded sm:w-96 dark:bg-gray-700"
+		class="flex justify-center items-center w-full h-{imgHeight} bg-gray-300 rounded sm:w-96 dark:bg-gray-700"
 	>
 		<svg
-			width={size}
-			height={size}
+			width=48
+			height=48
 			class="text-gray-200"
 			xmlns="http://www.w3.org/2000/svg"
 			aria-hidden="true"
@@ -21,12 +21,13 @@ export let size = '48';
 		>
 	</div>
 	<div class="w-full">
-		<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-48 mb-4" />
-		<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[480px] mb-2.5" />
-		<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
-		<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[440px] mb-2.5" />
-		<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[460px] mb-2.5" />
-		<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[360px]" />
+	<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4" />
+	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12 mb-2.5" />
+	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
+	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
+	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-10/12 mb-2.5" />
+	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-11/12 mb-2.5" />
+	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12" />
 	</div>
 	<span class="sr-only">Loading...</span>
 </div>

package/dist/skeleton/ImagePlaceholder.svelte.d.ts

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         divClass?: string | undefined;
-        size?: string | undefined;
+        imgHeight?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/Skeleton.svelte

@@ -1,13 +1,23 @@
 <script>import classNames from 'classnames';
-export let divClass = 'max-w-sm animate-pulse';
+const sizes = {
+    sm: 'max-w-sm',
+    md: 'max-w-md',
+    lg: 'max-w-lg',
+    xl: 'max-w-xl',
+    xxl: 'max-w-2xl'
+};
+export let divClass = 'animate-pulse';
+export let size = 'sm';
+$: outDivclass = classNames(sizes[size], divClass, $$props.class);
 </script>
 
-<div role="status" class={classNames(divClass, $$props.class)}>
-	<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-48 mb-4" />
-	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[360px] mb-2.5" />
+<div role="status" class={outDivclass}>
+	<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4" />
+	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12 mb-2.5" />
 	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
-	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[330px] mb-2.5" />
-	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[300px] mb-2.5" />
-	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[360px]" />
+	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
+	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-10/12 mb-2.5" />
+	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-11/12 mb-2.5" />
+	<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12" />
 	<span class="sr-only">Loading...</span>
 </div>

package/dist/skeleton/Skeleton.svelte.d.ts

@@ -3,6 +3,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         divClass?: string | undefined;
+        size?: string | number | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/TextPlaceholder.svelte

@@ -1,34 +1,43 @@
-<script>import classNames from 'classnames';
-export let divClass = 'space-y-2.5 animate-pulse max-w-lg';
+<script>const sizes = {
+    sm: 'max-w-sm',
+    md: 'max-w-md',
+    lg: 'max-w-lg',
+    xl: 'max-w-xl',
+    xxl: 'max-w-2xl'
+};
+import classNames from 'classnames';
+export let divClass = 'space-y-2.5 animate-pulse';
+export let size = 'sm';
+$: outDivclass = classNames(sizes[size], divClass, $$props.class);
 </script>
 
-<div role="status" class={classNames(divClass, $$props.class)}>
+<div role="status" class={outDivclass}>
 	<div class="flex items-center space-x-2 w-full">
 		<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32" />
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
 	</div>
-	<div class="flex items-center w-full space-x-2 max-w-[480px]">
+	<div class="flex items-center space-x-2 w-11/12">
 		<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
 	</div>
-	<div class="flex items-center w-full space-x-2 max-w-[400px]">
+	<div class="flex items-center space-x-2 w-9/12">
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
 		<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80" />
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
 	</div>
-	<div class="flex items-center w-full space-x-2 max-w-[480px]">
+	<div class="flex items-center space-x-2 w-11/12">
 		<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
 	</div>
-	<div class="flex items-center w-full space-x-2 max-w-[440px]">
+	<div class="flex items-center space-x-2 w-10/12">
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-32" />
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
 		<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
 	</div>
-	<div class="flex items-center w-full space-x-2 max-w-[360px]">
+	<div class="flex items-center space-x-2 w-8/12">
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
 		<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80" />
 		<div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />

package/dist/skeleton/TextPlaceholder.svelte.d.ts

@@ -3,6 +3,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         divClass?: string | undefined;
+        size?: string | number | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/skeleton/VideoPlaceholder.svelte

@@ -1,12 +1,20 @@
-<script>import classNames from 'classnames';
-export let divClass = 'flex justify-center items-center max-w-sm h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700';
-export let size = '48';
+<script>const sizes = {
+    sm: 'max-w-sm',
+    md: 'max-w-md',
+    lg: 'max-w-lg',
+    xl: 'max-w-xl',
+    xxl: 'max-w-2xl'
+};
+import classNames from 'classnames';
+export let divClass = 'flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700';
+export let size = 'sm';
+$: outDivclass = classNames(sizes[size], divClass, $$props.class);
 </script>
 
-<div role="status" class={classNames(divClass, $$props.class)}>
+<div role="status" class={outDivclass}>
 	<svg
-		width={size}
-		height={size}
+		width=48
+		height=48
 		class="text-gray-200 dark:text-gray-600"
 		xmlns="http://www.w3.org/2000/svg"
 		aria-hidden="true"

package/dist/skeleton/VideoPlaceholder.svelte.d.ts

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         divClass?: string | undefined;
-        size?: string | undefined;
+        size?: string | number | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/tables/TableHeadCell.svelte

@@ -1,6 +1,7 @@
 <script>import classNames from 'classnames';
+export let padding = 'px-6 py-3';
 </script>
 
-<th {...$$restProps} class={classNames('px-6 py-3', $$props.class)}>
+<th {...$$restProps} class={classNames(padding, $$props.class)}>
 	<slot />
 </th>

package/dist/tables/TableHeadCell.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
+        padding?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/toolbar/ToolbarGroup.svelte

@@ -1,9 +1,10 @@
 <script>import { getContext } from 'svelte';
+export let divClass = 'flex items-center space-x-1 sm:pr-4 sm:pl-4 first:sm:pl-0 last:sm:pr-0';
 const options = getContext('toolbar');
 if (options)
     $options = true;
 </script>
 
-<div class="flex items-center space-x-1 sm:pr-4 sm:pl-4 first:sm:pl-0 last:sm:pr-0">
+<div class="{divClass}">
 	<slot />
 </div>

package/dist/toolbar/ToolbarGroup.svelte.d.ts

@@ -1,6 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: Record<string, never>;
+    props: {
+        divClass?: string | undefined;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.34.1",
+  "version": "0.34.3",
   "description": "Flowbite components for Svelte",
   "author": {
     "name": "Shinichi Okada",
@@ -119,12 +119,12 @@
   },
   "exports": {
     "./Accordion.svelte": {
-      "types": "./dist/accordions/Accordion.svelte.d.ts",
-      "svelte": "./dist/accordions/Accordion.svelte"
+      "types": "./dist/accordion/Accordion.svelte.d.ts",
+      "svelte": "./dist/accordion/Accordion.svelte"
     },
     "./AccordionItem.svelte": {
-      "types": "./dist/accordions/AccordionItem.svelte.d.ts",
-      "svelte": "./dist/accordions/AccordionItem.svelte"
+      "types": "./dist/accordion/AccordionItem.svelte.d.ts",
+      "svelte": "./dist/accordion/AccordionItem.svelte"
     },
     "./Alert.svelte": {
       "types": "./dist/alerts/Alert.svelte.d.ts",
@@ -318,10 +318,6 @@
       "types": "./dist/forms/Select.svelte.d.ts",
       "svelte": "./dist/forms/Select.svelte"
     },
-    "./SimpleSearch.svelte": {
-      "types": "./dist/forms/SimpleSearch.svelte.d.ts",
-      "svelte": "./dist/forms/SimpleSearch.svelte"
-    },
     "./Textarea.svelte": {
       "types": "./dist/forms/Textarea.svelte.d.ts",
       "svelte": "./dist/forms/Textarea.svelte"
@@ -571,40 +567,40 @@
       "svelte": "./dist/tabs/Tabs.svelte"
     },
     "./Activity.svelte": {
-      "types": "./dist/timelines/Activity.svelte.d.ts",
-      "svelte": "./dist/timelines/Activity.svelte"
+      "types": "./dist/timeline/Activity.svelte.d.ts",
+      "svelte": "./dist/timeline/Activity.svelte"
     },
     "./ActivityItem.svelte": {
-      "types": "./dist/timelines/ActivityItem.svelte.d.ts",
-      "svelte": "./dist/timelines/ActivityItem.svelte"
+      "types": "./dist/timeline/ActivityItem.svelte.d.ts",
+      "svelte": "./dist/timeline/ActivityItem.svelte"
     },
     "./Group.svelte": {
-      "types": "./dist/timelines/Group.svelte.d.ts",
-      "svelte": "./dist/timelines/Group.svelte"
+      "types": "./dist/timeline/Group.svelte.d.ts",
+      "svelte": "./dist/timeline/Group.svelte"
     },
     "./GroupItem.svelte": {
-      "types": "./dist/timelines/GroupItem.svelte.d.ts",
-      "svelte": "./dist/timelines/GroupItem.svelte"
+      "types": "./dist/timeline/GroupItem.svelte.d.ts",
+      "svelte": "./dist/timeline/GroupItem.svelte"
     },
     "./Timeline.svelte": {
-      "types": "./dist/timelines/Timeline.svelte.d.ts",
-      "svelte": "./dist/timelines/Timeline.svelte"
+      "types": "./dist/timeline/Timeline.svelte.d.ts",
+      "svelte": "./dist/timeline/Timeline.svelte"
     },
     "./TimelineHorizontal.svelte": {
-      "types": "./dist/timelines/TimelineHorizontal.svelte.d.ts",
-      "svelte": "./dist/timelines/TimelineHorizontal.svelte"
+      "types": "./dist/timeline/TimelineHorizontal.svelte.d.ts",
+      "svelte": "./dist/timeline/TimelineHorizontal.svelte"
     },
     "./TimelineItem.svelte": {
-      "types": "./dist/timelines/TimelineItem.svelte.d.ts",
-      "svelte": "./dist/timelines/TimelineItem.svelte"
+      "types": "./dist/timeline/TimelineItem.svelte.d.ts",
+      "svelte": "./dist/timeline/TimelineItem.svelte"
     },
     "./TimelineItemHorizontal.svelte": {
-      "types": "./dist/timelines/TimelineItemHorizontal.svelte.d.ts",
-      "svelte": "./dist/timelines/TimelineItemHorizontal.svelte"
+      "types": "./dist/timeline/TimelineItemHorizontal.svelte.d.ts",
+      "svelte": "./dist/timeline/TimelineItemHorizontal.svelte"
     },
     "./TimelineItemVertical.svelte": {
-      "types": "./dist/timelines/TimelineItemVertical.svelte.d.ts",
-      "svelte": "./dist/timelines/TimelineItemVertical.svelte"
+      "types": "./dist/timeline/TimelineItemVertical.svelte.d.ts",
+      "svelte": "./dist/timeline/TimelineItemVertical.svelte"
     },
     "./Toast.svelte": {
       "types": "./dist/toasts/Toast.svelte.d.ts",

package/dist/forms/SimpleSearch.svelte

@@ -1,20 +0,0 @@
-<script>import Search from './Search.svelte';
-import Button from '../buttons/Button.svelte';
-</script>
-
-<form class="flex gap-2" on:submit>
-  <Search size="md" {...$$restProps} />
-  <Button class="!p-2.5">
-    <svg
-      class="w-5 h-5"
-      fill="none"
-      stroke="currentColor"
-      viewBox="0 0 24 24"
-      xmlns="http://www.w3.org/2000/svg"
-      ><path
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="2"
-        d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /></svg>
-  </Button>
-</form>

package/dist/forms/SimpleSearch.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        submit: SubmitEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SimpleSearchProps = typeof __propDef.props;
-export type SimpleSearchEvents = typeof __propDef.events;
-export type SimpleSearchSlots = typeof __propDef.slots;
-export default class SimpleSearch extends SvelteComponentTyped<SimpleSearchProps, SimpleSearchEvents, SimpleSearchSlots> {
-}
-export {};