flowbite-svelte 1.14.4 → 1.14.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,7 +2,8 @@
2
2
  import { fade } from "svelte/transition";
3
3
  import { alert } from "./theme";
4
4
  import clsx from "clsx";
5
- import { type AlertProps, type ParamsType, CloseButton } from "..";
5
+ import { type AlertProps, type ParamsType } from "..";
6
+ import CloseButton from "../utils/CloseButton.svelte";
6
7
  import { getTheme } from "../theme/themeUtils";
7
8
  import { createDismissableContext } from "../utils/dismissable";
8
9
 
@@ -1,7 +1,8 @@
1
1
  <script lang="ts">
2
2
  import { avatar } from "./theme";
3
3
  import clsx from "clsx";
4
- import { type AvatarProps, Indicator } from "..";
4
+ import { type AvatarProps } from "..";
5
+ import Indicator from "../indicator/Indicator.svelte";
5
6
  import { getTheme } from "../theme/themeUtils";
6
7
 
7
8
  let { children, indicator, src, href, target, cornerStyle = "circular", border = false, stacked = false, dot, class: className, alt, size = "md", onclick, ...restProps }: AvatarProps = $props();
@@ -1,5 +1,6 @@
1
1
  <script lang="ts">
2
- import { type BadgeProps, CloseButton, type ParamsType } from "..";
2
+ import { type BadgeProps, type ParamsType } from "..";
3
+ import CloseButton from "../utils/CloseButton.svelte";
3
4
  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
4
5
  import clsx from "clsx";
5
6
  import { fade } from "svelte/transition";
@@ -2,7 +2,8 @@
2
2
  import { fade } from "svelte/transition";
3
3
  import { banner } from "./theme";
4
4
  import clsx from "clsx";
5
- import { type ParamsType, type BannerProps, CloseButton } from "..";
5
+ import { type ParamsType, type BannerProps } from "..";
6
+ import CloseButton from "../utils/CloseButton.svelte";
6
7
  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
7
8
  import { createDismissableContext } from "../utils/dismissable";
8
9
 
@@ -1,5 +1,6 @@
1
1
  <script lang="ts">
2
- import { type BottomNavContextType, type BottomNavProps, cn } from "..";
2
+ import { type BottomNavContextType, type BottomNavProps } from "..";
3
+ import { cn } from "../utils";
3
4
  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
4
5
  import clsx from "clsx";
5
6
  import { setContext } from "svelte";
@@ -2,7 +2,7 @@
2
2
  import type { BreadcrumbItemProps } from "..";
3
3
  import { getTheme } from "../theme/themeUtils";
4
4
  import clsx from "clsx";
5
- import { breadcrumbItem } from "./index";
5
+ import { breadcrumbItem } from "./theme";
6
6
 
7
7
  let { children, icon, home = false, href, linkClass, spanClass, homeClass, class: className, classes, ...restProps }: BreadcrumbItemProps = $props();
8
8
 
@@ -2,7 +2,8 @@
2
2
  import { getContext } from "svelte";
3
3
  import { gradientButton } from "./theme";
4
4
  import clsx from "clsx";
5
- import { type GradientButtonProps, type SizeType, Button } from "..";
5
+ import type { GradientButtonProps, SizeType } from "..";
6
+ import Button from "./Button.svelte";
6
7
  import { getTheme } from "../theme/themeUtils";
7
8
 
8
9
  const group: SizeType = getContext("group");
@@ -1,4 +1,4 @@
1
- import { type GradientButtonProps } from "..";
1
+ import type { GradientButtonProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -1,5 +1,6 @@
1
1
  <script lang="ts">
2
- import { type CarouselProps, type CarouselState, Slide } from "..";
2
+ import { type CarouselProps, type CarouselState } from "..";
3
+ import Slide from "./Slide.svelte";
3
4
  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
4
5
  import clsx from "clsx";
5
6
  import { onMount, setContext } from "svelte";
@@ -1,5 +1,6 @@
1
1
  <script lang="ts">
2
- import { Indicator, type IndicatorsProps, type CarouselState } from "..";
2
+ import type { IndicatorsProps, CarouselState } from "..";
3
+ import Indicator from "../indicator/Indicator.svelte";
3
4
  import { getTheme } from "../theme/themeUtils";
4
5
  import clsx from "clsx";
5
6
  import { getContext } from "svelte";
@@ -1,4 +1,4 @@
1
- import { type IndicatorsProps } from "..";
1
+ import type { IndicatorsProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -1,5 +1,6 @@
1
1
  <script lang="ts">
2
- import { type ControlsProps, type CarouselState, ControlButton } from "..";
2
+ import type { ControlsProps, CarouselState } from "..";
3
+ import ControlButton from "./ControlButton.svelte";
3
4
  import { getTheme } from "../theme/themeUtils";
4
5
  import clsx from "clsx";
5
6
  import { getContext } from "svelte";
@@ -1,4 +1,4 @@
1
- import { type ControlsProps } from "..";
1
+ import type { ControlsProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -1,5 +1,6 @@
1
1
  <script lang="ts">
2
- import { Thumbnail, type ThumbnailsProps } from "..";
2
+ import type { ThumbnailsProps } from "..";
3
+ import Thumbnail from "./Thumbnail.svelte";
3
4
  import { getTheme } from "../theme/themeUtils";
4
5
  import clsx from "clsx";
5
6
  import { thumbnails } from "./theme";
@@ -1,4 +1,4 @@
1
- import { type ThumbnailsProps } from "..";
1
+ import type { ThumbnailsProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -2,7 +2,9 @@
2
2
  import { onMount } from "svelte";
3
3
  import { fade } from "svelte/transition";
4
4
  import clsx from "clsx";
5
- import { Button, ToolbarButton, type DatepickerProps } from "..";
5
+ import type { DatepickerProps } from "..";
6
+ import Button from "../buttons/Button.svelte";
7
+ import ToolbarButton from "../toolbar/ToolbarButton.svelte";
6
8
  import { datepicker } from "./theme";
7
9
  import { parse, isValid, addDays, startOfMonth, endOfMonth, startOfWeek, endOfWeek, eachDayOfInterval, isSameDay, isWithinInterval } from "date-fns";
8
10
  import { getTheme } from "../theme/themeUtils";
@@ -1,4 +1,4 @@
1
- import { type DatepickerProps } from "..";
1
+ import type { DatepickerProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -37,6 +37,6 @@ import { type DatepickerProps } from "..";
37
37
  * @prop elementRef = $bindable()
38
38
  * @prop actionSlot
39
39
  */
40
- declare const Datepicker: import("svelte").Component<DatepickerProps, {}, "value" | "rangeFrom" | "rangeTo" | "elementRef">;
40
+ declare const Datepicker: import("svelte").Component<DatepickerProps, {}, "value" | "elementRef" | "rangeFrom" | "rangeTo">;
41
41
  type Datepicker = ReturnType<typeof Datepicker>;
42
42
  export default Datepicker;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import { ios } from "./theme";
3
- import { type IosProps, cn } from "..";
3
+ import type { IosProps } from "..";
4
4
  import { warnThemeDeprecation } from "../theme/themeUtils";
5
5
  import clsx from "clsx";
6
6
 
@@ -1,4 +1,4 @@
1
- import { type IosProps } from "..";
1
+ import type { IosProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import { tablet } from "./theme";
3
- import { type TabletProps, cn } from "..";
3
+ import type { TabletProps } from "..";
4
4
  import { warnThemeDeprecation } from "../theme/themeUtils";
5
5
  import clsx from "clsx";
6
6
 
@@ -1,4 +1,4 @@
1
- import { type TabletProps } from "..";
1
+ import type { TabletProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -1,5 +1,7 @@
1
1
  <script lang="ts">
2
- import { dialog, type DialogProps, type ParamsType, trapFocus } from "..";
2
+ import type { DialogProps, ParamsType } from "..";
3
+ import { trapFocus } from "../utils/actions";
4
+ import { dialog } from "./theme";
3
5
  import CloseButton from "../utils/CloseButton.svelte";
4
6
  import { createDismissableContext } from "../utils/dismissable";
5
7
  import clsx from "clsx";
@@ -1,4 +1,4 @@
1
- import { type DialogProps } from "..";
1
+ import type { DialogProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
@@ -17,6 +17,6 @@ import { type FileuploadProps } from "../..";
17
17
  * @prop wrapperClass
18
18
  * @prop ...restProps
19
19
  */
20
- declare const Fileupload: import("svelte").Component<FileuploadProps, {}, "elementRef" | "files">;
20
+ declare const Fileupload: import("svelte").Component<FileuploadProps, {}, "files" | "elementRef">;
21
21
  type Fileupload = ReturnType<typeof Fileupload>;
22
22
  export default Fileupload;
@@ -8,8 +8,8 @@ export declare const tags: import("tailwind-variants").TVReturnType<{
8
8
  span?: import("tailwind-merge").ClassNameValue;
9
9
  base?: import("tailwind-merge").ClassNameValue;
10
10
  close?: import("tailwind-merge").ClassNameValue;
11
- tag?: import("tailwind-merge").ClassNameValue;
12
11
  error?: import("tailwind-merge").ClassNameValue;
12
+ tag?: import("tailwind-merge").ClassNameValue;
13
13
  info?: import("tailwind-merge").ClassNameValue;
14
14
  warning?: import("tailwind-merge").ClassNameValue;
15
15
  };
@@ -21,8 +21,8 @@ export declare const tags: import("tailwind-variants").TVReturnType<{
21
21
  span?: import("tailwind-merge").ClassNameValue;
22
22
  base?: import("tailwind-merge").ClassNameValue;
23
23
  close?: import("tailwind-merge").ClassNameValue;
24
- tag?: import("tailwind-merge").ClassNameValue;
25
24
  error?: import("tailwind-merge").ClassNameValue;
25
+ tag?: import("tailwind-merge").ClassNameValue;
26
26
  info?: import("tailwind-merge").ClassNameValue;
27
27
  warning?: import("tailwind-merge").ClassNameValue;
28
28
  };
@@ -43,8 +43,8 @@ export declare const tags: import("tailwind-variants").TVReturnType<{
43
43
  span?: import("tailwind-merge").ClassNameValue;
44
44
  base?: import("tailwind-merge").ClassNameValue;
45
45
  close?: import("tailwind-merge").ClassNameValue;
46
- tag?: import("tailwind-merge").ClassNameValue;
47
46
  error?: import("tailwind-merge").ClassNameValue;
47
+ tag?: import("tailwind-merge").ClassNameValue;
48
48
  info?: import("tailwind-merge").ClassNameValue;
49
49
  warning?: import("tailwind-merge").ClassNameValue;
50
50
  };
@@ -12,10 +12,10 @@ export declare const activityItem: import("tailwind-variants").TVReturnType<{
12
12
  img?: import("tailwind-merge").ClassNameValue;
13
13
  span?: import("tailwind-merge").ClassNameValue;
14
14
  title?: import("tailwind-merge").ClassNameValue;
15
- inner?: import("tailwind-merge").ClassNameValue;
16
- text?: import("tailwind-merge").ClassNameValue;
17
- time?: import("tailwind-merge").ClassNameValue;
18
15
  li?: import("tailwind-merge").ClassNameValue;
16
+ time?: import("tailwind-merge").ClassNameValue;
17
+ text?: import("tailwind-merge").ClassNameValue;
18
+ inner?: import("tailwind-merge").ClassNameValue;
19
19
  outer?: import("tailwind-merge").ClassNameValue;
20
20
  };
21
21
  };
@@ -25,10 +25,10 @@ export declare const activityItem: import("tailwind-variants").TVReturnType<{
25
25
  img?: import("tailwind-merge").ClassNameValue;
26
26
  span?: import("tailwind-merge").ClassNameValue;
27
27
  title?: import("tailwind-merge").ClassNameValue;
28
- inner?: import("tailwind-merge").ClassNameValue;
29
- text?: import("tailwind-merge").ClassNameValue;
30
- time?: import("tailwind-merge").ClassNameValue;
31
28
  li?: import("tailwind-merge").ClassNameValue;
29
+ time?: import("tailwind-merge").ClassNameValue;
30
+ text?: import("tailwind-merge").ClassNameValue;
31
+ inner?: import("tailwind-merge").ClassNameValue;
32
32
  outer?: import("tailwind-merge").ClassNameValue;
33
33
  };
34
34
  };
@@ -47,10 +47,10 @@ export declare const activityItem: import("tailwind-variants").TVReturnType<{
47
47
  img?: import("tailwind-merge").ClassNameValue;
48
48
  span?: import("tailwind-merge").ClassNameValue;
49
49
  title?: import("tailwind-merge").ClassNameValue;
50
- inner?: import("tailwind-merge").ClassNameValue;
51
- text?: import("tailwind-merge").ClassNameValue;
52
- time?: import("tailwind-merge").ClassNameValue;
53
50
  li?: import("tailwind-merge").ClassNameValue;
51
+ time?: import("tailwind-merge").ClassNameValue;
52
+ text?: import("tailwind-merge").ClassNameValue;
53
+ inner?: import("tailwind-merge").ClassNameValue;
54
54
  outer?: import("tailwind-merge").ClassNameValue;
55
55
  };
56
56
  };
@@ -77,16 +77,16 @@ export declare const group: import("tailwind-variants").TVReturnType<{
77
77
  [key: string]: {
78
78
  [key: string]: import("tailwind-merge").ClassNameValue | {
79
79
  div?: import("tailwind-merge").ClassNameValue;
80
- time?: import("tailwind-merge").ClassNameValue;
81
80
  ol?: import("tailwind-merge").ClassNameValue;
81
+ time?: import("tailwind-merge").ClassNameValue;
82
82
  };
83
83
  };
84
84
  } | {
85
85
  [x: string]: {
86
86
  [x: string]: import("tailwind-merge").ClassNameValue | {
87
87
  div?: import("tailwind-merge").ClassNameValue;
88
- time?: import("tailwind-merge").ClassNameValue;
89
88
  ol?: import("tailwind-merge").ClassNameValue;
89
+ time?: import("tailwind-merge").ClassNameValue;
90
90
  };
91
91
  };
92
92
  } | {}, {
@@ -97,8 +97,8 @@ export declare const group: import("tailwind-variants").TVReturnType<{
97
97
  [key: string]: {
98
98
  [key: string]: import("tailwind-merge").ClassNameValue | {
99
99
  div?: import("tailwind-merge").ClassNameValue;
100
- time?: import("tailwind-merge").ClassNameValue;
101
100
  ol?: import("tailwind-merge").ClassNameValue;
101
+ time?: import("tailwind-merge").ClassNameValue;
102
102
  };
103
103
  };
104
104
  } | {}, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-svelte",
3
- "version": "1.14.4",
3
+ "version": "1.14.5",
4
4
  "description": "Flowbite components for Svelte",
5
5
  "main": "dist/index.js",
6
6
  "author": {