flowbite-svelte 0.27.15 → 0.27.16

package/navbar/Navbar.svelte

@@ -0,0 +1,17 @@
+<script>import Frame from '../utils/Frame.svelte';
+import classNames from 'classnames';
+export let navClass = 'px-2 sm:px-4 py-2.5 w-full';
+export let navDivClass = 'mx-auto flex flex-wrap justify-between items-center ';
+export let fluid = true;
+export let color = 'navbar';
+let hidden = true;
+let toggle = () => {
+    hidden = !hidden;
+};
+</script>
+
+<Frame tag="nav" {color} {...$$restProps} class={classNames(navClass, $$props.class)}>
+  <div class={classNames(navDivClass, fluid && 'container')}>
+    <slot {hidden} {toggle} />
+  </div>
+</Frame>

package/navbar/Navbar.svelte.d.ts

@@ -0,0 +1,25 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        navClass?: string | undefined;
+        navDivClass?: string | undefined;
+        fluid?: boolean | undefined;
+        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "default" | "purple" | "pink" | "blue" | "light" | "dark" | "dropdown" | "navbar" | "navbarUl" | "form" | "none" | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            hidden: boolean;
+            toggle: () => void;
+        };
+    };
+};
+export declare type NavbarProps = typeof __propDef.props;
+export declare type NavbarEvents = typeof __propDef.events;
+export declare type NavbarSlots = typeof __propDef.slots;
+export default class Navbar extends SvelteComponentTyped<NavbarProps, NavbarEvents, NavbarSlots> {
+}
+export {};

package/package.json

@@ -1,114 +1,259 @@
 {
-	"name": "flowbite-svelte",
-	"version": "0.27.15",
-	"description": "Flowbite components for Svelte",
-	"main": "index.js",
-	"author": {
-		"name": "Shinichi Okada",
-		"email": "connect@codewithshin.com",
-		"url": "https://blog.codewithshin.com"
-	},
-	"bugs": "https://github.com/themesberg/flowbite-svelte/issues",
-	"homepage": "https://flowbite-svelte.com/",
-	"license": "MIT",
-	"scripts": {
-		"dev": "vite dev",
-		"gen:props": "node ./node_modules/createprops/createprops.js",
-		"build": "vite build",
-		"package": "svelte-package",
-		"preview": "vite preview",
-		"test": "playwright test",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --check . && eslint .",
-		"format": "prettier --write ."
-	},
-	"devDependencies": {
-		"@playwright/test": "^1.25.0",
-		"@sveltejs/adapter-vercel": "1.0.0-next.78",
-		"@sveltejs/kit": "1.0.0-next.484",
-		"@sveltejs/package": "1.0.0-next.3",
-		"@typescript-eslint/eslint-plugin": "^5.27.0",
-		"@typescript-eslint/parser": "^5.27.0",
-		"autoprefixer": "^10.4.7",
-		"createprops": "^0.4.9",
-		"eslint": "^8.16.0",
-		"eslint-config-prettier": "^8.3.0",
-		"eslint-plugin-svelte3": "^4.0.0",
-		"mdsvex": "^0.10.6",
-		"mdsvexamples": "^0.3.2",
-		"postcss": "^8.4.14",
-		"postcss-load-config": "^4.0.1",
-		"prettier": "^2.6.2",
-		"prettier-plugin-svelte": "^2.7.0",
-		"prism-themes": "^1.9.0",
-		"svelte": "^3.44.0",
-		"svelte-check": "^2.7.1",
-		"svelte-meta-tags": "^2.6.3",
-		"svelte-preprocess": "^4.10.7",
-		"svelte2tsx": "^0.5.18",
-		"tailwindcss": "^3.1.5",
-		"tslib": "^2.3.1",
-		"typescript": "^4.7.4",
-		"vite": "^3.1.0"
-	},
-	"type": "module",
-	"keywords": [
-		"svelte",
-		"sveltekit",
-		"tailwindcss",
-		"flowbite",
-		"ui",
-		"accordion",
-		"alert",
-		"avatar",
-		"badge",
-		"breadcrumb",
-		"button-group",
-		"button",
-		"card",
-		"carousel",
-		"darkmode",
-		"dropdown",
-		"footer",
-		"forms",
-		"kbd",
-		"list group",
-		"mega menu",
-		"modal",
-		"navbar",
-		"pagination",
-		"progressbar",
-		"rating",
-		"sidebar",
-		"skeleton",
-		"spinner",
-		"table",
-		"tab",
-		"timeline",
-		"toast",
-		"tooltip",
-		"typography",
-		"video"
-	],
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/themesberg/flowbite-svelte"
-	},
-	"dependencies": {
-		"@popperjs/core": "^2.11.6",
-		"classnames": "^2.3.2",
-		"flowbite": "^1.5.3"
-	},
-	"engines": {
-		"npm": ">=7.0.0",
-		"node": ">=16.0.0"
-	},
-	"contributors": [
-		"Zoltán Szőgyényi <zoltan@themesberg.com>",
-		"Robert Tanislav <robert@themesberg.com>",
-		"Victor Cordos <victor@themesberg.com>",
-		"Shinichi Okada <okada.shin@gmail.com>",
-		"Jakub Jagielka <jjagielka@gmail.com>"
-	]
-}
+  "name": "flowbite-svelte",
+  "version": "0.27.16",
+  "description": "Flowbite components for Svelte",
+  "main": "index.js",
+  "author": {
+    "name": "Shinichi Okada",
+    "email": "connect@codewithshin.com",
+    "url": "https://blog.codewithshin.com"
+  },
+  "bugs": "https://github.com/themesberg/flowbite-svelte/issues",
+  "homepage": "https://flowbite-svelte.com/",
+  "license": "MIT",
+  "devDependencies": {
+    "@playwright/test": "^1.25.0",
+    "@sveltejs/adapter-vercel": "1.0.0-next.78",
+    "@sveltejs/kit": "1.0.0-next.484",
+    "@sveltejs/package": "1.0.0-next.3",
+    "@typescript-eslint/eslint-plugin": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
+    "autoprefixer": "^10.4.7",
+    "createprops": "^0.4.9",
+    "eslint": "^8.16.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-svelte3": "^4.0.0",
+    "mdsvex": "^0.10.6",
+    "mdsvexamples": "^0.3.2",
+    "postcss": "^8.4.14",
+    "postcss-load-config": "^4.0.1",
+    "prettier": "^2.6.2",
+    "prettier-plugin-svelte": "^2.7.0",
+    "prism-themes": "^1.9.0",
+    "svelte": "^3.44.0",
+    "svelte-check": "^2.7.1",
+    "svelte-meta-tags": "^2.6.3",
+    "svelte-preprocess": "^4.10.7",
+    "svelte2tsx": "^0.5.18",
+    "tailwindcss": "^3.1.5",
+    "tslib": "^2.3.1",
+    "typescript": "^4.7.4",
+    "vite": "^3.1.0"
+  },
+  "type": "module",
+  "keywords": [
+    "svelte",
+    "sveltekit",
+    "tailwindcss",
+    "flowbite",
+    "ui",
+    "accordion",
+    "alert",
+    "avatar",
+    "badge",
+    "breadcrumb",
+    "button-group",
+    "button",
+    "card",
+    "carousel",
+    "darkmode",
+    "dropdown",
+    "footer",
+    "forms",
+    "kbd",
+    "list group",
+    "mega menu",
+    "modal",
+    "navbar",
+    "pagination",
+    "progressbar",
+    "rating",
+    "sidebar",
+    "skeleton",
+    "spinner",
+    "table",
+    "tab",
+    "timeline",
+    "toast",
+    "tooltip",
+    "typography",
+    "video"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/themesberg/flowbite-svelte"
+  },
+  "dependencies": {
+    "@popperjs/core": "^2.11.6",
+    "classnames": "^2.3.2",
+    "flowbite": "^1.5.3"
+  },
+  "engines": {
+    "npm": ">=7.0.0",
+    "node": ">=16.0.0"
+  },
+  "contributors": [
+    "Zoltán Szőgyényi <zoltan@themesberg.com>",
+    "Robert Tanislav <robert@themesberg.com>",
+    "Victor Cordos <victor@themesberg.com>",
+    "Shinichi Okada <okada.shin@gmail.com>",
+    "Jakub Jagielka <jjagielka@gmail.com>"
+  ],
+  "exports": {
+    "./package.json": "./package.json",
+    "./.DS_Store": "./.DS_Store",
+    "./accordions/Accordion.svelte": "./accordions/Accordion.svelte",
+    "./accordions/AccordionItem.svelte": "./accordions/AccordionItem.svelte",
+    "./alerts/Alert.svelte": "./alerts/Alert.svelte",
+    "./avatar/Avatar.svelte": "./avatar/Avatar.svelte",
+    "./avatar/Dot.svelte": "./avatar/Dot.svelte",
+    "./avatar/Placeholder.svelte": "./avatar/Placeholder.svelte",
+    "./badges/Badge.svelte": "./badges/Badge.svelte",
+    "./breadcrumbs/Breadcrumb.svelte": "./breadcrumbs/Breadcrumb.svelte",
+    "./breadcrumbs/BreadcrumbItem.svelte": "./breadcrumbs/BreadcrumbItem.svelte",
+    "./buttongroups/ButtonGroup.svelte": "./buttongroups/ButtonGroup.svelte",
+    "./buttons/Button.svelte": "./buttons/Button.svelte",
+    "./cards/Card.svelte": "./cards/Card.svelte",
+    "./carousels/Caption.svelte": "./carousels/Caption.svelte",
+    "./carousels/Carousel.svelte": "./carousels/Carousel.svelte",
+    "./carousels/CarouselTransition.svelte": "./carousels/CarouselTransition.svelte",
+    "./carousels/Indicator.svelte": "./carousels/Indicator.svelte",
+    "./carousels/Slide.svelte": "./carousels/Slide.svelte",
+    "./carousels/Thumbnail.svelte": "./carousels/Thumbnail.svelte",
+    "./darkmode/DarkMode.svelte": "./darkmode/DarkMode.svelte",
+    "./datepicker/Calender.svelte": "./datepicker/Calender.svelte",
+    "./datepicker/Datepicker.svelte": "./datepicker/Datepicker.svelte",
+    "./drawer/Drawer.svelte": "./drawer/Drawer.svelte",
+    "./dropdowns/Dropdown.svelte": "./dropdowns/Dropdown.svelte",
+    "./dropdowns/DropdownDivider.svelte": "./dropdowns/DropdownDivider.svelte",
+    "./dropdowns/DropdownHeader.svelte": "./dropdowns/DropdownHeader.svelte",
+    "./dropdowns/DropdownItem.svelte": "./dropdowns/DropdownItem.svelte",
+    "./footer/Footer.svelte": "./footer/Footer.svelte",
+    "./footer/FooterBrand.svelte": "./footer/FooterBrand.svelte",
+    "./footer/FooterCopyright.svelte": "./footer/FooterCopyright.svelte",
+    "./footer/FooterIcon.svelte": "./footer/FooterIcon.svelte",
+    "./footer/FooterLink.svelte": "./footer/FooterLink.svelte",
+    "./footer/FooterLinkGroup.svelte": "./footer/FooterLinkGroup.svelte",
+    "./forms/Checkbox.svelte": "./forms/Checkbox.svelte",
+    "./forms/Dropzone.svelte": "./forms/Dropzone.svelte",
+    "./forms/Fileupload.svelte": "./forms/Fileupload.svelte",
+    "./forms/FloatingLabelInput.svelte": "./forms/FloatingLabelInput.svelte",
+    "./forms/Helper.svelte": "./forms/Helper.svelte",
+    "./forms/Iconinput.svelte": "./forms/Iconinput.svelte",
+    "./forms/Input.svelte": "./forms/Input.svelte",
+    "./forms/InputAddon.svelte": "./forms/InputAddon.svelte",
+    "./forms/Label.svelte": "./forms/Label.svelte",
+    "./forms/NumberInput.svelte": "./forms/NumberInput.svelte",
+    "./forms/Radio.svelte": "./forms/Radio.svelte",
+    "./forms/RadioInline.svelte": "./forms/RadioInline.svelte",
+    "./forms/Range.svelte": "./forms/Range.svelte",
+    "./forms/Search.svelte": "./forms/Search.svelte",
+    "./forms/Select.svelte": "./forms/Select.svelte",
+    "./forms/SimpleSearch.svelte": "./forms/SimpleSearch.svelte",
+    "./forms/Textarea.svelte": "./forms/Textarea.svelte",
+    "./forms/Toggle.svelte": "./forms/Toggle.svelte",
+    "./forms/VoiceSearch.svelte": "./forms/VoiceSearch.svelte",
+    ".": "./index.js",
+    "./kbd/ArrowKeyDown.svelte": "./kbd/ArrowKeyDown.svelte",
+    "./kbd/ArrowKeyLeft.svelte": "./kbd/ArrowKeyLeft.svelte",
+    "./kbd/ArrowKeyRight.svelte": "./kbd/ArrowKeyRight.svelte",
+    "./kbd/ArrowKeyUp.svelte": "./kbd/ArrowKeyUp.svelte",
+    "./kbd/Kbd.svelte": "./kbd/Kbd.svelte",
+    "./list-group/Listgroup.svelte": "./list-group/Listgroup.svelte",
+    "./list-group/ListgroupItem.svelte": "./list-group/ListgroupItem.svelte",
+    "./megamenu/MegaMenu.svelte": "./megamenu/MegaMenu.svelte",
+    "./modals/Modal.svelte": "./modals/Modal.svelte",
+    "./navbar/Menu.svelte": "./navbar/Menu.svelte",
+    "./navbar/NavBrand.svelte": "./navbar/NavBrand.svelte",
+    "./navbar/NavDropdown.svelte": "./navbar/NavDropdown.svelte",
+    "./navbar/NavHamburger.svelte": "./navbar/NavHamburger.svelte",
+    "./navbar/NavLi.svelte": "./navbar/NavLi.svelte",
+    "./navbar/NavUl.svelte": "./navbar/NavUl.svelte",
+    "./navbar/Navbar.svelte": "./navbar/Navbar.svelte",
+    "./paginations/Pagination.svelte": "./paginations/Pagination.svelte",
+    "./paginations/PaginationItem.svelte": "./paginations/PaginationItem.svelte",
+    "./popover/Popover.svelte": "./popover/Popover.svelte",
+    "./progressbars/Progressbar.svelte": "./progressbars/Progressbar.svelte",
+    "./ratings/AdvancedRating.svelte": "./ratings/AdvancedRating.svelte",
+    "./ratings/Rating.svelte": "./ratings/Rating.svelte",
+    "./ratings/RatingComment.svelte": "./ratings/RatingComment.svelte",
+    "./ratings/Review.svelte": "./ratings/Review.svelte",
+    "./ratings/ScoreRating.svelte": "./ratings/ScoreRating.svelte",
+    "./ratings/Star.svelte": "./ratings/Star.svelte",
+    "./sidebars/Sidebar.svelte": "./sidebars/Sidebar.svelte",
+    "./sidebars/SidebarBrand.svelte": "./sidebars/SidebarBrand.svelte",
+    "./sidebars/SidebarCta.svelte": "./sidebars/SidebarCta.svelte",
+    "./sidebars/SidebarDropdownItem.svelte": "./sidebars/SidebarDropdownItem.svelte",
+    "./sidebars/SidebarDropdownWrapper.svelte": "./sidebars/SidebarDropdownWrapper.svelte",
+    "./sidebars/SidebarGroup.svelte": "./sidebars/SidebarGroup.svelte",
+    "./sidebars/SidebarItem.svelte": "./sidebars/SidebarItem.svelte",
+    "./sidebars/SidebarWrapper.svelte": "./sidebars/SidebarWrapper.svelte",
+    "./skeleton/CardPlaceholder.svelte": "./skeleton/CardPlaceholder.svelte",
+    "./skeleton/ImagePlaceholder.svelte": "./skeleton/ImagePlaceholder.svelte",
+    "./skeleton/ListPlaceholder.svelte": "./skeleton/ListPlaceholder.svelte",
+    "./skeleton/Skeleton.svelte": "./skeleton/Skeleton.svelte",
+    "./skeleton/TestimonialPlaceholder.svelte": "./skeleton/TestimonialPlaceholder.svelte",
+    "./skeleton/TextPlaceholder.svelte": "./skeleton/TextPlaceholder.svelte",
+    "./skeleton/VideoPlaceholder.svelte": "./skeleton/VideoPlaceholder.svelte",
+    "./skeleton/WidgetPlaceholder.svelte": "./skeleton/WidgetPlaceholder.svelte",
+    "./spinners/Spinner.svelte": "./spinners/Spinner.svelte",
+    "./tables/Table.svelte": "./tables/Table.svelte",
+    "./tables/TableBody.svelte": "./tables/TableBody.svelte",
+    "./tables/TableBodyCell.svelte": "./tables/TableBodyCell.svelte",
+    "./tables/TableBodyRow.svelte": "./tables/TableBodyRow.svelte",
+    "./tables/TableHead.svelte": "./tables/TableHead.svelte",
+    "./tables/TableHeadCell.svelte": "./tables/TableHeadCell.svelte",
+    "./tables/TableSearch.svelte": "./tables/TableSearch.svelte",
+    "./tabs/TabHead.svelte": "./tabs/TabHead.svelte",
+    "./tabs/TabHeadItem.svelte": "./tabs/TabHeadItem.svelte",
+    "./tabs/TabItem.svelte": "./tabs/TabItem.svelte",
+    "./tabs/Tabs.svelte": "./tabs/Tabs.svelte",
+    "./timelines/Activity.svelte": "./timelines/Activity.svelte",
+    "./timelines/ActivityItem.svelte": "./timelines/ActivityItem.svelte",
+    "./timelines/Group.svelte": "./timelines/Group.svelte",
+    "./timelines/GroupItem.svelte": "./timelines/GroupItem.svelte",
+    "./timelines/Timeline.svelte": "./timelines/Timeline.svelte",
+    "./timelines/TimelineHorizontal.svelte": "./timelines/TimelineHorizontal.svelte",
+    "./timelines/TimelineItem.svelte": "./timelines/TimelineItem.svelte",
+    "./timelines/TimelineItemHorizontal.svelte": "./timelines/TimelineItemHorizontal.svelte",
+    "./timelines/TimelineItemVertical.svelte": "./timelines/TimelineItemVertical.svelte",
+    "./toasts/Toast.svelte": "./toasts/Toast.svelte",
+    "./toolbar/Toolbar.svelte": "./toolbar/Toolbar.svelte",
+    "./toolbar/ToolbarButton.svelte": "./toolbar/ToolbarButton.svelte",
+    "./toolbar/ToolbarGroup.svelte": "./toolbar/ToolbarGroup.svelte",
+    "./tooltips/Tooltip.svelte": "./tooltips/Tooltip.svelte",
+    "./types": "./types.js",
+    "./typography/A.svelte": "./typography/A.svelte",
+    "./typography/Blockquote.svelte": "./typography/Blockquote.svelte",
+    "./typography/DescriptionList.svelte": "./typography/DescriptionList.svelte",
+    "./typography/Heading.svelte": "./typography/Heading.svelte",
+    "./typography/Hr.svelte": "./typography/Hr.svelte",
+    "./typography/Img.svelte": "./typography/Img.svelte",
+    "./typography/Layout.svelte": "./typography/Layout.svelte",
+    "./typography/Li.svelte": "./typography/Li.svelte",
+    "./typography/List.svelte": "./typography/List.svelte",
+    "./typography/Mark.svelte": "./typography/Mark.svelte",
+    "./typography/P.svelte": "./typography/P.svelte",
+    "./typography/Secondary.svelte": "./typography/Secondary.svelte",
+    "./typography/Span.svelte": "./typography/Span.svelte",
+    "./typography/Ul.svelte": "./typography/Ul.svelte",
+    "./utils/Chevron.svelte": "./utils/Chevron.svelte",
+    "./utils/ChevronDown.svelte": "./utils/ChevronDown.svelte",
+    "./utils/ChevronLeft.svelte": "./utils/ChevronLeft.svelte",
+    "./utils/ChevronRight.svelte": "./utils/ChevronRight.svelte",
+    "./utils/ChevronUp.svelte": "./utils/ChevronUp.svelte",
+    "./utils/CloseButton.svelte": "./utils/CloseButton.svelte",
+    "./utils/Frame.svelte": "./utils/Frame.svelte",
+    "./utils/InformationCircle.svelte": "./utils/InformationCircle.svelte",
+    "./utils/Popper.svelte": "./utils/Popper.svelte",
+    "./utils/UserCircle.svelte": "./utils/UserCircle.svelte",
+    "./utils/Wrapper.svelte": "./utils/Wrapper.svelte",
+    "./utils/backdrop": "./utils/backdrop.js",
+    "./utils/clickOutside": "./utils/clickOutside.js",
+    "./utils/createEventDispatcher": "./utils/createEventDispatcher.js",
+    "./utils/focusTrap": "./utils/focusTrap.js",
+    "./utils/generateId": "./utils/generateId.js",
+    "./video/Video.svelte": "./video/Video.svelte"
+  },
+  "svelte": "./index.js"
+}

package/paginations/Pagination.svelte

@@ -0,0 +1,36 @@
+<script>import classNames from 'classnames';
+import { createEventDispatcher, setContext } from 'svelte';
+import PaginationItem from './PaginationItem.svelte';
+export let pages = [];
+export let ulClass = 'inline-flex -space-x-px items-center';
+export let table = false;
+const dispatch = createEventDispatcher();
+setContext('group', true);
+setContext('table', table);
+const previous = () => {
+    dispatch('previous');
+};
+const next = () => {
+    dispatch('next');
+};
+</script>
+
+<nav aria-label="Page navigation">
+  <ul class={classNames(ulClass, table && 'divide-x divide-gray-700', $$props.class)}>
+    <li>
+      <PaginationItem on:click={previous} class={table ? 'rounded-l' : 'rounded-l-lg'}>
+        <slot name="prev">Previous</slot>
+      </PaginationItem>
+    </li>
+    {#each pages as { name, href }}
+      <li>
+        <PaginationItem {href}>{name}</PaginationItem>
+      </li>
+    {/each}
+    <li>
+      <PaginationItem on:click={next} class={table ? 'rounded-r' : 'rounded-r-lg'}>
+        <slot name="next">Next</slot>
+      </PaginationItem>
+    </li>
+  </ul>
+</nav>

package/paginations/Pagination.svelte.d.ts

@@ -0,0 +1,26 @@
+import { SvelteComponentTyped } from "svelte";
+import type { LinkType } from '../types';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        pages?: LinkType[] | undefined;
+        ulClass?: string | undefined;
+        table?: boolean | undefined;
+    };
+    events: {
+        previous: CustomEvent<any>;
+        next: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        prev: {};
+        next: {};
+    };
+};
+export declare type PaginationProps = typeof __propDef.props;
+export declare type PaginationEvents = typeof __propDef.events;
+export declare type PaginationSlots = typeof __propDef.slots;
+export default class Pagination extends SvelteComponentTyped<PaginationProps, PaginationEvents, PaginationSlots> {
+}
+export {};

package/paginations/PaginationItem.svelte

@@ -0,0 +1,24 @@
+<script>import classNames from 'classnames';
+import { getContext } from 'svelte';
+export let href = undefined;
+const group = getContext('group');
+const table = getContext('table');
+let defaultClass;
+$: defaultClass = classNames('block py-2', group ? 'px-3' : 'px-4', 'text-sm font-medium', table || 'border border-gray-300', group || (table ? 'rounded' : 'rounded-lg'), 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white', $$props.class);
+</script>
+
+<svelte:element
+  this={href ? 'a' : 'button'}
+  {href}
+  class={defaultClass}
+  on:blur
+  on:click
+  on:focus
+  on:keydown
+  on:keypress
+  on:keyup
+  on:mouseenter
+  on:mouseleave
+  on:mouseover>
+  <slot />
+</svelte:element>

package/paginations/PaginationItem.svelte.d.ts

@@ -0,0 +1,29 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        href?: 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: {
+        default: {};
+    };
+};
+export declare type PaginationItemProps = typeof __propDef.props;
+export declare type PaginationItemEvents = typeof __propDef.events;
+export declare type PaginationItemSlots = typeof __propDef.slots;
+export default class PaginationItem extends SvelteComponentTyped<PaginationItemProps, PaginationItemEvents, PaginationItemSlots> {
+}
+export {};

package/popover/Popover.svelte

@@ -0,0 +1,18 @@
+<script>import Popper from '../utils/Popper.svelte';
+export let title = '';
+export let defaultClass = 'py-2 px-3';
+</script>
+
+<Popper data-popover activeContent border shadow rounded {...$$restProps} class={$$props.class} on:show>
+	{#if $$slots.title || title}
+		<div
+			class="py-2 px-3 bg-gray-100 rounded-t-lg border-b border-gray-200 dark:border-gray-600 dark:bg-gray-700">
+			<slot name="title">
+				<h3 class="font-semibold text-gray-900 dark:text-white">{title}</h3>
+			</slot>
+		</div>
+	{/if}
+	<div class={defaultClass}>
+		<slot />
+	</div>
+</Popper>

package/popover/Popover.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        title?: string | undefined;
+        defaultClass?: string | undefined;
+    };
+    events: {
+        show: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        title: {};
+        default: {};
+    };
+};
+export declare type PopoverProps = typeof __propDef.props;
+export declare type PopoverEvents = typeof __propDef.events;
+export declare type PopoverSlots = typeof __propDef.slots;
+export default class Popover extends SvelteComponentTyped<PopoverProps, PopoverEvents, PopoverSlots> {
+}
+export {};

package/progressbars/Progressbar.svelte

@@ -0,0 +1,34 @@
+<script>import classNames from 'classnames';
+export let progress = '45';
+export let size = 'h-2.5';
+export let labelInside = false;
+export let labelOutside = '';
+export let color = 'blue';
+export let labelInsideClass = 'text-blue-100 text-xs font-medium text-center p-0.5 leading-none rounded-full';
+// let barColor: string;
+const barColors = {
+    blue: 'bg-blue-600',
+    gray: 'bg-gray-600 dark:bg-gray-300',
+    red: 'bg-red-600 dark:bg-red-500',
+    green: 'bg-green-600 dark:bg-green-500',
+    yellow: 'bg-yellow-400',
+    purple: 'bg-purple-600 dark:bg-purple-500',
+    indigo: 'bg-indigo-600 dark:bg-indigo-500'
+};
+</script>
+
+{#if labelOutside}
+  <div {...$$restProps} class={classNames('flex justify-between mb-1', $$props.class)}>
+    <span class="text-base font-medium text-blue-700 dark:text-white">{labelOutside}</span>
+    <span class="text-sm font-medium text-blue-700 dark:text-white">{progress}%</span>
+  </div>
+{/if}
+<div class={classNames('w-full bg-gray-200 rounded-full dark:bg-gray-700', size, $$props.class)}>
+  {#if labelInside}
+    <div class={classNames(labelInsideClass, barColors[color])} style="width: {progress}%">
+      {progress}%
+    </div>
+  {:else}
+    <div class={classNames(barColors[color], size, 'rounded-full')} style="width: {progress}%" />
+  {/if}
+</div>