flowbite-svelte 0.15.12 → 0.15.15

package/CHANGELOG.md

@@ -2,6 +2,37 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.15.15](https://github.com/themesberg/flowbite-svelte/compare/v0.15.14...v0.15.15) (2022-05-07)
+
+
+### Bug Fixes
+
+* update svelte-sidebar-menu ([f6fb17f](https://github.com/themesberg/flowbite-svelte/commit/f6fb17f3ea37ea0fd0a489dc3e167849d372e367))
+
+### [0.15.14](https://github.com/themesberg/flowbite-svelte/compare/v0.15.13...v0.15.14) (2022-05-06)
+
+
+### Bug Fixes
+
+* change width limit to >=1024 in Responsive component ([e95c10f](https://github.com/themesberg/flowbite-svelte/commit/e95c10f59422b18408a73c7780767371420cb80e))
+* move from @codewithshin/svelte-sidebar to svelte-sidebar-menu ([4584351](https://github.com/themesberg/flowbite-svelte/commit/45843519c11eda6de199fc213374d0d293432255))
+* move Responsive component from layout to all pages ([381ee20](https://github.com/themesberg/flowbite-svelte/commit/381ee20922335f0c535c06c21a107ebc38849693))
+* rename index.js to index.ts ([216db5a](https://github.com/themesberg/flowbite-svelte/commit/216db5a42abff31b85644daacd441355da7805b8))
+* update checkbox page ([aa45560](https://github.com/themesberg/flowbite-svelte/commit/aa455604516ef6a4b73193d4898f7f2a5365baca))
+* use svelte-sidebar Responsive for all layouts ([dc9ed0d](https://github.com/themesberg/flowbite-svelte/commit/dc9ed0dbd7b99cbdc199f222dc6e68c4dd1a317f))
+
+### [0.15.13](https://github.com/themesberg/flowbite-svelte/compare/v0.15.12...v0.15.13) (2022-05-05)
+
+
+### Features
+
+* add Checkbox, CheckboxInline, and checkbox page ([baab944](https://github.com/themesberg/flowbite-svelte/commit/baab944e588645bb2fbe751fd5a2beb00b8f6e77))
+
+
+### Bug Fixes
+
+* update RadioItem props ([fd2f9a0](https://github.com/themesberg/flowbite-svelte/commit/fd2f9a0c4b3854c3a644710a4cb1df238e1a6af2))
+
 ### [0.15.12](https://github.com/themesberg/flowbite-svelte/compare/v0.15.11...v0.15.12) (2022-05-05)
 
 

package/forms/Checkbox.svelte

@@ -1,33 +1,59 @@
-<script>export let legend = 'Checkbox variants';
-export let divClass = 'flex items-center mb-4';
+<script>export let divClass = 'flex items-center mr-4';
 export let inputClass = 'w-4 h-4 text-blue-600 bg-gray-100 rounded border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600';
-export let labelClass = 'ml-3 text-sm font-medium text-gray-900 dark:text-gray-300';
-export let helperLabelClass = 'font-medium text-gray-900 dark:text-gray-300';
-export let options;
+export let labelClass = 'ml-2 text-sm font-medium text-gray-900 dark:text-gray-300';
+export let disabled = false;
+if (disabled) {
+    labelClass = 'ml-2 text-sm font-medium text-gray-400 dark:text-gray-500';
+}
+export let name = '';
+export let divHelperClass = 'flex items-center h-5';
+export let labelHelperClass = 'font-medium text-gray-900 dark:text-gray-300';
+export let helperClass = 'text-xs font-normal text-gray-500 dark:text-gray-300';
+export let color = 'blue';
+if (color === 'red') {
+    inputClass = 'w-4 h-4 text-red-600 bg-gray-100 rounded border-gray-300 focus:ring-red-500 dark:focus:ring-red-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600';
+}
+else if (color === 'green') {
+    inputClass = 'w-4 h-4 text-green-600 bg-gray-100 rounded border-gray-300 focus:ring-green-500 dark:focus:ring-green-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600';
+}
+else if (color === 'purple') {
+    inputClass = 'w-4 h-4 text-purple-600 bg-gray-100 rounded border-gray-300 focus:ring-purple-500 dark:focus:ring-purple-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600';
+}
+else if (color === 'teal') {
+    inputClass = 'w-4 h-4 text-teal-600 bg-gray-100 rounded border-gray-300 focus:ring-teal-500 dark:focus:ring-teal-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600';
+}
+else if (color === 'yellow') {
+    inputClass = 'w-4 h-4 text-yellow-400 bg-gray-100 rounded border-gray-300 focus:ring-yellow-500 dark:focus:ring-yellow-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600';
+}
+else if (color === 'orange') {
+    inputClass = 'w-4 h-4 text-orange-500 bg-gray-100 rounded border-gray-300 focus:ring-orange-500 dark:focus:ring-orange-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600';
+}
+else {
+    inputClass = 'w-4 h-4 text-blue-600 bg-gray-100 rounded border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600';
+}
+export let helper;
+export let id;
+export let value;
+export let label;
 </script>
 
-<fieldset>
-	<legend class="sr-only">{legend}</legend>
-	{#each options as option}
-		{#if option.helper}
-			<div class="flex mb-4">
-				<div class="flex items-center h-5">
-					<input id={option.id} aria-describedby={option.id} type="checkbox" class={inputClass} bind:checked={option.checked} disabled={option.disabled} />
-				</div>
-				<div class="ml-3 text-sm">
-					<label for={option.id} class={helperLabelClass}>{option.label}</label>
-					{#if option.helper}
-						<div class="text-gray-500 dark:text-gray-300">
-							{@html option.helper}
-						</div>
-					{/if}
-				</div>
-			</div>
-		{:else}
-			<div class={divClass}>
-				<input id={option.id} aria-describedby={option.id} type="checkbox" class={inputClass} checked={option.checked} disabled={option.disabled} />
-				<label for={option.id} class={labelClass}>{option.label}</label>
-			</div>
-		{/if}
-	{/each}
-</fieldset>
+{#if helper}
+	<div class="flex">
+		<div class={divHelperClass}>
+			<input {id} type="checkbox" {name} {value} class={inputClass} aria-labelledby={id} aria-describedby={id} {disabled} {...$$restProps} />
+		</div>
+		<div class="ml-2 text-sm">
+			<label for={id} class={labelHelperClass}>
+				{@html label}
+			</label>
+			<p id="{id}-helper-radio-text" class={helperClass}>{helper}</p>
+		</div>
+	</div>
+{:else}
+	<div class={divClass}>
+		<input {id} type="checkbox" {name} {value} class={inputClass} aria-labelledby={id} aria-describedby={id} {disabled} {...$$restProps} />
+		<label for={id} class={labelClass}>
+			{@html label}
+		</label>
+	</div>
+{/if}

package/forms/Checkbox.svelte.d.ts

@@ -1,13 +1,21 @@
 import { SvelteComponentTyped } from "svelte";
-import type { CheckboxType } from '../types';
+import type { FormColorType } from '../types';
 declare const __propDef: {
     props: {
-        legend?: string;
+        [x: string]: any;
         divClass?: string;
         inputClass?: string;
         labelClass?: string;
-        helperLabelClass?: string;
-        options: CheckboxType[];
+        disabled?: boolean;
+        name?: string;
+        divHelperClass?: string;
+        labelHelperClass?: string;
+        helperClass?: string;
+        color?: FormColorType;
+        helper: string;
+        id: string;
+        value: string;
+        label: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/forms/CheckboxInline.svelte

@@ -0,0 +1,3 @@
+<div class="flex">
+	<slot />
+</div>

package/forms/CheckboxInline.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  CheckboxInlineProps */
+/** @typedef {typeof __propDef.events}  CheckboxInlineEvents */
+/** @typedef {typeof __propDef.slots}  CheckboxInlineSlots */
+export default class CheckboxInline extends SvelteComponentTyped<{}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type CheckboxInlineProps = typeof __propDef.props;
+export type CheckboxInlineEvents = typeof __propDef.events;
+export type CheckboxInlineSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {};
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/forms/RadioInline.svelte

@@ -1,5 +1,3 @@
-<script></script>
-
 <div class="flex">
 	<slot />
 </div>

package/forms/RadioInline.svelte.d.ts

@@ -1,3 +1,15 @@
+/** @typedef {typeof __propDef.props}  RadioInlineProps */
+/** @typedef {typeof __propDef.events}  RadioInlineEvents */
+/** @typedef {typeof __propDef.slots}  RadioInlineSlots */
+export default class RadioInline extends SvelteComponentTyped<{}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type RadioInlineProps = typeof __propDef.props;
+export type RadioInlineEvents = typeof __propDef.events;
+export type RadioInlineSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {};
@@ -8,9 +20,4 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type RadioInlineProps = typeof __propDef.props;
-export declare type RadioInlineEvents = typeof __propDef.events;
-export declare type RadioInlineSlots = typeof __propDef.slots;
-export default class RadioInline extends SvelteComponentTyped<RadioInlineProps, RadioInlineEvents, RadioInlineSlots> {
-}
 export {};

package/forms/RadioItem.svelte

@@ -1,8 +1,11 @@
 <script>export let divClass = 'flex items-center mr-4';
 export let inputClass = 'w-4 h-4 border-gray-300 focus:ring-2 focus:ring-blue-300 dark:focus:ring-blue-600 dark:focus:bg-blue-600 dark:bg-gray-700 dark:border-gray-600';
 export let labelClass = 'block ml-2 text-sm font-medium text-gray-900 dark:text-gray-300';
+export let disabled = false;
+if (disabled) {
+    labelClass = 'ml-2 text-sm font-medium text-gray-400 dark:text-gray-500';
+}
 export let name = '';
-export let options;
 export let divHelperClass = 'flex items-center h-5';
 export let labelHelperClass = 'font-medium text-gray-900 dark:text-gray-300';
 export let helperClass = 'text-xs font-normal text-gray-500 dark:text-gray-300';
@@ -37,7 +40,7 @@ export let label;
 {#if helper}
 	<div class="flex">
 		<div class={divHelperClass}>
-			<input {id} type="radio" {name} {value} class={inputClass} aria-labelledby={id} aria-describedby={id} {...$$restProps} />
+			<input {id} type="radio" {name} {value} class={inputClass} aria-labelledby={id} aria-describedby={id} {disabled} {...$$restProps} />
 		</div>
 		<div class="ml-2 text-sm">
 			<label for={id} class={labelHelperClass}>
@@ -48,7 +51,7 @@ export let label;
 	</div>
 {:else}
 	<div class={divClass}>
-		<input {id} type="radio" {name} {value} class={inputClass} aria-labelledby={id} aria-describedby={id} {...$$restProps} />
+		<input {id} type="radio" {name} {value} class={inputClass} aria-labelledby={id} aria-describedby={id} {disabled} {...$$restProps} />
 		<label for={id} class={labelClass}>
 			{@html label}
 		</label>

package/forms/RadioItem.svelte.d.ts

@@ -1,17 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
-import type { RadioType, RadioColorType } from '../types';
+import type { FormColorType } from '../types';
 declare const __propDef: {
     props: {
         [x: string]: any;
         divClass?: string;
         inputClass?: string;
         labelClass?: string;
+        disabled?: boolean;
         name?: string;
-        options: RadioType[];
         divHelperClass?: string;
         labelHelperClass?: string;
         helperClass?: string;
-        color?: RadioColorType;
+        color?: FormColorType;
         helper: string;
         id: string;
         value: string;

package/index.d.ts

@@ -0,0 +1,91 @@
+export { default as Accordion } from './accordions/AccordionDefault.svelte';
+export { default as AccordionItem } from './accordions/AccordionItem.svelte';
+export { default as Alert } from './alerts/Alert.svelte';
+export { default as BorderAlert } from './alerts/BorderAlert.svelte';
+export { default as InfoAlert } from './alerts/InfoAlert.svelte';
+export { default as Avatar } from './avatar/Avatar.svelte';
+export { default as Badge } from './badges/Badge.svelte';
+export { default as BadgeIcon } from './badges/BadgeIcon.svelte';
+export { default as BadgeLink } from './badges/BadgeLink.svelte';
+export { default as Breadcrumb } from './breadcrumbs/Breadcrumb.svelte';
+export { default as Button } from './buttons/Button.svelte';
+export { default as ColorShadowButton } from './buttons/ColorShadowButton.svelte';
+export { default as GradientDuotoneButton } from './buttons/GradientDuotoneButton.svelte';
+export { default as GradientMonochromeButton } from './buttons/GradientMonochromeButton.svelte';
+export { default as GradientOutlineButton } from './buttons/GradientOutlineButton.svelte';
+export { default as ButtonGroup } from './buttongroups/ButtonGroup.svelte';
+export { default as ButtonGroupOutline } from './buttongroups/ButtonGroupOutline.svelte';
+export { default as Card } from './cards/Card.svelte';
+export { default as HorizontalCard } from './cards/HorizontalCard.svelte';
+export { default as InteractiveCard } from './cards/InteractiveCard.svelte';
+export { default as ListCard } from './cards/ListCard.svelte';
+export { default as CtaCard } from './cards/CtaCard.svelte';
+export { default as EcommerceCard } from './cards/EcommerceCard.svelte';
+export { default as SignInCard } from './cards/SignInCard.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 Dropdown } from './dropdowns/DropdownDefault.svelte';
+export { default as ImgDropdown } from './dropdowns/ImgDropdown.svelte';
+export { dropdownIdStore } from './dropdowns/dropdownStores.js';
+export { default as SimpleFooter } from './footer/SimpleFooter.svelte';
+export { default as LogoFooter } from './footer/LogoFooter.svelte';
+export { default as SocialMediaFooter } from './footer/SocialMediaFooter.svelte';
+export { default as SitemapFooter } from './footer/SitemapFooter.svelte';
+export { default as Checkbox } from './forms/Checkbox.svelte';
+export { default as CheckboxInline } from './forms/CheckboxInline.svelte';
+export { default as Fileupload } from './forms/Fileupload.svelte';
+export { default as FloatingLabelInput } from './forms/FloatingLabelInput.svelte';
+export { default as Iconinput } from './forms/Iconinput.svelte';
+export { default as Input } from './forms/Input.svelte';
+export { default as RadioInline } from './forms/RadioInline.svelte';
+export { default as Radio } from './forms/RadioItem.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 Textarea } from './forms/Textarea.svelte';
+export { default as Toggle } from './forms/Toggle.svelte';
+export { default as List } from './list-group/List.svelte';
+export { modalIdStore } from './modals/modalStores.js';
+export { default as ExtraLargeModal } from './modals/ExtraLargeModal.svelte';
+export { default as LargeModal } from './modals/LargeModal.svelte';
+export { default as MediumModal } from './modals/MediumModal.svelte';
+export { default as ModalButton } from './modals/ModalButton.svelte';
+export { default as SignInModal } from './modals/SignInModal.svelte';
+export { default as SmallModal } from './modals/SmallModal.svelte';
+export { default as Navbar } from './navbar/Navbar.svelte';
+export { default as DropdownNavbar } from './navbar/DropdownNavbar.svelte';
+export { default as Pagination } from './paginations/Pagination.svelte';
+export { default as Previous } from './paginations/Previous.svelte';
+export { default as Next } from './paginations/Next.svelte';
+export { default as TableData } from './paginations/TableData.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 Sidebar } from './sidebars/Sidebar.svelte';
+export { default as Spinner } from './spinners/Spinner.svelte';
+export { default as Table } from './tables/Table.svelte';
+export { default as TableDefaultRow } from './tables/TableDefaultRow.svelte';
+export { default as TableSearch } from './tables/TableSearch.svelte';
+export { tabStore } from './tabs/tabStores.js';
+export { default as InteractiveTabHead } from './tabs/InteractiveTabHead.svelte';
+export { default as InteractiveTabs } from './tabs/InteractiveTabs.svelte';
+export { default as DefaultTabs } from './tabs/DefaultTabs.svelte';
+export { default as FullWidthTabs } from './tabs/FullWidthTabs.svelte';
+export { default as IconTabs } from './tabs/IconTabs.svelte';
+export { default as PillTabs } from './tabs/PillTabs.svelte';
+export { default as TabContent } from './tabs/TabContent.svelte';
+export { default as UnderlineTabs } from './tabs/UnderlineTabs.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 Tooltip } from './tooltips/Tooltip.svelte';
+export { default as LightTooltip } from './tooltips/LightTooltip.svelte';

package/index.js

@@ -1,142 +1,117 @@
 // Accordion
-export { default as Accordion }  from'./accordions/AccordionDefault.svelte'
-export { default as AccordionItem }  from'./accordions/AccordionItem.svelte'
-
+export { default as Accordion } from './accordions/AccordionDefault.svelte';
+export { default as AccordionItem } from './accordions/AccordionItem.svelte';
 // Alerts
-export { default as Alert }  from'./alerts/Alert.svelte'
-export { default as BorderAlert }  from'./alerts/BorderAlert.svelte'
-export { default as InfoAlert }   from'./alerts/InfoAlert.svelte'
-
+export { default as Alert } from './alerts/Alert.svelte';
+export { default as BorderAlert } from './alerts/BorderAlert.svelte';
+export { default as InfoAlert } from './alerts/InfoAlert.svelte';
 // Avatar
-export { default as Avatar } from './avatar/Avatar.svelte'
-
+export { default as Avatar } from './avatar/Avatar.svelte';
 // Badges
-export { default as Badge } from'./badges/Badge.svelte'
-export { default as BadgeIcon } from'./badges/BadgeIcon.svelte'
-export { default as BadgeLink } from './badges/BadgeLink.svelte'
-
+export { default as Badge } from './badges/Badge.svelte';
+export { default as BadgeIcon } from './badges/BadgeIcon.svelte';
+export { default as BadgeLink } from './badges/BadgeLink.svelte';
 // Breadcrumbs
-export { default as Breadcrumb } from'./breadcrumbs/Breadcrumb.svelte'
-
+export { default as Breadcrumb } from './breadcrumbs/Breadcrumb.svelte';
 // Buttons
-export { default as Button } from'./buttons/Button.svelte'
-export { default as ColorShadowButton } from'./buttons/ColorShadowButton.svelte'
-export { default as GradientDuotoneButton } from'./buttons/GradientDuotoneButton.svelte'
-export { default as GradientMonochromeButton } from'./buttons/GradientMonochromeButton.svelte'
-export { default as GradientOutlineButton } from'./buttons/GradientOutlineButton.svelte'
-
+export { default as Button } from './buttons/Button.svelte';
+export { default as ColorShadowButton } from './buttons/ColorShadowButton.svelte';
+export { default as GradientDuotoneButton } from './buttons/GradientDuotoneButton.svelte';
+export { default as GradientMonochromeButton } from './buttons/GradientMonochromeButton.svelte';
+export { default as GradientOutlineButton } from './buttons/GradientOutlineButton.svelte';
 // Buttongroups
-export { default as ButtonGroup } from'./buttongroups/ButtonGroup.svelte'
-export { default as ButtonGroupOutline } from'./buttongroups/ButtonGroupOutline.svelte'
-
+export { default as ButtonGroup } from './buttongroups/ButtonGroup.svelte';
+export { default as ButtonGroupOutline } from './buttongroups/ButtonGroupOutline.svelte';
 // Cards
-export { default as Card } from'./cards/Card.svelte'
-export { default as HorizontalCard } from'./cards/HorizontalCard.svelte'
-export { default as InteractiveCard } from'./cards/InteractiveCard.svelte'
-export { default as ListCard } from'./cards/ListCard.svelte'
-export { default as CtaCard } from'./cards/CtaCard.svelte'
-export { default as EcommerceCard } from'./cards/EcommerceCard.svelte'
-export { default as SignInCard } from'./cards/SignInCard.svelte'
-
+export { default as Card } from './cards/Card.svelte';
+export { default as HorizontalCard } from './cards/HorizontalCard.svelte';
+export { default as InteractiveCard } from './cards/InteractiveCard.svelte';
+export { default as ListCard } from './cards/ListCard.svelte';
+export { default as CtaCard } from './cards/CtaCard.svelte';
+export { default as EcommerceCard } from './cards/EcommerceCard.svelte';
+export { default as SignInCard } from './cards/SignInCard.svelte';
 // Carousels
-export { default as Carousel } from './carousels/Carousel.svelte'
-export { default as CarouselTransition } from './carousels/CarouselTransition.svelte'
-
+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'
-
+export { default as DarkMode } from './darkmode/DarkMode.svelte';
 // Dropdown
-export { default as Dropdown } from './dropdowns/DropdownDefault.svelte' 
-export { default as ImgDropdown } from './dropdowns/ImgDropdown.svelte'
-export { dropdownIdStore } from './dropdowns/dropdownStores.js'
-
+export { default as Dropdown } from './dropdowns/DropdownDefault.svelte';
+export { default as ImgDropdown } from './dropdowns/ImgDropdown.svelte';
+export { dropdownIdStore } from './dropdowns/dropdownStores.js';
 // Footers
-export { default as SimpleFooter } from'./footer/SimpleFooter.svelte'
-export { default as LogoFooter } from'./footer/LogoFooter.svelte'
-export { default as SocialMediaFooter } from'./footer/SocialMediaFooter.svelte'
-export { default as SitemapFooter } from './footer/SitemapFooter.svelte'
-
+export { default as SimpleFooter } from './footer/SimpleFooter.svelte';
+export { default as LogoFooter } from './footer/LogoFooter.svelte';
+export { default as SocialMediaFooter } from './footer/SocialMediaFooter.svelte';
+export { default as SitemapFooter } from './footer/SitemapFooter.svelte';
 // Forms
-export { default as Checkbox } from './forms/Checkbox.svelte'
-export { default as Fileupload } from './forms/Fileupload.svelte'
-export { default as FloatingLabelInput } from './forms/FloatingLabelInput.svelte'
-export { default as Iconinput } from './forms/Iconinput.svelte'
-export { default as Input } from './forms/Input.svelte'
-export { default as RadioInline } from './forms/RadioInline.svelte'
-export { default as RadioItem } from './forms/RadioItem.svelte'
-export { default as Range } from './forms/Range.svelte'
-export { default as SingleCheckbox } from './forms/SingleCheckbox.svelte'
-export { default as Search } from './forms/Search.svelte'
-export { default as Select } from './forms/Select.svelte'
-export { default as Textarea } from './forms/Textarea.svelte'
-export { default as Toggle } from './forms/Toggle.svelte'
-
+export { default as Checkbox } from './forms/Checkbox.svelte';
+export { default as CheckboxInline } from './forms/CheckboxInline.svelte';
+export { default as Fileupload } from './forms/Fileupload.svelte';
+export { default as FloatingLabelInput } from './forms/FloatingLabelInput.svelte';
+export { default as Iconinput } from './forms/Iconinput.svelte';
+export { default as Input } from './forms/Input.svelte';
+export { default as RadioInline } from './forms/RadioInline.svelte';
+export { default as Radio } from './forms/RadioItem.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 Textarea } from './forms/Textarea.svelte';
+export { default as Toggle } from './forms/Toggle.svelte';
 // List
-export { default as List } from'./list-group/List.svelte'
-
+export { default as List } from './list-group/List.svelte';
 // Modals
-export { modalIdStore } from './modals/modalStores.js'
-export { default as ExtraLargeModal } from'./modals/ExtraLargeModal.svelte'
-export { default as LargeModal } from'./modals/LargeModal.svelte'
-export { default as MediumModal } from'./modals/MediumModal.svelte'
-export { default as ModalButton } from'./modals/ModalButton.svelte'
-export { default as SignInModal } from'./modals/SignInModal.svelte'
-export { default as SmallModal } from'./modals/SmallModal.svelte'
-
+export { modalIdStore } from './modals/modalStores.js';
+export { default as ExtraLargeModal } from './modals/ExtraLargeModal.svelte';
+export { default as LargeModal } from './modals/LargeModal.svelte';
+export { default as MediumModal } from './modals/MediumModal.svelte';
+export { default as ModalButton } from './modals/ModalButton.svelte';
+export { default as SignInModal } from './modals/SignInModal.svelte';
+export { default as SmallModal } from './modals/SmallModal.svelte';
 // Navbar
-export { default as Navbar } from'./navbar/Navbar.svelte'
-export { default as DropdownNavbar } from'./navbar/DropdownNavbar.svelte'
-
+export { default as Navbar } from './navbar/Navbar.svelte';
+export { default as DropdownNavbar } from './navbar/DropdownNavbar.svelte';
 // Pagination
-export { default as Pagination } from './paginations/Pagination.svelte'
-export { default as Previous } from './paginations/Previous.svelte'
-export { default as Next } from './paginations/Next.svelte'
-export { default as TableData } from './paginations/TableData.svelte'
-
+export { default as Pagination } from './paginations/Pagination.svelte';
+export { default as Previous } from './paginations/Previous.svelte';
+export { default as Next } from './paginations/Next.svelte';
+export { default as TableData } from './paginations/TableData.svelte';
 // Progressbar
-export { default as Progressbar } from'./progressbars/Progressbar.svelte'
-
+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 Rating } from './ratings/Rating.svelte';
+export { default as AdvancedRating } from './ratings/AdvancedRating.svelte';
+export { default as ScoreRating } from './ratings/ScoreRating.svelte';
 // Sidebar
-export { default as Sidebar } from './sidebars/Sidebar.svelte'
-
+export { default as Sidebar } from './sidebars/Sidebar.svelte';
 // Spin
-export { default as Spinner } from'./spinners/Spinner.svelte'
-
+export { default as Spinner } from './spinners/Spinner.svelte';
 // Tables
-export { default as Table } from './tables/Table.svelte'
-export { default as TableDefaultRow } from './tables/TableDefaultRow.svelte'
-export { default as TableSearch } from './tables/TableSearch.svelte'
-
+export { default as Table } from './tables/Table.svelte';
+export { default as TableDefaultRow } from './tables/TableDefaultRow.svelte';
+export { default as TableSearch } from './tables/TableSearch.svelte';
 // Tabs
-export { tabStore } from './tabs/tabStores.js'
-export { default as InteractiveTabHead } from './tabs/InteractiveTabHead.svelte'
-export { default as InteractiveTabs } from'./tabs/InteractiveTabs.svelte'
-export { default as DefaultTabs } from './tabs/DefaultTabs.svelte'
-export { default as FullWidthTabs } from './tabs/FullWidthTabs.svelte'
-export { default as IconTabs } from './tabs/IconTabs.svelte'
-export { default as PillTabs } from './tabs/PillTabs.svelte'
-export { default as TabContent } from './tabs/TabContent.svelte'
-export { default as UnderlineTabs } from './tabs/UnderlineTabs.svelte'
-
+export { tabStore } from './tabs/tabStores.js';
+export { default as InteractiveTabHead } from './tabs/InteractiveTabHead.svelte';
+export { default as InteractiveTabs } from './tabs/InteractiveTabs.svelte';
+export { default as DefaultTabs } from './tabs/DefaultTabs.svelte';
+export { default as FullWidthTabs } from './tabs/FullWidthTabs.svelte';
+export { default as IconTabs } from './tabs/IconTabs.svelte';
+export { default as PillTabs } from './tabs/PillTabs.svelte';
+export { default as TabContent } from './tabs/TabContent.svelte';
+export { default as UnderlineTabs } from './tabs/UnderlineTabs.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 './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';
 // Toast
-export { default as Toast } from './toasts/Toast.svelte'
-
+export { default as Toast } from './toasts/Toast.svelte';
 // Tooltips
-export { default as Tooltip } from'./tooltips/Tooltip.svelte'
-export { default as LightTooltip } from'./tooltips/LightTooltip.svelte'
+export { default as Tooltip } from './tooltips/Tooltip.svelte';
+export { default as LightTooltip } from './tooltips/LightTooltip.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.15.12",
+  "version": "0.15.15",
   "description": "Flowbite components for Svelte",
   "main": "./package/index.js",
   "author": {
@@ -12,8 +12,6 @@
   "homepage": "https://flowbite-svelte.com/",
   "license": "MIT",
   "devDependencies": {
-    "@codewithshin/svelte-feathericons": "^0.1.9",
-    "@codewithshin/svelte-sidebar": "^0.5.7",
     "@codewithshin/svelte-utterances": "^0.2.2",
     "@playwright/test": "^1.21.0",
     "@sveltejs/adapter-auto": "next",
@@ -33,7 +31,9 @@
     "prism-themes": "^1.9.0",
     "svelte": "^3.47.0",
     "svelte-check": "^2.2.6",
+    "svelte-feathers": "^0.1.15",
     "svelte-preprocess": "^4.10.5",
+    "svelte-sidebar-menu": "^0.7.5",
     "svelte-simples": "^0.3.1",
     "svelte2tsx": "^0.5.9",
     "tailwindcss": "^3.0.23",
@@ -124,6 +124,7 @@
     "./footer/SitemapFooter.svelte": "./footer/SitemapFooter.svelte",
     "./footer/SocialMediaFooter.svelte": "./footer/SocialMediaFooter.svelte",
     "./forms/Checkbox.svelte": "./forms/Checkbox.svelte",
+    "./forms/CheckboxInline.svelte": "./forms/CheckboxInline.svelte",
     "./forms/Fileupload.svelte": "./forms/Fileupload.svelte",
     "./forms/FloatingLabelInput.svelte": "./forms/FloatingLabelInput.svelte",
     "./forms/Iconinput.svelte": "./forms/Iconinput.svelte",

package/types.d.ts

@@ -64,6 +64,7 @@ export interface DropdownType {
     href: string;
     divider?: boolean;
 }
+export declare type FormColorType = 'blue' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'orange';
 export declare type Gradientduotones = 'purple2blue' | 'cyan2blue' | 'green2blue' | 'purple2pink' | 'pink2orange' | 'teal2lime' | 'red2yellow';
 export interface GroupTimelineType {
     title: string | HTMLElement;
@@ -117,17 +118,6 @@ export interface PillTabType {
     selected: boolean;
     href: string;
 }
-export declare type RadioColorType = 'blue' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'orange';
-export interface RadioType {
-    id: string;
-    name: string;
-    label: string | HTMLElement;
-    value: string;
-    checked?: boolean;
-    disabled?: boolean;
-    helper?: string;
-    color?: RadioColorType;
-}
 export declare type SelectOptionType = {
     name: string;
     value: string;

package/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};