flowbite-svelte 0.29.12 → 0.30.2

package/README.md

@@ -1,4 +1,4 @@
-# FLOWBITE-SVELTE
+# FLOWBITE-SVELTE 
 
 [![npm version](https://badgen.net/npm/v/flowbite-svelte)](https://www.npmjs.com/package/flowbite-svelte)
 [![npm downloads](https://badgen.net/npm/dw/flowbite-svelte)](https://www.npmjs.com/package/flowbite-svelte)
@@ -19,9 +19,21 @@
 
 [Visualize this repo's codebase](https://mango-dune-07a8b7110.1.azurestaticapps.net/?repo=themesberg%2Fflowbite-svelte)
 
-## Flowbite-Svelte-Starter
+## Flowbite Svelte Starters
+
+You can find all the starters in the Starters directory.
+
+- [Flowbite SvelteKit starter]()
+- [Svelte starter]()
+- [Svelte TS starter]()
+
+## Flowbite Svelte Examples
+
+You can find all the examples in the Examples directory.
+
+- [Flowbite SvelteKit responsive sidebar layout]()
+
 
-You can use [Flowbite-Svelte Starter](https://github.com/shinokada/flowbite-svelte-starter) for a quick start.
 
 ## Installation
 

package/{accordions → dist/accordions}/AccordionItem.svelte

@@ -51,7 +51,7 @@ $: buttonClass = classNames(defaultClass, ctx.flush ? 'py-5' : 'p-5', open && (c
   </button>
 </h2>
 {#if open}
-  <div transition:multiple={transitionParams}>
+  <div transition:multiple|local={transitionParams}>
     <div class={ctx.flush ? 'py-5' : 'p-5'}>
       <slot />
     </div>

package/{avatar → dist/avatar}/Avatar.svelte

@@ -10,7 +10,6 @@ export let dot = undefined;
 export let alt = '';
 export let size = 'md';
 $: dot = dot && { placement: 'top-right', color: 'gray', size: 'lg', ...dot };
-$: dot && console.log(dot);
 const sizes = {
     xs: 'w-6 h-6',
     sm: 'w-8 h-8',

package/{dropdowns → dist/dropdowns}/DropdownItem.svelte

@@ -14,6 +14,7 @@ function init(node) {
   <svelte:element
     this={href ? 'a' : 'button'}
     {href}
+    type={href ? undefined : 'button'}
     {...$$restProps}
     class={liClass}
     on:click

package/{footer → dist/footer}/FooterCopyright.svelte

@@ -17,5 +17,5 @@ export let copyrightMessage = 'All Rights Reserved.';
   {:else}
     <span class="ml-1">{by}</span>
   {/if}
-  . {copyrightMessage}
+  {copyrightMessage}
 </span>

package/dist/index.d.ts

@@ -0,0 +1,133 @@
+export { default as Accordion } from "./accordions/Accordion.svelte";
+export { default as AccordionItem } from "./accordions/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";
+export { default as Breadcrumb } from "./breadcrumbs/Breadcrumb.svelte";
+export { default as BreadcrumbItem } from "./breadcrumbs/BreadcrumbItem.svelte";
+export { default as Button } from "./buttons/Button.svelte";
+export { default as ButtonGroup } from "./buttongroups/ButtonGroup.svelte";
+export { default as Card } from "./cards/Card.svelte";
+export { default as Carousel } from "./carousels/Carousel.svelte";
+export { default as CarouselTransition } from "./carousels/CarouselTransition.svelte";
+export { default as DarkMode } from "./darkmode/DarkMode.svelte";
+export { default as Datepicker } from "./datepicker/Datepicker.svelte";
+export { default as Drawer } from "./drawer/Drawer.svelte";
+export { default as Dropdown } from "./dropdowns/Dropdown.svelte";
+export { default as DropdownDivider } from "./dropdowns/DropdownDivider.svelte";
+export { default as DropdownHeader } from "./dropdowns/DropdownHeader.svelte";
+export { default as DropdownItem } from "./dropdowns/DropdownItem.svelte";
+export { default as Footer } from "./footer/Footer.svelte";
+export { default as FooterBrand } from "./footer/FooterBrand.svelte";
+export { default as FooterCopyright } from "./footer/FooterCopyright.svelte";
+export { default as FooterIcon } from "./footer/FooterIcon.svelte";
+export { default as FooterLink } from "./footer/FooterLink.svelte";
+export { default as FooterLinkGroup } from "./footer/FooterLinkGroup.svelte";
+export { default as Checkbox } from "./forms/Checkbox.svelte";
+export { default as Dropzone } from "./forms/Dropzone.svelte";
+export { default as Fileupload } from "./forms/Fileupload.svelte";
+export { default as FloatingLabelInput } from "./forms/FloatingLabelInput.svelte";
+export { default as Helper } from "./forms/Helper.svelte";
+export { default as Input } from "./forms/Input.svelte";
+export { default as InputAddon } from "./forms/InputAddon.svelte";
+export { default as Label } from "./forms/Label.svelte";
+export { default as NumberInput } from "./forms/NumberInput.svelte";
+export { default as RadioInline } from "./forms/RadioInline.svelte";
+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";
+export { default as Indicator } from "./indicators/Indicator.svelte";
+export { default as Kbd } from "./kbd/Kbd.svelte";
+export { default as ArrowKeyDown } from "./kbd/ArrowKeyDown.svelte";
+export { default as ArrowKeyLeft } from "./kbd/ArrowKeyLeft.svelte";
+export { default as ArrowKeyRight } from "./kbd/ArrowKeyRight.svelte";
+export { default as ArrowKeyUp } from "./kbd/ArrowKeyUp.svelte";
+export { default as Listgroup } from "./list-group/Listgroup.svelte";
+export { default as ListgroupItem } from "./list-group/ListgroupItem.svelte";
+export { default as Modal } from "./modals/Modal.svelte";
+export { default as MegaMenu } from "./megamenu/MegaMenu.svelte";
+export { default as Navbar } from "./navbar/Navbar.svelte";
+export { default as NavBrand } from "./navbar/NavBrand.svelte";
+export { default as NavHamburger } from "./navbar/NavHamburger.svelte";
+export { default as NavLi } from "./navbar/NavLi.svelte";
+export { default as NavUl } from "./navbar/NavUl.svelte";
+export { default as Pagination } from "./paginations/Pagination.svelte";
+export { default as PaginationItem } from "./paginations/PaginationItem.svelte";
+export { default as Popover } from "./popover/Popover.svelte";
+export { default as Progressbar } from "./progressbars/Progressbar.svelte";
+export { default as Rating } from "./ratings/Rating.svelte";
+export { default as AdvancedRating } from "./ratings/AdvancedRating.svelte";
+export { default as ScoreRating } from "./ratings/ScoreRating.svelte";
+export { default as RatingComment } from "./ratings/RatingComment.svelte";
+export { default as Review } from "./ratings/Review.svelte";
+export { default as Sidebar } from "./sidebars/Sidebar.svelte";
+export { default as SidebarItem } from "./sidebars/SidebarItem.svelte";
+export { default as SidebarBrand } from "./sidebars/SidebarBrand.svelte";
+export { default as SidebarCta } from "./sidebars/SidebarCta.svelte";
+export { default as SidebarDropdownItem } from "./sidebars/SidebarDropdownItem.svelte";
+export { default as SidebarDropdownWrapper } from "./sidebars/SidebarDropdownWrapper.svelte";
+export { default as SidebarGroup } from "./sidebars/SidebarGroup.svelte";
+export { default as SidebarWrapper } from "./sidebars/SidebarWrapper.svelte";
+export { default as CardPlaceholder } from "./skeleton/CardPlaceholder.svelte";
+export { default as ImagePlaceholder } from "./skeleton/ImagePlaceholder.svelte";
+export { default as ListPlaceholder } from "./skeleton/ListPlaceholder.svelte";
+export { default as Skeleton } from "./skeleton/Skeleton.svelte";
+export { default as TestimonialPlaceholder } from "./skeleton/TestimonialPlaceholder.svelte";
+export { default as TextPlaceholder } from "./skeleton/TextPlaceholder.svelte";
+export { default as VideoPlaceholder } from "./skeleton/VideoPlaceholder.svelte";
+export { default as WidgetPlaceholder } from "./skeleton/WidgetPlaceholder.svelte";
+export { default as SpeedDial } from "./speed-dial/SpeedDial.svelte";
+export { default as SpeedDialButton } from "./speed-dial/SpeedDialButton.svelte";
+export { default as Spinner } from "./spinners/Spinner.svelte";
+export { default as StepIndicator } from "./steps/StepIndicator.svelte";
+export { default as Table } from "./tables/Table.svelte";
+export { default as TableBody } from "./tables/TableBody.svelte";
+export { default as TableBodyCell } from "./tables/TableBodyCell.svelte";
+export { default as TableBodyRow } from "./tables/TableBodyRow.svelte";
+export { default as TableHead } from "./tables/TableHead.svelte";
+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 Toast } from "./toasts/Toast.svelte";
+export { default as Toolbar } from "./toolbar/Toolbar.svelte";
+export { default as ToolbarButton } from "./toolbar/ToolbarButton.svelte";
+export { default as ToolbarGroup } from "./toolbar/ToolbarGroup.svelte";
+export { default as Tooltip } from "./tooltips/Tooltip.svelte";
+export { default as A } from "./typography/A.svelte";
+export { default as Blockquote } from "./typography/Blockquote.svelte";
+export { default as DescriptionList } from "./typography/DescriptionList.svelte";
+export { default as Heading } from "./typography/Heading.svelte";
+export { default as Hr } from "./typography/Hr.svelte";
+export { default as Img } from "./typography/Img.svelte";
+export { default as Layout } from "./typography/Layout.svelte";
+export { default as Li } from "./typography/Li.svelte";
+export { default as Mark } from "./typography/Mark.svelte";
+export { default as List } from "./typography/List.svelte";
+export { default as P } from "./typography/P.svelte";
+export { default as Secondary } from "./typography/Secondary.svelte";
+export { default as Span } from "./typography/Span.svelte";
+export { default as CloseButton } from "./utils/CloseButton.svelte";
+export { default as ChevronDown } from "./utils/ChevronDown.svelte";
+export { default as ChevronLeft } from "./utils/ChevronLeft.svelte";
+export { default as ChevronRight } from "./utils/ChevronRight.svelte";
+export { default as ChevronUp } from "./utils/ChevronUp.svelte";
+export { default as Chevron } from "./utils/Chevron.svelte";
+export { default as InformationCircle } from "./utils/InformationCircle.svelte";
+export { default as MenuButton } from "./utils/MenuButton.svelte";
+export { default as UserCircle } from "./utils/UserCircle.svelte";
+export { default as Video } from "./video/Video.svelte";

package/{index.js → dist/index.js}

@@ -1,35 +1,48 @@
 // Accordion
 export { default as Accordion } from './accordions/Accordion.svelte';
 export { default as AccordionItem } from './accordions/AccordionItem.svelte';
+
 // Alerts
 export { default as Alert } from './alerts/Alert.svelte';
+
 // Avatar
 export { default as Avatar } from './avatar/Avatar.svelte';
+
 // Badges
 export { default as Badge } from './badges/Badge.svelte';
+
 // Breadcrumbs
 export { default as Breadcrumb } from './breadcrumbs/Breadcrumb.svelte';
 export { default as BreadcrumbItem } from './breadcrumbs/BreadcrumbItem.svelte';
+
 // Buttons
 export { default as Button } from './buttons/Button.svelte';
+
 // Buttongroups
 export { default as ButtonGroup } from './buttongroups/ButtonGroup.svelte';
+
 // Cards
 export { default as Card } from './cards/Card.svelte';
+
 // Carousels
 export { default as Carousel } from './carousels/Carousel.svelte';
 export { default as CarouselTransition } from './carousels/CarouselTransition.svelte';
+
 // Dark mode
 export { default as DarkMode } from './darkmode/DarkMode.svelte';
+
 // Datepicker
 export { default as Datepicker } from './datepicker/Datepicker.svelte';
+
 // Drawer
 export { default as Drawer } from './drawer/Drawer.svelte';
+
 // Dropdown
 export { default as Dropdown } from './dropdowns/Dropdown.svelte';
 export { default as DropdownDivider } from './dropdowns/DropdownDivider.svelte';
 export { default as DropdownHeader } from './dropdowns/DropdownHeader.svelte';
 export { default as DropdownItem } from './dropdowns/DropdownItem.svelte';
+
 // Footers
 export { default as Footer } from './footer/Footer.svelte';
 export { default as FooterBrand } from './footer/FooterBrand.svelte';
@@ -37,6 +50,7 @@ export { default as FooterCopyright } from './footer/FooterCopyright.svelte';
 export { default as FooterIcon } from './footer/FooterIcon.svelte';
 export { default as FooterLink } from './footer/FooterLink.svelte';
 export { default as FooterLinkGroup } from './footer/FooterLinkGroup.svelte';
+
 // Forms
 export { default as Checkbox } from './forms/Checkbox.svelte';
 export { default as Dropzone } from './forms/Dropzone.svelte';
@@ -56,40 +70,51 @@ 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';
+
 // Indicator
 export { default as Indicator } from './indicators/Indicator.svelte';
+
 // Kbd
 export { default as Kbd } from './kbd/Kbd.svelte';
 export { default as ArrowKeyDown } from './kbd/ArrowKeyDown.svelte';
 export { default as ArrowKeyLeft } from './kbd/ArrowKeyLeft.svelte';
 export { default as ArrowKeyRight } from './kbd/ArrowKeyRight.svelte';
 export { default as ArrowKeyUp } from './kbd/ArrowKeyUp.svelte';
+
 // List
 export { default as Listgroup } from './list-group/Listgroup.svelte';
 export { default as ListgroupItem } from './list-group/ListgroupItem.svelte';
+
 // Modals
 export { default as Modal } from './modals/Modal.svelte';
+
 // MegaMenu
 export { default as MegaMenu } from './megamenu/MegaMenu.svelte';
+
 // Navbar
 export { default as Navbar } from './navbar/Navbar.svelte';
 export { default as NavBrand } from './navbar/NavBrand.svelte';
 export { default as NavHamburger } from './navbar/NavHamburger.svelte';
 export { default as NavLi } from './navbar/NavLi.svelte';
 export { default as NavUl } from './navbar/NavUl.svelte';
+
 // Pagination
 export { default as Pagination } from './paginations/Pagination.svelte';
 export { default as PaginationItem } from './paginations/PaginationItem.svelte';
+
 // Popover
 export { default as Popover } from './popover/Popover.svelte';
+
 // Progressbar
 export { default as Progressbar } from './progressbars/Progressbar.svelte';
+
 // Rating
 export { default as Rating } from './ratings/Rating.svelte';
 export { default as AdvancedRating } from './ratings/AdvancedRating.svelte';
 export { default as ScoreRating } from './ratings/ScoreRating.svelte';
 export { default as RatingComment } from './ratings/RatingComment.svelte';
 export { default as Review } from './ratings/Review.svelte';
+
 // Sidebar
 export { default as Sidebar } from './sidebars/Sidebar.svelte';
 export { default as SidebarItem } from './sidebars/SidebarItem.svelte';
@@ -99,6 +124,7 @@ export { default as SidebarDropdownItem } from './sidebars/SidebarDropdownItem.s
 export { default as SidebarDropdownWrapper } from './sidebars/SidebarDropdownWrapper.svelte';
 export { default as SidebarGroup } from './sidebars/SidebarGroup.svelte';
 export { default as SidebarWrapper } from './sidebars/SidebarWrapper.svelte';
+
 // Skeleton
 export { default as CardPlaceholder } from './skeleton/CardPlaceholder.svelte';
 export { default as ImagePlaceholder } from './skeleton/ImagePlaceholder.svelte';
@@ -108,13 +134,17 @@ export { default as TestimonialPlaceholder } from './skeleton/TestimonialPlaceho
 export { default as TextPlaceholder } from './skeleton/TextPlaceholder.svelte';
 export { default as VideoPlaceholder } from './skeleton/VideoPlaceholder.svelte';
 export { default as WidgetPlaceholder } from './skeleton/WidgetPlaceholder.svelte';
+
 // Speed dial
 export { default as SpeedDial } from './speed-dial/SpeedDial.svelte';
 export { default as SpeedDialButton } from './speed-dial/SpeedDialButton.svelte';
+
 // Spin
 export { default as Spinner } from './spinners/Spinner.svelte';
+
 // Steps
 export { default as StepIndicator } from './steps/StepIndicator.svelte';
+
 // Tables
 export { default as Table } from './tables/Table.svelte';
 export { default as TableBody } from './tables/TableBody.svelte';
@@ -123,9 +153,11 @@ export { default as TableBodyRow } from './tables/TableBodyRow.svelte';
 export { default as TableHead } from './tables/TableHead.svelte';
 export { default as TableHeadCell } from './tables/TableHeadCell.svelte';
 export { default as TableSearch } from './tables/TableSearch.svelte';
+
 // Tabs
 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';
@@ -136,14 +168,18 @@ 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';
+
 // Toast
 export { default as Toast } from './toasts/Toast.svelte';
+
 // Toolbar
 export { default as Toolbar } from './toolbar/Toolbar.svelte';
 export { default as ToolbarButton } from './toolbar/ToolbarButton.svelte';
 export { default as ToolbarGroup } from './toolbar/ToolbarGroup.svelte';
+
 // Tooltips
 export { default as Tooltip } from './tooltips/Tooltip.svelte';
+
 // Typography
 export { default as A } from './typography/A.svelte';
 export { default as Blockquote } from './typography/Blockquote.svelte';
@@ -158,6 +194,7 @@ export { default as List } from './typography/List.svelte';
 export { default as P } from './typography/P.svelte';
 export { default as Secondary } from './typography/Secondary.svelte';
 export { default as Span } from './typography/Span.svelte';
+
 // utils
 export { default as CloseButton } from './utils/CloseButton.svelte';
 export { default as ChevronDown } from './utils/ChevronDown.svelte';
@@ -166,6 +203,8 @@ export { default as ChevronRight } from './utils/ChevronRight.svelte';
 export { default as ChevronUp } from './utils/ChevronUp.svelte';
 export { default as Chevron } from './utils/Chevron.svelte';
 export { default as InformationCircle } from './utils/InformationCircle.svelte';
+export { default as MenuButton } from './utils/MenuButton.svelte';
 export { default as UserCircle } from './utils/UserCircle.svelte';
+
 // video
 export { default as Video } from './video/Video.svelte';