compote-ui 0.25.9 → 0.26.0

package/dist/components/avatar/avatar.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+	import { Avatar } from '@ark-ui/svelte/avatar';
+	import { cn } from 'tailwind-variants';
+	import type { AvatarProps, AvatarSize } from './avatar.types';
+
+	const sizeClasses: Record<AvatarSize, string> = {
+		sm: 'size-8 text-xs',
+		md: 'size-10 text-sm',
+		lg: 'size-12 text-base',
+		xl: 'size-16 text-lg'
+	};
+
+	function getInitials(name: string): string {
+		return name
+			.trim()
+			.split(/\s+/)
+			.slice(0, 2)
+			.map((w) => w[0])
+			.join('')
+			.toUpperCase();
+	}
+
+	let { src, alt, fallback, size = 'md', class: className, ...rest }: AvatarProps & { class?: string } = $props();
+
+	const displayFallback = $derived(fallback ? getInitials(fallback) : '');
+</script>
+
+<Avatar.Root
+	class={cn(
+		'inline-flex items-center justify-center relative overflow-hidden rounded-full select-none shrink-0 bg-surface-2 font-medium text-ink',
+		sizeClasses[size],
+		className
+	)}
+	{...rest}
+>
+	<Avatar.Image
+		{src}
+		{alt}
+		class="object-cover w-full h-full rounded-[inherit] data-[state=hidden]:hidden"
+	/>
+	<Avatar.Fallback class="data-[state=hidden]:hidden">
+		{displayFallback}
+	</Avatar.Fallback>
+</Avatar.Root>

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

@@ -0,0 +1,8 @@
+import { Avatar } from '@ark-ui/svelte/avatar';
+import type { AvatarProps } from './avatar.types';
+type $$ComponentProps = AvatarProps & {
+    class?: string;
+};
+declare const Avatar: import("svelte").Component<$$ComponentProps, {}, "">;
+type Avatar = ReturnType<typeof Avatar>;
+export default Avatar;

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

@@ -0,0 +1,8 @@
+import type { AvatarRootBaseProps } from '@ark-ui/svelte/avatar';
+export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarProps extends Omit<AvatarRootBaseProps, 'children' | 'asChild' | 'ref'> {
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    size?: AvatarSize;
+}

package/dist/components/avatar/avatar.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { default as Avatar } from './avatar.svelte';
+export type { AvatarProps, AvatarSize } from './avatar.types';

package/dist/components/avatar/index.js

@@ -0,0 +1 @@
+export { default as Avatar } from './avatar.svelte';

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+export { default as Avatar } from './components/avatar/avatar.svelte';
+export type { AvatarProps, AvatarSize } from './components/avatar/avatar.types';
 export { default as Button } from './components/button/button.svelte';
 export { default as LinkButton } from './components/button/link-button.svelte';
 export * as Card from './components/card';

package/dist/index.js

@@ -1,4 +1,5 @@
 // Reexport your entry components here
+export { default as Avatar } from './components/avatar/avatar.svelte';
 export { default as Button } from './components/button/button.svelte';
 export { default as LinkButton } from './components/button/link-button.svelte';
 export * as Card from './components/card';

package/dist/theme.css

@@ -2,8 +2,7 @@
 @import './open-props/props.colors-oklch.css';
 @import './open-props/props.gray-oklch.css';
 
-@source './components/**/*.svelte';
-@source './components/**/*.js';
+@source './components/**/*.{svelte,js}';
 
 :root {
 	color-scheme: light dark;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "compote-ui",
-	"version": "0.25.9",
+	"version": "0.26.0",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",
@@ -41,7 +41,7 @@
 		"@sveltejs/adapter-auto": "^7.0.0",
 		"@sveltejs/kit": "^2.57.1",
 		"@sveltejs/package": "^2.5.7",
-		"@sveltejs/vite-plugin-svelte": "6.2.4",
+		"@sveltejs/vite-plugin-svelte": "7.0.0",
 		"@tailwindcss/vite": "^4.2.4",
 		"@types/node": "^22",
 		"eslint": "^10.2.1",
@@ -55,10 +55,10 @@
 		"svelte": "^5.55.4",
 		"svelte-check": "^4.4.6",
 		"tailwindcss": "^4.2.4",
-		"typescript": "^5.9.3",
+		"typescript": "^6.0.3",
 		"typescript-eslint": "^8.58.2",
 		"unplugin-icons": "^23.0.1",
-		"vite": "^7.3.1",
+		"vite": "^8.0.10",
 		"vite-plugin-devtools-json": "^1.0.0"
 	},
 	"keywords": [