@rkosafo/cai.components 0.0.78 → 0.0.80

package/dist/ui/toast/Toast.svelte.d.ts

@@ -40,11 +40,11 @@ export interface ToasterProps {
     offset?: number | string;
 }
 export declare const toast: {
-    success: (message: string, options?: CustomToastOptions) => any;
-    error: (message: string, options?: CustomToastOptions) => any;
-    warning: (message: string, options?: CustomToastOptions) => any;
-    info: (message: string, options?: CustomToastOptions) => any;
-    loading: (message: string, options?: CustomToastOptions) => any;
+    success: (message: string, options?: CustomToastOptions) => string;
+    error: (message: string, options?: CustomToastOptions) => string;
+    warning: (message: string, options?: CustomToastOptions) => string;
+    info: (message: string, options?: CustomToastOptions) => string;
+    loading: (message: string, options?: CustomToastOptions) => string;
     promise: <T>(promise: Promise<T>, messages: {
         loading: string;
         success: string;
@@ -53,14 +53,14 @@ export declare const toast: {
         loading?: CustomToastOptions;
         success?: CustomToastOptions;
         error?: CustomToastOptions;
-    }) => any;
-    custom: (message: string, type?: ToastType, options?: CustomToastOptions) => any;
+    }) => Promise<T>;
+    custom: (message: string, type?: ToastType, options?: CustomToastOptions) => string;
     action: (message: string, action: {
         label: string;
         onClick: () => void;
-    }, options?: CustomToastOptions) => any;
-    dismiss: (toastId?: string) => any;
-    remove: (toastId?: string) => any;
+    }, options?: CustomToastOptions) => string;
+    dismiss: (toastId?: string) => void;
+    remove: (toastId?: string) => void;
 };
 export declare function updateToastConfig(config: {
     duration?: number;

package/dist/ui/toolbar/Toolbar.svelte

@@ -1,59 +1,59 @@
-<script lang="ts">
-	import clsx from 'clsx';
-	import { setContext } from 'svelte';
-	import { toolbar } from './index.js';
-	import { getTheme, type ToolbarProps } from '../../index.js';
-
-	let {
-		children,
-		end,
-		color,
-		embedded,
-		class: className,
-		classes,
-		...restProps
-	}: ToolbarProps = $props();
-
-	const theme = getTheme('toolbar');
-
-	const context = $state({ separators: false });
-	setContext('toolbar', context);
-
-	let frameColor = $derived(embedded ? 'default' : color);
-
-	let { base, content } = $derived(
-		toolbar({
-			color: frameColor,
-			embedded,
-			separators: context.separators
-		})
-	);
-
-	// let separatorsClass: string = twMerge($separators && 'sm:divide-x rtl:divide-x-reverse');
-
-	// let divClass: string = twMerge('flex justify-between items-center', !embedded && 'py-2 px-3', className);
-</script>
-
-<div {...restProps} class={base({ class: clsx(theme?.base, className) })}>
-	<div class={content({ class: clsx(theme?.content, classes?.content) })}>
-		{@render children?.()}
-	</div>
-	{#if end}
-		{@render end()}
-	{/if}
-</div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Type
-[ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1116)
-## Props
-@prop children
-@prop end
-@prop color
-@prop embedded
-@prop class: className
-@prop classes
-@prop ...restProps
--->
+<script lang="ts">
+	import clsx from 'clsx';
+	import { setContext } from 'svelte';
+	import { toolbar } from './index.js';
+	import { getTheme, type ToolbarProps } from '../../index.js';
+
+	let {
+		children,
+		end,
+		color,
+		embedded,
+		class: className,
+		classes,
+		...restProps
+	}: ToolbarProps = $props();
+
+	const theme = getTheme('toolbar');
+
+	const context = $state({ separators: false });
+	setContext('toolbar', context);
+
+	let frameColor = $derived(embedded ? 'default' : color);
+
+	let { base, content } = $derived(
+		toolbar({
+			color: frameColor,
+			embedded,
+			separators: context.separators
+		})
+	);
+
+	// let separatorsClass: string = twMerge($separators && 'sm:divide-x rtl:divide-x-reverse');
+
+	// let divClass: string = twMerge('flex justify-between items-center', !embedded && 'py-2 px-3', className);
+</script>
+
+<div {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+	<div class={content({ class: clsx(theme?.content, classes?.content) })}>
+		{@render children?.()}
+	</div>
+	{#if end}
+		{@render end()}
+	{/if}
+</div>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1116)
+## Props
+@prop children
+@prop end
+@prop color
+@prop embedded
+@prop class: className
+@prop classes
+@prop ...restProps
+-->

package/dist/ui/toolbar/ToolbarButton.svelte

@@ -1,56 +1,56 @@
-<script lang="ts">
-	import { getContext } from 'svelte';
-	import { toolbarButton } from './index.js';
-
-	import clsx from 'clsx';
-	import { getTheme, type ToolbarButtonProps } from '../../index.js';
-
-	const background = getContext('background');
-	let {
-		children,
-		color,
-		name,
-		'aria-label': ariaLabel,
-		size,
-		class: className,
-		...restProps
-	}: ToolbarButtonProps = $props();
-
-	const theme = getTheme('toolbarButton');
-
-	const buttonCls = $derived(
-		toolbarButton({
-			color,
-			size,
-			background: !!background,
-			class: clsx(theme, className)
-		})
-	);
-</script>
-
-{#if restProps.href === undefined}
-	<button type="button" {...restProps} class={buttonCls} aria-label={ariaLabel ?? name}>
-		{#if name}<span class="sr-only">{name}</span>{/if}
-		{@render children?.()}
-	</button>
-{:else}
-	<a {...restProps} class={buttonCls} aria-label={ariaLabel ?? name}>
-		{#if name}<span class="sr-only">{name}</span>{/if}
-		{@render children?.()}
-	</a>
-{/if}
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Type
-[ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1122)
-## Props
-@prop children
-@prop color
-@prop name
-@prop "aria-label": ariaLabel
-@prop size
-@prop class: className
-@prop ...restProps
--->
+<script lang="ts">
+	import { getContext } from 'svelte';
+	import { toolbarButton } from './index.js';
+
+	import clsx from 'clsx';
+	import { getTheme, type ToolbarButtonProps } from '../../index.js';
+
+	const background = getContext('background');
+	let {
+		children,
+		color,
+		name,
+		'aria-label': ariaLabel,
+		size,
+		class: className,
+		...restProps
+	}: ToolbarButtonProps = $props();
+
+	const theme = getTheme('toolbarButton');
+
+	const buttonCls = $derived(
+		toolbarButton({
+			color,
+			size,
+			background: !!background,
+			class: clsx(theme, className)
+		})
+	);
+</script>
+
+{#if restProps.href === undefined}
+	<button type="button" {...restProps} class={buttonCls} aria-label={ariaLabel ?? name}>
+		{#if name}<span class="sr-only">{name}</span>{/if}
+		{@render children?.()}
+	</button>
+{:else}
+	<a {...restProps} class={buttonCls} aria-label={ariaLabel ?? name}>
+		{#if name}<span class="sr-only">{name}</span>{/if}
+		{@render children?.()}
+	</a>
+{/if}
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1122)
+## Props
+@prop children
+@prop color
+@prop name
+@prop "aria-label": ariaLabel
+@prop size
+@prop class: className
+@prop ...restProps
+-->

package/dist/ui/toolbar/ToolbarGroup.svelte

@@ -1,43 +1,43 @@
-<script lang="ts">
-	import clsx from 'clsx';
-	import { getContext } from 'svelte';
-	import { toolbarGroup } from './index.js';
-	import { getTheme, type ToolbarGroupProps } from '../../index.js';
-
-	let {
-		children,
-		spacing,
-		padding,
-		position = 'middle',
-		class: className,
-		...restProps
-	}: ToolbarGroupProps = $props();
-
-	const theme = getTheme('toolbarGroup');
-
-	const groupCls = $derived(
-		toolbarGroup({ spacing, padding, position, class: clsx(theme, className) })
-	);
-
-	const context = getContext<Record<string, boolean>>('toolbar');
-
-	if (context) context.separators = true;
-</script>
-
-<div {...restProps} class={groupCls}>
-	{@render children?.()}
-</div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Type
-[ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1120)
-## Props
-@prop children
-@prop spacing
-@prop padding
-@prop position = "middle"
-@prop class: className
-@prop ...restProps
--->
+<script lang="ts">
+	import clsx from 'clsx';
+	import { getContext } from 'svelte';
+	import { toolbarGroup } from './index.js';
+	import { getTheme, type ToolbarGroupProps } from '../../index.js';
+
+	let {
+		children,
+		spacing,
+		padding,
+		position = 'middle',
+		class: className,
+		...restProps
+	}: ToolbarGroupProps = $props();
+
+	const theme = getTheme('toolbarGroup');
+
+	const groupCls = $derived(
+		toolbarGroup({ spacing, padding, position, class: clsx(theme, className) })
+	);
+
+	const context = getContext<Record<string, boolean>>('toolbar');
+
+	if (context) context.separators = true;
+</script>
+
+<div {...restProps} class={groupCls}>
+	{@render children?.()}
+</div>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1120)
+## Props
+@prop children
+@prop spacing
+@prop padding
+@prop position = "middle"
+@prop class: className
+@prop ...restProps
+-->

package/dist/ui/tooltip/Tooltip.svelte

@@ -1,51 +1,51 @@
-<script lang="ts">
-	import { Popper, type TooltipProps, type TriggeredToggleEvent } from '../../index.js';
-	import clsx from 'clsx';
-	import { tooltip } from './theme.js';
-
-	let {
-		type = 'dark',
-		color = undefined,
-		trigger = 'hover',
-		arrow = true,
-		children,
-		placement = 'top',
-		onbeforetoggle: _onbeforetoggle,
-		class: className,
-		isOpen = $bindable(false),
-		...restProps
-	}: TooltipProps = $props();
-
-	const base = $derived(tooltip({ color, type, class: clsx(className) }));
-	function onbeforetoggle(ev: TriggeredToggleEvent) {
-		// block all focusable elements inside the tooltip
-		if (ev.target instanceof HTMLElement) {
-			ev.target
-				.querySelectorAll(
-					'a, button, input, textarea, select, details, [tabindex], [contenteditable="true"]'
-				)
-				.forEach((element) => element.setAttribute('tabindex', '-1'));
-		}
-		// bubble event to parent
-		_onbeforetoggle?.(ev);
-	}
-</script>
-
-<Popper {...restProps} bind:isOpen {placement} {trigger} {arrow} class={base} {onbeforetoggle}>
-	<div class="pointer-events-none">{@render children()}</div>
-</Popper>
-
-<!--
-@component
-## Props
-@prop type = "dark"
-@prop color = undefined
-@prop trigger = "hover"
-@prop arrow = true
-@prop children
-@prop placement = "top"
-@prop onbeforetoggle: _onbeforetoggle
-@prop class: className
-@prop isOpen = $bindable(false)
-@prop ...restProps
--->
+<script lang="ts">
+	import { Popper, type TooltipProps, type TriggeredToggleEvent } from '../../index.js';
+	import clsx from 'clsx';
+	import { tooltip } from './theme.js';
+
+	let {
+		type = 'dark',
+		color = undefined,
+		trigger = 'hover',
+		arrow = true,
+		children,
+		placement = 'top',
+		onbeforetoggle: _onbeforetoggle,
+		class: className,
+		isOpen = $bindable(false),
+		...restProps
+	}: TooltipProps = $props();
+
+	const base = $derived(tooltip({ color, type, class: clsx(className) }));
+	function onbeforetoggle(ev: TriggeredToggleEvent) {
+		// block all focusable elements inside the tooltip
+		if (ev.target instanceof HTMLElement) {
+			ev.target
+				.querySelectorAll(
+					'a, button, input, textarea, select, details, [tabindex], [contenteditable="true"]'
+				)
+				.forEach((element) => element.setAttribute('tabindex', '-1'));
+		}
+		// bubble event to parent
+		_onbeforetoggle?.(ev);
+	}
+</script>
+
+<Popper {...restProps} bind:isOpen {placement} {trigger} {arrow} class={base} {onbeforetoggle}>
+	<div class="pointer-events-none">{@render children()}</div>
+</Popper>
+
+<!--
+@component
+## Props
+@prop type = "dark"
+@prop color = undefined
+@prop trigger = "hover"
+@prop arrow = true
+@prop children
+@prop placement = "top"
+@prop onbeforetoggle: _onbeforetoggle
+@prop class: className
+@prop isOpen = $bindable(false)
+@prop ...restProps
+-->