flowbite-svelte 0.27.13 → 0.27.15

package/tabs/TabHeadItem.svelte

@@ -1,56 +0,0 @@
-<script>import classNames from 'classnames';
-export let id;
-export let tabStyle = 'default';
-export let activeTabValue;
-export let customActiveClass = '';
-export let customInActiveClass = '';
-export let customLiClass = '';
-import { getContext } from 'svelte';
-const ctx = getContext('ctx') ?? {};
-tabStyle = ctx.style;
-const activeClasses = {
-    default: 'inline-block py-4 px-4 text-sm font-medium text-center text-blue-600 bg-gray-100 rounded-t-lg active dark:bg-gray-800 dark:text-blue-500',
-    full: 'inline-block p-4 w-full text-gray-900 bg-gray-100 focus:ring-4 focus:ring-blue-300 active focus:outline-none dark:bg-gray-700 dark:text-white',
-    icon: 'inline-flex p-4 text-blue-600 rounded-t-lg border-b-2 border-blue-600 active dark:text-blue-500 dark:border-blue-500 group',
-    pill: 'active inline-block py-3 px-4 text-sm font-medium text-center text-white bg-blue-600 rounded-lg',
-    underline: 'inline-block p-4 text-blue-600 rounded-t-lg border-b-2 border-blue-600 active dark:text-blue-500 dark:border-blue-500',
-    custom: customActiveClass
-};
-const inactiveClasses = {
-    default: 'inline-block py-4 px-4 text-sm font-medium text-center text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300',
-    full: 'inline-block p-4 w-full bg-white hover:text-gray-700 hover:bg-gray-50 focus:ring-4 focus:ring-blue-300 focus:outline-none dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700',
-    icon: 'inline-flex p-4 rounded-t-lg border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300 group ',
-    pill: 'inline-block py-3 px-4 text-sm font-medium text-center text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-white',
-    underline: 'inline-block p-4 rounded-t-lg border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300',
-    custom: customInActiveClass
-};
-const liClasses = {
-    default: 'mr-2',
-    full: 'w-full',
-    icon: 'mr-2',
-    pill: 'mr-2',
-    underline: 'mr-2',
-    custom: customLiClass
-};
-</script>
-
-<li class={liClasses[tabStyle]} role="presentation">
-  <button
-    {...$$restProps}
-    on:click
-    on:blur
-    on:click
-    on:focus
-    on:keydown
-    on:keypress
-    on:keyup
-    on:mouseenter
-    on:mouseleave
-    on:mouseover
-    class={classNames(activeTabValue === id ? activeClasses[tabStyle] : inactiveClasses[tabStyle])}
-    id="{id}-tabhead"
-    type="button"
-    role="tab">
-    <slot />
-  </button>
-</li>

package/tabs/TabHeadItem.svelte.d.ts

@@ -1,34 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        id: number;
-        tabStyle?: "default" | "icon" | "custom" | "pill" | "underline" | "full" | undefined;
-        activeTabValue: number;
-        customActiveClass?: string | undefined;
-        customInActiveClass?: string | undefined;
-        customLiClass?: string | undefined;
-    };
-    events: {
-        click: MouseEvent;
-        blur: FocusEvent;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        mouseover: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type TabHeadItemProps = typeof __propDef.props;
-export declare type TabHeadItemEvents = typeof __propDef.events;
-export declare type TabHeadItemSlots = typeof __propDef.slots;
-export default class TabHeadItem extends SvelteComponentTyped<TabHeadItemProps, TabHeadItemEvents, TabHeadItemSlots> {
-}
-export {};

package/tabs/TabItem.svelte

@@ -1,53 +0,0 @@
-<script>import { getContext } from 'svelte';
-import { writable } from 'svelte/store';
-import classNames from 'classnames';
-export let open = false;
-export let title = 'Tab title';
-export let activeClasses = undefined;
-export let inactiveClasses = undefined;
-export let defaultClass = 'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
-const ctx = getContext('ctx') ?? {};
-// single selection
-const selected = ctx.selected ?? writable();
-function init(node) {
-    selected.set(node);
-    const destroy = selected.subscribe((x) => {
-        if (x !== node) {
-            open = false;
-        }
-    });
-    return { destroy };
-}
-let buttonClass;
-$: buttonClass = classNames(defaultClass, open ? activeClasses ?? ctx.activeClasses : inactiveClasses ?? ctx.inactiveClasses, open && 'active'
-// $$restProps.disabled && 'cursor-not-allowed pointer-events-none'
-);
-</script>
-
-<li class={classNames('group', $$props.class)} role="presentation">
-  <button
-    type="button"
-    on:click={() => (open = true)}
-    on:blur
-    on:click
-    on:focus
-    on:keydown
-    on:keypress
-    on:keyup
-    on:mouseenter
-    on:mouseleave
-    on:mouseover
-    role="tab"
-    {...$$restProps}
-    class={buttonClass}>
-    <slot name="title">{title}</slot>
-  </button>
-
-  {#if open}
-    <div class="hidden tab_content_placeholder">
-      <div use:init>
-        <slot />
-      </div>
-    </div>
-  {/if}
-</li>

package/tabs/TabItem.svelte.d.ts

@@ -1,34 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        open?: boolean | undefined;
-        title?: string | undefined;
-        activeClasses?: string | undefined;
-        inactiveClasses?: string | undefined;
-        defaultClass?: string | undefined;
-    };
-    events: {
-        blur: FocusEvent;
-        click: MouseEvent;
-        focus: FocusEvent;
-        keydown: KeyboardEvent;
-        keypress: KeyboardEvent;
-        keyup: KeyboardEvent;
-        mouseenter: MouseEvent;
-        mouseleave: MouseEvent;
-        mouseover: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        title: {};
-        default: {};
-    };
-};
-export declare type TabItemProps = typeof __propDef.props;
-export declare type TabItemEvents = typeof __propDef.events;
-export declare type TabItemSlots = typeof __propDef.slots;
-export default class TabItem extends SvelteComponentTyped<TabItemProps, TabItemEvents, TabItemSlots> {
-}
-export {};

package/tabs/Tabs.svelte

@@ -1,50 +0,0 @@
-<script context="module">import { writable } from 'svelte/store';
-// styles
-const styledActiveClasses = {
-    full: 'p-4 w-full group-first:rounded-l-lg group-last:rounded-r-lg text-gray-900 bg-gray-100 focus:ring-4 focus:ring-blue-300 focus:outline-none dark:bg-gray-700 dark:text-white',
-    pill: 'py-3 px-4 text-white bg-blue-600 rounded-lg',
-    underline: 'p-4 text-blue-600 border-b-2 border-blue-600 dark:text-blue-500 dark:border-blue-500',
-    none: ''
-};
-const styledInactiveClasses = {
-    full: 'p-4 w-full group-first:rounded-l-lg group-last:rounded-r-lg text-gray-500 dark:text-gray-400 bg-white hover:text-gray-700 hover:bg-gray-50 focus:ring-4 focus:ring-blue-300 focus:outline-none dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700',
-    pill: 'py-3 px-4 text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-white',
-    underline: 'p-4 border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300 text-gray-500 dark:text-gray-400',
-    none: ''
-};
-</script>
-
-<script>import classNames from 'classnames';
-import { setContext } from 'svelte';
-export let style = 'none';
-export let defaultClass = 'flex flex-wrap space-x-2';
-export let contentClass = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
-export let divider = true;
-export let activeClasses = 'p-4 text-blue-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-blue-500';
-export let inactiveClasses = 'p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300';
-const ctx = {
-    activeClasses: styledActiveClasses[style] || activeClasses,
-    inactiveClasses: styledInactiveClasses[style] || inactiveClasses,
-    selected: writable()
-};
-$: divider = ['full', 'pill'].includes(style) ? false : divider;
-setContext('ctx', ctx);
-function init(node) {
-    const destroy = ctx.selected.subscribe((x) => {
-        if (x)
-            node.replaceChildren(x);
-    });
-    return { destroy };
-}
-$: ulClass = classNames(defaultClass, style === 'underline' && '-mb-px', $$props.class);
-</script>
-
-<ul class={ulClass}>
-  <slot {style} />
-</ul>
-{#if divider}
-  <slot name="divider">
-    <div class="h-px bg-gray-200 dark:bg-gray-700" />
-  </slot>
-{/if}
-<div class={contentClass} role="tabpanel" aria-labelledby="id-tab" use:init />

package/tabs/Tabs.svelte.d.ts

@@ -1,33 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { type Writable } from 'svelte/store';
-export interface TabCtxType {
-    activeClasses: string;
-    inactiveClasses: string;
-    selected: Writable<HTMLElement>;
-}
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        style?: "none" | "pill" | "underline" | "full" | undefined;
-        defaultClass?: string | undefined;
-        contentClass?: string | undefined;
-        divider?: boolean | undefined;
-        activeClasses?: string | undefined;
-        inactiveClasses?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            style: "none" | "pill" | "underline" | "full";
-        };
-        divider: {};
-    };
-};
-export declare type TabsProps = typeof __propDef.props;
-export declare type TabsEvents = typeof __propDef.events;
-export declare type TabsSlots = typeof __propDef.slots;
-export default class Tabs extends SvelteComponentTyped<TabsProps, TabsEvents, TabsSlots> {
-}
-export {};

package/timelines/Activity.svelte

@@ -1,6 +0,0 @@
-<script>export let olClass = 'relative border-l border-gray-200 dark:border-gray-700';
-</script>
-
-<ol class={olClass}>
-	<slot />
-</ol>

package/timelines/Activity.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        olClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type ActivityProps = typeof __propDef.props;
-export declare type ActivityEvents = typeof __propDef.events;
-export declare type ActivitySlots = typeof __propDef.slots;
-export default class Activity extends SvelteComponentTyped<ActivityProps, ActivityEvents, ActivitySlots> {
-}
-export {};

package/timelines/ActivityItem.svelte

@@ -1,29 +0,0 @@
-<script>export let activities;
-</script>
-
-{#each activities as { title, date, src, alt, text }}
-	<li class="mb-10 ml-6">
-		<span
-			class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900"
-		>
-			<img class="rounded-full shadow-lg" {src} {alt} />
-		</span>
-		<div
-			class="p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600"
-		>
-			<div class="justify-between items-center mb-3 sm:flex">
-				<time class="mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0">{date}</time>
-				<div class="text-sm font-normal text-gray-500 lex dark:text-gray-300">
-					{@html title}
-				</div>
-			</div>
-			{#if text}
-				<div
-					class="p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300"
-				>
-					{@html text}
-				</div>
-			{/if}
-		</div>
-	</li>
-{/each}

package/timelines/ActivityItem.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { ActivityType } from '../types';
-declare const __propDef: {
-    props: {
-        activities: ActivityType[];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type ActivityItemProps = typeof __propDef.props;
-export declare type ActivityItemEvents = typeof __propDef.events;
-export declare type ActivityItemSlots = typeof __propDef.slots;
-export default class ActivityItem extends SvelteComponentTyped<ActivityItemProps, ActivityItemEvents, ActivityItemSlots> {
-}
-export {};

package/timelines/Group.svelte

@@ -1,11 +0,0 @@
-<script>export let divClass = 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700';
-export let timeClass = 'text-lg font-semibold text-gray-900 dark:text-white';
-export let date;
-</script>
-
-<div class={divClass}>
-	<time class={timeClass}>{date}</time>
-	<ol class="mt-3 divide-y divider-gray-200 dark:divide-gray-700">
-		<slot />
-	</ol>
-</div>

package/timelines/Group.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        divClass?: string | undefined;
-        timeClass?: string | undefined;
-        date: Date | string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type GroupProps = typeof __propDef.props;
-export declare type GroupEvents = typeof __propDef.events;
-export declare type GroupSlots = typeof __propDef.slots;
-export default class Group extends SvelteComponentTyped<GroupProps, GroupEvents, GroupSlots> {
-}
-export {};

package/timelines/GroupItem.svelte

@@ -1,49 +0,0 @@
-<script>export let timelines;
-</script>
-
-{#each timelines as { title, src, alt, isPrivate, href, comment }}
-	<li>
-		<a {href} class="block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700">
-			<img class="mr-3 mb-3 w-12 h-12 rounded-full sm:mb-0" {src} {alt} />
-			<div class="text-gray-600 dark:text-gray-400">
-				<div class="text-base font-normal">
-					{@html title}
-				</div>
-				{#if comment}
-					<div class="text-sm font-normal">{comment}</div>
-				{/if}
-				<span class="inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400">
-					{#if isPrivate}
-						<svg
-							class="mr-1 w-3 h-3"
-							fill="currentColor"
-							viewBox="0 0 20 20"
-							xmlns="http://www.w3.org/2000/svg"
-							><path
-								fill-rule="evenodd"
-								d="M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z"
-								clip-rule="evenodd"
-							/><path
-								d="M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z"
-							/></svg
-						>
-						Private
-					{:else}
-						<svg
-							class="mr-1 w-3 h-3"
-							fill="currentColor"
-							viewBox="0 0 20 20"
-							xmlns="http://www.w3.org/2000/svg"
-							><path
-								fill-rule="evenodd"
-								d="M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z"
-								clip-rule="evenodd"
-							/></svg
-						>
-						Public
-					{/if}
-				</span>
-			</div>
-		</a>
-	</li>
-{/each}

package/timelines/GroupItem.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { GroupTimelineType } from '../types';
-declare const __propDef: {
-    props: {
-        timelines: GroupTimelineType[];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type GroupItemProps = typeof __propDef.props;
-export declare type GroupItemEvents = typeof __propDef.events;
-export declare type GroupItemSlots = typeof __propDef.slots;
-export default class GroupItem extends SvelteComponentTyped<GroupItemProps, GroupItemEvents, GroupItemSlots> {
-}
-export {};

package/timelines/Timeline.svelte

@@ -1,17 +0,0 @@
-<script>import { setContext } from 'svelte';
-export let customClass = '';
-export let order = 'default';
-setContext('order', order);
-let olClasses = {
-    group: 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700',
-    horizontal: 'items-center sm:flex',
-    activity: 'relative border-l border-gray-200 dark:border-gray-700',
-    vertical: 'relative border-l border-gray-200 dark:border-gray-700',
-    default: 'relative border-l border-gray-200 dark:border-gray-700',
-    custom: customClass
-};
-</script>
-
-<ol class={olClasses[order]}>
-	<slot />
-</ol>

package/timelines/Timeline.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        customClass?: string | undefined;
-        order?: "default" | "custom" | "group" | "horizontal" | "vertical" | "activity" | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type TimelineProps = typeof __propDef.props;
-export declare type TimelineEvents = typeof __propDef.events;
-export declare type TimelineSlots = typeof __propDef.slots;
-export default class Timeline extends SvelteComponentTyped<TimelineProps, TimelineEvents, TimelineSlots> {
-}
-export {};

package/timelines/TimelineHorizontal.svelte

@@ -1,6 +0,0 @@
-<script>export let olClass = 'items-center sm:flex';
-</script>
-
-<ol class={olClass}>
-	<slot />
-</ol>

package/timelines/TimelineHorizontal.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        olClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type TimelineHorizontalProps = typeof __propDef.props;
-export declare type TimelineHorizontalEvents = typeof __propDef.events;
-export declare type TimelineHorizontalSlots = typeof __propDef.slots;
-export default class TimelineHorizontal extends SvelteComponentTyped<TimelineHorizontalProps, TimelineHorizontalEvents, TimelineHorizontalSlots> {
-}
-export {};

package/timelines/TimelineItem.svelte

@@ -1,125 +0,0 @@
-<script>import classNames from 'classnames';
-import { getContext } from 'svelte';
-export let title = '';
-export let date = '';
-export let customDiv = '';
-export let customTimeClass = '';
-let order = 'default';
-order = getContext('order');
-const liClasses = {
-    default: 'mb-10 ml-4',
-    vertical: 'mb-10 ml-6',
-    horizontal: 'relative mb-6 sm:mb-0',
-    activity: 'mb-10 ml-6',
-    group: ''
-};
-const divClasses = {
-    default: 'absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white dark:border-gray-900 dark:bg-gray-700',
-    vertical: 'flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900',
-    horizontal: 'flex items-center',
-    activity: 'flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900',
-    group: 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700',
-    custom: customDiv
-};
-const timeClasses = {
-    default: 'mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500',
-    vertical: 'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500',
-    horizontal: 'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500',
-    activity: 'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0',
-    group: 'text-lg font-semibold text-gray-900 dark:text-white',
-    custom: customTimeClass
-};
-const h3Class = classNames(order === 'vertical'
-    ? 'flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white'
-    : 'text-lg font-semibold text-gray-900 dark:text-white');
-</script>
-
-<li class={liClasses[order]}>
-	{#if order === 'default'}
-		<div class={divClasses[order]} />
-		{#if date}
-			<time class={timeClasses[order]}>{date}</time>
-		{/if}
-		{#if title}
-			<h3 class={h3Class}>
-				{title}
-			</h3>
-		{/if}
-		<slot />
-	{:else if order === 'vertical'}
-		<div class={divClasses[order]} />
-		{#if $$slots.icon}
-			<slot name="icon" />
-		{:else}
-			<svg
-				aria-hidden="true"
-				class="w-3 h-3 text-blue-600 dark:text-blue-400"
-				fill="currentColor"
-				viewBox="0 0 20 20"
-				xmlns="http://www.w3.org/2000/svg"
-				><path
-					fill-rule="evenodd"
-					d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
-					clip-rule="evenodd" /></svg>
-		{/if}
-		{#if title}
-			<h3 class={h3Class}>
-				{title}
-			</h3>
-		{/if}
-		{#if date}
-			<time class={timeClasses[order]}>{date}</time>
-		{/if}
-		<slot />
-	{:else if order === 'horizontal'}
-		<div class={divClasses[order]} />
-		{#if $$slots.icon}
-			<slot name="icon" />
-		{:else}
-			<svg
-				aria-hidden="true"
-				class="w-3 h-3 text-blue-600 dark:text-blue-400"
-				fill="currentColor"
-				viewBox="0 0 20 20"
-				xmlns="http://www.w3.org/2000/svg"
-				><path
-					fill-rule="evenodd"
-					d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
-					clip-rule="evenodd" /></svg>
-		{/if}
-		{#if title}
-			<h3 class={h3Class}>
-				{title}
-			</h3>
-		{/if}
-		{#if date}
-			<time class={timeClasses[order]}>{date}</time>
-		{/if}
-		<slot />
-	{:else}
-		<div class={divClasses[order]} />
-		{#if $$slots.icon}
-			<slot name="icon" />
-		{:else}
-			<svg
-				aria-hidden="true"
-				class="w-3 h-3 text-blue-600 dark:text-blue-400"
-				fill="currentColor"
-				viewBox="0 0 20 20"
-				xmlns="http://www.w3.org/2000/svg"
-				><path
-					fill-rule="evenodd"
-					d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
-					clip-rule="evenodd" /></svg>
-		{/if}
-		{#if title}
-			<h3 class={h3Class}>
-				{title}
-			</h3>
-		{/if}
-		{#if date}
-			<time class={timeClasses[order]}>{date}</time>
-		{/if}
-		<slot />
-	{/if}
-</li>

package/timelines/TimelineItem.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        title?: string | undefined;
-        date?: string | undefined;
-        customDiv?: string | undefined;
-        customTimeClass?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-        icon: {};
-    };
-};
-export declare type TimelineItemProps = typeof __propDef.props;
-export declare type TimelineItemEvents = typeof __propDef.events;
-export declare type TimelineItemSlots = typeof __propDef.slots;
-export default class TimelineItem extends SvelteComponentTyped<TimelineItemProps, TimelineItemEvents, TimelineItemSlots> {
-}
-export {};