compote-ui 0.31.0 → 0.32.0

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

@@ -19,13 +19,13 @@
 		<Tooltip.Content
 			{...restProps}
 			class={cn(
-				'z-50 max-w-80 rounded-md border bg-surface-1 px-2.5 py-1.5 text-xs font-medium text-ink shadow-md outline-none [--arrow-background:var(--compote-surface-1)] [--arrow-size:10px]',
+				'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-l border-t" />
+					<Tooltip.ArrowTip class="border-t border-l" />
 				</Tooltip.Arrow>
 			{/if}
 			{@render children()}

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

@@ -1,14 +1,12 @@
 <script lang="ts">
 	import { Tooltip } from '@ark-ui/svelte/tooltip';
-	import type { TooltipTriggerBaseProps } from '@ark-ui/svelte/tooltip';
-	import type { Snippet } from 'svelte';
+	import type { TooltipTriggerProps } from '@ark-ui/svelte/tooltip';
 	import { button, type ButtonSize, type ButtonVariant } from '../button/button.variants';
 
-	type Props = TooltipTriggerBaseProps & {
+	type Props = Omit<TooltipTriggerProps, 'class'> & {
 		variant?: ButtonVariant;
 		size?: ButtonSize;
 		class?: string;
-		children?: Snippet;
 	};
 
 	const {

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

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

package/dist/components/tree-view/tree-view.svelte

@@ -112,7 +112,7 @@
 				{#snippet render(tree)}
 					<Button
 						variant="outline"
-						size="icon"
+						size="icon-lg"
 						title="Collapse all"
 						onclick={() => tree().collapse()}
 					>

package/dist/index.d.ts

@@ -30,6 +30,8 @@ export { default as Splitter } from './components/splitter/splitter.svelte';
 export type { SplitterPanelConfig, SplitterProps } from './components/splitter/types';
 export { default as Switch } from './components/switch/switch.svelte';
 export * as Tabs from './components/tabs';
+export { default as Toggle } from './components/toggle/toggle.svelte';
+export type { ToggleProps, ToggleSize } from './components/toggle/types';
 export * as ToggleGroup from './components/toggle-group';
 export * as Menu from './components/menu';
 export * as Tooltip from './components/tooltip';

package/dist/index.js

@@ -23,6 +23,7 @@ export { default as Select } from './components/select/select.svelte';
 export { default as Splitter } from './components/splitter/splitter.svelte';
 export { default as Switch } from './components/switch/switch.svelte';
 export * as Tabs from './components/tabs';
+export { default as Toggle } from './components/toggle/toggle.svelte';
 export * as ToggleGroup from './components/toggle-group';
 export * as Menu from './components/menu';
 export * as Tooltip from './components/tooltip';

package/dist/theme.css

@@ -19,7 +19,7 @@
 	--compote-ink: light-dark(var(--gray-15), var(--gray-1));
 	--compote-ink-dim: light-dark(var(--gray-11), var(--gray-5));
 	--compote-ink-inverse: white;
-	--compote-surface-3: light-dark(var(--gray-5), var(--gray-11));
+	--compote-surface-3: light-dark(var(--gray-5), var(--gray-10));
 	--compote-surface-2: light-dark(var(--gray-4), var(--gray-12));
 	--compote-surface-1: light-dark(var(--gray-3), var(--gray-13));
 	--compote-surface-document: light-dark(var(--gray-2), var(--gray-14));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "compote-ui",
-	"version": "0.31.0",
+	"version": "0.32.0",
 	"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",

package/dist/components/dialog/dialog.svelte.d.ts

@@ -1,5 +0,0 @@
-import { Dialog } from '@ark-ui/svelte/dialog';
-import type { DialogProps } from './dialog.types';
-declare const Dialog: import("svelte").Component<DialogProps, {}, "open">;
-type Dialog = ReturnType<typeof Dialog>;
-export default Dialog;