compote-ui 0.30.2 → 0.31.1

package/dist/components/drawer/drawer-title.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { DrawerTitleBaseProps } from '@ark-ui/svelte/drawer';
+import type { ClassValue } from 'svelte/elements';
 interface Props extends DrawerTitleBaseProps {
-    class?: string;
+    class?: ClassValue;
 }
 declare const DrawerTitle: import("svelte").Component<Props, {}, "">;
 type DrawerTitle = ReturnType<typeof DrawerTitle>;

package/dist/components/drawer/drawer-trigger.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { Drawer } from '@ark-ui/svelte/drawer';
 	import type { DrawerTriggerBaseProps } from '@ark-ui/svelte/drawer';
+	import type { ClassValue } from 'svelte/elements';
 
 	interface Props extends DrawerTriggerBaseProps {
-		class?: string;
+		class?: ClassValue;
 	}
 
 	let { class: className, children, ...rest }: Props = $props();

package/dist/components/drawer/drawer-trigger.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { DrawerTriggerBaseProps } from '@ark-ui/svelte/drawer';
+import type { ClassValue } from 'svelte/elements';
 interface Props extends DrawerTriggerBaseProps {
-    class?: string;
+    class?: ClassValue;
 }
 declare const DrawerTrigger: import("svelte").Component<Props, {}, "">;
 type DrawerTrigger = ReturnType<typeof DrawerTrigger>;

package/dist/components/field/types.d.ts

@@ -1,30 +1,31 @@
 import type { Snippet } from 'svelte';
 import type { FieldRootBaseProps, FieldLabelBaseProps, FieldInputProps as ArkFieldInputProps, FieldTextareaProps as ArkFieldTextareaProps, FieldHelperTextBaseProps, FieldErrorTextBaseProps } from '@ark-ui/svelte/field';
+import type { ClassValue } from 'svelte/elements';
 export interface FormAdapter {
     invalid(field: string): boolean;
     isRequired(field: string): boolean;
     errors: Record<string, string[]>;
 }
 export interface FieldRootProps extends FieldRootBaseProps {
-    class?: string;
+    class?: ClassValue;
     form?: FormAdapter;
     field?: string;
     helperText?: string;
 }
 export interface FieldLabelProps extends FieldLabelBaseProps {
-    class?: string;
+    class?: ClassValue;
 }
 export interface FieldInputProps extends ArkFieldInputProps {
-    class?: string;
+    class?: ClassValue;
     startIcon?: Snippet;
     endIcon?: Snippet;
 }
 export interface FieldTextareaProps extends ArkFieldTextareaProps {
-    class?: string;
+    class?: ClassValue;
 }
 export interface FieldHelperTextProps extends FieldHelperTextBaseProps {
-    class?: string;
+    class?: ClassValue;
 }
 export interface FieldErrorTextProps extends FieldErrorTextBaseProps {
-    class?: string;
+    class?: ClassValue;
 }

package/dist/components/fieldset/types.d.ts

@@ -1,13 +1,14 @@
 import type { FieldsetRootBaseProps, FieldsetLegendBaseProps, FieldsetHelperTextBaseProps, FieldsetErrorTextBaseProps } from '@ark-ui/svelte/fieldset';
+import type { ClassValue } from 'svelte/elements';
 export interface FieldsetRootProps extends FieldsetRootBaseProps {
-    class?: string;
+    class?: ClassValue;
 }
 export interface FieldsetLegendProps extends FieldsetLegendBaseProps {
-    class?: string;
+    class?: ClassValue;
 }
 export interface FieldsetHelperTextProps extends FieldsetHelperTextBaseProps {
-    class?: string;
+    class?: ClassValue;
 }
 export interface FieldsetErrorTextProps extends FieldsetErrorTextBaseProps {
-    class?: string;
+    class?: ClassValue;
 }

package/dist/components/image-crop-dialog/image-crop-dialog.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Dialog from '../dialog/dialog.svelte';
+	import * as Dialog from '../dialog';
 	import ImageCropper from '../image-cropper/image-cropper.svelte';
 	import { Button } from '../..';
 	import { cropImage, processImage } from '../../utils/image-processing';
@@ -47,16 +47,17 @@
 	}
 </script>
 
-<Dialog
+<Dialog.Root
 	bind:open
-	{title}
-	{description}
 	onOpenChange={(details) => {
 		if (!details.open) onCancel();
 	}}
 >
+	<Dialog.Title>{title}</Dialog.Title>
+	<Dialog.Description>{description}</Dialog.Description>
+
 	<ImageCropper bind:getCropData src={imageSrc} alt="Crop preview" {aspectRatio} />
-	{#snippet footer()}
+	<Dialog.Footer>
 		<Button variant="outline" onclick={onCancel} disabled={processing}>Cancel</Button>
 		{#if showSkipCrop}
 			<Button variant="outline" onclick={handleSkipCrop} disabled={processing}>
@@ -66,5 +67,5 @@
 		<Button onclick={handleCrop} disabled={processing}>
 			{processing ? 'Processing...' : confirmLabel}
 		</Button>
-	{/snippet}
-</Dialog>
+	</Dialog.Footer>
+</Dialog.Root>

package/dist/components/listbox/listbox-content.svelte

@@ -5,9 +5,10 @@
 	import type { ListItem } from '../../utils/collections';
 	import { cn } from 'tailwind-variants';
 	import { getListboxContext } from './listbox-context';
+	import type { ClassValue } from 'svelte/elements';
 
 	type Props = ListboxContentBaseProps & {
-		class?: string;
+		class?: ClassValue;
 		items?: Snippet<[{ items: ListItem[]; group: [string, ListItem[]][] }]>;
 	};
 

package/dist/components/listbox/listbox-content.svelte.d.ts

@@ -1,8 +1,9 @@
 import type { ListboxContentBaseProps } from '@ark-ui/svelte/listbox';
 import type { Snippet } from 'svelte';
 import type { ListItem } from '../../utils/collections';
+import type { ClassValue } from 'svelte/elements';
 type Props = ListboxContentBaseProps & {
-    class?: string;
+    class?: ClassValue;
     items?: Snippet<[{
         items: ListItem[];
         group: [string, ListItem[]][];

package/dist/components/listbox/listbox-empty.svelte

@@ -2,10 +2,11 @@
 	import { Listbox } from '@ark-ui/svelte/listbox';
 	import type { ListboxEmptyBaseProps } from '@ark-ui/svelte/listbox';
 	import type { Snippet } from 'svelte';
+	import type { ClassValue } from 'svelte/elements';
 	import { cn } from 'tailwind-variants';
 
 	type Props = ListboxEmptyBaseProps & {
-		class?: string;
+		class?: ClassValue;
 		children?: Snippet;
 	};
 

package/dist/components/listbox/listbox-empty.svelte.d.ts

@@ -1,7 +1,8 @@
 import type { ListboxEmptyBaseProps } from '@ark-ui/svelte/listbox';
 import type { Snippet } from 'svelte';
+import type { ClassValue } from 'svelte/elements';
 type Props = ListboxEmptyBaseProps & {
-    class?: string;
+    class?: ClassValue;
     children?: Snippet;
 };
 declare const ListboxEmpty: import("svelte").Component<Props, {}, "">;

package/dist/components/listbox/listbox-input.svelte

@@ -3,9 +3,10 @@
 	import type { ListboxInputBaseProps } from '@ark-ui/svelte/listbox';
 	import { cn } from 'tailwind-variants';
 	import { getListboxContext } from './listbox-context';
+	import type { ClassValue } from 'svelte/elements';
 
 	type Props = ListboxInputBaseProps & {
-		class?: string;
+		class?: ClassValue;
 		placeholder?: string;
 		oninput?: (event: Event & { currentTarget: HTMLInputElement }) => void;
 	};

package/dist/components/listbox/listbox-input.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { ListboxInputBaseProps } from '@ark-ui/svelte/listbox';
+import type { ClassValue } from 'svelte/elements';
 type Props = ListboxInputBaseProps & {
-    class?: string;
+    class?: ClassValue;
     placeholder?: string;
     oninput?: (event: Event & {
         currentTarget: HTMLInputElement;

package/dist/components/listbox/listbox-item-group-label.svelte

@@ -2,10 +2,11 @@
 	import { Listbox } from '@ark-ui/svelte/listbox';
 	import type { ListboxItemGroupLabelBaseProps } from '@ark-ui/svelte/listbox';
 	import type { Snippet } from 'svelte';
+	import type { ClassValue } from 'svelte/elements';
 	import { cn } from 'tailwind-variants';
 
 	type Props = ListboxItemGroupLabelBaseProps & {
-		class?: string;
+		class?: ClassValue;
 		children?: Snippet;
 	};
 

package/dist/components/listbox/listbox-item-group-label.svelte.d.ts

@@ -1,7 +1,8 @@
 import type { ListboxItemGroupLabelBaseProps } from '@ark-ui/svelte/listbox';
 import type { Snippet } from 'svelte';
+import type { ClassValue } from 'svelte/elements';
 type Props = ListboxItemGroupLabelBaseProps & {
-    class?: string;
+    class?: ClassValue;
     children?: Snippet;
 };
 declare const ListboxItemGroupLabel: import("svelte").Component<Props, {}, "">;

package/dist/components/listbox/listbox-item-group.svelte

@@ -2,10 +2,11 @@
 	import { Listbox } from '@ark-ui/svelte/listbox';
 	import type { ListboxItemGroupBaseProps } from '@ark-ui/svelte/listbox';
 	import type { Snippet } from 'svelte';
+	import type { ClassValue } from 'svelte/elements';
 	import { cn } from 'tailwind-variants';
 
 	type Props = ListboxItemGroupBaseProps & {
-		class?: string;
+		class?: ClassValue;
 		children?: Snippet;
 	};
 

package/dist/components/listbox/listbox-item-group.svelte.d.ts

@@ -1,7 +1,8 @@
 import type { ListboxItemGroupBaseProps } from '@ark-ui/svelte/listbox';
 import type { Snippet } from 'svelte';
+import type { ClassValue } from 'svelte/elements';
 type Props = ListboxItemGroupBaseProps & {
-    class?: string;
+    class?: ClassValue;
     children?: Snippet;
 };
 declare const ListboxItemGroup: import("svelte").Component<Props, {}, "">;

package/dist/components/listbox/listbox-item-indicator.svelte

@@ -4,9 +4,10 @@
 	import type { Snippet } from 'svelte';
 	import { cn } from 'tailwind-variants';
 	import { PhCheck } from '../../icons';
+	import type { ClassValue } from 'svelte/elements';
 
 	type Props = ListboxItemIndicatorBaseProps & {
-		class?: string;
+		class?: ClassValue;
 		children?: Snippet;
 	};
 

package/dist/components/listbox/listbox-item-indicator.svelte.d.ts

@@ -1,7 +1,8 @@
 import type { ListboxItemIndicatorBaseProps } from '@ark-ui/svelte/listbox';
 import type { Snippet } from 'svelte';
+import type { ClassValue } from 'svelte/elements';
 type Props = ListboxItemIndicatorBaseProps & {
-    class?: string;
+    class?: ClassValue;
     children?: Snippet;
 };
 declare const ListboxItemIndicator: import("svelte").Component<Props, {}, "">;

package/dist/components/listbox/listbox-item-text.svelte

@@ -2,10 +2,11 @@
 	import { Listbox } from '@ark-ui/svelte/listbox';
 	import type { ListboxItemTextBaseProps } from '@ark-ui/svelte/listbox';
 	import type { Snippet } from 'svelte';
+	import type { ClassValue } from 'svelte/elements';
 	import { cn } from 'tailwind-variants';
 
 	type Props = ListboxItemTextBaseProps & {
-		class?: string;
+		class?: ClassValue;
 		children?: Snippet;
 	};
 

package/dist/components/listbox/listbox-item-text.svelte.d.ts

@@ -1,7 +1,8 @@
 import type { ListboxItemTextBaseProps } from '@ark-ui/svelte/listbox';
 import type { Snippet } from 'svelte';
+import type { ClassValue } from 'svelte/elements';
 type Props = ListboxItemTextBaseProps & {
-    class?: string;
+    class?: ClassValue;
     children?: Snippet;
 };
 declare const ListboxItemText: import("svelte").Component<Props, {}, "">;

package/dist/components/listbox/listbox-item.svelte

@@ -2,10 +2,11 @@
 	import { Listbox } from '@ark-ui/svelte/listbox';
 	import type { ListboxItemBaseProps } from '@ark-ui/svelte/listbox';
 	import type { Snippet } from 'svelte';
+	import type { ClassValue } from 'svelte/elements';
 	import { cn } from 'tailwind-variants';
 
 	type Props = ListboxItemBaseProps & {
-		class?: string;
+		class?: ClassValue;
 		children?: Snippet;
 	};
 

package/dist/components/listbox/listbox-item.svelte.d.ts

@@ -1,7 +1,8 @@
 import type { ListboxItemBaseProps } from '@ark-ui/svelte/listbox';
 import type { Snippet } from 'svelte';
+import type { ClassValue } from 'svelte/elements';
 type Props = ListboxItemBaseProps & {
-    class?: string;
+    class?: ClassValue;
     children?: Snippet;
 };
 declare const ListboxItem: import("svelte").Component<Props, {}, "">;

package/dist/components/listbox/listbox-label.svelte

@@ -2,10 +2,11 @@
 	import { Listbox } from '@ark-ui/svelte/listbox';
 	import type { ListboxLabelBaseProps } from '@ark-ui/svelte/listbox';
 	import type { Snippet } from 'svelte';
+	import type { ClassValue } from 'svelte/elements';
 	import { cn } from 'tailwind-variants';
 
 	type Props = ListboxLabelBaseProps & {
-		class?: string;
+		class?: ClassValue;
 		children?: Snippet;
 	};
 

package/dist/components/listbox/listbox-label.svelte.d.ts

@@ -1,7 +1,8 @@
 import type { ListboxLabelBaseProps } from '@ark-ui/svelte/listbox';
 import type { Snippet } from 'svelte';
+import type { ClassValue } from 'svelte/elements';
 type Props = ListboxLabelBaseProps & {
-    class?: string;
+    class?: ClassValue;
     children?: Snippet;
 };
 declare const ListboxLabel: import("svelte").Component<Props, {}, "">;

package/dist/components/listbox/listbox-root.svelte

@@ -7,12 +7,13 @@
 	import type { ListItem } from '../../utils/collections';
 	import { cn } from 'tailwind-variants';
 	import { setListboxContext } from './listbox-context';
+	import type { ClassValue } from 'svelte/elements';
 
 	type Props = Omit<ListboxRootBaseProps<ListItem<T>>, 'collection' | 'value'> & {
 		items: ListItem<T>[];
 		value?: T[];
 		name?: string;
-		class?: string;
+		class?: ClassValue;
 		children?: Snippet;
 	};
 

package/dist/components/listbox/listbox-root.svelte.d.ts

@@ -1,12 +1,13 @@
 import { Listbox } from '@ark-ui/svelte/listbox';
 import type { Snippet } from 'svelte';
 import type { ListItem } from '../../utils/collections';
+import type { ClassValue } from 'svelte/elements';
 declare function $$render<T extends string | number = string>(): {
     props: Omit<Listbox.RootBaseProps<ListItem<T>>, "value" | "collection"> & {
         items: ListItem<T>[];
         value?: T[];
         name?: string;
-        class?: string;
+        class?: ClassValue;
         children?: Snippet;
     };
     exports: {};

package/dist/components/listbox/listbox-value-text.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
 	import { Listbox } from '@ark-ui/svelte/listbox';
 	import type { ListboxValueTextBaseProps } from '@ark-ui/svelte/listbox';
+	import type { ClassValue } from 'svelte/elements';
 	import { cn } from 'tailwind-variants';
 
 	type Props = ListboxValueTextBaseProps & {
-		class?: string;
+		class?: ClassValue;
 	};
 
 	let { class: className, ...restProps }: Props = $props();

package/dist/components/listbox/listbox-value-text.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { ListboxValueTextBaseProps } from '@ark-ui/svelte/listbox';
+import type { ClassValue } from 'svelte/elements';
 type Props = ListboxValueTextBaseProps & {
-    class?: string;
+    class?: ClassValue;
 };
 declare const ListboxValueText: import("svelte").Component<Props, {}, "">;
 type ListboxValueText = ReturnType<typeof ListboxValueText>;

package/dist/components/select/select.svelte

@@ -65,7 +65,7 @@
 	<Portal>
 		<Select.Positioner>
 			<Select.Content
-				class="data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 max-h-60 min-w-(--reference-width) overflow-auto rounded-md border bg-surface-document p-1 text-ink shadow-md"
+				class="z-50 max-h-60 min-w-(--reference-width) overflow-auto rounded-md border bg-surface-document p-1 text-ink shadow-md data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95"
 			>
 				<Select.ItemGroup>
 					{#each items as item (item.value)}

package/dist/components/toggle-group/toggle-group-item.svelte

@@ -2,9 +2,10 @@
 	import { ToggleGroup } from '@ark-ui/svelte/toggle-group';
 	import type { ToggleGroupItemBaseProps } from '@ark-ui/svelte/toggle-group';
 	import { cn } from 'tailwind-variants';
+	import type { ClassValue } from 'svelte/elements';
 
 	interface Props extends ToggleGroupItemBaseProps {
-		class?: string;
+		class?: ClassValue | null;
 	}
 
 	let { class: className, children, ...rest }: Props = $props();
@@ -14,7 +15,7 @@
 	{...rest}
 	class={cn(
 		'inline-flex h-8 min-w-8 items-center justify-center rounded-md text-sm text-ink-dim transition-colors select-none hover:bg-surface-2 hover:text-ink focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[state=on]:bg-surface-2 data-[state=on]:text-ink data-[state=on]:shadow-sm',
-		className
+		className as never
 	)}
 >
 	{@render children?.()}

package/dist/components/toggle-group/toggle-group-item.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { ToggleGroupItemBaseProps } from '@ark-ui/svelte/toggle-group';
+import type { ClassValue } from 'svelte/elements';
 interface Props extends ToggleGroupItemBaseProps {
-    class?: string;
+    class?: ClassValue | null;
 }
 declare const ToggleGroupItem: import("svelte").Component<Props, {}, "">;
 type ToggleGroupItem = ReturnType<typeof ToggleGroupItem>;

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Root } from './tooltip-root.svelte';
+export { default as Trigger } from './tooltip-trigger.svelte';
+export { default as Content } from './tooltip-content.svelte';

package/dist/components/tooltip/index.js

@@ -0,0 +1,3 @@
+export { default as Root } from './tooltip-root.svelte';
+export { default as Trigger } from './tooltip-trigger.svelte';
+export { default as Content } from './tooltip-content.svelte';

package/dist/components/tooltip/tooltip-content.svelte

@@ -0,0 +1,68 @@
+<script lang="ts">
+	import { Portal } from '@ark-ui/svelte/portal';
+	import { Tooltip } from '@ark-ui/svelte/tooltip';
+	import type { TooltipContentBaseProps } from '@ark-ui/svelte/tooltip';
+	import type { Snippet } from 'svelte';
+	import { cn } from 'tailwind-variants';
+
+	type Props = TooltipContentBaseProps & {
+		class?: string;
+		children: Snippet;
+		showArrow?: boolean;
+	};
+
+	const { class: className, children, showArrow = true, ...restProps }: Props = $props();
+</script>
+
+<Portal>
+	<Tooltip.Positioner>
+		<Tooltip.Content
+			{...restProps}
+			class={cn(
+				'z-50 max-w-80 rounded-md border bg-well px-2.5 py-1.5 text-xs font-medium text-ink shadow-md outline-none [--arrow-background:var(--compote-well)] [--arrow-size:10px]',
+				className
+			)}
+		>
+			{#if showArrow}
+				<Tooltip.Arrow>
+					<Tooltip.ArrowTip class="border-t border-l" />
+				</Tooltip.Arrow>
+			{/if}
+			{@render children()}
+		</Tooltip.Content>
+	</Tooltip.Positioner>
+</Portal>
+
+<style>
+	:global([data-scope='tooltip'][data-part='content'][data-state='open']) {
+		animation: tooltip-scale-fade-in 0.15s ease-out;
+		transform-origin: var(--transform-origin);
+	}
+
+	:global([data-scope='tooltip'][data-part='content'][data-state='closed']) {
+		animation: tooltip-scale-fade-out 0.1s ease-in;
+		transform-origin: var(--transform-origin);
+	}
+
+	@keyframes tooltip-scale-fade-in {
+		from {
+			opacity: 0;
+			transform: scale(0.96);
+		}
+		to {
+			opacity: 1;
+			transform: scale(1);
+		}
+	}
+
+	@keyframes tooltip-scale-fade-out {
+		from {
+			opacity: 1;
+			transform: scale(1);
+		}
+		to {
+			opacity: 0;
+			transform: scale(0.96);
+		}
+	}
+</style>

package/dist/components/tooltip/tooltip-content.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { TooltipContentBaseProps } from '@ark-ui/svelte/tooltip';
+import type { Snippet } from 'svelte';
+type Props = TooltipContentBaseProps & {
+    class?: string;
+    children: Snippet;
+    showArrow?: boolean;
+};
+declare const TooltipContent: import("svelte").Component<Props, {}, "">;
+type TooltipContent = ReturnType<typeof TooltipContent>;
+export default TooltipContent;

package/dist/components/tooltip/tooltip-root.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { Tooltip } from '@ark-ui/svelte/tooltip';
+	import type { TooltipRootBaseProps } from '@ark-ui/svelte/tooltip';
+	import type { Snippet } from 'svelte';
+
+	type Props = TooltipRootBaseProps & {
+		children?: Snippet;
+	};
+
+	const { children, ...restProps }: Props = $props();
+</script>
+
+<Tooltip.Root {...restProps}>
+	{@render children?.()}
+</Tooltip.Root>

package/dist/components/tooltip/tooltip-root.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { TooltipRootBaseProps } from '@ark-ui/svelte/tooltip';
+import type { Snippet } from 'svelte';
+type Props = TooltipRootBaseProps & {
+    children?: Snippet;
+};
+declare const TooltipRoot: import("svelte").Component<Props, {}, "">;
+type TooltipRoot = ReturnType<typeof TooltipRoot>;
+export default TooltipRoot;

package/dist/components/tooltip/tooltip-trigger.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import { Tooltip } from '@ark-ui/svelte/tooltip';
+	import type { TooltipTriggerBaseProps } from '@ark-ui/svelte/tooltip';
+	import type { Snippet } from 'svelte';
+	import { button, type ButtonSize, type ButtonVariant } from '../button/button.variants';
+
+	type Props = TooltipTriggerBaseProps & {
+		variant?: ButtonVariant;
+		size?: ButtonSize;
+		class?: string;
+		children?: Snippet;
+	};
+
+	const {
+		asChild,
+		variant = 'ghost',
+		size = 'icon',
+		class: className,
+		children,
+		...restProps
+	}: Props = $props();
+</script>
+
+<Tooltip.Trigger
+	{...restProps}
+	{asChild}
+	class={asChild ? className : button({ variant, size, class: className })}
+>
+	{@render children?.()}
+</Tooltip.Trigger>

package/dist/components/tooltip/tooltip-trigger.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { TooltipTriggerBaseProps } from '@ark-ui/svelte/tooltip';
+import type { Snippet } from 'svelte';
+import { type ButtonSize, type ButtonVariant } from '../button/button.variants';
+type Props = TooltipTriggerBaseProps & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    class?: string;
+    children?: Snippet;
+};
+declare const TooltipTrigger: import("svelte").Component<Props, {}, "">;
+type TooltipTrigger = ReturnType<typeof TooltipTrigger>;
+export default TooltipTrigger;

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export { default as Switch } from './components/switch/switch.svelte';
 export * as Tabs from './components/tabs';
 export * as ToggleGroup from './components/toggle-group';
 export * as Menu from './components/menu';
+export * as Tooltip from './components/tooltip';
 export * as Field from './components/field';
 export * as Fieldset from './components/fieldset';
 export { default as TreeView } from './components/tree-view/tree-view.svelte';

package/dist/index.js

@@ -25,6 +25,7 @@ export { default as Switch } from './components/switch/switch.svelte';
 export * as Tabs from './components/tabs';
 export * as ToggleGroup from './components/toggle-group';
 export * as Menu from './components/menu';
+export * as Tooltip from './components/tooltip';
 export * as Field from './components/field';
 export * as Fieldset from './components/fieldset';
 export { default as TreeView } from './components/tree-view/tree-view.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "compote-ui",
-	"version": "0.30.2",
+	"version": "0.31.1",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev --open",
@@ -55,6 +55,7 @@
 		"svelte": "^5.55.4",
 		"svelte-check": "^4.4.6",
 		"tailwindcss": "^4.2.4",
+		"tw-animate-css": "^1.4.0",
 		"typescript": "^6.0.3",
 		"typescript-eslint": "^8.59.1",
 		"unplugin-icons": "^23.0.1",