flowbite-svelte 0.29.13 → 0.30.3

package/dist/types.d.ts

@@ -0,0 +1,227 @@
+export interface ActivityType {
+    title: HTMLElement | string;
+    date: Date | string;
+    src: string;
+    alt: string;
+    text?: string | HTMLElement | undefined;
+}
+type AlignType = "text-center" | "text-left" | "text-right";
+export interface AuthFieldType {
+    label: string;
+    fieldtype: string;
+    required?: boolean | undefined;
+    placeholder?: string | undefined;
+}
+type AuthFunctionType = () => Promise<void>;
+type ButtonType = "reset" | "submit" | "button";
+type Buttontypes = "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "blue-outline" | "dark-outline" | "green-outline" | "red-outline" | "yellow-outline" | "purple-outline";
+type Buttonshadows = "red" | "green" | "purple" | "pink" | "blue" | "cyan" | "teal" | "lime";
+type CarouselIconType = {
+    next: typeof SvelteComponentDev;
+    prev: typeof SvelteComponentDev;
+};
+export interface CheckboxType {
+    id: string;
+    label: string;
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    helper?: string | undefined;
+}
+type Colors = "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "white" | "custom";
+export interface DotType {
+    top?: boolean | undefined;
+    color?: string | undefined;
+}
+export interface drawerTransitionParamTypes {
+    amount?: number | undefined;
+    delay?: number | undefined;
+    duration?: number | undefined;
+    easing?: ((t: number) => number) | undefined;
+    opacity?: number | undefined;
+    x?: number | undefined;
+    y?: number | undefined;
+}
+type drawerTransitionTypes = "blur" | "fade" | "fly" | "slide" | "in:fly" | "out:fly" | "in:slide" | "out:slide" | "in:fade" | "out:fade" | "in:blur" | "out:blur" | undefined;
+export interface DropdownType {
+    name: string;
+    href: string;
+    divider?: boolean | undefined;
+}
+type FormColorType = "red" | "yellow" | "green" | "purple" | "blue" | "teal" | "orange";
+type Gradientduotones = "purple2blue" | "cyan2blue" | "green2blue" | "purple2pink" | "pink2orange" | "teal2lime" | "red2yellow";
+export interface GroupTimelineType {
+    title: string | HTMLElement;
+    src: string;
+    alt: string;
+    href?: string | undefined;
+    isPrivate?: boolean | undefined;
+    comment?: string | HTMLElement | undefined;
+}
+export interface IconType {
+    name: typeof SvelteComponent;
+    size?: number | undefined;
+    color?: Colors | undefined;
+    class?: string | undefined;
+}
+export interface IconTabType {
+    name: typeof SvelteComponent;
+    active: boolean;
+    href: string;
+    rel?: string | undefined;
+    icon?: typeof SvelteComponent | undefined;
+    iconSize?: number | undefined;
+}
+type ImgType = {
+    src: string;
+    alt?: string | undefined;
+};
+type InputType = "number" | "reset" | "submit" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "password" | "tel" | "text" | "time" | "url" | "week" | "search";
+export interface InteractiveTabType {
+    name: string;
+    id: number;
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    icon?: typeof SvelteComponent | undefined;
+    iconSize?: number | undefined;
+    content: string | typeof SvelteComponent;
+}
+export interface ListGroupItemType {
+    [propName: string]: any;
+    current?: boolean | undefined;
+    disabled?: boolean | undefined;
+    href?: string | undefined;
+}
+export interface LinkType {
+    name: string;
+    href?: string | undefined;
+    rel?: string | undefined;
+    active?: boolean | undefined;
+}
+export interface ListCardType {
+    img: ImgType;
+    field1: string;
+    field2?: string | undefined;
+    field3?: string | undefined;
+}
+export interface NavbarType {
+    name: string;
+    href: string;
+    rel?: string | undefined;
+    child?: NavbarType[] | undefined;
+}
+export interface PageType {
+    pageNum: number;
+    href: string;
+}
+export const xs: "xs";
+export const sm: "sm";
+export const md: "md";
+export const lg: "lg";
+export const xl: "xl";
+type SizeType = "xs" | "sm" | "md" | "lg" | "xl";
+type FormSizeType = "sm" | "md" | "lg";
+export interface PillTabType {
+    name: string;
+    selected: boolean;
+    href: string;
+}
+type ReviewType = {
+    name: string;
+    imgSrc: string;
+    imgAlt: string;
+    address: string | undefined;
+    reviewDate: string | undefined;
+    title: string;
+    rating: number;
+    item1: string | undefined;
+    item2: string | undefined;
+    item3: string | undefined;
+};
+type SelectOptionType = {
+    name: string | number;
+    value: string | number;
+};
+type SidebarType = {
+    id: number;
+    name: string;
+    href?: string | undefined;
+    icon?: typeof SvelteComponentDev | undefined;
+    iconSize?: number | undefined;
+    iconClass?: string | undefined;
+    iconColor?: string | undefined;
+    rel?: string | undefined;
+    children?: SidebarType[] | undefined;
+    subtext?: HTMLElement | undefined;
+};
+type SidebarCtaType = {
+    label: string;
+    text: HTMLElement;
+};
+export interface SiteType {
+    name: string;
+    href: string;
+    img?: string | undefined;
+}
+export interface SocialMediaLinkType {
+    parent: string;
+    children?: LinkType[] | undefined;
+}
+export interface SocialMediaType {
+    href: string;
+    icon: typeof SvelteComponent;
+    iconSize?: number | undefined;
+    iconClass?: string | undefined;
+}
+export interface TabHeadType {
+    name: string;
+    id: number;
+}
+export interface TabType {
+    name: string;
+    active: boolean;
+    href: string;
+    rel?: string | undefined;
+}
+export interface TableDataHelperType {
+    start: number;
+    end: number;
+    total: number;
+}
+type Textsize = "text-xs" | "text-sm" | "text-base" | "text-lg" | "text-xl" | "text-2xl" | "text-3xl" | "text-4xl";
+export interface TimelineItemType {
+    date: Date | string;
+    title: string;
+    icon?: typeof SvelteComponent | undefined;
+    href?: string | undefined;
+    linkname?: string | undefined;
+    text?: string | HTMLElement | undefined;
+}
+export interface TimelineItemVerticalType {
+    date: Date | string;
+    title: string;
+    icon?: typeof SvelteComponent | undefined;
+    iconSize?: number | undefined;
+    iconClass?: string | undefined;
+    href?: string | undefined;
+    linkname?: string | undefined;
+    text?: string | HTMLElement | undefined;
+}
+export interface TimelineItemHorizontalType {
+    date: Date | string;
+    title: string;
+    icon?: typeof SvelteComponent | undefined;
+    iconSize?: number | undefined;
+    iconClass?: string | undefined;
+    text?: string | HTMLElement | undefined;
+}
+type ToggleColorType = "red" | "yellow" | "green" | "purple" | "blue" | "teal" | "orange";
+export interface TransitionParamTypes {
+    delay?: number | undefined;
+    duration?: number | undefined;
+    easing?: ((t: number) => number) | undefined;
+    css?: ((t: number, u: number) => string) | undefined;
+    tick?: ((t: number, u: number) => void) | undefined;
+}
+type TransitionTypes = "blur" | "fade" | "fly" | "slide" | "in:fly" | "out:fly" | "in:slide" | "out:slide" | "in:fade" | "out:fade" | "in:blur" | "out:blur";
+import { SvelteComponent } from "svelte";
+export {};

package/dist/types.js

@@ -0,0 +1,286 @@
+import type { SvelteComponent } from 'svelte';
+
+export interface ActivityType {
+	title: HTMLElement | string;
+	date: Date | string;
+	src: string;
+	alt: string;
+	text?: HTMLElement | string;
+}
+
+export type AlignType = 'text-center' | 'text-left' | 'text-right';
+
+export interface AuthFieldType {
+	label: string;
+	fieldtype: string;
+	required?: boolean;
+	placeholder?: string;
+}
+
+export type AuthFunctionType = () => Promise<void>;
+
+export type ButtonType = 'button' | 'submit' | 'reset';
+
+export type Buttontypes = 'blue' | 'blue-outline' | 'dark' | 'dark-outline' | 'light' | 'green' | 'green-outline' | 'red' | 'red-outline' | 'yellow' | 'yellow-outline' | 'purple' | 'purple-outline';
+
+export type Buttonshadows = 'blue' | 'green' | 'cyan' | 'teal' | 'lime' | 'red' | 'pink' | 'purple';
+
+export type CarouselIconType = {
+	next: typeof SvelteComponent;
+	prev: typeof SvelteComponent;
+};
+
+export interface CheckboxType {
+	id: string;
+	label: string;
+	checked?: boolean;
+	disabled?: boolean;
+	helper?: string;
+}
+
+export type Colors = 'blue' | 'gray' | 'red' | 'yellow' | 'purple' | 'green' | 'indigo' | 'pink' | 'white' | 'custom';
+
+export interface DotType {
+	top?: boolean;
+	color?: string;
+}
+
+export interface drawerTransitionParamTypes {
+	amount?: number;
+	delay?: number;
+	duration?: number;
+	easing?: (t: number) => number;
+	opacity?: number;
+	x?: number;
+	y?: number;
+}
+
+export type drawerTransitionTypes =
+	| 'fade'
+	| 'fly'
+	| 'slide'
+	| 'blur'
+	| 'in:fly'
+	| 'out:fly'
+	| 'in:slide'
+	| 'out:slide'
+	| 'in:fade'
+	| 'out:fade'
+	| 'in:blur'
+	| 'out:blur'
+	| undefined;
+
+export interface DropdownType {
+	name: string;
+	href: string;
+	divider?: boolean;
+}
+
+export type FormColorType = 'blue' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'orange'
+
+export type Gradientduotones = 'purple2blue' | 'cyan2blue' | 'green2blue' | 'purple2pink' | 'pink2orange' | 'teal2lime' | 'red2yellow';
+
+export interface GroupTimelineType {
+	title: string | HTMLElement;
+	src: string;
+	alt: string;
+	href?: string;
+	isPrivate?: boolean;
+	comment?: string | HTMLElement;
+}
+
+export interface IconType {
+	name: typeof SvelteComponent;
+	size?: number;
+	color?: Colors;
+	class?: string;
+}
+export interface IconTabType {
+	name: typeof SvelteComponent;
+	active: boolean;
+	href: string;
+	rel?: string;
+	icon?: typeof SvelteComponent;
+	iconSize?: number;
+}
+
+export type ImgType = {
+	src: string;
+	alt?: string;
+};
+
+export type InputType = 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'reset' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week' | 'search';
+
+export interface InteractiveTabType {
+	name: string;
+	id: number;
+	active?: boolean,
+	disabled?: boolean,
+	icon?: typeof SvelteComponent,
+	iconSize?: number,
+	content: string | typeof SvelteComponent;
+}
+
+
+export interface ListGroupItemType {
+	current?: boolean;
+	disabled?: boolean;
+	href?: string;
+	[propName: string]: any;
+}
+
+export interface LinkType {
+	name: string;
+	href?: string;
+	rel?: string;
+	active?: boolean;
+}
+
+export interface ListCardType {
+	img: ImgType;
+	field1: string;
+	field2?: string;
+	field3?: string;
+}
+
+export interface NavbarType {
+	name: string;
+	href: string;
+	rel?: string;
+	child?: NavbarType[];
+}
+
+export interface PageType {
+	pageNum: number;
+	href: string;
+}
+
+export declare const xs = 'xs'
+export declare const sm = 'sm'
+export declare const md = 'md'
+export declare const lg = 'lg'
+export declare const xl = 'xl'
+export declare type SizeType = typeof xs | typeof sm | typeof md | typeof lg | typeof xl;
+
+export declare type FormSizeType = typeof sm | typeof md | typeof lg;
+
+export interface PillTabType {
+	name: string;
+	selected: boolean;
+	href: string;
+}
+
+export type ReviewType = {
+	name: string;
+	imgSrc: string;
+	imgAlt: string;
+	address: string | undefined;
+	reviewDate: string | undefined;
+	title: string;
+	rating: number;
+	item1: string | undefined;
+	item2: string | undefined;
+	item3: string | undefined;
+}
+
+export type SelectOptionType = {
+	name: string | number;
+	value: string | number;
+};
+
+export type SidebarType = {
+	id: number;
+	name: string;
+	href?: string;
+	icon?: typeof SvelteComponent;
+	iconSize?: number;
+	iconClass?: string;
+	iconColor?: string;
+	rel?: string;
+	children?: SidebarType[];
+	subtext?: HTMLElement;
+};
+
+export type SidebarCtaType = {
+	label: string;
+	text: HTMLElement;
+};
+
+export interface SiteType {
+	name: string;
+	href: string;
+	img?: string;
+}
+
+export interface SocialMediaLinkType {
+	parent: string;
+	children?: LinkType[];
+}
+
+export interface SocialMediaType {
+	href: string;
+	icon: typeof SvelteComponent;
+	iconSize?: number;
+	iconClass?: string;
+}
+
+export interface TabHeadType {
+	name: string;
+	id: number;
+}
+
+export interface TabType {
+	name: string;
+	active: boolean;
+	href: string;
+	rel?: string;
+}
+
+export interface TableDataHelperType {
+	start: number;
+	end: number;
+	total: number
+}
+
+export type Textsize = 'text-xs' | 'text-sm' | 'text-base' | 'text-lg' | 'text-xl' | 'text-2xl' | 'text-3xl' | 'text-4xl';
+
+export interface TimelineItemType {
+	date: Date | string;
+	title: string;
+	icon?: typeof SvelteComponent;
+	href?: string;
+	linkname?: string;
+	text?: HTMLElement | string;
+}
+
+export interface TimelineItemVerticalType {
+	date: Date | string;
+	title: string;
+	icon?: typeof SvelteComponent;
+	iconSize?: number;
+	iconClass?: string;
+	href?: string;
+	linkname?: string;
+	text?: HTMLElement | string;
+}
+
+export interface TimelineItemHorizontalType {
+	date: Date | string;
+	title: string;
+	icon?: typeof SvelteComponent;
+	iconSize?: number;
+	iconClass?: string;
+	text?: HTMLElement | string;
+}
+
+export type ToggleColorType = 'blue' | 'red' | 'green' | 'purple' | 'yellow' | 'teal' | 'orange';
+
+export interface TransitionParamTypes {
+	delay?: number;
+	duration?: number;
+	easing?: (t: number) => number;
+	css?: (t: number, u: number) => string;
+	tick?: (t: number, u: number) => void;
+}
+
+export type TransitionTypes = 'fade' | 'fly' | 'slide' | 'blur' | 'in:fly' | 'out:fly' | 'in:slide' | 'out:slide' | 'in:fade' | 'out:fade' | 'in:blur' | 'out:blur';

package/dist/utils/CloseButton.svelte

@@ -0,0 +1,13 @@
+<script>import classNames from 'classnames';
+import ToolbarButton from '../toolbar/ToolbarButton.svelte';
+export let name = 'Close';
+</script>
+
+<ToolbarButton on:click {name} {...$$restProps} class={classNames('ml-auto', $$props.class)} let:svgSize>
+  <svg class={svgSize} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+    <path
+      fill-rule="evenodd"
+      d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
+      clip-rule="evenodd" />
+  </svg>
+</ToolbarButton>

package/{utils → dist/utils}/CloseButton.svelte.d.ts

@@ -2,18 +2,14 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "default" | "purple" | "pink" | "blue" | "dark" | undefined;
         name?: string | undefined;
-        size?: "xs" | "sm" | "md" | undefined;
     };
     events: {
         click: MouseEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        default: {};
-    };
+    slots: {};
 };
 export type CloseButtonProps = typeof __propDef.props;
 export type CloseButtonEvents = typeof __propDef.events;