flowbite-svelte 0.27.15 → 0.27.16

package/forms/VoiceSearch.svelte

@@ -0,0 +1,63 @@
+<script>import { createEventDispatcher } from 'svelte';
+export let id = '';
+export let labelClass = 'sr-only';
+export let iconClass = 'w-5 h-5 text-gray-500 dark:text-gray-400';
+export let iconDivClass = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
+export let inputClass = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
+export let btnClass = 'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
+export let voiceBtnClass = 'flex absolute inset-y-0 right-0 items-center pr-3';
+export let voiceIconClass = 'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white';
+export let placeholder = 'Search Mockups, Logos, Design Templates...';
+const dispatch = createEventDispatcher();
+const handleVoiceBtn = () => {
+    dispatch('handleVoiceBtn');
+};
+</script>
+
+<form class="flex items-center" on:submit>
+	<label for={id} class={labelClass}>Search</label>
+	<div class="relative w-full">
+		<div class={iconDivClass}>
+			<svg
+				class={iconClass}
+				fill="currentColor"
+				viewBox="0 0 20 20"
+				xmlns="http://www.w3.org/2000/svg"
+				><path
+					fill-rule="evenodd"
+					d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
+					clip-rule="evenodd"
+				/></svg
+			>
+		</div>
+		<input {...$$restProps} type="text" {id} class={inputClass} {placeholder} />
+		<button type="button" class={voiceBtnClass} on:click={handleVoiceBtn}>
+			<svg
+				class={voiceIconClass}
+				fill="currentColor"
+				viewBox="0 0 20 20"
+				xmlns="http://www.w3.org/2000/svg"
+				><path
+					fill-rule="evenodd"
+					d="M7 4a3 3 0 016 0v4a3 3 0 11-6 0V4zm4 10.93A7.001 7.001 0 0017 8a1 1 0 10-2 0A5 5 0 015 8a1 1 0 00-2 0 7.001 7.001 0 006 6.93V17H6a1 1 0 100 2h8a1 1 0 100-2h-3v-2.07z"
+					clip-rule="evenodd"
+				/></svg
+			>
+		</button>
+	</div>
+	<button type="submit" class={btnClass}
+		><svg
+			class="mr-2 -ml-1 w-5 h-5"
+			fill="none"
+			stroke="currentColor"
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+			><path
+				stroke-linecap="round"
+				stroke-linejoin="round"
+				stroke-width="2"
+				d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+			/></svg
+		>Search</button
+	>
+</form>

package/forms/VoiceSearch.svelte.d.ts

@@ -0,0 +1,28 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        id?: string | undefined;
+        labelClass?: string | undefined;
+        iconClass?: string | undefined;
+        iconDivClass?: string | undefined;
+        inputClass?: string | undefined;
+        btnClass?: string | undefined;
+        voiceBtnClass?: string | undefined;
+        voiceIconClass?: string | undefined;
+        placeholder?: string | undefined;
+    };
+    events: {
+        submit: SubmitEvent;
+        handleVoiceBtn: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type VoiceSearchProps = typeof __propDef.props;
+export declare type VoiceSearchEvents = typeof __propDef.events;
+export declare type VoiceSearchSlots = typeof __propDef.slots;
+export default class VoiceSearch extends SvelteComponentTyped<VoiceSearchProps, VoiceSearchEvents, VoiceSearchSlots> {
+}
+export {};

package/index.d.ts

@@ -0,0 +1,129 @@
+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 Iconinput } from './forms/Iconinput.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 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 Spinner } from './spinners/Spinner.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 UserCircle } from './utils/UserCircle.svelte';
+export { default as Video } from './video/Video.svelte';

package/index.js

@@ -0,0 +1,165 @@
+// 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';
+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';
+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 Iconinput } from './forms/Iconinput.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';
+// 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';
+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';
+// Skeleton
+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';
+// Spin
+export { default as Spinner } from './spinners/Spinner.svelte';
+// Tables
+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';
+// 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';
+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';
+// 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';
+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';
+// utils
+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 UserCircle } from './utils/UserCircle.svelte';
+// video
+export { default as Video } from './video/Video.svelte';

package/kbd/ArrowKeyDown.svelte

@@ -0,0 +1,15 @@
+<script>import classNames from 'classnames';
+export let svgClass = 'w-4 h-4';
+</script>
+
+<svg
+	{...$$restProps}
+	class={classNames(svgClass, $$props.class)}
+	aria-hidden="true"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 320 512"
+	><path
+		d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"
+	/></svg
+>

package/kbd/ArrowKeyDown.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        svgClass?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type ArrowKeyDownProps = typeof __propDef.props;
+export declare type ArrowKeyDownEvents = typeof __propDef.events;
+export declare type ArrowKeyDownSlots = typeof __propDef.slots;
+export default class ArrowKeyDown extends SvelteComponentTyped<ArrowKeyDownProps, ArrowKeyDownEvents, ArrowKeyDownSlots> {
+}
+export {};

package/kbd/ArrowKeyLeft.svelte

@@ -0,0 +1,15 @@
+<script>import classNames from 'classnames';
+export let svgClass = 'w-4 h-4';
+</script>
+
+<svg
+	{...$$restProps}
+	class={classNames(svgClass, $$props.class)}
+	aria-hidden="true"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 320 512"
+	><path
+		d="M137.4 406.6l-128-127.1C3.125 272.4 0 264.2 0 255.1s3.125-16.38 9.375-22.63l128-127.1c9.156-9.156 22.91-11.9 34.88-6.943S192 115.1 192 128v255.1c0 12.94-7.781 24.62-19.75 29.58S146.5 415.8 137.4 406.6z"
+	/></svg
+>

package/kbd/ArrowKeyLeft.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        svgClass?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type ArrowKeyLeftProps = typeof __propDef.props;
+export declare type ArrowKeyLeftEvents = typeof __propDef.events;
+export declare type ArrowKeyLeftSlots = typeof __propDef.slots;
+export default class ArrowKeyLeft extends SvelteComponentTyped<ArrowKeyLeftProps, ArrowKeyLeftEvents, ArrowKeyLeftSlots> {
+}
+export {};

package/kbd/ArrowKeyRight.svelte

@@ -0,0 +1,15 @@
+<script>import classNames from 'classnames';
+export let svgClass = 'w-4 h-4';
+</script>
+
+<svg
+	{...$$restProps}
+	class={classNames(svgClass, $$props.class)}
+	aria-hidden="true"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 320 512"
+	><path
+		d="M118.6 105.4l128 127.1C252.9 239.6 256 247.8 256 255.1s-3.125 16.38-9.375 22.63l-128 127.1c-9.156 9.156-22.91 11.9-34.88 6.943S64 396.9 64 383.1V128c0-12.94 7.781-24.62 19.75-29.58S109.5 96.23 118.6 105.4z"
+	/></svg
+>

package/kbd/ArrowKeyRight.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        svgClass?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type ArrowKeyRightProps = typeof __propDef.props;
+export declare type ArrowKeyRightEvents = typeof __propDef.events;
+export declare type ArrowKeyRightSlots = typeof __propDef.slots;
+export default class ArrowKeyRight extends SvelteComponentTyped<ArrowKeyRightProps, ArrowKeyRightEvents, ArrowKeyRightSlots> {
+}
+export {};

package/kbd/ArrowKeyUp.svelte

@@ -0,0 +1,15 @@
+<script>import classNames from 'classnames';
+export let svgClass = 'w-4 h-4';
+</script>
+
+<svg
+	{...$$restProps}
+	class={classNames(svgClass, $$props.class)}
+	aria-hidden="true"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 320 512"
+	><path
+		d="M9.39 265.4l127.1-128C143.6 131.1 151.8 128 160 128s16.38 3.125 22.63 9.375l127.1 128c9.156 9.156 11.9 22.91 6.943 34.88S300.9 320 287.1 320H32.01c-12.94 0-24.62-7.781-29.58-19.75S.2333 274.5 9.39 265.4z"
+	/></svg
+>

package/kbd/ArrowKeyUp.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        svgClass?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type ArrowKeyUpProps = typeof __propDef.props;
+export declare type ArrowKeyUpEvents = typeof __propDef.events;
+export declare type ArrowKeyUpSlots = typeof __propDef.slots;
+export default class ArrowKeyUp extends SvelteComponentTyped<ArrowKeyUpProps, ArrowKeyUpEvents, ArrowKeyUpSlots> {
+}
+export {};

package/kbd/Kbd.svelte

@@ -0,0 +1,7 @@
+<script>import classNames from 'classnames';
+export let kbdClass = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
+</script>
+
+<kbd class={classNames(kbdClass, $$props.class)}>
+	<slot />
+</kbd>

package/kbd/Kbd.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        kbdClass?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type KbdProps = typeof __propDef.props;
+export declare type KbdEvents = typeof __propDef.events;
+export declare type KbdSlots = typeof __propDef.slots;
+export default class Kbd extends SvelteComponentTyped<KbdProps, KbdEvents, KbdSlots> {
+}
+export {};

package/list-group/Listgroup.svelte

@@ -0,0 +1,18 @@
+<script>import { setContext } from 'svelte';
+import classNames from 'classnames';
+import ListgroupItem from './ListgroupItem.svelte';
+import Frame from '../utils/Frame.svelte';
+export let items = [];
+export let active = false;
+$: setContext('active', active);
+let groupClass;
+$: groupClass = classNames('divide-y divide-gray-200 dark:divide-gray-600', $$props.class);
+</script>
+
+<Frame tag={active ? 'div' : 'ul'} {...$$restProps} rounded border class={groupClass}>
+  {#each items as item, index}
+    <ListgroupItem {active} {...item} {index} on:click><slot {item} {index} /></ListgroupItem>
+  {:else}
+    <slot />
+  {/each}
+</Frame>

package/list-group/Listgroup.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponentTyped } from "svelte";
+import type { ListGroupItemType } from '../types';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        items?: ListGroupItemType[] | undefined;
+        active?: boolean | undefined;
+    };
+    events: {
+        click: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type ListgroupProps = typeof __propDef.props;
+export declare type ListgroupEvents = typeof __propDef.events;
+export declare type ListgroupSlots = typeof __propDef.slots;
+export default class Listgroup extends SvelteComponentTyped<ListgroupProps, ListgroupEvents, ListgroupSlots> {
+}
+export {};