@dryui/ui 0.2.2 → 0.4.0

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

@@ -32,6 +32,9 @@
 	let animated = $state(false);
 	let pointerX = $state('50%');
 	let pointerY = $state('50%');
+	let pointerFrame = $state<number | null>(null);
+	let pendingPointerX = '50%';
+	let pendingPointerY = '50%';
 
 	function captureElement(node: HTMLDivElement) {
 		element = node;
@@ -51,14 +54,42 @@
 		return '12s';
 	});
 
+	function flushPointerPosition() {
+		pointerFrame = null;
+		pointerX = pendingPointerX;
+		pointerY = pendingPointerY;
+	}
+
+	function queuePointerPosition(nextX: string, nextY: string) {
+		pendingPointerX = nextX;
+		pendingPointerY = nextY;
+
+		if (pointerFrame !== null) return;
+
+		pointerFrame = requestAnimationFrame(() => {
+			flushPointerPosition();
+		});
+	}
+
+	function cancelQueuedPointerPosition() {
+		if (pointerFrame === null) return;
+		cancelAnimationFrame(pointerFrame);
+		pointerFrame = null;
+	}
+
 	function handlePointerMove(event: PointerEvent) {
 		if (!interactive || prefersReducedMotion || !element || !supportsPointerTracking()) return;
 		const rect = element.getBoundingClientRect();
-		pointerX = `${(((event.clientX - rect.left) / rect.width) * 100).toFixed(1)}%`;
-		pointerY = `${(((event.clientY - rect.top) / rect.height) * 100).toFixed(1)}%`;
+		queuePointerPosition(
+			`${(((event.clientX - rect.left) / rect.width) * 100).toFixed(1)}%`,
+			`${(((event.clientY - rect.top) / rect.height) * 100).toFixed(1)}%`
+		);
 	}
 
 	function handlePointerLeave() {
+		cancelQueuedPointerPosition();
+		pendingPointerX = '50%';
+		pendingPointerY = '50%';
 		pointerX = '50%';
 		pointerY = '50%';
 	}
@@ -98,11 +129,17 @@
 
 		if (!supportsPropertyRegistration() || getReducedMotionPreference()) {
 			animated = false;
-			return stopMotionObserver;
+			return () => {
+				cancelQueuedPointerPosition();
+				stopMotionObserver();
+			};
 		}
 
 		animated = true;
-		return stopMotionObserver;
+		return () => {
+			cancelQueuedPointerPosition();
+			stopMotionObserver();
+		};
 	});
 
 	function applyStyles(node: HTMLElement) {
@@ -121,6 +158,7 @@
 
 <div
 	{@attach captureElement}
+	{@attach applyStyles}
 	class={className}
 	data-gradient-mesh
 	data-animated={animated || undefined}
@@ -129,7 +167,6 @@
 	onpointermove={interactive ? handlePointerMove : undefined}
 	onpointerleave={interactive ? handlePointerLeave : undefined}
 	{...rest}
-	use:applyStyles
 >
 	{#if childSnippet}
 		<div data-gradient-mesh-content>

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

@@ -24,29 +24,17 @@
 		dotSize === 'fine' || dotSize === 'medium' || dotSize === 'coarse' ? dotSize : 'custom'
 	);
 
-	const patternSize = $derived.by(() => {
-		const size =
-			typeof dotSize === 'number'
-				? Math.max(1, dotSize)
-				: dotSize === 'fine'
-					? 2
-					: dotSize === 'coarse'
-						? 6
-						: 4;
-		return `${size * 3}`;
-	});
-
-	const dotRadius = $derived.by(() => {
-		const size =
-			typeof dotSize === 'number'
-				? Math.max(1, dotSize)
-				: dotSize === 'fine'
-					? 2
-					: dotSize === 'coarse'
-						? 6
-						: 4;
-		return `${size * 0.45}`;
-	});
+	const baseSize = $derived(
+		typeof dotSize === 'number'
+			? Math.max(1, dotSize)
+			: dotSize === 'fine'
+				? 2
+				: dotSize === 'coarse'
+					? 6
+					: 4
+	);
+	const patternSize = $derived(`${baseSize * 3}`);
+	const dotRadius = $derived(`${baseSize * 0.45}`);
 
 	const normalizedOpacity = $derived(`${Math.max(0, Math.min(1, opacity))}`);
 	const angleValue = $derived(`${angle}deg`);
@@ -99,24 +87,16 @@
 		mix-blend-mode: multiply;
 		transform: rotate(var(--dry-halftone-angle));
 		transform-origin: center;
-
-		/* SVG halftone dot pattern via data URI */
-		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='1.8' fill='black'/%3E%3C/svg%3E");
+		background-image: radial-gradient(
+			circle at center,
+			var(--dry-halftone-color) 0 calc(var(--dry-halftone-dot-radius) * 1px),
+			transparent calc((var(--dry-halftone-dot-radius) * 1px) + 0.8px)
+		);
 		background-size: calc(var(--dry-halftone-pattern-size) * 1px)
 			calc(var(--dry-halftone-pattern-size) * 1px);
 		background-repeat: repeat;
 	}
 
-	/* Override SVG for fine pattern */
-	[data-halftone][data-dot-size='fine']::after {
-		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='3' cy='3' r='0.9' fill='black'/%3E%3C/svg%3E");
-	}
-
-	/* Override SVG for coarse pattern */
-	[data-halftone][data-dot-size='coarse']::after {
-		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='2.7' fill='black'/%3E%3C/svg%3E");
-	}
-
 	[data-halftone-content] {
 		position: relative;
 		z-index: 1;

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;

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

@@ -1,12 +1,12 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	position?: number;
-	orientation?: 'horizontal' | 'vertical';
-	before: Snippet;
-	after: Snippet;
-	handle?: Snippet;
+    position?: number;
+    orientation?: 'horizontal' | 'vertical';
+    before: Snippet;
+    after: Snippet;
+    handle?: Snippet;
 }
-declare const ImageComparison: import('svelte').Component<Props, {}, 'position'>;
+declare const ImageComparison: import("svelte").Component<Props, {}, "position">;
 type ImageComparison = ReturnType<typeof ImageComparison>;
 export default ImageComparison;

package/dist/index.d.ts

@@ -147,7 +147,7 @@ export type { ListboxRootProps, ListboxItemProps } from './listbox/index.js';
 export { LogoMark } from './logo-mark/index.js';
 export type { LogoMarkProps } from './logo-mark/index.js';
 export { PinInput } from './pin-input/index.js';
-export type { PinInputRootProps, PinInputGroupProps, PinInputCellProps, PinInputSeparatorProps, PinInputCell } from './pin-input/index.js';
+export type { PinInputRootProps, PinInputGroupProps, PinInputCellProps, PinInputSeparatorProps, PinInputCellState } from './pin-input/index.js';
 export { RangeCalendar } from './range-calendar/index.js';
 export type { RangeCalendarRootProps, RangeCalendarGridProps } from './range-calendar/index.js';
 export { Rating } from './rating/index.js';
@@ -179,7 +179,7 @@ export type { RevealProps } from './reveal/index.js';
 export { Spotlight } from './spotlight/index.js';
 export type { SpotlightProps } from './spotlight/index.js';
 export { Aurora } from './aurora/index.js';
-export type { AuroraProps, AuroraPalette, AuroraSpeed } from './aurora/index.js';
+export type { AuroraProps, AuroraPalette, AuroraSpeed, AuroraMotion } from './aurora/index.js';
 export { Noise } from './noise/index.js';
 export type { NoiseProps, NoiseBlendMode } from './noise/index.js';
 export type { BlendMode } from './aurora/index.js';
@@ -256,8 +256,6 @@ export { MegaMenu } from './mega-menu/index.js';
 export type { MegaMenuRootProps, MegaMenuItemProps, MegaMenuTriggerProps, MegaMenuPanelProps, MegaMenuColumnProps, MegaMenuLinkProps } from './mega-menu/index.js';
 export { Map } from './map/index.js';
 export type { MapRootProps, MapMarkerProps, MapPopupProps, MapLayerProps, MapControlsProps, LngLat, MapInstance, MapLibrary, MapMarkerInstance, MapPopupInstance, MapOptions, MapControl, MapSource, MarkerOptions, PopupOptions, GeoJsonData } from './map/index.js';
-export { SystemMap } from './system-map/index.js';
-export type { DolphinCluster, DolphinEdge, DolphinEdgeType, DolphinGraph, DolphinLayer, DolphinMismatch, DolphinMismatchKind, DolphinNode, DolphinNodeKind, DolphinPackage, DolphinSignals, DolphinSummary, DolphinVisibility, SystemMapProps, SystemMapEdge, SystemMapEdgeKind, SystemMapGraph, SystemMapLayer, SystemMapNode, SystemMapNodeKind, SystemMapVisibility } from './system-map/index.js';
 export { ChromaticShift } from './chromatic-shift/index.js';
 export type { ChromaticShiftProps } from './chromatic-shift/index.js';
 export { ChromaticAberration } from './chromatic-aberration/index.js';
@@ -286,10 +284,11 @@ export { ShaderCanvas, PRESETS as SHADER_PRESETS } from './shader-canvas/index.j
 export type { ShaderCanvasProps, ShaderCanvasPreset } from './shader-canvas/index.js';
 export { Svg } from './svg/index.js';
 export type { SvgProps } from './svg/index.js';
-export { Thumbnail } from './thumbnail/index.js';
 export { StarRating } from './star-rating/index.js';
 export type { StarRatingRootProps } from './star-rating/index.js';
 export { Tag } from './tag/index.js';
 export type { TagProps, TagColor } from './tag/index.js';
 export { useThemeOverride } from './themes/use-theme-override.svelte.js';
 export type { ThemeTokenMap } from './themes/use-theme-override.svelte.js';
+export { Diagram } from './diagram/index.js';
+export type { DiagramConfig, DiagramNode, DiagramEdge, DiagramCluster, DiagramAnnotation, DiagramSwimlane, DiagramRegion, DiagramColor, DiagramDirection } from './diagram/index.js';

package/dist/index.js

@@ -131,7 +131,6 @@ export { DateTimeInput } from './date-time-input/index.js';
 export { NotificationCenter } from './notification-center/index.js';
 export { MegaMenu } from './mega-menu/index.js';
 export { Map } from './map/index.js';
-export { SystemMap } from './system-map/index.js';
 // Animation & Visual Effects
 export { ChromaticShift } from './chromatic-shift/index.js';
 export { ChromaticAberration } from './chromatic-aberration/index.js';
@@ -147,7 +146,7 @@ export { Halftone } from './halftone/index.js';
 export { MaskReveal } from './mask-reveal/index.js';
 export { ShaderCanvas, PRESETS as SHADER_PRESETS } from './shader-canvas/index.js';
 export { Svg } from './svg/index.js';
-export { Thumbnail } from './thumbnail/index.js';
 export { StarRating } from './star-rating/index.js';
 export { Tag } from './tag/index.js';
 export { useThemeOverride } from './themes/use-theme-override.svelte.js';
+export { Diagram } from './diagram/index.js';

package/dist/infinite-scroll/infinite-scroll.svelte.d.ts

@@ -1,14 +1,14 @@
+import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { type InfiniteScrollProps as InfiniteScrollPrimitiveProps } from '@dryui/primitives/infinite-scroll';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	onLoadMore: InfiniteScrollPrimitiveProps['onLoadMore'];
-	hasMore?: InfiniteScrollPrimitiveProps['hasMore'];
-	loading?: InfiniteScrollPrimitiveProps['loading'];
-	rootMargin?: InfiniteScrollPrimitiveProps['rootMargin'];
-	children: InfiniteScrollPrimitiveProps['children'];
-	loadingIndicator?: InfiniteScrollPrimitiveProps['loadingIndicator'];
-	endMessage?: InfiniteScrollPrimitiveProps['endMessage'];
+    onLoadMore: () => void | Promise<void>;
+    hasMore?: boolean | undefined;
+    loading?: boolean | undefined;
+    rootMargin?: string | undefined;
+    children: Snippet;
+    loadingIndicator?: Snippet | undefined;
+    endMessage?: Snippet | undefined;
 }
-declare const InfiniteScroll: import('svelte').Component<Props, {}, ''>;
+declare const InfiniteScroll: import("svelte").Component<Props, {}, "">;
 type InfiniteScroll = ReturnType<typeof InfiniteScroll>;
 export default InfiniteScroll;

package/dist/input/input.svelte.d.ts

@@ -1,10 +1,10 @@
 import type { HTMLInputAttributes } from 'svelte/elements';
 interface Props extends Omit<HTMLInputAttributes, 'size'> {
-	value?: string;
-	size?: 'sm' | 'md' | 'lg';
-	variant?: 'default' | 'ghost';
-	disabled?: boolean;
+    value?: string;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'ghost';
+    disabled?: boolean;
 }
-declare const Input: import('svelte').Component<Props, {}, 'value'>;
+declare const Input: import("svelte").Component<Props, {}, "value">;
 type Input = ReturnType<typeof Input>;
 export default Input;

package/dist/input-group/index.d.ts

@@ -13,7 +13,7 @@ import InputGroupPrefix from './input-group-prefix.svelte';
 import InputGroupInput from './input-group-input.svelte';
 import InputGroupSuffix from './input-group-suffix.svelte';
 import InputGroupSeparator from './input-group-separator.svelte';
-import InputGroupAction from './input-group-action.svelte';
+import InputGroupAction from './input-group-action-button.svelte';
 import InputGroupSelect from './input-group-select.svelte';
 export declare const InputGroup: {
     Root: typeof InputGroupRoot;

package/dist/input-group/index.js

@@ -3,7 +3,7 @@ import InputGroupPrefix from './input-group-prefix.svelte';
 import InputGroupInput from './input-group-input.svelte';
 import InputGroupSuffix from './input-group-suffix.svelte';
 import InputGroupSeparator from './input-group-separator.svelte';
-import InputGroupAction from './input-group-action.svelte';
+import InputGroupAction from './input-group-action-button.svelte';
 import InputGroupSelect from './input-group-select.svelte';
 export const InputGroup = {
     Root: InputGroupRoot,

package/dist/input-group/input-group-action-button.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLButtonAttributes } from 'svelte/elements';
+	import Button from '../button/button.svelte';
+	import { getAffixGroupCtx } from './context.svelte.js';
+
+	interface Props extends HTMLButtonAttributes {
+		children?: Snippet;
+	}
+
+	let { disabled = false, children, type = 'button', ...rest }: Props = $props();
+
+	const ctx = getAffixGroupCtx();
+
+	let isDisabled = $derived(disabled || ctx.disabled);
+</script>
+
+<Button
+	variant="trigger"
+	{type}
+	disabled={isDisabled}
+	data-size={ctx.size}
+	data-invalid={ctx.invalid || undefined}
+	data-orientation={ctx.orientation}
+	data-input-group-action
+	{...rest}
+>
+	{@render children?.()}
+</Button>

package/dist/input-group/input-group-action-button.svelte.d.ts

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

package/dist/input-group/input-group-input.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { HTMLInputAttributes } from 'svelte/elements';
 interface Props extends HTMLInputAttributes {
-	value?: string;
+    value?: string;
 }
-declare const InputGroupInput: import('svelte').Component<Props, {}, 'value'>;
+declare const InputGroupInput: import("svelte").Component<Props, {}, "value">;
 type InputGroupInput = ReturnType<typeof InputGroupInput>;
 export default InputGroupInput;

package/dist/input-group/input-group-prefix.svelte.d.ts

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

package/dist/input-group/input-group-root.svelte.d.ts

@@ -1,12 +1,12 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	size?: 'sm' | 'md' | 'lg';
-	disabled?: boolean;
-	invalid?: boolean;
-	orientation?: 'horizontal' | 'vertical';
-	children: Snippet;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    invalid?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    children: Snippet;
 }
-declare const InputGroupRoot: import('svelte').Component<Props, {}, ''>;
+declare const InputGroupRoot: import("svelte").Component<Props, {}, "">;
 type InputGroupRoot = ReturnType<typeof InputGroupRoot>;
 export default InputGroupRoot;

package/dist/input-group/input-group-select.svelte.d.ts

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

package/dist/input-group/input-group-separator.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes } from 'svelte/elements';
-interface Props extends HTMLAttributes<HTMLSpanElement> {}
-declare const InputGroupSeparator: import('svelte').Component<Props, {}, ''>;
+interface Props extends HTMLAttributes<HTMLSpanElement> {
+}
+declare const InputGroupSeparator: import("svelte").Component<Props, {}, "">;
 type InputGroupSeparator = ReturnType<typeof InputGroupSeparator>;
 export default InputGroupSeparator;

package/dist/input-group/input-group-suffix.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 InputGroupSuffix: import('svelte').Component<Props, {}, ''>;
+declare const InputGroupSuffix: import("svelte").Component<Props, {}, "">;
 type InputGroupSuffix = ReturnType<typeof InputGroupSuffix>;
 export default InputGroupSuffix;

package/dist/internal/calendar-grid-utils.js

@@ -1,10 +1,11 @@
 export function generateWeekdayLabels(locale, weekStartDay) {
+    const formatter = new Intl.DateTimeFormat(locale, { weekday: 'short' });
     const labels = [];
     for (let i = 0; i < 7; i++) {
         const dayIndex = (weekStartDay + i) % 7;
         // Jan 7 2024 = Sunday (getDay() === 0)
         const d = new Date(2024, 0, 7 + dayIndex);
-        labels.push(new Intl.DateTimeFormat(locale, { weekday: 'short' }).format(d));
+        labels.push(formatter.format(d));
     }
     return labels;
 }