flowbite-svelte 0.48.4 → 1.0.0-next.2

package/dist/index.js

@@ -1,229 +1,76 @@
-// Accordion
-export { default as Accordion } from './accordion/Accordion.svelte';
-export { default as AccordionItem } from './accordion/AccordionItem.svelte';
-
-// Alerts
-export { default as Alert } from './alert/Alert.svelte';
-
-// Avatar
-export { default as Avatar } from './avatar/Avatar.svelte';
-
-// Badges
-export { default as Badge } from './badge/Badge.svelte';
-
-// Banner
-export { default as Banner } from './banner/Banner.svelte';
-
-// Bottom navigation
-export { default as BottomNav } from './bottom-navigation/BottomNav.svelte';
-export { default as BottomNavItem } from './bottom-navigation/BottomNavItem.svelte';
-export { default as BottomNavHeader } from './bottom-navigation/BottomNavHeader.svelte';
-export { default as BottomNavHeaderItem } from './bottom-navigation/BottomNavHeaderItem.svelte';
-
-// Breadcrumbs
-export { default as Breadcrumb } from './breadcrumb/Breadcrumb.svelte';
-export { default as BreadcrumbItem } from './breadcrumb/BreadcrumbItem.svelte';
-
-// Buttons
-export { default as Button } from './buttons/Button.svelte';
-export { default as GradientButton } from './buttons/GradientButton.svelte';
-
-// Buttongroups
-export { default as ButtonGroup } from './button-group/ButtonGroup.svelte';
-
-// Cards
-export { default as Card } from './cards/Card.svelte';
-
-// Carousels
-export { default as Carousel } from './carousel/Carousel.svelte';
-export { default as Thumbnails } from './carousel/Thumbnails.svelte';
-
-// Charts
-export { default as Chart } from './charts/Chart.svelte';
-
-// Dark mode
-export { default as DarkMode } from './darkmode/DarkMode.svelte';
-
-// Datepicker
-export { default as Datepicker } from './datepicker/Datepicker.svelte';
-
-// DeviceMockup
-export { default as DeviceMockup } from './device-mockups/DeviceMockup.svelte';
-
-// Drawer
-export { default as Drawer } from './drawer/Drawer.svelte';
-
-// Dropdown
-export { default as Dropdown } from './dropdown/Dropdown.svelte';
-export { default as DropdownDivider } from './dropdown/DropdownDivider.svelte';
-export { default as DropdownHeader } from './dropdown/DropdownHeader.svelte';
-export { default as DropdownItem } from './dropdown/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 CheckboxButton } from './forms/CheckboxButton.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 MultiSelect } from './forms/MultiSelect.svelte';
-export { default as NumberInput } from './forms/NumberInput.svelte';
-export { default as Radio } from './forms/Radio.svelte';
-export { default as RadioButton } from './forms/RadioButton.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';
-
-// Gallery
-export { default as Gallery } from './gallery/Gallery.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';
-
-// Marquee
-export { default as Marquee } from './marquee/Marquee.svelte';
-
-// Modals
-export { default as Modal } from './modal/Modal.svelte';
-
-// MegaMenu
-export { default as MegaMenu } from './mega-menu/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 './pagination/Pagination.svelte';
-export { default as PaginationItem } from './pagination/PaginationItem.svelte';
-
-// Popover
-export { default as Popover } from './popover/Popover.svelte';
-
-// Progressbar
-export { default as Progressbar } from './progress/Progressbar.svelte';
-
-// Rating
-export { default as Rating } from './rating/Rating.svelte';
-export { default as AdvancedRating } from './rating/AdvancedRating.svelte';
-export { default as ScoreRating } from './rating/ScoreRating.svelte';
-export { default as RatingComment } from './rating/RatingComment.svelte';
-export { default as Review } from './rating/Review.svelte';
-export { default as Star } from './rating/Star.svelte';
-export { default as Heart } from './rating/Heart.svelte';
-export { default as Thumbup } from './rating/Thumbup.svelte';
-
-// Sidebar
-export { default as Sidebar } from './sidebar/Sidebar.svelte';
-export { default as SidebarItem } from './sidebar/SidebarItem.svelte';
-export { default as SidebarBrand } from './sidebar/SidebarBrand.svelte';
-export { default as SidebarCta } from './sidebar/SidebarCta.svelte';
-export { default as SidebarDropdownItem } from './sidebar/SidebarDropdownItem.svelte';
-export { default as SidebarDropdownWrapper } from './sidebar/SidebarDropdownWrapper.svelte';
-export { default as SidebarGroup } from './sidebar/SidebarGroup.svelte';
-export { default as SidebarWrapper } from './sidebar/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';
-
-// 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 './spinner/Spinner.svelte';
-
-// Steps
-export { default as StepIndicator } from './steps/StepIndicator.svelte';
-
-// Tables
-export { default as Table } from './table/Table.svelte';
-export { default as TableBody } from './table/TableBody.svelte';
-export { default as TableBodyCell } from './table/TableBodyCell.svelte';
-export { default as TableBodyRow } from './table/TableBodyRow.svelte';
-export { default as TableHead } from './table/TableHead.svelte';
-export { default as TableHeadCell } from './table/TableHeadCell.svelte';
-export { default as TableSearch } from './table/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 './timeline/Group.svelte';
-export { default as GroupItem } from './timeline/GroupItem.svelte';
-export { default as Activity } from './timeline/Activity.svelte';
-export { default as ActivityItem } from './timeline/ActivityItem.svelte';
-export { default as Timeline } from './timeline/Timeline.svelte';
-export { default as TimelineItem } from './timeline/TimelineItem.svelte';
-
-// Toast
-export { default as Toast } from './toast/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 './tooltip/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 Frame } from './utils/Frame.svelte';
-export { default as TransitionFrame } from './utils/TransitionFrame.svelte';
-
-// video
-export { default as Video } from './video/Video.svelte';
-
-// types
-export * from './types';
+export * from "./uiHelpers.svelte";
+export * from "./accordion";
+export * from "./alert";
+export * from "./avatar";
+export * from "./badge";
+export * from "./banner";
+export * from "./bottom-navigation";
+export * from "./breadcrumb";
+export * from "./buttongroup";
+export * from "./buttons";
+export * from "./cards";
+export * from "./carousel";
+export * from "./chart";
+export * from "./darkmode";
+export * from "./datepicker";
+export * from "./device-mockups";
+export * from "./dropdown";
+export * from "./drawer";
+export * from "./footer";
+export * from "./gallery";
+export * from "./indicator";
+export * from "./kbd";
+export * from "./list-group";
+export * from "./mega-menu";
+export * from "./modal";
+export * from "./navbar";
+export * from "./pagination";
+export * from "./popover";
+export * from "./progress";
+export * from "./rating";
+export * from "./sidebar";
+export * from "./skeleton";
+export * from "./speed-dial";
+export * from "./spinner";
+export * from "./tabs";
+export * from "./table";
+export * from "./timeline";
+export * from "./toast";
+export * from "./toolbar";
+export * from "./tooltip";
+export * from "./utils";
+export * from "./video";
+// forms
+export * from "./forms/checkbox";
+export * from "./forms/checkbox-button";
+export * from "./forms/dropzone";
+export * from "./forms/fileupload";
+export * from "./forms/floating-label-input";
+export * from "./forms/helper";
+export * from "./forms/input";
+export * from "./forms/input-addon";
+export * from "./forms/label";
+export * from "./forms/select";
+export * from "./forms/radio";
+export * from "./forms/radio-button";
+export * from "./forms/range";
+export * from "./forms/search";
+export * from "./forms/textarea";
+export * from "./forms/toggle";
+// typography
+export * from "./typography/anchor";
+export * from "./typography/blockquote";
+export * from "./typography/descriptionlist";
+export * from "./typography/heading";
+export * from "./typography/hr";
+export * from "./typography/img";
+export * from "./typography/layout";
+export * from "./typography/list";
+export * from "./typography/mark";
+export * from "./typography/paragraph";
+export * from "./typography/secondary";
+export * from "./typography/span";
+export * from "./video";
+export * from "./utils";
+export * from "./types";
+export { default as Theme } from "./theme/Theme.svelte";

package/dist/indicator/Indicator.svelte

@@ -0,0 +1,39 @@
+<script lang="ts">
+  import clsx from "clsx";
+  import { indicator, type IndicatorProps as Props } from "./index";
+
+  let { children, color = "primary", cornerStyle = "circular", size = "md", border = false, placement, offset = true, class: className, ...restProps }: Props = $props();
+
+  let hasChildren = !!children;
+  const { base } = $derived(
+    indicator({
+      color,
+      size,
+      cornerStyle,
+      border,
+      placement,
+      offset,
+      hasChildren
+    })
+  );
+</script>
+
+<div {...restProps} class={base({ class: clsx(className) })}>
+  {#if children}
+    {@render children()}
+  {/if}
+</div>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@props: children: any;
+@props:color: any = "primary";
+@props:cornerStyle: any = "circular";
+@props:size: any = "md";
+@props:border: any = false;
+@props:placement: any;
+@props:offset: any = true;
+@props:class: string;
+-->

package/dist/indicator/Indicator.svelte.d.ts

@@ -0,0 +1,26 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type IndicatorProps_ = typeof __propDef.props;
+export { IndicatorProps_ as IndicatorProps };
+export type IndicatorEvents = typeof __propDef.events;
+export type IndicatorSlots = typeof __propDef.slots;
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @props: children: any;
+ * @props:color: any = "primary";
+ * @props:cornerStyle: any = "circular";
+ * @props:size: any = "md";
+ * @props:border: any = false;
+ * @props:placement: any;
+ * @props:offset: any = true;
+ * @props:class: string;
+ */
+export default class Indicator extends SvelteComponentTyped<IndicatorProps_, IndicatorEvents, IndicatorSlots> {
+}

package/dist/indicator/index.d.ts

@@ -0,0 +1,4 @@
+import type { IndicatorProps } from "./type";
+import Indicator from "./Indicator.svelte";
+import { indicator } from "./theme";
+export { Indicator, indicator, type IndicatorProps };

package/dist/indicator/index.js

@@ -0,0 +1,3 @@
+import Indicator from "./Indicator.svelte";
+import { indicator } from "./theme";
+export { Indicator, indicator };