@dryui/ui 0.3.0 → 0.4.0

package/dist/flip-card/flip-card-back.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const FlipCardBack: import('svelte').Component<Props, {}, ''>;
+declare const FlipCardBack: import("svelte").Component<Props, {}, "">;
 type FlipCardBack = ReturnType<typeof FlipCardBack>;
 export default FlipCardBack;

package/dist/flip-card/flip-card-front.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const FlipCardFront: import('svelte').Component<Props, {}, ''>;
+declare const FlipCardFront: import("svelte").Component<Props, {}, "">;
 type FlipCardFront = ReturnType<typeof FlipCardFront>;
 export default FlipCardFront;

package/dist/flip-card/flip-card-root.svelte.d.ts

@@ -1,11 +1,11 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	trigger?: 'hover' | 'click';
-	direction?: 'horizontal' | 'vertical';
-	flipped?: boolean;
-	children: Snippet;
+    trigger?: 'hover' | 'click';
+    direction?: 'horizontal' | 'vertical';
+    flipped?: boolean;
+    children: Snippet;
 }
-declare const FlipCardRoot: import('svelte').Component<Props, {}, ''>;
+declare const FlipCardRoot: import("svelte").Component<Props, {}, "flipped">;
 type FlipCardRoot = ReturnType<typeof FlipCardRoot>;
 export default FlipCardRoot;

package/dist/float-button/float-button-action.svelte

@@ -1,92 +1,26 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import type { HTMLButtonAttributes } from 'svelte/elements';
+	import Button from '../button/button.svelte';
 	import { getFloatButtonCtx } from './context.svelte.js';
 
 	interface Props extends HTMLButtonAttributes {
 		children: Snippet;
 	}
 
-	let { children, class: className, ...rest }: Props = $props();
+	let { children, ...rest }: Props = $props();
 
 	const ctx = getFloatButtonCtx();
 </script>
 
-<button
+<Button
+	variant="nav"
+	size="icon-sm"
 	type="button"
 	data-float-button-action
 	data-state={ctx.open ? 'open' : 'closed'}
 	tabindex={ctx.open ? 0 : -1}
 	{...rest}
-	class={className}
 >
 	{@render children()}
-</button>
-
-<style>
-	[data-float-button-action] {
-		--dry-fab-action-bg: var(--dry-color-bg-overlay);
-		--dry-fab-action-color: var(--dry-color-text-strong);
-		--dry-fab-action-border: var(--dry-color-stroke-weak);
-		--dry-fab-action-shadow: var(--dry-shadow-md);
-		--dry-fab-action-size: 44px;
-
-		display: grid;
-		place-items: center;
-		height: var(--dry-fab-action-size);
-		aspect-ratio: 1;
-		padding: 0;
-		background: var(--dry-fab-action-bg);
-		color: var(--dry-fab-action-color);
-		border: 1px solid var(--dry-fab-action-border);
-		border-radius: 50%;
-		box-shadow: var(--dry-fab-action-shadow);
-		cursor: pointer;
-		opacity: 0;
-		transform: scale(0.6) translateY(var(--dry-motion-distance-xs));
-		pointer-events: none;
-		transition:
-			opacity var(--dry-duration-normal) var(--dry-ease-default),
-			transform var(--dry-duration-normal) var(--dry-ease-default);
-
-		&[data-state='open'] {
-			opacity: 1;
-			transform: scale(1) translateY(0);
-			pointer-events: auto;
-		}
-
-		&[data-state='open']:nth-last-child(2) {
-			transition-delay: 0ms;
-		}
-		&[data-state='open']:nth-last-child(3) {
-			transition-delay: 30ms;
-		}
-		&[data-state='open']:nth-last-child(4) {
-			transition-delay: 60ms;
-		}
-		&[data-state='open']:nth-last-child(5) {
-			transition-delay: 90ms;
-		}
-		&[data-state='open']:nth-last-child(6) {
-			transition-delay: 120ms;
-		}
-
-		&:hover {
-			--dry-fab-action-bg: color-mix(
-				in srgb,
-				var(--dry-color-fill-brand) 8%,
-				var(--dry-color-bg-overlay)
-			);
-			--dry-fab-action-color: var(--dry-color-fill-brand);
-		}
-
-		&:focus-visible {
-			outline: 2px solid var(--dry-color-focus-ring);
-			outline-offset: 2px;
-		}
-
-		&[data-state='open']:active {
-			transform: scale(0.9) translateY(0);
-		}
-	}
-</style>
+</Button>

package/dist/float-button/float-button-action.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLButtonAttributes } from 'svelte/elements';
 interface Props extends HTMLButtonAttributes {
-	children: Snippet;
+    children: Snippet;
 }
-declare const FloatButtonAction: import('svelte').Component<Props, {}, ''>;
+declare const FloatButtonAction: import("svelte").Component<Props, {}, "">;
 type FloatButtonAction = ReturnType<typeof FloatButtonAction>;
 export default FloatButtonAction;

package/dist/float-button/float-button-root.svelte.d.ts

@@ -1,10 +1,10 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	open?: boolean;
-	position?: 'bottom-right' | 'bottom-left';
-	children: Snippet;
+    open?: boolean;
+    position?: 'bottom-right' | 'bottom-left';
+    children: Snippet;
 }
-declare const FloatButtonRoot: import('svelte').Component<Props, {}, 'open'>;
+declare const FloatButtonRoot: import("svelte").Component<Props, {}, "open">;
 type FloatButtonRoot = ReturnType<typeof FloatButtonRoot>;
 export default FloatButtonRoot;

package/dist/float-button/float-button-trigger.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import type { HTMLButtonAttributes } from 'svelte/elements';
+	import Button from '../button/button.svelte';
 	import { getFloatButtonCtx } from './context.svelte.js';
 
 	interface Props extends HTMLButtonAttributes {
@@ -8,79 +9,22 @@
 		children: Snippet;
 	}
 
-	let { children, class: className, size = 'md', ...rest }: Props = $props();
+	let { children, size = 'md', ...rest }: Props = $props();
 
 	const ctx = getFloatButtonCtx();
+
+	const btnSize = $derived(size === 'sm' ? 'icon-sm' : size === 'lg' ? 'icon-lg' : 'icon');
 </script>
 
-<button
+<Button
+	variant="solid"
+	size={btnSize}
 	type="button"
 	aria-expanded={ctx.open}
 	data-state={ctx.open ? 'open' : 'closed'}
 	data-float-button-trigger
-	data-size={size}
-	class={className}
 	onclick={() => ctx.toggle()}
 	{...rest}
 >
 	{@render children()}
-</button>
-
-<style>
-	[data-float-button-trigger] {
-		--dry-fab-bg: var(--dry-color-fill-brand);
-		--dry-fab-color: var(--dry-color-on-brand);
-		--dry-fab-shadow: var(--dry-shadow-lg);
-
-		display: grid;
-		place-items: center;
-		padding: 0;
-		background: var(--dry-fab-bg);
-		color: var(--dry-fab-color);
-		border: none;
-		border-radius: 50%;
-		box-shadow: var(--dry-fab-shadow);
-		cursor: pointer;
-		transition:
-			background var(--dry-duration-fast) var(--dry-ease-default),
-			transform var(--dry-duration-fast) var(--dry-ease-default),
-			box-shadow var(--dry-duration-fast) var(--dry-ease-default);
-
-		&:hover {
-			--dry-fab-bg: var(--dry-color-fill-brand-hover);
-			box-shadow: var(--dry-shadow-xl);
-		}
-
-		&:focus-visible {
-			outline: 2px solid var(--dry-color-focus-ring);
-			outline-offset: 2px;
-		}
-
-		&:active {
-			transform: scale(0.95);
-		}
-
-		&[data-state='open'] {
-			transform: rotate(45deg);
-		}
-
-		&[data-state='open']:active {
-			transform: rotate(45deg) scale(0.95);
-		}
-	}
-
-	[data-float-button-trigger][data-size='sm'] {
-		height: 44px;
-		aspect-ratio: 1;
-	}
-
-	[data-float-button-trigger][data-size='md'] {
-		height: 52px;
-		aspect-ratio: 1;
-	}
-
-	[data-float-button-trigger][data-size='lg'] {
-		height: 60px;
-		aspect-ratio: 1;
-	}
-</style>
+</Button>

package/dist/float-button/float-button-trigger.svelte.d.ts

@@ -1,9 +1,9 @@
 import type { Snippet } from 'svelte';
 import type { HTMLButtonAttributes } from 'svelte/elements';
 interface Props extends HTMLButtonAttributes {
-	size?: 'sm' | 'md' | 'lg';
-	children: Snippet;
+    size?: 'sm' | 'md' | 'lg';
+    children: Snippet;
 }
-declare const FloatButtonTrigger: import('svelte').Component<Props, {}, ''>;
+declare const FloatButtonTrigger: import("svelte").Component<Props, {}, "">;
 type FloatButtonTrigger = ReturnType<typeof FloatButtonTrigger>;
 export default FloatButtonTrigger;

package/dist/focus-trap/focus-trap.svelte.d.ts

@@ -1,11 +1,11 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	active?: boolean;
-	initialFocus?: string;
-	returnFocus?: boolean;
-	children?: Snippet;
+    active?: boolean;
+    initialFocus?: string;
+    returnFocus?: boolean;
+    children?: Snippet;
 }
-declare const FocusTrap: import('svelte').Component<Props, {}, ''>;
+declare const FocusTrap: import("svelte").Component<Props, {}, "">;
 type FocusTrap = ReturnType<typeof FocusTrap>;
 export default FocusTrap;

package/dist/format-bytes/format-bytes.svelte.d.ts

@@ -1,10 +1,10 @@
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLSpanElement> {
-	value: number;
-	locale?: string;
-	unit?: 'byte' | 'bit';
-	display?: 'short' | 'long' | 'narrow';
+    value: number;
+    locale?: string;
+    unit?: 'byte' | 'bit';
+    display?: 'short' | 'long' | 'narrow';
 }
-declare const FormatBytes: import('svelte').Component<Props, {}, ''>;
+declare const FormatBytes: import("svelte").Component<Props, {}, "">;
 type FormatBytes = ReturnType<typeof FormatBytes>;
 export default FormatBytes;

package/dist/format-date/format-date.svelte.d.ts

@@ -1,21 +1,21 @@
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLTimeElement> {
-	date: Date | string | number;
-	locale?: string;
-	weekday?: 'long' | 'short' | 'narrow';
-	era?: 'long' | 'short' | 'narrow';
-	year?: 'numeric' | '2-digit';
-	month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';
-	day?: 'numeric' | '2-digit';
-	hour?: 'numeric' | '2-digit';
-	minute?: 'numeric' | '2-digit';
-	second?: 'numeric' | '2-digit';
-	timeZoneName?: 'long' | 'short';
-	timeZone?: string;
-	hourCycle?: 'h11' | 'h12' | 'h23' | 'h24';
-	dateStyle?: 'full' | 'long' | 'medium' | 'short';
-	timeStyle?: 'full' | 'long' | 'medium' | 'short';
+    date: Date | string | number;
+    locale?: string;
+    weekday?: 'long' | 'short' | 'narrow';
+    era?: 'long' | 'short' | 'narrow';
+    year?: 'numeric' | '2-digit';
+    month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';
+    day?: 'numeric' | '2-digit';
+    hour?: 'numeric' | '2-digit';
+    minute?: 'numeric' | '2-digit';
+    second?: 'numeric' | '2-digit';
+    timeZoneName?: 'long' | 'short';
+    timeZone?: string;
+    hourCycle?: 'h11' | 'h12' | 'h23' | 'h24';
+    dateStyle?: 'full' | 'long' | 'medium' | 'short';
+    timeStyle?: 'full' | 'long' | 'medium' | 'short';
 }
-declare const FormatDate: import('svelte').Component<Props, {}, ''>;
+declare const FormatDate: import("svelte").Component<Props, {}, "">;
 type FormatDate = ReturnType<typeof FormatDate>;
 export default FormatDate;

package/dist/format-number/format-number.svelte.d.ts

@@ -1,17 +1,17 @@
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLSpanElement> {
-	value: number;
-	locale?: string;
-	type?: 'decimal' | 'currency' | 'percent' | 'unit';
-	currency?: string;
-	unit?: string;
-	notation?: 'standard' | 'scientific' | 'engineering' | 'compact';
-	minimumFractionDigits?: number;
-	maximumFractionDigits?: number;
-	minimumIntegerDigits?: number;
-	minimumSignificantDigits?: number;
-	maximumSignificantDigits?: number;
+    value: number;
+    locale?: string;
+    type?: 'decimal' | 'currency' | 'percent' | 'unit';
+    currency?: string;
+    unit?: string;
+    notation?: 'standard' | 'scientific' | 'engineering' | 'compact';
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    minimumIntegerDigits?: number;
+    minimumSignificantDigits?: number;
+    maximumSignificantDigits?: number;
 }
-declare const FormatNumber: import('svelte').Component<Props, {}, ''>;
+declare const FormatNumber: import("svelte").Component<Props, {}, "">;
 type FormatNumber = ReturnType<typeof FormatNumber>;
 export default FormatNumber;

package/dist/gauge/gauge.svelte.d.ts

@@ -1,25 +1,21 @@
 import type { Snippet } from 'svelte';
 import type { SVGAttributes } from 'svelte/elements';
 interface Props extends SVGAttributes<SVGSVGElement> {
-	value: number;
-	min?: number;
-	max?: number;
-	startAngle?: number;
-	endAngle?: number;
-	thresholds?: {
-		value: number;
-		color: string;
-	}[];
-	label?: Snippet<
-		[
-			{
-				value: number;
-				percentage: number;
-			}
-		]
-	>;
-	children?: Snippet;
+    value: number;
+    min?: number;
+    max?: number;
+    startAngle?: number;
+    endAngle?: number;
+    thresholds?: {
+        value: number;
+        color: string;
+    }[];
+    label?: Snippet<[{
+        value: number;
+        percentage: number;
+    }]>;
+    children?: Snippet;
 }
-declare const Gauge: import('svelte').Component<Props, {}, ''>;
+declare const Gauge: import("svelte").Component<Props, {}, "">;
 type Gauge = ReturnType<typeof Gauge>;
 export default Gauge;

package/dist/glass/glass.svelte.d.ts

@@ -1,11 +1,11 @@
+import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { type GlassProps as PrimitiveGlassProps } from '@dryui/primitives/glass';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	blur?: PrimitiveGlassProps['blur'];
-	tint?: PrimitiveGlassProps['tint'];
-	saturation?: PrimitiveGlassProps['saturation'];
-	children: PrimitiveGlassProps['children'];
+    blur?: number;
+    tint?: string;
+    saturation?: number;
+    children: Snippet;
 }
-declare const Glass: import('svelte').Component<Props, {}, ''>;
+declare const Glass: import("svelte").Component<Props, {}, "">;
 type Glass = ReturnType<typeof Glass>;
 export default Glass;

package/dist/glow/glow.svelte.d.ts

@@ -1,12 +1,12 @@
+import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { type GlowProps as PrimitiveGlowProps } from '@dryui/primitives/glow';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	color?: PrimitiveGlowProps['color'];
-	intensity?: PrimitiveGlowProps['intensity'];
-	radius?: PrimitiveGlowProps['radius'];
-	blendMode?: PrimitiveGlowProps['blendMode'];
-	children: PrimitiveGlowProps['children'];
+    color?: string;
+    intensity?: number;
+    radius?: number;
+    blendMode?: string;
+    children: Snippet;
 }
-declare const Glow: import('svelte').Component<Props, {}, ''>;
+declare const Glow: import("svelte").Component<Props, {}, "">;
 type Glow = ReturnType<typeof Glow>;
 export default Glow;

package/dist/god-rays/god-rays.svelte.d.ts

@@ -1,20 +1,17 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { type GodRaysProps as PrimitiveGodRaysProps } from '@dryui/primitives/god-rays';
 interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-	color?: string | undefined;
-	rayCount?: number | undefined;
-	intensity?: number | undefined;
-	center?:
-		| {
-				x: number;
-				y: number;
-		  }
-		| undefined;
-	speed?: number | undefined;
-	blendMode?: PrimitiveGodRaysProps['blendMode'];
-	children?: Snippet | undefined;
+    color?: string | undefined;
+    rayCount?: number | undefined;
+    intensity?: number | undefined;
+    center?: {
+        x: number;
+        y: number;
+    } | undefined;
+    speed?: number | undefined;
+    blendMode?: string | undefined;
+    children?: Snippet | undefined;
 }
-declare const GodRays: import('svelte').Component<Props, {}, ''>;
+declare const GodRays: import("svelte").Component<Props, {}, "">;
 type GodRays = ReturnType<typeof GodRays>;
 export default GodRays;

package/dist/gradient-mesh/gradient-mesh.svelte.d.ts

@@ -1,12 +1,11 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { type GradientMeshProps as PrimitiveGradientMeshProps } from '@dryui/primitives/gradient-mesh';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	colors?: PrimitiveGradientMeshProps['colors'];
-	speed?: PrimitiveGradientMeshProps['speed'];
-	interactive?: PrimitiveGradientMeshProps['interactive'];
-	children: Snippet;
+    colors?: readonly [string, string, string, string];
+    speed?: 'slow' | 'normal' | 'fast' | number;
+    interactive?: boolean;
+    children: Snippet;
 }
-declare const GradientMesh: import('svelte').Component<Props, {}, ''>;
+declare const GradientMesh: import("svelte").Component<Props, {}, "">;
 type GradientMesh = ReturnType<typeof GradientMesh>;
 export default GradientMesh;

package/dist/halftone/halftone.svelte.d.ts

@@ -1,12 +1,12 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	dotSize?: 'fine' | 'medium' | 'coarse' | number;
-	angle?: number;
-	color?: string;
-	opacity?: number;
-	children?: Snippet;
+    dotSize?: 'fine' | 'medium' | 'coarse' | number;
+    angle?: number;
+    color?: string;
+    opacity?: number;
+    children?: Snippet;
 }
-declare const Halftone: import('svelte').Component<Props, {}, ''>;
+declare const Halftone: import("svelte").Component<Props, {}, "">;
 type Halftone = ReturnType<typeof Halftone>;
 export default Halftone;

package/dist/heading/heading.svelte.d.ts

@@ -1,10 +1,10 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLHeadingElement> {
-	level?: 1 | 2 | 3 | 4 | 5 | 6;
-	variant?: 'default' | 'display';
-	children: Snippet;
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    variant?: 'default' | 'display';
+    children: Snippet;
 }
-declare const Heading: import('svelte').Component<Props, {}, ''>;
+declare const Heading: import("svelte").Component<Props, {}, "">;
 type Heading = ReturnType<typeof Heading>;
 export default Heading;

package/dist/hover-card/hover-card-content.svelte.d.ts

@@ -1,24 +1,11 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-
+import type { Placement } from '@dryui/primitives';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	placement?:
-		| 'top'
-		| 'top-start'
-		| 'top-end'
-		| 'bottom'
-		| 'bottom-start'
-		| 'bottom-end'
-		| 'left'
-		| 'left-start'
-		| 'left-end'
-		| 'right'
-		| 'right-start'
-		| 'right-end';
-	offset?: number;
-	children: Snippet;
+    placement?: Placement;
+    offset?: number;
+    children: Snippet;
 }
-
-declare const HoverCardContent: import('svelte').Component<Props, {}, ''>;
+declare const HoverCardContent: import("svelte").Component<Props, {}, "">;
 type HoverCardContent = ReturnType<typeof HoverCardContent>;
 export default HoverCardContent;

package/dist/hover-card/hover-card-root.svelte.d.ts

@@ -1,11 +1,9 @@
 import type { Snippet } from 'svelte';
-
 interface Props {
-	openDelay?: number;
-	closeDelay?: number;
-	children: Snippet;
+    openDelay?: number;
+    closeDelay?: number;
+    children: Snippet;
 }
-
-declare const HoverCardRoot: import('svelte').Component<Props, {}, ''>;
+declare const HoverCardRoot: import("svelte").Component<Props, {}, "">;
 type HoverCardRoot = ReturnType<typeof HoverCardRoot>;
 export default HoverCardRoot;

package/dist/hover-card/hover-card-trigger.svelte.d.ts

@@ -1,11 +1,9 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-
 interface Props extends HTMLAttributes<HTMLAnchorElement> {
-	href?: string;
-	children: Snippet;
+    href?: string;
+    children: Snippet;
 }
-
-declare const HoverCardTrigger: import('svelte').Component<Props, {}, ''>;
+declare const HoverCardTrigger: import("svelte").Component<Props, {}, "">;
 type HoverCardTrigger = ReturnType<typeof HoverCardTrigger>;
 export default HoverCardTrigger;

package/dist/icon/icon.svelte.d.ts

@@ -1,11 +1,11 @@
 import type { Snippet } from 'svelte';
 interface Props {
-	size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-	color?: 'primary' | 'muted' | 'current';
-	label?: string;
-	class?: string;
-	children: Snippet;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    color?: 'primary' | 'muted' | 'current';
+    label?: string;
+    class?: string;
+    children: Snippet;
 }
-declare const Icon: import('svelte').Component<Props, {}, ''>;
+declare const Icon: import("svelte").Component<Props, {}, "">;
 type Icon = ReturnType<typeof Icon>;
 export default Icon;

package/dist/image/image.svelte.d.ts

@@ -1,9 +1,9 @@
 import type { Snippet } from 'svelte';
 import type { HTMLImgAttributes } from 'svelte/elements';
 interface Props extends HTMLImgAttributes {
-	fallback?: string;
-	fallbackSnippet?: Snippet;
+    fallback?: string;
+    fallbackSnippet?: Snippet;
 }
-declare const Image: import('svelte').Component<Props, {}, ''>;
+declare const Image: import("svelte").Component<Props, {}, "">;
 type Image = ReturnType<typeof Image>;
 export default Image;